@wavemaker-ai/custom-widgets-m3 1.0.0-rc.647469

package/src/textfield/page.min.js

@@ -0,0 +1,7 @@
+export var textfield = {
+    "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",
+    "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",
+    "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(var(--wm-form-control-height)%20%2F%203)%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",
+    "variables": "%7B%20%7D%0A",
+    "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%22Allows%20you%20to%20specify%20different%20text%20types%20for%20the%20TextField%2C%20including%20input%20text%2C%20label%20text%2C%20and%20placeholder%20text.%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"
+};

package/src/textfield/textfield.d.ts

@@ -0,0 +1,4 @@
+declare function handleLeadingIcon(widgetMap: any, leading_icon: any): void;
+declare function handleTrailingIcon(widgetMap: any, trailing_icon: any): void;
+declare function handleRequired(widgetMap: any, required: any): void;
+declare function handleinputType(widgetMap: any, input_type: any): void;

package/src/textfield/textfield.js

@@ -0,0 +1,66 @@
+/*
+ * Use App.getDependency for Dependency Injection
+ * eg: var DialogService = App.getDependency('DialogService');
+ */
+/* perform any action on widgets/variables within this block */
+Widget.onReady = function () {
+    /*
+     * variables can be accessed through 'Widget.Variables' property here
+     * e.g. to get dataSet in a staticVariable named 'loggedInUser' use following script
+     * Widget.Variables.loggedInUser.getData()
+     *
+     * widgets can be accessed through 'widgetMap' property here
+     * e.g. to get value of text widget named 'username' use following script
+     * 'widgetMap.username.datavalue'
+     */
+    var widgetMap = Widget.Widgets;
+    var _a = Widget.props, leading_icon = _a.leading_icon, trailing_icon = _a.trailing_icon, input_type = _a.input_type, required = _a.required;
+    handleLeadingIcon(widgetMap, leading_icon);
+    handleTrailingIcon(widgetMap, trailing_icon);
+    handleinputType(widgetMap, input_type);
+    handleRequired(widgetMap, required);
+    Widget.getDatavalue = function () { return Widget.props.input_text; };
+};
+Widget.onPropertyChange = function (propname, newvalue, oldvalue) {
+    var widgetMap = Widget.Widgets;
+    var _a = Widget.props, leading_icon = _a.leading_icon, trailing_icon = _a.trailing_icon, input_type = _a.input_type, required = _a.required;
+    switch (propname) {
+        case 'prop-leading_icon':
+            handleLeadingIcon(widgetMap, leading_icon);
+            break;
+        case 'prop-trailing_icon':
+            handleTrailingIcon(widgetMap, trailing_icon);
+            break;
+        case 'prop-required':
+            handleRequired(widgetMap, required);
+            break;
+        case 'prop-input_type':
+            handleinputType(widgetMap, input_type);
+            break;
+    }
+};
+function handleLeadingIcon(widgetMap, leading_icon) {
+    widgetMap.textField.nativeElement.classList.remove('with-leading-icon');
+    widgetMap.labelCaption.nativeElement.classList.remove('with-leading-icon');
+    if (leading_icon == true) {
+        widgetMap.labelCaption.class += ' with-leading-icon';
+        widgetMap.textField.class += ' with-leading-icon';
+    }
+}
+function handleTrailingIcon(widgetMap, trailing_icon) {
+    widgetMap.textField.nativeElement.classList.remove('with-trailing-icon');
+    widgetMap.labelCaption.nativeElement.classList.remove('with-trailing-icon');
+    if (trailing_icon == true) {
+        widgetMap.labelCaption.class += ' with-trailing-icon';
+        widgetMap.textField.class += ' with-trailing-icon';
+    }
+}
+function handleRequired(widgetMap, required) {
+    widgetMap.composite.required = required;
+}
+function handleinputType(widgetMap, input_type) {
+    widgetMap.textField.type = input_type;
+}
+Widget.buttonTrailingIconClick = function ($event, widget) {
+    // Widget.invokeEvent('trailingIconButtonOnClick');
+};

package/src/widget-registry.d.ts

@@ -0,0 +1,6 @@
+export const widgetRegistry: {
+    name: string;
+    displayName: string;
+    iconClass: string;
+    desc: string;
+}[];

package/src/widget-registry.js

@@ -0,0 +1,68 @@
+export var widgetRegistry = [
+    {
+        "name": "checkbox_set",
+        "displayName": "Checkboxset",
+        "iconClass": "checkboxset",
+        "desc": "Checkbox set control supporting Material 3 design system"
+    },
+    {
+        "name": "divider",
+        "displayName": "Divider",
+        "iconClass": "design-dialog",
+        "desc": "Divider based on Material 3 design system"
+    },
+    {
+        "name": "icon_button",
+        "displayName": "Icon button",
+        "iconClass": "button",
+        "desc": "Icon button based on Material 3 design system"
+    },
+    {
+        "name": "input_chip",
+        "displayName": "Input Chip",
+        "iconClass": "chips",
+        "desc": "Input chips based on Material 3 design system"
+    },
+    {
+        "name": "radio_set",
+        "displayName": "Radioset",
+        "iconClass": "radioset",
+        "desc": "Radioset based on Material 3 design system"
+    },
+    {
+        "name": "switch_button",
+        "displayName": "Switch",
+        "iconClass": "switch",
+        "desc": "Switch button based on Material 3 design system"
+    },
+    {
+        "name": "textfield",
+        "displayName": "Textfield",
+        "iconClass": "text",
+        "desc": "Input text control based on Material 3 design system"
+    },
+    {
+        "name": "slider",
+        "displayName": "Slider",
+        "iconClass": "slider",
+        "desc": "Slider control based on Material 3 design system"
+    },
+    {
+        "name": "discrete_slider",
+        "displayName": "Discrete slider",
+        "iconClass": "slider",
+        "desc": "Discrete Slider control based on Material 3 design system"
+    },
+    {
+        "name": "progressbar",
+        "displayName": "Progress bar",
+        "iconClass": "progress",
+        "desc": "Progress bar widget based on Material 3 design system"
+    },
+    {
+        "name": "icon_button_toggleable",
+        "displayName": "Icon Button Toggleable",
+        "iconClass": "button",
+        "desc": "Icon Button Toggleable based on Material 3 design system"
+    },
+];

package/src/wm-namespace.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Central WaveMaker npm namespace configuration.
+ *
+ * All source files import WM_NPM_SCOPE from here instead of hardcoding
+ * '@wavemaker'. Override via the WM_NPM_SCOPE environment variable to
+ * switch namespaces at build or runtime.
+ *
+ * Default: '@wavemaker-ai'
+ * Override: WM_NPM_SCOPE=@wavemaker node scripts/build.js post-build
+ */
+export const WM_NPM_SCOPE: string;

package/src/wm-namespace.js

@@ -0,0 +1,12 @@
+/**
+ * Central WaveMaker npm namespace configuration.
+ *
+ * All source files import WM_NPM_SCOPE from here instead of hardcoding
+ * '@wavemaker'. Override via the WM_NPM_SCOPE environment variable to
+ * switch namespaces at build or runtime.
+ *
+ * Default: '@wavemaker-ai'
+ * Override: WM_NPM_SCOPE=@wavemaker node scripts/build.js post-build
+ */
+var WM_NPM_SCOPE = process.env.WM_NPM_SCOPE || '@wavemaker-ai';
+module.exports = { WM_NPM_SCOPE: WM_NPM_SCOPE };

package/webpack.config.cjs.d.ts

@@ -0,0 +1,31 @@
+export let entry: string;
+export namespace module {
+    let rules: ({
+        test: RegExp;
+        use: string;
+        exclude: RegExp;
+        type?: undefined;
+    } | {
+        test: RegExp;
+        use: string[];
+        exclude: RegExp;
+        type?: undefined;
+    } | {
+        test: RegExp;
+        type: string;
+        exclude: RegExp;
+        use?: undefined;
+    })[];
+}
+export namespace resolve {
+    let extensions: string[];
+}
+export let devtool: string;
+export namespace output {
+    let filename: string;
+    let path: string;
+    namespace library {
+        let type: string;
+    }
+    let globalObject: string;
+}

package/webpack.config.cjs.js

@@ -0,0 +1,40 @@
+var path = require('path');
+module.exports = {
+    entry: './index.ts',
+    module: {
+        rules: [
+            {
+                test: /\.ts?$/,
+                use: 'ts-loader',
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.css$/,
+                use: ['style-loader', 'css-loader'],
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.html$/,
+                use: 'html-loader',
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.json$/,
+                type: 'json',
+                exclude: /node_modules/,
+            },
+        ],
+    },
+    resolve: {
+        extensions: ['.ts', '.js', '.json', '.html', '.css'],
+    },
+    devtool: 'inline-source-map',
+    output: {
+        filename: 'custom-widgets-bundle.cjs.js',
+        path: path.resolve(__dirname, 'dist/es2015'),
+        library: {
+            type: 'commonjs'
+        },
+        globalObject: 'window',
+    },
+};

package/webpack.config.d.ts

@@ -0,0 +1,32 @@
+export let entry: string;
+export namespace module {
+    let rules: ({
+        test: RegExp;
+        use: string;
+        exclude: RegExp;
+        type?: undefined;
+    } | {
+        test: RegExp;
+        use: string[];
+        exclude: RegExp;
+        type?: undefined;
+    } | {
+        test: RegExp;
+        type: string;
+        exclude: RegExp;
+        use?: undefined;
+    })[];
+}
+export namespace resolve {
+    let extensions: string[];
+}
+export let devtool: string;
+export namespace output {
+    let filename: string;
+    let path: string;
+    namespace library {
+        let type: string;
+        let name: string;
+    }
+    let globalObject: string;
+}

package/webpack.config.js

@@ -0,0 +1,41 @@
+var path = require('path');
+module.exports = {
+    entry: './index.ts',
+    module: {
+        rules: [
+            {
+                test: /\.ts?$/,
+                use: 'ts-loader',
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.css$/,
+                use: ['style-loader', 'css-loader'],
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.html$/,
+                use: 'html-loader',
+                exclude: /node_modules/,
+            },
+            {
+                test: /\.json$/,
+                type: 'json',
+                exclude: /node_modules/,
+            },
+        ],
+    },
+    resolve: {
+        extensions: ['.ts', '.js', '.json', '.html', '.css'],
+    },
+    devtool: 'inline-source-map',
+    output: {
+        filename: 'index.js',
+        path: path.resolve(__dirname, 'dist/umd'),
+        library: {
+            type: 'umd',
+            name: 'wm_custom_widgets',
+        },
+        globalObject: 'window',
+    },
+};