comand-component-library 4.0.91 → 4.0.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "4.0.91",
3
+ "version": "4.0.92",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "license": "GPL-3.0-only",
@@ -20,8 +20,7 @@
20
20
  ],
21
21
  "dependencies": {
22
22
  "clickout-event": "^1.1.2",
23
- "comand-component-library": "^4.0.87",
24
- "comand-frontend-framework": "^4.0.80",
23
+ "comand-frontend-framework": "^4.0.81",
25
24
  "comand-ui-iconfonts": "^1.0.10",
26
25
  "core-js": "^3.20.1",
27
26
  "prismjs": "^1.27.0",
@@ -2,6 +2,9 @@
2
2
  "showLabelIcons": {
3
3
  "comments": [
4
4
  "show a label-icon (if exists)"
5
+ ],
6
+ "affectStyling": [
7
+ "partial"
5
8
  ]
6
9
  },
7
10
  "showCityBeforeZip": {
@@ -14,6 +17,11 @@
14
17
  "show icons for entries only (no text-labels will be displayed)"
15
18
  ]
16
19
  },
20
+ "useSlot": {
21
+ "comments": [
22
+ "enable if you want to use the slot for the provided content"
23
+ ]
24
+ },
17
25
  "showLabelTexts": {
18
26
  "comments": [
19
27
  "show a label-text for each entry"
@@ -1,17 +1,52 @@
1
1
  {
2
+ "cmdForm": {
3
+ "comments": [
4
+ "properties for CmdForm-component"
5
+ ]
6
+ },
2
7
  "cmdHeadline": {
3
8
  "comments": [
4
- "enable toggling tooltip-visibility by click"
9
+ "properties for CmdHeadline-component"
10
+ ]
11
+ },
12
+ "configuration": {
13
+ "comments": [
14
+ "configuration of predefined input-elements"
15
+ ]
16
+ },
17
+ "formAction": {
18
+ "comments": [
19
+ "provide a url the form should be send to"
20
+ ]
21
+ },
22
+ "legend": {
23
+ "comments": [
24
+ "legend for inner fieldset of the form"
25
+ ],
26
+ "annotations": {
27
+ "requiredForAccessibility": [
28
+ "true"
29
+ ]
30
+ }
31
+ },
32
+ "receiverEmailAddress": {
33
+ "comments": [
34
+ "enter a valid email-address all information from the form should be send to"
35
+ ]
36
+ },
37
+ "showCityBeforeZip": {
38
+ "comments": [
39
+ "display city-input before zip-input (otherwise it the other way round)"
5
40
  ]
6
41
  },
7
- "methods": {
42
+ "submitButton": {
8
43
  "comments": [
9
- "enable toggling tooltip-visibility by click"
44
+ "define the submit-button"
10
45
  ]
11
46
  },
12
- "watch": {
47
+ "useNativeSubmit": {
13
48
  "comments": [
14
- "enable toggling tooltip-visibility by click"
49
+ "enable if you want to use a native submit-button"
15
50
  ]
16
51
  }
17
52
  }
@@ -1,4 +1,24 @@
1
1
  {
2
+ "allowContentToScroll": {
3
+ "comments": [
4
+ "enable if the main-content of the box (inside box-body) should scroll"
5
+ ],
6
+ "annotations": {
7
+ "affectsStyling": [
8
+ "true"
9
+ ]
10
+ }
11
+ },
12
+ "boxBodyClass": {
13
+ "comments": [
14
+ "define an additional class that will be applied to the box-body"
15
+ ],
16
+ "annotations": {
17
+ "affectsStyling": [
18
+ "partial"
19
+ ]
20
+ }
21
+ },
2
22
  "rowView": {
3
23
  "comments": [
4
24
  "arranges box-content in a row"
@@ -138,7 +158,42 @@
138
158
  },
139
159
  "cmdHeadline": {
140
160
  "comments": [
141
- "properties for CmdHeadline-component"
161
+ "properties for CmdHeadline-component (placed in box-header or box-body)"
162
+ ]
163
+ },
164
+ "cmdIcon": {
165
+ "comments": [
166
+ "properties for CmdIcon-component (placed in box-body)"
167
+ ]
168
+ },
169
+ "cmdImage": {
170
+ "comments": [
171
+ "properties for CmdImage-component (placed in box-body)"
172
+ ]
173
+ },
174
+ "cmdLink": {
175
+ "comments": [
176
+ "properties for CmdLink-component (placed in box-footer)"
177
+ ]
178
+ },
179
+ "headlinePosition": {
180
+ "comments": [
181
+ "toggle if headline for box should be placed in box-header or above text (below optional image) in box-body"
182
+ ]
183
+ },
184
+ "maxBoxBodyHeight": {
185
+ "comments": [
186
+ "define a maximum height for the box"
187
+ ]
188
+ },
189
+ "openCollapsedBox": {
190
+ "comments": [
191
+ "enable if a collapsible box should be open by default"
192
+ ]
193
+ },
194
+ "useBoxBodyPadding": {
195
+ "comments": [
196
+ "enable if box-body should have body (recommend if text is displayed inside)"
142
197
  ]
143
198
  }
144
199
  }
@@ -1,27 +1,43 @@
1
1
  {
2
- "link": {
2
+ "cmdHeadline": {
3
3
  "comments": [
4
- "link for company logo (i.e. to homepage)"
4
+ "properties for CmdHeadline-component"
5
5
  ]
6
6
  },
7
- "pathDefaultLogo": {
7
+ "containerType": {
8
8
  "comments": [
9
- "path to (default) logo-file"
9
+ "Define if the container should be a flex- or grid-container (or none of them)"
10
+ ],
11
+ "annotations": {
12
+ "affectsStyling": [
13
+ "true"
14
+ ],
15
+ "allowedValues": [
16
+ "flex, grid, none"
17
+ ]
18
+ }
19
+ },
20
+ "contentAboveSlot": {
21
+ "comments": [
22
+ "place (html-content) above the slot"
10
23
  ]
11
24
  },
12
- "pathDarkmodeLogo": {
25
+ "contentBelowSlot": {
13
26
  "comments": [
14
- "path to dark-mode logo-file"
27
+ "place (html-content) below the slot"
15
28
  ]
16
29
  },
17
- "altText": {
30
+ "contentOrientation": {
18
31
  "comments": [
19
- "alternative text for image"
32
+ "toggle if the content should be arranged horizontally or vertically"
20
33
  ],
21
- "annotations": {
22
- "requiredForAccessibility": [
23
- "true"
24
- ]
25
- }
34
+ "allowedValues": [
35
+ "horizontal, vertical"
36
+ ]
37
+ },
38
+ "innerClass": {
39
+ "comments": [
40
+ "define an additional class for the wrapper of the inner content"
41
+ ]
26
42
  }
27
43
  }
@@ -33,5 +33,10 @@
33
33
  "comments": [
34
34
  "label for button for accepting current settings"
35
35
  ]
36
+ },
37
+ "useSlot": {
38
+ "comments": [
39
+ "enable if you want to use the slot to provide content"
40
+ ]
36
41
  }
37
42
  }
@@ -19,6 +19,22 @@
19
19
  ]
20
20
  }
21
21
  },
22
+ "iconDeselectAllOptions": {
23
+ "comments": [
24
+ "set icon for 'delete all'-option (if checkboxes are used as options)"
25
+ ],
26
+ "affectStyling": [
27
+ "partial"
28
+ ]
29
+ },
30
+ "showStatusIcon": {
31
+ "comments": [
32
+ "set icon for the status (styled by validation)"
33
+ ],
34
+ "affectStyling": [
35
+ "partial"
36
+ ]
37
+ },
22
38
  "modelValue": {
23
39
  "comments": [
24
40
  "set default v-model (must be named modelValue in Vue3)"
@@ -91,7 +107,7 @@
91
107
  },
92
108
  "iconSelectAllOptions": {
93
109
  "comments": [
94
- "set icon for \"select all\"-option"
110
+ "set icon for 'select all'-option"
95
111
  ]
96
112
  }
97
113
  }
@@ -14,6 +14,16 @@
14
14
  "set if content should be loaded by url"
15
15
  ]
16
16
  },
17
+ "defaultAriaLabelText": {
18
+ "comments": [
19
+ "(hidden) text for aria-label"
20
+ ],
21
+ "annotations": {
22
+ "requiredForAccessibility": [
23
+ "true"
24
+ ]
25
+ }
26
+ },
17
27
  "showPrintButtons": {
18
28
  "comments": [
19
29
  "toggle visibility of print-buttons"
@@ -14,6 +14,14 @@
14
14
  ]
15
15
  }
16
16
  },
17
+ "showStatusIcon": {
18
+ "comments": [
19
+ "set icon for the status (styled by validation)"
20
+ ],
21
+ "affectStyling": [
22
+ "partial"
23
+ ]
24
+ },
17
25
  "showLabel": {
18
26
  "comments": [
19
27
  "hide label (and asterisk if mandatory)",
@@ -1,40 +1,52 @@
1
1
  {
2
- "novalidate": {
2
+ "formAction": {
3
3
  "comments": [
4
- "deactivate if browser-validation should be used"
4
+ "provide a url the form should be send to"
5
5
  ]
6
6
  },
7
- "useValidation": {
7
+ "submitButton": {
8
8
  "comments": [
9
- "if activated the entire form will be validated by pre-coded validation"
9
+ "define the submit-button"
10
+ ]
11
+ },
12
+ "formElements": {
13
+ "comments": [
14
+ "list of provides form elements"
15
+ ]
16
+ },
17
+ "useSlot": {
18
+ "comments": [
19
+ "enable if you want to use the slot for the provided content"
20
+ ]
21
+ },
22
+ "legend": {
23
+ "comments": [
24
+ "legend for inner fieldset of the form"
10
25
  ],
11
26
  "annotations": {
12
- "affectsStyling": [
27
+ "requiredForAccessibility": [
13
28
  "true"
14
29
  ]
15
30
  }
16
31
  },
17
- "useFieldset": {
32
+ "novalidate": {
18
33
  "comments": [
19
- "activate if you want to use a fieldset"
34
+ "deactivate if browser-validation should be used"
35
+ ]
36
+ },
37
+ "useValidation": {
38
+ "comments": [
39
+ "if activated the entire form will be validated by pre-coded validation"
20
40
  ],
21
41
  "annotations": {
22
- "requiredForAccessibility": [
42
+ "affectsStyling": [
23
43
  "true"
24
44
  ]
25
45
  }
26
46
  },
27
- "showLegend": {
28
- "comments": [
29
- "toggle visibility for legend-text",
30
- "",
31
- "useFieldset must be activated"
32
- ]
33
- },
34
- "textLegend": {
47
+ "useFieldset": {
35
48
  "comments": [
36
- "text for legend",
37
- "useFieldset must be activated"
49
+ "activate if you want to use a fieldset"
38
50
  ],
39
51
  "annotations": {
40
52
  "requiredForAccessibility": [
@@ -14,9 +14,19 @@
14
14
  "small pre-headline-text above main-headline"
15
15
  ]
16
16
  },
17
- "iconClass": {
17
+ "cmdIcon": {
18
18
  "comments": [
19
- "icon-class for icon shown left/before headline"
19
+ "properties for CmdIcon-component"
20
+ ],
21
+ "annotations": {
22
+ "affectsStyling": [
23
+ "partial"
24
+ ]
25
+ }
26
+ },
27
+ "textAlign": {
28
+ "comments": [
29
+ "Align of headline-text (incl. pre-headline-text if defined)"
20
30
  ]
21
31
  }
22
32
  }
@@ -1,4 +1,14 @@
1
1
  {
2
+ "cmdHeadline": {
3
+ "comments": [
4
+ "properties for CmdHeadline-component"
5
+ ]
6
+ },
7
+ "useFancyboxForLargeImages": {
8
+ "comments": [
9
+ "enable if images should be clickable and large version of the image (must be defined) should e displayed in a fancybox)"
10
+ ]
11
+ },
2
12
  "images": {
3
13
  "comments": [
4
14
  "list of images (incl. captions)"
@@ -8,5 +8,20 @@
8
8
  "comments": [
9
9
  "figcaption-object including visibility, position (top/bottom), text"
10
10
  ]
11
+ },
12
+ "maxFileUploadSize": {
13
+ "comments": [
14
+ "define a maximum size (in bytes) for images to upload (edit-mode only)"
15
+ ]
16
+ },
17
+ "minImageWidth": {
18
+ "comments": [
19
+ "define a minim width (in pixels) for images to upload (edit-mode only)"
20
+ ]
21
+ },
22
+ "useFigureTag": {
23
+ "comments": [
24
+ "toggle if image should be wrapped by a figure-tag (recommend if figcaption is used)"
25
+ ]
11
26
  }
12
27
  }