comand-component-library 4.0.90 → 4.0.92

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "4.0.90",
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,24 @@
2
2
  "showLabelIcons": {
3
3
  "comments": [
4
4
  "show a label-icon (if exists)"
5
+ ],
6
+ "affectStyling": [
7
+ "partial"
8
+ ]
9
+ },
10
+ "showCityBeforeZip": {
11
+ "comments": [
12
+ "display city before zip (otherwise it the other way round)"
13
+ ]
14
+ },
15
+ "showIconsOnly": {
16
+ "comments": [
17
+ "show icons for entries only (no text-labels will be displayed)"
18
+ ]
19
+ },
20
+ "useSlot": {
21
+ "comments": [
22
+ "enable if you want to use the slot for the provided content"
5
23
  ]
6
24
  },
7
25
  "showLabelTexts": {
@@ -1,12 +1,17 @@
1
1
  {
2
- "iconBackToTop": {
2
+ "cmdIcon": {
3
3
  "comments": [
4
- "icon-class (and shown tooltip on hover) for back to top button"
4
+ "properties for CmdIcon-component"
5
5
  ],
6
6
  "annotations": {
7
7
  "requiredForAccessibility": [
8
8
  "partial"
9
9
  ]
10
10
  }
11
+ },
12
+ "scrollContainer": {
13
+ "comments": [
14
+ "define the main scroll-container (by a CSS-selector) the is button applied to"
15
+ ]
11
16
  }
12
17
  }
@@ -11,6 +11,21 @@
11
11
  "enable if data can be copied by click on icon"
12
12
  ]
13
13
  },
14
+ "cmdIcon": {
15
+ "comments": [
16
+ "properties for CmdIcon-component"
17
+ ],
18
+ "annotations": {
19
+ "requiredForAccessibility": [
20
+ "partial"
21
+ ]
22
+ }
23
+ },
24
+ "useSlot": {
25
+ "comments": [
26
+ "enable if you want to use the slot for the provided content"
27
+ ]
28
+ },
14
29
  "additionalInformation": {
15
30
  "comments": [
16
31
  "additional information shown in a paragraph below account data"
@@ -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": [
@@ -16,17 +16,17 @@
16
16
  },
17
17
  "cmdIcon": {
18
18
  "comments": [
19
- "icon-class for icon shown left/before headline"
20
- ]
21
- },
22
- "textAlign": {
23
- "comments": [
24
- "text-alignment"
19
+ "properties for CmdIcon-component"
25
20
  ],
26
21
  "annotations": {
27
- "allowedValues": [
28
- "\"left\", \"center\", \"right\""
22
+ "affectsStyling": [
23
+ "partial"
29
24
  ]
30
25
  }
26
+ },
27
+ "textAlign": {
28
+ "comments": [
29
+ "Align of headline-text (incl. pre-headline-text if defined)"
30
+ ]
31
31
  }
32
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
  }
@@ -1,22 +0,0 @@
1
- {
2
- "headlineText": {
3
- "comments": [
4
- "text for headline"
5
- ]
6
- },
7
- "headlineLevel": {
8
- "comments": [
9
- "level for headline"
10
- ]
11
- },
12
- "preHeadlineText": {
13
- "comments": [
14
- "small pre-headline-text above main-headline"
15
- ]
16
- },
17
- "iconClass": {
18
- "comments": [
19
- "icon-class for icon shown left/before headline"
20
- ]
21
- }
22
- }