@simple-reporting/base 1.0.13 → 1.0.14

package/dev/package.json

@@ -19,9 +19,9 @@
     "postinstall": "srl prepare"
   },
   "dependencies": {
-    "@simple-reporting/base": "^1.0.13",
-    "axios": "^1.9.0",
-    "chalk": "^5.4.1",
+    "@simple-reporting/base": "^1.0.14",
+    "axios": "^1.12.2",
+    "chalk": "^5.6.2",
     "exceljs": "^4.4.0",
     "file-saver": "^2.0.5",
     "highcharts": "^11.4.8",
@@ -32,33 +32,33 @@
     "standard-scss": "github:mms-neidhartschoen/nsfd_standard-scss",
     "vite-plugin-pwa": "^0.21.2",
     "vue": "^3.5.13",
-    "vue-i18n": "^11.1.5",
+    "vue-i18n": "^11.1.12",
     "vue-router": "^4.5.1",
     "vue3-runtime-template": "^1.0.2",
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@kne/color-palette": "^0.1.0",
-    "@rushstack/eslint-patch": "^1.11.0",
+    "@rushstack/eslint-patch": "^1.12.0",
     "@tsconfig/node22": "^22.0.2",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^22.15.29",
+    "@types/node": "^22.18.4",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vitest/eslint-plugin": "1.1.20",
     "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.5.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
-    "eslint": "^9.28.0",
+    "eslint": "^9.35.0",
     "eslint-plugin-vue": "^9.33.0",
     "jsdom": "^25.0.1",
     "npm-run-all2": "^7.0.2",
-    "prettier": "^3.5.3",
-    "sass": "^1.89.1",
+    "prettier": "^3.6.2",
+    "sass": "^1.92.1",
     "typescript": "~5.6.3",
-    "vite": "^6.3.5",
-    "vite-plugin-vue-devtools": "^7.7.6",
-    "vitest": "^2.1.9",
-    "vue-tsc": "^2.2.10"
+    "vite": "^6.3.6",
+    "vite-plugin-vue-devtools": "^7.7.7",
+    "vitest": "^3.2.4",
+    "vue-tsc": "^2.2.12"
   }
 }

package/dev/src/assets/scss/editor.scss

@@ -1,5 +1,6 @@
 @use 'srl';
 @use 'web';
+@use "placeholders";
 
 $editor-color-srl: srl.colors-shade-200();
 $editor-background-color-srl: srl.colors-primary-1000();
@@ -37,4 +38,48 @@ span.ns-key-figure {
 // Set width of placeholder image to 100%
 img[src^="data:image/svg+xml"] {
   width: 100%
+}
+
+.srl-editor-component {
+  @include srl.spacer-padding-block(200);
+  @extend %srl-grid-base;
+
+  &.srl-pdf-pagebreak,
+  &.srl-anchor {
+    border-top: 1px solid #{srl.colors-primary-1000()};
+    border-bottom: 1px solid #{srl.colors-primary-1000()};
+  }
+
+  &.srl-pdf-publication-title,
+  &.srl-pdf-chapter-title {
+    border-bottom: 1px solid #{srl.colors-primary-1000()};
+  }
+
+  .doc-editable.doc-no-placeholder:before {
+    display: none !important;
+  }
+}
+
+.srl-editor-component__text {
+  @extend %srl-regular-width;
+  display: flex;
+  flex-direction: column;
+
+  &:after {
+    order: -1;
+    display: block;
+    @include srl.typography-editor-label-text();
+
+    .srl-anchor & {
+      content: "Anchor:";
+    }
+
+    .srl-pdf-publication-title & {
+      content: "PDF publication title:"
+    }
+
+    .srl-pdf-chapter-title & {
+      content: "PDF chapter title:"
+    }
+  }
 }

package/dev/src/assets/scss/general.scss

@@ -13,6 +13,7 @@ body {
 */
 img {
   max-width: 100%;
+  width: 100%;
   height: auto;
   display: block;
 }

package/dev/tsconfig.json

@@ -5,7 +5,7 @@
       "path": "./tsconfig.node.json"
     },
     {
-      "path": "./tsconfig.app.json"
+      "path": "./.srl/tsconfig.srl.json"
     },
     {
       "path": "./tsconfig.vitest.json"

package/dev/vite.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import VueDevTools from 'vite-plugin-vue-devtools'
-import viteSrlPlugin from './.srl/plugins/viteSrlPlugin.ts'
+import viteSrlPlugin from '@simple-reporting/base/plugins/viteSrlPlugin.js'
 import { fileURLToPath, URL } from 'node:url'
 
 // https://vitejs.dev/config/

package/livingdocs/040.Media/030.video/ld-conf.json

@@ -3,7 +3,7 @@
   "label": "Video",
   "properties": ["width-all", "pdf-spacer"],
   "directives": {
-    "background": {
+    "video-thumbnail": {
       "imageRatios": ["16:9"],
       "allowOriginalRatio": false
     },

package/livingdocs/100.Misc/010.anchor/anchor.html

@@ -1,11 +1,8 @@
-<p class="srl-anchor" data-is-anchor="true">
-  <span class="srl-anchor__editor-text" data-remove-from-pdf="complete">
-    Anchor:
-  </span>
-  <span class="srl-anchor__text" doc-editable="anchor-text">
+<p class="srl-anchor srl-editor-component" data-is-anchor="true">
+  <span class="srl-anchor__text srl-editor-component__text" doc-editable="anchor-text">
     Must start with a letter (A–Z or a–z); a number is not allowed. After the
     first letter, any combination of letters (a–z, A–Z), digits (0–9), hyphens
     (-), underscores (_), colons (:), and periods (.) is allowed. The ID must be
     unique and is case-sensitive.
   </span>
-</p>
+</p>

package/livingdocs/100.Misc/010.anchor/scss/editor.scss

@@ -2,18 +2,7 @@
 @use 'web';
 @use 'assets/scss/placeholders';
 
-.srl-anchor {
-  border-top: 1px solid #{srl.colors-secondary-1000()};
-  border-bottom: 1px solid #{srl.colors-secondary-1000()};
-  @include srl.spacer-padding-block(200);
-  @extend %srl-grid-base;
-}
-
-.srl-anchor__editor-text {
-  @extend %srl-regular-width;
-}
-
 .srl-anchor__text {
   @extend %srl-regular-width;
   @include srl.typography-pdf-header()
-}
+}

package/livingdocs/110.PDF/010.pdf-pagebreak/pdf-pagebreak.html

@@ -1,5 +1,5 @@
-<div class="srl-pdf-pagebreak" data-remove-from-web="complete">
-  <span class="srl-pdf-pagebreak__editor-text" data-remove-from-pdf="complete">
+<div class="srl-pdf-pagebreak srl-editor-component" data-remove-from-web="complete">
+  <span class="srl-pdf-pagebreak__editor-text srl-editor-component__text" data-remove-from-pdf="complete">
     PDF page break
   </span>
 </div>

package/livingdocs/110.PDF/010.pdf-pagebreak/scss/editor.scss

@@ -3,18 +3,10 @@
 @use 'assets/scss/placeholders';
 
 .srl-pdf-pagebreak {
-  border-top: 1px solid #{srl.colors-secondary-1000()};
-  border-bottom: 1px solid #{srl.colors-secondary-1000()};
   text-align: center;
-  @include srl.spacer-padding-block(200);
-  @extend %srl-grid-base;
 }
 
 .srl-pdf-pagebreak__editor-text {
   @include srl.typography-editor-label-text();
   @extend %srl-regular-width;
-}
-
-.srl-pdf-pagebreak__text {
-  @extend %srl-regular-width;
 }

package/livingdocs/110.PDF/030.pdf-publication-title/pdf-publication-title.html

@@ -1,11 +1,8 @@
 <p
-  class="srl-pdf-publication-title"
+  class="srl-pdf-publication-title srl-editor-component"
   data-remove-from-web="complete"
 >
-  <span class="srl-pdf-publication-title__editor-text" data-remove-from-pdf="complete">
-    PDF publication title:
-  </span>
-  <span class="srl-pdf-publication-title__text" doc-editable="pdf-publication-titletext">
+  <span class="srl-pdf-publication-title__text srl-editor-component__text" doc-editable="pdf-publication-titletext">
     Publication title
   </span>
 </p>

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

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

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

@@ -1,11 +1,8 @@
 <p
-  class="srl-pdf-chapter-title"
+  class="srl-pdf-chapter-title srl-editor-component"
   data-remove-from-web="complete"
 >
-  <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">
+  <span class="srl-pdf-chapter-title__text srl-editor-component__text" doc-editable="pdf-chapter-title-text">
     Chapter title
   </span>
 </p>

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

@@ -8,11 +8,6 @@
   @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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-reporting/base",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Manage srl templates, build and publish",
   "bin": {
     "srl": "cli.js"
@@ -19,16 +19,16 @@
   "dependencies": {
     "@kne/color-palette": "^0.1.0",
     "archiver": "^7.0.1",
-    "chalk": "^5.4.1",
+    "chalk": "^5.6.2",
     "colors": "^1.4.0",
     "commander": "^11.1.0",
     "enquirer": "^2.4.1",
     "fs": "^0.0.1-security",
-    "fs-extra": "^11.2.0",
+    "fs-extra": "^11.3.2",
     "glob": "^10.4.5",
     "modern-css-reset": "^1.4.0",
     "node-html-parser": "^7.0.1",
-    "vite": "^5.4.11",
+    "vite": "^6.3.6",
     "write-json": "^3.0.1"
   },
   "keywords": [
@@ -41,8 +41,8 @@
   "author": "Michael Dörer",
   "license": "ISC",
   "devDependencies": {
-    "jest": "^30.0.2",
-    "prettier": "^3.4.2",
-    "typescript": "^5.7.2"
+    "jest": "^30.1.3",
+    "prettier": "^3.6.2",
+    "typescript": "^5.9.2"
   }
 }

package/plugins/viteSrlPlugin.js

@@ -0,0 +1,270 @@
+import { fileURLToPath, URL } from 'node:url';
+import { existsSync, readFileSync, writeFileSync, readdirSync, statSync } from 'node:fs';
+import { join, relative } from 'node:path/posix';
+import { execSync } from 'node:child_process';
+import folders from '../scripts/folders.js';
+import { beaver } from '../scripts/beaver.js';
+import { packageName } from '../scripts/config.js';
+import prepare from '../scripts/prepare.js';
+import { updatePackageJson, updateLivingDocsJson, updateNsWowJson } from '../scripts/utils.js';
+import {
+  map,
+  mapLdd,
+  mapJs,
+  mapScss,
+} from '../scripts/build.js';
+import chalk from 'chalk';
+
+
+/**
+ * Output prompts message in a box
+ */
+const msgBoxLength = 60;
+function centerText(text) {
+  const padding = Math.max(0, (msgBoxLength - text.length) / 2);
+  return (
+    ' '.repeat(Math.floor(padding)) + text + ' '.repeat(Math.ceil(padding))
+  );
+}
+function printPromptsMessage(messages) {
+  console.log('');
+  console.log(chalk.bgWhiteBright(centerText('')));
+  messages.forEach(m => {
+    console.log(chalk.bgWhiteBright.black.bold(centerText(m)));
+  })
+  console.log(chalk.bgWhiteBright(centerText('')));
+  console.log('');
+}
+
+
+const data = {
+  version: null,
+  components:{}
+};
+const srlConfig = readConfigJson();
+
+function readConfigJson() {
+  const configPath = join(folders.srlRoot, 'config.json');
+  if (existsSync(configPath)) {
+    const content = readFileSync(configPath, 'utf-8');
+    return JSON.parse(content);
+  }
+  return null;
+}
+
+function writeConfigJson(config) {
+  const configPath = join(folders.srlRoot, 'config.json');
+  writeFileSync(configPath, JSON.stringify(config, null, 2), 'utf-8');
+}
+
+function isVersionGreater(v1, v2) {
+  const a = v1.split('.').map(Number);
+  const b = v2.split('.').map(Number);
+  if (a[0] > b[0]) return false;
+  if (a[1] > b[1]) return false;
+  return a[2] > b[2];
+}
+
+function getPackageVersion() {
+  try {
+    const pkgPath = join(folders.packagePath, 'package.json');
+    const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+    return pkg.version || null;
+  } catch (e) {
+    return null;
+  }
+}
+
+function checkForUpdates() {
+  try {
+    if (!data.version) return;
+
+    const tag = `v${data.version.split('.')[0]}-lts`;
+
+    const latest = execSync(`npm view ${packageName}@${tag} version`)
+      .toString()
+      .trim();
+
+    if (isVersionGreater(latest, data.version)) {
+      printPromptsMessage([
+        'Attention !!!',
+        `New ${packageName} version available.`,
+        `Update: ${data.version} => ${latest}`,
+        `Run: npm update -S ${packageName}`,
+      ])
+    }
+  } catch (e) {}
+}
+
+function findVueFilesInSrl() {
+  const componentsPath = join(folders.srlSrc, 'components');
+  const baseDir = join(componentsPath, 'Srl');
+  const result = {};
+
+  function search(dir) {
+    for (const entry of readdirSync(dir)) {
+      const fullPath = join(dir, entry);
+      if (statSync(fullPath).isDirectory()) {
+        search(fullPath);
+      } else if (entry.endsWith('.vue')) {
+        const path = relative(componentsPath, fullPath);
+        const name = path.slice(0, -4)
+          .replaceAll('/', '')
+          .replaceAll('\\', '');
+
+        result[name] = `@/components/${path}`;
+      }
+    }
+  }
+
+  if (existsSync(baseDir) && statSync(baseDir).isDirectory()) {
+    search(baseDir);
+  }
+
+  return result;
+}
+
+async function startActions() {
+  data.version = getPackageVersion();
+  checkForUpdates();
+  data.components = findVueFilesInSrl();
+  if (!srlConfig || JSON.stringify(srlConfig) !== JSON.stringify(data)) {
+    writeConfigJson(data);
+  }
+  if (srlConfig && srlConfig.version !== data.version) {
+    await prepare();
+    printPromptsMessage([
+      'Srl version changed',
+      'Trigger srl prepare',
+    ]);
+  }
+
+  await beaver(0);
+  await map();
+  await mapJs();
+}
+
+
+/**
+ * Timer to trigger live reload actions
+ */
+let timer = null;
+function triggerAction(callback) {
+  !timer || clearTimeout(timer);
+  timer = setTimeout(async () => {
+    await callback();
+  }, 200);
+}
+
+export default function viteSrlPlugin() {
+  return {
+    name: 'vite-srl-plugin',
+    config(config) {
+
+      startActions();
+
+      config.base = './';
+
+      config.resolve = config.resolve || {};
+      config.resolve.alias = config.resolve.alias || {};
+      config.resolve.alias['~'] = folders.root;
+      config.resolve.alias['@'] = folders.srlSrc;
+      config.resolve.alias['#components'] = folders.srlComponents;
+      config.resolve.alias['#composables'] = folders.srlComposables;
+      config.resolve.alias['#plugins'] = folders.srlPlugins;
+      config.resolve.alias['#types'] = folders.srlTypes;
+      config.resolve.alias['#utils'] = folders.srlUtils;
+      config.resolve.alias['#imports'] = folders.srlImports;
+      config.resolve.alias['#ld'] = folders.ld;
+      config.resolve.alias['assets'] = folders.srlAssets;
+      config.resolve.alias['srl'] = folders.srlSystem;
+      config.resolve.alias['vue'] = 'vue/dist/vue.esm-bundler.js';
+    },
+    async configureServer(server) {
+      const fontPath = join(folders.srlAssets, 'fonts');
+
+      server.watcher.on('change', async (path) => {
+        if (path.endsWith('/package.json')) {
+          await updatePackageJson();
+        }
+        if (path.endsWith('/livingdocs.config.json')) {
+          await updateLivingDocsJson();
+        }
+        if (path.endsWith('/srl.config.json')) {
+          await updateNsWowJson();
+          triggerAction(beaver);
+        }
+      });
+
+      server.watcher.on('add', (path) => {
+        if (
+          path.endsWith('/general.scss') ||
+          path.endsWith('/app.scss') ||
+          path.endsWith('/ldd.scss') ||
+          path.endsWith('/editor.scss') ||
+          path.endsWith('/pdf.scss') ||
+          path.endsWith('/word.scss') ||
+          path.endsWith('/xbrl.scss') ||
+          (
+            path.startsWith(fontPath) &&
+            path.endsWith('.scss')
+          )
+        ) {
+          triggerAction(mapScss);
+        }
+
+        if (
+          path.includes('livingdocs') &&
+          (path.endsWith('/app.js') || path.endsWith('/app.ts'))
+        ) {
+          triggerAction(mapJs);
+        }
+
+        if (
+          path.includes('livingdocs') &&
+          (path.endsWith('/properties.json') ||
+            path.endsWith('/properties.ts') ||
+            path.endsWith('/properties.js') ||
+            path.endsWith('.vue'))
+        ) {
+          triggerAction(mapLdd);
+        }
+      });
+
+      server.watcher.on('unlink', (path) => {
+        if (
+          path.endsWith('/general.scss') ||
+          path.endsWith('/app.scss') ||
+          path.endsWith('/ldd.scss') ||
+          path.endsWith('/editor.scss') ||
+          path.endsWith('/pdf.scss') ||
+          path.endsWith('/word.scss') ||
+          path.endsWith('/xbrl.scss')||
+          (
+            path.startsWith(fontPath) &&
+            path.endsWith('.scss')
+          )
+        ) {
+          triggerAction(mapScss);
+        }
+
+        if (
+          path.includes('livingdocs') &&
+          (path.endsWith('/app.js') || path.endsWith('/app.ts'))
+        ) {
+          triggerAction(mapJs);
+        }
+
+        if (
+          path.includes('livingdocs') &&
+          (path.endsWith('/properties.json') ||
+            path.endsWith('/properties.ts') ||
+            path.endsWith('/properties.js') ||
+            path.endsWith('.vue'))
+        ) {
+          triggerAction(mapLdd);
+        }
+      });
+    },
+  };
+}

package/scripts/prepare.d.ts

@@ -1,2 +1,2 @@
 export default prepare;
-declare function prepare(): void;
+declare function prepare(): Promise<void>;

package/scripts/prepare.js

@@ -1,66 +1,11 @@
 import folders from './folders.js';
 import fs from 'fs';
-import path from 'path/posix';
 
-const tsConfigIncludes = [
-  '.srl/**/*',
-  '.srl/**/*.d.ts',
-  '.srl/**/*.vue',
-  'livingdocs/**/*',
-  'livingdocs/**/*.vue',
-];
-
-const tsConfigPaths = {
-  '@/*': ['./src/*'],
-  '~/*': ['./*'],
-  '#srl': ['./.srl'],
-  '#srl/*': ['./.srl/*'],
-  '#components': ['./.srl/components'],
-  '#components/*': ['./.srl/components/*'],
-  '#composables': ['./.srl/composables'],
-  '#composables/*': ['./.srl/composables/*'],
-  '#utils': ['./.srl/utils'],
-  '#utils/*': ['./.srl/utils/*'],
-  '#plugins': ['./.srl/plugins'],
-  '#plugins/*': ['./.srl/plugins/*'],
-  '#types': ['./.srl/types'],
-  '#types/*': ['./.srl/types/*'],
-  '#imports': ['./.srl/imports'],
-  '#imports/*': ['./.srl/imports/*'],
-  '#ld': ['./livingdocs'],
-  '#ld/*': ['./livingdocs/*'],
-  assets: ['./src/assets'],
-  'assets/*': ['./src/assets/*'],
-  srl: ['./.srl/srl'],
-  'srl/*': ['./.srl/srl/*'],
-};
-
-function prepare() {
+async function prepare() {
   if (fs.existsSync(folders.srlRoot)) {
-    fs.rmSync(folders.srlRoot, { recursive: true, force: true });
-  }
-  fs.cpSync(folders.packageSrl, folders.srlRoot, { recursive: true });
-
-  const tsConfigPath = path.join(folders.root, 'tsconfig.app.json');
-  if (fs.existsSync(tsConfigPath)) {
-    const tsConfig = JSON.parse(fs.readFileSync(tsConfigPath, 'utf-8'));
-
-    const mergedIncludes = [
-      ...(tsConfig.include || []),
-      ...tsConfigIncludes.filter((i) => !(tsConfig.include || []).includes(i)),
-    ];
-    tsConfig.include = tsConfig.include || [];
-    tsConfig.include = mergedIncludes;
-
-    const mergedPaths = {
-      ...(tsConfig.compilerOptions?.paths || {}),
-      ...tsConfigPaths,
-    };
-    tsConfig.compilerOptions = tsConfig.compilerOptions || {};
-    tsConfig.compilerOptions.paths = mergedPaths;
-
-    fs.writeFileSync(tsConfigPath, JSON.stringify(tsConfig, null, 2));
+    await fs.rmSync(folders.srlRoot, { recursive: true, force: true });
   }
+  await fs.cpSync(folders.packageSrl, folders.srlRoot, { recursive: true });
 }
 
 export default prepare;

package/srl/tsconfig.srl.json

@@ -0,0 +1,89 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": [
+    "../env.d.ts",
+    "../src/**/*",
+    "../src/**/*.vue",
+    "./**/*",
+    "./**/*.vue",
+    "../livingdocs/**/*",
+    "../livingdocs/**/*.vue",
+    "./**/*.d.ts"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "../node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "../src/*"
+      ],
+      "~/*": [
+        "../*"
+      ],
+      "#srl": [
+        "./"
+      ],
+      "#srl/*": [
+        "./*"
+      ],
+      "#components": [
+        "./components"
+      ],
+      "#components/*": [
+        "./components/*"
+      ],
+      "#composables": [
+        "./composables"
+      ],
+      "#composables/*": [
+        "./composables/*"
+      ],
+      "#utils": [
+        "./utils"
+      ],
+      "#utils/*": [
+        "./utils/*"
+      ],
+      "#plugins": [
+        "./plugins"
+      ],
+      "#plugins/*": [
+        "./plugins/*"
+      ],
+      "#types": [
+        "./types"
+      ],
+      "#types/*": [
+        "./types/*"
+      ],
+      "#imports": [
+        "./imports"
+      ],
+      "#imports/*": [
+        "./imports/*"
+      ],
+      "#ld": [
+        "../livingdocs"
+      ],
+      "#ld/*": [
+        "../livingdocs/*"
+      ],
+      "assets": [
+        "../src/assets"
+      ],
+      "assets/*": [
+        "../src/assets/*"
+      ],
+      "srl": [
+        "./srl"
+      ],
+      "srl/*": [
+        "./srl/*"
+      ]
+    }
+  }
+}

package/srl/types/components.d.ts

@@ -10,6 +10,9 @@ interface _GlobalComponents {
   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'];
+  SrlNoteAccordion: (typeof import('../components/Srl/Note/Accordion.vue'))['default'];
+  SrlNoteAccordionToggle: (typeof import('../components/Srl/Note/Accordion/Toggle.vue'))['default'];
+  SrlNoteAccordionContent: (typeof import('../components/Srl/Note/Accordion/Content.vue'))['default'];
 }
 
 declare module '@vue/runtime-core' {

package/srl/plugins/viteSrlPlugin.ts

@@ -1,224 +0,0 @@
-import { type Plugin } from 'vite';
-import { fileURLToPath, URL } from 'node:url';
-import { readFileSync } from 'node:fs';
-import { join } from 'node:path/posix';
-import { execSync } from 'node:child_process';
-import folders from '@simple-reporting/base/scripts/folders.js';
-import { beaver } from '@simple-reporting/base/scripts/beaver.js';
-import { packageName } from '@simple-reporting/base/scripts/config';
-import { updatePackageJson, updateLivingDocsJson, updateNsWowJson } from '@simple-reporting/base/scripts/utils';
-import {
-  map,
-  mapLdd,
-  mapJs,
-  mapScss,
-} from '@simple-reporting/base/scripts/build.js';
-import chalk from 'chalk';
-
-const msgBoxLength = 60;
-
-function centerText(text: string): string {
-  const padding = Math.max(0, (msgBoxLength - text.length) / 2);
-  return (
-    ' '.repeat(Math.floor(padding)) + text + ' '.repeat(Math.ceil(padding))
-  );
-}
-
-function isVersionGreater(v1, v2) {
-  const a = v1.split('.').map(Number);
-  const b = v2.split('.').map(Number);
-  for (let i = 0; i < 3; i++) {
-    if (a[i] > b[i]) return true;
-    if (a[i] < b[i]) return false;
-  }
-  return false; // gleich
-}
-
-function checkSrlVersion() {
-  try {
-    const pkgPath = join(folders.packagePath, 'package.json');
-    const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
-    const current = pkg.version;
-    if (!current) return;
-
-    const tag = `v${current.split('.')[0]}-lts`;
-
-    const latest = execSync(`npm view ${packageName}@${tag} version`)
-      .toString()
-      .trim();
-
-    if (isVersionGreater(latest, current)) {
-      console.log('');
-      console.log(chalk.bgWhiteBright(centerText('')));
-      console.log(
-        chalk.bgWhiteBright.redBright.bold(centerText('Attention !!!')),
-      );
-      console.log(
-        chalk.bgWhiteBright.black.bold(
-          centerText(`New ${packageName} version available.`),
-        ),
-      );
-      console.log(
-        chalk.bgWhiteBright.black.bold(
-          centerText(`Update: ${current} => ${latest}`),
-        ),
-      );
-      console.log(
-        chalk.bgWhiteBright.black.bold(
-          centerText(`Run: npm update -S ${packageName}`),
-        ),
-      );
-      console.log(chalk.bgWhiteBright(centerText('')));
-      console.log('');
-    }
-  } catch (e) {}
-}
-
-let timer: NodeJS.Timeout | null = null;
-
-function triggerAction(callback) {
-  !timer || clearTimeout(timer);
-  timer = setTimeout(async () => {
-    await callback();
-  }, 200);
-}
-
-async function startActions() {
-  checkSrlVersion();
-  await beaver(0);
-  await map();
-  await mapJs();
-}
-
-export default function viteSrlPlugin(): Plugin {
-  return {
-    name: 'vite-srl-plugin',
-    config(config) {
-      startActions();
-
-      config.base = './';
-
-      config.resolve = config.resolve || {};
-      config.resolve.alias['~'] = fileURLToPath(
-        new URL('../..', import.meta.url),
-      );
-      config.resolve.alias['@'] = fileURLToPath(
-        new URL('../../src', import.meta.url),
-      );
-      config.resolve.alias['#components'] = fileURLToPath(
-        new URL('../components', import.meta.url),
-      );
-      config.resolve.alias['#composables'] = fileURLToPath(
-        new URL('../composables', import.meta.url),
-      );
-      config.resolve.alias['#plugins'] = fileURLToPath(
-        new URL('../plugins', import.meta.url),
-      );
-      config.resolve.alias['#types'] = fileURLToPath(
-        new URL('../types', import.meta.url),
-      );
-      config.resolve.alias['#utils'] = fileURLToPath(
-        new URL('../utils', import.meta.url),
-      );
-      config.resolve.alias['#imports'] = fileURLToPath(
-        new URL('../imports', import.meta.url),
-      );
-      config.resolve.alias['#ld'] = fileURLToPath(
-        new URL('../../livingdocs', import.meta.url),
-      );
-      config.resolve.alias['assets'] = fileURLToPath(
-        new URL('../../src/assets', import.meta.url),
-      );
-      config.resolve.alias['srl'] = fileURLToPath(
-        new URL('../srl', import.meta.url),
-      );
-      config.resolve.alias['vue'] = 'vue/dist/vue.esm-bundler.js';
-    },
-    configureServer(server) {
-      const fontPath = join(folders.srlAssets, 'fonts');
-
-      server.watcher.on('change', async (path) => {
-        if (path.endsWith('/package.json')) {
-          await updatePackageJson();
-        }
-        if (path.endsWith('/livingdocs.config.json')) {
-          await updateLivingDocsJson();
-        }
-        if (path.endsWith('/srl.config.json')) {
-          await updateNsWowJson();
-          triggerAction(beaver);
-        }
-      });
-
-      server.watcher.on('add', (path) => {
-        if (
-          path.endsWith('/general.scss') ||
-          path.endsWith('/app.scss') ||
-          path.endsWith('/ldd.scss') ||
-          path.endsWith('/editor.scss') ||
-          path.endsWith('/pdf.scss') ||
-          path.endsWith('/word.scss') ||
-          path.endsWith('/xbrl.scss') ||
-          (
-            path.startsWith(fontPath) &&
-            path.endsWith('.scss')
-          )
-        ) {
-          triggerAction(mapScss);
-        }
-
-        if (
-          path.includes('livingdocs') &&
-          (path.endsWith('/app.js') || path.endsWith('/app.ts'))
-        ) {
-          triggerAction(mapJs);
-        }
-
-        if (
-          path.includes('livingdocs') &&
-          (path.endsWith('/properties.json') ||
-            path.endsWith('/properties.ts') ||
-            path.endsWith('/properties.js') ||
-            path.endsWith('.vue'))
-        ) {
-          triggerAction(mapLdd);
-        }
-      });
-
-      server.watcher.on('unlink', (path) => {
-        if (
-          path.endsWith('/general.scss') ||
-          path.endsWith('/app.scss') ||
-          path.endsWith('/ldd.scss') ||
-          path.endsWith('/editor.scss') ||
-          path.endsWith('/pdf.scss') ||
-          path.endsWith('/word.scss') ||
-          path.endsWith('/xbrl.scss')||
-          (
-            path.startsWith(fontPath) &&
-            path.endsWith('.scss')
-          )
-        ) {
-          triggerAction(mapScss);
-        }
-
-        if (
-          path.includes('livingdocs') &&
-          (path.endsWith('/app.js') || path.endsWith('/app.ts'))
-        ) {
-          triggerAction(mapJs);
-        }
-
-        if (
-          path.includes('livingdocs') &&
-          (path.endsWith('/properties.json') ||
-            path.endsWith('/properties.ts') ||
-            path.endsWith('/properties.js') ||
-            path.endsWith('.vue'))
-        ) {
-          triggerAction(mapLdd);
-        }
-      });
-    },
-  };
-}