@simple-reporting/base 0.1.111 → 0.1.112

package/dev/src/components/SrlPage/KFCApplication/scss/_iz-keyfigure-comparison.scss

@@ -1,151 +1,151 @@
-@use 'nswow';
-
-.iz-keyfigure-comparison {
-  --srl-spacing-200: 16px;
-  --srl-spacing-300: 24px;
-}
-
-.kfc-tooltip {
-  border: 0;
-}
-
-.srl-article__grid--kfc {
-  --srl-gutter-columns: 4;
-
-  @include nswow.grid-media-up(portrait) {
-    --srl-gutter-columns: 8;
-  }
-
-  @include nswow.grid-media-up(landscape) {
-    --srl-gutter-columns: 12;
-  }
-}
-
-.srl-article__grid--kfc > .srl-article__grid--inner {
-  display: grid;
-  grid-template-columns: subgrid;
-  grid-column: auto / span var(--srl-gutter-columns);
-  gap: calc(var(--srl-gutter-column-gap) / 2) var(--srl-gutter-column-gap);
-
-  @include nswow.grid-media-up(portrait) {
-    grid-column: auto / span 8;
-  }
-
-  @include nswow.grid-media-up(landscape) {
-    grid-column-start: 3;
-  }
-}
-
-.iz-kfc-dropdown--charts {
-  grid-column: auto / span 4;
-
-  @include nswow.grid-media-up(landscape) {
-    grid-column: auto / span 5;
-  }
-}
-
-.iz-kfc-dropdown--periods {
-  grid-column: auto / span 4;
-
-  @include nswow.grid-media-up(landscape) {
-    grid-column: auto / span 3;
-  }
-}
-
-.kfc-chart-title {
-  grid-column: auto / span 4;
-
-  @include nswow.grid-media-up(landscape) {
-    grid-column: auto / span 4;
-  }
-}
-
-.kfc-chart-actions {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-self: center;
-  gap: nswow.system-size-unit(24);
-  grid-column: auto / span 4;
-
-  @include nswow.grid-media-up(portrait) {
-    justify-content: end;
-    gap: nswow.system-size-unit(36);
-    grid-column: auto / span 4;
-  }
-
-  @include nswow.grid-media-up(landscape) {
-    grid-column: auto / span 4;
-    gap: nswow.system-size-unit(48);
-  }
-}
-
-.iz-kfc-chart-types,
-.iz-kfc-chart-toggles {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-self: center;
-  gap: nswow.system-size-unit(24);
-  grid-column: auto / span 2;
-
-  @include nswow.grid-media-up(portrait) {
-    grid-column: auto / span 4;
-    gap: nswow.system-size-unit(36);
-  }
-
-  @include nswow.grid-media-up(landscape) {
-    grid-column: auto / span 4;
-    gap: nswow.system-size-unit(48);
-  }
-}
-
-.iz-kfc-chart-toggles {
-  justify-content: end;
-}
-
-.iz-keyfigure-comparison__chart {
-  grid-column: auto / span 12;
-
-  @include nswow.grid-media-up(landscape) {
-    grid-column: auto / span 8;
-  }
-
-  &.hidden {
-    display: none;
-  }
-}
-
-.iz-keyfigure-comparison__table {
-  grid-column: auto / span 12;
-
-  @include nswow.grid-media-up(landscape) {
-    grid-column: auto / span 8;
-  }
-
-  .kfc-table-wrapper {
-    overflow: auto;
-  }
-
-  .kfc-table-wrapper.hidden {
-    position: absolute;
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-    width: 100%;
-    top: 0;
-    left: 0;
-  }
-
-  .noline {
-    width: 14px;
-  }
-}
-
-.iz-keyfigure-comparison__footnote {
-  grid-column: auto / span 12;
-
-  @include nswow.grid-media-up(landscape) {
-    grid-column: auto / span 8;
-  }
-}
+@use 'nswow';
+
+.iz-keyfigure-comparison {
+  --srl-spacing-200: 16px;
+  --srl-spacing-300: 24px;
+}
+
+.kfc-tooltip {
+  border: 0;
+}
+
+.srl-article__grid--kfc {
+  --srl-gutter-columns: 4;
+
+  @include nswow.grid-media-up(portrait) {
+    --srl-gutter-columns: 8;
+  }
+
+  @include nswow.grid-media-up(landscape) {
+    --srl-gutter-columns: 12;
+  }
+}
+
+.srl-article__grid--kfc > .srl-article__grid--inner {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: auto / span var(--srl-gutter-columns);
+  gap: calc(var(--srl-gutter-column-gap) / 2) var(--srl-gutter-column-gap);
+
+  @include nswow.grid-media-up(portrait) {
+    grid-column: auto / span 8;
+  }
+
+  @include nswow.grid-media-up(landscape) {
+    grid-column-start: 3;
+  }
+}
+
+.iz-kfc-dropdown--charts {
+  grid-column: auto / span 4;
+
+  @include nswow.grid-media-up(landscape) {
+    grid-column: auto / span 5;
+  }
+}
+
+.iz-kfc-dropdown--periods {
+  grid-column: auto / span 4;
+
+  @include nswow.grid-media-up(landscape) {
+    grid-column: auto / span 3;
+  }
+}
+
+.kfc-chart-title {
+  grid-column: auto / span 4;
+
+  @include nswow.grid-media-up(landscape) {
+    grid-column: auto / span 4;
+  }
+}
+
+.kfc-chart-actions {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-self: center;
+  gap: nswow.system-size-unit(24);
+  grid-column: auto / span 4;
+
+  @include nswow.grid-media-up(portrait) {
+    justify-content: end;
+    gap: nswow.system-size-unit(36);
+    grid-column: auto / span 4;
+  }
+
+  @include nswow.grid-media-up(landscape) {
+    grid-column: auto / span 4;
+    gap: nswow.system-size-unit(48);
+  }
+}
+
+.iz-kfc-chart-types,
+.iz-kfc-chart-toggles {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-self: center;
+  gap: nswow.system-size-unit(24);
+  grid-column: auto / span 2;
+
+  @include nswow.grid-media-up(portrait) {
+    grid-column: auto / span 4;
+    gap: nswow.system-size-unit(36);
+  }
+
+  @include nswow.grid-media-up(landscape) {
+    grid-column: auto / span 4;
+    gap: nswow.system-size-unit(48);
+  }
+}
+
+.iz-kfc-chart-toggles {
+  justify-content: end;
+}
+
+.iz-keyfigure-comparison__chart {
+  grid-column: auto / span 12;
+
+  @include nswow.grid-media-up(landscape) {
+    grid-column: auto / span 8;
+  }
+
+  &.hidden {
+    display: none;
+  }
+}
+
+.iz-keyfigure-comparison__table {
+  grid-column: auto / span 12;
+
+  @include nswow.grid-media-up(landscape) {
+    grid-column: auto / span 8;
+  }
+
+  .kfc-table-wrapper {
+    overflow: auto;
+  }
+
+  .kfc-table-wrapper.hidden {
+    position: absolute;
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    width: 100%;
+    top: 0;
+    left: 0;
+  }
+
+  .noline {
+    width: 14px;
+  }
+}
+
+.iz-keyfigure-comparison__footnote {
+  grid-column: auto / span 12;
+
+  @include nswow.grid-media-up(landscape) {
+    grid-column: auto / span 8;
+  }
+}

package/dev/src/components/SrlPage/KFCApplication/scss/_kfc-loading.scss

@@ -1,40 +1,40 @@
-@use 'nswow';
-
-.loading-text {
-  grid-column: auto / span 4;
-  text-align: center;
-
-  @include nswow.grid-media-up(portrait) {
-    grid-column: auto / span 8;
-  }
-}
-
-.loader-container {
-  display: flex;
-  justify-self: center;
-  grid-column: auto / span 4;
-
-  @include nswow.grid-media-up(portrait) {
-    grid-column: auto / span 8;
-  }
-}
-
-.loader {
-  display: inline-block;
-  width: 100px;
-  padding: 8px;
-  aspect-ratio: 1;
-  border-radius: 50%;
-  background: var(--srl-color-primary);
-  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
-  -webkit-mask: var(--_m);
-  mask: var(--_m);
-  -webkit-mask-composite: source-out;
-  mask-composite: subtract;
-  animation: l3 1s infinite linear;
-}
-@keyframes l3 {
-  to {
-    transform: rotate(1turn);
-  }
-}
+@use 'nswow';
+
+.loading-text {
+  grid-column: auto / span 4;
+  text-align: center;
+
+  @include nswow.grid-media-up(portrait) {
+    grid-column: auto / span 8;
+  }
+}
+
+.loader-container {
+  display: flex;
+  justify-self: center;
+  grid-column: auto / span 4;
+
+  @include nswow.grid-media-up(portrait) {
+    grid-column: auto / span 8;
+  }
+}
+
+.loader {
+  display: inline-block;
+  width: 100px;
+  padding: 8px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: var(--srl-color-primary);
+  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
+  -webkit-mask: var(--_m);
+  mask: var(--_m);
+  -webkit-mask-composite: source-out;
+  mask-composite: subtract;
+  animation: l3 1s infinite linear;
+}
+@keyframes l3 {
+  to {
+    transform: rotate(1turn);
+  }
+}

package/dev/src/components/SrlPage/KFCApplication/scss/_srl-button-kfc.scss

@@ -1,21 +1,21 @@
-@use 'nswow';
-
-.srl-button-kfc {
-  padding: 0;
-  margin: 0;
-  background: none;
-  -webkit-appearance: none;
-  border: none;
-  display: flex;
-  flex-wrap: nowrap;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  gap: nswow.system-size-unit(12);
-  cursor: pointer;
-  color: var(--srl-color-dark);
-
-  &:hover {
-    color: var(--srl-color-primary);
-  }
-}
+@use 'nswow';
+
+.srl-button-kfc {
+  padding: 0;
+  margin: 0;
+  background: none;
+  -webkit-appearance: none;
+  border: none;
+  display: flex;
+  flex-wrap: nowrap;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: nswow.system-size-unit(12);
+  cursor: pointer;
+  color: var(--srl-color-dark);
+
+  &:hover {
+    color: var(--srl-color-primary);
+  }
+}

package/dev/src/composables/config.ts

@@ -1,48 +1,48 @@
-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
-}
+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/i18n/index.ts

@@ -1,51 +1,51 @@
-import { createI18n, type I18n, type I18nOptions, type LocaleMessages } from 'vue-i18n'
-import useConfig from '@/composables/config'
-
-let i18n: I18n | undefined = undefined
-const initI18n = async function () {
-  if (!i18n) {
-    const config = await useConfig()
-    const defaultMessagesImport = import.meta.glob('@/locales/*.json', {
-      eager: true,
-      import: 'default'
-    })
-    const defaultMessages: LocaleMessages<any> = {}
-
-    for (const path in defaultMessagesImport) {
-      const matched = path.match(/([A-Za-z0-9-_]+)\./i)
-      if (matched && matched.length > 1) {
-        const locale = matched[1]
-        defaultMessages[locale] = defaultMessagesImport[path]
-      }
-    }
-
-    const file = `./json/translations_hosting.json`
-    try {
-      const responseMessages = await fetch(file)
-      if (responseMessages.ok) {
-        const importMessages: LocaleMessages<any> = await responseMessages.json()
-        for (const lang in importMessages) {
-          if (typeof defaultMessages[lang] !== 'undefined') {
-            importMessages[lang] = Object.assign(defaultMessages[lang], importMessages[lang])
-          }
-        }
-      }
-    } catch (e) {
-      console.error(`"${file}" could not be loaded.`)
-    }
-
-    const options: I18nOptions = {
-      legacy: false,
-      locale: config.value.settings.defaultLanguage,
-      fallbackLocale: config.value.settings.defaultLanguage,
-      availableLocales: Object.keys(defaultMessages),
-      globalInjection: true,
-      messages: defaultMessages
-    }
-
-    i18n = createI18n<false, typeof options>(options)
-  }
-  return i18n
-}
-
-export { initI18n, i18n }
+import { createI18n, type I18n, type I18nOptions, type LocaleMessages } from 'vue-i18n'
+import useConfig from '@/composables/config'
+
+let i18n: I18n | undefined = undefined
+const initI18n = async function () {
+  if (!i18n) {
+    const config = await useConfig()
+    const defaultMessagesImport = import.meta.glob('@/locales/*.json', {
+      eager: true,
+      import: 'default'
+    })
+    const defaultMessages: LocaleMessages<any> = {}
+
+    for (const path in defaultMessagesImport) {
+      const matched = path.match(/([A-Za-z0-9-_]+)\./i)
+      if (matched && matched.length > 1) {
+        const locale = matched[1]
+        defaultMessages[locale] = defaultMessagesImport[path]
+      }
+    }
+
+    const file = `./json/translations_hosting.json`
+    try {
+      const responseMessages = await fetch(file)
+      if (responseMessages.ok) {
+        const importMessages: LocaleMessages<any> = await responseMessages.json()
+        for (const lang in importMessages) {
+          if (typeof defaultMessages[lang] !== 'undefined') {
+            importMessages[lang] = Object.assign(defaultMessages[lang], importMessages[lang])
+          }
+        }
+      }
+    } catch (e) {
+      console.error(`"${file}" could not be loaded.`)
+    }
+
+    const options: I18nOptions = {
+      legacy: false,
+      locale: config.value.settings.defaultLanguage,
+      fallbackLocale: config.value.settings.defaultLanguage,
+      availableLocales: Object.keys(defaultMessages),
+      globalInjection: true,
+      messages: defaultMessages
+    }
+
+    i18n = createI18n<false, typeof options>(options)
+  }
+  return i18n
+}
+
+export { initI18n, i18n }