@simple-reporting/base 1.0.16 → 1.0.18

package/livingdocs/060.Buttons/020.button/ld-conf.json

@@ -0,0 +1,15 @@
+{
+  "name": "button",
+  "label": "Button",
+  "properties": [
+    "icon"
+  ],
+  "allowedParents": [
+    "button-container"
+  ],
+  "directives": {
+    "button-text": {
+      "plainText": true
+    }
+  }
+}

package/livingdocs/060.Buttons/020.button/scss/app.scss

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

package/livingdocs/060.Buttons/020.button/scss/editor.scss

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

package/livingdocs/060.Buttons/020.button/scss/general.scss

@@ -0,0 +1,89 @@
+@use "srl";
+@use "assets/scss/placeholders";
+
+.srl-button {
+  display: flex;
+  gap: srl.spacer-get(100);
+  align-items: center;
+  padding: srl.spacer-get(200);
+  background-color: srl.colors-white-1000();
+  border: 1px solid srl.colors-primary-1000();
+  text-decoration: none;
+  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
+  border-radius: srl.system-size-unit(24);
+  cursor: pointer;
+  @include srl.typography-button-text();
+
+  @media (prefers-reduced-motion: reduce) {
+    transition-duration: 0s;
+  }
+
+  &.srl-has-icon,
+  [class*="-after"] &,
+  .srl-header__meta-navigation &,
+  &[class*="-before"],
+  &[class*="-after"] {
+    padding:  srl.system-size-unit(11) srl.spacer-get(200);
+  }
+
+ [class*="-after"] &,
+  &[class*="-after"] {
+    flex-direction: row-reverse;
+  }
+
+  &[aria-expanded="true"] {
+    border-bottom: none;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  &:hover {
+      background-color: srl.colors-primary-1000();
+    //border-color: srl.colors-white-1000();
+    color: srl.colors-white-1000();
+
+    &[aria-expanded="true"] {
+      border-color: srl.colors-primary-1000();
+    }
+
+    .srl-bg-primary-1000 & {
+      border-color: srl.colors-secondary-1000();
+      background-color: srl.colors-secondary-1000();
+    }
+  }
+
+  &:focus {
+    background-color: srl.colors-primary-1000();
+    border-color: srl.colors-primary-1000();
+    color: srl.colors-white-1000();
+
+    .srl-bg-primary-1000 & {
+      background-color: srl.colors-primary-1000();
+      border-color: srl.colors-primary-1000();
+      color: srl.colors-white-1000();
+    }
+  }
+}
+
+.srl-button__icon {
+  display: none;
+
+  [class*="srl-icon-"][class*="-before"] &,
+  [class*="srl-icon-"][class*="-after"] & {
+    display: block;
+    @extend %srl-icon;
+    @extend %srl-icon-mask;
+  }
+
+  .srl-icon-arrow-left-before & {
+    @extend %srl-icon-arrow-left;
+  }
+
+  .srl-icon-arrow-right-after & {
+    @extend %srl-icon-arrow-right;
+  }
+
+  .srl-icon-download-after & {
+    @extend %srl-icon-download;
+  }
+}

package/livingdocs/060.Buttons/020.button/scss/pdf.scss

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

package/livingdocs/060.Buttons/020.button/scss/web.scss

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

package/livingdocs/060.Buttons/020.button/scss/word.scss

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

package/livingdocs/060.Buttons/020.button/scss/xbrl.scss

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

package/livingdocs/090.Signatures/010.signature-container/scss/general.scss

@@ -1,5 +1,5 @@
 @use 'srl';
 
 .srl-signature {
-  @include srl.spacer-margin-top(300);
+  @include srl.spacer-margin-top(400);
 }

package/livingdocs/090.Signatures/010.signature-container/scss/web.scss

@@ -3,4 +3,5 @@
 .srl-signature__content {
   display: grid;
   grid-template-columns: subgrid;
+  row-gap: srl.spacer-get(400);
 }

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

@@ -2,12 +2,6 @@
 @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__text {
   @extend %srl-regular-width;
 }

package/livingdocs/999.Properties/hide-quote-characters/properties.json

@@ -2,6 +2,6 @@
   "hide-quote-characters": {
     "label": "Hide quote characters before and after",
     "type": "option",
-    "value": "hide-quote-characters"
+    "value": "srl-hide-quote-characters"
   }
 }

package/livingdocs/999.Properties/icon/properties.json

@@ -0,0 +1,19 @@
+{
+  "icon": {
+    "label": "Icon",
+    "type": "select",
+    "options": [
+      {
+        "caption": "None"
+      },
+      {
+        "caption": "Arrow right",
+        "value": "srl-icon-arrow-right-after"
+      },
+      {
+        "caption": "Download",
+        "value": "srl-icon-download-after"
+      }
+    ]
+  }
+}

package/livingdocs/999.Properties/reverse/properties.json

@@ -0,0 +1,7 @@
+{
+  "reverse": {
+    "label": "Reverse",
+    "type": "option",
+    "value": "srl-reverse"
+  }
+}

package/package.json

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

package/plugins/viteSrlPlugin.d.ts

@@ -1,2 +1,6 @@
 import type { Plugin } from 'vite';
-declare function viteSrlPlugin(): Plugin;
+
+declare function viteSrlPlugin(): Plugin;
+
+export default viteSrlPlugin;
+export { viteSrlPlugin };

package/plugins/viteSrlPlugin.js

@@ -125,7 +125,7 @@ function triggerAction(callback) {
   }, 200);
 }
 
-export default function viteSrlPlugin() {
+function viteSrlPlugin() {
   return {
     name: 'vite-srl-plugin',
     config(config) {
@@ -251,3 +251,6 @@ export default function viteSrlPlugin() {
     },
   };
 }
+
+export default viteSrlPlugin;
+export { viteSrlPlugin };

package/scripts/build.d.ts

@@ -5,7 +5,7 @@
  * @param {string} version
  * @return {Promise<void>} A Promise that resolves when the build process is completed or rejects if an error occurs.
  */
-export function build(version: string): Promise<void>;
+export function build(version: string, options: any): Promise<void>;
 /**
  * Builds the project sequentially by executing a series of asynchronous tasks in a specific order.
  * This method is used to build the project in a predetermined sequence.

package/scripts/build.js

@@ -1,4 +1,4 @@
-import { join } from 'node:path/posix';
+import { join, relative } from 'node:path/posix';
 import {
   statSync,
   writeFileSync,
@@ -244,22 +244,6 @@ async function zipLdd() {
   console.log("\n\nCreate zip file for LDD");
   await checkFolders();
 
-  const lddPdfDir = join(folders.srlOutput, 'ldd', 'pdf');
-
-  try {
-    const pdfDir = join(folders.srlOutput, 'pdf');
-    statSync(pdfDir);
-    await cpSync(pdfDir, lddPdfDir, { recursive: true });
-    console.log('PDF folder has been copied to ' + lddPdfDir);
-  } catch (e) {}
-
-  try {
-    const customerDir = join(folders.root, 'pdf', 'customer');
-    statSync(customerDir);
-    await cpSync(customerDir, lddPdfDir, { recursive: true });
-    console.log('Contents of pdf/customer have been copied to ' + lddPdfDir);
-  } catch (e) {}
-
   const archiver = require('archiver');
   const output = createWriteStream(join(outputPath, 'design.zip'));
   const archive = archiver('zip', {
@@ -472,21 +456,6 @@ async function buildLdd(version) {
                 }
               }
             },
-            resolve: {
-              alias: {
-                '~': folders.root,
-                '@': folders.srlSrc,
-                '#components': folders.srlComponents,
-                '#composables': folders.srlComposables,
-                '#plugins': folders.srlPlugins,
-                '#types': folders.srlTypes,
-                '#utils': folders.srlUtils,
-                '#imports': folders.srlImports,
-                '#ldd': folders.packageLd,
-                'assets': folders.srlAssets,
-                'srl': folders.srlSystem,
-              },
-            },
             publicDir: false,
           })
         }
@@ -508,6 +477,137 @@ async function buildLdd(version) {
   }
 }
 
+async function buildPdfCustomer(customer) {
+  const customerDir = join(folders.root, 'pdf', 'customers', customer);
+
+  try {
+    statSync(customerDir);
+  } catch (e) {
+    console.error(`Customer ${customer} does not exist in: ` + customerDir);
+  }
+
+  console.log(`\nBuild PDF for customer ${customer}`);
+
+  const lddPdfDir = join(folders.srlOutput, 'ldd', 'pdf');
+  const lddJson = await readLivingDocsJson();
+
+  try {
+    const pdfDir = join(folders.srlOutput, 'pdf');
+    statSync(pdfDir);
+    await cpSync(pdfDir, lddPdfDir, { recursive: true });
+    console.log(`PDF folder has been copied to ${relative(folders.root, lddPdfDir)}`);
+  } catch (e) {
+    console.error(e)
+  }
+
+  try {
+    statSync(customerDir);
+    const customerTarget = join(lddPdfDir, customer);
+    mkdirSync(customerTarget, { recursive: true });
+    const jsReferences = [
+      'pdf.js'
+    ];
+    const cssReferences = [
+      'pdf.css'
+    ];
+
+    try {
+      const tsPath = join(customerDir, 'custom.ts');
+      statSync(tsPath);
+      const config = {
+        css: {
+          preprocessorOptions: {
+            scss: {
+              api: 'modern-compiler',
+            },
+          },
+        },
+        base: './',
+        build: {
+          outDir: customerTarget,
+          lib: {
+            fileName: 'custom',
+            entry: tsPath,
+            formats: ['es'],
+          },
+        },
+        publicDir: false,
+      };
+
+      try {
+        await viteBuild(config);
+      } catch (e) {
+        console.error(e);
+      }
+      jsReferences.push(join(customer, 'custom.js'));
+    } catch (e) {}
+
+    try {
+      const cssPath = join(customerTarget, 'custom.css');
+      statSync(cssPath);
+      cssReferences.push(join(customer, 'custom.css'));
+    } catch (e) {}
+
+    try {
+      const publicDir = join(customerDir, 'public');
+      statSync(publicDir);
+      const publicTarget = join(customerTarget, 'public');
+      await cpSync(publicDir, publicTarget, { recursive: true });
+      console.log(`Customer ${customer} public folder has been copied to ${relative(folders.root, publicTarget)}`);
+
+      const publicFiles = await glob(join(publicTarget, '**', '*'), { withFileTypes: true });
+
+      for (const publicFile of publicFiles) {
+        if (publicFile.isFile()) {
+          if (publicFile.name.endsWith('.css')) {
+            cssReferences.push(`${relative(lddPdfDir, publicFile.fullpath())}`);
+          }
+          if (publicFile.name.endsWith('.js')) {
+            jsReferences.push(`${relative(lddPdfDir, publicFile.fullpath())}`);
+          }
+        }
+      }
+    } catch (e) {}
+
+    const pdfXmlStart = `<configuration xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">\n`;
+    const pdfXmlEnd = `\n</configuration>`;
+    const nsWowUrl = `${nsWowInternalLddUrl}/${lddJson.name}/${lddJson.version}/pdf`;
+
+    const pdfConfig = [];
+    cssReferences.forEach( p => {
+      pdfConfig.push(`  <userStyleSheets><uri>${nsWowUrl}/${p}</uri></userStyleSheets>`);
+    })
+
+    jsReferences.forEach( p => {
+      pdfConfig.push(`  <userScripts><uri>${nsWowUrl}/${p}</uri></userScripts>`);
+    })
+
+    const pdfConfigContent = pdfXmlStart
+      + `  <appendLog>false</appendLog>\n`
+      + pdfConfig.join('\n')
+      + pdfXmlEnd;
+    const pdfConfigPath = join(customerTarget, 'pdf-configuration.xml');
+    writeFileSync(pdfConfigPath, pdfConfigContent);
+    console.log(`Customer ${customer} PDF configuration file has been built to ${relative(folders.root, pdfConfigPath)}`);
+
+    const pdfConfigDebugContent = pdfXmlStart
+      + `  <appendLog>true</appendLog>\n`
+      + `  <inspectableSettings><enabled>true</enabled></inspectableSettings>\n`
+      + `  <debugSettings><all>true</all></debugSettings>\n`
+      + pdfConfig.join('\n')
+      + pdfXmlEnd;
+    const pdfConfigDebugPath = join(customerTarget, 'pdf-configuration-debug.xml');
+    writeFileSync(pdfConfigDebugPath, pdfConfigDebugContent);
+    console.log(`Customer ${customer} PDF debug configuration file has been built to ${relative(folders.root, pdfConfigDebugPath)}`);
+
+    console.log(`Customer ${customer} PDF files has been built to ${relative(folders.root, customerTarget)}`);
+
+    console.log("\n");
+  } catch (e) {}
+
+  return true;
+}
+
 /**
  * Builds the word document by compiling the HTML file using Vite and
  * returns the result.
@@ -518,7 +618,6 @@ async function buildLdd(version) {
 async function buildWord() {
   console.log("\n\nBuild Word");
   await checkFolders();
-  let configFile = false;
 
   const config = {
     css: {
@@ -555,7 +654,8 @@ async function buildWord() {
  * @param {string} version
  * @return {Promise<void>} A Promise that resolves when the build process is completed or rejects if an error occurs.
  */
-async function build(version) {
+async function build(version, options) {
+
   try {
     await checkFolders();
     const packageJson = await readPackageJson();
@@ -577,6 +677,7 @@ async function build(version) {
     await buildWord();
     await buildXbrl();
     await buildLdd();
+    !options.customer || await buildPdfCustomer(options.customer);
     new LivingdocsDesignValidator(await readLivingDocsJson()).IsDesignValid();
     await zipApp();
     await zipLdd();

package/srl/components/Srl/Category/Accordion/Content.vue

@@ -57,7 +57,13 @@ onMounted(() => {
 </script>
 
 <template>
-<div ref="rootEl" :id="props.accordion.id" :hidden="!props.accordion.state">
+<div
+  ref="rootEl"
+  :id="props.accordion.id"
+  :hidden="!props.accordion.state"
+  tabindex="-1"
+  @keydown.esc.stop.prevent="accordion.close()"
+>
   <slot/>
 </div>
 </template>

package/srl/components/Srl/Category/Accordion.vue

@@ -12,11 +12,12 @@ function toggle() {
 
 function open() {
   state.value = true
-  rootEl.value.querySelector<HTMLDivElement>(`#${id.value}`)?.focus()
+  rootEl.value?.querySelector<HTMLDivElement>(`#${id.value}`)?.focus()
 }
 
 function close() {
   state.value = false
+  rootEl.value?.querySelector<HTMLDivElement>(`[aria-controls="${id.value}"]`)?.focus()
 }
 
 const accordion = computed(() => {

package/srl/components/Srl/Menu.vue

@@ -236,6 +236,7 @@ defineExpose({
   <ul
     ref="$el"
     tabindex="0"
+    :role="props.depth === 0 ? 'menubar' : 'menu'"
     :id="props.id"
     :class="classList"
     :hidden="!opened"