comand-component-library 4.2.85 → 4.2.87
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.2.
|
|
3
|
+
"version": "4.2.87",
|
|
4
4
|
"license": "GPL-3.0-only",
|
|
5
5
|
"author": "CoManD-UI",
|
|
6
6
|
"private": false,
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"clickout-event": "^1.1.2",
|
|
32
|
-
"comand-frontend-framework": "^4.3.
|
|
32
|
+
"comand-frontend-framework": "^4.3.23",
|
|
33
33
|
"comand-ui-iconfonts": "^1.0.19",
|
|
34
34
|
"core-js": "^3.20.1",
|
|
35
35
|
"prismjs": "^1.27.0",
|
package/src/ComponentLibrary.vue
CHANGED
|
@@ -396,7 +396,11 @@
|
|
|
396
396
|
<h3>Switches without switch-labels</h3>
|
|
397
397
|
<CmdFormElement element="input" type="checkbox" id="toggle-switch-checkbox"
|
|
398
398
|
v-model="switchButtonCheckboxToggleSwitch"
|
|
399
|
-
labelText="Labeltext for Toggle-Switch without Switch-Label" :toggleSwitch="true"
|
|
399
|
+
labelText="Labeltext for Toggle-Switch without Switch-Label (not required)" :toggleSwitch="true"
|
|
400
|
+
:status="validationStatus" :disabled="disabledStatus" />
|
|
401
|
+
<CmdFormElement element="input" type="checkbox" id="toggle-switch-checkbox-required"
|
|
402
|
+
v-model="switchButtonCheckboxToggleSwitch"
|
|
403
|
+
labelText="Labeltext for Toggle-Switch without Switch-Label (required)" :toggleSwitch="true"
|
|
400
404
|
:status="validationStatus" :disabled="disabledStatus" :required="true" />
|
|
401
405
|
<CmdFormElement element="input" type="checkbox" id="toggle-switch-checkbox-colored"
|
|
402
406
|
v-model="switchButtonCheckboxToggleSwitchColored"
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<!-- begin CmdForm ---------------------------------------------------------------------------------------- -->
|
|
3
|
-
<form
|
|
4
|
-
|
|
3
|
+
<form
|
|
4
|
+
:class="['cmd-form', {error: errorOccurred}]"
|
|
5
|
+
:action="formAction"
|
|
6
|
+
:data-use-validation="useValidation"
|
|
7
|
+
@submit="onSubmit"
|
|
8
|
+
:novalidate="novalidate"
|
|
9
|
+
:method="formMethod"
|
|
10
|
+
>
|
|
5
11
|
<template v-if="useFieldset">
|
|
6
|
-
<fieldset class="flex-container"
|
|
12
|
+
<fieldset class="flex-container flex-direction-column"><!-- do not remove .flex-direction-column to keep specificity -->
|
|
7
13
|
<legend :class="{hidden : !legendOptions.show, 'align-left': legendOptions.align === 'left'}">{{
|
|
8
14
|
legendOptions.text
|
|
9
15
|
}}
|
|
@@ -1002,8 +1002,16 @@ export default {
|
|
|
1002
1002
|
}
|
|
1003
1003
|
}
|
|
1004
1004
|
|
|
1005
|
-
&.success
|
|
1006
|
-
|
|
1005
|
+
&.success {
|
|
1006
|
+
* {
|
|
1007
|
+
--status-color: var(--success-color);
|
|
1008
|
+
}
|
|
1009
|
+
|
|
1010
|
+
&:has(input[type="checkbox"], input[type="radio"]) {
|
|
1011
|
+
* {
|
|
1012
|
+
--status-color: var(--color-scheme-text-color); /* overwrite --status-color (success) for chekcboxes and radiobuttons */
|
|
1013
|
+
}
|
|
1014
|
+
}
|
|
1007
1015
|
}
|
|
1008
1016
|
}
|
|
1009
1017
|
|