@wavemaker/app-ng-runtime 12.0.0-next.45058 → 12.0.0-next.45062
Sign up to get free protection for your applications and to get access to all the features.
- app-ng-runtime/components/input/rating/bundles/index.umd.js +26 -35
- app-ng-runtime/components/input/rating/esm2022/rating.component.mjs +26 -37
- app-ng-runtime/components/input/rating/esm2022/rating.props.mjs +3 -1
- app-ng-runtime/components/input/rating/fesm2022/index.mjs +27 -36
- app-ng-runtime/components/input/rating/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/input/rating/rating.component.d.ts +3 -1
- app-ng-runtime/package.json +1 -1
- app-ng-runtime/scripts/custom-widgets-m3/src/checkbox_set/checkbox_set.d.ts +0 -0
- app-ng-runtime/scripts/custom-widgets-m3/src/checkbox_set/checkbox_set.js +0 -38
- app-ng-runtime/scripts/custom-widgets-m3/src/checkbox_set/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/checkbox_set/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/discrete_slider/discrete_slider.d.ts +0 -10
- app-ng-runtime/scripts/custom-widgets-m3/src/discrete_slider/discrete_slider.js +0 -171
- app-ng-runtime/scripts/custom-widgets-m3/src/discrete_slider/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/discrete_slider/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/divider/divider.d.ts +0 -0
- app-ng-runtime/scripts/custom-widgets-m3/src/divider/divider.js +0 -28
- app-ng-runtime/scripts/custom-widgets-m3/src/divider/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/divider/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/icon_button/icon_button.d.ts +0 -0
- app-ng-runtime/scripts/custom-widgets-m3/src/icon_button/icon_button.js +0 -24
- app-ng-runtime/scripts/custom-widgets-m3/src/icon_button/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/icon_button/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/input_chip/input_chip.d.ts +0 -0
- app-ng-runtime/scripts/custom-widgets-m3/src/input_chip/input_chip.js +0 -34
- app-ng-runtime/scripts/custom-widgets-m3/src/input_chip/input_chip.variables.d.ts +0 -0
- app-ng-runtime/scripts/custom-widgets-m3/src/input_chip/input_chip.variables.js +0 -1
- app-ng-runtime/scripts/custom-widgets-m3/src/input_chip/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/input_chip/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/payee_list/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/payee_list/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/payee_list/payee_list.d.ts +0 -0
- app-ng-runtime/scripts/custom-widgets-m3/src/payee_list/payee_list.js +0 -19
- app-ng-runtime/scripts/custom-widgets-m3/src/progressbar/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/progressbar/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/progressbar/progressbar.d.ts +0 -0
- app-ng-runtime/scripts/custom-widgets-m3/src/progressbar/progressbar.js +0 -52
- app-ng-runtime/scripts/custom-widgets-m3/src/radio_set/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/radio_set/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/radio_set/radio_set.d.ts +0 -0
- app-ng-runtime/scripts/custom-widgets-m3/src/radio_set/radio_set.js +0 -35
- app-ng-runtime/scripts/custom-widgets-m3/src/slider/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/slider/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/slider/slider.d.ts +0 -11
- app-ng-runtime/scripts/custom-widgets-m3/src/slider/slider.js +0 -121
- app-ng-runtime/scripts/custom-widgets-m3/src/switch_button/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/switch_button/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/switch_button/switch_button.d.ts +0 -0
- app-ng-runtime/scripts/custom-widgets-m3/src/switch_button/switch_button.js +0 -33
- app-ng-runtime/scripts/custom-widgets-m3/src/textfield/page.min.d.ts +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/textfield/page.min.js +0 -7
- app-ng-runtime/scripts/custom-widgets-m3/src/textfield/textfield.d.ts +0 -4
- app-ng-runtime/scripts/custom-widgets-m3/src/textfield/textfield.js +0 -65
- app-ng-runtime/scripts/custom-widgets-m3/src/widget-registry.d.ts +0 -6
- app-ng-runtime/scripts/custom-widgets-m3/src/widget-registry.js +0 -68
@@ -1,33 +0,0 @@
|
|
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
|
-
};
|
@@ -1,7 +0,0 @@
|
|
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%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%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-height%29+-+var%28--wm-btn-icon-margin%29+-+var%28--wm-btn-icon-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",
|
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%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
|
-
};
|
@@ -1,4 +0,0 @@
|
|
1
|
-
declare function handleLeadingIcon(widgetMap: any, leading_icon: any): void;
|
2
|
-
declare function handleTrailingIcon(widgetMap: any, trailing_icon: any): void;
|
3
|
-
declare function handleRequired(widgetMap: any, required: any): void;
|
4
|
-
declare function handleinputType(widgetMap: any, input_type: any): void;
|
@@ -1,65 +0,0 @@
|
|
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 'widgetMap' property here
|
13
|
-
* e.g. to get value of text widget named 'username' use following script
|
14
|
-
* 'widgetMap.username.datavalue'
|
15
|
-
*/
|
16
|
-
var widgetMap = Widget.Widgets;
|
17
|
-
var _a = Widget.props, leading_icon = _a.leading_icon, trailing_icon = _a.trailing_icon, input_type = _a.input_type, required = _a.required;
|
18
|
-
handleLeadingIcon(widgetMap, leading_icon);
|
19
|
-
handleTrailingIcon(widgetMap, trailing_icon);
|
20
|
-
handleinputType(widgetMap, input_type);
|
21
|
-
handleRequired(widgetMap, required);
|
22
|
-
};
|
23
|
-
Widget.onPropertyChange = function (propname, newvalue, oldvalue) {
|
24
|
-
var widgetMap = Widget.Widgets;
|
25
|
-
var _a = Widget.props, leading_icon = _a.leading_icon, trailing_icon = _a.trailing_icon, input_type = _a.input_type, required = _a.required;
|
26
|
-
switch (propname) {
|
27
|
-
case 'prop-leading_icon':
|
28
|
-
handleLeadingIcon(widgetMap, leading_icon);
|
29
|
-
break;
|
30
|
-
case 'prop-trailing_icon':
|
31
|
-
handleTrailingIcon(widgetMap, trailing_icon);
|
32
|
-
break;
|
33
|
-
case 'prop-required':
|
34
|
-
handleRequired(widgetMap, required);
|
35
|
-
break;
|
36
|
-
case 'prop-input_type':
|
37
|
-
handleinputType(widgetMap, input_type);
|
38
|
-
break;
|
39
|
-
}
|
40
|
-
};
|
41
|
-
function handleLeadingIcon(widgetMap, leading_icon) {
|
42
|
-
widgetMap.textField.nativeElement.classList.remove('with-leading-icon');
|
43
|
-
widgetMap.labelCaption.nativeElement.classList.remove('with-leading-icon');
|
44
|
-
if (leading_icon == true) {
|
45
|
-
widgetMap.labelCaption.class += ' with-leading-icon';
|
46
|
-
widgetMap.textField.class += ' with-leading-icon';
|
47
|
-
}
|
48
|
-
}
|
49
|
-
function handleTrailingIcon(widgetMap, trailing_icon) {
|
50
|
-
widgetMap.textField.nativeElement.classList.remove('with-trailing-icon');
|
51
|
-
widgetMap.labelCaption.nativeElement.classList.remove('with-trailing-icon');
|
52
|
-
if (trailing_icon == true) {
|
53
|
-
widgetMap.labelCaption.class += ' with-trailing-icon';
|
54
|
-
widgetMap.textField.class += ' with-trailing-icon';
|
55
|
-
}
|
56
|
-
}
|
57
|
-
function handleRequired(widgetMap, required) {
|
58
|
-
widgetMap.composite.required = required;
|
59
|
-
}
|
60
|
-
function handleinputType(widgetMap, input_type) {
|
61
|
-
widgetMap.textField.type = input_type;
|
62
|
-
}
|
63
|
-
Widget.buttonTrailingIconClick = function ($event, widget) {
|
64
|
-
// Widget.invokeEvent('trailingIconButtonOnClick');
|
65
|
-
};
|
@@ -1,68 +0,0 @@
|
|
1
|
-
export var widgetRegistry = [
|
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
|
-
}
|
68
|
-
];
|