comand-component-library 4.2.8 → 4.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.2.8",
+  "version": "4.2.9",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/ComponentLibrary.vue

@@ -517,6 +517,7 @@
                                 labelText="Selectbox with country flags:"
                                 :status="validationStatus"
                                 :disabled="disabledStatus"
+                                pathFlags="https://comand-ui.com/samples/images/flags"
                                 :selectData="fakeSelectCountriesData"
                                 v-model="selectedCountryWithFlag"
                                 defaultOptionName="Select country:"
@@ -1916,7 +1917,8 @@
             <CmdWidthLimitationWrapper>
                 <h2 class="headline-demopage" id="section-switch-language">Switch Language</h2>
                 <CmdSwitchLanguage
-                    :languages="languagesData"
+                    :pathFlags="switchLanguage.pathFlags"
+                    :languages="switchLanguage.languages"
                     @click="updateLanguage"
                 />
                 <p>Selected language: {{ selectedLanguage }} </p>
@@ -2236,7 +2238,7 @@ import inputGroupRadiobuttonsData from '@/assets/data/input-group-radiobuttons.j
 import inputGroupReplacedRadiobuttonsData from '@/assets/data/input-group-replaced-radiobuttons.json'
 import inputGroupToggleSwitchRadiobuttonsData from '@/assets/data/input-group-toggle-switch-radiobuttons.json'
 import listOfLinksData from '@/assets/data/list-of-links.json'
-import languagesData from '@/assets/data/switch-language.json'
+import switchLanguage from '@/assets/data/switch-language.json'
 import mailToolData from '@/assets/data/mail-tool.json'
 import multistepsData from '@/assets/data/multistep-form-progress-bar.json'
 import navigationData from '@/assets/data/main-navigation.json'
@@ -2430,7 +2432,7 @@ export default {
             imageGalleryData,
             inputGroupReplacedRadiobuttonsData,
             inputGroupToggleSwitchRadiobuttonsData,
-            languagesData,
+            switchLanguage,
             listOfLinksData,
             multistepsData,
             mailToolData,
@@ -2710,7 +2712,6 @@ export default {
                         "pathDarkmodeLogo": "/media/images/logos/logo-darkmode.svg",
                         "altText": "Company Logo"
                     }
-
             }
 
             // change logo

package/src/assets/data/switch-language.json

@@ -1,29 +1,32 @@
-[
-  {
-    "iso2": "de",
-    "name": "Deutsch",
-    "tooltip": "Sprache zu deutsch wechseln",
-    "link": {
-      "type": "href",
-      "path": "/"
-    }
-  },
-  {
-    "iso2": "en",
-    "name": "English",
-    "tooltip": "Switch language to English",
-    "link": {
-      "type": "href",
-      "path": "/"
-    }
-  },
-  {
-    "iso2": "es",
-    "name": "Español",
-    "tooltip": "cambiar el idioma a español",
-    "link": {
-      "type": "href",
-      "path": "/"
-    }
-  }
-]
+{
+  "pathFlags": "https://comand-ui.com/samples/images/flags",
+  "languages": [
+{
+"iso2": "de",
+"name": "Deutsch",
+"tooltip": "Sprache zu deutsch wechseln",
+"link": {
+"type": "href",
+"path": "/"
+}
+},
+{
+"iso2": "en",
+"name": "English",
+"tooltip": "Switch language to English",
+"link": {
+"type": "href",
+"path": "/"
+}
+},
+{
+"iso2": "es",
+"name": "Español",
+"tooltip": "cambiar el idioma a español",
+"link": {
+"type": "href",
+"path": "/"
+}
+}
+]
+}

package/src/assets/styles/component-library-global-styles.scss

@@ -91,6 +91,12 @@ body.avoid-scrolling {
     width: 3rem;
     background-size: 100% 100%;
     display: block;
+    aspect-ratio: 3/2;
+}
+
+a img.flag {
+    border: 0;
+    outline: var(--default-border);
 }
 
 /* end flags ----------------------------------------------------------------------------------------------------------------------------------------------------- */