comand-component-library 4.1.30 → 4.1.32

package/package.json

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

package/src/ComponentLibrary.vue

@@ -1609,10 +1609,10 @@
                 <CmdMainNavigation
                     ref="CmdMainNavigation"
                     v-bind="cmdMainNavigationSettingsData"
-                    :navigationEntries="navigationData.navigationEntries"
+                    :navigationEntries="navigationDataModified"
                 />
                 <!-- begin router-view -->
-                <router-view></router-view>
+                <router-view v-if="useRouterLinks"></router-view>
                 <!-- end router-view -->
             </CmdWidthLimitationWrapper>
             <!-- end main-navigation ------------------------------------------------------------------------------------------------------------------------------------------------------->
@@ -2178,6 +2178,12 @@ export default {
         PageOverview,
         CmdHeadline
     },
+    props: {
+        useRouterLinks: {
+            type: Boolean,
+            default: true
+        }
+    },
     data() {
         return {
             componentNameForContainer: "CmdHeadline",
@@ -2335,6 +2341,22 @@ export default {
         }
     },
     computed: {
+        navigationDataModified() {
+            if(!this.useRouterLinks) {
+                function mapLinkTypes(navigationEntries) {
+                    return navigationEntries.map((item) => {
+                        item.type = "href"
+
+                        if(item.subentries?.length) {
+                            item.subentries = mapLinkTypes(item.subentries)
+                        }
+                        return item
+                    })
+                }
+                return mapLinkTypes(this.navigationData.navigationEntries)
+            }
+            return this.navigationData.navigationEntries
+        },
         cmdSocialNetworks() {
             return cmdSocialNetworks
         },

package/src/assets/data/export-data.js

@@ -0,0 +1,50 @@
+// export components
+export { default as addressData } from "./address-data.json"
+export { default as bankAccountData } from "./bank-account-data.json"
+export { default as boxProduct } from "./box-product.json"
+export { default as boxUser } from "./box-user.json"
+export { default as boxUserFakeData } from "./box-user-fake-data.json"
+export { default as breadcrumbs } from "./breadcrumbs.json"
+export { default as cookieDisclaimer } from "./cookie-disclaimer.json"
+export { default as datalistOptions } from "./datalist-options.json"
+export { default as companyLogo } from "./company-logo.json"
+export { default as fakeSelectColors } from "./fake-select-colors.json"
+export { default as componentStructure } from "./component-structure.json"
+export { default as fakeSelectCountries } from "./fake-select-countries.json"
+export { default as fakeSelectFilterOptions } from "./fake-select-filter-options.json"
+export { default as fakeSelectOptionsWithIcons } from "./fake-select-options-with-icons.json"
+export { default as fakeSelectOptions } from "./fake-select-options.json"
+export { default as formElements } from "./form-elements.json"
+export { default as icon } from "./icon.json"
+export { default as imageGallery } from "./image-gallery.json"
+export { default as imageZoom } from "./image-zoom.json"
+export { default as image } from "./image.json"
+export { default as inputGroupCheckboxes } from "./input-group-checkboxes.json"
+export { default as inputGroupRadiobuttons } from "./input-group-radiobuttons.json"
+export { default as inputGroupReplacedRadiobuttons } from "./input-group-replaced-radiobuttons.json"
+export { default as inputGroupToggleSwitchRadiobuttons } from "./input-group-toggle-switch-radiobuttons.json"
+export { default as listOfLinksSectionAnchors } from "./list-of-links-section-anchors.json"
+export { default as listOfLinks } from "./list-of-links.json"
+export { default as listOfComponents } from "./listOfComponents.json"
+export { default as mainNavigation } from "./main-navigation.json"
+export { default as multipleswitchCheckbox } from "./multipleswitch-checkbox.json"
+export { default as multipleswitchRadio } from "./multipleswitch-radio.json"
+export { default as multistepFormProgressBar } from "./multistep-form-progress-bar.json"
+export { default as openingHours } from "./opening-hours.json"
+export { default as selectOptions } from "./select-options.json"
+export { default as slideshow } from "./slideshow.json"
+export { default as socialNetworksPageByJson } from "./social-networks-page-by-json.json"
+export { default as socialNetworksPageByProperty } from "./social-networks-page-by-property.json"
+export { default as switchLanguage } from "./switch-language.json"
+export { default as tableLarge } from "./table-large.json"
+export { default as tableSmall } from "./table-small.json"
+export { default as tabs } from "./tabs.json"
+export { default as textImageBlock } from "./text-image-block.json"
+export { default as thumbnailScrollerImages } from "./thumbnail-scroller-images.json"
+export { default as thumbnailScrollerText } from "./thumbnail-scroller-text.json"
+
+// export pages
+export { default as boxesFaqs } from "./pages/boxes-faqs.json"
+export { default as boxesTeamOverview } from "./pages/boxes-team-overview.json"
+export { default as listOfDownloads } from "./pages/list-of-downloads.json"
+export { default as listOfSiteLinks } from "./pages/list-of-site-links.json"

package/src/router/index.js

@@ -9,7 +9,7 @@ const routes = [
     },
     {
         path: "/:pathMatch(.*)*",
-        component: {}
+        component: RouterComponent
     }
 ]
 

package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json

@@ -1,50 +0,0 @@
-{
-    "showLabelIcons": {
-        "comments": [
-            "show a label-icon (if exists)"
-        ],
-        "affectStyling": [
-            "partial"
-        ]
-    },
-    "showCityBeforeZip": {
-        "comments": [
-            "display city before zip (otherwise it the other way round)"
-        ]
-    },
-    "showIconsOnly": {
-        "comments": [
-            "show icons for entries only (no text-labels will be displayed)"
-        ]
-    },
-    "useSlot": {
-        "comments": [
-            "enable if you want to use the slot for the provided content"
-        ]
-    },
-    "showLabelTexts": {
-        "comments": [
-            "show a label-text for each entry"
-        ]
-    },
-    "showLabels": {
-        "comments": [
-            "option to toggle labels (i.e. telephone, email etc.) in front/left of data"
-        ]
-    },
-    "addressData": {
-        "comments": [
-            "all address-data (incl. labels) that will be shown"
-        ]
-    },
-    "linkGoogleMaps": {
-        "comments": [
-            "link physical address (street, no, zip and city) with Google Maps"
-        ]
-    },
-    "cmdHeadline": {
-        "comments": [
-            "properties for CmdHeadline-component"
-        ]
-    }
-}

package/src/documentation/generated/CmdBackToTopButtonPropertyDescriptions.json

@@ -1,17 +0,0 @@
-{
-    "cmdIcon": {
-        "comments": [
-            "properties for CmdIcon-component"
-        ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "partial"
-            ]
-        }
-    },
-    "scrollContainer": {
-        "comments": [
-            "define the main scroll-container (by a CSS-selector) the is button applied to"
-        ]
-    }
-}

package/src/documentation/generated/CmdBankAccountDataPropertyDescriptions.json

@@ -1,49 +0,0 @@
-{
-    "accountData": {
-        "comments": [
-            "bank account data",
-            "",
-            "must contain: owner, name of bank, IBAN, SWIFT/BIC"
-        ]
-    },
-    "allowCopyByClick": {
-        "comments": [
-            "enable if data can be copied by click on icon"
-        ]
-    },
-    "cmdIcon": {
-        "comments": [
-            "properties for CmdIcon-component"
-        ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "partial"
-            ]
-        }
-    },
-    "useSlot": {
-        "comments": [
-            "enable if you want to use the slot for the provided content"
-        ]
-    },
-    "additionalInformation": {
-        "comments": [
-            "additional information shown in a paragraph below account data"
-        ]
-    },
-    "iconCopy": {
-        "comments": [
-            "icon 'copy'"
-        ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "partial"
-            ]
-        }
-    },
-    "cmdHeadline": {
-        "comments": [
-            "properties for CmdHeadline-component"
-        ]
-    }
-}

package/src/documentation/generated/CmdBasicFormPropertyDescriptions.json

@@ -1,52 +0,0 @@
-{
-    "cmdForm": {
-        "comments": [
-            "properties for CmdForm-component"
-        ]
-    },
-    "cmdHeadline": {
-        "comments": [
-            "properties for CmdHeadline-component"
-        ]
-    },
-    "configuration": {
-        "comments": [
-            "configuration of predefined input-elements"
-        ]
-    },
-    "formAction": {
-        "comments": [
-            "provide a url the form should be send to"
-        ]
-    },
-    "legend": {
-        "comments": [
-            "legend for inner fieldset of the form"
-        ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "true"
-            ]
-        }
-    },
-    "receiverEmailAddress": {
-        "comments": [
-            "enter a valid email-address all information from the form should be send to"
-        ]
-    },
-    "showCityBeforeZip": {
-        "comments": [
-            "display city-input before zip-input (otherwise it the other way round)"
-        ]
-    },
-    "submitButton": {
-        "comments": [
-            "define the submit-button"
-        ]
-    },
-    "useNativeSubmit": {
-        "comments": [
-            "enable if you want to use a native submit-button"
-        ]
-    }
-}

package/src/documentation/generated/CmdBoxPropertyDescriptions.json

@@ -1,199 +0,0 @@
-{
-    "allowContentToScroll": {
-        "comments": [
-            "enable if the main-content of the box (inside box-body) should scroll"
-        ],
-        "annotations": {
-            "affectsStyling": [
-                "true"
-            ]
-        }
-    },
-    "boxBodyClass": {
-        "comments": [
-            "define an additional class that will be applied to the box-body"
-        ],
-        "annotations": {
-            "affectsStyling": [
-                "partial"
-            ]
-        }
-    },
-    "rowView": {
-        "comments": [
-            "arranges box-content in a row"
-        ],
-        "annotations": {
-            "affectsStyling": [
-                "true"
-            ]
-        }
-    },
-    "boxType": {
-        "comments": [
-            "set boyType to show different types of boxes/contents"
-        ],
-        "annotations": {
-            "allowedValues": [
-                "content, product, user"
-            ],
-            "affectsStyling": [
-                "true"
-            ]
-        }
-    },
-    "collapsible": {
-        "comments": [
-            "activate2 if box should be collapsible"
-        ]
-    },
-    "cutoffTextLines": {
-        "comments": [
-            "number of lines to show if text should be cutoff"
-        ]
-    },
-    "fadeLastLine": {
-        "comments": [
-            "show fade-effect on last line",
-            "",
-            "cutoffTextLines-property must be large 0"
-        ]
-    },
-    "useTransition": {
-        "comments": [
-            "use transition to expand and collapse box-body",
-            "",
-            "boyType must be 'content' and 'collapsible' must be activated"
-        ]
-    },
-    "defaultProfileIconClass": {
-        "comments": [
-            "set default profile-icon (will eb shown if no user-image exists)"
-        ]
-    },
-    "product": {
-        "comments": [
-            "the shown product (incl. name, price, image, description)"
-        ],
-        "annotations": {
-            "required": [
-                "only available for boxtype===product"
-            ]
-        }
-    },
-    "user": {
-        "comments": [
-            "the shown user-profile (incl. name, image, contact-data)"
-        ],
-        "annotations": {
-            "required": [
-                "only available for boxtype===user"
-            ]
-        }
-    },
-    "profileType": {
-        "comments": [
-            "profile types for user-boxes"
-        ],
-        "annotations": {
-            "required": [
-                "only available for boxtype===user",
-                ""
-            ],
-            "allowedValues": [
-                "'business', 'influencer', 'dating'"
-            ]
-        }
-    },
-    "useSlots": {
-        "comments": [
-            "activated if all content (incl. headline) is given by slot",
-            "",
-            "if false textBody-property must be set"
-        ]
-    },
-    "image": {
-        "comments": [
-            "image-object for box-body of content-box",
-            "",
-            "src and altText must be set if image is sed"
-        ]
-    },
-    "textBody": {
-        "comments": [
-            "String used as content (placed in a paragraph-tag) for box-body",
-            "",
-            "should only be used, if no further html-structure is required for box-body"
-        ]
-    },
-    "iconOpen": {
-        "comments": [
-            "icon to expand an accordion"
-        ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "partial"
-            ]
-        }
-    },
-    "iconClosed": {
-        "comments": [
-            "icon to collapse an accordion"
-        ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "partial"
-            ]
-        }
-    },
-    "stretchHorizontally": {
-        "comments": [
-            "allow box to be stretched as wide as parent-element"
-        ]
-    },
-    "stretchVertically": {
-        "comments": [
-            "allow box to be stretched as high as parent-element"
-        ]
-    },
-    "cmdHeadline": {
-        "comments": [
-            "properties for CmdHeadline-component (placed in box-header or box-body)"
-        ]
-    },
-    "cmdIcon": {
-        "comments": [
-            "properties for CmdIcon-component (placed in box-body)"
-        ]
-    },
-    "cmdImage": {
-        "comments": [
-            "properties for CmdImage-component (placed in box-body)"
-        ]
-    },
-    "cmdLink": {
-        "comments": [
-            "properties for CmdLink-component (placed in box-footer)"
-        ]
-    },
-    "headlinePosition": {
-        "comments": [
-            "toggle if headline for box should be placed in box-header or above text (below optional image) in box-body"
-        ]
-    },
-    "maxBoxBodyHeight": {
-        "comments": [
-            "define a maximum height for the box"
-        ]
-    },
-    "openCollapsedBox": {
-        "comments": [
-            "enable if a collapsible box should be open by default"
-        ]
-    },
-    "useBoxBodyPadding": {
-        "comments": [
-            "enable if box-body should have body (recommend if text is displayed inside)"
-        ]
-    }
-}

package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json

@@ -1,79 +0,0 @@
-{
-    "modelValueInput1": {
-        "comments": [
-            "custom modelValue for first input-field"
-        ]
-    },
-    "modelValueInput2": {
-        "comments": [
-            "custom modelValue for second input-field"
-        ]
-    },
-    "modelValueRadius": {
-        "comments": [
-            "custom modelValue for radius"
-        ]
-    },
-    "modelValueSearchFilters": {
-        "comments": [
-            "custom modelValue for search-filters"
-        ]
-    },
-    "useFilters": {
-        "comments": [
-            "toggle use of filters (must configured)"
-        ]
-    },
-    "textLegend": {
-        "comments": [
-            "text for legend"
-        ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "true"
-            ]
-        }
-    },
-    "showLegend": {
-        "comments": [
-            "toggle legend visibility",
-            "",
-            "textLegend must be set"
-        ]
-    },
-    "results": {
-        "comments": [
-            "send search result from outside to display inside this component"
-        ]
-    },
-    "cmdHeadline": {
-        "comments": [
-            "properties for CmdHeadline-component"
-        ]
-    },
-    "cmdFormElementInput1": {
-        "comments": [
-            "properties for CmdFormElement-component first search-field"
-        ]
-    },
-    "cmdFormElementInput2": {
-        "comments": [
-            "properties for CmdFormElement-component for second search-field"
-        ]
-    },
-    "cmdFormElementRadius": {
-        "comments": [
-            "properties for CmdFormElement-component for radius"
-        ]
-    },
-    "cmdFormElementSearchButton": {
-        "comments": [
-            "properties for CmdFormElement-component for search-button"
-        ]
-    },
-    "cmdFakeSelect": {
-        "comments": [
-            "properties for CmdFakeSelect-component for filters"
-        ]
-    }
-}

package/src/documentation/generated/CmdBoxWrapperPropertyDescriptions.json

@@ -1,77 +0,0 @@
-{
-    "allowMultipleExpandedBoxes": {
-        "comments": [
-            "activate if more than one collapsible box may be open at the same time"
-        ]
-    },
-    "useRowViewAsDefault": {
-        "comments": [
-            "activate if boxes should be arranged vertically (each box is a row) by default"
-        ]
-    },
-    "stretchBoxesVertically": {
-        "comments": [
-            "stretch boxes inside vertically to same height",
-            "",
-            "will not take effect on collapsable boxes"
-        ]
-    },
-    "allowUserToToggleOrientation": {
-        "comments": [
-            "activate if user can toggle grid- and row-orientation by himself"
-        ]
-    },
-    "allowTogglingCollapsingBoxes": {
-        "comments": [
-            "activate if user can toggle grid- and row-view by himself"
-        ]
-    },
-    "collapseBoxesIcon": {
-        "comments": [
-            "icon for collapsed box"
-        ]
-    },
-    "expandBoxesIcon": {
-        "comments": [
-            "icon for expanded box"
-        ]
-    },
-    "useFlexbox": {
-        "comments": [
-            "activate if you want to use a flex-container instead of a css-grid-container"
-        ]
-    },
-    "useGap": {
-        "comments": [
-            "activate if you want to use a flex-container instead of a css-grid-container"
-        ]
-    },
-    "boxesPerRow": {
-        "comments": [
-            "define the number of boxes per row (if view is grid-view)",
-            "",
-            "useFlexbox-property must be set to true",
-            "slot may not be used"
-        ]
-    },
-    "iconGridView": {
-        "comments": [
-            "define icon for grid-view"
-        ]
-    },
-    "iconRowView": {
-        "comments": [
-            "define icon for row-view"
-        ]
-    },
-    "openBoxesByDefault": {
-        "comments": [
-            "activate if collapsible boxes are opened by default"
-        ]
-    },
-    "cmdHeadline": {
-        "comments": [
-            "properties for CmdHeadline-component"
-        ]
-    }
-}

package/src/documentation/generated/CmdBreadcrumbsPropertyDescriptions.json

@@ -1,17 +0,0 @@
-{
-    "breadcrumbLabel": {
-        "comments": [
-            "label in front/left of breadcrumbs"
-        ]
-    },
-    "breadcrumbLinks": {
-        "comments": [
-            "list of breadcrumb-links (incl. path, icon and text)"
-        ]
-    },
-    "breadcrumbSeparator": {
-        "comments": [
-            "separator sign between entries"
-        ]
-    }
-}

package/src/documentation/generated/CmdCompanyLogoPropertyDescriptions.json

@@ -1,27 +0,0 @@
-{
-    "link": {
-        "comments": [
-            "link for company logo (i.e. to homepage)"
-        ]
-    },
-    "pathDefaultLogo": {
-        "comments": [
-            "path to (default) logo-file"
-        ]
-    },
-    "pathDarkmodeLogo": {
-        "comments": [
-            "path to dark-mode logo-file"
-        ]
-    },
-    "altText": {
-        "comments": [
-            "alternative text for image"
-        ],
-        "annotations": {
-            "requiredForAccessibility": [
-                "true"
-            ]
-        }
-    }
-}