@simple-reporting/base 0.1.111 → 1.0.0

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

@@ -0,0 +1,28 @@
+@use 'srl';
+@use "sass:map";
+
+$number-width: srl.system-size-unit(map.get(srl.$meta, footnote, number-width));
+
+.srl-footnote:not(.srl-grid),
+.srl-footnote__item {
+  display: flex;
+  @include srl.spacer-margin-top(100);
+  @include srl.typography-footnote-text();
+}
+
+.srl-footnote__key,
+.srl-footnote__number {
+  width: $number-width;
+}
+
+.srl-footnote__key {
+  font-size: 60%;
+  font-variant-numeric: tabular-nums;
+  line-height: 1; // prevents normal text from getting too much height
+  vertical-align: super;
+}
+
+.srl-footnote__text,
+.srl-footnote__text {
+  width: calc(100% - #{$number-width});
+}

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

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

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

@@ -0,0 +1,18 @@
+{
+  "name": "unordered-list",
+  "label": "List (unordered)",
+  "properties": ["pdf-spacer"],
+  "directives": {
+    "list": {
+      "allowedChildren": ["list-item"],
+      "defaultComponents": {
+        "paragraph": "list-item"
+      },
+      "defaultContent": [
+        {
+          "component": "list-item"
+        }
+      ]
+    }
+  }
+}

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

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

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

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

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

@@ -0,0 +1,12 @@
+@use 'srl';
+@use "sass:map";
+
+.srl-list-group {
+  @include srl.spacer-margin-top(200);
+}
+
+.srl-list-group__list {
+  list-style: none;
+  padding: 0;
+}
+

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

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

package/livingdocs/030.Lists/010.unordered-list/unordered-list.html

@@ -0,0 +1,6 @@
+<div class="srl-grid srl-list-group srl-list-group--ul">
+  <ul
+    class="srl-grid__inner srl-list-group__list srl-list-group__list--ul"
+    doc-container="list"
+  ></ul>
+</div>

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

@@ -0,0 +1,18 @@
+{
+  "name": "ordered-list",
+  "label": "List (numeric)",
+  "properties": ["pdf-spacer"],
+  "directives": {
+    "list": {
+      "allowedChildren": ["list-item"],
+      "defaultComponents": {
+        "paragraph": "list-item"
+      },
+      "defaultContent": [
+        {
+          "component": "list-item"
+        }
+      ]
+    }
+  }
+}

package/livingdocs/030.Lists/020.ordered-list/ordered-list.html

@@ -0,0 +1,6 @@
+<div class="srl-grid srl-list-group srl-list-group--ol">
+  <ol
+    class="srl-grid__inner srl-list-group__list srl-list-group__list--ol"
+    doc-container="list"
+  ></ol>
+</div>

package/livingdocs/030.Lists/020.ordered-list/scss/app.scss

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

package/livingdocs/030.Lists/020.ordered-list/scss/editor.scss

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

package/livingdocs/030.Lists/020.ordered-list/scss/general.scss

@@ -0,0 +1,9 @@
+@use 'srl';
+
+.srl-list-group {
+  @include srl.spacer-margin-top(200);
+}
+
+.srl-list-group--ol {
+  counter-reset: ordered-list;
+}

package/livingdocs/030.Lists/020.ordered-list/scss/xbrl.scss

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

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

@@ -0,0 +1,6 @@
+<div class="srl-grid srl-list-group srl-list-group--alphanumeric">
+  <ol
+    class="srl-grid__inner srl-list-group__list srl-list-group__list--alphanumeric"
+    doc-container="list"
+  ></ol>
+</div>

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

@@ -0,0 +1,18 @@
+{
+  "name": "alphanumeric-list",
+  "label": "List (alphanumeric)",
+  "properties": ["pdf-spacer"],
+  "directives": {
+    "list": {
+      "allowedChildren": ["list-item"],
+      "defaultComponents": {
+        "paragraph": "list-item"
+      },
+      "defaultContent": [
+        {
+          "component": "list-item"
+        }
+      ]
+    }
+  }
+}

package/livingdocs/030.Lists/030.alphanumeric-list/scss/app.scss

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

package/livingdocs/030.Lists/030.alphanumeric-list/scss/editor.scss

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

package/livingdocs/030.Lists/030.alphanumeric-list/scss/general.scss

@@ -0,0 +1,9 @@
+@use 'srl';
+
+.srl-list-group {
+  @include srl.spacer-margin-top(200);
+}
+
+.srl-list-group--alphanumeric {
+  counter-reset: alphanumeric-list;
+}

package/livingdocs/030.Lists/030.alphanumeric-list/scss/xbrl.scss

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

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

@@ -0,0 +1,5 @@
+{
+  "name": "list-item",
+  "label": "List item",
+  "allowedParents": ["unordered-list", "alphanumeric-list", "ordered-list"]
+}

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

@@ -0,0 +1,5 @@
+<li class="srl-list-group__item">
+  <span class="srl-list-group__item-text srl-linkable" doc-editable="list-text"
+    >List-Item</span
+  >
+</li>

package/livingdocs/030.Lists/040.list-item/scss/app.scss

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

package/livingdocs/030.Lists/040.list-item/scss/editor.scss

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

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

@@ -0,0 +1,35 @@
+@use 'srl';
+@use "sass:map";
+
+$marker-width: srl.system-size-unit(map.get(srl.$meta, list, marker-width));
+$unordered-marker: "-";
+$ordered-marker-after: ".";
+$alphanumeric-marker-after: ")";
+
+.srl-list-group__item {
+  display: flex;
+  @include srl.typography-list();
+
+  &:before {
+    width: $marker-width;
+
+    .srl-list-group--ul & {
+      content: "#{$unordered-marker}";
+    }
+
+    .srl-list-group--ol & {
+      counter-increment: ordered-list;
+      content: counter(ordered-list) $ordered-marker-after;
+      font-variant-numeric: tabular-nums;
+    }
+
+    .srl-list-group--alphanumeric & {
+      counter-increment: alphanumeric-list;
+      content: counter(alphanumeric-list, lower-alpha) $alphanumeric-marker-after;
+    }
+  }
+}
+
+.srl-list-group__item-text {
+  width: calc(100% -  #{$marker-width});
+}

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

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

package/livingdocs/040.Media/010.table/ld-conf.json

@@ -0,0 +1,15 @@
+{
+  "name": "table",
+  "label": "Table (finance plus)",
+  "properties": ["pdf-padding", "pdf-font-size", "width-reduced", "pdf-spacer"],
+  "directives": {
+    "nswow-table": {
+      "services": [
+        {
+          "service": "nswow-table",
+          "label": "ns.wow Table"
+        }
+      ]
+    }
+  }
+}

package/livingdocs/040.Media/010.table/properties.json

@@ -0,0 +1,32 @@
+{
+  "pdf-padding": {
+    "label": "PDF padding",
+    "type": "select",
+    "options": [
+      {
+        "caption": "Normal"
+      },
+      {
+        "caption": "Tiny",
+        "value": "srl-pdf-padding-tiny"
+      },
+      {
+        "caption": "Small",
+        "value": "srl-pdf-padding-small"
+      }
+    ]
+  },
+  "pdf-font-size": {
+    "label": "PDF font-size",
+    "type": "select",
+    "options": [
+      {
+        "caption": "Normal"
+      },
+      {
+        "caption": "Small",
+        "value": "srl-pdf-font-size-small"
+      }
+    ]
+  }
+}

package/livingdocs/040.Media/010.table/scss/app.scss

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

package/livingdocs/040.Media/010.table/scss/editor.scss

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

package/livingdocs/040.Media/010.table/scss/general.scss

@@ -0,0 +1,328 @@
+@use 'srl';
+@use 'sass:map';
+
+$table-border-regular: map.get(srl.$meta, table, border, regular);
+$table-border-bold: map.get(srl.$meta, table, border, bold);
+@include srl.system-add-root-style(srl-table-border-regular-width, srl.system-size-unit(map.get($table-border-regular, width)));
+@include srl.system-add-root-style(srl-table-border-regular-width, srl.system-size-unit(map.get($table-border-regular, media, print, width)), print);
+@include srl.system-add-root-style(srl-table-border-bold-width, srl.system-size-unit(map.get($table-border-bold, width)));
+@include srl.system-add-root-style(srl-table-border-bold-width, srl.system-size-unit(map.get($table-border-bold, media, print, width)), print);
+
+.srl-table {
+  @include srl.spacer-margin-top(300);
+}
+
+.srl-table__container {
+  overflow: auto;
+  scroll-snap-type: x mandatory;
+  position: relative;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+  margin: 0;
+  table-layout: fixed;
+}
+
+th,
+td {
+  /*
+  General cell styles
+  */
+  @include srl.typography-table-cell-regular();
+  padding: (
+          srl.spacer-get(map.get(srl.$meta, table, padding, regular, top))
+          srl.spacer-get(map.get(srl.$meta, table, padding, regular, right))
+          srl.spacer-get(map.get(srl.$meta, table, padding, regular, bottom))
+          srl.spacer-get(map.get(srl.$meta, table, padding, regular, left))
+  );
+  vertical-align: #{map.get(srl.$meta, table, vertical-align)};
+  border-bottom: (
+          var(--srl-table-border-regular-width)
+          map.get($table-border-regular, style)
+          srl.colors-get(map.get($table-border-regular, color))
+  );
+
+  /*
+  Font colors
+  */
+
+  /*
+  Font Sizes
+  */
+  &[class*="head"] {
+    font-size: srl.typography-get-font-size('table-head-strong');
+    line-height: srl.typography-get-line-height('table-head-strong');
+  }
+
+  /*
+  Font Weights
+  */
+  &[class*="head"] {
+    font-weight: srl.typography-get-font-weight('table-head-strong');
+  }
+
+  &[class*="bold"] {
+    font-weight: srl.typography-get-font-weight('table-cell-strong');
+  }
+
+  /*
+  Paddings
+  */
+  &[class*="nolinetop"],
+  &[class*="nolinebottom"],
+  &[class*="nolineleft"],
+  &[class*="nolineright"] {
+    padding: 0;
+  }
+
+  /*
+  Borders
+  */
+  &[class*="head"] {
+    border-bottom: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-bold, style)
+            srl.colors-get(map.get($table-border-bold, color))
+    );
+  }
+
+  &[class*="linetop"] {
+    border-top: (
+            srl-table-border-regular-width
+            map.get($table-border-regular, style)
+            srl.colors-get(map.get($table-border-regular, color))
+    );
+  }
+
+  &[class*="blinetop"] {
+    border-top: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-bold, style)
+            srl.colors-get(map.get($table-border-bold, color))
+    );
+  }
+
+  &[class*="nolinetop"] {
+    border-top: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-regular, style)
+            transparent
+    );
+
+    &[class*="head"] {
+      border-top-width: (
+              var(--srl-table-border-regular-width)
+      );
+    }
+  }
+
+  &[class*="linebottom"] {
+    border-bottom: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-regular, style)
+            srl.colors-get(map.get($table-border-regular, color))
+    );
+  }
+
+  &[class*="blinebottom"] {
+    border-bottom: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-bold, style)
+            srl.colors-get(map.get($table-border-bold, color))
+    );
+  }
+
+  &[class*="nolinebottom"] {
+    border-bottom: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-regular, style)
+            transparent
+    );
+
+    &[class*="head"] {
+      border-bottom-width: var(--srl-table-border-regular-width);
+    }
+  }
+
+  &[class*="lineleft"] {
+    border-left: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-regular, style)
+            srl.colors-get(map.get($table-border-regular, color))
+    );
+  }
+
+  &[class*="blineleft"] {
+    border-left: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-bold, style)
+            srl.colors-get(map.get($table-border-bold, color))
+    );
+  }
+
+  &[class*="nolineleft"] {
+    border-left: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-regular, style)
+            transparent
+    );
+  }
+
+  &[class*="lineright"] {
+    border-right: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-regular, style)
+            srl.colors-get(map.get($table-border-regular, color))
+    );
+  }
+
+  &[class*="blineright"] {
+    border-right: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-bold, style)
+            srl.colors-get(map.get($table-border-bold, color))
+    );
+  }
+
+  &[class*="nolineleft"] {
+    border-right: (
+            var(--srl-table-border-regular-width)
+            map.get($table-border-regular, style)
+            transparent
+    );
+  }
+
+  /*
+  Indents
+  */
+  &[class*="_ind"] {
+    &:first-child {
+      padding-left: srl.spacer-get(200);
+    }
+  }
+
+  &[class*="_ind_ind"] {
+    &:first-child {
+      padding-left: srl.spacer-get(300);
+    }
+  }
+
+  /*
+  Cell Backgrounds
+  DEFINE HERE; DIFFERENT CSS CLASSES IN EVERY PROJECT
+  */
+  &[class*="background-01"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-02"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-03"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-04"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-05"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-06"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-07"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-08"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-09"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-10"] {
+    background-color: transparent;
+  }
+
+  &[class*="background-01"],
+  &[class*="background-02"],
+  &[class*="background-03"],
+  &[class*="background-04"],
+  &[class*="background-05"],
+  &[class*="background-06"],
+  &[class*="background-07"],
+  &[class*="background-08"],
+  &[class*="background-09"],
+  &[class*="background-10"] {
+    &.head {
+      color: black;
+    }
+  }
+
+  /*
+  Alignments
+  */
+  &[class*="horizontal-left"] {
+    text-align: left;
+  }
+
+  &[class*="horizontal-center"] {
+    text-align: center;
+  }
+
+  &[class*="horizontal-right"] {
+    text-align: right;
+  }
+
+  &[class*="vertical-top"] {
+    vertical-align: top;
+  }
+
+  &[class*="vertical-middle"] {
+    vertical-align: middle;
+  }
+
+  &[class*="vertical-bottom"] {
+    vertical-align: bottom;
+  }
+
+  /*
+  Responsive CSS tables
+  */
+
+  /*
+  Paragraphs and spans
+  */
+  p span {
+    white-space: pre-line;
+
+    &[class*="srl-number"] {
+      white-space: nowrap;
+    }
+
+    &:empty {
+      &:before {
+        content: " ";
+      }
+    }
+
+    &.mms-notes-separator {
+      display: inline-block;
+
+      &:before {
+        content: map.get(srl.$meta, table, notes-separator);
+        display: inline-block;
+      }
+    }
+  }
+}