comand-component-library 4.1.83 → 4.1.85

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.1.83",
+  "version": "4.1.85",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,
@@ -21,12 +21,13 @@
     "./css.js": "./src/css.js",
     "./style.css": "./dist/style.css",
     "./variables.scss": "./src/assets/styles/variables.scss",
-    "./export-data.js": "./src/assets/data/export-data.js"
+    "./export-data.js": "./src/assets/data/export-data.js",
+    "./all-countries.json": "./src/assets/data/all-countries.json"
   },
   "dependencies": {
     "clickout-event": "^1.1.2",
     "comand-component-library": "^4.1.63",
-    "comand-frontend-framework": "^4.1.27",
+    "comand-frontend-framework": "^4.1.28",
     "comand-ui-iconfonts": "^1.0.14",
     "core-js": "^3.20.1",
     "prismjs": "^1.27.0",

package/src/ComponentLibrary.vue

@@ -507,10 +507,20 @@
                                 :status="validationStatus"
                                 :disabled="disabledStatus"
                                 :selectData="fakeSelectCountriesData"
-                                v-model="selectedCountry"
+                                v-model="selectedCountryWithFlag"
                                 defaultOptionName="Select country:"
                                 type="country"
                             />
+                            <CmdFormElement
+                                labelText="Selectbox with all countries:"
+                                element="select"
+                                :status="validationStatus"
+                                :disabled="disabledStatus"
+                                :selectOptions="allCountriesData"
+                                v-model="selectedCountry"
+                                max-height="10rem"
+                                defaultOptionName="Select country:"
+                            />
                             <CmdFakeSelect
                                 labelText="Selectbox with colors:"
                                 :status="validationStatus"
@@ -521,7 +531,7 @@
                                 type="color"
                             />
                         </div>
-                        <!-- emd FakeSelect -->
+                        <!-- end FakeSelect -->
                         <hr/>
 
                         <!-- begin progress bar -->
@@ -2171,6 +2181,8 @@ import tableDataLarge from '@/assets/data/table-large.json'
 import thumbnailScrollerImagesData from '@/assets/data/thumbnail-scroller-images.json'
 import thumbnailScrollerTextData from '@/assets/data/thumbnail-scroller-text.json'
 
+import allCountriesData from '@/assets/data/all-countries.json'
+
 import packageJson from '../package.json'
 
 import listOfComponents from "@/assets/data/listOfComponents.json"
@@ -2266,7 +2278,8 @@ export default {
             showCmdLink: false,
             selectedOption: "",
             selectedOptions: [],
-            selectedCountry: "de",
+            selectedCountry: "us",
+            selectedCountryWithFlag: "de",
             selectedColor: "",
             rangeValue: 50,
             siteSearchFilters: {
@@ -2353,6 +2366,7 @@ export default {
             tabsData,
             thumbnailScrollerImagesData,
             thumbnailScrollerTextData,
+            allCountriesData,
             packageJson
         }
     },

package/src/assets/data/all-countries.json

@@ -0,0 +1,197 @@
+[
+  { "text": "Afghanistan", "value": "af" },
+  { "text": "Albania", "value": "al" },
+  { "text": "Algeria", "value": "dz" },
+  { "text": "Andorra", "value": "ad" },
+  { "text": "Angola", "value": "ao" },
+  { "text": "Antigua and Barbuda", "value": "ag" },
+  { "text": "Argentina", "value": "ar" },
+  { "text": "Armenia", "value": "am" },
+  { "text": "Australia", "value": "au" },
+  { "text": "Austria", "value": "at" },
+  { "text": "Azerbaijan", "value": "az" },
+  { "text": "Bahamas", "value": "bs" },
+  { "text": "Bahrain", "value": "bh" },
+  { "text": "Bangladesh", "value": "bd" },
+  { "text": "Barbados", "value": "bb" },
+  { "text": "Belarus", "value": "by" },
+  { "text": "Belgium", "value": "be" },
+  { "text": "Belize", "value": "bz" },
+  { "text": "Benin", "value": "bj" },
+  { "text": "Bhutan", "value": "bt" },
+  { "text": "Bolivia", "value": "bo" },
+  { "text": "Bosnia and Herzegovina", "value": "ba" },
+  { "text": "Botswana", "value": "bw" },
+  { "text": "Brazil", "value": "br" },
+  { "text": "Brunei", "value": "bn" },
+  { "text": "Bulgaria", "value": "bg" },
+  { "text": "Burkina Faso", "value": "bf" },
+  { "text": "Burundi", "value": "bi" },
+  { "text": "Cabo Verde", "value": "cv" },
+  { "text": "Cambodia", "value": "kh" },
+  { "text": "Cameroon", "value": "cm" },
+  { "text": "Canada", "value": "ca" },
+  { "text": "Central African Republic", "value": "cf" },
+  { "text": "Chad", "value": "td" },
+  { "text": "Chile", "value": "cl" },
+  { "text": "China", "value": "cn" },
+  { "text": "Colombia", "value": "co" },
+  { "text": "Comoros", "value": "km" },
+  { "text": "Congo (Congo-Brazzaville)", "value": "cg" },
+  { "text": "Costa Rica", "value": "cr" },
+  { "text": "Croatia", "value": "hr" },
+  { "text": "Cuba", "value": "cu" },
+  { "text": "Cyprus", "value": "cy" },
+  { "text": "Czechia", "value": "cz" },
+  { "text": "Democratic Republic of the Congo", "value": "cd" },
+  { "text": "Denmark", "value": "dk" },
+  { "text": "Djibouti", "value": "dj" },
+  { "text": "Dominica", "value": "dm" },
+  { "text": "Dominican Republic", "value": "do" },
+  { "text": "Ecuador", "value": "ec" },
+  { "text": "Egypt", "value": "eg" },
+  { "text": "El Salvador", "value": "sv" },
+  { "text": "Equatorial Guinea", "value": "gq" },
+  { "text": "Eritrea", "value": "er" },
+  { "text": "Estonia", "value": "ee" },
+  { "text": "Eswatini", "value": "sz" },
+  { "text": "Ethiopia", "value": "et" },
+  { "text": "Fiji", "value": "fj" },
+  { "text": "Finland", "value": "fi" },
+  { "text": "France", "value": "fr" },
+  { "text": "Gabon", "value": "ga" },
+  { "text": "Gambia", "value": "gm" },
+  { "text": "Georgia", "value": "ge" },
+  { "text": "Germany", "value": "de" },
+  { "text": "Ghana", "value": "gh" },
+  { "text": "Greece", "value": "gr" },
+  { "text": "Grenada", "value": "gd" },
+  { "text": "Guatemala", "value": "gt" },
+  { "text": "Guinea", "value": "gn" },
+  { "text": "Guinea-Bissau", "value": "gw" },
+  { "text": "Guyana", "value": "gy" },
+  { "text": "Haiti", "value": "ht" },
+  { "text": "Honduras", "value": "hn" },
+  { "text": "Hungary", "value": "hu" },
+  { "text": "Iceland", "value": "is" },
+  { "text": "India", "value": "in" },
+  { "text": "Indonesia", "value": "id" },
+  { "text": "Iran", "value": "ir" },
+  { "text": "Iraq", "value": "iq" },
+  { "text": "Ireland", "value": "ie" },
+  { "text": "Israel", "value": "il" },
+  { "text": "Italy", "value": "it" },
+  { "text": "Jamaica", "value": "jm" },
+  { "text": "Japan", "value": "jp" },
+  { "text": "Jordan", "value": "jo" },
+  { "text": "Kazakhstan", "value": "kz" },
+  { "text": "Kenya", "value": "ke" },
+  { "text": "Kiribati", "value": "ki" },
+  { "text": "Kuwait", "value": "kw" },
+  { "text": "Kyrgyzstan", "value": "kg" },
+  { "text": "Laos", "value": "la" },
+  { "text": "Latvia", "value": "lv" },
+  { "text": "Lebanon", "value": "lb" },
+  { "text": "Lesotho", "value": "ls" },
+  { "text": "Liberia", "value": "lr" },
+  { "text": "Libya", "value": "ly" },
+  { "text": "Liechtenstein", "value": "li" },
+  { "text": "Lithuania", "value": "lt" },
+  { "text": "Luxembourg", "value": "lu" },
+  { "text": "Madagascar", "value": "mg" },
+  { "text": "Malawi", "value": "mw" },
+  { "text": "Malaysia", "value": "my" },
+  { "text": "Maldives", "value": "mv" },
+  { "text": "Mali", "value": "ml" },
+  { "text": "Malta", "value": "mt" },
+  { "text": "Marshall Islands", "value": "mh" },
+  { "text": "Mauritania", "value": "mr" },
+  { "text": "Mauritius", "value": "mu" },
+  { "text": "Mexico", "value": "mx" },
+  { "text": "Micronesia", "value": "fm" },
+  { "text": "Moldova", "value": "md" },
+  { "text": "Monaco", "value": "mc" },
+  { "text": "Mongolia", "value": "mn" },
+  { "text": "Montenegro", "value": "me" },
+  { "text": "Morocco", "value": "ma" },
+  { "text": "Mozambique", "value": "mz" },
+  { "text": "Myanmar", "value": "mm" },
+  { "text": "Namibia", "value": "na" },
+  { "text": "Nauru", "value": "nr" },
+  { "text": "Nepal", "value": "np" },
+  { "text": "Netherlands", "value": "nl" },
+  { "text": "New Zealand", "value": "nz" },
+  { "text": "Nicaragua", "value": "ni" },
+  { "text": "Niger", "value": "ne" },
+  { "text": "Nigeria", "value": "ng" },
+  { "text": "North Korea", "value": "kp" },
+  { "text": "North Macedonia", "value": "mk" },
+  { "text": "Norway", "value": "no" },
+  { "text": "Oman", "value": "om" },
+  { "text": "Pakistan", "value": "pk" },
+  { "text": "Palau", "value": "pw" },
+  { "text": "Palestine", "value": "ps" },
+  { "text": "Panama", "value": "pa" },
+  { "text": "Papua New Guinea", "value": "pg" },
+  { "text": "Paraguay", "value": "py" },
+  { "text": "Peru", "value": "pe" },
+  { "text": "Philippines", "value": "ph" },
+  { "text": "Poland", "value": "pl" },
+  { "text": "Portugal", "value": "pt" },
+  { "text": "Qatar", "value": "qa" },
+  { "text": "Romania", "value": "ro" },
+  { "text": "Russia", "value": "ru" },
+  { "text": "Rwanda", "value": "rw" },
+  { "text": "Saint Kitts and Nevis", "value": "kn" },
+  { "text": "Saint Lucia", "value": "lc" },
+  { "text": "Saint Vincent and the Grenadines", "value": "vc" },
+  { "text": "Samoa", "value": "ws" },
+  { "text": "San Marino", "value": "sm" },
+  { "text": "Sao Tome and Principe", "value": "st" },
+  { "text": "Saudi Arabia", "value": "sa" },
+  { "text": "Senegal", "value": "sn" },
+  { "text": "Serbia", "value": "rs" },
+  { "text": "Seychelles", "value": "sc" },
+  { "text": "Sierra Leone", "value": "sl" },
+  { "text": "Singapore", "value": "sg" },
+  { "text": "Slovakia", "value": "sk" },
+  { "text": "Slovenia", "value": "si" },
+  { "text": "Solomon Islands", "value": "sb" },
+  { "text": "Somalia", "value": "so" },
+  { "text": "South Africa", "value": "za" },
+  { "text": "South Korea", "value": "kr" },
+  { "text": "South Sudan", "value": "ss" },
+  { "text": "Spain", "value": "es" },
+  { "text": "Sri Lanka", "value": "lk" },
+  { "text": "Sudan", "value": "sd" },
+  { "text": "Suriname", "value": "sr" },
+  { "text": "Sweden", "value": "se" },
+  { "text": "Switzerland", "value": "ch" },
+  { "text": "Syria", "value": "sy" },
+  { "text": "Taiwan", "value": "tw" },
+  { "text": "Tajikistan", "value": "tj" },
+  { "text": "Tanzania", "value": "tz" },
+  { "text": "Thailand", "value": "th" },
+  { "text": "Timor-Leste", "value": "tl" },
+  { "text": "Togo", "value": "tg" },
+  { "text": "Tonga", "value": "to" },
+  { "text": "Trinidad and Tobago", "value": "tt" },
+  { "text": "Tunisia", "value": "tn" },
+  { "text": "Turkey", "value": "tr" },
+  { "text": "Turkmenistan", "value": "tm" },
+  { "text": "Tuvalu", "value": "tv" },
+  { "text": "Uganda", "value": "ug" },
+  { "text": "Ukraine", "value": "ua" },
+  { "text": "United Arab Emirates", "value": "ae" },
+  { "text": "United Kingdom", "value": "gb" },
+  { "text": "United States", "value": "us" },
+  { "text": "Uruguay", "value": "uy" },
+  { "text": "Uzbekistan", "value": "uz" },
+  { "text": "Vanuatu", "value": "vu" },
+  { "text": "Vatican City", "value": "va" },
+  { "text": "Venezuela", "value": "ve" },
+  { "text": "Vietnam", "value": "vn" },
+  { "text": "Yemen", "value": "ye" },
+  { "text": "Zambia", "value": "zm" },
+  { "text": "Zimbabwe", "value": "zw" }
+]

package/src/utils/date.js

@@ -2,6 +2,20 @@ function currentDate(returnTime = false) {
     return returnTime ? new Date().toISOString() : new Date().toISOString().split('T')[0];
 }
 
+function getDate(inputDate, operator = "+", days = 1) {
+    const date = new Date(inputDate)
+
+    if (operator === "+") {
+        date.setDate(date.getDate() + days);
+    } else if (operator === '-') {
+        date.setDate(date.getDate() - days);
+    } else {
+        throw new Error("function 'getDate' received invalid operator as parameter. Use '+' to add or '-' to subtract days.")
+    }
+
+    return date
+}
+
 function formatDate(inputDate, format = "dmy", separator=".") {
     // Ensure the input is a valid date object or string
     const date = new Date(inputDate);
@@ -11,8 +25,8 @@ function formatDate(inputDate, format = "dmy", separator=".") {
     }
 
     const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, '0'); // Months are zero-based
-    const day = String(date.getDate()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, '0'); // months are zero-based
+    const day = String(date.getDate()).padStart(2, '0'); // days are zero-based
     let dateFormated = ""
 
     switch (format) {