@simple-reporting/base 0.1.111 → 1.0.0

package/dev/src/components/ScrollToTop.vue

@@ -1,63 +0,0 @@
-<script lang="ts" setup>
-function toTheTop() {
-  window.scrollTo({ top: 0, behavior: 'smooth' })
-}
-</script>
-<template>
-  <div class="srl-scrollToTop srl-bg-primary srl-color-light" @click="toTheTop">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="16"
-      height="16"
-      fill="currentColor"
-      class="bi bi-chevron-up"
-      viewBox="0 0 16 16"
-    >
-      <path
-        fill-rule="evenodd"
-        d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"
-      />
-    </svg>
-    <span>{{ $t('scrollToTop') }}</span>
-  </div>
-</template>
-
-<style scoped lang="scss">
-@use 'nswow';
-
-.srl-scrollToTop {
-  position: absolute;
-  margin: auto;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  bottom: nswow.system-size-unit(10);
-  right: 0;
-  left: 0;
-  z-index: 999;
-  width: nswow.system-size-unit(40);
-  height: nswow.system-size-unit(40);
-
-  span {
-    display: none;
-  }
-
-  &:hover {
-    width: nswow.system-size-unit(180);
-
-    span {
-      display: block;
-      margin: 0 auto;
-    }
-
-    svg {
-      display: none;
-    }
-  }
-
-  @include nswow.grid-media(print) {
-    display: none;
-  }
-}
-</style>

package/dev/src/composables/config.ts

@@ -1,48 +0,0 @@
-import { ref } from 'vue'
-
-const config = ref<NsWowConfig>({
-  loaded: false,
-  settings: {
-    languages: ['de', 'en'],
-    defaultLanguage: 'de',
-    shortBreadcrumb: false,
-    search: {
-      boldTheWord: true
-    },
-    categories: []
-  },
-  articles: {},
-  menus: {}
-})
-
-async function getData() {
-  const file = `./json/settings.json`
-  try {
-    const response: Response = await fetch(file)
-    const lazySettings: NsWowSettings = await response.json()
-    config.value.settings = Object.assign(config.value.settings, lazySettings)
-  } catch (e) {
-    console.error(`"${file}" could not be loaded.`)
-  }
-
-  for (const locale of config.value.settings.languages) {
-    const file: string = `./json/routing_${locale}.json`
-    try {
-      const response: Response = await fetch(file)
-      const routing: NsWowResponseRouting = await response.json()
-      config.value.articles[locale] = routing.pages
-      config.value.menus[locale] = routing.menu
-    } catch (e) {
-      console.error(`"${file}" could not be loaded.`)
-    }
-  }
-
-  config.value.loaded = true
-}
-
-export default async function useConfig() {
-  if (!config.value.loaded) {
-    await getData()
-  }
-  return config
-}

package/dev/src/main.ts

@@ -1,16 +0,0 @@
-import '../.nswow/app.scss'
-
-import useConfig from '@/composables/config'
-import { createApp } from 'vue'
-import { initI18n } from './i18n'
-
-import App from './App.vue'
-import router from './router'
-
-useConfig().then(async () => {
-  const awi18n = await initI18n()
-  const app = createApp(App)
-  app.use(awi18n)
-  app.use(router)
-  app.mount('#app')
-})

package/dev/src/types/nswow.d.ts

@@ -1,73 +0,0 @@
-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 = {
-    loaded: boolean
-    settings: NsWowSettings
-    articles: NsWowArticles
-    menus: NsWowMenus
-  }
-
-  export interface NsWowMenu {
-    label: string
-    type: string
-    page?: string
-    url?: string
-    anchor?: string
-    submenuEntries?: NsWowMenu[]
-  }
-
-  export interface NsWowMenus {
-    [locale: string]: {
-      [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
-  }
-}

package/dev/src/views/DownloadsView.vue

@@ -1,88 +0,0 @@
-<script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
-import { useRoute } from 'vue-router'
-import { ArrayToString } from '@/utils/variables'
-
-const route = useRoute()
-const locale = computed(() => {
-  return ArrayToString(route.params.locale)
-})
-const downloadData = ref<NsWowDownloads>({ structure: [] })
-
-async function getDownloads() {
-  const file = `./downloads/downloads_${locale.value}.json`
-  try {
-    const response = await fetch(file)
-    downloadData.value = await response.json()
-  } catch (e) {
-    console.error(`"${file}" could not be loaded.`)
-  }
-}
-
-watch(route, () => getDownloads())
-getDownloads()
-</script>
-
-<template>
-  <article class="srl-download">
-    <h1>Downloads</h1>
-    <h2>Annual Report</h2>
-    <div v-if="downloadData.annualReport">
-      <a target="_blank">{{ downloadData.annualReport?.title }}</a>
-    </div>
-    <h2>Downloads</h2>
-    <transition name="fade">
-      <ul v-if="downloadData.structure.length" class="srl-download__list">
-        <li v-for="(item, index) in downloadData?.structure" :key="index">
-          <a href="" target="_blank">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="currentColor"
-              class="bi bi-download"
-              viewBox="0 0 16 16"
-            >
-              <path
-                d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"
-              />
-              <path
-                d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"
-              />
-            </svg>
-            <div>
-              <span class="title">{{ item.title }}</span
-              ><br />
-              <span>{{ item.size }}</span>
-            </div>
-          </a>
-        </li>
-      </ul>
-    </transition>
-  </article>
-</template>
-
-<style scoped lang="scss">
-@use 'nswow';
-
-.srl-download {
-  margin: 0 auto;
-  @include nswow.grid-container();
-
-  &__list {
-    list-style-type: none;
-    padding: 0 0 0 0;
-
-    li {
-      margin-bottom: nswow.system-size-unit(20);
-
-      a {
-        text-decoration: none;
-        display: flex;
-        align-items: center;
-        gap: nswow.system-size-unit(10);
-      }
-    }
-  }
-}
-</style>

package/dev/src/views/SearchView.vue

@@ -1,126 +0,0 @@
-<script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
-import { useRoute } from 'vue-router'
-import useConfig from '@/composables/config'
-import { ArrayToString } from '@/utils/variables'
-
-type searchDataType = {
-  title: string
-  content: string
-  link: string
-  translatedTitle: string
-  firstParagraph: string
-}
-
-const config = await useConfig()
-const route = useRoute()
-const isLoading = ref<boolean>(true)
-const searchData = ref<searchDataType[]>([])
-
-const locale = computed<string>(() => {
-  return ArrayToString(route.params.locale)
-})
-
-const searchValue = computed<string>(() => {
-  return route.query.searchValue ? ArrayToString(route.query.searchValue, ' ') : ''
-})
-
-const articles = computed<NsWowArticle[]>(() => {
-  return config.value.articles[locale.value] ?? []
-})
-
-async function getSearchResult() {
-  isLoading.value = true
-  searchData.value = []
-  const routesArray: {
-    uuid: string
-    slug: string
-    name: string
-    translatedTitle: string
-  }[] = []
-
-  articles.value
-    .filter((item) => {
-      return !item.ignoreInSearch
-    })
-    .map((value) => {
-      routesArray.push({
-        uuid: value.uuid,
-        slug: value.slug,
-        name: value.name,
-        translatedTitle: value.translatedTitle
-      })
-    })
-
-  if (routesArray.length) {
-    routesArray.map(async (value) => {
-      const file = `./html/${locale.value}/${value.name}.html`
-      try {
-        const response = await fetch(file)
-        const data = await response.text()
-        if (data.toLowerCase().includes(searchValue.value.toLowerCase())) {
-          const item: searchDataType = {
-            title: `${locale.value}/${value.slug}`,
-            content: data,
-            link: `/${locale.value}/${value.slug}`,
-            translatedTitle: value.translatedTitle,
-            firstParagraph: ''
-          }
-          const doc = new DOMParser().parseFromString(data, 'text/html')
-          const paragraph = doc.querySelector('p')
-          if (paragraph) {
-            item.firstParagraph = paragraph.textContent ?? ''
-          }
-          searchData.value.push(item)
-        }
-
-        searchData.value.sort((a, b) => {
-          return a.title.localeCompare(b.title)
-        })
-
-        isLoading.value = false
-      } catch (e) {
-        console.error(`"${file}" could not be loaded.`)
-      }
-    })
-  }
-}
-
-watch(route, () => getSearchResult())
-getSearchResult()
-</script>
-
-<template>
-  <article class="srl-article">
-    <div class="srl-article-container">
-      <h1>{{ $t('search.title') }}</h1>
-
-      <div v-if="isLoading">Loading...</div>
-      <transition name="fade">
-        <h2 v-if="!isLoading">
-          {{ $t('search.for', { search: searchValue, count: searchData.length }) }}
-        </h2>
-      </transition>
-
-      <transition name="fade">
-        <div v-if="!isLoading && searchValue">
-          <div v-for="(dataItem, index) in searchData" :key="index">
-            <h5>{{ dataItem.translatedTitle }}</h5>
-            <p>{{ dataItem.firstParagraph }}</p>
-            <router-link :to="{ path: dataItem.link }">{{ dataItem.title }}</router-link>
-          </div>
-        </div>
-      </transition>
-    </div>
-  </article>
-</template>
-
-<style scoped lang="scss">
-@use 'nswow';
-
-.srl-article {
-  margin: 0 auto;
-  @include nswow.grid-container();
-  @include nswow.typography-core-styles();
-}
-</style>

package/dev/word.ts

@@ -1 +0,0 @@
-import '.nswow/word.scss'

package/livingdocs/Buttons/button/app.scss

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

package/livingdocs/Buttons/button/button.html

@@ -1,18 +0,0 @@
-<script type="ld-conf">
-  {
-  	"name": "button",
-  	"label": "Button",
-  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-button.min.svg",
-  	"directives": {
-  		"link": {
-  			"plainText": true
-  		}
-  	},
-  	"allowedParents": [
-  		"button-container"
-  	]
-  }
-</script>
-<a doc-link="href" class="srl-button">
-  <span class="srl-button__text" doc-editable="link">Link text</span>
-</a>

package/livingdocs/Buttons/button/general.scss

@@ -1,33 +0,0 @@
-@use 'nswow';
-@use 'sass:map';
-
-.srl-button {
-  display: inline-block;
-  text-decoration: none;
-  background-color: nswow.colors-primary();
-  color: nswow.colors-on-primary();
-  padding: #{nswow.system-size-unit(10)} #{nswow.system-size-unit(30)};
-  @include nswow.grid-media(print) {
-    padding: #{nswow.system-size-unit(10, in)} #{nswow.system-size-unit(30, in)};
-  }
-  @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) {
-        @if $breakpoint == print {
-          margin-left: nswow.system-size-unit($column-gap, in);
-        } @else {
-          margin-left: nswow.system-size-unit($column-gap);
-        }
-      }
-    }
-  }
-  &__text {
-    @include nswow.typography-copy1();
-    @include nswow.helpers-trim-margins;
-  }
-}

package/livingdocs/Buttons/button/ldd.scss

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

package/livingdocs/Buttons/button/pdf.scss

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

package/livingdocs/Buttons/button/word.scss

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

package/livingdocs/Buttons/button-container/app.scss

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

package/livingdocs/Buttons/button-container/button-container.html

@@ -1,31 +0,0 @@
-<script type="ld-conf">
-  {
-  	"name": "button-container",
-  	"label": "Button container",
-  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-button-container.min.svg",
-  	"properties": [
-  		"horizontal-alignment"
-  	],
-  	"directives": {
-  		"button-container": {
-  			"allowedChildren": [
-  			    "button",
-  			    "button-square",
-  			    "button-large"
-  			],
-  			"defaultComponents": {
-  				"paragraph": "button"
-  			},
-  			"defaultContent": [{
-  				"component": "button"
-  			}]
-  		}
-  	}
-  }
-</script>
-<div class="srl-button-container srl-article__grid srl-article__grid--indent">
-  <div
-    class="srl-button-container__inner srl-article__grid--inner"
-    doc-container="button-container"
-  ></div>
-</div>

package/livingdocs/Buttons/button-container/general.scss

@@ -1,12 +0,0 @@
-@use 'nswow';
-
-.srl-button-container {
-  margin-bottom: nswow.system-size-unit(30);
-  @include nswow.grid-media(print) {
-    margin-bottom: nswow.system-size-unit(30, in);
-  }
-
-  &__inner {
-    text-align: right;
-  }
-}

package/livingdocs/Buttons/button-container/ldd.scss

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

package/livingdocs/Buttons/button-container/pdf.scss

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

package/livingdocs/Buttons/button-container/properties.json

@@ -1,19 +0,0 @@
-{
-  "horizontal-alignment": {
-    "label": "Horizontal alignment",
-    "type": "select",
-    "options": [
-      {
-        "caption": "left"
-      },
-      {
-        "caption": "center",
-        "value": "horizontal-center"
-      },
-      {
-        "caption": "right",
-        "value": "horizontal-right"
-      }
-    ]
-  }
-}

package/livingdocs/Buttons/button-container/word.scss

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

package/livingdocs/CV/cv-timeline/app.scss

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

package/livingdocs/CV/cv-timeline/cv-timeline.html

@@ -1,19 +0,0 @@
-<script type="ld-conf">
-  {
-  	"name": "cv-timeline",
-  	"label": "CV timeline",
-  	"iconUrl": "https://mms-xbrl.s3.eu-central-1.amazonaws.com/design/svg/editor/icon-cv-timeline.min.svg"
-  }
-</script>
-<div class="srl-cv-timeline srl-article__grid srl-article__grid--indent">
-  <span class="srl-article__grid--inner">
-    <span class="srl-cv-timeline__years" doc-editable="years">
-      2010 - 2012
-    </span>
-    <span class="lc-linkable srl-cv-timeline__position" doc-editable="position">
-      Ut enim ad minim veniam, quis nostrud exercitation ullamco, Ut enim ad
-      minim veniam, quis nostrud exercitation ullamco. Ut enim ad minim veniam,
-      quis nostrud exercitation ullamco
-    </span>
-  </span>
-</div>

package/livingdocs/CV/cv-timeline/general.scss

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

package/livingdocs/CV/cv-timeline/ldd.scss

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

package/livingdocs/CV/cv-timeline/pdf.scss

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

package/livingdocs/CV/cv-timeline/print.scss

@@ -1,35 +0,0 @@
-@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-cv-timeline {
-  > span {
-    position: relative;
-  }
-
-  &__years {
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: nswow.system-size-unit($numberSize, in);
-  }
-
-  &__position {
-    display: block;
-
-    &:not(:first-child) {
-      margin-left: nswow.system-size-unit($numberSize + $column-gap, in);
-    }
-  }
-}

package/livingdocs/CV/cv-timeline/web.scss

@@ -1,27 +0,0 @@
-@use 'nswow';
-@use 'sass:map';
-
-$numberSize: 100;
-
-.srl-cv-timeline {
-  > span {
-    display: flex;
-    flex-wrap: nowrap;
-    @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);
-        }
-      }
-    }
-  }
-
-  &__years {
-    flex: 0 0 nswow.system-size-unit($numberSize);
-  }
-}

package/livingdocs/CV/cv-timeline/word.scss

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