@simple-reporting/base 0.0.1

package/livingdocs/Misc/accordion/ldd.scss

@@ -0,0 +1,36 @@
+@use 'nswow';
+@use 'sass:map';
+
+$numberSize: 50;
+$iconSize: 20;
+
+.srl-accordion {
+  &__title {
+    display: flex;
+    flex-wrap: nowrap;
+    width: 100%;
+
+    @each $breakpoint, $gutter in nswow.$grid-gutter {
+      $gap: map.get($gutter, gap);
+      $column-gap: map.get($gutter, column-gap);
+      @if not $column-gap {
+        $column-gap: $gap;
+      }
+      @if $column-gap {
+        @include nswow.grid-media($breakpoint) {
+          column-gap: nswow.system-size-unit($column-gap);
+        }
+      }
+    }
+
+    &-number {
+      width: nswow.system-size-unit($numberSize);
+    }
+
+    &-icon {
+      margin-left: auto;
+      width: nswow.system-size-unit($iconSize);
+      height: nswow.system-size-unit($iconSize);
+    }
+  }
+}

package/livingdocs/Misc/accordion/pdf.scss

@@ -0,0 +1,39 @@
+@use 'nswow';
+@use 'sass:map';
+
+$numberSize: 50;
+$iconSize: 20;
+
+$gap: map.get(nswow.$grid-gutter, print, gap);
+$column-gap: map.get(nswow.$grid-gutter, print, column-gap);
+@if not $column-gap {
+  $column-gap: $gap;
+}
+@if not $column-gap {
+  $column-gap: 0;
+}
+
+.srl-accordion {
+  &__title {
+    display: block;
+    position: relative;
+    &-number {
+      display: block;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: nswow.system-size-unit($numberSize, in);
+    }
+
+    &-text {
+      display: block;
+      &:not(:first-child) {
+        margin-left: nswow.system-size-unit($numberSize + $column-gap, in);
+      }
+    }
+
+    &-icon {
+      display: none;
+    }
+  }
+}

package/livingdocs/Misc/accordion/word.scss

@@ -0,0 +1,39 @@
+@use 'nswow';
+@use 'sass:map';
+
+$numberSize: 50;
+$iconSize: 20;
+
+.srl-accordion {
+  &__title {
+    $gap: map.get(nswow.$grid-gutter, print, gap);
+    $column-gap: map.get(nswow.$grid-gutter, print, column-gap);
+    @if not $column-gap {
+      $column-gap: $gap;
+    }
+    @if not $column-gap {
+      $column-gap: 0;
+    }
+
+    display: block;
+    position: relative;
+    &-number {
+      display: block;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: nswow.system-size-unit($numberSize, in);
+    }
+
+    &-text {
+      display: block;
+      &:not(:first-child) {
+        margin-left: nswow.system-size-unit($numberSize + $column-gap, in);
+      }
+    }
+
+    &-icon {
+      display: none;
+    }
+  }
+}

package/livingdocs/Misc/anchor/anchor.html

@@ -0,0 +1,15 @@
+<script type="ld-conf">
+  {
+  	"name": "anchor",
+  	"label": "Anchor",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-anchor.min.svg"
+  }
+</script>
+<div class="srl-anchor" data-autoload="accordion" data-is-anchor="true">
+  <span class="srl-anchor__text" doc-editable="text">
+    The ID element must start with a letter i.e. upper case A to Z or lower case
+    a to z; a number is not allowed. After the first letter any number of
+    letters (a to z, A to Z), digits (0 to 9), hyphens (-), underscores (_),
+    colons (:) and periods (.) are allowed.
+  </span>
+</div>

package/livingdocs/Misc/anchor/app.scss

@@ -0,0 +1,10 @@
+@use 'nswow';
+.srl-anchor {
+  &:not(.active) {
+    display: none;
+  }
+
+  &__text {
+    display: none;
+  }
+}

package/livingdocs/Misc/anchor/app.ts

@@ -0,0 +1,11 @@
+import ArticleLoader from 'nswow/ArticleLoader';
+
+export default class extends ArticleLoader {
+  _create() {
+    this.id = this.element.querySelector('.srl-anchor__text');
+    if (this.id) {
+      this.element.id = this.id.innerText;
+      this.element.classList.add('active');
+    }
+  }
+}

package/livingdocs/Misc/anchor/general.scss

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

package/livingdocs/Misc/anchor/pdf.scss

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

package/livingdocs/Misc/anchor/print.scss

@@ -0,0 +1,3 @@
+.srl-anchor {
+  display: none;
+}

package/livingdocs/Misc/anchor/word.scss

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

package/livingdocs/Misc/spacer/app.scss

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

package/livingdocs/Misc/spacer/general.scss

@@ -0,0 +1,8 @@
+@use 'nswow';
+
+.srl-spacer {
+  height: nswow.system-size-unit(nswow.spacer(medium));
+  @include nswow.grid-media(print) {
+    height: nswow.system-size-unit(nswow.spacer(medium), in);
+  }
+}

package/livingdocs/Misc/spacer/ldd.scss

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

package/livingdocs/Misc/spacer/pdf.scss

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

package/livingdocs/Misc/spacer/print.scss

@@ -0,0 +1,18 @@
+@use 'nswow';
+
+.srl-spacer {
+  &-print {
+    &-small {
+      height: nswow.system-size-unit(nswow.spacer(small), in);
+    }
+    &-medium {
+      height: nswow.system-size-unit(nswow.spacer(medium), in);
+    }
+    &-large {
+      height: nswow.system-size-unit(nswow.spacer(large), in);
+    }
+    &-extra-large {
+      height: nswow.system-size-unit(nswow.spacer(extra-large), in);
+    }
+  }
+}

package/livingdocs/Misc/spacer/properties.json

@@ -0,0 +1,52 @@
+{
+  "web-spacer": {
+    "label": "Web spacer",
+    "type": "select",
+    "options": [
+      {
+        "caption": "Default"
+      },
+      {
+        "caption": "Small",
+        "value": "srl-spacer-web-small"
+      },
+      {
+        "caption": "Medium",
+        "value": "srl-spacer-web-medium"
+      },
+      {
+        "caption": "Large",
+        "value": "srl-spacer-web-large"
+      },
+      {
+        "caption": "Extra Large",
+        "value": "srl-spacer-web-extra-large"
+      }
+    ]
+  },
+  "pdf-spacer": {
+    "label": "PDF spacer",
+    "type": "select",
+    "options": [
+      {
+        "caption": "Default"
+      },
+      {
+        "caption": "Small",
+        "value": "srl-spacer-print-small"
+      },
+      {
+        "caption": "Medium",
+        "value": "srl-spacer-print-medium"
+      },
+      {
+        "caption": "Large",
+        "value": "srl-spacer-print-large"
+      },
+      {
+        "caption": "Extra Large",
+        "value": "srl-spacer-print-extra-large"
+      }
+    ]
+  }
+}

package/livingdocs/Misc/spacer/spacer.html

@@ -0,0 +1,12 @@
+<script type="ld-conf">
+    {
+    	"name": "spacer",
+    	"label": "Spacer",
+  "iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-spacer.min.svg",
+  "properties": [
+  	"web-spacer",
+  	"pdf-spacer"
+  ]
+    }
+</script>
+<div class="srl-spacer" data-container-label="Spacer"></div>

package/livingdocs/Misc/spacer/web.scss

@@ -0,0 +1,18 @@
+@use 'nswow';
+
+.srl-spacer {
+  &-web {
+    &-small {
+      height: nswow.system-size-unit(nswow.spacer(small));
+    }
+    &-medium {
+      height: nswow.system-size-unit(nswow.spacer(medium));
+    }
+    &-large {
+      height: nswow.system-size-unit(nswow.spacer(large));
+    }
+    &-extra-large {
+      height: nswow.system-size-unit(nswow.spacer(extra-large));
+    }
+  }
+}

package/livingdocs/Misc/spacer/word.scss

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

package/livingdocs/PDF_only/pdf-cover/ldd.scss

@@ -0,0 +1,42 @@
+@use 'nswow';
+
+.srl-pdf-cover {
+  aspect-ratio: 210 / 297;
+  background-position: center;
+  background-size: cover;
+  width: 100%;
+  position: relative;
+
+  page-break-before: always;
+  page-break-inside: avoid;
+  page-break-after: always;
+
+  &-h1 {
+    @include nswow.typography-headline1(true);
+  }
+
+  &-h2 {
+    @include nswow.typography-headline2(true);
+  }
+
+  &__top {
+    position: absolute;
+    left: nswow.system-size-unit(50, in);
+    top: nswow.system-size-unit(50, in);
+  }
+
+  &__bottom {
+    position: absolute;
+    right: nswow.system-size-unit(100, in);
+    bottom: nswow.system-size-unit(100, in);
+
+    @include nswow.helpers-trim-margins;
+  }
+
+  &__logo {
+    width: 100%;
+    &-container {
+      width: nswow.system-size-unit(400, in);
+    }
+  }
+}

package/livingdocs/PDF_only/pdf-cover/pdf-cover.html

@@ -0,0 +1,29 @@
+<script type="ld-conf">
+  {
+  	"name": "pdf-cover",
+  	"label": "PDF cover",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-pdf-cover.min.svg",
+  	"directives": {
+  		"cover": {
+  			"imageRatios": ["a4"],
+  			"allowOriginalRatio": false
+  		}
+  	}
+  }
+</script>
+<div class="srl-pdf-cover" doc-image="cover">
+  <div class="srl-pdf-cover__top">
+    <div class="srl-pdf-cover__logo-container">
+      <img class="srl-pdf-cover__logo" doc-image="logo" />
+    </div>
+  </div>
+  <div class="srl-pdf-cover__bottom">
+    <p class="srl-pdf-cover-h1" doc-optional doc-editable="text">
+      Geschäftsbericht 2022
+    </p>
+
+    <p class="srl-pdf-cover-h2" doc-optional doc-editable="text2">
+      Committed to continuous improvement
+    </p>
+  </div>
+</div>

package/livingdocs/PDF_only/pdf-cover/pdf.scss

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

package/livingdocs/PDF_only/pdf-cover/word.scss

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

package/livingdocs/PDF_only/pdf-cover-chapter/ldd.scss

@@ -0,0 +1,19 @@
+@use 'nswow';
+
+.srl-pdf-cover--chapter {
+  aspect-ratio: 210 / 297;
+  background-position: center;
+  background-size: cover;
+  width: 100%;
+  position: relative;
+
+  page-break-before: always;
+  page-break-inside: avoid;
+  page-break-after: always;
+
+  &__title {
+    position: absolute;
+    right: nswow.system-size-unit(100, in);
+    bottom: nswow.system-size-unit(100, in);
+  }
+}

package/livingdocs/PDF_only/pdf-cover-chapter/pdf-chapter-cover.html

@@ -0,0 +1,18 @@
+<script type="ld-conf">
+  {
+  	"name": "pdf-cover-chapter",
+  	"label": "PDF chapter cover",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-pdf-chapter-cover.min.svg",
+  	"directives": {
+  		"cover": {
+  			"imageRatios": ["a4"],
+  			"allowOriginalRatio": false
+  		}
+  	}
+  }
+</script>
+<div class="srl-pdf-cover--chapter" doc-image="cover">
+  <div class="srl-pdf-cover--chapter__title" doc-editable="text">
+    Chapter title
+  </div>
+</div>

package/livingdocs/PDF_only/pdf-cover-chapter/pdf.scss

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

package/livingdocs/PDF_only/pdf-cover-chapter/print.scss

@@ -0,0 +1,19 @@
+@use 'nswow';
+
+.srl-pdf-cover--chapter {
+  aspect-ratio: 210 / 297;
+  background-position: center;
+  background-size: cover;
+  width: 100%;
+  position: relative;
+
+  page-break-before: always;
+  page-break-inside: avoid;
+  page-break-after: always;
+
+  &__title {
+    position: absolute;
+    right: nswow.system-size-unit(100, in);
+    bottom: nswow.system-size-unit(100, in);
+  }
+}

package/livingdocs/PDF_only/pdf-cover-chapter/word.scss

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

package/livingdocs/PDF_only/pdf-pagebreak/general.scss

@@ -0,0 +1,4 @@
+.srl-pdf-pagebreak {
+  page-break-before: always;
+  page-break-after: always;
+}

package/livingdocs/PDF_only/pdf-pagebreak/ldd.scss

@@ -0,0 +1,5 @@
+@use 'nswow';
+
+.srl-pdf-pagebreak {
+  height: nswow.system-size-unit(20);
+}

package/livingdocs/PDF_only/pdf-pagebreak/pdf-pagebreak.html

@@ -0,0 +1,8 @@
+<script type="ld-conf">
+  {
+  	"name": "pdf-pagebreak",
+  	"label": "PDF page break",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-pdf-pagebreak.min.svg"
+  }
+</script>
+<div class="srl-pdf-pagebreak" data-remove-from-web="true"></div>

package/livingdocs/PDF_only/pdf-publication-title/general.scss

@@ -0,0 +1,5 @@
+@use 'nswow';
+
+.srl-pdf-publication-title {
+  @include nswow.typography-headline2(true);
+}

package/livingdocs/PDF_only/pdf-publication-title/pdf-publication-title.html

@@ -0,0 +1,15 @@
+<script type="ld-conf">
+  {
+  	"name": "pdf-publication-title",
+  	"label": "PDF publication title",
+  "iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-pdf-chapter-title.min.svg"
+  }
+</script>
+
+<p
+  class="srl-pdf-publication-title"
+  doc-editable="text"
+  data-remove-from-web="true"
+>
+  Publication title
+</p>

package/livingdocs/PDF_only/pdf-toc-item/general.scss

@@ -0,0 +1,41 @@
+@use 'nswow';
+@use 'sass:map';
+
+$numberSize: 100;
+
+$gap: map.get(nswow.$grid-gutter, print, gap);
+$column-gap: map.get(nswow.$grid-gutter, print, column-gap);
+@if not $column-gap {
+  $column-gap: $gap;
+}
+@if not $column-gap {
+  $column-gap: 0;
+}
+
+.srl-pdf-toc-item {
+  @include nswow.typography-copy1(true);
+  &--title {
+    @include nswow.typography-headline4(true);
+  }
+
+  > span {
+    position: relative;
+  }
+
+  &__number {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: nswow.system-size-unit($numberSize, in);
+  }
+
+  &__text {
+    display: block;
+    color: nswow.colors-primary();
+
+    &:not(:first-child) {
+      margin-left: nswow.system-size-unit($numberSize + $column-gap, in);
+    }
+  }
+}

package/livingdocs/PDF_only/pdf-toc-item/pdf-toc-item.html

@@ -0,0 +1,33 @@
+<script type="ld-conf">
+  {
+  	"name": "pdf-toc-item",
+  	"label": "ToC item",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-pdf-toc-item.min.svg",
+  	"properties": [
+  		"toc-title"
+  	],
+  	"allowedParents": [
+  		"pdf-toc-page"
+  	],
+  	"directives": {
+  		"toc-number": {
+  			"plainText": true
+  		},
+  		"toc-text": {
+  			"plainText": true
+  		}
+  	}
+  }
+</script>
+<a
+  class="srl-pdf-toc-item srl-article__grid srl-article__grid--content"
+  doc-link="href"
+  data-page-number=""
+>
+  <span class="srl-article__grid--inner">
+    <span class="srl-pdf-toc-item__number" doc-editable="toc-number"> 1 </span>
+    <span class="srl-pdf-toc-item__text" doc-editable="toc-text">
+      Chapter Title
+    </span>
+  </span>
+</a>

package/livingdocs/PDF_only/pdf-toc-item/properties.json

@@ -0,0 +1,7 @@
+{
+  "toc-title": {
+    "label": "Show as title",
+    "type": "option",
+    "value": "srl-pdf-toc__item--title"
+  }
+}

package/livingdocs/PDF_only/pdf-toc-item-blank/general.scss

@@ -0,0 +1,5 @@
+@use 'nswow';
+
+.srl-pdf-toc-item-blank {
+  @include nswow.typography-copy1(true);
+}

package/livingdocs/PDF_only/pdf-toc-item-blank/pdf-toc-item-blank.html

@@ -0,0 +1,11 @@
+<script type="ld-conf">
+  {
+  	"name": "pdf-toc-item-blank",
+  	"label": "ToC item blank",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-pdf-toc-item-blank.min.svg",
+  	"allowedParents": [
+  		"pdf-toc-page"
+  	]
+  }
+</script>
+<div class="srl-pdf-toc-item-blank">&nbsp;</div>

package/livingdocs/PDF_only/pdf-toc-item-title/general.scss

@@ -0,0 +1,5 @@
+@use 'nswow';
+
+.srl-pdf-toc-item-title {
+  @include nswow.typography-headline4(true);
+}

package/livingdocs/PDF_only/pdf-toc-item-title/pdf-toc-item-title.html

@@ -0,0 +1,11 @@
+<script type="ld-conf">
+  {
+  	"name": "pdf-toc-item-title",
+  	"label": "ToC item title",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-pdf-toc-title.min.svg",
+  	"allowedParents": [
+  		"pdf-toc-page"
+  	]
+  }
+</script>
+<div class="srl-pdf-toc-item-title" doc-editable="text">ToC Titel</div>

package/livingdocs/PDF_only/pdf-toc-page/app.scss

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

package/livingdocs/PDF_only/pdf-toc-page/general.scss

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

package/livingdocs/PDF_only/pdf-toc-page/ldd.scss

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

package/livingdocs/PDF_only/pdf-toc-page/pdf-toc-page.html

@@ -0,0 +1,33 @@
+<script type="ld-conf">
+  {
+  	"name": "pdf-toc-page",
+  	"label": "ToC page",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-pdf-toc-page.min.svg",
+  	"properties": [
+  		"pdf-hide-paging-publication-chapter-title",
+  		"toc-page-type"
+  	],
+  	"directives": {
+  		"toc": {
+  			"allowedChildren": [
+  				"pdf-toc-item-title",
+  				"pdf-toc-item",
+  				"pdf-toc-item-blank"
+  			],
+  			"defaultContent": [
+  				{"component": "pdf-toc-item"}
+  			]
+  		}
+  	}
+  }
+</script>
+<div class="lc-pdf-toc-page">
+  <div class="lc-pdf-toc-page__inner">
+    <div class="lc-pdf-toc-page__title" doc-editable="title">Chapter title</div>
+    <div
+      class="lc-pdf-toc"
+      doc-container="toc"
+      data-container-label="ToC container"
+    ></div>
+  </div>
+</div>

package/livingdocs/PDF_only/pdf-toc-page/pdf.scss

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