@simple-reporting/base 0.0.1

package/dev/nswow/ArticleAutoloader.ts

@@ -0,0 +1,100 @@
+import ArticleLoader from './ArticleLoader'
+import { camelCase } from 'cheerio/utils'
+
+type AutoloadList = string | string[]
+
+/**
+ * Class representing an ArticleAutoloader.
+ * @class
+ */
+class ArticleAutoloader {
+  classes: { [key: string]: { new (node: HTMLElement, options: any): any } }
+  selector: string
+
+  /**
+   * Constructor for the class.
+   * Initializes the "classes" and "selector" properties.
+   *
+   * @constructor
+   */
+  constructor() {
+    this.classes = {}
+    this.selector = '[data-autoload]'
+  }
+
+  /**
+   * Initializes the Autoload feature on the specified HTMLElement.
+   *
+   * @param {HTMLElement} obj - The HTMLElement on which to initialize Autoload.
+   * @return {void}
+   */
+  init(obj: HTMLElement) {
+    const nodes: NodeListOf<Element> = obj.querySelectorAll(this.selector)
+    if (nodes) {
+      for (let index = 0; index < nodes.length; index++) {
+        this._initAutoload(nodes[index] as HTMLElement)
+      }
+    }
+  }
+
+  /**
+   * Registers the provided object class with the given class name.
+   *
+   * @param {ArticleLoader} objClass - The object class to register.
+   * @param {string} className - The name to associate with the object class.
+   */
+  register(objClass: ArticleLoader, className: string) {
+    this.classes[camelCase(className)] = objClass
+  }
+
+  /**
+   * Creates an instance of a class based on the given class name and initializes it with the provided options.
+   *
+   * @param {HTMLElement} node - The HTML element to which the class instance will be attached.
+   * @param {Object} options - The options to be passed to the class instance during initialization.
+   * @param {string} className - The name of the class to be instantiated.
+   *
+   * @return {void} - This method does not return any value.
+   */
+  _createInstance(node: HTMLElement, options: any, className: string) {
+    if (this.classes[className] !== undefined) {
+      new this.classes[className](node, options)
+    }
+  }
+
+  /**
+   * Initializes the autoload feature for the given node.
+   *
+   * @param {HTMLElement} node - The node for which to initialize the autoload feature.
+   */
+  _initAutoload(node: HTMLElement): void {
+    let load: AutoloadList = node.dataset.autoload
+
+    // Converting to array in case of single string for uniform processing
+    try {
+      load = JSON.parse(load)
+    } catch (e) {
+      load = load.split(' ')
+    }
+
+    if (typeof load === 'string') {
+      load = [load]
+    }
+    // check if it's a single string or a list
+    if (load.length === 1) {
+      const options = node.dataset.options || {}
+      this._createInstance(node, options, camelCase(load[0]))
+    } else {
+      const optionsDataSet = JSON.parse(node.dataset.options || '{}')
+      for (const className of load) {
+        if (className !== '') {
+          const options = optionsDataSet[className] || {}
+          this._createInstance(node, options, camelCase(className))
+        }
+      }
+    }
+  }
+}
+
+export default ArticleAutoloader
+export { ArticleAutoloader }

package/dev/nswow/ArticleLoader.ts

@@ -0,0 +1,91 @@
+/**
+ * A class for loading articles into elements.
+ * @class
+ */
+abstract class ArticleLoader {
+  protected element: HTMLElement
+  protected options: { key: string; value: any }
+
+  /**
+   * Constructs a new instance of the class.
+   *
+   * @param {string | Node} selector - The CSS selector or Node object to initialize the class with.
+   * @param {any} options - Optional options to pass to the class.
+   * @constructor
+   */
+  protected constructor(selector: string | Node, options: { key: string; value: any } | undefined) {
+    if (typeof selector === 'string' || selector instanceof NodeList) {
+      this._initializeNodeList(selector, options)
+    } else if (selector instanceof Node) {
+      this.element = selector as HTMLElement
+      this.element[this.constructor.name] = this
+      this._initializeNode(selector, options)
+    }
+  }
+
+  /**
+   * Initializes a node list with a given selector or NodeList object.
+   *
+   * @param {string | NodeList} selector - The selector or NodeList object used to initialize the node list.
+   * @param {unknown} options - Optional options to be passed to the constructor of each node in the node list.
+   *
+   * @return {void} - No return value.
+   */
+  private _initializeNodeList(selector: string | NodeList, options: unknown) {
+    const nodeList = typeof selector === 'string' ? document.querySelectorAll(selector) : selector
+    Array.from(nodeList).forEach((node) => new this.constructor(node, options))
+  }
+
+  /**
+   * Initializes a Node object with given options.
+   *
+   * @param {Node} node - The Node to initialize.
+   * @param {unknown} options - The options to assign to the Node.
+   * @return {void}
+   */
+  private _initializeNode(node: Node, options: unknown) {
+    this._assignOptions(options)
+    this._create()
+  }
+
+  /**
+   * Assigns options to a class property.
+   *
+   * @param {unknown} options - The options to be assigned.
+   * @return {void}
+   */
+  private _assignOptions(options: unknown) {
+    if (options !== undefined) {
+      this.options = typeof options === 'string' ? JSON.parse(options) : options
+    } else {
+      this.options = {}
+    }
+  }
+
+  /**
+   * Returns the options assigned to the class.
+   * @return { key: string, value: any }
+   */
+  public getOptions() {
+    return this.options
+  }
+
+  /**
+   * Returns the element assigned to the class.
+   * @return {HTMLElement}
+   */
+  public getElement() {
+    return this.element
+  }
+
+  /**
+   * Abstract method _create.
+   *
+   * This must be defined in any class extending ArticleLoader. It serves as the
+   * entry point for the initialization of the abstraction.
+   */
+  abstract _create(): void
+}
+
+export default ArticleLoader
+export { ArticleLoader }

package/dev/nswow/colors.scss

@@ -0,0 +1,3 @@
+@use 'config';
+@forward '@simple-reporting/base/scss/colors';
+@use '@simple-reporting/base/scss/colors';

package/dev/nswow/config.scss

@@ -0,0 +1,13 @@
+@use '@simple-reporting/base/scss/system/variables.scss' as systemVariables;
+
+@use '@simple-reporting/base/scss/fonts/variables.scss' as fontsVariables;
+
+@use '@simple-reporting/base/scss/meta/variables.scss' as metaVariables;
+
+@use '@simple-reporting/base/scss/grid/variables.scss' as gridVariables;
+
+@use '@simple-reporting/base/scss/colors/variables.scss' as colorsVariables;
+
+@use '@simple-reporting/base/scss/typography/variables.scss' as typographyVariables;
+
+@use '@simple-reporting/base/scss/spacer/variables.scss' as spacerVariables;

package/dev/nswow/core-styles.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '@simple-reporting/base/scss/core-styles';

package/dev/nswow/fonts.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '@simple-reporting/base/scss/fonts';

package/dev/nswow/grid.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '@simple-reporting/base/scss/grid';

package/dev/nswow/helpers.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '@simple-reporting/base/scss/helpers';

package/dev/nswow/index.scss

@@ -0,0 +1,9 @@
+@use 'config';
+@forward 'system' as system-*;
+@forward 'fonts' as fonts-*;
+@forward 'grid' as grid-*;
+@forward 'colors' as colors-*;
+@forward 'typography' as typography-*;
+@forward 'helpers' as helpers-*;
+@forward 'spacer' as spacer-*;
+@forward 'meta';

package/dev/nswow/meta.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '@simple-reporting/base/scss/meta';

package/dev/nswow/spacer.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '@simple-reporting/base/scss/spacer';

package/dev/nswow/system.scss

@@ -0,0 +1,2 @@
+@use 'config';
+@forward '@simple-reporting/base/scss/system';

package/dev/nswow/typography.scss

@@ -0,0 +1,3 @@
+@use 'config';
+@forward '@simple-reporting/base/scss/typography';
+@use '@simple-reporting/base/scss/typography';

package/dev/nswow.config.json

@@ -0,0 +1,293 @@
+{
+  "fonts": {
+    "default-font": "Roboto, sans-serif",
+    "font-base-path": "../src/assets/fonts"
+  },
+  "meta": {
+    "padding": {
+      "tiny": 4,
+      "base": 8,
+      "small": 16,
+      "medium": 24,
+      "large": 32
+    },
+    "spacer": {
+      "small": 48,
+      "medium": 64,
+      "large": 96,
+      "extra-large": 192
+    }
+  },
+  "typography": {
+    "typography": [
+      {
+        "name": "display1",
+        "font-size": 72,
+        "line-height": 1.4,
+        "font-style": "normal",
+        "font-weight": 600,
+        "margin-bottom": 24
+      },
+      {
+        "name": "display2",
+        "font-size": 64,
+        "line-height": 1.4,
+        "font-style": "normal",
+        "font-weight": 600,
+        "margin-bottom": 24
+      },
+      {
+        "name": "display3",
+        "font-size": 58,
+        "line-height": 1.4,
+        "font-style": "normal",
+        "font-weight": 600,
+        "margin-bottom": 24
+      },
+      {
+        "name": "headline1",
+        "font-size": 48,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 600,
+        "margin-bottom": 16
+      },
+      {
+        "name": "headline2",
+        "font-size": 40,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 600,
+        "margin-bottom": 16
+      },
+      {
+        "name": "headline3",
+        "font-size": 34,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 600,
+        "margin-bottom": 16
+      },
+      {
+        "name": "headline4",
+        "font-size": 28,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 600,
+        "margin-bottom": 16
+      },
+      {
+        "name": "headline5",
+        "font-size": 24,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 600,
+        "margin-bottom": 16
+      },
+      {
+        "name": "headline6",
+        "font-size": 20,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 600,
+        "margin-bottom": 16
+      },
+      {
+        "name": "copy1",
+        "font-size": 16,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 400,
+        "margin-bottom": 8
+      },
+      {
+        "name": "copy2",
+        "font-size": 14,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 400,
+        "margin-bottom": 8
+      },
+      {
+        "name": "copy3",
+        "font-size": 12,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 400,
+        "margin-bottom": 8
+      },
+      {
+        "name": "blockquote",
+        "font-size": 18,
+        "line-height": 1.6,
+        "font-style": "italic",
+        "font-weight": 300,
+        "margin-bottom": 8
+      },
+      {
+        "name": "lead",
+        "font-size": 18,
+        "line-height": 1.6,
+        "font-style": "normal",
+        "font-weight": 500,
+        "margin-bottom": 8
+      }
+    ]
+  },
+  "colors": {
+    "colors": [
+      {
+        "name": "light",
+        "color": "#ffffff"
+      },
+      {
+        "name": "on-light",
+        "color": "#000000"
+      },
+      {
+        "name": "dark",
+        "color": "#000000"
+      },
+      {
+        "name": "on-dark",
+        "color": "#ffffff"
+      },
+      {
+        "name": "primary",
+        "color": "#E50000"
+      },
+      {
+        "name": "on-primary",
+        "color": "#ffffff"
+      },
+      {
+        "name": "primary-dark",
+        "color": "#5227CC"
+      },
+      {
+        "name": "on-primary-dark",
+        "color": "#ffffff"
+      },
+      {
+        "name": "secondary-light",
+        "color": "#EBE5FC"
+      },
+      {
+        "name": "on-secondary-light",
+        "color": "#000000"
+      },
+      {
+        "name": "secondary",
+        "color": "#6C757D"
+      },
+      {
+        "name": "on-secondary",
+        "color": "#ffffff"
+      },
+      {
+        "name": "secondary-dark",
+        "color": "#54595E"
+      },
+      {
+        "name": "on-secondary-dark",
+        "color": "#ffffff"
+      },
+      {
+        "name": "secondary-light",
+        "color": "#ABB5BE"
+      },
+      {
+        "name": "on-secondary-light",
+        "color": "#000000"
+      },
+      {
+        "name": "shade",
+        "color": "#6C757D"
+      }
+    ]
+  },
+  "spacer": {
+    "spacer": {
+      "tiny": {
+        "size": 16
+      },
+      "small": {
+        "size": 24
+      },
+      "medium": {
+        "size": 28,
+        "media": {
+          "up": {
+            "landscape": 32
+          }
+        }
+      },
+      "large": {
+        "size": 36,
+        "media": {
+          "up": {
+            "landscape": 48
+          }
+        }
+      },
+      "extra-large": {
+        "size": 50,
+        "media": {
+          "up": {
+            "landscape": 64
+          }
+        }
+      }
+    }
+  },
+  "grid": {
+    "containers": {
+      "print": {
+        "padding": 32
+      },
+      "phone": {
+        "padding": 16
+      },
+      "portrait": {
+        "padding": 16
+      },
+      "landscape": {
+        "padding": 16,
+        "max-width": 1280
+      },
+      "desktop": {
+        "padding": 16,
+        "max-width": 1280
+      }
+    },
+    "breakpoints": {
+      "print": 0,
+      "phone": 0,
+      "portrait": 768,
+      "landscape": 1024,
+      "desktop": 1440
+    },
+    "gutter": {
+      "print": {
+        "columns": 12,
+        "column-gap": 16
+      },
+      "phone": {
+        "columns": 12,
+        "column-gap": 16
+      },
+      "portrait": {
+        "columns": 12,
+        "column-gap": 16
+      },
+      "landscape": {
+        "columns": 12,
+        "column-gap": 16
+      },
+      "desktop": {
+        "columns": 12,
+        "column-gap": 16
+      }
+    }
+  }
+}

package/dev/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "standard-ld",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": ">=22.14.0",
+    "npm": ">=10.9.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "nswow build",
+    "build-type-check": "run-p type-check \"build {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --fix",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "axios": "^1.8.4",
+    "exceljs": "^4.4.0",
+    "file-saver": "^2.0.5",
+    "highcharts": "^11.4.8",
+    "node-html-parser": "^7.0.1",
+    "pinia": "^2.3.1",
+    "scrollmonitor": "^1.2.11",
+    "standard-scss": "github:mms-neidhartschoen/nsfd_standard-scss",
+    "vite-plugin-pwa": "^0.21.2",
+    "vue": "^3.5.13",
+    "vue-i18n": "^11.0.1",
+    "vue-router": "^4.5.0",
+    "xlsx": "^0.18.5",
+    "@simple-reporting/base": "^0.0.1"
+  },
+  "devDependencies": {
+    "@simple-reporting/base": "^0.1.111",
+    "@kne/color-palette": "^0.1.0",
+    "@rushstack/eslint-patch": "^1.11.0",
+    "@tsconfig/node22": "^22.0.0",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^22.10.2",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitest/eslint-plugin": "1.1.20",
+    "@vue/eslint-config-prettier": "^10.1.0",
+    "@vue/eslint-config-typescript": "^14.2.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.7.0",
+    "eslint": "^9.17.0",
+    "eslint-plugin-vue": "^9.32.0",
+    "jsdom": "^25.0.1",
+    "npm-run-all2": "^7.0.2",
+    "prettier": "^3.4.2",
+    "sass": "^1.83.0",
+    "typescript": "~5.6.3",
+    "vite": "^6.0.6",
+    "vite-plugin-vue-devtools": "^7.6.8",
+    "vitest": "^2.1.8",
+    "vue-tsc": "^2.2.0"
+  }
+}

package/dev/pdf/pdf-configuration-debug.xml

@@ -0,0 +1,6 @@
+<configuration xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
+    <appendLog>true</appendLog>
+    <inspectableSettings>
+        <enabled>true</enabled>
+    </inspectableSettings>
+</configuration>

package/dev/pdf/pdf-configuration.xml

@@ -0,0 +1,3 @@
+<configuration xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
+    <appendLog>false</appendLog>
+</configuration>

package/dev/pdf.ts

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

package/dev/src/App.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import PageHeader from '@/components/PageHeader.vue'
+import PageFooter from '@/components/PageFooter.vue'
+import MainNavigation from '@/components/MainNavigation.vue'
+import { watch } from 'vue'
+import { useRoute } from 'vue-router'
+import { useI18n } from 'vue-i18n'
+import { ArrayToString } from '@/utils/variables'
+import PageModal from '@/components/PageModal.vue'
+
+const route = useRoute()
+const { locale } = useI18n()
+const modal = ref()
+
+async function modalContent(html: string) {
+  await modal.value.setContent(html)
+}
+
+defineExpose({
+  modalContent
+})
+
+watch(route, () => {
+  const paramLocale = ArrayToString(route.params.locale)
+  if (paramLocale !== locale.value) {
+    locale.value = paramLocale
+  }
+})
+</script>
+
+<template>
+  <PageHeader />
+  <suspense>
+    <MainNavigation />
+  </suspense>
+  <suspense>
+    <RouterView />
+  </suspense>
+  <suspense>
+    <PageFooter />
+  </suspense>
+  <PageModal ref="modal" />
+</template>

package/dev/src/Autoload.ts

@@ -0,0 +1,6 @@
+import ArticleAutoloader from 'nswow/ArticleAutoloader'
+
+const ClassAutoLoader = new ArticleAutoloader()
+
+export default ClassAutoLoader
+export { ClassAutoLoader }