@simple-reporting/base 0.0.1

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

@@ -0,0 +1,12 @@
+{
+  "pdf-hide-paging-publication-chapter-title": {
+    "label": "Hide Paging/Publication/Chapter title",
+    "type": "option",
+    "value": "hide-paging-publication-chapter-title"
+  },
+  "toc-page-type": {
+    "label": "Is main ToC",
+    "type": "option",
+    "value": "lc-pdf-toc-page--main"
+  }
+}

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

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

package/livingdocs/PDF_only/pdf-video-link/ldd.scss

@@ -0,0 +1,16 @@
+@use 'nswow';
+
+.srl-pdf-video-link {
+  &__link-text {
+    @include nswow.typography-copy1(true);
+  }
+
+  &__link-icon {
+    display: inline-block;
+    width: nswow.system-size-unit(30);
+
+    @include nswow.grid-media(print) {
+      width: nswow.system-size-unit(30, in);
+    }
+  }
+}

package/livingdocs/PDF_only/pdf-video-link/pdf-video-link.html

@@ -0,0 +1,41 @@
+<script type="ld-conf">
+   {
+   	"name": "pdf-video-link",
+   	"label": "PDF video link",
+  "iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-pdf-video-link.min.svg",
+  "directives": {
+  		"link": {
+  			"plainText": true
+  		}
+  	}
+   }
+</script>
+<div
+  class="srl-pdf-video-link srl-article__grid srl-article__grid--indent"
+  data-remove-from-web="true"
+>
+  <a
+    class="srl-pdf-video-link__link srl-article__grid--inner"
+    doc-link="href"
+    target="_blank"
+  >
+    <span class="srl-pdf-video-link__link-text" doc-editable="link">
+      Videobeschreibung
+    </span>
+    <span class="srl-pdf-video-link__link-icon">
+      <svg
+        class="svg svg-play"
+        viewBox="0 0 14 18"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M0.5 17C0.5 17.1844 0.601492 17.3538 0.764071 17.4408C0.92665 17.5278 1.12392 17.5183 1.27735 17.416L13.2774 9.41603C13.4164 9.32329 13.5 9.16718 13.5 9C13.5 8.83282 13.4164 8.67671 13.2774 8.58397L1.27735 0.583975C1.12392 0.481689 0.92665 0.472153 0.764071 0.559163C0.601492 0.646172 0.5 0.815602 0.5 1V17Z"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+    </span>
+  </a>
+</div>

package/livingdocs/PDF_only/pdf-video-link/pdf.scss

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

package/livingdocs/PDF_only/pdf-video-link/print.scss

@@ -0,0 +1,12 @@
+@use 'nswow';
+
+.srl-pdf-video-link {
+  &__link-text {
+    @include nswow.typography-copy1(true);
+  }
+
+  &__link-icon {
+    display: inline-block;
+    width: nswow.system-size-unit(30, in);
+  }
+}

package/livingdocs/PDF_only/pdf-video-link/word.scss

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

package/livingdocs/Properties/grid/app.scss

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

package/livingdocs/Properties/grid/general.scss

@@ -0,0 +1,95 @@
+@use 'nswow';
+
+.srl-article__grid {
+  @include nswow.grid-row();
+  @include nswow.grid-container();
+
+  &.srl-article__grid--full {
+    padding-inline: 0;
+    max-width: unset;
+  }
+
+  &.srl-article__grid--full,
+  &.srl-article__grid--content {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(0, portrait);
+      @include nswow.grid-col(12, portrait);
+      @include nswow.grid-offset(0, landscape);
+      @include nswow.grid-col(12, landscape);
+      @include nswow.grid-offset(0, desktop);
+      @include nswow.grid-col(12, desktop);
+      @include nswow.grid-offset(0, print);
+      @include nswow.grid-col(12, print);
+    }
+  }
+
+  &.srl-article__grid--indent {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(1, portrait);
+      @include nswow.grid-col(10, portrait);
+      @include nswow.grid-offset(2, landscape);
+      @include nswow.grid-col(8, landscape);
+      @include nswow.grid-offset(3, desktop);
+      @include nswow.grid-col(6, desktop);
+      @include nswow.grid-offset(3, print);
+      @include nswow.grid-col(6, print);
+    }
+  }
+
+  &.srl-article__grid--half {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(0, portrait);
+      @include nswow.grid-col(6, portrait);
+      @include nswow.grid-offset(0, landscape);
+      @include nswow.grid-col(6, landscape);
+      @include nswow.grid-offset(0, desktop);
+      @include nswow.grid-col(6, desktop);
+      @include nswow.grid-offset(0, print);
+      @include nswow.grid-col(6, print);
+    }
+  }
+
+  &.srl-article__grid--left {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(0, portrait);
+      @include nswow.grid-col(9, portrait);
+      @include nswow.grid-offset(0, landscape);
+      @include nswow.grid-col(9, landscape);
+      @include nswow.grid-offset(0, desktop);
+      @include nswow.grid-col(9, desktop);
+      @include nswow.grid-offset(0, print);
+      @include nswow.grid-col(9, print);
+    }
+  }
+
+  &.srl-article__grid--right {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(3, portrait);
+      @include nswow.grid-col(9, portrait);
+      @include nswow.grid-offset(3, landscape);
+      @include nswow.grid-col(9, landscape);
+      @include nswow.grid-offset(3, desktop);
+      @include nswow.grid-col(9, desktop);
+      @include nswow.grid-offset(3, print);
+      @include nswow.grid-col(9, print);
+    }
+  }
+}
+
+.srl-container,
+.srl-article__grid {
+  .srl-article__grid,
+  .srl-container {
+    padding-inline: 0;
+  }
+}

package/livingdocs/Properties/grid/ldd.scss

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

package/livingdocs/Properties/grid/pdf.scss

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

package/livingdocs/Properties/grid/print.scss

@@ -0,0 +1,94 @@
+@use 'nswow';
+
+.srl-article__grid {
+  @include nswow.grid-row();
+
+  &.srl-article__grid--full-print {
+    padding-inline: 0;
+    max-width: unset;
+  }
+
+  &.srl-article__grid--indent-print,
+  &.srl-article__grid--content-print,
+  &.srl-article__grid--half-print,
+  &.srl-article__grid--left-print,
+  &.srl-article__grid--right-print {
+    @include nswow.grid-container();
+  }
+
+  &.srl-article__grid--full-print,
+  &.srl-article__grid--content-print {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(0, portrait);
+      @include nswow.grid-col(12, portrait);
+      @include nswow.grid-offset(0, landscape);
+      @include nswow.grid-col(12, landscape);
+      @include nswow.grid-offset(0, desktop);
+      @include nswow.grid-col(12, desktop);
+      @include nswow.grid-offset(0, print);
+      @include nswow.grid-col(12, print);
+    }
+  }
+
+  &.srl-article__grid--indent-print {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(1, portrait);
+      @include nswow.grid-col(10, portrait);
+      @include nswow.grid-offset(2, landscape);
+      @include nswow.grid-col(8, landscape);
+      @include nswow.grid-offset(3, desktop);
+      @include nswow.grid-col(6, desktop);
+      @include nswow.grid-offset(3, print);
+      @include nswow.grid-col(6, print);
+    }
+  }
+
+  &.srl-article__grid--half-print {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(0, portrait);
+      @include nswow.grid-col(6, portrait);
+      @include nswow.grid-offset(0, landscape);
+      @include nswow.grid-col(6, landscape);
+      @include nswow.grid-offset(0, desktop);
+      @include nswow.grid-col(6, desktop);
+      @include nswow.grid-offset(0, print);
+      @include nswow.grid-col(6, print);
+    }
+  }
+
+  &.srl-article__grid--left-print {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(0, portrait);
+      @include nswow.grid-col(9, portrait);
+      @include nswow.grid-offset(0, landscape);
+      @include nswow.grid-col(9, landscape);
+      @include nswow.grid-offset(0, desktop);
+      @include nswow.grid-col(9, desktop);
+      @include nswow.grid-offset(0, print);
+      @include nswow.grid-col(9, print);
+    }
+  }
+
+  &.srl-article__grid--right-print {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(3, portrait);
+      @include nswow.grid-col(9, portrait);
+      @include nswow.grid-offset(3, landscape);
+      @include nswow.grid-col(9, landscape);
+      @include nswow.grid-offset(3, desktop);
+      @include nswow.grid-col(9, desktop);
+      @include nswow.grid-offset(3, print);
+      @include nswow.grid-col(9, print);
+    }
+  }
+}

package/livingdocs/Properties/grid/properties.json

@@ -0,0 +1,68 @@
+{
+  "web-width": {
+    "label": "Web width",
+    "type": "select",
+    "options": [
+      {
+        "caption": "Default"
+      },
+      {
+        "caption": "Text",
+        "value": "srl-article__grid--indent-web"
+      },
+      {
+        "caption": "Content",
+        "value": "srl-article__grid--content-web"
+      },
+      {
+        "caption": "Full",
+        "value": "srl-article__grid--full-web"
+      },
+      {
+        "caption": "Half",
+        "value": "srl-article__grid--half-web"
+      },
+      {
+        "caption": "Left",
+        "value": "srl-article__grid--left-web"
+      },
+      {
+        "caption": "Right",
+        "value": "srl-article__grid--right-web"
+      }
+    ]
+  },
+  "pdf-width": {
+    "label": "Pdf width",
+    "type": "select",
+    "options": [
+      {
+        "caption": "Default"
+      },
+      {
+        "caption": "Text",
+        "value": "srl-article__grid--indent-print"
+      },
+      {
+        "caption": "Content",
+        "value": "srl-article__grid--content-print"
+      },
+      {
+        "caption": "Full",
+        "value": "srl-article__grid--full-print"
+      },
+      {
+        "caption": "Half",
+        "value": "srl-article__grid--half-print"
+      },
+      {
+        "caption": "Left",
+        "value": "srl-article__grid--left-print"
+      },
+      {
+        "caption": "Right",
+        "value": "srl-article__grid--right-print"
+      }
+    ]
+  }
+}

package/livingdocs/Properties/grid/web.scss

@@ -0,0 +1,98 @@
+@use 'nswow';
+
+.srl-container {
+  margin-inline: auto;
+}
+
+.srl-article__grid {
+  margin-inline: auto;
+
+  &.srl-article__grid--full-web {
+    padding-inline: 0;
+    max-width: unset;
+  }
+
+  &.srl-article__grid--indent-web,
+  &.srl-article__grid--content-web,
+  &.srl-article__grid--half-web,
+  &.srl-article__grid--left-web,
+  &.srl-article__grid--right-web {
+    @include nswow.grid-container();
+  }
+
+  &.srl-article__grid--full-web,
+  &.srl-article__grid--content-web {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(0, portrait);
+      @include nswow.grid-col(12, portrait);
+      @include nswow.grid-offset(0, landscape);
+      @include nswow.grid-col(12, landscape);
+      @include nswow.grid-offset(0, desktop);
+      @include nswow.grid-col(12, desktop);
+      @include nswow.grid-offset(0, print);
+      @include nswow.grid-col(12, print);
+    }
+  }
+
+  &.srl-article__grid--indent-web {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(1, portrait);
+      @include nswow.grid-col(10, portrait);
+      @include nswow.grid-offset(2, landscape);
+      @include nswow.grid-col(8, landscape);
+      @include nswow.grid-offset(3, desktop);
+      @include nswow.grid-col(6, desktop);
+      @include nswow.grid-offset(3, print);
+      @include nswow.grid-col(6, print);
+    }
+  }
+
+  &.srl-article__grid--half-web {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(0, portrait);
+      @include nswow.grid-col(6, portrait);
+      @include nswow.grid-offset(0, landscape);
+      @include nswow.grid-col(6, landscape);
+      @include nswow.grid-offset(0, desktop);
+      @include nswow.grid-col(6, desktop);
+      @include nswow.grid-offset(0, print);
+      @include nswow.grid-col(6, print);
+    }
+  }
+
+  &.srl-article__grid--left-web {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(0, portrait);
+      @include nswow.grid-col(9, portrait);
+      @include nswow.grid-offset(0, landscape);
+      @include nswow.grid-col(9, landscape);
+      @include nswow.grid-offset(0, desktop);
+      @include nswow.grid-col(9, desktop);
+      @include nswow.grid-offset(0, print);
+      @include nswow.grid-col(9, print);
+    }
+  }
+
+  &.srl-article__grid--right-web {
+    > .srl-article__grid--inner {
+      @include nswow.grid-offset(0, phone);
+      @include nswow.grid-col(12, phone);
+      @include nswow.grid-offset(3, portrait);
+      @include nswow.grid-col(9, portrait);
+      @include nswow.grid-offset(3, landscape);
+      @include nswow.grid-col(9, landscape);
+      @include nswow.grid-offset(3, desktop);
+      @include nswow.grid-col(9, desktop);
+      @include nswow.grid-offset(3, print);
+      @include nswow.grid-col(9, print);
+    }
+  }
+}

package/livingdocs/Properties/grid/word.scss

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

package/livingdocs/Signatures/signature-container/app.scss

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

package/livingdocs/Signatures/signature-container/general.scss

@@ -0,0 +1,7 @@
+@use 'nswow';
+
+.srl-signature-container {
+  &__inner {
+    @include nswow.grid-row();
+  }
+}

package/livingdocs/Signatures/signature-container/ldd.scss

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

package/livingdocs/Signatures/signature-container/pdf.scss

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

package/livingdocs/Signatures/signature-container/signature-container.html

@@ -0,0 +1,30 @@
+<script type="ld-conf">
+  {
+  	"name": "signature-container",
+  	"label": "Signature container",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-signature-container.min.svg",
+  	"directives": {
+  		"content": {
+  			"allowedChildren": [
+  				"signature-item"
+  			],
+  			"defaultContent": [
+  				{
+  					"component": "signature-item"
+  				},
+  				{
+  					"component": "signature-item"
+  				}
+  			]
+  		}
+  	}
+  }
+</script>
+<div
+  class="srl-article__grid srl-article__grid--indent srl-signature-container"
+>
+  <div
+    class="srl-article__grid--inner srl-signature-container__inner"
+    doc-container="content"
+  ></div>
+</div>

package/livingdocs/Signatures/signature-container/word.scss

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

package/livingdocs/Signatures/signature-item/app.scss

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

package/livingdocs/Signatures/signature-item/general.scss

@@ -0,0 +1,53 @@
+@use 'nswow';
+
+.srl-signature-item {
+  margin-bottom: nswow.system-size-unit(nswow.padding(base));
+  @include nswow.grid-col(12, phone);
+  @include nswow.grid-col(6, portrait);
+  @include nswow.grid-col(6, landscape);
+  @include nswow.grid-col(4, desktop);
+  @include nswow.grid-col(4, print);
+
+  @include nswow.helpers-trim-margins;
+
+  @include nswow.grid-media(phone) {
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  @include nswow.grid-media-between(portrait, landscape) {
+    :nth-last-child(-n + 2) {
+      margin-bottom: 0;
+    }
+  }
+
+  @include nswow.grid-media(desktop) {
+    :nth-last-child(-n + 3) {
+      margin-bottom: 0;
+    }
+  }
+
+  @include nswow.grid-media(print) {
+    margin-bottom: nswow.system-size-unit(nswow.padding(base), in);
+    :nth-last-child(-n + 3) {
+      margin-bottom: 0;
+    }
+  }
+
+  &__image {
+    text-align: center;
+  }
+
+  &__img {
+    max-width: 100%;
+  }
+
+  &__name {
+    @include nswow.typography-copy1(true);
+  }
+
+  &__position {
+    @include nswow.typography-copy1();
+  }
+}

package/livingdocs/Signatures/signature-item/ldd.scss

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

package/livingdocs/Signatures/signature-item/pdf.scss

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

package/livingdocs/Signatures/signature-item/signature-item.html

@@ -0,0 +1,23 @@
+<script type="ld-conf">
+  {
+  	"name": "signature-item",
+  	"label": "Signature item",
+  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-signature-item.min.svg",
+  	"allowedParents": [
+  		"signature-container"
+  	],
+  	"directives": {
+  		"image": {
+  			"imageRatios": ["1:1", "4:3", "16:9"],
+  			"allowOriginalRatio": true
+  		}
+  	}
+  }
+</script>
+<div class="srl-signature-item">
+  <div class="srl-signature-item__image">
+    <img class="srl-signature-item__img" doc-image="image" />
+  </div>
+  <p class="srl-signature-item__name" doc-editable="name">Vorname Nachname</p>
+  <p class="srl-signature-item__position" doc-editable="position">Position</p>
+</div>

package/livingdocs/Signatures/signature-item/word.scss

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

package/livingdocs/Text/footnote/app.scss

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

package/livingdocs/Text/footnote/footnote.html

@@ -0,0 +1,14 @@
+<script type="ld-conf">
+  {
+  	"name": "footnote",
+  	"label": "Footnote",
+  "iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-footnote.min.svg"
+  }
+</script>
+
+<p class="srl-footnote srl-article__grid srl-article__grid--indent">
+  <span class="srl-article__grid--inner">
+    <span class="srl-footnote__number" doc-editable="number">1</span>
+    <span class="srl-footnote__text" doc-editable="text">Footnote</span>
+  </span>
+</p>

package/livingdocs/Text/footnote/general.scss

@@ -0,0 +1,12 @@
+@use 'nswow';
+
+$numberSize: 50;
+
+.srl-footnote {
+  color: nswow.colors-shade-800();
+
+  break-before: auto;
+  break-inside: avoid;
+  break-after: auto;
+  @include nswow.typography-copy3(true);
+}

package/livingdocs/Text/footnote/ldd.scss

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

package/livingdocs/Text/footnote/pdf.scss

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