@simple-reporting/base 0.1.112 → 1.0.1

package/srl/srl/helpers.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '../scss/helpers';

package/srl/srl/meta.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '../scss/meta';

package/srl/srl/pdf.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '../scss/pdf';

package/srl/srl/spacer.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '../scss/spacer';

package/srl/srl/system.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '../scss/system';

package/srl/srl/typography.scss

@@ -0,0 +1,3 @@
+@use 'config';
+@forward '../scss/typography';
+@use '../scss/typography';

package/srl/types/components.d.ts

@@ -0,0 +1,17 @@
+import { Component, App } from 'vue';
+
+interface window {
+  app: App;
+}
+interface _GlobalComponents {
+  SrlAriaTabChain: (typeof import('../components/Srl/Aria/TabChain.vue'))['default'];
+  SrlArticleAutoload: (typeof import('../components/Srl/Article/Autoload.vue'))['default'];
+  SrlArticleDialogButton: (typeof import('../components/Srl/Article/DialogButton.vue'))['default'];
+  SrlArticleRoot: (typeof import('../components/Srl/Article/Root.vue'))['default'];
+  SrlMenu: (typeof import('../components/Srl/Menu/List.vue'))['default'];
+  SrlPageDialog: (typeof import('../components/Srl/Page/Dialog.vue'))['default'];
+}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents extends _GlobalComponents {}
+}

package/srl/types/nswow.d.ts

@@ -0,0 +1,121 @@
+export {};
+declare global {
+  export type NsWowSettings = {
+    languages: string[];
+    defaultLanguage: string;
+    shortBreadcrumb: boolean;
+    search: {
+      boldTheWord: boolean;
+    };
+    categories: string[];
+  };
+
+  export interface NsWowArticle {
+    uuid: string;
+    name: string;
+    translatedTitle: string;
+    slug: string;
+    index: boolean;
+    seo_keywords: string[];
+    ignoreInSearch: boolean;
+    excerpt: string;
+    originalLanguageOfArticle: string;
+    status: string;
+  }
+
+  export interface NsWowArticles {
+    [locale: string]: NsWowArticle[];
+  }
+
+  export type NsWowConfig = {
+    locale: string;
+    settings: NsWowSettings;
+    articles: NsWowArticles;
+    menus: {
+      [locale: string]: NsWowMenus;
+    };
+    translations: NsWowTranslations;
+    downloads: {
+      [locale: string]: NsWowDownloads;
+    };
+  };
+
+  export type NsWowTranslations = {
+    [locale: string]: NsWowTranslation;
+  };
+
+  export type NsWowTranslation = {
+    [key: string]: string;
+  };
+
+  export interface NsWowMenu {
+    label: string;
+    type: string;
+    page?: string;
+    url?: string;
+    anchor?: string;
+    submenuEntries?: NsWowMenu[];
+  }
+
+  export interface NsWowMenus {
+    [menu: string]: NsWowMenu[];
+  }
+
+  export interface NsWowResponseRouting {
+    version: string;
+    pages: NsWowArticle[];
+    menu: {
+      [menu: string]: NsWowMenu[];
+    };
+  }
+
+  export interface NsWowDownload {
+    type: string;
+    title: string;
+    fileType: string;
+    size: string;
+    artifact: string;
+  }
+
+  export type NsWowDownloads = {
+    version?: string;
+    structure: NsWowDownload[];
+    annualReport?: NsWowDownload;
+  };
+
+  export type NsWowSearchList = {
+    article: NsWowArticle;
+    href: string;
+    words: string;
+  };
+
+  export type NsWowNavigationItem = {
+    label: string;
+    title?: string;
+    img?: {
+      src: string;
+      alt?: string;
+    };
+    imgBefore?: {
+      src: string;
+      alt?: string;
+    };
+    imgAfter?: {
+      src: string;
+      alt?: string;
+    };
+    active?: boolean;
+    href?: string;
+    attributes?: {
+      [key: string]: string;
+    };
+    callback?: () => void;
+    children?: NsWowNavigationItem[];
+  };
+
+  export type NsWowPageData = {
+    time: number;
+    article: NsWowArticle | null;
+    content: string;
+  };
+}

package/srl/utils/camelCase.ts

@@ -0,0 +1,11 @@
+/**
+ * Convert a string to camel case notation.
+ *
+ * @private
+ * @category Utils
+ * @param str - The string to be converted.
+ * @returns String in camel case notation.
+ */
+export function camelCase(str: string): string {
+  return str.replace(/[._-](\w|$)/g, (_, x) => (x as string).toUpperCase());
+}

package/srl/utils/html.ts

@@ -0,0 +1,82 @@
+import { isRouterPath } from '#utils/uri.ts';
+import { useArticles, useLocale, useRoot } from '#composables';
+function attributesToString(attributes: Record<string, string | null>): string {
+  return Object.entries(attributes)
+    .map(([key, value]) => (value !== null ? `${key}="${value}"` : key))
+    .join(' ');
+}
+
+export function prepareHtmlContent(text: string): string {
+  const rootComponent = useRoot();
+  const articles = useArticles();
+  const locale = useLocale();
+
+  const regex = /<a\s+([^>]+)>(.*?)<\/a>/gis;
+  text = text.replace(regex, (match, attrString, innerText) => {
+    // Attribute in ein Array umwandeln
+    const attrObj = {};
+    attrString.replace(/([a-zA-Z0-9\-_]+)(?:="([^"]*)")?/g, (m, key, value) => {
+      attrObj[key] = value || null;
+      return m;
+    });
+
+    if (
+      attrObj['data-note-target'] &&
+      attrObj['data-note-target'] === 'popup'
+    ) {
+      attrObj.uuid = attrObj.href;
+      delete attrObj.href;
+      const attrs = attributesToString(attrObj);
+      return `<srl-article-dialog-button ${attrs}>${innerText}</srl-article-dialog-button>`;
+    }
+
+    if (attrObj.href) {
+      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);
+        }
+        if (arrLink[0] === `/${locale.value}/home`) {
+          arrLink[0] = `/${locale.value}`;
+        }
+        attrObj.to = arrLink[0];
+        if (arrLink[1]) {
+          attrObj.to += `#${arrLink[1]}`;
+        }
+        const attrs = attributesToString(attrObj);
+        return `<router-link ${attrs}>${innerText}</router-link>`;
+      }
+
+      const a = articles.value.find((i) => i.uuid === arrLink[0]);
+      if (a) {
+        delete attrObj.href;
+        attrObj.to = a.index
+          ? `/${locale.value}`
+          : `/${locale.value}/${a.slug}`;
+        if (arrLink[1]) {
+          attrObj.to += `#${arrLink[1]}`;
+        }
+        const attrs = attributesToString(attrObj);
+        return `<router-link ${attrs}>${innerText}</router-link>`;
+      }
+    }
+
+    return match;
+  });
+
+  text = text.replaceAll('../', `./`);
+
+  text = text.replace(/<style[^>]*>([\s\S]*?)<\/style>/gi, (match, p1) => {
+    rootComponent.addCssStyles(p1);
+    return '';
+  });
+
+  return text;
+}
+
+export default {
+  prepareHtmlContent,
+};

package/srl/utils/index.ts

@@ -0,0 +1,5 @@
+import { isRouterPath, isExternalPath } from './uri';
+import { camelCase } from './camelCase';
+import { prepareHtmlContent } from './html';
+
+export { isRouterPath, isExternalPath, camelCase, prepareHtmlContent };

package/srl/utils/uri.ts

@@ -0,0 +1,52 @@
+export function isRouterPath(path: string): boolean {
+  return (
+    (path.startsWith('/') || path.startsWith('./')) &&
+    !path.startsWith('//') &&
+    !path.endsWith('.html') &&
+    !path.endsWith('.htm') &&
+    !path.endsWith('.php') &&
+    !path.endsWith('.asp') &&
+    !path.endsWith('.aspx') &&
+    !path.endsWith('.jsp') &&
+    !path.endsWith('.xml') &&
+    !path.endsWith('.json') &&
+    !path.endsWith('.txt') &&
+    !path.endsWith('.svg') &&
+    !path.endsWith('.png') &&
+    !path.endsWith('.jpg') &&
+    !path.endsWith('.jpeg') &&
+    !path.endsWith('.gif') &&
+    !path.endsWith('.webp') &&
+    !path.endsWith('.pdf') &&
+    !path.endsWith('.doc') &&
+    !path.endsWith('.docx') &&
+    !path.endsWith('.xls') &&
+    !path.endsWith('.xlsx') &&
+    !path.endsWith('.ppt') &&
+    !path.endsWith('.pptx') &&
+    !path.endsWith('.zip')
+  );
+}
+
+export function isExternalPath(path: string): boolean {
+  return (
+    path.startsWith('http') ||
+    path.startsWith('//') ||
+    path.startsWith('mailto') ||
+    path.startsWith('tel') ||
+    path.startsWith('sms') ||
+    path.startsWith('callto') ||
+    path.startsWith('skype') ||
+    path.startsWith('sip') ||
+    path.startsWith('ws') ||
+    path.startsWith('wss') ||
+    path.startsWith('irc') ||
+    path.startsWith('gopher') ||
+    path.startsWith('whatsapp')
+  );
+}
+
+export default {
+  isRouterPath,
+  isExternalPath,
+};

package/dev/ldd.html

@@ -1,7 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <link href=".nswow/ldd.scss" />
-  </head>
-  <body></body>
-</html>

package/dev/livingdocs/Media/image/app.scss

@@ -1,25 +0,0 @@
-@use 'web';
-
-@use 'nswow';
-
-.srl-image {
-  &:not(.show-mobile-image) {
-    @include nswow.grid-media(phone) {
-      .srl-image__image-container--desktop {
-        display: none;
-      }
-    }
-
-    @include nswow.grid-media-up(portrait) {
-      .srl-image__image-container--mobile {
-        display: none;
-      }
-    }
-  }
-
-  &.show-mobile-image {
-    .srl-image__image-container--desktop {
-      display: none;
-    }
-  }
-}

package/dev/livingdocs/Media/image/general.scss

@@ -1,11 +0,0 @@
-@use 'nswow';
-
-.srl-image {
-  &__img {
-    width: 100%;
-  }
-
-  &__caption {
-    @include nswow.typography-blockquote();
-  }
-}

package/dev/livingdocs/Media/image/image.html

@@ -1,46 +0,0 @@
-<script type="ld-conf">
-  {
-  	"name": "image",
-  	"label": "Image",
-  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-image.min.svg",
-  	"properties": [
-  		"show-mobile-image",
-  		"web-width",
-  		"pdf-width"
-  	],
-  	"directives": {
-  		"desktop-image": {
-  			"imageRatios": ["1:1", "3:2", "4:3", "16:9"],
-  			"allowOriginalRatio": true
-  		},
-  		"mobile-image": {
-  			"imageRatios": ["1:1", "3:2", "4:3", "16:9"],
-  			"allowOriginalRatio": true
-  		}
-  	}
-  }
-</script>
-<figure class="srl-image srl-article__grid srl-article__grid--indent">
-  <div class="srl-article__grid--inner">
-    <div class="lc-image__alt-text" doc-editable="alt-tag" optional data-alt-text-source="alt">
-      Write the alt text here
-    </div>
-    <div class="srl-image__image-container srl-image__image-container--desktop">
-      <img
-        class="srl-image__img srl-image__img--desktop"
-        doc-image="desktop-image"
-        data-alt-text-target="alt"
-      />
-    </div>
-    <div class="srl-image__image-container srl-image__image-container--mobile">
-      <img
-        class="srl-image__img srl-image__img--mobile"
-        doc-image="mobile-image"
-        data-alt-text-target="alt"
-      />
-    </div>
-    <figcaption class="srl-linkable srl-image__caption" doc-editable="legend" doc-optional>
-      Bildlegende
-    </figcaption>
-  </div>
-</figure>

package/dev/livingdocs/Media/image/ldd.scss

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

package/dev/livingdocs/Media/image/pdf.scss

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

package/dev/livingdocs/Media/image/print.scss

@@ -1,7 +0,0 @@
-@use 'nswow';
-
-.srl-image {
-  &__image-container--mobile {
-    display: none;
-  }
-}

package/dev/livingdocs/Media/image/properties.json

@@ -1,41 +0,0 @@
-{
-  "show-mobile-image": {
-    "label": "Show mobile image",
-    "type": "option",
-    "value": "show-mobile-image"
-  },
-  "web-width": {
-    "label": "Web width",
-    "type": "select",
-    "options": [
-      {
-        "caption": "Text width"
-      },
-      {
-        "caption": "Content width",
-        "value": "srl-article__grid--content-web"
-      },
-      {
-        "caption": "Full width",
-        "value": "srl-article__grid--full-web"
-      }
-    ]
-  },
-  "pdf-width": {
-    "label": "PDF width",
-    "type": "select",
-    "options": [
-      {
-        "caption": "Text width"
-      },
-      {
-        "caption": "Content width",
-        "value": "srl-article__grid--content-pdf"
-      },
-      {
-        "caption": "Full width",
-        "value": "srl-article__grid--full-pdf"
-      }
-    ]
-  }
-}

package/dev/livingdocs/Media/image/word.scss

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

package/dev/livingdocs/Properties/grid/app.scss

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

package/dev/livingdocs/Properties/grid/general.scss

@@ -1,95 +0,0 @@
-@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/dev/livingdocs/Properties/grid/ldd.scss

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

package/dev/livingdocs/Properties/grid/pdf.scss

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

package/dev/livingdocs/Properties/grid/print.scss

@@ -1,94 +0,0 @@
-@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);
-    }
-  }
-}