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
- colored: {
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: t.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.88", v1 = "GPL-3.0-only", w1 = "CoManD-UI", k1 = "module", T1 = {
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "4.1.88",
3
+ "version": "4.1.89",
4
4
  "license": "GPL-3.0-only",
5
5
  "author": "CoManD-UI",
6
6
  "private": false,
@@ -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"
@@ -376,7 +376,7 @@ export default {
376
376
  *
377
377
  * @affectsStyling: true
378
378
  */
379
- colored: {
379
+ f: {
380
380
  type: Boolean,
381
381
  required: false
382
382
  },
@@ -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
  *