@simple-reporting/base 1.0.3 → 1.0.5

package/livingdocs/110.PDF/030.pdf-publication-title/scss/xbrl.scss

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

package/livingdocs/110.PDF/040.pdf-chapter-title/pdf-chapter-title.html

@@ -1,7 +1,11 @@
 <p
   class="srl-pdf-chapter-title"
-  doc-editable="pdf-chapter-title-text"
   data-remove-from-web="complete"
 >
-  Chapter title
+  <span class="srl-pdf-chapter-title__editor-text" data-remove-from-pdf="complete">
+    PDF chapter title:
+  </span>
+  <span class="srl-pdf-chapter-title__text" doc-editable="pdf-chapter-title-text">
+    Chapter title
+  </span>
 </p>

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/editor.scss

@@ -0,0 +1,18 @@
+@use "srl";
+@use "web";
+@use 'assets/scss/placeholders';
+
+.srl-pdf-chapter-title {
+  border-bottom: 1px solid #{srl.colors-primary-1000()};
+  @include srl.spacer-padding-block(200);
+  @extend %srl-grid-base;
+}
+
+.srl-pdf-chapter-title__editor-text {
+  @include srl.typography-editor-label-text();
+  @extend %srl-regular-width;
+}
+
+.srl-pdf-chapter-title__text {
+  @extend %srl-regular-width;
+}

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/general.scss

@@ -0,0 +1,5 @@
+@use 'srl';
+
+.srl-pdf-chapter-title__text {
+  @include srl.typography-pdf-header()
+}

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/pdf.scss

@@ -0,0 +1,6 @@
+@use 'srl';
+@use 'sass:map';
+
+.srl-pdf-chapter-title {
+  position: running(chapterNavigation);
+}

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/web.scss

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

package/livingdocs/110.PDF/040.pdf-chapter-title/scss/xbrl.scss

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

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/scss/editor.scss

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

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/scss/general.scss

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

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/scss/pdf.scss

@@ -0,0 +1,15 @@
+@use 'srl';
+@use 'sass:map';
+
+
+.srl-chapter-navigation {
+  position: running(chapterNavigation);
+}
+
+.srl-chapter-navigation__list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  column-gap: srl.grid-get-gutter-column-gap();
+}

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/scss/web.scss

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

package/livingdocs/110.PDF/050.pdf-chapter-navigation-container/scss/xbrl.scss

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

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/ld-conf.json

@@ -2,5 +2,5 @@
   "name": "pdf-chapter-navigation-item",
   "label": "PDF chapter navigation item",
   "properties": ["pdf-chapter-navigation-item-current"],
-  "allowedParents": ["pdf-chapter-navigation"]
+  "allowedParents": ["pdf-chapter-navigation-container"]
 }

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/scss/editor.scss

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

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/scss/general.scss

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

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/scss/pdf.scss

@@ -0,0 +1,15 @@
+@use 'srl';
+@use 'sass:map';
+
+.srl-chapter-navigation__list-item {
+  a {
+    text-decoration: none;
+    @include srl.typography-pdf-header();
+  }
+}
+
+.srl-chapter-navigation__list-item--current {
+  a {
+    color: srl.colors-primary-1000();
+  }
+}

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/scss/web.scss

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

package/livingdocs/110.PDF/060.pdf-chapter-navigation-item/scss/xbrl.scss

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

package/livingdocs/110.PDF/080.pdf-toc-page/ld-conf.json

@@ -6,10 +6,16 @@
     "toc": {
       "allowedChildren": [
         "pdf-toc-item-title",
-        "pdf-toc-item",
-        "pdf-toc-item-blank"
+        "pdf-toc-item"
       ],
-      "defaultContent": [{ "component": "pdf-toc-item" }]
+      "defaultComponents": {
+        "paragraph": "pdf-toc-item"
+      },
+      "defaultContent": [
+        {
+          "component": "pdf-toc-item"
+        }
+      ]
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-reporting/base",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Manage srl templates, build and publish",
   "bin": {
     "srl": "cli.js"

package/scripts/config.js

@@ -21,9 +21,6 @@ export const baseComponentsToInstall = [
   '040.Media/010.table',
   '040.Media/020.image',
   '040.Media/030.video',
-  '040.Media/040.interactive-element',
-  '070.Container/010.aside-content-container',
-  '070.Container/020.columns-container',
   '080.CV/010.cv',
   '080.CV/020.cv-time-span',
   '090.Signatures/010.signature-container',
@@ -36,7 +33,6 @@ export const baseComponentsToInstall = [
   '110.PDF/080.pdf-toc-page',
   '110.PDF/090.pdf-toc-item-title',
   '110.PDF/100.pdf-toc-item',
-  '110.PDF/110.pdf-toc-item-blank',
   '999.Properties/alignment',
   '999.Properties/hide-quote-characters',
   '999.Properties/pdf-spacer',

package/scripts/init.js

@@ -51,6 +51,11 @@ async function init(folder, options) {
         );
       });
 
+      const ddevConfigPath = join(projectPath, '.ddev', 'config.yaml');
+      let ddevConfig = await readFileSync(ddevConfigPath, 'utf8');
+      ddevConfig = ddevConfig.replace(/name: .*/, `name: ${folder.replaceAll(/[^a-zA-Z0-9-]/g, '-').toLowerCase()}`);
+      await writeFileSync(ddevConfigPath, ddevConfig, 'utf8');
+
       await writeFileSync(
         `${projectPath}/.gitignore`,
         `/.output/\n/.srl/\n/node_modules/\n/public/downloads/\n/public/html/\n/public/images/\n/public/json/\n/public/exclude/\n/dev-dist/`,

package/srl/components/Srl/Article/Root.vue

@@ -32,7 +32,7 @@ import { nextTick, ref, onMounted } from 'vue';
 import VRuntimeTemplate from 'vue3-runtime-template';
 import Autoload from '@/Autoload.ts';
 import { useRoute } from 'vue-router';
-import { useArticle, useArticles, useConfig, useRoot } from '#composables';
+import { useArticle, useArticles, useConfig } from '#composables';
 import { prepareHtmlContent } from '#utils';
 
 const articleRoot = ref<HTMLDivElement | null>(null);

package/srl/components/Srl/Page/App.vue

@@ -36,15 +36,13 @@
  * to other components in the application.
  */
 import App from '@/App.vue';
-import { ref, watch } from 'vue';
+import { watch } from 'vue'
+import { useCssStyles } from '#composables'
 
 const styleElement = document.createElement('style');
 document.head.appendChild(styleElement);
 
-const styleContent = ref<string[]>([]);
-function addCssStyles(styles: string) {
-  styleContent.value.includes(styles) || styleContent.value.push(styles);
-}
+const styleContent = useCssStyles();
 watch(
   styleContent.value,
   (newStyles) => {
@@ -52,10 +50,6 @@ watch(
   },
   { immediate: true },
 );
-
-defineExpose({
-  addCssStyles,
-});
 </script>
 
 <template>

package/srl/composables/cssStyles.ts

@@ -0,0 +1,16 @@
+import { ref } from 'vue';
+
+const cssStyles = ref<string[]>([]);
+
+export function addCssStyles(cssString: string): void {
+  cssStyles.value.includes(cssString) || cssStyles.value.push(cssString);
+}
+
+export function useCssStyles(): string[] {
+  return cssStyles;
+}
+
+export default {
+  addCssStyles,
+  useCssStyles,
+}

package/srl/composables/index.ts

@@ -4,10 +4,10 @@ import _useConfig from './config';
 import _useDownloads from './downloads';
 import _useLocale from './locale';
 import _useMenu from './menu';
-import _useRoot from './root';
 import _useSearch from './search';
 import _useSettings from './settings';
 import _useViewPort from './viewPort';
+import * as cssStyles from './cssStyles.ts'
 
 export const useArticle = _useArticle;
 export const useArticles = _useArticles;
@@ -15,10 +15,11 @@ export const useConfig = _useConfig;
 export const useDownloads = _useDownloads;
 export const useLocale = _useLocale;
 export const useMenu = _useMenu;
-export const useRoot = _useRoot;
 export const useSearch = _useSearch;
 export const useSettings = _useSettings;
 export const useViewPort = _useViewPort;
+export const addCssStyles = cssStyles.addCssStyles;
+export const useCssStyles = cssStyles.useCssStyles;
 
 export default {
   useArticle,
@@ -27,8 +28,9 @@ export default {
   useDownloads,
   useLocale,
   useMenu,
-  useRoot,
   useSearch,
   useSettings,
   useViewPort,
+  addCssStyles,
+  useCssStyles,
 };

package/srl/scss/grid/functions.scss

@@ -46,4 +46,14 @@
   @return calc(
           ((100% - (#{$columns - 1} * #{$gutter})) * #{$span} / #{$columns}) + (#{$gaps-inside} * #{$gutter})
   );
-}
+}
+
+@function calculate-pdf-col-start($start-col) {
+  $columns: map.get(variables.$columns, print);
+  $gutter: get-gutter-column-gap();
+  $span: $start-col - 1;
+
+  @return calc(
+    ((100% - (#{$columns - 1} * #{$gutter})) * #{$span} / #{$columns}) + (#{$span} * #{$gutter})
+  );
+}

package/srl/scss/spacer/mixins.scss

@@ -79,10 +79,10 @@
     system.size-unit(map.get($spacerValue, size))
   );
 
-  @if not map.has-key($spacerValue, media, print) {
+  @if not (map.has-key($spacerValue, media) and map.has-key(map.get($spacerValue, media), print)) {
     @include system.add-root-style(
       $varName,
-      system.size-unit(map.get($spacerValue, size), in),
+      system.size-unit(map.get($spacerValue, size)),
       print
     );
   }
@@ -92,7 +92,7 @@
       @if $breakpoint == print {
         @include system.add-root-style(
           $varName,
-          system.size-unit(map.get($spacerValue, size), in),
+          system.size-unit(map.get($breakpointValue, size)),
           print
         );
       } @else if $breakpoint == up {

package/srl/scss/typography/mixins.scss

@@ -94,8 +94,8 @@
 
     @if (map.has-key($map, color)) {
       @include system.add-root-style(
-                      #{variables.$variable-prefix}typo-#{$typo}-font-color,
-                      colors.get(map.get($defaults, color))
+        #{variables.$variable-prefix}typo-#{$typo}-font-color,
+        colors.get(map.get($defaults, color))
       );
     }
 
@@ -198,6 +198,13 @@
       );
     }
 
+    @if (map.has-key($map, color)) {
+      @include system.add-root-style(
+        #{variables.$variable-prefix}typo-#{$typo}-font-color,
+        colors.get(map.get($defaults, color))
+      );
+    }
+
     @if (map.has-key($map, letter-spacing)) {
       @include system.add-root-style(
         #{variables.$variable-prefix}typo-#{$typo}-letter-spacing,

package/srl/utils/html.ts

@@ -1,5 +1,6 @@
 import { isRouterPath } from '#utils/uri.ts';
-import { useArticles, useLocale, useRoot } from '#composables';
+import { useArticles, useLocale, addCssStyles } from '#composables';
+
 function attributesToString(attributes: Record<string, string | null>): string {
   return Object.entries(attributes)
     .map(([key, value]) => (value !== null ? `${key}="${value}"` : key))
@@ -7,7 +8,6 @@ function attributesToString(attributes: Record<string, string | null>): string {
 }
 
 export function prepareHtmlContent(text: string): string {
-  const rootComponent = useRoot();
   const articles = useArticles();
   const locale = useLocale();
 
@@ -34,7 +34,6 @@ export function prepareHtmlContent(text: string): string {
       const arrLink = attrObj.href.split('#');
 
       if (isRouterPath(arrLink[0])) {
-        console.log(arrLink);
         delete attrObj.href;
         if (arrLink[0].startsWith('./')) {
           arrLink[0] = arrLink[0].substring(1);
@@ -70,7 +69,7 @@ export function prepareHtmlContent(text: string): string {
   text = text.replaceAll('../', `./`);
 
   text = text.replace(/<style[^>]*>([\s\S]*?)<\/style>/gi, (match, p1) => {
-    rootComponent.addCssStyles(p1);
+    addCssStyles(p1);
     return '';
   });
 

package/livingdocs/020.Text/030.paragraph-strong/paragraph.html

@@ -1,16 +0,0 @@
-<p class="srl-grid srl-paragraph srl-paragraph-strong srl-linkable">
-  <span
-    class="srl-grid__inner srl-paragraph__text"
-    doc-editable="transformable-text"
-  >
-    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
-    eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
-    voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
-    amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
-    nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-    diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
-    amet.
-  </span>
-</p>

package/livingdocs/110.PDF/110.pdf-toc-item-blank/ld-conf.json

@@ -1,5 +0,0 @@
-{
-  "name": "pdf-toc-item-blank",
-  "label": "ToC item blank",
-  "allowedParents": ["pdf-toc-page"]
-}

package/livingdocs/110.PDF/110.pdf-toc-item-blank/pdf-toc-item-blank.html

@@ -1,4 +0,0 @@
-<div class="srl-pdf-toc__item srl-pdf-toc__item--blank">
-  <div class="srl-pdf-toc__number">&nbsp;</div>
-  <div class="srl-pdf-toc__text">&nbsp;</div>
-</div>

package/srl/composables/root.ts

@@ -1,5 +0,0 @@
-import SrlPageApp from '#components/Srl/Page/App.vue';
-
-export default function useRoot(): typeof SrlPageApp {
-  return window.app._instance.root.setupState;
-}