comand-component-library 4.1.88 → 4.1.89
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.
@@ -2711,7 +2711,7 @@ const fn = {
|
|
2711
2711
|
*
|
2712
2712
|
* @affectsStyling: true
|
2713
2713
|
*/
|
2714
|
-
|
2714
|
+
f: {
|
2715
2715
|
type: Boolean,
|
2716
2716
|
required: !1
|
2717
2717
|
},
|
@@ -3142,7 +3142,7 @@ function ys(e, n, t, a, i, o) {
|
|
3142
3142
|
inline: t.displayLabelInline,
|
3143
3143
|
"stretch-field": t.stretchField,
|
3144
3144
|
"toggle-switch": t.toggleSwitch,
|
3145
|
-
colored:
|
3145
|
+
colored: e.colored,
|
3146
3146
|
"has-state": e.validationStatus
|
3147
3147
|
}
|
3148
3148
|
]),
|
@@ -9005,6 +9005,19 @@ const Rm = /* @__PURE__ */ P(Pm, [["render", qm]]), Nm = {
|
|
9005
9005
|
type: Boolean,
|
9006
9006
|
default: !0
|
9007
9007
|
},
|
9008
|
+
/**
|
9009
|
+
* on/off-, yes/no-color-styling
|
9010
|
+
*
|
9011
|
+
* set to true, if checkbox/radio-buttons should have green/checked and red/unchecked color-coding
|
9012
|
+
* toggleSwitch-prop must be set to "true"
|
9013
|
+
* element-prop must be set to "input" and type-attribute must be set to "checkbox" or "radio"
|
9014
|
+
*
|
9015
|
+
* @affectsStyling: true
|
9016
|
+
*/
|
9017
|
+
colored: {
|
9018
|
+
type: Boolean,
|
9019
|
+
required: !1
|
9020
|
+
},
|
9008
9021
|
/**
|
9009
9022
|
* list of input-elements inside group
|
9010
9023
|
*
|
@@ -9231,7 +9244,7 @@ function Qm(e, n, t, a, i, o) {
|
|
9231
9244
|
(l(!0), r(S, null, q(t.inputElements, (u, g) => (l(), r("label", {
|
9232
9245
|
key: g,
|
9233
9246
|
for: u.id,
|
9234
|
-
class: _({ "toggle-switch": t.toggleSwitches })
|
9247
|
+
class: _({ "toggle-switch": t.toggleSwitches, colored: t.colored })
|
9235
9248
|
}, [
|
9236
9249
|
X(s("input", {
|
9237
9250
|
type: t.inputTypes,
|
@@ -19469,7 +19482,7 @@ const b1 = /* @__PURE__ */ P(f1, [["render", y1]]), x1 = [
|
|
19469
19482
|
text: "Zimbabwe",
|
19470
19483
|
value: "zw"
|
19471
19484
|
}
|
19472
|
-
], _1 = "comand-component-library", C1 = "4.1.
|
19485
|
+
], _1 = "comand-component-library", C1 = "4.1.89", v1 = "GPL-3.0-only", w1 = "CoManD-UI", k1 = "module", T1 = {
|
19473
19486
|
prepublishOnly: "npm run build-lib",
|
19474
19487
|
dev: "vite",
|
19475
19488
|
build: "vite build",
|
@@ -21945,12 +21958,13 @@ function kk(e, n, t, a, i, o) {
|
|
21945
21958
|
]),
|
21946
21959
|
CC,
|
21947
21960
|
h(D, {
|
21948
|
-
labelText: "Grouplabel for checkbox-group styled as toggle-switches:",
|
21961
|
+
labelText: "Grouplabel for checkbox-group styled as toggle-switches (colored):",
|
21949
21962
|
inputElements: o.idForReplacedInputsInInputGroup("checkbox-group-toggle-switch"),
|
21950
21963
|
inputTypes: "checkbox",
|
21951
21964
|
modelValue: i.inputGroupValueToggleSwitchCheckbox,
|
21952
21965
|
"onUpdate:modelValue": n[63] || (n[63] = (x) => i.inputGroupValueToggleSwitchCheckbox = x),
|
21953
21966
|
toggleSwitches: !0,
|
21967
|
+
colored: !0,
|
21954
21968
|
required: "required",
|
21955
21969
|
status: i.validationStatus,
|
21956
21970
|
disabled: i.disabledStatus
|
package/package.json
CHANGED
package/src/ComponentLibrary.vue
CHANGED
@@ -867,11 +867,12 @@
|
|
867
867
|
</dl>
|
868
868
|
<h3>Input Groups with Checkboxes/Radiobuttons (toggle-switches)</h3>
|
869
869
|
<CmdInputGroup
|
870
|
-
labelText="Grouplabel for checkbox-group styled as toggle-switches:"
|
870
|
+
labelText="Grouplabel for checkbox-group styled as toggle-switches (colored):"
|
871
871
|
:inputElements="idForReplacedInputsInInputGroup('checkbox-group-toggle-switch')"
|
872
872
|
inputTypes="checkbox"
|
873
873
|
v-model="inputGroupValueToggleSwitchCheckbox"
|
874
874
|
:toggleSwitches="true"
|
875
|
+
:colored="true"
|
875
876
|
required="required"
|
876
877
|
:status="validationStatus"
|
877
878
|
:disabled="disabledStatus"
|
@@ -50,7 +50,7 @@
|
|
50
50
|
|
51
51
|
<!-- begin view without slot -->
|
52
52
|
<span v-if="!useSlot" :class="['flex-container', {'no-flex': !stretchHorizontally, 'no-gap': multipleSwitch}]">
|
53
|
-
<label v-for="(inputElement, index) in inputElements" :key="index" :for="inputElement.id" :class="{'toggle-switch': toggleSwitches}">
|
53
|
+
<label v-for="(inputElement, index) in inputElements" :key="index" :for="inputElement.id" :class="{'toggle-switch': toggleSwitches, colored: colored}">
|
54
54
|
<input
|
55
55
|
:type="inputTypes"
|
56
56
|
:id="inputElement.id"
|
@@ -118,6 +118,19 @@ export default {
|
|
118
118
|
type: Boolean,
|
119
119
|
default: true
|
120
120
|
},
|
121
|
+
/**
|
122
|
+
* on/off-, yes/no-color-styling
|
123
|
+
*
|
124
|
+
* set to true, if checkbox/radio-buttons should have green/checked and red/unchecked color-coding
|
125
|
+
* toggleSwitch-prop must be set to "true"
|
126
|
+
* element-prop must be set to "input" and type-attribute must be set to "checkbox" or "radio"
|
127
|
+
*
|
128
|
+
* @affectsStyling: true
|
129
|
+
*/
|
130
|
+
colored: {
|
131
|
+
type: Boolean,
|
132
|
+
required: false
|
133
|
+
},
|
121
134
|
/**
|
122
135
|
* list of input-elements inside group
|
123
136
|
*
|