comand-component-library 3.1.71 → 3.1.74

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. package/dist/comand-component-library.css +1 -1
  2. package/dist/comand-component-library.umd.min.js +1 -1
  3. package/package.json +2 -2
  4. package/src/App.vue +314 -189
  5. package/src/assets/data/cookie-disclaimer.json +7 -6
  6. package/src/assets/styles/global-styles.scss +10 -40
  7. package/src/components/CmdBox.vue +7 -5
  8. package/src/components/CmdCookieDisclaimer.vue +76 -8
  9. package/src/components/CmdFakeSelect.vue +40 -50
  10. package/src/components/CmdFormElement.vue +32 -41
  11. package/src/components/CmdInputGroup.vue +158 -12
  12. package/src/components/CmdListOfRequirements.vue +128 -0
  13. package/src/components/CmdMainNavigation.vue +2 -2
  14. package/src/components/CmdToggleDarkMode.vue +27 -10
  15. package/src/components/CmdTooltip.vue +1 -1
  16. package/src/documentation/generated/CmdAddressDataPropertyDescriptions.json +32 -0
  17. package/src/documentation/generated/CmdBackToTopButtonPropertyDescriptions.json +12 -0
  18. package/src/documentation/generated/CmdBankAccountDataPropertyDescriptions.json +34 -0
  19. package/src/documentation/generated/CmdBoxPropertyDescriptions.json +96 -0
  20. package/src/documentation/generated/CmdBoxSiteSearchPropertyDescriptions.json +79 -0
  21. package/src/documentation/generated/CmdBoxWrapperPropertyDescriptions.json +47 -0
  22. package/src/documentation/generated/CmdBreadcrumbsPropertyDescriptions.json +17 -0
  23. package/src/documentation/generated/CmdCompanyLogoPropertyDescriptions.json +27 -0
  24. package/src/documentation/generated/CmdCookieDisclaimerPropertyDescriptions.json +37 -0
  25. package/src/documentation/generated/CmdCustomHeadlinePropertyDescriptions.json +22 -0
  26. package/src/documentation/generated/CmdFakeSelectPropertyDescriptions.json +84 -0
  27. package/src/documentation/generated/CmdFancyBoxPropertyDescriptions.json +62 -0
  28. package/src/documentation/generated/CmdFormElementPropertyDescriptions.json +253 -0
  29. package/src/documentation/generated/CmdFormFiltersPropertyDescriptions.json +32 -0
  30. package/src/documentation/generated/CmdFormPropertyDescriptions.json +40 -0
  31. package/src/documentation/generated/CmdGoogleMapsPropertyDescriptions.json +7 -0
  32. package/src/documentation/generated/CmdImageGalleryPropertyDescriptions.json +22 -0
  33. package/src/documentation/generated/CmdImageZoomPropertyDescriptions.json +12 -0
  34. package/src/documentation/generated/CmdInputGroupPropertyDescriptions.json +122 -0
  35. package/src/documentation/generated/CmdListOfLinksPropertyDescriptions.json +60 -0
  36. package/src/documentation/generated/CmdListOfRequirementsPropertyDescriptions.json +22 -0
  37. package/src/documentation/generated/CmdLoginFormPropertyDescriptions.json +90 -0
  38. package/src/documentation/generated/CmdMainNavigationPropertyDescriptions.json +62 -0
  39. package/src/documentation/generated/CmdMultistepFormProgressBarPropertyDescriptions.json +17 -0
  40. package/src/documentation/generated/CmdOpeningHoursPropertyDescriptions.json +42 -0
  41. package/src/documentation/generated/CmdPagerPropertyDescriptions.json +37 -0
  42. package/src/documentation/generated/CmdProgressBarPropertyDescriptions.json +32 -0
  43. package/src/documentation/generated/CmdShareButtonsPropertyDescriptions.json +34 -0
  44. package/src/documentation/generated/CmdSiteHeaderPropertyDescriptions.json +27 -0
  45. package/src/documentation/generated/CmdSlideButtonPropertyDescriptions.json +25 -0
  46. package/src/documentation/generated/CmdSlideshowPropertyDescriptions.json +42 -0
  47. package/src/documentation/generated/CmdSwitchLanguagePropertyDescriptions.json +7 -0
  48. package/src/documentation/generated/CmdSystemMessagePropertyDescriptions.json +40 -0
  49. package/src/documentation/generated/CmdTablePropertyDescriptions.json +72 -0
  50. package/src/documentation/generated/CmdTabsPropertyDescriptions.json +27 -0
  51. package/src/documentation/generated/CmdThumbnailScrollerPropertyDescriptions.json +32 -0
  52. package/src/documentation/generated/CmdTooltipPropertyDescriptions.json +17 -0
  53. package/src/documentation/generated/CmdUploadFormPropertyDescriptions.json +175 -0
  54. package/src/documentation/generated/CmdWidthLimitationWrapperPropertyDescriptions.json +41 -0
  55. package/src/mixins/CmdCookieDisclaimer/DefaultMessageProperties.js +10 -0
  56. package/src/mixins/FieldValidation.js +1 -1
@@ -0,0 +1,40 @@
1
+ {
2
+ "useValidation": {
3
+ "comments": [
4
+ "if activated the entire form will be validated by pre-coded validation"
5
+ ],
6
+ "annotations": {
7
+ "affectsStyling": [
8
+ "true"
9
+ ]
10
+ }
11
+ },
12
+ "useFieldset": {
13
+ "comments": [
14
+ "activate if you want to use a fieldset"
15
+ ],
16
+ "annotations": {
17
+ "requiredForAccessibility": [
18
+ "true"
19
+ ]
20
+ }
21
+ },
22
+ "showLegend": {
23
+ "comments": [
24
+ "toggle visibility for legend-text",
25
+ "",
26
+ "useFieldset must be activated"
27
+ ]
28
+ },
29
+ "textLegend": {
30
+ "comments": [
31
+ "text for legend",
32
+ "useFieldset must be activated"
33
+ ],
34
+ "annotations": {
35
+ "requiredForAccessibility": [
36
+ "true"
37
+ ]
38
+ }
39
+ }
40
+ }
@@ -0,0 +1,7 @@
1
+ {
2
+ "address": {
3
+ "comments": [
4
+ "address to show on Google Maps™"
5
+ ]
6
+ }
7
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "images": {
3
+ "comments": [
4
+ "list of images (incl. captions)"
5
+ ],
6
+ "annotations": {
7
+ "requiredForAccessibility": [
8
+ "partial"
9
+ ]
10
+ }
11
+ },
12
+ "figcaptionPosition": {
13
+ "comments": [
14
+ "position of figcaption"
15
+ ],
16
+ "annotations": {
17
+ "allowedValues": [
18
+ "top, bottom"
19
+ ]
20
+ }
21
+ }
22
+ }
@@ -0,0 +1,12 @@
1
+ {
2
+ "smallImageUrl": {
3
+ "comments": [
4
+ "url for small images"
5
+ ]
6
+ },
7
+ "largeImageUrl": {
8
+ "comments": [
9
+ "url for large image"
10
+ ]
11
+ }
12
+ }
@@ -0,0 +1,122 @@
1
+ {
2
+ "modelValue": {
3
+ "comments": [
4
+ "set value for v-model (must be named modelValue in vue3 if default v-model should be used)"
5
+ ]
6
+ },
7
+ "required": {
8
+ "comments": [
9
+ "set if input-group should be required"
10
+ ]
11
+ },
12
+ "validationTooltip": {
13
+ "comments": [
14
+ "tooltip for validation"
15
+ ]
16
+ },
17
+ "inputElements": {
18
+ "comments": [
19
+ "list of input-elements inside group",
20
+ "",
21
+ "useSlot-property must be set to 'false'"
22
+ ]
23
+ },
24
+ "inputTypes": {
25
+ "comments": [
26
+ "set type for inputs in group"
27
+ ],
28
+ "annotations": {
29
+ "allowedValues": [
30
+ "checkbox, radio"
31
+ ]
32
+ }
33
+ },
34
+ "status": {
35
+ "comments": [
36
+ "set status for label and inner form-elements"
37
+ ],
38
+ "annotations": {
39
+ "allowedValues": [
40
+ "error, warning, success, info",
41
+ ""
42
+ ],
43
+ "affectsStyling": [
44
+ "true"
45
+ ]
46
+ }
47
+ },
48
+ "replaceInputType": {
49
+ "comments": [
50
+ "for replacing native checkboxes/radio-buttons by custom ones (based on frontend-framework)",
51
+ "toggleSwitch-property must be set to 'false'"
52
+ ],
53
+ "annotations": {
54
+ "affectsStyling": [
55
+ "true"
56
+ ]
57
+ }
58
+ },
59
+ "toggleSwitch": {
60
+ "comments": [
61
+ "for replacing native checkboxes/radio-buttons by toggle-switches (based on frontend-framework)",
62
+ "replaceInputType-property must be set to 'false'"
63
+ ],
64
+ "annotations": {
65
+ "affectsStyling": [
66
+ "true"
67
+ ]
68
+ }
69
+ },
70
+ "useSlot": {
71
+ "comments": [
72
+ "activate if input-elements should be given by slot"
73
+ ]
74
+ },
75
+ "multipleSwitch": {
76
+ "comments": [
77
+ "toggle multipleSwitch-styling"
78
+ ],
79
+ "annotations": {
80
+ "affectsStyling": [
81
+ "true"
82
+ ]
83
+ }
84
+ },
85
+ "showLabel": {
86
+ "comments": [
87
+ "toggle label-text visibility"
88
+ ]
89
+ },
90
+ "labelText": {
91
+ "comments": [
92
+ "label-text for input-group"
93
+ ],
94
+ "annotations": {
95
+ "requiredForAccessibility": [
96
+ "true"
97
+ ]
98
+ }
99
+ },
100
+ "labelInline": {
101
+ "comments": [
102
+ "toggle label-position (inline/left of input-elements or above input-elements)"
103
+ ]
104
+ },
105
+ "stretchHorizontally": {
106
+ "comments": [
107
+ "toggle if input-elements will be stretched horizontally"
108
+ ],
109
+ "annotations": {
110
+ "affectsStyling": [
111
+ "true"
112
+ ]
113
+ }
114
+ },
115
+ "disabled": {
116
+ "comments": [
117
+ "define disabled-property to set disabled-style",
118
+ "",
119
+ "component cannot handle native disabled-attribute, because it is no native form-element"
120
+ ]
121
+ }
122
+ }
@@ -0,0 +1,60 @@
1
+ {
2
+ "sectionAnchors": {
3
+ "comments": [
4
+ "activate if component should contain a list of anchors for the section within th page"
5
+ ]
6
+ },
7
+ "activeSection": {
8
+ "comments": [
9
+ "given active section from outside to set class for styling",
10
+ "",
11
+ "sectionAnchors-property must be activated"
12
+ ]
13
+ },
14
+ "align": {
15
+ "comments": [
16
+ "set horizontal alignment",
17
+ "orientation-property must be set to 'horizontal'"
18
+ ],
19
+ "annotations": {
20
+ "allowedValues": [
21
+ "left, center, right"
22
+ ]
23
+ }
24
+ },
25
+ "cmdCustomHeadline": {
26
+ "comments": [
27
+ "properties for cmdCustomHeadline-component"
28
+ ]
29
+ },
30
+ "links": {
31
+ "comments": [
32
+ "list of displayed links"
33
+ ]
34
+ },
35
+ "orientation": {
36
+ "comments": [
37
+ "toggle orientation of list"
38
+ ],
39
+ "annotations": {
40
+ "allowedValues": [
41
+ "horizontal, vertical"
42
+ ]
43
+ }
44
+ },
45
+ "useGap": {
46
+ "comments": [
47
+ "toggle gab between links"
48
+ ]
49
+ },
50
+ "styleAsBox": {
51
+ "comments": [
52
+ "style component like a box"
53
+ ],
54
+ "annotations": {
55
+ "affectsStyling": [
56
+ "true"
57
+ ]
58
+ }
59
+ }
60
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "labelText": {
3
+ "comments": [
4
+ "text for label"
5
+ ]
6
+ },
7
+ "inputRequirements": {
8
+ "comments": [
9
+ "text for label"
10
+ ]
11
+ },
12
+ "helplink": {
13
+ "comments": [
14
+ "text for label"
15
+ ]
16
+ },
17
+ "cmdCustomHeadline": {
18
+ "comments": [
19
+ "text for label"
20
+ ]
21
+ }
22
+ }
@@ -0,0 +1,90 @@
1
+ {
2
+ "modelValue": {
3
+ "comments": [
4
+ "value for v-model (modelValue is default name in vue 3)"
5
+ ]
6
+ },
7
+ "textLegend": {
8
+ "comments": [
9
+ "text used as legend for login-fieldset"
10
+ ],
11
+ "annotations": {
12
+ "requiredForAccessibility": [
13
+ "true"
14
+ ]
15
+ }
16
+ },
17
+ "showLegend": {
18
+ "comments": [
19
+ "toggle legend visibility"
20
+ ]
21
+ },
22
+ "legendSendLoginForm": {
23
+ "comments": [
24
+ "legend for send-login-fieldset"
25
+ ],
26
+ "annotations": {
27
+ "requiredForAccessibility": [
28
+ "true"
29
+ ]
30
+ }
31
+ },
32
+ "cmdCustomHeadlineLoginForm": {
33
+ "comments": [
34
+ "properties for CmdCustomHeadline-component for login-form"
35
+ ]
36
+ },
37
+ "cmdCustomHeadlineSendLoginForm": {
38
+ "comments": [
39
+ "properties for CmdCustomHeadline-component for send-login-form"
40
+ ]
41
+ },
42
+ "cmdFormElementUsername": {
43
+ "comments": [
44
+ "properties for CmdFormElement-component for username-field"
45
+ ],
46
+ "annotations": {
47
+ "requiredForAccessibility": [
48
+ "partial"
49
+ ]
50
+ }
51
+ },
52
+ "cmdFormElementPassword": {
53
+ "comments": [
54
+ "properties for CmdFormElement-component for password-field"
55
+ ],
56
+ "annotations": {
57
+ "requiredForAccessibility": [
58
+ "partial"
59
+ ]
60
+ }
61
+ },
62
+ "cmdFormElementSendLogin": {
63
+ "comments": [
64
+ "properties for CmdFormElement-component for email-address-field (to send login-data)"
65
+ ],
66
+ "annotations": {
67
+ "requiredForAccessibility": [
68
+ "partial"
69
+ ]
70
+ }
71
+ },
72
+ "options": {
73
+ "comments": [
74
+ "options to display",
75
+ "",
76
+ "forgotPassword: toggles form to send password by email",
77
+ "createAccount: creates a link (href/router) which could lead to a register-form"
78
+ ]
79
+ },
80
+ "buttons": {
81
+ "comments": [
82
+ "button to login"
83
+ ],
84
+ "annotations": {
85
+ "requiredForAccessibility": [
86
+ "partial"
87
+ ]
88
+ }
89
+ }
90
+ }
@@ -0,0 +1,62 @@
1
+ {
2
+ "stretchMainItems": {
3
+ "comments": [
4
+ "toggle if main-entries (on first-level) should be (horizontally) stretched equally"
5
+ ]
6
+ },
7
+ "persistOnMobile": {
8
+ "comments": [
9
+ "set if navigation should persist on mobile and not be collapsed to off-canvas"
10
+ ],
11
+ "annotations": {
12
+ "affectsStyling": [
13
+ "true"
14
+ ]
15
+ }
16
+ },
17
+ "navigationEntries": {
18
+ "comments": [
19
+ "list of all navigation-entries (incl. sub-entries)"
20
+ ]
21
+ },
22
+ "closeOffcanvas": {
23
+ "comments": [
24
+ "link shown inside off-canvas-navigation to close itself"
25
+ ],
26
+ "annotations": {
27
+ "requiredForAccessibility": [
28
+ "partial"
29
+ ]
30
+ }
31
+ },
32
+ "buttonOffcanvas": {
33
+ "comments": [
34
+ "button to open off-canvas-navigation"
35
+ ],
36
+ "annotations": {
37
+ "requiredForAccessibility": [
38
+ "partial"
39
+ ]
40
+ }
41
+ },
42
+ "subentriesIconClass": {
43
+ "comments": [
44
+ "icon to show if an navigation-entry has sub-entries"
45
+ ]
46
+ },
47
+ "subSubentriesIconClass": {
48
+ "comments": [
49
+ "icon to show if a sub-entry has further sub-entries"
50
+ ]
51
+ },
52
+ "showContentOverlay": {
53
+ "comments": [
54
+ "toggle if overlay over content should be shown if off-canvas is open"
55
+ ],
56
+ "annotations": {
57
+ "affectsStyling": [
58
+ "true"
59
+ ]
60
+ }
61
+ }
62
+ }
@@ -0,0 +1,17 @@
1
+ {
2
+ "showStepNumber": {
3
+ "comments": [
4
+ "toggle visibility of step-number in front/left of link-icon and -name"
5
+ ]
6
+ },
7
+ "multisteps": {
8
+ "comments": [
9
+ "list of multisteps"
10
+ ]
11
+ },
12
+ "separatorIconClass": {
13
+ "comments": [
14
+ "icon-class for separator shown between multisteps"
15
+ ]
16
+ }
17
+ }
@@ -0,0 +1,42 @@
1
+ {
2
+ "cmdCustomHeadline": {
3
+ "comments": [
4
+ "properties for CmdCustomHeadline-component"
5
+ ]
6
+ },
7
+ "link": {
8
+ "comments": [
9
+ "set a link to a detail page"
10
+ ]
11
+ },
12
+ "closed": {
13
+ "comments": [
14
+ "toggles if \"closed\"-text will be shown"
15
+ ],
16
+ "annotations": {
17
+ "affectsStyling": [
18
+ "true"
19
+ ]
20
+ }
21
+ },
22
+ "textOpenClosed": {
23
+ "comments": [
24
+ "text for open/closed-information"
25
+ ]
26
+ },
27
+ "openingHours": {
28
+ "comments": [
29
+ "list of opening-hours"
30
+ ]
31
+ },
32
+ "textHolidaysClosed": {
33
+ "comments": [
34
+ "text to show if holidays closed (shown below opening-hours)"
35
+ ]
36
+ },
37
+ "textMiscInfo": {
38
+ "comments": [
39
+ "additional/miscellaneous text (shown below holiday-closed-text/opening hours)"
40
+ ]
41
+ }
42
+ }
@@ -0,0 +1,37 @@
1
+ {
2
+ "items": {
3
+ "comments": [
4
+ "number of items displayed"
5
+ ]
6
+ },
7
+ "itemsPerPage": {
8
+ "comments": [
9
+ "number of items shown per page"
10
+ ]
11
+ },
12
+ "showLinksAsButtons": {
13
+ "comments": [
14
+ "show links as buttons"
15
+ ]
16
+ },
17
+ "prevButton": {
18
+ "comments": [
19
+ "button to switch to previous page"
20
+ ],
21
+ "annotations": {
22
+ "requiredForAccessibility": [
23
+ "partial"
24
+ ]
25
+ }
26
+ },
27
+ "nextButton": {
28
+ "comments": [
29
+ "button to switch to next page"
30
+ ],
31
+ "annotations": {
32
+ "requiredForAccessibility": [
33
+ "partial"
34
+ ]
35
+ }
36
+ }
37
+ }
@@ -0,0 +1,32 @@
1
+ {
2
+ "labelText": {
3
+ "comments": [
4
+ "label-text for progress-bar"
5
+ ],
6
+ "annotations": {
7
+ "requiredForAccessibility": [
8
+ "true"
9
+ ]
10
+ }
11
+ },
12
+ "showLabel": {
13
+ "comments": [
14
+ "toggle visibility for label-text"
15
+ ]
16
+ },
17
+ "showLoadingStatus": {
18
+ "comments": [
19
+ "toggle visibility for loading-status"
20
+ ]
21
+ },
22
+ "id": {
23
+ "comments": [
24
+ "id for progress-bar"
25
+ ],
26
+ "annotations": {
27
+ "requiredForAccessibility": [
28
+ "true"
29
+ ]
30
+ }
31
+ }
32
+ }
@@ -0,0 +1,34 @@
1
+ {
2
+ "align": {
3
+ "comments": [
4
+ "set horizontal alignment"
5
+ ],
6
+ "annotations": {
7
+ "allowedValues": [
8
+ "left, right"
9
+ ]
10
+ }
11
+ },
12
+ "stretchButtons": {
13
+ "comments": [
14
+ "stretch-buttons to share horizontal space vertically"
15
+ ]
16
+ },
17
+ "shareButtons": {
18
+ "comments": [
19
+ "list of share-buttons (i.e. facebook, twitter etc.)"
20
+ ]
21
+ },
22
+ "page": {
23
+ "comments": [
24
+ "page to share (appended to social-bookmark-url)",
25
+ "",
26
+ "appendPage-property must be activated"
27
+ ]
28
+ },
29
+ "appendPage": {
30
+ "comments": [
31
+ "activate if page to share is not given by json-data)"
32
+ ]
33
+ }
34
+ }
@@ -0,0 +1,27 @@
1
+ {
2
+ "cmdMainNavigation": {
3
+ "comments": [
4
+ "properties for CmdMainNavigation-component"
5
+ ]
6
+ },
7
+ "closeOffcanvas": {
8
+ "comments": [
9
+ "use only if default-button of inner navigation-component should not be used"
10
+ ]
11
+ },
12
+ "sticky": {
13
+ "comments": [
14
+ "activated sticky-header (stays on top if page is scrolled)"
15
+ ]
16
+ },
17
+ "useGrid": {
18
+ "comments": [
19
+ "use a grid for positioning of inner-elements (else a flex-container will be used)"
20
+ ],
21
+ "annotations": {
22
+ "affectsStyling": [
23
+ "true"
24
+ ]
25
+ }
26
+ }
27
+ }
@@ -0,0 +1,25 @@
1
+ {
2
+ "slideButtonType": {
3
+ "comments": [
4
+ "set slide-button-type"
5
+ ],
6
+ "annotations": {
7
+ "allowedValues": [
8
+ "next, prev, up, down"
9
+ ],
10
+ "affectsStyling": [
11
+ "true"
12
+ ]
13
+ }
14
+ },
15
+ "slideButtons": {
16
+ "comments": [
17
+ "default slide-buttons"
18
+ ],
19
+ "annotations": {
20
+ "requiredForAccessibility": [
21
+ "partial"
22
+ ]
23
+ }
24
+ }
25
+ }