comand-component-library 4.0.96 → 4.0.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.0.96",
+  "version": "4.0.98",
   "private": false,
   "type": "module",
   "license": "GPL-3.0-only",

package/src/ComponentLibrary.vue

@@ -1658,6 +1658,15 @@
                     v-bind="cmdOpeningHoursSettingsData"
                     :openingHours="openingHoursData"
                     :checkInterval="0"
+                    abbreviationTextAm="h"
+                    abbreviationTextPm="h"
+                />
+                <CmdOpeningHours
+                    ref="CmdOpeningHours"
+                    v-bind="cmdOpeningHoursSettingsData"
+                    :openingHours="openingHoursData"
+                    :checkInterval="0"
+                    :use24HoursFormat="false"
                 />
             </CmdWidthLimitationWrapper>
             <!-- end opening-hours ------------------------------------------------------------------------------------------------------------------------------------------------------->

package/src/components/CmdOpeningHours.vue

@@ -49,6 +49,7 @@
                 :separator="separator"
                 :abbreviationTextAm="abbreviationTextAm"
                 :abbreviationTextPm="abbreviationTextPm"
+                :use24HoursFormat="use24HoursFormat"
             />
         </dl>
         <!-- end default view -->
@@ -78,6 +79,7 @@
                         :separator="separator"
                         :abbreviationTextAm="abbreviationTextAm"
                         :abbreviationTextPm="abbreviationTextPm"
+                        :use24HoursFormat="use24HoursFormat"
                     />
                 </dl>
             </EditComponentWrapper>
@@ -257,6 +259,13 @@ export default {
             type: Boolean,
             default: true
         },
+        /**
+         * toggle 24- and 12-hours format
+         */
+        use24HoursFormat: {
+            type: Boolean,
+            default: true
+        },
         /**
          * properties for CmdLink-component
          */

package/src/components/CmdOpeningHoursItem.vue

@@ -126,7 +126,7 @@
 import EditMode from "../mixins/EditMode.vue"
 import {updateHandlerProvider} from "../utils/editmode.js"
 
-function timeFormatting(separator, suffix1, suffix2, hoursLeadingZero = true) {
+function timeFormatting(separator, suffix1, suffix2, hoursLeadingZero = true, use24HoursFormat = true) {
     function addLeadingZero(time, addLeadingZero) {
         if (addLeadingZero && time < 10) {
             return "0" + time
@@ -139,7 +139,9 @@ function timeFormatting(separator, suffix1, suffix2, hoursLeadingZero = true) {
             let hour12 = hour
             let currentSuffix = suffix1
             if (hour12 > 12) {
-                hour12 -= 12
+                if(!use24HoursFormat) {
+                    hour12 -= 12
+                }
                 currentSuffix = suffix2
             }
             return addLeadingZero(hour12, hoursLeadingZero) + separator + addLeadingZero(minute, true) + currentSuffix
@@ -157,6 +159,13 @@ export default {
         }
     },
     props: {
+        /**
+         * toggle 24- and 12-hours format
+         */
+        use24HoursFormat: {
+            type: Boolean,
+            required: false
+        },
         /**
          * list of opening-hours
          */
@@ -202,7 +211,7 @@ export default {
                 return this.timeFormatter(time.hours, time.mins)
             }
 
-            return timeFormatting(":", " " + this.abbreviationTextAm, " " + this.abbreviationTextPm, false)(time.hours, time.mins)
+            return timeFormatting(":", " " + this.abbreviationTextAm, " " + this.abbreviationTextPm, false, this.use24HoursFormat)(time.hours, time.mins)
         },
         updateHandlerProvider() {
             const data = this.editableDay
@@ -228,7 +237,7 @@ export default {
     watch: {
         day: {
             handler() {
-                const timeFormatter = timeFormatting(":", "", "", true)
+                const timeFormatter = timeFormatting(":", "", "", true, this.use24HoursFormat)
                 this.editableDay = {
                     day: this.day.day,
                     amFrom: timeFormatter(this.day.am.fromTime.hours, this.day.am.fromTime.mins),

package/src/documentation/generated/CmdBoxPropertyDescriptions.json

@@ -44,7 +44,7 @@
     },
     "collapsible": {
         "comments": [
-            "activate if box should be collapsible"
+            "activate2 if box should be collapsible"
         ]
     },
     "cutoffTextLines": {

package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json

@@ -1,5 +1,5 @@
 {
-    "link": {
+    "cmdLink": {
         "comments": [
             "set a link to a detail page"
         ]
@@ -39,9 +39,9 @@
             "list of opening-hours"
         ]
     },
-    "textHolidaysClosed": {
+    "textHolidays": {
         "comments": [
-            "text to show if holidays closed (shown below opening-hours)"
+            "text to show for holidays"
         ]
     },
     "textMiscInfo": {
@@ -49,6 +49,11 @@
             "additional/miscellaneous text (shown below holiday-closed-text/opening hours)"
         ]
     },
+    "use24HoursFormat": {
+        "comments": [
+            "Toggle if 24- or 12-hour format should be used"
+        ]
+    },
     "cmdHeadline": {
         "comments": [
             "properties for CmdHeadline-component"

package/src/documentation/generated/CmdTextImageBlockPropertyDescriptions.json

@@ -19,18 +19,23 @@
             ]
         }
     },
+    "editModeContextData": {
+        "comments": [
+            "data for edit-mode"
+        ]
+    },
     "htmlContent": {
         "comments": [
             "define html-content for box-body"
         ]
     },
-    "toggle orientation for content": {
+    "orientation": {
         "comments": [
-            "define html-content for box-body"
+            "set orientation for inner-content"
         ],
         "annotations": {
             "allowedValues": [
-                "horizontal, vertical"
+                "vertical, horizontal"
             ]
         }
     },

package/src/documentation/generated/CmdThumbnailScrollerPropertyDescriptions.json

@@ -4,6 +4,11 @@
             "properties for CmdHeadline-component"
         ]
     },
+    "activeItemIndex": {
+        "comments": [
+            "set active (highlighted) item"
+        ]
+    },
     "contentType": {
         "comments": [
             "define content Type"

package/src/documentation/generated/CmdToggleDarkModePropertyDescriptions.json

@@ -18,6 +18,16 @@
             "toggle visibility of label"
         ]
     },
+    "styledAsButton": {
+        "comments": [
+            "activate if checkbox should be displayed as button"
+        ],
+        "annotations": {
+            "affectsStyling": [
+                "true"
+            ]
+        }
+    },
     "useStyledLayout": {
         "comments": [
             "activate if styled layout should be used"