@wavemaker/custom-widgets-m3 12.0.0-next.45089 → 12.0.0-next.45092

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 (15) hide show
  1. custom-widgets-m3/custom-widgets-bundle.cjs.js +67 -76
  2. custom-widgets-m3/package.json +3 -2
  3. custom-widgets-m3/scripts/generate-pagemin.d.ts +1 -0
  4. custom-widgets-m3/scripts/generate-pagemin.js +111 -0
  5. custom-widgets-m3/src/checkbox_set/page.min.js +5 -5
  6. custom-widgets-m3/src/discrete_slider/page.min.js +4 -4
  7. custom-widgets-m3/src/divider/page.min.js +4 -4
  8. custom-widgets-m3/src/icon_button/page.min.js +5 -5
  9. custom-widgets-m3/src/icon_button_toggleable/page.min.js +5 -5
  10. custom-widgets-m3/src/input_chip/page.min.js +5 -5
  11. custom-widgets-m3/src/progressbar/page.min.js +5 -5
  12. custom-widgets-m3/src/radio_set/page.min.js +4 -4
  13. custom-widgets-m3/src/slider/page.min.js +5 -5
  14. custom-widgets-m3/src/switch_button/page.min.js +5 -5
  15. custom-widgets-m3/src/textfield/page.min.js +4 -4
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.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-icon+btn-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-icon+btn-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%22buttonTrailingIconClick%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%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+%27widgetMap%27+property+here%0A+++++*+e.g.+to+get+value+of+text+widget+named+%27username%27+use+following+script%0A+++++*+%27widgetMap.username.datavalue%27%0A+++++*%2F%0A++++const+widgetMap+%3D+Widget.Widgets%3B%0A++++const+%7B%0A++++++++leading_icon%2C%0A++++++++trailing_icon%2C%0A++++++++input_type%2C%0A++++++++required%2C%0A++++%7D+%3D+Widget.props%0A++++handleLeadingIcon%28widgetMap%2C+leading_icon%29%3B%0A++++handleTrailingIcon%28widgetMap%2C+trailing_icon%29%3B%0A++++handleinputType%28widgetMap%2C+input_type%29%3B%0A++++handleRequired%28widgetMap%2C+required%29%3B%0A++++Widget.getDatavalue+%3D+%28%29+%3D%3E+Widget.props.input_text%3B%0A%7D%3B%0A%0AWidget.onPropertyChange+%3D+function%28propname%2C+newvalue%2C+oldvalue%29+%7B%0A++++const+widgetMap+%3D+Widget.Widgets%3B%0A++++const+%7B%0A++++++++leading_icon%2C%0A++++++++trailing_icon%2C%0A++++++++input_type%2C%0A++++++++required%0A++++%7D+%3D+Widget.props%0A++++switch+%28propname%29+%7B%0A++++++++case+%27prop-leading_icon%27%3A%0A++++++++++++handleLeadingIcon%28widgetMap%2C+leading_icon%29%3B%0A++++++++++++break%0A++++++++case+%27prop-trailing_icon%27%3A%0A++++++++++++handleTrailingIcon%28widgetMap%2C+trailing_icon%29%3B%0A++++++++++++break%0A++++++++case+%27prop-required%27%3A%0A++++++++++++handleRequired%28widgetMap%2C+required%29%3B%0A++++++++++++break%0A++++++++case+%27prop-input_type%27%3A%0A++++++++++++handleinputType%28widgetMap%2C+input_type%29%3B%0A++++++++++++break%0A++++%7D%0A%7D%0A%0Afunction+handleLeadingIcon%28widgetMap%2C+leading_icon%29+%7B%0A++++widgetMap.textField.nativeElement.classList.remove%28%27with-leading-icon%27%29%3B%0A++++widgetMap.labelCaption.nativeElement.classList.remove%28%27with-leading-icon%27%29%3B%0A++++if+%28leading_icon+%3D%3D+true%29+%7B%0A++++++++widgetMap.labelCaption.class+%2B%3D+%27+with-leading-icon%27%3B%0A++++++++widgetMap.textField.class+%2B%3D+%27+with-leading-icon%27%3B%0A++++%7D%0A%7D%0A%0Afunction+handleTrailingIcon%28widgetMap%2C+trailing_icon%29+%7B%0A++++widgetMap.textField.nativeElement.classList.remove%28%27with-trailing-icon%27%29%3B%0A++++widgetMap.labelCaption.nativeElement.classList.remove%28%27with-trailing-icon%27%29%3B%0A++++if+%28trailing_icon+%3D%3D+true%29+%7B%0A++++++++widgetMap.labelCaption.class+%2B%3D+%27+with-trailing-icon%27%3B%0A++++++++widgetMap.textField.class+%2B%3D+%27+with-trailing-icon%27%3B%0A++++%7D%0A%7D%0A%0Afunction+handleRequired%28widgetMap%2C+required%29+%7B%0A++++widgetMap.composite.required+%3D+required%3B%0A%7D%0A%0Afunction+handleinputType%28widgetMap%2C+input_type%29+%7B%0A++++widgetMap.textField.type+%3D+input_type%3B%0A%7D%0A%0AWidget.buttonTrailingIconClick+%3D+function%28%24event%2C+widget%29+%7B%0A++++%2F%2F+Widget.invokeEvent%28%27trailingIconButtonOnClick%27%29%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-bottom%3A+0%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled%3Afocus+%7B%0A++++box-shadow%3A+inset+0+-2px+0+0+var%28--wm-form-control-border-color-focus%29%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.form-field-wrapper+.form-control.filled.ng-touched.ng-invalid%3Afocus+%7B%0A++++box-shadow%3A+inset+0+-2px+0+0+var%28--wm-form-control-border-color-error%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%28calc%28var%28--wm-form-control-height%29+-+var%28--wm-btn-icon-md-height%29+-+var%28--wm-btn-icon-md-margin%29+-+var%28--wm-btn-icon-md-margin%29%29+%2F+2%29%3B%0A++++left%3A+0%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+0%3B%0A%7D%0A%0A.wm-app+.app-composite-widget+.help-wrapper+%7B%0A++++width%3A+100%25%3B%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-height%29*0.15%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++++max-width%3A+calc%28100%25+-+var%28--wm-form-control-padding%29+-+var%28--wm-form-control-padding%29+-+calc%28calc%28var%28--wm-form-control-padding%29*+2.5%29+%2B+var%28--wm-icon-size-md%29%29%29%3B%0A%7D",
5
- "variables": "%7B+%7D",
2
+ "markup": "%3Cwm-custom-widget-container%3E%0A%20%20%20%20%3Cwm-composite%20name%3D%22composite%22%20captionposition%3D%22floating%22%20required%3D%22false%22%3E%0A%20%20%20%20%20%20%20%20%3Cwm-label%20class%3D%22control-label%22%20notag%3D%22true%22%20name%3D%22labelCaption%22%20caption%3D%22bind%3Aprops.label_text%22%20conditionalclass%3D%22bind%3Aprops.style.toLowerCase()%22%3E%3C%2Fwm-label%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20class%3D%22form-field-wrapper%22%20name%3D%22container2%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%20btn-leading-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22buttonLeadingIcon%22%20iconclass%3D%22bind%3Aprops.leading_icon_class%22%20show%3D%22bind%3Aprops.leading_icon%22%20deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-text%20name%3D%22textField%22%20updateon%3D%22default%22%20placeholder%3D%22bind%3Aprops.placeholder_text%22%20conditionalclass%3D%22bind%3Aprops.style.toLowerCase()%22%20disabled%3D%22bind%3Aprops.state.toLowerCase()%20%3D%3D%20%26quot%3Bdisabled%26quot%3B%22%20datavalue%3D%22bind%3Aprops.input_text%22%3E%3C%2Fwm-text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-button%20class%3D%22btn-icon%20btn-trailing-icon%22%20caption%3D%22%22%20type%3D%22button%22%20margin%3D%22unset%22%20name%3D%22buttonTrailingIcon%22%20iconclass%3D%22bind%3Aprops.trailing_icon_class%22%20on-click%3D%22buttonTrailingIconClick(%24event%2C%20widget)%22%20show%3D%22bind%3Aprops.trailing_icon%22%20deferload%3D%22false%22%3E%3C%2Fwm-button%3E%0A%20%20%20%20%20%20%20%20%3C%2Fwm-container%3E%0A%20%20%20%20%20%20%20%20%3Cwm-container%20class%3D%22help-wrapper%22%20name%3D%22containerSupportingWrapper%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cwm-label%20padding%3D%22unset%22%20class%3D%22p%20help-block%22%20type%3D%22p%22%20name%3D%22labelSupportingText%22%20caption%3D%22bind%3Aprops.supporting_text%22%20show%3D%22bind%3Aprops.show_supporting_text%22%3E%3C%2Fwm-label%3E%0A%20%20%20%20%20%20%20%20%3C%2Fwm-container%3E%0A%20%20%20%20%3C%2Fwm-composite%3E%0A%3C%2Fwm-custom-widget-container%3E%0A",
3
+ "script": "%2F*%0A%20*%20Use%20App.getDependency%20for%20Dependency%20Injection%0A%20*%20eg%3A%20var%20DialogService%20%3D%20App.getDependency('DialogService')%3B%0A%20*%2F%0A%2F*%20perform%20any%20action%20on%20widgets%2Fvariables%20within%20this%20block%20*%2F%0AWidget.onReady%20%3D%20function()%20%7B%0A%20%20%20%20%2F*%0A%20%20%20%20%20*%20variables%20can%20be%20accessed%20through%20'Widget.Variables'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20dataSet%20in%20a%20staticVariable%20named%20'loggedInUser'%20use%20following%20script%0A%20%20%20%20%20*%20Widget.Variables.loggedInUser.getData()%0A%20%20%20%20%20*%0A%20%20%20%20%20*%20widgets%20can%20be%20accessed%20through%20'widgetMap'%20property%20here%0A%20%20%20%20%20*%20e.g.%20to%20get%20value%20of%20text%20widget%20named%20'username'%20use%20following%20script%0A%20%20%20%20%20*%20'widgetMap.username.datavalue'%0A%20%20%20%20%20*%2F%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20leading_icon%2C%0A%20%20%20%20%20%20%20%20trailing_icon%2C%0A%20%20%20%20%20%20%20%20input_type%2C%0A%20%20%20%20%20%20%20%20required%2C%0A%20%20%20%20%7D%20%3D%20Widget.props%0A%20%20%20%20handleLeadingIcon(widgetMap%2C%20leading_icon)%3B%0A%20%20%20%20handleTrailingIcon(widgetMap%2C%20trailing_icon)%3B%0A%20%20%20%20handleinputType(widgetMap%2C%20input_type)%3B%0A%20%20%20%20handleRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20Widget.getDatavalue%20%3D%20()%20%3D%3E%20Widget.props.input_text%3B%0A%7D%3B%0A%0AWidget.onPropertyChange%20%3D%20function(propname%2C%20newvalue%2C%20oldvalue)%20%7B%0A%20%20%20%20const%20widgetMap%20%3D%20Widget.Widgets%3B%0A%20%20%20%20const%20%7B%0A%20%20%20%20%20%20%20%20leading_icon%2C%0A%20%20%20%20%20%20%20%20trailing_icon%2C%0A%20%20%20%20%20%20%20%20input_type%2C%0A%20%20%20%20%20%20%20%20required%0A%20%20%20%20%7D%20%3D%20Widget.props%0A%20%20%20%20switch%20(propname)%20%7B%0A%20%20%20%20%20%20%20%20case%20'prop-leading_icon'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleLeadingIcon(widgetMap%2C%20leading_icon)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%20%20%20%20case%20'prop-trailing_icon'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleTrailingIcon(widgetMap%2C%20trailing_icon)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%20%20%20%20case%20'prop-required'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleRequired(widgetMap%2C%20required)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%20%20%20%20case%20'prop-input_type'%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20handleinputType(widgetMap%2C%20input_type)%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20break%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleLeadingIcon(widgetMap%2C%20leading_icon)%20%7B%0A%20%20%20%20widgetMap.textField.nativeElement.classList.remove('with-leading-icon')%3B%0A%20%20%20%20widgetMap.labelCaption.nativeElement.classList.remove('with-leading-icon')%3B%0A%20%20%20%20if%20(leading_icon%20%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.labelCaption.class%20%2B%3D%20'%20with-leading-icon'%3B%0A%20%20%20%20%20%20%20%20widgetMap.textField.class%20%2B%3D%20'%20with-leading-icon'%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleTrailingIcon(widgetMap%2C%20trailing_icon)%20%7B%0A%20%20%20%20widgetMap.textField.nativeElement.classList.remove('with-trailing-icon')%3B%0A%20%20%20%20widgetMap.labelCaption.nativeElement.classList.remove('with-trailing-icon')%3B%0A%20%20%20%20if%20(trailing_icon%20%3D%3D%20true)%20%7B%0A%20%20%20%20%20%20%20%20widgetMap.labelCaption.class%20%2B%3D%20'%20with-trailing-icon'%3B%0A%20%20%20%20%20%20%20%20widgetMap.textField.class%20%2B%3D%20'%20with-trailing-icon'%3B%0A%20%20%20%20%7D%0A%7D%0A%0Afunction%20handleRequired(widgetMap%2C%20required)%20%7B%0A%20%20%20%20widgetMap.composite.required%20%3D%20required%3B%0A%7D%0A%0Afunction%20handleinputType(widgetMap%2C%20input_type)%20%7B%0A%20%20%20%20widgetMap.textField.type%20%3D%20input_type%3B%0A%7D%0A%0AWidget.buttonTrailingIconClick%20%3D%20function(%24event%2C%20widget)%20%7B%0A%20%20%20%20%2F%2F%20Widget.invokeEvent('trailingIconButtonOnClick')%3B%0A%7D%3B%0A",
4
+ "styles": ".wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.with-leading-icon%20%7B%0A%20%20%20%20padding-left%3A%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.with-trailing-icon%20%7B%0A%20%20%20%20padding-right%3A%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.filled%20%7B%0A%20%20%20%20--wm-form-control-background%3A%20var(--wm-color-surface-container-highest)%3B%0A%20%20%20%20border-width%3A%200%200%201px%200%3B%0A%20%20%20%20border-radius%3A%20var(--wm-form-control-radius)%20var(--wm-form-control-radius)%200%200%3B%0A%20%20%20%20padding-bottom%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.filled%3Afocus%20%7B%0A%20%20%20%20box-shadow%3A%20inset%200%20-2px%200%200%20var(--wm-form-control-border-color-focus)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.form-control.filled.ng-touched.ng-invalid%3Afocus%20%7B%0A%20%20%20%20box-shadow%3A%20inset%200%20-2px%200%200%20var(--wm-form-control-border-color-error)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn%20%7B%0A%20%20%20%20padding%3A%200%3B%0A%20%20%20%20background%3A%20none%3B%0A%20%20%20%20border%3A%20none%3B%0A%20%20%20%20min-height%3A%20auto%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn%20.app-icon%20%7B%0A%20%20%20%20font-size%3A%20var(--wm-icon-size-md)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn-leading-icon%2C%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn-trailing-icon%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20z-index%3A%201%3B%0A%20%20%20%20top%3A%20calc(calc(var(--wm-form-control-height)%20-%20var(--wm-btn-icon-md-height)%20-%20var(--wm-btn-icon-md-margin)%20-%20var(--wm-btn-icon-md-margin))%20%2F%202)%3B%0A%20%20%20%20left%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.form-field-wrapper%20.btn-trailing-icon%20%7B%0A%20%20%20%20left%3A%20auto%3B%0A%20%20%20%20right%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.help-wrapper%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20margin-top%3A%204px%3B%0A%20%20%20%20padding%3A%200%20var(--wm-form-control-padding)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.help-wrapper%20.help-block%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20padding%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%20.help-wrapper%20.help-block.required%3Aafter%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget%3Ahas(.form-control.ng-touched.ng-invalid)%20.help-wrapper%20.help-block%20%7B%0A%20%20%20%20--wm-help-block-color%3A%20var(--wm-color-error)%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating%3Anot(.float-active)%20.control-label.with-leading-icon%20%7B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%20-%20var(--wm-form-control-padding))%3B%0A%20%20%20%20left%3A%20calc(calc(var(--wm-form-control-padding)*%201.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating%3Anot(.float-active)%20.control-label.with-trailing-icon%20%7B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20var(--wm-form-control-padding)%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md)))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating%3Anot(.float-active)%20.control-label.with-leading-icon.with-trailing-icon%20%7B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md))%20-%20calc(calc(var(--wm-form-control-padding)*1.5)%20%2B%20var(--wm-icon-size-md)))%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating.float-active%20.control-label.filled%20%7B%0A%20%20%20%20left%3A%20var(--wm-form-control-padding)%3B%0A%20%20%20%20top%3A%20calc(var(--wm-form-control-height)*0.15)%3B%0A%20%20%20%20padding%3A%200%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating.float-active%20.control-label.filled%3Abefore%20%7B%0A%20%20%20%20background%3A%20none%3B%0A%7D%0A%0A.wm-app%20.app-composite-widget.caption-floating.float-active%20.control-label.filled.with-leading-icon%20%7B%0A%20%20%20%20left%3A%20calc(calc(var(--wm-form-control-padding)*%201.5)%20%2B%20var(--wm-icon-size-md))%3B%0A%20%20%20%20max-width%3A%20calc(100%25%20-%20var(--wm-form-control-padding)%20-%20var(--wm-form-control-padding)%20-%20calc(calc(var(--wm-form-control-padding)*%202.5)%20%2B%20var(--wm-icon-size-md)))%3B%0A%7D%0A",
5
+ "variables": "%7B%20%7D%0A",
6
6
  "config": "%7B%0A%20%20%22widgetType%22%20%3A%20%22wm-input-text%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%22Enter%20Text%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%22Supporting%20Text%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%22trailingIconButtonOnClick%22%20%3A%20%7B%0A%20%20%20%20%20%20%22type%22%20%3A%20%22event%22%2C%0A%20%20%20%20%20%20%22displayName%22%20%3A%20%22Trailing%20Icon%20Button%20onClick%22%2C%0A%20%20%20%20%20%20%22description%22%20%3A%20%22Function%20to%20be%20called%20when%20the%20value%20of%20the%20slider%20changes.%20This%20function%20receives%20parameters%20such%20as%20the%20event%2C%20widget%2C%20new%20value%2C%20and%20old%20value.%22%2C%0A%20%20%20%20%20%20%22value%22%20%3A%20%22buttonTrailingIconClick(%24event%2C%20widget)%22%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A"
7
7
  };