@wavemaker/custom-widgets-m3 12.0.0-next.45068 → 12.0.0-next.45071

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.
Files changed (10) hide show
  1. custom-widgets-m3/custom-widgets-bundle.cjs.js +23 -24
  2. custom-widgets-m3/package.json +1 -1
  3. custom-widgets-m3/src/checkbox_set/page.min.js +3 -3
  4. custom-widgets-m3/src/discrete_slider/page.min.js +3 -3
  5. custom-widgets-m3/src/icon_button/page.min.js +1 -1
  6. custom-widgets-m3/src/progressbar/page.min.js +2 -2
  7. custom-widgets-m3/src/radio_set/page.min.js +3 -3
  8. custom-widgets-m3/src/slider/page.min.js +3 -3
  9. custom-widgets-m3/src/switch_button/page.min.js +2 -2
  10. custom-widgets-m3/src/switch_button/switch_button.js +23 -18
custom-widgets-m3/src/switch_button/switch_button.js CHANGED
@@ -7,22 +7,22 @@ Widget.onPropertyChange = function (propname, newvalue, oldvalue) {
7
7
  var widgetMap = Widget.Widgets;
8
8
  var _a = Widget.props, switch_type = _a.switch_type, icon = _a.icon, unselected_icon = _a.unselected_icon, required = _a.required, unchecked_value = _a.unchecked_value, checked_value = _a.checked_value, selected = _a.selected;
9
9
  switch (propname) {
10
- case 'prop-switch_type':
10
+ case "prop-switch_type":
11
11
  handleTypeChange(switch_type, icon, unselected_icon, widgetMap);
12
12
  break;
13
- case 'prop-required':
13
+ case "prop-required":
14
14
  handleRequiredChange(required, widgetMap);
15
15
  break;
16
- case 'prop-selected':
16
+ case "prop-selected":
17
17
  handleSelectedValueChange(selected, widgetMap);
18
18
  break;
19
- case 'prop-checked_value':
19
+ case "prop-checked_value":
20
20
  handleCheckedValueChange(checked_value, selected, widgetMap);
21
21
  break;
22
- case 'prop-unchecked_value':
22
+ case "prop-unchecked_value":
23
23
  handleUnCheckedValueChange(unchecked_value, selected, widgetMap);
24
24
  break;
25
- case 'prop-icon':
25
+ case "prop-icon":
26
26
  handleIconVisibiltyChange(icon, widgetMap);
27
27
  break;
28
28
  }
@@ -36,29 +36,34 @@ Widget.onReady = function () {
36
36
  handleCheckedValueChange(checked_value, selected, widgetMap);
37
37
  handleUnCheckedValueChange(unchecked_value, selected, widgetMap);
38
38
  handleSelectedValueChange(selected, widgetMap);
39
+ handleIconVisibiltyChange(icon, widgetMap);
39
40
  };
40
41
  function handleTypeChange(switch_type, icon, unselected_icon, widgetMap) {
41
- widgetMap.toggle.nativeElement.classList.remove('filled-switch', 'icon', 'unselected-icon', 'condensed-switch', 'ios-switch');
42
+ widgetMap.toggle.nativeElement.classList.remove("filled-switch", "icon", "unselected-icon", "condensed-switch", "ios-switch");
42
43
  // Set CSS classes for the toggle widget based on the switch type
43
44
  if (switch_type === "Filled") {
44
- if (icon.toString().toLowerCase() === 'true') {
45
- widgetMap.toggle.nativeElement.classList.add('filled-switch', 'icon');
45
+ if (icon.toString().toLowerCase() === "true") {
46
+ widgetMap.toggle.nativeElement.classList.add("filled-switch");
47
+ widgetMap.container1.nativeElement.classList.add("icon");
46
48
  }
47
49
  else {
48
- widgetMap.toggle.nativeElement.classList.add('filled-switch');
50
+ widgetMap.toggle.nativeElement.classList.add("filled-switch");
49
51
  }
50
52
  // Add 'unselected-icon' class if no unselected_icon is specified
51
- if (unselected_icon == null || unselected_icon === "" || unselected_icon === " ") {
52
- widgetMap.toggle.nativeElement.classList.add('filled-switch', 'icon', 'unselected-icon');
53
+ if (unselected_icon == null ||
54
+ unselected_icon === "" ||
55
+ unselected_icon === " ") {
56
+ widgetMap.toggle.nativeElement.classList.add("filled-switch", "unselected-icon");
57
+ widgetMap.container1.nativeElement.classList.add("icon");
53
58
  }
54
59
  }
55
60
  else if (switch_type === "Condensed") {
56
61
  // Add 'condensed-switch' class
57
- widgetMap.toggle.nativeElement.classList.add('condensed-switch');
62
+ widgetMap.toggle.nativeElement.classList.add("condensed-switch");
58
63
  }
59
64
  else if (switch_type === "IOS") {
60
65
  // Add 'iOS-switch' class
61
- widgetMap.toggle.nativeElement.classList.add('ios-switch');
66
+ widgetMap.toggle.nativeElement.classList.add("ios-switch");
62
67
  }
63
68
  }
64
69
  function handleRequiredChange(required, widgetMap) {
@@ -71,11 +76,11 @@ function handleCheckedValueChange(checked_value, selected, widgetMap) {
71
76
  handleSelectedValueChange(selected, widgetMap);
72
77
  }
73
78
  function handleIconVisibiltyChange(icon, widgetMap) {
74
- if (icon.toString().toLowerCase() === 'true') {
75
- widgetMap.toggle.nativeElement.classList.add('icon');
79
+ if (icon.toString().toLowerCase() === "true") {
80
+ widgetMap.container1.nativeElement.classList.add("icon");
76
81
  }
77
82
  else {
78
- widgetMap.toggle.nativeElement.classList.remove('icon');
83
+ widgetMap.container1.nativeElement.classList.remove("icon");
79
84
  }
80
85
  }
81
86
  function handleUnCheckedValueChange(unchecked_value, selected, widgetMap) {
@@ -96,7 +101,7 @@ function handleSelectedValueChange(selected, widgetMap) {
96
101
  }
97
102
  else {
98
103
  // Log a warning if the selected value does not match known values
99
- console.warn('Selected value does not match any known value');
104
+ console.warn("Selected value does not match any known value");
100
105
  // Optionally set to a default value or handle the error
101
106
  widgetMap.toggle.datavalue = widgetMap.toggle.uncheckedvalue; // Default to unchecked
102
107
  }