@wavemaker/custom-widgets-m3 12.0.0-next.45026 → 12.0.0-next.45028

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 (22) hide show
  1. custom-widgets-m3/index.d.ts +2 -1
  2. custom-widgets-m3/index.js +2 -1
  3. custom-widgets-m3/package.json +1 -1
  4. custom-widgets-m3/src/checkbox_set/page.min.js +2 -2
  5. custom-widgets-m3/src/icon_button/page.min.js +4 -4
  6. custom-widgets-m3/src/payee_list/page.min.d.ts +7 -0
  7. custom-widgets-m3/src/payee_list/page.min.js +7 -0
  8. custom-widgets-m3/src/payee_list/payee_list.js +19 -0
  9. custom-widgets-m3/src/progressbar/page.min.d.ts +1 -1
  10. custom-widgets-m3/src/progressbar/page.min.js +6 -6
  11. custom-widgets-m3/src/radio_set/page.min.js +3 -3
  12. custom-widgets-m3/src/switch/switch.d.ts +0 -0
  13. custom-widgets-m3/src/switch/switch_button.d.ts +0 -0
  14. custom-widgets-m3/src/switch/switch_button.js +33 -0
  15. custom-widgets-m3/src/textfield/page.min.js +5 -5
  16. custom-widgets-m3/src/textfield/textfield.js +4 -4
  17. custom-widgets-m3/src/widget-registry.d.ts +6 -1
  18. custom-widgets-m3/src/widget-registry.js +66 -7
  19. /custom-widgets-m3/src/{switch_button/switch.d.ts → payee_list/payee_list.d.ts} +0 -0
  20. /custom-widgets-m3/src/{switch_button → switch}/page.min.d.ts +0 -0
  21. /custom-widgets-m3/src/{switch_button → switch}/page.min.js +0 -0
  22. /custom-widgets-m3/src/{switch_button → switch}/switch.js +0 -0
custom-widgets-m3/index.d.ts CHANGED
@@ -3,8 +3,9 @@ export * from './src/checkbox_set/page.min';
3
3
  export * from './src/divider/page.min';
4
4
  export * from './src/icon_button/page.min';
5
5
  export * from './src/input_chip/page.min';
6
+ export * from './src/payee_list/page.min';
6
7
  export * from './src/radio_set/page.min';
7
- export * from './src/switch_button/page.min';
8
+ export * from './src/switch/page.min';
8
9
  export * from './src/slider/page.min';
9
10
  export * from './src/progressbar/page.min';
10
11
  export * from './src/discrete_slider/page.min';
custom-widgets-m3/index.js CHANGED
@@ -3,8 +3,9 @@ export * from './src/checkbox_set/page.min';
3
3
  export * from './src/divider/page.min';
4
4
  export * from './src/icon_button/page.min';
5
5
  export * from './src/input_chip/page.min';
6
+ export * from './src/payee_list/page.min';
6
7
  export * from './src/radio_set/page.min';
7
- export * from './src/switch_button/page.min';
8
+ export * from './src/switch/page.min';
8
9
  export * from './src/slider/page.min';
9
10
  export * from './src/progressbar/page.min';
10
11
  export * from './src/discrete_slider/page.min';
custom-widgets-m3/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wavemaker/custom-widgets-m3",
3
- "version": "12.0.0-next.45026",
3
+ "version": "12.0.0-next.45028",
4
4
  "description": "A collection of custom widgets",
5
5
  "module": "index",
6
6
  "main": "index",
custom-widgets-m3/src/checkbox_set/page.min.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export var checkbox_set = {
2
- markup: "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-composite+name%3D%22composite%22%3E%0A++++++++%3Cwm-label+class%3D%22+control-label%22+notag%3D%22true%22+name%3D%22label1%22+caption%3D%22bind%3Aprops.label_text%22%3E%3C%2Fwm-label%3E%0A++++++++%3Cwm-container+name%3D%22container1%22%3E%0A++++++++++++%3Cwm-checkboxset+height%3D%22auto%22+name%3D%22checkboxset%22+dataset%3D%22bind%3Aprops.data_set%22+datafield%3D%22All+Fields%22+disabled%3D%22bind%3Aprops.state+%3D%3D+%26quot%3Bdisabled%26quot%3B%22+required%3D%22bind%3Aprops.required%22+datavalue%3D%22bind%3Aprops.default_value%22%3E%3C%2Fwm-checkboxset%3E%0A++++++++%3C%2Fwm-container%3E%0A++++%3C%2Fwm-composite%3E%0A%3C%2Fwm-custom-widget-container%3E",
2
+ markup: "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-composite+name%3D%22composite%22%3E%0A++++++++%3Cwm-label+class%3D%22+control-label%22+notag%3D%22true%22+name%3D%22label1%22+caption%3D%22bind%3Aprops.label_text%22%3E%3C%2Fwm-label%3E%0A++++++++%3Cwm-container+name%3D%22container1%22%3E%0A++++++++++++%3Cwm-checkboxset+height%3D%22auto%22+name%3D%22checkboxset%22+dataset%3D%22bind%3Aprops.data_set%22+datafield%3D%22All+Fields%22+disabled%3D%22bind%3Aprops.state+%3D%3D+%26quot%3BDisabled%26quot%3B%22+required%3D%22bind%3Aprops.required%22+datavalue%3D%22bind%3Aprops.default_value%22%3E%3C%2Fwm-checkboxset%3E%0A++++++++%3C%2Fwm-container%3E%0A++++%3C%2Fwm-composite%3E%0A%3C%2Fwm-custom-widget-container%3E",
3
3
  script: "%2F*%0A+*+Use+App.getDependency+for+Dependency+Injection%0A+*+eg%3A+var+DialogService+%3D+App.getDependency%28%27DialogService%27%29%3B%0A+*%2F%0A%0A%2F*+perform+any+action+on+widgets%2Fvariables+within+this+block+*%2F%0AWidget.onReady+%3D+function%28%29+%7B%0A++++%2F*%0A+++++*+variables+can+be+accessed+through+%27Widget.Variables%27+property+here%0A+++++*+e.g.+to+get+dataSet+in+a+staticVariable+named+%27loggedInUser%27+use+following+script%0A+++++*+Widget.Variables.loggedInUser.getData%28%29%0A+++++*%0A+++++*+widgets+can+be+accessed+through+%27Widget.Widgets%27+property+here%0A+++++*+e.g.+to+get+value+of+text+widget+named+%27username%27+use+following+script%0A+++++*+%27Widget.Widgets.username.datavalue%27%0A+++++*%2F%0A++++if+%28Widget.props.show_intermediate.toString%28%29.toLowerCase%28%29+%3D%3D%3D+%27true%27%29+%7B%0A++++++++Widget.Widgets.checkboxset.class+%2B%3D+%27+intermediate-checkbox%27%3B%0A++++%7D%0A%0A++++if+%28Widget.props.layout+%3D%3D%3D+%22horizontal%22%29+%7B%0A++++++++Widget.Widgets.checkboxset.class+%2B%3D+%27+horizontal%27%3B%0A++++%7D+else+%7B%0A++++++++Widget.Widgets.checkboxset.class+%2B%3D+%27+vertical%27%3B%0A++++%7D%0A++++if+%28Widget.props.label_placement+%3D%3D%3D+%22top%22%29+%7B%0A++++++++Widget.Widgets.checkboxset.class+%2B%3D+%27+top-placement%27%3B%0A++++%7D+else+if+%28Widget.props.label_placement+%3D%3D%3D+%22bottom%22%29+%7B%0A++++++++Widget.Widgets.checkboxset.class+%2B%3D+%27+bottom-placement%27%3B%0A++++%7D+else+if+%28Widget.props.label_placement+%3D%3D%3D+%22start%22%29+%7B%0A++++++++Widget.Widgets.checkboxset.class+%2B%3D+%27+start-placement%27%3B%0A++++%7D+else+%7B%0A++++++++Widget.Widgets.checkboxset.class+%2B%3D+%27%27%3B%0A++++%7D%0A++++Widget.Widgets.composite.required+%3D+Widget.props.required%3B%0A%0A%7D%3B",
4
4
  styles: ".app-checkboxset.vertical+%7B%0A++++flex-direction%3A+column%3B%0A%7D%0A%0A.app-checkboxset.intermediate-checkbox+.app-checkboxset-label%3E.caption%3A%3Aafter+%7B%0A++++top%3A+calc%28100%25+-+25px%29%3B%0A++++height%3A+0px%3B%0A++++transform%3A+translate%283px%2C+4px%29+rotate%280deg%29+%21important%3B%0A%7D%0A%0A%0A%2F*+start+label+placement+styles++*%2F%0A%0A.app-checkboxset.horizontal.start-placement+.app-checkboxset-label%3E.caption%2C%0A.app-checkboxset.vertical.start-placement+.app-checkboxset-label%3E.caption+%7B%0A++++padding-left%3A+unset%3B%0A++++padding-right%3A+32px%3B%0A%7D%0A%0A.app-checkboxset.horizontal.start-placement+.checkbox%3Elabel+.caption%3Abefore%2C%0A.app-checkboxset.vertical.start-placement+.checkbox%3Elabel+.caption%3Abefore+%7B%0A++++left%3A+unset%3B%0A++++right%3A+1px%3B%0A%7D%0A%0A.app-checkboxset.horizontal.start-placement+.checkbox%3Elabel+.caption%3Aafter%2C%0A.app-checkboxset.vertical.start-placement+.checkbox%3Elabel+.caption%3Aafter+%7B%0A++++left%3A+unset%3B%0A++++right%3A+7px%3B%0A%7D%0A%0A.app-checkboxset.horizontal.start-placement+.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%2C%0A.app-checkboxset.vertical.start-placement+.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D+%7B%0A++++left%3A+unset%3B%0A++++right%3A+-10px%3B%0A%7D%0A%0A%0A%2F*+top+label+placement+styles++*%2F%0A%0A.app-checkboxset.horizontal.top-placement+.app-checkboxset-label%3E.caption+%7B%0A++++padding-left%3A+unset%3B%0A++++padding-bottom%3A+32px%3B%0A++++min-width%3A+20px%3B%0A++++justify-content%3A+center%3B%0A++++display%3A+inline-flex%3B%0A++++margin-top%3A+unset%3B%0A%7D%0A%0A.app-checkboxset.horizontal.top-placement+.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3Aafter+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translate%28-6px%2C+4px%29+rotate%28-45deg%29+scale%281%29%3B%0A++++top%3A+32px%3B%0A%7D%0A%0A.app-checkboxset.horizontal.top-placement+.app-checkboxset-label%3E.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++top%3A+32px%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A.app-checkboxset.horizontal.top-placement+.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D+%7B%0A++++left%3A+50%25%3B%0A++++top%3A+21px%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A.app-checkboxset.vertical.top-placement+.app-checkboxset-label%3E.caption+%7B%0A++++padding-left%3A+unset%3B%0A++++padding-bottom%3A+unset%3B%0A++++padding-top%3A+32px%3B%0A%7D%0A%0A.app-checkboxset.vertical.top-placement+%7B%0A++++display%3A+flex%3B%0A++++min-width%3A+40px%3B%0A++++max-width%3A+max-content%3B%0A++++align-items%3A+center%3B%0A%7D%0A%0A.app-checkboxset.vertical.top-placement+.app-checkboxset-label%3E.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A.app-checkboxset.vertical.top-placement+.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A.wm-app+.app-checkboxset.vertical.top-placement%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3Aafter+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translate%28-6px%2C+4px%29+rotate%28-45deg%29+scale%281%29%3B%0A%7D%0A%0A%0A%2F*+bottom+label+placement+style++*%2F%0A%0A.app-checkboxset.horizontal.bottom-placement+.app-checkboxset-label%3E.caption+%7B%0A++++padding-left%3A+unset%3B%0A++++padding-top%3A+32px%3B%0A++++min-width%3A+20px%3B%0A++++justify-content%3A+center%3B%0A++++display%3A+inline-flex%3B%0A++++margin-top%3A+unset%3B%0A%7D%0A%0A.app-checkboxset.horizontal.bottom-placement+.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3Aafter+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translate%28-6px%2C+4px%29+rotate%28-45deg%29+scale%281%29%3B%0A++++top%3A+8px%3B%0A%7D%0A%0A.app-checkboxset.horizontal.bottom-placement+.app-checkboxset-label%3E.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++top%3A+8px%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A.app-checkboxset.horizontal.bottom-placement+.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D+%7B%0A++++left%3A+50%25%3B%0A++++top%3A+-2px%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A.app-checkboxset.vertical.bottom-placement+.app-checkboxset-label%3E.caption+%7B%0A++++padding-left%3A+unset%3B%0A++++padding-bottom%3A+unset%3B%0A++++padding-top%3A+32px%3B%0A%7D%0A%0A.app-checkboxset.vertical.bottom-placement+%7B%0A++++display%3A+flex%3B%0A++++min-width%3A+40px%3B%0A++++max-width%3A+max-content%3B%0A++++align-items%3A+center%3B%0A%7D%0A%0A.app-checkboxset.vertical.bottom-placement+.app-checkboxset-label%3E.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A.app-checkboxset.vertical.bottom-placement+.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A.wm-app+.app-checkboxset.vertical.bottom-placement%3E.app-checkbox.checkbox%3Elabel%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3Aafter+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translate%28-6px%2C+4px%29+rotate%28-45deg%29+scale%281%29%3B%0A%7D%0A%0A.app-checkboxset.horizontal+.app-checkboxset-label.disabled%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-checkboxset.horizontal.intermediate-checkbox+.app-checkboxset-label.disabled%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3A%3Abefore%2C%0A.app-checkboxset.vertical+.app-checkboxset-label.disabled%3Einput%5Btype%3D%22checkbox%22%5D%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-checkboxset.vertical.intermediate-checkbox+.app-checkboxset-label.disabled%3Einput%5Btype%3D%22checkbox%22%5D%2B.caption%3A%3Abefore+%7B%0A++++border-color%3A+var%28--wm-checkbox-border-color%29%3B%0A++++background-color%3A+var%28--wm-checkbox-border-color%29%3B%0A%7D",
5
5
  variables: "%7B+%7D",
6
- config: "%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-custom-widget%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22layout%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22layout%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%20horizontal%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22horizontal%20%7C%20vertical%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_intermediate%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Intermediate%20checkbox%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Controls%20whether%20the%20checkbox%20shows%20an%20indeterminate%20state.%20True%20displays%20the%20intermediate%20state%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22enabled%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20whether%20the%20component%20is%20active%20or%20inactive.%20%27enabled%27%20means%20the%20component%20is%20interactive%20and%20functional%2C%20while%20%27disabled%27%20means%20it%20is%20non-interactive%20and%20inactive%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_placement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20placement%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22top%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20label%27s%20position%20relative%20to%20the%20component%2C%20with%20options%3A%20%27top%27%20(Label%20appears%20above%20the%20component)%2C%20%27bottom%27%20(Label%20appears%20below%20the%20component)%2C%20%27start%27(Label%20appears%20left%20of%20the%20component)%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20text%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%20Text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Label%20text%20informs%20users%20about%20what%20information%20is%20requested%20for%20a%20checkboxSet%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22data_set%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Data%20Set%20values%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22yes%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20available%20options%20for%20the%20data%20set%2C%20typically%20a%20comma-separated%20list%20of%20labels%20such%20as%20%27yes%27%2C%20%27no%27%2C%20%27maybe%27%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22default_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22yes%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20for%20the%20checked%20attribute.%20Default%20is%20yes%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22required%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Required%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Indicates%20whether%20the%20radioSet%20label%20is%20mandatory.%20True%20makes%20it%20required%3B%20false%20means%20it%20is%20optional%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%20%7D%0A%7D%0A"
6
+ config: "%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-custom-widget%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22layout%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Layout%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20orientation%20of%20the%20element.%20%27horizontal%27%20indicates%20that%20the%20element%27s%20layout%20or%20behavior%20is%20aligned%20along%20the%20horizontal%20axis%20(left%20to%20right)%2C%20while%20%27vertical%27%20means%20the%20element%20is%20aligned%20along%20the%20vertical%20axis%20(top%20to%20bottom)%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22horizontal%22%2C%20%22vertical%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22horizontal%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_intermediate%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Intermediate%20checkbox%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Controls%20whether%20the%20checkbox%20shows%20an%20indeterminate%20state.%20True%20displays%20the%20intermediate%20state%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20whether%20the%20component%20is%20active%20or%20inactive.%20%27enabled%27%20means%20the%20component%20is%20interactive%20and%20functional%2C%20while%20%27disabled%27%20means%20it%20is%20non-interactive%20and%20inactive%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_placement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20placement%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20label%27s%20position%20relative%20to%20the%20component%2C%20with%20options%3A%20%27top%27%20(Label%20appears%20above%20the%20component)%2C%20%27bottom%27%20(Label%20appears%20below%20the%20component)%2C%20%27start%27%20(Label%20appears%20left%20of%20the%20component)%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22top%22%2C%20%22bottom%22%2C%20%22start%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22top%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Label%20text%20informs%20users%20about%20what%20information%20is%20requested%20for%20a%20checkboxSet%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%20Text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22data_set%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Data%20Set%20values%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20available%20options%20for%20the%20data%20set%2C%20typically%20a%20list%20of%20labels%20such%20as%20%27yes%27%2C%20%27no%27%2C%20%27maybe%27%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22yes%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22default_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20for%20the%20checked%20attribute.%20Default%20is%20%27yes%27%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22yes%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22required%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Required%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Indicates%20whether%20the%20checkboxSet%20is%20mandatory.%20True%20makes%20it%20required%3B%20false%20means%20it%20is%20optional%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%20%7D%0A%7D%0A",
7
7
  };
custom-widgets-m3/src/icon_button/page.min.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export var icon_button = {
2
- markup: "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-button+class%3D%22icon-btn%22+caption%3D%22%22+type%3D%22button%22+margin%3D%22unset%22+name%3D%22iconButton%22+iconclass%3D%22bind%3Aprops.icon_class%22+disabled%3D%22bind%3Aprops.state+%3D%3D+%26quot%3Bdisabled%26quot%3B%22%3E%3C%2Fwm-button%3E%0A%3C%2Fwm-custom-widget-container%3E",
3
- script: "%2F*%0A+*+Use+App.getDependency+for+Dependency+Injection%0A+*+eg%3A+var+DialogService+%3D+App.getDependency%28%27DialogService%27%29%3B%0A+*%2F%0A%0A%2F*+perform+any+action+on+widgets%2Fvariables+within+this+block+*%2F%0AWidget.onReady+%3D+function%28%29+%7B%0A++++%2F*%0A+++++*+variables+can+be+accessed+through+%27Widget.Variables%27+property+here%0A+++++*+e.g.+to+get+dataSet+in+a+staticVariable+named+%27loggedInUser%27+use+following+script%0A+++++*+Widget.Variables.loggedInUser.getData%28%29%0A+++++*%0A+++++*+widgets+can+be+accessed+through+%27Widget.Widgets%27+property+here%0A+++++*+e.g.+to+get+value+of+text+widget+named+%27username%27+use+following+script%0A+++++*+%27Widget.Widgets.username.datavalue%27%0A+++++*%2F%0A++++Widget.Widgets.iconButton.class+%2B%3D+%22+%22+%2B+Widget.props.style%3B%0A++++Widget.Widgets.iconButton.class+%2B%3D+%22+%22+%2B+Widget.props.tonal%3B%0A%0A++++if+%28Widget.props.button_size+%3D%3D+%22small%22%29+%7B%0A++++++++Widget.Widgets.iconButton.class+%2B%3D+%22+%22+%2B+%22icon-btn-sm%22%3B%0A++++%7D+else+if+%28Widget.props.button_size+%3D%3D+%22large%22%29+%7B%0A++++++++Widget.Widgets.iconButton.class+%2B%3D+%22+%22+%2B+%22icon-btn-lg%22%3B%0A++++%7D%0A%7D%3B",
4
- styles: ".app-button.icon-btn+.app-icon+%7B%0D%0A++++padding%3A+0%3B%0D%0A++++font-size%3A+24px%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn+%7B%0D%0A++++display%3A+inline-flex%3B%0D%0A++++justify-content%3A+center%3B%0D%0A++++align-items%3A+center%3B%0D%0A++++padding%3A+8px%3B%0D%0A++++min-height%3A+40px%3B%0D%0A++++min-width%3A+40px%3B%0D%0A++++border-radius%3A+100%25%3B%0D%0A++++box-shadow%3A+none%3B%0D%0A++++border-color%3A+transparent%3B%0D%0A++++background-color%3A+transparent%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn%3A%3Abefore+%7B%0D%0A++++content%3A+%27%27%3B%0D%0A++++position%3A+absolute%3B%0D%0A++++opacity%3A+0%3B%0D%0A++++height%3A+100%25%3B%0D%0A++++width%3A+100%25%3B%0D%0A++++border-radius%3A+100%25%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn%3Ahover%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-on-surface-variant-hover%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn%3Aactive%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-on-surface-variant-active%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn%3Afocus%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-on-surface-variant-focus%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled+%7B%0D%0A++++background%3A+var%28--wm-color-primary%29%3B%0D%0A++++color%3A+var%28--wm-color-on-primary%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled%3Ahover%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-on-primary-hover%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled%3Afocus%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-on-primary-focus%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled%3Aactive%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-on-primary-active%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.outlined+%7B%0D%0A++++color%3A+var%28--wm-color-on-surface-variant%29%3B%0D%0A++++border%3A+1px+solid+var%28--wm-color-outline%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled%3Adisabled%2C%0D%0A.app-button.icon-btn.filled.success%3Adisabled%2C%0D%0A.app-button.icon-btn.filled.danger%3Adisabled%2C%0D%0A.app-button.icon-btn.filled.info%3Adisabled%2C%0D%0A.app-button.icon-btn.filled.warning%3Adisabled+%7B%0D%0A++++background%3A+var%28--wm-state-on-surface-focus%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.outlined%3Adisabled%2C%0D%0A.app-button.icon-btn.outlined.success%3Adisabled%2C%0D%0A.app-button.icon-btn.outlined.danger%3Adisabled%2C%0D%0A.app-button.icon-btn.outlined.info%3Adisabled%2C%0D%0A.app-button.icon-btn.outlined.warning%3Adisabled+%7B%0D%0A++++border-color%3A+var%28--wm-state-on-surface-focus%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.outlined%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.standard%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.filled.success%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.filled.danger%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.filled.info%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.filled.warning%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.success%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.danger%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.warning%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.info%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.standard.success%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.standard.danger%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.standard.warning%3Adisabled+.app-icon%2C%0D%0A.app-button.icon-btn.standard.info%3Adisabled+.app-icon+%7B%0D%0A++++opacity%3A+0.38%3B%0D%0A++++color%3A+var%28--wm-color-on-surface%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled.icon-btn-sm%2C%0D%0A.app-button.icon-btn.standard.icon-btn-sm%2C%0D%0A.app-button.icon-btn.outlined.icon-btn-sm+%7B%0D%0A++++display%3A+inline-flex%3B%0D%0A++++justify-content%3A+center%3B%0D%0A++++align-items%3A+center%3B%0D%0A++++min-height%3A+32px%3B%0D%0A++++min-width%3A+32px%3B%0D%0A++++padding%3A+4px%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled.icon-btn-sm+.app-icon%2C%0D%0A.app-button.icon-btn.standard.icon-btn-sm+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.icon-btn-sm+.app-icon+%7B%0D%0A++++font-size%3A+18px%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled.icon-btn-lg%2C%0D%0A.app-button.icon-btn.standard.icon-btn-lg%2C%0D%0A.app-button.icon-btn.outlined.icon-btn-lg+%7B%0D%0A++++display%3A+inline-flex%3B%0D%0A++++justify-content%3A+center%3B%0D%0A++++align-items%3A+center%3B%0D%0A++++min-height%3A+48px%3B%0D%0A++++min-width%3A+48px%3B%0D%0A++++padding%3A+4px%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled.icon-btn-lg+.app-icon%2C%0D%0A.app-button.icon-btn.standard.icon-btn-lg+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.icon-btn-lg+.app-icon+%7B%0D%0A++++font-size%3A+32px%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.success+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.success+.app-icon+%7B%0D%0A++++color%3A+var%28--wm-color-success%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.success%3Ahover%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlined.success%3Ahover%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-success-hover%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.success%3Afocus%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlined.success%3Afocus%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-success-focus%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.success%3Aactive%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlied.success%3Aactive%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-success-active%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.outlined.success+%7B%0D%0A++++border%3A+1px+solid+var%28--wm-color-success%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled.success+%7B%0D%0A++++background%3A+var%28--wm-color-success%29%3B%0D%0A++++color%3A+var%28--wm-color-on-success%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.info+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.info+.app-icon+%7B%0D%0A++++color%3A+var%28--wm-color-info%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.info%3Ahover%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlined.info%3Ahover%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-info-hover%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.info%3Afocus%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlined.info%3Afocus%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-info-focus%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.info%3Aactive%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlied.info%3Aactive%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-info-active%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.outlined.info+%7B%0D%0A++++border%3A+1px+solid+var%28--wm-color-info%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled.info+%7B%0D%0A++++background%3A+var%28--wm-color-info%29%3B%0D%0A++++color%3A+var%28--wm-color-on-info%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.error+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.error+.app-icon+%7B%0D%0A++++color%3A+var%28--wm-color-error%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.error%3Ahover%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlined.error%3Ahover%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-error-hover%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.error%3Afocus%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlined.error%3Afocus%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-error-focus%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.error%3Aactive%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlied.error%3Aactive%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-error-active%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.outlined.error+%7B%0D%0A++++border%3A+1px+solid+var%28--wm-color-error%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled.error+%7B%0D%0A++++background%3A+var%28--wm-color-error%29%3B%0D%0A++++color%3A+var%28--wm-color-on-error%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.warning+.app-icon%2C%0D%0A.app-button.icon-btn.outlined.warning+.app-icon+%7B%0D%0A++++color%3A+var%28--wm-color-warning%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.warning%3Ahover%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlined.warning%3Ahover%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-warning-hover%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.warning%3Afocus%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlined.warning%3Afocus%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-warning-focus%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.standard.warning%3Aactive%3A%3Abefore%2C%0D%0A.app-button.icon-btn.outlied.warning%3Aactive%3A%3Abefore+%7B%0D%0A++++background%3A+var%28--wm-state-warning-active%29%3B%0D%0A++++opacity%3A+1%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.outlined.warning+%7B%0D%0A++++border%3A+1px+solid+var%28--wm-color-warning%29%3B%0D%0A%7D%0D%0A%0D%0A.app-button.icon-btn.filled.warning+%7B%0D%0A++++background%3A+var%28--wm-color-warning%29%3B%0D%0A++++color%3A+var%28--wm-color-on-warning%29%3B%0D%0A%7D",
2
+ markup: "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-button+class%3D%22icon-btn%22+caption%3D%22%22+type%3D%22button%22+margin%3D%22unset%22+name%3D%22iconButton%22+iconclass%3D%22bind%3Aprops.icon_class%22+disabled%3D%22bind%3Aprops.state+%3D%3D+%26quot%3BDisabled%26quot%3B%22%3E%3C%2Fwm-button%3E%0A%3C%2Fwm-custom-widget-container%3E",
3
+ script: "%2F*%0A+*+Use+App.getDependency+for+Dependency+Injection%0A+*+eg%3A+var+DialogService+%3D+App.getDependency%28%27DialogService%27%29%3B%0A+*%2F%0A%0A%2F*+perform+any+action+on+widgets%2Fvariables+within+this+block+*%2F%0AWidget.onReady+%3D+function%28%29+%7B%0A++++%2F*%0A+++++*+variables+can+be+accessed+through+%27Widget.Variables%27+property+here%0A+++++*+e.g.+to+get+dataSet+in+a+staticVariable+named+%27loggedInUser%27+use+following+script%0A+++++*+Widget.Variables.loggedInUser.getData%28%29%0A+++++*%0A+++++*+widgets+can+be+accessed+through+%27Widget.Widgets%27+property+here%0A+++++*+e.g.+to+get+value+of+text+widget+named+%27username%27+use+following+script%0A+++++*+%27Widget.Widgets.username.datavalue%27%0A+++++*%2F%0A%0A++++Widget.Widgets.iconButton.class+%2B%3D+%22+%22+%2B+Widget.props.style.toLowerCase%28%29%3B%0A%0A++++if+%28Widget.props.tonal+%21%3D%3D+%22None%22%29+%7B%0A++++++++Widget.Widgets.iconButton.class+%2B%3D+%22+%22+%2B+Widget.props.tonal.toLowerCase%28%29%3B%0A++++%7D+else+%7B%0A++++++++if+%28Widget.Widgets.iconButton.class.includes%28%22success%22%29%29+%7B%0A++++++++++++Widget.Widgets.iconButton.class.remove%28%22success%22%29%3B%0A++++++++%7D+else+if+%28Widget.Widgets.iconButton.class.includes%28%22error%22%29%29+%7B%0A++++++++++++Widget.Widgets.iconButton.class.remove%28%22error%22%29%3B%0A++++++++%7D+else+if+%28Widget.Widgets.iconButton.class.includes%28%22warning%22%29%29+%7B%0A++++++++++++Widget.Widgets.iconButton.class.remove%28%22warning%22%29%3B%0A++++++++%7D+else+if+%28Widget.Widgets.iconButton.class.includes%28%22info%22%29%29+%7B%0A++++++++++++Widget.Widgets.iconButton.class.remove%28%22info%22%29%3B%0A++++++++%7D%0A++++%7D%0A++++if+%28Widget.props.button_size+%3D%3D+%22Small%22%29+%7B%0A++++++++Widget.Widgets.iconButton.class+%2B%3D+%22+%22+%2B+%22icon-btn-sm%22%3B%0A++++%7D+else+if+%28Widget.props.button_size+%3D%3D+%22Large%22%29+%7B%0A++++++++Widget.Widgets.iconButton.class+%2B%3D+%22+%22+%2B+%22icon-btn-lg%22%3B%0A++++%7D+else+if+%28Widget.props.button_size+%3D%3D+%22Regular%22%29+%7B%0A++++++++if+%28Widget.Widgets.iconButton.class.includes%28%22icon-btn-sm%22%29%29+%7B%0A++++++++++++Widget.Widgets.iconButton.class.remove%28%22icon-btn-sm%22%29%3B%0A++++++++%7D+else+if+%28Widget.Widgets.iconButton.class.includes%28%22icon-btn-lg%22%29%29+%7B%0A++++++++++++Widget.Widgets.iconButton.class.remove%28%22icon-btn-lg%22%29%3B%0A++++++++%7D%0A++++%7D%0A%7D%3B",
4
+ styles: ".app-button.icon-btn+.app-icon+%7B%0A++++padding%3A+0%3B%0A++++font-size%3A+24px%3B%0A%7D%0A%0A.app-button.icon-btn+%7B%0A++++display%3A+inline-flex%3B%0A++++justify-content%3A+center%3B%0A++++align-items%3A+center%3B%0A++++padding%3A+8px%3B%0A++++min-height%3A+40px%3B%0A++++min-width%3A+40px%3B%0A++++border-radius%3A+100%25%3B%0A++++box-shadow%3A+none%3B%0A++++border-color%3A+transparent%3B%0A++++background-color%3A+transparent%3B%0A%7D%0A%0A.app-button.icon-btn%3A%3Abefore+%7B%0A++++content%3A+%27%27%3B%0A++++position%3A+absolute%3B%0A++++opacity%3A+0%3B%0A++++height%3A+100%25%3B%0A++++width%3A+100%25%3B%0A++++border-radius%3A+100%25%3B%0A%7D%0A%0A.app-button.icon-btn%3Ahover%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-on-surface-variant-hover%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn%3Aactive%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-on-surface-variant-active%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn%3Afocus%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-on-surface-variant-focus%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.filled+%7B%0A++++background%3A+var%28--wm-color-primary%29%3B%0A++++color%3A+var%28--wm-color-on-primary%29%3B%0A%7D%0A%0A.app-button.icon-btn.filled%3Ahover%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-on-primary-hover%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.filled%3Afocus%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-on-primary-focus%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.filled%3Aactive%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-on-primary-active%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.outlined+%7B%0A++++color%3A+var%28--wm-color-on-surface-variant%29%3B%0A++++border%3A+1px+solid+var%28--wm-color-outline%29%3B%0A%7D%0A%0A.app-button.icon-btn.filled%3Adisabled%2C%0A.app-button.icon-btn.filled.success%3Adisabled%2C%0A.app-button.icon-btn.filled.danger%3Adisabled%2C%0A.app-button.icon-btn.filled.info%3Adisabled%2C%0A.app-button.icon-btn.filled.warning%3Adisabled+%7B%0A++++background%3A+var%28--wm-state-on-surface-focus%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.outlined%3Adisabled%2C%0A.app-button.icon-btn.outlined.success%3Adisabled%2C%0A.app-button.icon-btn.outlined.danger%3Adisabled%2C%0A.app-button.icon-btn.outlined.info%3Adisabled%2C%0A.app-button.icon-btn.outlined.warning%3Adisabled+%7B%0A++++border-color%3A+var%28--wm-state-on-surface-focus%29%3B%0A%7D%0A%0A.app-button.icon-btn.filled%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.outlined%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.standard%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.filled.success%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.filled.danger%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.filled.info%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.filled.warning%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.outlined.success%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.outlined.danger%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.outlined.warning%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.outlined.info%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.standard.success%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.standard.danger%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.standard.warning%3Adisabled+.app-icon%2C%0A.app-button.icon-btn.standard.info%3Adisabled+.app-icon+%7B%0A++++opacity%3A+0.38%3B%0A++++color%3A+var%28--wm-color-on-surface%29%3B%0A%7D%0A%0A.app-button.icon-btn.filled.icon-btn-sm%2C%0A.app-button.icon-btn.standard.icon-btn-sm%2C%0A.app-button.icon-btn.outlined.icon-btn-sm+%7B%0A++++display%3A+inline-flex%3B%0A++++justify-content%3A+center%3B%0A++++align-items%3A+center%3B%0A++++min-height%3A+32px%3B%0A++++min-width%3A+32px%3B%0A++++padding%3A+4px%3B%0A%7D%0A%0A.app-button.icon-btn.filled.icon-btn-sm+.app-icon%2C%0A.app-button.icon-btn.standard.icon-btn-sm+.app-icon%2C%0A.app-button.icon-btn.outlined.icon-btn-sm+.app-icon+%7B%0A++++font-size%3A+18px%3B%0A%7D%0A%0A.app-button.icon-btn.filled.icon-btn-lg%2C%0A.app-button.icon-btn.standard.icon-btn-lg%2C%0A.app-button.icon-btn.outlined.icon-btn-lg+%7B%0A++++display%3A+inline-flex%3B%0A++++justify-content%3A+center%3B%0A++++align-items%3A+center%3B%0A++++min-height%3A+48px%3B%0A++++min-width%3A+48px%3B%0A++++padding%3A+4px%3B%0A%7D%0A%0A.app-button.icon-btn.filled.icon-btn-lg+.app-icon%2C%0A.app-button.icon-btn.standard.icon-btn-lg+.app-icon%2C%0A.app-button.icon-btn.outlined.icon-btn-lg+.app-icon+%7B%0A++++font-size%3A+32px%3B%0A%7D%0A%0A.app-button.icon-btn.standard.success+.app-icon%2C%0A.app-button.icon-btn.outlined.success+.app-icon+%7B%0A++++color%3A+var%28--wm-color-success%29%3B%0A%7D%0A%0A.app-button.icon-btn.standard.success%3Ahover%3A%3Abefore%2C%0A.app-button.icon-btn.outlined.success%3Ahover%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-success-hover%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.standard.success%3Afocus%3A%3Abefore%2C%0A.app-button.icon-btn.outlined.success%3Afocus%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-success-focus%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.standard.success%3Aactive%3A%3Abefore%2C%0A.app-button.icon-btn.outlied.success%3Aactive%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-success-active%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.outlined.success+%7B%0A++++border%3A+1px+solid+var%28--wm-color-success%29%3B%0A%7D%0A%0A.app-button.icon-btn.filled.success+%7B%0A++++background%3A+var%28--wm-color-success%29%3B%0A++++color%3A+var%28--wm-color-on-success%29%3B%0A%7D%0A%0A.app-button.icon-btn.standard.info+.app-icon%2C%0A.app-button.icon-btn.outlined.info+.app-icon+%7B%0A++++color%3A+var%28--wm-color-info%29%3B%0A%7D%0A%0A.app-button.icon-btn.standard.info%3Ahover%3A%3Abefore%2C%0A.app-button.icon-btn.outlined.info%3Ahover%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-info-hover%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.standard.info%3Afocus%3A%3Abefore%2C%0A.app-button.icon-btn.outlined.info%3Afocus%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-info-focus%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.standard.info%3Aactive%3A%3Abefore%2C%0A.app-button.icon-btn.outlied.info%3Aactive%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-info-active%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.outlined.info+%7B%0A++++border%3A+1px+solid+var%28--wm-color-info%29%3B%0A%7D%0A%0A.app-button.icon-btn.filled.info+%7B%0A++++background%3A+var%28--wm-color-info%29%3B%0A++++color%3A+var%28--wm-color-on-info%29%3B%0A%7D%0A%0A.app-button.icon-btn.standard.error+.app-icon%2C%0A.app-button.icon-btn.outlined.error+.app-icon+%7B%0A++++color%3A+var%28--wm-color-error%29%3B%0A%7D%0A%0A.app-button.icon-btn.standard.error%3Ahover%3A%3Abefore%2C%0A.app-button.icon-btn.outlined.error%3Ahover%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-error-hover%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.standard.error%3Afocus%3A%3Abefore%2C%0A.app-button.icon-btn.outlined.error%3Afocus%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-error-focus%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.standard.error%3Aactive%3A%3Abefore%2C%0A.app-button.icon-btn.outlied.error%3Aactive%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-error-active%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.outlined.error+%7B%0A++++border%3A+1px+solid+var%28--wm-color-error%29%3B%0A%7D%0A%0A.app-button.icon-btn.filled.error+%7B%0A++++background%3A+var%28--wm-color-error%29%3B%0A++++color%3A+var%28--wm-color-on-error%29%3B%0A%7D%0A%0A.app-button.icon-btn.standard.warning+.app-icon%2C%0A.app-button.icon-btn.outlined.warning+.app-icon+%7B%0A++++color%3A+var%28--wm-color-warning%29%3B%0A%7D%0A%0A.app-button.icon-btn.standard.warning%3Ahover%3A%3Abefore%2C%0A.app-button.icon-btn.outlined.warning%3Ahover%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-warning-hover%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.standard.warning%3Afocus%3A%3Abefore%2C%0A.app-button.icon-btn.outlined.warning%3Afocus%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-warning-focus%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.standard.warning%3Aactive%3A%3Abefore%2C%0A.app-button.icon-btn.outlied.warning%3Aactive%3A%3Abefore+%7B%0A++++background%3A+var%28--wm-state-warning-active%29%3B%0A++++opacity%3A+1%3B%0A%7D%0A%0A.app-button.icon-btn.outlined.warning+%7B%0A++++border%3A+1px+solid+var%28--wm-color-warning%29%3B%0A%7D%0A%0A.app-button.icon-btn.filled.warning+%7B%0A++++background%3A+var%28--wm-color-warning%29%3B%0A++++color%3A+var%28--wm-color-on-warning%29%3B%0A%7D",
5
5
  variables: "%7B+%7D",
6
- config: "%7B%0A%09%22widgetType%22%3A%20%22wm-custom-widget%22%2C%0A%09%22properties%22%3A%20%7B%0A%09%09%22style%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22Style%22%2C%0A%09%09%09%22description%22%3A%20%22%22%2C%0A%09%09%09%22options%22%3A%20%5B%22filled%22%2C%20%22outlined%22%2C%20%22standard%22%5D%2C%0A%09%09%09%22value%22%3A%20%22standard%22%0A%09%09%7D%2C%0A%09%09%22state%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22State%22%2C%0A%09%09%09%22description%22%3A%20%22%22%2C%0A%09%09%09%22options%22%3A%20%5B%22enabled%22%2C%20%22disabled%22%5D%2C%0A%09%09%09%22value%22%3A%20%22enabled%22%0A%09%09%7D%2C%0A%09%09%22icon_class%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Icon%20class%22%2C%0A%09%09%09%22description%22%3A%20%22%22%2C%0A%09%09%09%22value%22%3A%20%22fa%20fa-gear%22%2C%0A%09%09%09%22widget%22%3A%20%22select-icon%22%0A%09%09%7D%2C%0A%09%09%22button_size%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22Button%20size%22%2C%0A%09%09%09%22description%22%3A%20%22This%20is%20an%20optinal%20property.%20the%20value%20for%20this%20property%20must%20be%20either%20small%20or%20large%22%2C%0A%09%09%09%22options%22%3A%20%5B%22small%22%2C%20%22large%22%5D%2C%0A%09%09%09%22value%22%3A%20%22%22%0A%09%09%7D%2C%0A%09%09%22tonal%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22Tonal%22%2C%0A%09%09%09%22description%22%3A%20%22This%20is%20an%20optinal%20property.%20The%20value%20for%20this%20property%20must%20be%20either%20success%2C%20error%2C%20info%20or%20warning%22%2C%0A%09%09%09%22options%22%3A%20%5B%22success%22%2C%20%22error%22%2C%20%22info%22%2C%20%22warning%22%5D%2C%0A%09%09%09%22value%22%3A%20%22%22%0A%09%09%7D%0A%09%7D%2C%0A%09%22events%22%3A%20%7B%0A%09%09%22onRender%22%3A%20%7B%0A%09%09%09%22description%22%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%09%09%09%22eventData%22%3A%20%22%22%2C%0A%09%09%09%22displayName%22%3A%20%22Render%22%0A%09%09%7D%0A%09%7D%0A%7D%0A"
6
+ config: "%7B%0A%09%22widgetType%22%3A%20%22wm-custom-widget%22%2C%0A%09%22properties%22%3A%20%7B%0A%09%09%22style%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22Style%22%2C%0A%09%09%09%22description%22%3A%20%22%22%2C%0A%09%09%09%22options%22%3A%20%5B%22Filled%22%2C%20%22Outlined%22%2C%20%22Standard%22%5D%2C%0A%09%09%09%22value%22%3A%20%22Standard%22%0A%09%09%7D%2C%0A%09%09%22state%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22State%22%2C%0A%09%09%09%22description%22%3A%20%22%22%2C%0A%09%09%09%22options%22%3A%20%5B%22Enabled%22%2C%20%22Disabled%22%5D%2C%0A%09%09%09%22value%22%3A%20%22Enabled%22%0A%09%09%7D%2C%0A%09%09%22icon_class%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Icon%20class%22%2C%0A%09%09%09%22description%22%3A%20%22%22%2C%0A%09%09%09%22value%22%3A%20%22fa%20fa-gear%22%2C%0A%09%09%09%22widget%22%3A%20%22select-icon%22%0A%09%09%7D%2C%0A%09%09%22button_size%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22Button%20size%22%2C%0A%09%09%09%22description%22%3A%20%22This%20is%20an%20optinal%20property.%20the%20value%20for%20this%20property%20must%20be%20either%20small%20or%20large%22%2C%0A%09%09%09%22options%22%3A%20%5B%22Small%22%2C%20%22Regular%22%2C%20%22Large%22%5D%2C%0A%09%09%09%22value%22%3A%20%22Regular%22%0A%09%09%7D%2C%0A%09%09%22tonal%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22Tonal%22%2C%0A%09%09%09%22description%22%3A%20%22This%20is%20an%20optinal%20property.%20The%20value%20for%20this%20property%20must%20be%20either%20success%2C%20error%2C%20info%20or%20warning%22%2C%0A%09%09%09%22options%22%3A%20%5B%22None%22%2C%20%22Success%22%2C%20%22Error%22%2C%20%22Info%22%2C%20%22Warning%22%5D%2C%0A%09%09%09%22value%22%3A%20%22None%22%0A%09%09%7D%0A%09%7D%2C%0A%09%22events%22%3A%20%7B%0A%09%09%22onRender%22%3A%20%7B%0A%09%09%09%22description%22%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%09%09%09%22eventData%22%3A%20%22%22%2C%0A%09%09%09%22displayName%22%3A%20%22Render%22%0A%09%09%7D%0A%09%7D%0A%7D%0A",
7
7
  };
custom-widgets-m3/src/payee_list/page.min.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export namespace payee_list {
2
+ let markup: string;
3
+ let script: string;
4
+ let styles: string;
5
+ let variables: string;
6
+ let config: string;
7
+ }
custom-widgets-m3/src/payee_list/page.min.js ADDED
@@ -0,0 +1,7 @@
1
+ export var payee_list = {
2
+ "markup": "%3Cwm-custom-widget-container+as%3D%22wm-checkboxset%22%3E%0A++++%3Cwm-label+class%3D%22p+media-heading%22+name%3D%22datavalue%22+caption%3D%22bind%3AwmCheckboxset.datavalue%22%3E%3C%2Fwm-label%3E%0A++++%3Cwm-list+listclass%3D%22list-group%22+itemclass%3D%22list-group-item%22+template%3D%22true%22+template-name%3D%22Contact+List%22+itemsperrow%3D%22xs-1+sm-1+md-1+lg-1%22+class%3D%22media-list%22+datafield%3D%22bind%3AwmCheckboxset.datafield%22+statehandler%3D%22URL%22+name%3D%22sizesList1%22+dataset%3D%22bind%3AwmCheckboxset.datasetItems%22%0A++++++++direction%3D%22vertical%22+on-click%3D%22selectItem%28%24event%2C+widget%29%22+navigation%3D%22None%22%3E%0A++++++++%3Cwm-listtemplate+layout%3D%22inline%22+name%3D%22listtemplate1%22%3E%0A++++++++++++%3Cwm-container+class%3D%22media-left%22+name%3D%22container2%22%3E%0A++++++++++++++++%3Cwm-icon+name%3D%22icon1%22+iconclass%3D%22wm-sl-l+sl-check%22+show%3D%22bind%3AwmCheckboxset.datasetItems%5B%24i%5D.selected%22%3E%3C%2Fwm-icon%3E%0A++++++++++++%3C%2Fwm-container%3E%0A++++++++++++%3Cwm-container+class%3D%22media-body%22+name%3D%22container3%22%3E%0A++++++++++++++++%3Cwm-picture+resizemode%3D%22contain%22+name%3D%22picture1%22+pictureplaceholder%3D%22bind%3AwmCheckboxset.datasetItems%5B%24i%5D.value.icon%22+shape%3D%22circle%22+width%3D%2250px%22+height%3D%2250px%22%3E%3C%2Fwm-picture%3E%0A++++++++++++++++%3Cwm-label+class%3D%22p+media-heading%22+name%3D%22firstName%22+caption%3D%22bind%3AwmCheckboxset.datasetItems%5B%24i%5D.value.firstName%22%3E%3C%2Fwm-label%3E%0A++++++++++++++++%3Cwm-label+class%3D%22p+media-heading%22+name%3D%22lastName%22+caption%3D%22bind%3AwmCheckboxset.datasetItems%5B%24i%5D.value.lastName%22%3E%3C%2Fwm-label%3E%0A++++++++++++++++%3Cwm-label+class%3D%22p+media-heading%22+name%3D%22details%22+caption%3D%22bind%3AwmCheckboxset.datasetItems%5B%24i%5D.value.details%22%3E%3C%2Fwm-label%3E%0A++++++++++++%3C%2Fwm-container%3E%0A++++++++%3C%2Fwm-listtemplate%3E%0A++++%3C%2Fwm-list%3E%0A%3C%2Fwm-custom-widget-container%3E",
3
+ "script": "%2F*+%0A+*+Use+App.getDependency+for+Dependency+Injection%0A+*+eg%3A+var+DialogService+%3D+App.getDependency%28%27DialogService%27%29%3B%0A+*%2F%0A%0A%2F*+perform+any+action+on+widgets%2Fvariables+within+this+block+*%2F%0AWidget.onReady+%3D+function%28%29+%7B%0A++++%2F*+%0A+++++*+variables+can+be+accessed+through+%27Page.Variables%27+property+here%0A+++++*+e.g.+to+get+dataSet+in+a+staticVariable+named+%27loggedInUser%27+use+following+script%0A+++++*+Page.Variables.loggedInUser.getData%28%29%0A+++++*+%0A+++++*+widgets+can+be+accessed+through+%27Page.Widgets%27+property+here%0A+++++*+e.g.+to+get+value+of+text+widget+named+%27username%27+use+following+script%0A+++++*+%27Page.Widgets.username.datavalue%27%0A+++++*%2F%0A++++console.log%28%27wmcheckboxset%27%2C+Widget.wmCheckboxset%29%3B%0A%7D%3B%0A%0AWidget.selectItem+%3D+function%28%24event%2C+widget%29+%7B%0A++++Widget.wmCheckboxset._select%28widget.item%2C+%24event%29%3B%0A%7D%3B",
4
+ "styles": ".app-container+%7B%0A++++min-width%3A+30px%3B%0A%7D%0A%0A.media-heading+%7B%0A++++display%3A+inline-block+%21important%3B%0A++++width%3A+auto+%21important%3B%0A++++padding%3A+0+0+0+15px%3B%0A%7D",
5
+ "variables": "%7B+%7D",
6
+ "config": "%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-checkboxset%22%2C%0A%22properties%22%20%3A%20%7B%7D%0A%7D%0A"
7
+ };
custom-widgets-m3/src/payee_list/payee_list.js ADDED
@@ -0,0 +1,19 @@
1
+ /*
2
+ * Use App.getDependency for Dependency Injection
3
+ * eg: var DialogService = App.getDependency('DialogService');
4
+ */
5
+ /* perform any action on widgets/variables within this block */
6
+ Widget.onReady = function () {
7
+ /*
8
+ * variables can be accessed through 'Widget.Variables' property here
9
+ * e.g. to get dataSet in a staticVariable named 'loggedInUser' use following script
10
+ * Widget.Variables.loggedInUser.getData()
11
+ *
12
+ * widgets can be accessed through 'Widget.Widgets' property here
13
+ * e.g. to get value of text widget named 'username' use following script
14
+ * 'Widget.Widgets.username.datavalue'
15
+ */
16
+ };
17
+ Widget.selectItem = function ($event, widget) {
18
+ Widget.wmCheckboxset._select(widget.item, $event);
19
+ };
custom-widgets-m3/src/progressbar/page.min.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export namespace progresbar {
1
+ export namespace progressbar {
2
2
  let markup: string;
3
3
  let script: string;
4
4
  let styles: string;
custom-widgets-m3/src/progressbar/page.min.js CHANGED
@@ -1,7 +1,7 @@
1
- export var progresbar = {
2
- "markup": "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-container+name%3D%22container1%22+class%3D%22progress-wrapper%22%3E%0A++++++++%3Cwm-container+name%3D%22container2%22+class%3D%22progress-track%22%3E%0A++++++++++++%3Cwm-container+name%3D%22container3%22+class%3D%22dot%22%3E%3C%2Fwm-container%3E%0A++++++++++++%3Cwm-container+name%3D%22container4%22+class%3D%22progress%22%3E%3C%2Fwm-container%3E%0A++++++++++++%3Cwm-container+name%3D%22container5%22+class%3D%22progress-inactive-track%22%3E%3C%2Fwm-container%3E%0A++++++++%3C%2Fwm-container%3E%0A++++%3C%2Fwm-container%3E%0A%3C%2Fwm-custom-widget-container%3E",
3
- "script": "%2F*+*+Use+App.getDependency+for+Dependency+Injection+*+eg%3A+var+DialogService+%3D+App.getDependency%28%27DialogService%27%29%3B+*%2F%0A%2F*+perform+any+action+on+widgets%2Fvariables+within+this+block+*%2F%0AWidget.onReady+%3D+function%28%29+%7B%0A++++%2F*%0A+++++*+variables+can+be+accessed+through+%27Widget.Variables%27+property+here%0A+++++*+e.g.+to+get+dataSet+in+a+staticVariable+named+%27loggedInUser%27+use+following+script%0A+++++*+Widget.Variables.loggedInUser.getData%28%29%0A+++++*%0A+++++*+widgets+can+be+accessed+through+%27Widget.Widgets%27+property+here%0A+++++*+e.g.+to+get+value+of+text+widget+named+%27username%27+use+following+script%0A+++++*+%27Widget.Widgets.username.datavalue%27%0A+++++*%2F%0A++++setTimeout%28function%28%29+%7B%0A++++++++%2F%2F+Extract+the+numeric+value+and+unit+from+progress_value++++%0A++++++++let+progressValue+%3D+Widget.props.progress_value%3B%0A++++++++let+numericValue+%3D+parseFloat%28progressValue%29%3B%0A++++++++let+unit+%3D+progressValue.slice%28-1%29%3B%0A%0A++++++++%2F%2F+This+will+be+%22%25%22+or+%22p%22+++++++%0A%0A++++++++%2F%2F+Check+if+the+value+is+in+percentage+or+pixels++++++++%0A%0A++++++++if+%28unit+%3D%3D%3D+%22%25%22%29+%7B%0A++++++++++++%2F%2F+Compare+if+the+percentage+value+is+equal+to+or+greater+than+100++%0A++++++++++++if+%28numericValue+%3E%3D+100%29+%7B%0A++++++++++++++++Widget.Widgets.container4.class+%2B%3D+%22+full-width%22%3B%0A++++++++++++%7D%0A++++++++%7D+else+if+%28unit+%3D%3D%3D+%22p%22%29+%7B%0A++++++++++++%2F%2F+Assume+%22px%22+value%2C+convert+to+numeric+and+compare+if+it%27s+%3E%3D+100+pixels+++%0A++++++++++++if+%28numericValue+%3E%3D+100%29+%7B%0A++++++++++++++++Widget.Widgets.container4.class+%2B%3D+%22%22%3B%0A++++++++++++%7D%0A++++++++%7D%0A++++++++%2F%2F+Apply+indeterminate+or+determinate+class+based+on+progress_type++++%0A++++++++if+%28Widget.props.progress_type+%3D%3D%3D+%22Indeterminate%22%29+%7B%0A++++++++++++Widget.Widgets.container1.class+%2B%3D+%22+indeterminate%22%3B%0A++++++++%7D+else+%7B%0A++++++++++++Widget.Widgets.container1.class+%2B%3D+%22+determinate%22%3B%0A++++++++%7D%0A++++++++%2F%2F+Set+the+progress+width+based+on+progress_value%0A++++++++Widget.Variables.staticVariable1.dataSet.dataValue+%3D+progressValue+%2B+%22%25%22%3B%0A++++++++Widget.Widgets.container2.%24element%5B0%5D.style.setProperty%28%22--progress-width%22%2C+progressValue+%2B+%22%25%22%29%3B%0A%0A++++++++let+transitionDuration+%3D+Widget.props.transition_duration+%3F+Widget.props.transition_duration+%3A+1%3B%0A++++++++console.log%28transitionDuration%29%3B%0A++++++++%2F%2F+debugger%3B%0A++++++++let+progressTrack+%3D+Widget.Widgets.container4.%24element%5B0%5D%3B%0A++++++++let+progress+%3D+Widget.Widgets.container2.%24element%5B0%5D%3B%0A++++++++let+transitionValue+%3D+%60%24%7BparseFloat%28transitionDuration%29%7Ds%60%3B%0A++++++++progress.style.setProperty%28%22--transition-duration%22%2C+transitionValue%29%3B%0A++++++++progressTrack.style.setProperty%28%22--transition-duration%22%2C+transitionValue%29%3B+%2F%2F+Apply+to+the+track+as+well%0A++++++++console.log%28%27transition+%3A%27%2C+transitionValue%29%3B%0A++++%7D%2C+500%29%3B%0A%0A%7D",
4
- "styles": ".app-container.progress-wrapper+%7B%0A++++display%3A+block%3B%0A++++margin%3A+20px%3B%0A++++padding%3A+20px%3B%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track+%7B%0A++++display%3A+flex%3B%0A++++align-items%3A+center%3B%0A++++gap%3A+6px%3B%0A++++height%3A+10px%3B%0A++++width%3A+100%25%3B%0A++++border-radius%3A+8px%3B%0A++++position%3A+relative%3B%0A++++overflow%3A+hidden%3B%0A++++--progress-width%3A+0%25%3B%0A++++--transition-duration%3A+0.6%25%3B%0A++++%2F*+Default+width+of+progress+*%2F%0A%7D%0A%0A.app-container.progress-wrapper.indeterminate+.progress+%7B%0A++++animation%3A+progressAnimation+3s+linear+infinite%3B%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track.app-container%3E.app-container.progress.full-width+%7B%0A++++border-top-right-radius%3A+0px%3B%0A++++border-bottom-right-radius%3A+0px%3B%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track+.app-container.dot+%7B%0A++++height%3A+100%25%3B%0A++++width%3A+10px%3B%0A++++border-radius%3A+50%25%3B%0A++++display%3A+block%3B%0A++++background-color%3A+%236750A4%3B%0A++++position%3A+absolute%3B%0A++++right%3A+0%3B%0A++++z-index%3A+1%3B%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track+.app-container.progress-inactive-track+%7B%0A++++background-color%3A+%23FEF7FF%3B%0A++++height%3A+100%25%3B%0A++++width%3A+calc%28100%25+-+var%28--progress-width%29%29%3B%0A++++%2F*+Full+width+initially+*%2F%0A++++border-radius%3A+8px%3B%0A++++position%3A+relative%3B%0A++++transition%3A+width+var%28--transition-duration%29+ease%3B%0A++++%2F*+transition%3A+width+0.6+ease%3B+*%2F%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track+.app-container.progress+%7B%0A++++background-color%3A+%236750A4%3B%0A++++height%3A+100%25%3B%0A++++width%3A+var%28--progress-width%29%3B%0A++++%2F*+Width+controlled+by+custom+property+*%2F%0A++++border-radius%3A+8px%3B%0A++++transition%3A+width+var%28--transition-duration%29+ease%3B%0A++++%2F*+transition%3A+width+0.6+ease%3B+*%2F%0A%7D%0A%0A.app-container.progress-wrapper.indeterminate+.app-container.progress-track+.app-container.progress+%7B%0A++++width%3A+var%28--progress-width%29+%21important%3B%0A%7D%0A%0A.app-container.progress-wrapper.indeterminate+.app-container.progress-track+.app-container.progress-inactive-track+%7B%0A++++width%3A+calc%28100%25+-+var%28--progress-width%29%29+%21important%3B%0A%7D%0A%0A%40keyframes+progressAnimation+%7B%0A++++0%25+%7B%0A++++++++width%3A+0%25%3B%0A++++%7D%0A++++20%25+%7B%0A++++++++width%3A+30%25%3B%0A++++%7D%0A++++50%25+%7B%0A++++++++width%3A+100%25%3B%0A++++%7D%0A++++60%25+%7B%0A++++++++width%3A+700%25%3B%0A++++%7D%0A++++70%25+%7B%0A++++++++width%3A+1000%25%3B%0A++++%7D%0A++++100%25+%7B%0A++++++++width%3A+50000%25%3B%0A++++%7D%0A%7D",
5
- "variables": "%7B%0A++%22staticVariable1%22+%3A+%7B%0A++++%22_id%22+%3A+%22wm-staticVariable1-wm.Variable-1722513387770%22%2C%0A++++%22name%22+%3A+%22staticVariable1%22%2C%0A++++%22owner%22+%3A+%22Page%22%2C%0A++++%22category%22+%3A+%22wm.Variable%22%2C%0A++++%22dataBinding%22+%3A+%5B+%7B%0A++++++%22target%22+%3A+%22dataValue%22%2C%0A++++++%22value%22+%3A+%220%25%22%0A++++%7D+%5D%2C%0A++++%22dataSet%22+%3A+%7B%0A++++++%22dataValue%22+%3A+%22%22%0A++++%7D%2C%0A++++%22type%22+%3A+%22string%22%2C%0A++++%22isList%22+%3A+false%2C%0A++++%22twoWayBinding%22+%3A+false%2C%0A++++%22saveInPhonegap%22+%3A+false%0A++%7D%2C%0A++%22staticVariable2%22+%3A+%7B%0A++++%22_id%22+%3A+%22wm-staticVariable2-wm.Variable-1722940540972%22%2C%0A++++%22name%22+%3A+%22staticVariable2%22%2C%0A++++%22owner%22+%3A+%22Page%22%2C%0A++++%22category%22+%3A+%22wm.Variable%22%2C%0A++++%22dataBinding%22+%3A+%5B+%7B%0A++++++%22target%22+%3A+%22dataValue%22%2C%0A++++++%22value%22+%3A+%220%22%0A++++%7D+%5D%2C%0A++++%22dataSet%22+%3A+%5B+%7B%0A++++++%22dataValue%22+%3A+%22%22%0A++++%7D+%5D%2C%0A++++%22type%22+%3A+%22string%22%2C%0A++++%22isList%22+%3A+true%2C%0A++++%22twoWayBinding%22+%3A+false%2C%0A++++%22saveInPhonegap%22+%3A+false%0A++%7D%0A%7D",
6
- "config": "%7B%0A%20%20%20%20%22widgetType%22%3A%20%22wm-custom-widget%22%2C%0A%20%20%20%20%22properties%22%3A%20%7B%0A%20%20%20%20%20%20%22progress_value%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%3A%20%22string%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%3A%20%22Progress%20Value%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%3A%20%22Sets%20the%20current%20progress%20of%20the%20bar.%20This%20value%20represents%20the%20percentage%20of%20completion.%22%2C%0A%20%20%20%20%20%20%20%20%22value%22%3A%20%220%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22progress_type%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%3A%20%22list%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%3A%20%22Progress%20Type%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%3A%20%22Specifies%20the%20type%20of%20progress%20bar.%20Options%20include%20%27determinate%27%20for%20a%20fixed%20progress%20bar%20or%20%27indeterminate%27%20for%20an%20animated%20progress%20bar%20without%20a%20fixed%20end.%22%2C%0A%20%20%20%20%20%20%20%20%22options%22%3A%20%5B%22Determinate%22%2C%20%22Indeterminate%22%5D%2C%0A%20%20%20%20%20%20%20%20%22value%22%3A%20%22Determinate%22%0A%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%22transition_duration%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22type%22%3A%20%22string%22%2C%0A%20%20%20%20%20%20%20%20%22displayName%22%3A%20%22Transition%20Duration%22%2C%0A%20%20%20%20%20%20%20%20%22description%22%3A%20%22Defines%20the%20duration%20of%20the%20progress%20transition%20animation.%20This%20value%20should%20be%20specified%20in%20a%20time%20format%20such%20as%20%27500ms%27%20or%20%272s%27.%22%2C%0A%20%20%20%20%20%20%20%20%22value%22%3A%20%223s%22%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22events%22%3A%20%7B%0A%20%20%20%20%20%20%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20%0A"
1
+ export var progressbar = {
2
+ markup: "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-container+name%3D%22container1%22+class%3D%22progress-wrapper%22%3E%0A++++++++%3Cwm-container+name%3D%22container2%22+class%3D%22progress-track%22%3E%0A++++++++++++%3Cwm-container+name%3D%22container3%22+class%3D%22dot%22%3E%3C%2Fwm-container%3E%0A++++++++++++%3Cwm-container+name%3D%22container4%22+class%3D%22progress%22%3E%3C%2Fwm-container%3E%0A++++++++++++%3Cwm-container+name%3D%22container5%22+class%3D%22progress-inactive-track%22%3E%3C%2Fwm-container%3E%0A++++++++%3C%2Fwm-container%3E%0A++++%3C%2Fwm-container%3E%0A%3C%2Fwm-custom-widget-container%3E",
3
+ script: "%2F*+*+Use+App.getDependency+for+Dependency+Injection+*+eg%3A+var+DialogService+%3D+App.getDependency%28%27DialogService%27%29%3B+*%2F%0A%2F*+perform+any+action+on+widgets%2Fvariables+within+this+block+*%2F%0AWidget.onReady+%3D+function%28%29+%7B%0A++++%2F*%0A+++++*+variables+can+be+accessed+through+%27Widget.Variables%27+property+here%0A+++++*+e.g.+to+get+dataSet+in+a+staticVariable+named+%27loggedInUser%27+use+following+script%0A+++++*+Widget.Variables.loggedInUser.getData%28%29%0A+++++*%0A+++++*+widgets+can+be+accessed+through+%27Widget.Widgets%27+property+here%0A+++++*+e.g.+to+get+value+of+text+widget+named+%27username%27+use+following+script%0A+++++*+%27Widget.Widgets.username.datavalue%27%0A+++++*%2F%0A++++setTimeout%28function%28%29+%7B%0A++++++++%2F%2F+Extract+the+numeric+value+and+unit+from+progress_value++++%0A++++++++let+progressValue+%3D+Widget.props.progress%3B%0A++++++++let+numericValue+%3D+parseFloat%28progressValue%29%3B%0A++++++++let+unit+%3D+progressValue.slice%28-1%29%3B%0A%0A++++++++%2F%2F+This+will+be+%22%25%22+or+%22p%22+++++++%0A%0A++++++++%2F%2F+Check+if+the+value+is+in+percentage+or+pixels++++++++%0A%0A++++++++if+%28unit+%3D%3D%3D+%22%25%22%29+%7B%0A++++++++++++%2F%2F+Compare+if+the+percentage+value+is+equal+to+or+greater+than+100++%0A++++++++++++if+%28numericValue+%3E%3D+100%29+%7B%0A++++++++++++++++Widget.Widgets.container4.class+%2B%3D+%22+full-width%22%3B%0A++++++++++++%7D%0A++++++++%7D+else+if+%28unit+%3D%3D%3D+%22p%22%29+%7B%0A++++++++++++%2F%2F+Assume+%22px%22+value%2C+convert+to+numeric+and+compare+if+it%27s+%3E%3D+100+pixels+++%0A++++++++++++if+%28numericValue+%3E%3D+100%29+%7B%0A++++++++++++++++Widget.Widgets.container4.class+%2B%3D+%22%22%3B%0A++++++++++++%7D%0A++++++++%7D%0A++++++++%2F%2F+Apply+indeterminate+or+determinate+class+based+on+progress_type++++%0A++++++++if+%28Widget.props.progress_type+%3D%3D%3D+%22Indeterminate%22%29+%7B%0A++++++++++++Widget.Widgets.container1.class+%2B%3D+%22+indeterminate%22%3B%0A++++++++%7D+else+%7B%0A++++++++++++Widget.Widgets.container1.class+%2B%3D+%22+determinate%22%3B%0A++++++++%7D%0A++++++++%2F%2F+Set+the+progress+width+based+on+progress_value%0A++++++++Widget.Variables.staticVariable1.dataSet.dataValue+%3D+progressValue+%2B+%22%25%22%3B%0A++++++++Widget.Widgets.container2.%24element%5B0%5D.style.setProperty%28%22--progress-width%22%2C+progressValue+%2B+%22%25%22%29%3B%0A%0A++++++++let+transitionDuration+%3D+Widget.props.transition_duration+%3F+Widget.props.transition_duration+%3A+1%3B%0A++++++++console.log%28transitionDuration%29%3B%0A++++++++%2F%2F+debugger%3B%0A++++++++let+progressTrack+%3D+Widget.Widgets.container4.%24element%5B0%5D%3B%0A++++++++let+progress+%3D+Widget.Widgets.container2.%24element%5B0%5D%3B%0A++++++++let+transitionValue+%3D+%60%24%7BparseFloat%28transitionDuration%29%7Ds%60%3B%0A++++++++progress.style.setProperty%28%22--transition-duration%22%2C+transitionValue%29%3B%0A++++++++progressTrack.style.setProperty%28%22--transition-duration%22%2C+transitionValue%29%3B+%2F%2F+Apply+to+the+track+as+well%0A++++++++console.log%28%27transition+%3A%27%2C+transitionValue%29%3B%0A++++%7D%2C+500%29%3B%0A%0A%7D",
4
+ styles: ".app-container.progress-wrapper+%7B%0A++++display%3A+block%3B%0A++++margin%3A+20px%3B%0A++++padding%3A+20px%3B%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track+%7B%0A++++display%3A+flex%3B%0A++++align-items%3A+center%3B%0A++++gap%3A+6px%3B%0A++++height%3A+10px%3B%0A++++width%3A+100%25%3B%0A++++border-radius%3A+8px%3B%0A++++position%3A+relative%3B%0A++++overflow%3A+hidden%3B%0A++++--progress-width%3A+0%25%3B%0A++++--transition-duration%3A+0.6%25%3B%0A++++%2F*+Default+width+of+progress+*%2F%0A%7D%0A%0A.app-container.progress-wrapper.indeterminate+.progress+%7B%0A++++animation%3A+progressAnimation+3s+linear+infinite%3B%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track.app-container%3E.app-container.progress.full-width+%7B%0A++++border-top-right-radius%3A+0px%3B%0A++++border-bottom-right-radius%3A+0px%3B%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track+.app-container.dot+%7B%0A++++height%3A+100%25%3B%0A++++width%3A+10px%3B%0A++++border-radius%3A+50%25%3B%0A++++display%3A+block%3B%0A++++background-color%3A+%236750A4%3B%0A++++position%3A+absolute%3B%0A++++right%3A+0%3B%0A++++z-index%3A+1%3B%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track+.app-container.progress-inactive-track+%7B%0A++++background-color%3A+%23FEF7FF%3B%0A++++height%3A+100%25%3B%0A++++width%3A+calc%28100%25+-+var%28--progress-width%29%29%3B%0A++++%2F*+Full+width+initially+*%2F%0A++++border-radius%3A+8px%3B%0A++++position%3A+relative%3B%0A++++transition%3A+width+var%28--transition-duration%29+ease%3B%0A++++%2F*+transition%3A+width+0.6+ease%3B+*%2F%0A%7D%0A%0A.app-container.progress-wrapper+.app-container.progress-track+.app-container.progress+%7B%0A++++background-color%3A+%236750A4%3B%0A++++height%3A+100%25%3B%0A++++width%3A+var%28--progress-width%29%3B%0A++++%2F*+Width+controlled+by+custom+property+*%2F%0A++++border-radius%3A+8px%3B%0A++++transition%3A+width+var%28--transition-duration%29+ease%3B%0A++++%2F*+transition%3A+width+0.6+ease%3B+*%2F%0A%7D%0A%0A.app-container.progress-wrapper.indeterminate+.app-container.progress-track+.app-container.progress+%7B%0A++++width%3A+var%28--progress-width%29+%21important%3B%0A%7D%0A%0A.app-container.progress-wrapper.indeterminate+.app-container.progress-track+.app-container.progress-inactive-track+%7B%0A++++width%3A+calc%28100%25+-+var%28--progress-width%29%29+%21important%3B%0A%7D%0A%0A%40keyframes+progressAnimation+%7B%0A++++0%25+%7B%0A++++++++width%3A+0%25%3B%0A++++%7D%0A++++20%25+%7B%0A++++++++width%3A+30%25%3B%0A++++%7D%0A++++50%25+%7B%0A++++++++width%3A+100%25%3B%0A++++%7D%0A++++60%25+%7B%0A++++++++width%3A+700%25%3B%0A++++%7D%0A++++70%25+%7B%0A++++++++width%3A+1000%25%3B%0A++++%7D%0A++++100%25+%7B%0A++++++++width%3A+50000%25%3B%0A++++%7D%0A%7D",
5
+ variables: "%7B%0A++%22staticVariable1%22+%3A+%7B%0A++++%22_id%22+%3A+%22wm-staticVariable1-wm.Variable-1722513387770%22%2C%0A++++%22name%22+%3A+%22staticVariable1%22%2C%0A++++%22owner%22+%3A+%22Page%22%2C%0A++++%22category%22+%3A+%22wm.Variable%22%2C%0A++++%22dataBinding%22+%3A+%5B+%7B%0A++++++%22target%22+%3A+%22dataValue%22%2C%0A++++++%22value%22+%3A+%220%25%22%0A++++%7D+%5D%2C%0A++++%22dataSet%22+%3A+%7B%0A++++++%22dataValue%22+%3A+%22%22%0A++++%7D%2C%0A++++%22type%22+%3A+%22string%22%2C%0A++++%22isList%22+%3A+false%2C%0A++++%22twoWayBinding%22+%3A+false%2C%0A++++%22saveInPhonegap%22+%3A+false%0A++%7D%2C%0A++%22staticVariable2%22+%3A+%7B%0A++++%22_id%22+%3A+%22wm-staticVariable2-wm.Variable-1722940540972%22%2C%0A++++%22name%22+%3A+%22staticVariable2%22%2C%0A++++%22owner%22+%3A+%22Page%22%2C%0A++++%22category%22+%3A+%22wm.Variable%22%2C%0A++++%22dataBinding%22+%3A+%5B+%7B%0A++++++%22target%22+%3A+%22dataValue%22%2C%0A++++++%22value%22+%3A+%220%22%0A++++%7D+%5D%2C%0A++++%22dataSet%22+%3A+%5B+%7B%0A++++++%22dataValue%22+%3A+%22%22%0A++++%7D+%5D%2C%0A++++%22type%22+%3A+%22string%22%2C%0A++++%22isList%22+%3A+true%2C%0A++++%22twoWayBinding%22+%3A+false%2C%0A++++%22saveInPhonegap%22+%3A+false%0A++%7D%0A%7D",
6
+ config: "%7B%0A%09%22widgetType%22%3A%20%22wm-custom-widget%22%2C%0A%09%22properties%22%3A%20%7B%0A%09%09%22progress%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Progress%22%2C%0A%09%09%09%22description%22%3A%20%22Sets%20the%20current%20progress%20of%20the%20bar.%20This%20value%20represents%20the%20percentage%20of%20completion.%22%2C%0A%09%09%09%22value%22%3A%20%220%22%0A%09%09%7D%2C%0A%09%09%22progress_type%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22list%22%2C%0A%09%09%09%22displayName%22%3A%20%22Progress%20Type%22%2C%0A%09%09%09%22description%22%3A%20%22Specifies%20the%20type%20of%20progress%20bar.%20Options%20include%20%27determinate%27%20for%20a%20fixed%20progress%20bar%20or%20%27indeterminate%27%20for%20an%20animated%20progress%20bar%20without%20a%20fixed%20end.%22%2C%0A%09%09%09%22options%22%3A%20%5B%22Determinate%22%2C%20%22Indeterminate%22%5D%2C%0A%09%09%09%22value%22%3A%20%22Determinate%22%0A%09%09%7D%2C%0A%09%09%22transition_duration%22%3A%20%7B%0A%09%09%09%22type%22%3A%20%22string%22%2C%0A%09%09%09%22displayName%22%3A%20%22Transition%20Duration%22%2C%0A%09%09%09%22description%22%3A%20%22Defines%20the%20duration%20of%20the%20progress%20transition%20animation.%20This%20value%20should%20be%20specified%20in%20a%20time%20format%20such%20as%20%27500ms%27%20or%20%272s%27.%22%2C%0A%09%09%09%22value%22%3A%20%223s%22%0A%09%09%7D%0A%09%7D%2C%0A%09%22events%22%3A%20%7B%7D%0A%7D%0A",
7
7
  };
custom-widgets-m3/src/radio_set/page.min.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export var radio_set = {
2
- markup: "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-container+name%3D%22container1%22%3E%0A++++++++%3Cwm-composite+name%3D%22composite%22+required%3D%22false%22%3E%0A++++++++++++%3Cwm-label+class%3D%22control-label%22+notag%3D%22true%22+name%3D%22label1%22+required%3D%22false%22+caption%3D%22bind%3Aprops.label_text%22%3E%3C%2Fwm-label%3E%0A++++++++++++%3Cwm-container+name%3D%22container2%22%3E%0A++++++++++++++++%3Cwm-radioset+height%3D%22auto%22+name%3D%22radioset%22+disabled%3D%22bind%3Aprops.state+%3D%3D+%26quot%3Bdisabled%26quot%3B%22+readonly%3D%22false%22+dataset%3D%22bind%3Aprops.data_set%22+datafield%3D%22All+Fields%22+required%3D%22bind%3Aprops.required%22+usekeys%3D%22false%22+datavalue%3D%22bind%3Aprops.default_value%22%3E%3C%2Fwm-radioset%3E%0A++++++++++++%3C%2Fwm-container%3E%0A++++++++%3C%2Fwm-composite%3E%0A++++%3C%2Fwm-container%3E%0A%3C%2Fwm-custom-widget-container%3E",
2
+ markup: "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-container+name%3D%22container1%22%3E%0A++++++++%3Cwm-composite+name%3D%22composite%22+required%3D%22false%22%3E%0A++++++++++++%3Cwm-label+class%3D%22control-label%22+notag%3D%22true%22+name%3D%22label1%22+required%3D%22false%22+caption%3D%22bind%3Aprops.label_text%22%3E%3C%2Fwm-label%3E%0A++++++++++++%3Cwm-container+name%3D%22container2%22%3E%0A++++++++++++++++%3Cwm-radioset+height%3D%22auto%22+name%3D%22radioset%22+disabled%3D%22bind%3Aprops.state+%3D%3D+%26quot%3BDisabled%26quot%3B%22+readonly%3D%22false%22+dataset%3D%22bind%3Aprops.data_set%22+datafield%3D%22All+Fields%22+required%3D%22bind%3Aprops.required%22+usekeys%3D%22false%22+datavalue%3D%22bind%3Aprops.default_value%22%3E%3C%2Fwm-radioset%3E%0A++++++++++++%3C%2Fwm-container%3E%0A++++++++%3C%2Fwm-composite%3E%0A++++%3C%2Fwm-container%3E%0A%3C%2Fwm-custom-widget-container%3E",
3
3
  script: "%2F*%0A+*+Use+App.getDependency+for+Dependency+Injection%0A+*+eg%3A+var+DialogService+%3D+App.getDependency%28%27DialogService%27%29%3B%0A+*%2F%0A%0A%2F*+perform+any+action+on+Partials%2Fvariables+within+this+block+*%2F%0AWidget.onReady+%3D+function%28%29+%7B%0A++++%2F*%0A+++++*+variables+can+be+accessed+through+%27Widget.Variables%27+property+here%0A+++++*+e.g.+to+get+dataSet+in+a+staticVariable+named+%27loggedInUser%27+use+following+script%0A+++++*+Widget.Variables.loggedInUser.getData%28%29%0A+++++*%0A+++++*+Partials+can+be+accessed+through+%27Widget.Partials%27+property+here%0A+++++*+e.g.+to+get+value+of+text+Partial+named+%27username%27+use+following+script%0A+++++*+%27Widget.Partials.username.datavalue%27%0A+++++*%2F%0A++++if+%28Widget.props.layout+%3D%3D%3D+%22horizontal%22%29+%7B%0A++++++++Widget.Widgets.radioset.class+%2B%3D+%27+horizontal%27%3B%0A++++%7D+else+%7B%0A++++++++Widget.Widgets.radioset.class+%2B%3D+%27+vertical%27%3B%0A++++%7D%0A++++if+%28Widget.props.label_placement+%3D%3D%3D+%22top%22%29+%7B%0A++++++++Widget.Widgets.radioset.class+%2B%3D+%27+top-placement%27%3B%0A++++%7D+else+if+%28Widget.props.label_placement+%3D%3D%3D+%22bottom%22%29+%7B%0A++++++++Widget.Widgets.radioset.class+%2B%3D+%27+bottom-placement%27%3B%0A++++%7D+else+if+%28Widget.props.label_placement+%3D%3D%3D+%22start%22%29+%7B%0A++++++++Widget.Widgets.radioset.class+%2B%3D+%27+start-placement%27%3B%0A++++%7D+else+%7B%0A++++++++Widget.Widgets.radioset.class+%2B%3D+%27%27%3B%0A++++%7D%0A%0A++++Widget.Widgets.composite.required+%3D+Widget.props.required%3B%0A%0A%7D%3B",
4
- styles: ".app-label.control-label+%7B%0A++++margin-bottom%3A+8px%3B%0A%7D%0A%0A.app-radioset.inline.list-group.horizontal+%7B%0A++++display%3A+flex%3B%0A++++align-items%3A+center%3B%0A++++gap%3A+20px+32px%3B%0A++++overflow%3A+visible%3B%0A++++flex-wrap%3A+wrap%3B%0A++++padding-left%3A+10px%3B%0A%7D%0A%0A.app-radioset.inline.list-group.vertical+%7B%0A++++display%3A+flex%3B%0A++++flex-direction%3A+column%3B%0A++++gap%3A+20px%3B%0A++++padding-left%3A+10px%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.wm-app+.form-group+.app-radioset.horizontal+.radio%2B.radio%2C%0A.wm-app+.form-group+.app-radioset.vertical+.radio%2B.radio+%7B%0A++++margin-top%3A+0px%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radio.radio%2C%0A.app-radioset.vertical+.app-radio.radio+%7B%0A++++width%3A+auto%3B%0A++++vertical-align%3A+unset%3B%0A++++display%3A+unset%3B%0A++++margin-top%3A+unset%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radio.radio+input%5Btype%3D%22radio%22%5D%2C%0A.app-radioset.vertical+.app-radio.radio+input%5Btype%3D%22radio%22%5D+%7B%0A++++margin-right%3A+-12px%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radio.radio+input%5Btype%3D%22radio%22%5D%3Afocus%2C%0A.app-radioset.vertical+.app-radio.radio+input%5Btype%3D%22radio%22%5D%3Afocus+%7B%0A++++outline%3A+none+%21important%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%2C%0A.app-radioset.vertical+.app-radioset-label+%7B%0A++++z-index%3A+0%3B%0A++++position%3A+relative%3B%0A++++display%3A+inline-block%3B%0A++++color%3A+var%28--wm-color-primary-0%29%3B%0A++++font-size%3A+16px%3B%0A++++line-height%3A+1.5%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%2C%0A.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++-webkit-appearance%3A+none%3B%0A++++z-index%3A+-1%3B%0A++++position%3A+absolute%3B%0A++++left%3A+-8px%3B%0A++++top%3A+-7px%3B%0A++++display%3A+block%3B%0A++++margin%3A+0%3B%0A++++box-sizing%3A+border-box%3B%0A++++border-radius%3A+50%25%3B%0A++++width%3A+40px%3B%0A++++height%3A+40px%3B%0A++++background-color%3A+var%28--wm-state-scrim-hover%29%3B%0A++++box-shadow%3A+none%3B%0A++++outline%3A+none%3B%0A++++opacity%3A+0%3B%0A++++transform%3A+scale%281%29%3B%0A++++overflow%3A+visible%3B%0A++++pointer-events%3A+none%3B%0A++++transition%3A+opacity+0.3s%2C+transform+0.2s%3B%0A%7D%0A%0A.app-radioset.horizontal+.radio.app-radio+.caption%2C%0A.app-radioset.vertical+.radio.app-radio+.caption+%7B%0A++++position%3A+relative%3B%0A++++width%3A+100%25%3B%0A++++cursor%3A+pointer%3B%0A++++padding-left%3A+32px%3B%0A++++display%3A+inline-flex%3B%0A++++align-items%3A+center%3B%0A%7D%0A%0A.app-radioset.horizontal+.radio.app-radio+.caption%3A%3Abefore%2C%0A.app-radioset.vertical+.radio.app-radio+.caption%3A%3Abefore+%7B%0A++++content%3A+%22%22%3B%0A++++display%3A+inline-block%3B%0A++++box-sizing%3A+border-box%3B%0A++++margin%3A+3px+14px+3px+1px%3B%0A++++border%3A+solid+2px%3B%0A++++border-color%3A+var%28--wm-color-on-surface%29%3B%0A++++border-radius%3A+50%25%3B%0A++++width%3A+22px%3B%0A++++height%3A+22px%3B%0A++++vertical-align%3A+top%3B%0A++++transition%3A+border-color+0.2s%3B%0A++++position%3A+absolute%3B%0A++++left%3A+0%3B%0A%7D%0A%0A.app-radioset.horizontal+.radio.app-radio+.caption%3A%3Aafter%2C%0A.app-radioset.vertical+.radio.app-radio+.caption%3A%3Aafter+%7B%0A++++height%3A+12px%3B%0A++++width%3A+12px%3B%0A++++box-sizing%3A+border-box%3B%0A++++position%3A+absolute%3B%0A++++content%3A+%22%22%3B%0A++++border-radius%3A+50%25%3B%0A++++background%3A+transparent%3B%0A++++top%3A+6px%3B%0A++++left%3A+6px%3B%0A++++-webkit-transition%3A+all+0.2s+ease%3B%0A++++transition%3A+all+0.2s+ease%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Ahover%3Einput%2C%0A.app-radioset.vertical+.app-radioset-label%3Ahover%3Einput+%7B%0A++++opacity%3A+0.04%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++background%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Abefore+%7B%0A++++border-color%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter%2C%0A.app-radioset.vertical+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++background%3A+var%28--wm-color-on-surface%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Abefore+%7B%0A++++border-color%3A+var%28--wm-color-on-surface%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Afocus%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Afocus+%7B%0A++++opacity%3A+var%28--wm-state-opacity-focus%29%3B%0A++++background%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Ahover%3Einput%5Btype%3D%22radio%22%5D%3Achecked%3Ahover%2C%0A.app-radioset.vertical+.app-radioset-label%3Ahover%3Einput%5Btype%3D%22radio%22%5D%3Achecked%3Ahover+%7B%0A++++opacity%3A+var%28--wm-state-opacity-active%29%3B%0A++++background%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled%3Ahover%3Einput%5Btype%3D%22radio%22%5D%3Achecked%3Ahover%2C%0A.app-radioset.vertical+.app-radioset-label.disabled%3Ahover%3Einput%5Btype%3D%22radio%22%5D%3Achecked%3Ahover+%7B%0A++++opacity%3A+0%3B%0A++++background%3A+unset%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Afocus%2C%0A.app-radioset.vertical+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Afocus+%7B%0A++++opacity%3A+0%3B%0A++++background%3A+unset%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Ahover+input%3Adisabled%2C%0A.app-radioset.vertical+.app-radioset-label%3Ahover+input%3Adisabled+%7B%0A++++opacity%3A+0%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled+.caption%2C%0A.app-radioset.vertical+.app-radioset-label.disabled+.caption+%7B%0A++++cursor%3A+not-allowed%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%3Achecked%2B.caption%3A%3Abefore+%7B%0A++++border-color%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal.app-radioset-label%3Einput%3Adisabled%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%3Adisabled+%7B%0A++++opacity%3A+0%3B%0A%7D%0A%0A%0A%2F*+%23%23%23%23%23%23%23%23%23+top+placement+styles+%23%23%23%23%23%23%23%23%23+*%2F%0A%0A.app-radioset.inline.list-group.vertical.top-placement+%7B%0A++++max-width%3A+max-content%3B%0A++++min-width%3A+40px%3B%0A++++padding%3A+0%3B%0A++++align-items%3A+center%3B%0A%7D%0A%0A.app-radioset.inline.list-group.horizontal.top-placement+%7B%0A++++padding-left%3A+0%3B%0A%7D%0A%0A.app-radioset.vertical.top-placement+.app-radio.radio+%7B%0A++++padding-bottom%3A+32px%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radio.radio+%7B%0A++++padding-bottom%3A+40px%3B%0A++++padding-inline%3A+10px%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+%7B%0A++++display%3A+inline%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label+.caption%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+.caption+%7B%0A++++padding-left%3A+0%3B%0A++++display%3A+inline%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+21px%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++top%3A+26px%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++margin%3A+3px+1px+3px+0px%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++margin-top%3A+28px%3B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A%0A%2F*+%23%23%23%23%23%23%23%23%23+bottom+placement+styles+%23%23%23%23%23%23%23%23%23+*%2F%0A%0A.app-radioset.vertical.bottom-placement+.app-radio+.app-radioset-label+%7B%0A++++width%3A+auto%3B%0A%7D%0A%0A.app-radioset.horizontal.bottom-placement+.app-radio.radio+%7B%0A++++padding-inline%3A+10px%3B%0A%7D%0A%0A.app-radioset.inline.list-group.horizontal.bottom-placement+%7B%0A++++padding-left%3A+0%3B%0A%7D%0A%0A.app-radioset.inline.list-group.vertical.bottom-placement+%7B%0A++++max-width%3A+max-content%3B%0A++++min-width%3A+40px%3B%0A++++padding%3A+0%3B%0A++++align-items%3A+center%3B%0A%7D%0A%0A.app-radioset.horizontal.bottom-placement+.app-radioset-label+.caption%2C%0A.app-radioset.vertical.bottom-placement+.app-radioset-label+.caption+%7B%0A++++padding-top%3A+30px%3B%0A++++padding-bottom%3A+0px%3B%0A++++overflow%3A+visible%3B%0A++++display%3A+inline-block%3B%0A++++padding-left%3A+unset%3B%0A%7D%0A%0A.app-radioset.horizontal.bottom-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++padding-top%3A+40px%3B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+-6px%3B%0A%7D%0A%0A.app-radioset.vertical.bottom-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++padding-top%3A+40px%3B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+-8px%3B%0A%7D%0A%0A.bottom-placement.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.bottom-placement.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+0%3B%0A++++margin%3A+3px+1px+1px+1px%3B%0A++++margin-inline%3A+0%3B%0A%7D%0A%0A.bottom-placement.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.bottom-placement.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+8px%3B%0A%7D%0A%0A.bottom-placement.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.bottom-placement.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+unset%3B%0A++++bottom%3A+28px%3B%0A++++margin-inline%3A+0%3B%0A%7D%0A%0A.bottom-placement.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.bottom-placement.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+6px%3B%0A%7D%0A%0A%0A%2F*+%23%23%23%23%23%23%23%23%23+start+placement+styles+%23%23%23%23%23%23%23%23%23+*%2F%0A%0A.app-radioset.inline.list-group.horizontal.start-placement%2C%0A.app-radioset.inline.list-group.vertical.start-placement+%7B%0A++++padding-left%3A+0%3B%0A%7D%0A%0A.app-radioset.horizontal.start-placement+.app-radioset-label+.caption%2C%0A.app-radioset.vertical.start-placement+.app-radioset-label+.caption+%7B%0A++++padding-left%3A+unset%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.app-radioset.horizontal.start-placement+.app-radioset-label+.caption+%7B%0A++++padding-left%3A+unset%3B%0A++++padding-right%3A+28px%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.app-radioset.inline.list-group.horizontal.start-placement+%7B%0A++++padding-left%3A+unset%3B%0A%7D%0A%0A.app-radioset.start-placement.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.app-radioset.start-placement.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+unset%3B%0A++++right%3A+0px%3B%0A++++margin%3A+2px+11px+2px+2px%3B%0A%7D%0A%0A.app-radioset.start-placement.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.app-radioset.start-placement.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++left%3A+unset%3B%0A++++right%3A+16px%3B%0A%7D%0A%0A.app-radioset.start-placement.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.app-radioset.start-placement.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+unset%3B%0A++++right%3A+-4px%3B%0A++++margin%3A+1px%3B%0A%7D%0A%0A.app-radioset.start-placement.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.start-placement.horizontal.app-radioset+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++left%3A+unset%3B%0A++++right%3A+2px%3B%0A%7D%0A%0A.app-radioset.app-radioset.horizontal.start-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++right%3A+0%3B%0A++++left%3A+unset%3B%0A%7D%0A%0A.app-radioset.vertical.start-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++right%3A+14px%3B%0A++++left%3A+unset%3B%0A%7D",
4
+ styles: ".app-label.control-label+%7B%0A++++margin-bottom%3A+8px%3B%0A%7D%0A%0A.app-radioset.inline.list-group.horizontal+%7B%0A++++display%3A+flex%3B%0A++++align-items%3A+center%3B%0A++++gap%3A+20px+32px%3B%0A++++overflow%3A+visible%3B%0A++++flex-wrap%3A+wrap%3B%0A++++padding-left%3A+10px%3B%0A%7D%0A%0A.app-radioset.inline.list-group.vertical+%7B%0A++++display%3A+flex%3B%0A++++flex-direction%3A+column%3B%0A++++gap%3A+20px%3B%0A++++padding-left%3A+10px%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.wm-app+.form-group+.app-radioset.horizontal+.radio%2B.radio%2C%0A.wm-app+.form-group+.app-radioset.vertical+.radio%2B.radio+%7B%0A++++margin-top%3A+0px%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radio.radio%2C%0A.app-radioset.vertical+.app-radio.radio+%7B%0A++++width%3A+auto%3B%0A++++vertical-align%3A+unset%3B%0A++++display%3A+unset%3B%0A++++margin-top%3A+unset%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radio.radio+input%5Btype%3D%22radio%22%5D%2C%0A.app-radioset.vertical+.app-radio.radio+input%5Btype%3D%22radio%22%5D+%7B%0A++++margin-right%3A+-12px%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radio.radio+input%5Btype%3D%22radio%22%5D%3Afocus%2C%0A.app-radioset.vertical+.app-radio.radio+input%5Btype%3D%22radio%22%5D%3Afocus+%7B%0A++++outline%3A+none+%21important%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%2C%0A.app-radioset.vertical+.app-radioset-label+%7B%0A++++z-index%3A+0%3B%0A++++position%3A+relative%3B%0A++++display%3A+inline-block%3B%0A++++color%3A+var%28--wm-color-primary%29%3B%0A++++font-size%3A+16px%3B%0A++++line-height%3A+1.5%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%2C%0A.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++-webkit-appearance%3A+none%3B%0A++++z-index%3A+-1%3B%0A++++position%3A+absolute%3B%0A++++left%3A+-8px%3B%0A++++top%3A+-7px%3B%0A++++display%3A+block%3B%0A++++margin%3A+0%3B%0A++++box-sizing%3A+border-box%3B%0A++++border-radius%3A+50%25%3B%0A++++width%3A+40px%3B%0A++++height%3A+40px%3B%0A++++background-color%3A+var%28--wm-state-scrim-hover%29%3B%0A++++box-shadow%3A+none%3B%0A++++outline%3A+none%3B%0A++++opacity%3A+0%3B%0A++++transform%3A+scale%281%29%3B%0A++++overflow%3A+visible%3B%0A++++pointer-events%3A+none%3B%0A++++transition%3A+opacity+0.3s%2C+transform+0.2s%3B%0A%7D%0A%0A.app-radioset.horizontal+.radio.app-radio+.caption%2C%0A.app-radioset.vertical+.radio.app-radio+.caption+%7B%0A++++position%3A+relative%3B%0A++++width%3A+100%25%3B%0A++++cursor%3A+pointer%3B%0A++++padding-left%3A+32px%3B%0A++++display%3A+inline-flex%3B%0A++++align-items%3A+center%3B%0A%7D%0A%0A.app-radioset.horizontal+.radio.app-radio+.caption%3A%3Abefore%2C%0A.app-radioset.vertical+.radio.app-radio+.caption%3A%3Abefore+%7B%0A++++content%3A+%22%22%3B%0A++++display%3A+inline-block%3B%0A++++box-sizing%3A+border-box%3B%0A++++margin%3A+3px+14px+3px+1px%3B%0A++++border%3A+solid+2px%3B%0A++++border-color%3A+var%28--wm-color-on-surface%29%3B%0A++++border-radius%3A+50%25%3B%0A++++width%3A+22px%3B%0A++++height%3A+22px%3B%0A++++vertical-align%3A+top%3B%0A++++transition%3A+border-color+0.2s%3B%0A++++position%3A+absolute%3B%0A++++left%3A+0%3B%0A%7D%0A%0A.app-radioset.horizontal+.radio.app-radio+.caption%3A%3Aafter%2C%0A.app-radioset.vertical+.radio.app-radio+.caption%3A%3Aafter+%7B%0A++++height%3A+12px%3B%0A++++width%3A+12px%3B%0A++++box-sizing%3A+border-box%3B%0A++++position%3A+absolute%3B%0A++++content%3A+%22%22%3B%0A++++border-radius%3A+50%25%3B%0A++++background%3A+transparent%3B%0A++++top%3A+6px%3B%0A++++left%3A+6px%3B%0A++++-webkit-transition%3A+all+0.2s+ease%3B%0A++++transition%3A+all+0.2s+ease%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Ahover%3Einput%2C%0A.app-radioset.vertical+.app-radioset-label%3Ahover%3Einput+%7B%0A++++opacity%3A+0.04%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++background%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Abefore+%7B%0A++++border-color%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter%2C%0A.app-radioset.vertical+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++background%3A+var%28--wm-color-on-surface%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Abefore+%7B%0A++++border-color%3A+var%28--wm-color-on-surface%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Afocus%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Afocus+%7B%0A++++opacity%3A+var%28--wm-state-opacity-focus%29%3B%0A++++background%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Ahover%3Einput%5Btype%3D%22radio%22%5D%3Achecked%3Ahover%2C%0A.app-radioset.vertical+.app-radioset-label%3Ahover%3Einput%5Btype%3D%22radio%22%5D%3Achecked%3Ahover+%7B%0A++++opacity%3A+var%28--wm-state-opacity-active%29%3B%0A++++background%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled%3Ahover%3Einput%5Btype%3D%22radio%22%5D%3Achecked%3Ahover%2C%0A.app-radioset.vertical+.app-radioset-label.disabled%3Ahover%3Einput%5Btype%3D%22radio%22%5D%3Achecked%3Ahover+%7B%0A++++opacity%3A+0%3B%0A++++background%3A+unset%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Afocus%2C%0A.app-radioset.vertical+.app-radioset-label.disabled%3Einput%5Btype%3D%22radio%22%5D%3Afocus+%7B%0A++++opacity%3A+0%3B%0A++++background%3A+unset%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Ahover+input%3Adisabled%2C%0A.app-radioset.vertical+.app-radioset-label%3Ahover+input%3Adisabled+%7B%0A++++opacity%3A+0%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label.disabled+.caption%2C%0A.app-radioset.vertical+.app-radioset-label.disabled+.caption+%7B%0A++++cursor%3A+not-allowed%3B%0A%7D%0A%0A.app-radioset.horizontal+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%3Achecked%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%3Achecked%2B.caption%3A%3Abefore+%7B%0A++++border-color%3A+var%28--wm-color-surface-tint%29%3B%0A%7D%0A%0A.app-radioset.horizontal.app-radioset-label%3Einput%3Adisabled%2C%0A.app-radioset.vertical+.app-radioset-label%3Einput%3Adisabled+%7B%0A++++opacity%3A+0%3B%0A%7D%0A%0A%0A%2F*+%23%23%23%23%23%23%23%23%23+top+placement+styles+%23%23%23%23%23%23%23%23%23+*%2F%0A%0A.app-radioset.inline.list-group.vertical.top-placement+%7B%0A++++max-width%3A+max-content%3B%0A++++min-width%3A+40px%3B%0A++++padding%3A+0%3B%0A++++align-items%3A+center%3B%0A%7D%0A%0A.app-radioset.inline.list-group.horizontal.top-placement+%7B%0A++++padding-left%3A+0%3B%0A%7D%0A%0A.app-radioset.vertical.top-placement+.app-radio.radio+%7B%0A++++padding-bottom%3A+32px%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radio.radio+%7B%0A++++padding-bottom%3A+40px%3B%0A++++padding-inline%3A+10px%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+%7B%0A++++display%3A+inline%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label+.caption%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+.caption+%7B%0A++++padding-left%3A+0%3B%0A++++display%3A+inline%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+21px%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++top%3A+26px%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++margin%3A+3px+1px+3px+0px%3B%0A%7D%0A%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.app-radioset.horizontal.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.app-radioset.vertical.top-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++margin-top%3A+28px%3B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A%7D%0A%0A%0A%2F*+%23%23%23%23%23%23%23%23%23+bottom+placement+styles+%23%23%23%23%23%23%23%23%23+*%2F%0A%0A.app-radioset.vertical.bottom-placement+.app-radio+.app-radioset-label+%7B%0A++++width%3A+auto%3B%0A%7D%0A%0A.app-radioset.horizontal.bottom-placement+.app-radio.radio+%7B%0A++++padding-inline%3A+10px%3B%0A%7D%0A%0A.app-radioset.inline.list-group.horizontal.bottom-placement+%7B%0A++++padding-left%3A+0%3B%0A%7D%0A%0A.app-radioset.inline.list-group.vertical.bottom-placement+%7B%0A++++max-width%3A+max-content%3B%0A++++min-width%3A+40px%3B%0A++++padding%3A+0%3B%0A++++align-items%3A+center%3B%0A%7D%0A%0A.app-radioset.horizontal.bottom-placement+.app-radioset-label+.caption%2C%0A.app-radioset.vertical.bottom-placement+.app-radioset-label+.caption+%7B%0A++++padding-top%3A+30px%3B%0A++++padding-bottom%3A+0px%3B%0A++++overflow%3A+visible%3B%0A++++display%3A+inline-block%3B%0A++++padding-left%3A+unset%3B%0A%7D%0A%0A.app-radioset.horizontal.bottom-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++padding-top%3A+40px%3B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+-6px%3B%0A%7D%0A%0A.app-radioset.vertical.bottom-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++padding-top%3A+40px%3B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+-8px%3B%0A%7D%0A%0A.bottom-placement.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.bottom-placement.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+0%3B%0A++++margin%3A+3px+1px+1px+1px%3B%0A++++margin-inline%3A+0%3B%0A%7D%0A%0A.bottom-placement.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.bottom-placement.app-radioset.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+8px%3B%0A%7D%0A%0A.bottom-placement.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.bottom-placement.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+unset%3B%0A++++bottom%3A+28px%3B%0A++++margin-inline%3A+0%3B%0A%7D%0A%0A.bottom-placement.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.bottom-placement.app-radioset.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++left%3A+50%25%3B%0A++++transform%3A+translateX%28-50%25%29%3B%0A++++top%3A+6px%3B%0A%7D%0A%0A%0A%2F*+%23%23%23%23%23%23%23%23%23+start+placement+styles+%23%23%23%23%23%23%23%23%23+*%2F%0A%0A.app-radioset.inline.list-group.horizontal.start-placement%2C%0A.app-radioset.inline.list-group.vertical.start-placement+%7B%0A++++padding-left%3A+0%3B%0A%7D%0A%0A.app-radioset.horizontal.start-placement+.app-radioset-label+.caption%2C%0A.app-radioset.vertical.start-placement+.app-radioset-label+.caption+%7B%0A++++padding-left%3A+unset%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.app-radioset.horizontal.start-placement+.app-radioset-label+.caption+%7B%0A++++padding-left%3A+unset%3B%0A++++padding-right%3A+28px%3B%0A++++overflow%3A+visible%3B%0A%7D%0A%0A.app-radioset.inline.list-group.horizontal.start-placement+%7B%0A++++padding-left%3A+unset%3B%0A%7D%0A%0A.app-radioset.start-placement.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.app-radioset.start-placement.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+unset%3B%0A++++right%3A+0px%3B%0A++++margin%3A+2px+11px+2px+2px%3B%0A%7D%0A%0A.app-radioset.start-placement.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.app-radioset.start-placement.vertical+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++left%3A+unset%3B%0A++++right%3A+16px%3B%0A%7D%0A%0A.app-radioset.start-placement.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Adisabled%29%2B.caption%3A%3Abefore%2C%0A.app-radioset.start-placement.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Adisabled%2B.caption%3A%3Abefore+%7B%0A++++left%3A+unset%3B%0A++++right%3A+-4px%3B%0A++++margin%3A+1px%3B%0A%7D%0A%0A.app-radioset.start-placement.horizontal+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Anot%28%3Achecked%29%2B.caption%3A%3Aafter%2C%0A.start-placement.horizontal.app-radioset+.app-radioset-label+input%5Btype%3D%22radio%22%5D%3Achecked%2B.caption%3A%3Aafter+%7B%0A++++left%3A+unset%3B%0A++++right%3A+2px%3B%0A%7D%0A%0A.app-radioset.app-radioset.horizontal.start-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++right%3A+0%3B%0A++++left%3A+unset%3B%0A%7D%0A%0A.app-radioset.vertical.start-placement+.app-radioset-label+input%5Btype%3D%22radio%22%5D+%7B%0A++++right%3A+14px%3B%0A++++left%3A+unset%3B%0A%7D",
5
5
  variables: "%7B+%7D",
6
- config: "%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-custom-widget%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22layout%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22layout%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22horizontal%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20orientation%20of%20the%20element.%20%27horizontal%27%20indicates%20that%20the%20element%27s%20layout%20or%20behavior%20is%20aligned%20along%20the%20horizontal%20axis%20(left%20to%20right)%2C%20while%20%27vertical%27%20means%20the%20element%20is%20aligned%20along%20the%20vertical%20axis%20(top%20to%20bottom)%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22enabled%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20whether%20the%20component%20is%20active%20or%20inactive.%20%27enabled%27%20means%20the%20component%20is%20interactive%20and%20functional%2C%20while%20%27disabled%27%20means%20it%20is%20non-interactive%20and%20inactive%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_placement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20placement%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22top%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20label%27s%20position%20relative%20to%20the%20component%2C%20with%20options%3A%20%27top%27%20(Label%20appears%20above%20the%20component)%2C%20%27bottom%27%20(Label%20appears%20below%20the%20component)%2C%20%27start%27(Label%20appears%20left%20of%20the%20component)%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20text%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%20Text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Label%20text%20informs%20users%20about%20what%20information%20is%20requested%20for%20a%20RadioSet%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22data_set%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Data%20Set%20values%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22yes%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20available%20options%20for%20the%20data%20set%2C%20typically%20a%20comma-separated%20list%20of%20labels%20such%20as%20%27yes%27%2C%20%27no%27%2C%20%27maybe%27%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22default_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22yes%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20for%20the%20checked%20attribute.%20Default%20is%20yes%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22required%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Required%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Indicates%20whether%20the%20radioSet%20label%20is%20mandatory.%20True%20makes%20it%20required%3B%20false%20means%20it%20is%20optional%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20true%2C%0A%20%20%20%20%20%20%22disabled%22%20%3A%20false%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%20%7D%0A%7D%0A"
6
+ config: "%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-custom-widget%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22layout%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Layout%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20orientation%20of%20the%20element.%20%27horizontal%27%20indicates%20that%20the%20element%27s%20layout%20or%20behavior%20is%20aligned%20along%20the%20horizontal%20axis%20(left%20to%20right)%2C%20while%20%27vertical%27%20means%20the%20element%20is%20aligned%20along%20the%20vertical%20axis%20(top%20to%20bottom)%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22horizontal%22%2C%20%22vertical%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22horizontal%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20whether%20the%20component%20is%20active%20or%20inactive.%20%27enabled%27%20means%20the%20component%20is%20interactive%20and%20functional%2C%20while%20%27disabled%27%20means%20it%20is%20non-interactive%20and%20inactive%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_placement%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20Placement%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20label%27s%20position%20relative%20to%20the%20component.%20Options%3A%20%27top%27%20(Label%20appears%20above%20the%20component)%2C%20%27bottom%27%20(Label%20appears%20below%20the%20component)%2C%20%27start%27%20(Label%20appears%20left%20of%20the%20component)%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22top%22%2C%20%22bottom%22%2C%20%22start%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22top%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Label%20Text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Label%20text%20informs%20users%20about%20what%20information%20is%20requested%20for%20a%20RadioSet%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%20Text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22data_set%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Data%20Set%20Values%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Defines%20the%20available%20options%20for%20the%20data%20set%2C%20typically%20a%20list%20of%20labels%20such%20as%20%27yes%27%2C%20%27no%27%2C%20%27maybe%27%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22yes%22%2C%20%22no%22%2C%20%22maybe%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22yes%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22default_value%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20for%20the%20checked%20attribute.%20Default%20is%20%27yes%27%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22yes%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22required%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Required%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Indicates%20whether%20the%20RadioSet%20label%20is%20mandatory.%20True%20makes%20it%20required%3B%20false%20means%20it%20is%20optional%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20false%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%20%7D%0A%7D%0A",
7
7
  };
custom-widgets-m3/src/switch/switch.d.ts ADDED
File without changes
custom-widgets-m3/src/switch/switch_button.d.ts ADDED
File without changes
custom-widgets-m3/src/switch/switch_button.js ADDED
@@ -0,0 +1,33 @@
1
+ /*
2
+ * Use App.getDependency for Dependency Injection
3
+ * eg: var DialogService = App.getDependency('DialogService');
4
+ */
5
+ /* perform any action on widgets/variables within this block */
6
+ Widget.onReady = function () {
7
+ /*
8
+ * variables can be accessed through 'Widget.Variables' property here
9
+ * e.g. to get dataSet in a staticVariable named 'loggedInUser' use following script
10
+ * Widget.Variables.loggedInUser.getData()
11
+ *
12
+ * widgets can be accessed through 'Widget.Widgets' property here
13
+ * e.g. to get value of text widget named 'username' use following script
14
+ * 'Widget.Widgets.username.datavalue'
15
+ */
16
+ if (Widget.props.switch_type === "filled") {
17
+ if (Widget.props.icon === "icon") {
18
+ Widget.Widgets.toggle.class += ' filled-switch icon';
19
+ }
20
+ else if (Widget.props.icon === "icon-checked") {
21
+ Widget.Widgets.toggle.class += ' filled-switch icon-checked';
22
+ }
23
+ else {
24
+ Widget.Widgets.toggle.class += ' filled-switch';
25
+ }
26
+ }
27
+ else if (Widget.props.switch_type === "condensed") {
28
+ Widget.Widgets.toggle.class += ' condensed-switch';
29
+ }
30
+ else if (Widget.props.switch_type === "iOS") {
31
+ Widget.Widgets.toggle.class += ' iOS-switch';
32
+ }
33
+ };
custom-widgets-m3/src/textfield/page.min.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export var textfield = {
2
- "markup": "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-composite+name%3D%22composite%22+captionposition%3D%22floating%22+required%3D%22false%22%3E%0A++++++++%3Cwm-label+class%3D%22control-label%22+notag%3D%22true%22+name%3D%22labelCaption%22+caption%3D%22bind%3Aprops.label_text%22+conditionalclass%3D%22bind%3Aprops.style%22%3E%3C%2Fwm-label%3E%0A++++++++%3Cwm-container+class%3D%22form-field-wrapper%22+name%3D%22container2%22%3E%0A++++++++++++%3Cwm-button+class%3D%22btn-leading-icon%22+caption%3D%22%22+type%3D%22button%22+margin%3D%22unset%22+name%3D%22buttonLeadingIcon%22+iconclass%3D%22bind%3Aprops.leading_icon_class%22+show%3D%22bind%3Aprops.leading_icon%22+deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A++++++++++++%3Cwm-text+name%3D%22textField%22+updateon%3D%22default%22+placeholder%3D%22bind%3Aprops.placeholder_text%22+conditionalclass%3D%22bind%3Aprops.style%22+disabled%3D%22bind%3Aprops.state+%3D%3D+%26quot%3Bdisabled%26quot%3B%22+datavalue%3D%22bind%3Aprops.input_text%22%3E%3C%2Fwm-text%3E%0A++++++++++++%3Cwm-button+class%3D%22btn-trailing-icon%22+caption%3D%22%22+type%3D%22button%22+margin%3D%22unset%22+name%3D%22buttonTrailingIcon%22+iconclass%3D%22bind%3Aprops.trailing_icon_class%22+on-click%3D%22button1Click%28%24event%2C+widget%29%22+show%3D%22bind%3Aprops.trailing_icon%22+deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A++++++++%3C%2Fwm-container%3E%0A++++++++%3Cwm-container+class%3D%22help-wrapper%22+name%3D%22containerSupportingWrapper%22%3E%0A++++++++++++%3Cwm-label+padding%3D%22unset%22+class%3D%22p+help-block%22+type%3D%22p%22+name%3D%22labelSupportingText%22+caption%3D%22bind%3Aprops.supporting_text%22+show%3D%22bind%3Aprops.show_supporting_text%22%3E%3C%2Fwm-label%3E%0A++++++++%3C%2Fwm-container%3E%0A++++%3C%2Fwm-composite%3E%0A%3C%2Fwm-custom-widget-container%3E",
3
- "script": "%2F*%0A+*+Use+App.getDependency+for+Dependency+Injection%0A+*+eg%3A+var+DialogService+%3D+App.getDependency%28%27DialogService%27%29%3B%0A+*%2F%0A%0A%2F*+perform+any+action+on+widgets%2Fvariables+within+this+block+*%2F%0AWidget.onReady+%3D+function%28%29+%7B%0A++++%2F*%0A+++++*+variables+can+be+accessed+through+%27Widget.Variables%27+property+here%0A+++++*+e.g.+to+get+dataSet+in+a+staticVariable+named+%27loggedInUser%27+use+following+script%0A+++++*+Widget.Variables.loggedInUser.getData%28%29%0A+++++*%0A+++++*+widgets+can+be+accessed+through+%27Widget.Widgets%27+property+here%0A+++++*+e.g.+to+get+value+of+text+widget+named+%27username%27+use+following+script%0A+++++*+%27Widget.Widgets.username.datavalue%27%0A+++++*%2F%0A++++%2F%2F+debugger%0A++++%2F%2F+var+test+%3D+props.input_text%3B%0A++++if+%28Widget.props.leading_icon+%3D%3D+true%29+%7B%0A++++++++Widget.Widgets.labelCaption.class+%2B%3D+%27+with-leading-icon%27%3B%0A++++++++Widget.Widgets.textField.class+%2B%3D+%27+with-leading-icon%27%3B%0A++++%7D%0A++++if+%28Widget.props.trailing_icon+%3D%3D+true%29+%7B%0A++++++++Widget.Widgets.labelCaption.class+%2B%3D+%27+with-trailing-icon%27%3B%0A++++++++Widget.Widgets.textField.class+%2B%3D+%27+with-trailing-icon%27%3B%0A++++%7D%0A++++Widget.Widgets.textField.type+%3D+Widget.props.inputType%3B%0A++++Widget.Widgets.composite.required+%3D+Widget.props.required%3B%0A%7D%3B",
4
- "styles": ".wm-app+.app-composite-widget+.form-field-wrapper+.form-control.with-leading-icon+%7B%0A++++padding-left%3A+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.with-trailing-icon+%7B%0A++++padding-right%3A+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled+%7B%0A++++--wm-form-control-background%3A+var%28--wm-color-surface-container-highest%29%3B%0A++++border-width%3A+0+0+1px+0%3B%0A++++border-radius%3A+var%28--wm-form-control-radius%29+var%28--wm-form-control-radius%29+0+0%3B%0A++++padding-top%3A+14px%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled.ng-touched.ng-invalid+%7B%0A++++border%3A+1px+solid+var%28--wm-color-error%29%3B%0A++++border-width%3A+0+0+1px+0%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled.ng-touched.ng-invalid%3Afocus+%7B%0A++++border%3A+1px+solid+var%28--wm-color-error%29%3B%0A++++border-width%3A+0+0+1px+0%3B%0A++++box-shadow%3A+inset+0+-1px+0+0+var%28--wm-color-error%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled%3Afocus+%7B%0A++++border%3A+1px+solid+var%28--wm-color-primary%29%3B%0A++++border-width%3A+0+0+1px+0%3B%0A++++box-shadow%3A+inset+0+-1px+0+0+var%28--wm-color-primary%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn+%7B%0A++++padding%3A+0%3B%0A++++background%3A+none%3B%0A++++border%3A+none%3B%0A++++min-height%3A+auto%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn+.app-icon+%7B%0A++++font-size%3A+var%28--wm-icon-size-md%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn-leading-icon%2C%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn-trailing-icon+%7B%0A++++position%3A+absolute%3B%0A++++z-index%3A+1%3B%0A++++top%3A+calc%2850%25+-+calc%28var%28--wm-icon-size-md%29%2F2%29%29%3B%0A++++left%3A+calc%28var%28--wm-form-control-padding%29+*+0.75%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn-trailing-icon+%7B%0A++++left%3A+auto%3B%0A++++right%3A+calc%28var%28--wm-form-control-padding%29+*+0.75%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.help-wrapper+%7B%0A++++margin-top%3A+4px%3B%0A++++padding%3A+0+var%28--wm-form-control-padding%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.help-wrapper+.help-block+%7B%0A++++margin%3A+0%3B%0A++++padding%3A+0%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.help-wrapper+.help-block.required%3Aafter+%7B%0A++++display%3A+none%3B%0A%7D%0A%0A.wm-app+.app-composite-widget%3Ahas%28.form-control.ng-touched.ng-invalid%29+.help-wrapper+.help-block+%7B%0A++++--wm-help-block-color%3A+var%28--wm-color-error%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating%3Anot%28.float-active%29+.control-label.with-leading-icon+%7B%0A++++max-width%3A+calc%28100%25+-+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29+-+var%28--wm-form-control-padding%29%29%3B%0A++++left%3A+calc%28calc%28var%28--wm-form-control-padding%29*+1.5%29+%2B+var%28--wm-icon-size-md%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating%3Anot%28.float-active%29+.control-label.with-trailing-icon+%7B%0A++++max-width%3A+calc%28100%25+-+var%28--wm-form-control-padding%29+-+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating%3Anot%28.float-active%29+.control-label.with-leading-icon.with-trailing-icon+%7B%0A++++max-width%3A+calc%28100%25+-+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29+-+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating.float-active+.control-label.filled+%7B%0A++++left%3A+var%28--wm-form-control-padding%29%3B%0A++++top%3A+calc%28var%28--wm-form-control-padding%29%2F2%29%3B%0A++++padding%3A+0%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating.float-active+.control-label.filled%3Abefore+%7B%0A++++background%3A+none%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating.float-active+.control-label.filled.with-leading-icon+%7B%0A++++left%3A+calc%28calc%28var%28--wm-form-control-padding%29*+1.5%29+%2B+var%28--wm-icon-size-md%29%29%3B%0A%7D",
5
- "variables": "%7B+%7D",
6
- "config": "%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-custom-widget%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22style%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Style%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20style%20variant%20between%20outlined%20and%20filled.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22outlined%22%2C%20%22filled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22outlined%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20whether%20the%20TextField%20is%20interactive(enabled)%20or%20non-interactive(disabled)%20state.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22enabled%22%2C%20%22disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22text_configurations%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Text%20configurations%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Leading%20Icon%2FButton.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Trailing%20Icon%2FButton.%20%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_supporting_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20supporting%20text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Supporting%20text(help%20text).%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Caption%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20caption%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22placeholder_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Placeholder%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20caption%20text%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22input_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22supporting_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Supporting%20Text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20supporting%20text(helper%20text)%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Leading%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-search%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Trailing%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-clear%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22inputType%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Input%20Type%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20input%20type%20between%20text%2C%20password%20and%20tel.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22text%22%2C%20%22password%22%2C%20%22tel%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22required%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Required%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20textfiled%20to%20be%20mandatory%20while%20submittion.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onRender%22%20%3A%20%7B%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%20%20%20%20%20%20%22eventData%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Render%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"
2
+ markup: "%3Cwm-custom-widget-container%3E%0A++++%3Cwm-composite+name%3D%22composite%22+captionposition%3D%22floating%22+required%3D%22false%22%3E%0A++++++++%3Cwm-label+class%3D%22control-label%22+notag%3D%22true%22+name%3D%22labelCaption%22+caption%3D%22bind%3Aprops.label_text%22+conditionalclass%3D%22bind%3Aprops.style.toLowerCase%28%29%22%3E%3C%2Fwm-label%3E%0A++++++++%3Cwm-container+class%3D%22form-field-wrapper%22+name%3D%22container2%22%3E%0A++++++++++++%3Cwm-button+class%3D%22btn-leading-icon%22+caption%3D%22%22+type%3D%22button%22+margin%3D%22unset%22+name%3D%22buttonLeadingIcon%22+iconclass%3D%22bind%3Aprops.leading_icon_class%22+show%3D%22bind%3Aprops.leading_icon%22+deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A++++++++++++%3Cwm-text+name%3D%22textField%22+updateon%3D%22default%22+placeholder%3D%22bind%3Aprops.placeholder_text%22+conditionalclass%3D%22bind%3Aprops.style.toLowerCase%28%29%22+disabled%3D%22bind%3Aprops.state.toLowerCase%28%29+%3D%3D+%26quot%3Bdisabled%26quot%3B%22+datavalue%3D%22bind%3Aprops.input_text%22%3E%3C%2Fwm-text%3E%0A++++++++++++%3Cwm-button+class%3D%22btn-trailing-icon%22+caption%3D%22%22+type%3D%22button%22+margin%3D%22unset%22+name%3D%22buttonTrailingIcon%22+iconclass%3D%22bind%3Aprops.trailing_icon_class%22+on-click%3D%22button1Click%28%24event%2C+widget%29%22+show%3D%22bind%3Aprops.trailing_icon%22+deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A++++++++%3C%2Fwm-container%3E%0A++++++++%3Cwm-container+class%3D%22help-wrapper%22+name%3D%22containerSupportingWrapper%22%3E%0A++++++++++++%3Cwm-label+padding%3D%22unset%22+class%3D%22p+help-block%22+type%3D%22p%22+name%3D%22labelSupportingText%22+caption%3D%22bind%3Aprops.supporting_text%22+show%3D%22bind%3Aprops.show_supporting_text%22%3E%3C%2Fwm-label%3E%0A++++++++%3C%2Fwm-container%3E%0A++++%3C%2Fwm-composite%3E%0A%3C%2Fwm-custom-widget-container%3E",
3
+ script: "%2F*%0A+*+Use+App.getDependency+for+Dependency+Injection%0A+*+eg%3A+var+DialogService+%3D+App.getDependency%28%27DialogService%27%29%3B%0A+*%2F%0A%0A%2F*+perform+any+action+on+widgets%2Fvariables+within+this+block+*%2F%0AWidget.onReady+%3D+function%28%29+%7B%0A++++%2F*%0A+++++*+variables+can+be+accessed+through+%27Widget.Variables%27+property+here%0A+++++*+e.g.+to+get+dataSet+in+a+staticVariable+named+%27loggedInUser%27+use+following+script%0A+++++*+Widget.Variables.loggedInUser.getData%28%29%0A+++++*%0A+++++*+widgets+can+be+accessed+through+%27Widget.Widgets%27+property+here%0A+++++*+e.g.+to+get+value+of+text+widget+named+%27username%27+use+following+script%0A+++++*+%27Widget.Widgets.username.datavalue%27%0A+++++*%2F%0A++++%2F%2F+debugger%0A++++%2F%2F+var+test+%3D+props.input_text%3B%0A++++if+%28Widget.props.leading_icon+%3D%3D+true%29+%7B%0A++++++++Widget.Widgets.labelCaption.class+%2B%3D+%27+with-leading-icon%27%3B%0A++++++++Widget.Widgets.textField.class+%2B%3D+%27+with-leading-icon%27%3B%0A++++%7D%0A++++if+%28Widget.props.trailing_icon+%3D%3D+true%29+%7B%0A++++++++Widget.Widgets.labelCaption.class+%2B%3D+%27+with-trailing-icon%27%3B%0A++++++++Widget.Widgets.textField.class+%2B%3D+%27+with-trailing-icon%27%3B%0A++++%7D%0A++++Widget.Widgets.textField.type+%3D+Widget.props.input_type%3B%0A++++Widget.Widgets.composite.required+%3D+Widget.props.required%3B%0A%7D%3B",
4
+ styles: ".wm-app+.app-composite-widget+.form-field-wrapper+.form-control.with-leading-icon+%7B%0A++++padding-left%3A+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.with-trailing-icon+%7B%0A++++padding-right%3A+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled+%7B%0A++++--wm-form-control-background%3A+var%28--wm-color-surface-container-highest%29%3B%0A++++border-width%3A+0+0+1px+0%3B%0A++++border-radius%3A+var%28--wm-form-control-radius%29+var%28--wm-form-control-radius%29+0+0%3B%0A++++padding-top%3A+14px%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled.ng-touched.ng-invalid+%7B%0A++++border%3A+1px+solid+var%28--wm-color-error%29%3B%0A++++border-width%3A+0+0+1px+0%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled.ng-touched.ng-invalid%3Afocus+%7B%0A++++border%3A+1px+solid+var%28--wm-color-error%29%3B%0A++++border-width%3A+0+0+1px+0%3B%0A++++box-shadow%3A+inset+0+-1px+0+0+var%28--wm-color-error%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled%3Afocus+%7B%0A++++border%3A+1px+solid+var%28--wm-color-primary%29%3B%0A++++border-width%3A+0+0+1px+0%3B%0A++++box-shadow%3A+inset+0+-1px+0+0+var%28--wm-color-primary%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn+%7B%0A++++padding%3A+0%3B%0A++++background%3A+none%3B%0A++++border%3A+none%3B%0A++++min-height%3A+auto%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn+.app-icon+%7B%0A++++font-size%3A+var%28--wm-icon-size-md%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn-leading-icon%2C%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn-trailing-icon+%7B%0A++++position%3A+absolute%3B%0A++++z-index%3A+1%3B%0A++++top%3A+calc%2850%25+-+calc%28var%28--wm-icon-size-md%29%2F2%29%29%3B%0A++++left%3A+calc%28var%28--wm-form-control-padding%29+*+0.75%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.btn-trailing-icon+%7B%0A++++left%3A+auto%3B%0A++++right%3A+calc%28var%28--wm-form-control-padding%29+*+0.75%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.help-wrapper+%7B%0A++++margin-top%3A+4px%3B%0A++++padding%3A+0+var%28--wm-form-control-padding%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.help-wrapper+.help-block+%7B%0A++++margin%3A+0%3B%0A++++padding%3A+0%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.help-wrapper+.help-block.required%3Aafter+%7B%0A++++display%3A+none%3B%0A%7D%0A%0A.wm-app+.app-composite-widget%3Ahas%28.form-control.ng-touched.ng-invalid%29+.help-wrapper+.help-block+%7B%0A++++--wm-help-block-color%3A+var%28--wm-color-error%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating%3Anot%28.float-active%29+.control-label.with-leading-icon+%7B%0A++++max-width%3A+calc%28100%25+-+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29+-+var%28--wm-form-control-padding%29%29%3B%0A++++left%3A+calc%28calc%28var%28--wm-form-control-padding%29*+1.5%29+%2B+var%28--wm-icon-size-md%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating%3Anot%28.float-active%29+.control-label.with-trailing-icon+%7B%0A++++max-width%3A+calc%28100%25+-+var%28--wm-form-control-padding%29+-+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating%3Anot%28.float-active%29+.control-label.with-leading-icon.with-trailing-icon+%7B%0A++++max-width%3A+calc%28100%25+-+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29+-+calc%28calc%28var%28--wm-form-control-padding%29*1.5%29+%2B+var%28--wm-icon-size-md%29%29%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating.float-active+.control-label.filled+%7B%0A++++left%3A+var%28--wm-form-control-padding%29%3B%0A++++top%3A+calc%28var%28--wm-form-control-padding%29%2F2%29%3B%0A++++padding%3A+0%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating.float-active+.control-label.filled%3Abefore+%7B%0A++++background%3A+none%3B%0A%7D%0A%0A.wm-app+.app-composite-widget.caption-floating.float-active+.control-label.filled.with-leading-icon+%7B%0A++++left%3A+calc%28calc%28var%28--wm-form-control-padding%29*+1.5%29+%2B+var%28--wm-icon-size-md%29%29%3B%0A%7D",
5
+ variables: "%7B+%7D",
6
+ config: "%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-custom-widget%22%2C%0A%20%20%22properties%22%20%3A%20%7B%0A%20%20%20%20%22style%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Style%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20style%20variant%20between%20outlined%20and%20filled.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Outlined%22%2C%20%22Filled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Outlined%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22state%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22State%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20whether%20the%20TextField%20is%20interactive(enabled)%20or%20non-interactive(disabled)%20state.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Enabled%22%2C%20%22Disabled%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Enabled%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22text_configurations%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Text%20configurations%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22Input%20text%22%2C%20%22Label%20text%22%2C%20%22Placeholder%20text%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Input%20text%22%2C%0A%20%20%20%20%20%20%22show%22%20%3A%20false%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Leading%20Icon%2FButton.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20icon%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Trailing%20Icon%2FButton.%20%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22show_supporting_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Show%20supporting%20text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20to%20show%2Fhide%20the%20Supporting%20text(help%20text).%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22label_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Caption%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20caption%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22Label%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22placeholder_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Placeholder%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20caption%20text%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22input_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Default%20Value%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20default%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22supporting_text%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Supporting%20Text%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20supporting%20text(helper%20text)%20value%20of%20the%20TextField.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22leading_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Leading%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Leading%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-search%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22trailing_icon_class%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22string%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20Icon%20Class%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Allows%20to%20specify%20the%20icon%20for%20the%20Trailing%20Icon%2FButton%20from%20wm%20icon%20library.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22wi%20wi-clear%22%2C%0A%20%20%20%20%20%20%22widget%22%20%3A%20%22select-icon%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22input_type%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22list%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Input%20Type%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20input%20type%20between%20text%2C%20password%20and%20tel.%22%2C%0A%20%20%20%20%20%20%22options%22%20%3A%20%5B%20%22text%22%2C%20%22password%22%2C%20%22tel%22%20%5D%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22text%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22required%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22boolean%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Required%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Specifies%20the%20textfiled%20to%20be%20mandatory%20while%20submittion.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22false%22%0A%20%20%20%20%7D%0A%20%20%7D%2C%0A%20%20%22events%22%20%3A%20%7B%0A%20%20%20%20%22onRender%22%20%3A%20%7B%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Callback%20action%20to%20test%20event%20in%20the%20properties%20panel%22%2C%0A%20%20%20%20%20%20%22eventData%22%20%3A%20%22%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Render%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A",
7
7
  };
custom-widgets-m3/src/textfield/textfield.js CHANGED
@@ -16,12 +16,12 @@ Widget.onReady = function () {
16
16
  // debugger
17
17
  // var test = props.input_text;
18
18
  if (Widget.props.leading_icon == true) {
19
- Widget.Widgets.labelCaption.class += ' with-leading-icon';
20
- Widget.Widgets.textField.class += ' with-leading-icon';
19
+ Widget.Widgets.labelCaption.class += " with-leading-icon";
20
+ Widget.Widgets.textField.class += " with-leading-icon";
21
21
  }
22
22
  if (Widget.props.trailing_icon == true) {
23
- Widget.Widgets.labelCaption.class += ' with-trailing-icon';
24
- Widget.Widgets.textField.class += ' with-trailing-icon';
23
+ Widget.Widgets.labelCaption.class += " with-trailing-icon";
24
+ Widget.Widgets.textField.class += " with-trailing-icon";
25
25
  }
26
26
  Widget.Widgets.textField.type = Widget.props.inputType;
27
27
  Widget.Widgets.composite.required = Widget.props.required;
custom-widgets-m3/src/widget-registry.d.ts CHANGED
@@ -1 +1,6 @@
1
- export declare const widgetRegistry: string[];
1
+ export declare const widgetRegistry: {
2
+ name: string;
3
+ displayName: string;
4
+ iconClass: string;
5
+ desc: string;
6
+ }[];
custom-widgets-m3/src/widget-registry.js CHANGED
@@ -1,9 +1,68 @@
1
1
  export var widgetRegistry = [
2
- "checkbox_set",
3
- "divider",
4
- "icon_button",
5
- "input_chip",
6
- "radio_set",
7
- "switch_button",
8
- "textfield"
2
+ {
3
+ "name": "checkbox_set",
4
+ "displayName": "Chekboxset",
5
+ "iconClass": "checkboxset",
6
+ "desc": "Checkbox set control supporting Material 3 design system"
7
+ },
8
+ {
9
+ "name": "divider",
10
+ "displayName": "Divider",
11
+ "iconClass": "design-dialog",
12
+ "desc": "Divider based on Material 3 design system"
13
+ },
14
+ {
15
+ "name": "icon_button",
16
+ "displayName": "Icon button",
17
+ "iconClass": "button",
18
+ "desc": "Icon button based on Material 3 design system"
19
+ },
20
+ {
21
+ "name": "input_chip",
22
+ "displayName": "Input Chip",
23
+ "iconClass": "chips",
24
+ "desc": "Input chips based on Material 3 design system"
25
+ },
26
+ {
27
+ "name": "payee_list",
28
+ "displayName": "Payee List",
29
+ "iconClass": "checkboxset",
30
+ "desc": "Payee List"
31
+ },
32
+ {
33
+ "name": "radio_set",
34
+ "displayName": "Radioset",
35
+ "iconClass": "radioset",
36
+ "desc": "Radioset based on Material 3 design system"
37
+ },
38
+ {
39
+ "name": "switch_button",
40
+ "displayName": "Switch",
41
+ "iconClass": "switch",
42
+ "desc": "Switch button based on Material 3 design system"
43
+ },
44
+ {
45
+ "name": "textfield",
46
+ "displayName": "Textfield",
47
+ "iconClass": "text",
48
+ "desc": "Input text control based on Material 3 design system"
49
+ },
50
+ {
51
+ "name": "slider",
52
+ "displayName": "Slider",
53
+ "iconClass": "slider",
54
+ "desc": "Slider control based on Material 3 design system"
55
+ },
56
+ {
57
+ "name": "discrete_slider",
58
+ "displayName": "Discrete slider",
59
+ "iconClass": "slider",
60
+ "desc": "Discrete Slider control based on Material 3 design system"
61
+ },
62
+ {
63
+ "name": "progressbar",
64
+ "displayName": "Progress bar",
65
+ "iconClass": "progress",
66
+ "desc": "Progress bar widget based on Material 3 design system"
67
+ }
9
68
  ];