@wavemaker/app-ng-runtime 11.5.2-next.141021 → 11.5.2-next.141025

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 (19) hide show
  1. app-ng-runtime/components/data/table/bundles/index.umd.js +1 -0
  2. app-ng-runtime/components/data/table/esm2020/table-column/table-column.props.mjs +2 -1
  3. app-ng-runtime/components/data/table/fesm2015/index.mjs +1 -0
  4. app-ng-runtime/components/data/table/fesm2015/index.mjs.map +1 -1
  5. app-ng-runtime/components/data/table/fesm2020/index.mjs +1 -0
  6. app-ng-runtime/components/data/table/fesm2020/index.mjs.map +1 -1
  7. app-ng-runtime/components/navigation/menu/bundles/index.umd.js +2 -1
  8. app-ng-runtime/components/navigation/menu/esm2020/menu.component.mjs +3 -2
  9. app-ng-runtime/components/navigation/menu/fesm2015/index.mjs +3 -2
  10. app-ng-runtime/components/navigation/menu/fesm2015/index.mjs.map +1 -1
  11. app-ng-runtime/components/navigation/menu/fesm2020/index.mjs +3 -2
  12. app-ng-runtime/components/navigation/menu/fesm2020/index.mjs.map +1 -1
  13. app-ng-runtime/core/bundles/index.umd.js +26 -24
  14. app-ng-runtime/core/esm2020/utils/build-utils.mjs +27 -25
  15. app-ng-runtime/core/fesm2015/index.mjs +26 -24
  16. app-ng-runtime/core/fesm2015/index.mjs.map +1 -1
  17. app-ng-runtime/core/fesm2020/index.mjs +26 -24
  18. app-ng-runtime/core/fesm2020/index.mjs.map +1 -1
  19. app-ng-runtime/package.json +1 -1
app-ng-runtime/core/fesm2020/index.mjs CHANGED
@@ -92,71 +92,73 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
92
92
  let tmpl;
93
93
  const updateOn = attrs.get('updateon');
94
94
  const updateOnTmpl = updateOn ? `updateon="${updateOn}"` : '';
95
+ const showineditmode = attrs.get('showineditmode') || attrs.get('showineditmode.bind') || true;
96
+ const showTmpl = showineditmode == 'false' ? `show="${showineditmode}"` : `show.bind="${showineditmode}"`;
95
97
  switch (widgetType) {
96
98
  case FormWidgetType.AUTOCOMPLETE:
97
99
  case FormWidgetType.TYPEAHEAD:
98
- tmpl = `<div wmSearch type="autocomplete" debouncetime="${attrs.get('debouncetime')}" ${innerTmpl}></div>`;
100
+ tmpl = `<div wmSearch type="autocomplete" debouncetime="${attrs.get('debouncetime')}" ${innerTmpl} ${showTmpl}></div>`;
99
101
  break;
100
102
  case FormWidgetType.CHECKBOX:
101
- tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''}></div>`;
103
+ tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} ${showTmpl}></div>`;
102
104
  break;
103
105
  case FormWidgetType.CHECKBOXSET:
104
- tmpl = `<ul role="group" wmCheckboxset ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''}></ul>`;
106
+ tmpl = `<ul role="group" wmCheckboxset ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} ${showTmpl}></ul>`;
105
107
  break;
106
108
  case FormWidgetType.CHIPS:
107
- tmpl = `<ul wmChips role="input" debouncetime="${attrs.get('debouncetime')}" ${innerTmpl}></ul>`;
109
+ tmpl = `<ul wmChips role="input" debouncetime="${attrs.get('debouncetime')}" ${innerTmpl} ${showTmpl}></ul>`;
108
110
  break;
109
111
  case FormWidgetType.COLORPICKER:
110
- tmpl = `<div wmColorPicker ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl}></div>`;
112
+ tmpl = `<div wmColorPicker ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl} ${showTmpl}></div>`;
111
113
  break;
112
114
  case FormWidgetType.CURRENCY:
113
- tmpl = `<div wmCurrency ${attrs.get('required') === 'true' ? 'required=true' : ''} ${updateOnTmpl} ${innerTmpl}></div>`;
115
+ tmpl = `<div wmCurrency ${attrs.get('required') === 'true' ? 'required=true' : ''} ${updateOnTmpl} ${innerTmpl} ${showTmpl}></div>`;
114
116
  break;
115
117
  case FormWidgetType.DATE:
116
- tmpl = `<div wmDate ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl}></div>`;
118
+ tmpl = `<div wmDate ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
117
119
  break;
118
120
  case FormWidgetType.DATETIME:
119
- tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl}></div>`;
121
+ tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
120
122
  break;
121
123
  case FormWidgetType.NUMBER:
122
- tmpl = `<div wmNumber ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="number" aria-label="Only numbers" ${updateOnTmpl}></div>`;
124
+ tmpl = `<div wmNumber ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="number" aria-label="Only numbers" ${updateOnTmpl} ${showTmpl}></div>`;
123
125
  break;
124
126
  case FormWidgetType.PASSWORD:
125
- tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="password" aria-label="Enter password" ${updateOnTmpl}></wm-input>`;
127
+ tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="password" aria-label="Enter password" ${updateOnTmpl} ${showTmpl}></wm-input>`;
126
128
  break;
127
129
  case FormWidgetType.RADIOSET:
128
- tmpl = `<ul role="radiogroup" wmRadioset ${innerTmpl}></ul>`;
130
+ tmpl = `<ul role="radiogroup" wmRadioset ${innerTmpl} ${showTmpl}></ul>`;
129
131
  break;
130
132
  case FormWidgetType.RATING:
131
- tmpl = `<div wmRating ${innerTmpl}></div>`;
133
+ tmpl = `<div wmRating ${innerTmpl} ${showTmpl}></div>`;
132
134
  break;
133
135
  case FormWidgetType.RICHTEXT:
134
- tmpl = `<div wmRichTextEditor role="textbox" ${innerTmpl}></div>`;
136
+ tmpl = `<div wmRichTextEditor role="textbox" ${innerTmpl} ${showTmpl}></div>`;
135
137
  break;
136
138
  case FormWidgetType.SELECT:
137
- tmpl = `<wm-select ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl}></wm-select>`;
139
+ tmpl = `<wm-select ${attrs.get('required') === 'true' ? 'required=true' : ''} ${innerTmpl} ${showTmpl}></wm-select>`;
138
140
  break;
139
141
  case FormWidgetType.TOGGLE:
140
- tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="toggle" role="checkbox" aria-label="Toggle button"></div>`;
142
+ tmpl = `<div wmCheckbox ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="toggle" role="checkbox" aria-label="Toggle button" ${showTmpl}></div>`;
141
143
  break;
142
144
  case FormWidgetType.SLIDER:
143
- tmpl = `<div wmSlider ${innerTmpl}></div>`;
145
+ tmpl = `<div wmSlider ${innerTmpl} ${showTmpl}></div>`;
144
146
  break;
145
147
  case FormWidgetType.SWITCH:
146
- tmpl = `<div wmSwitch ${innerTmpl}></div>`;
148
+ tmpl = `<div wmSwitch ${innerTmpl} ${showTmpl}></div>`;
147
149
  break;
148
150
  case FormWidgetType.TEXT:
149
151
  const inputType = options.inputType || 'inputtype';
150
- tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="${attrs.get(inputType) || 'text'}" ${updateOnTmpl}></wm-input>`;
152
+ tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="${attrs.get(inputType) || 'text'}" ${updateOnTmpl} ${showTmpl}></wm-input>`;
151
153
  break;
152
154
  case FormWidgetType.TEXTAREA:
153
- tmpl = `<wm-textarea ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} role="textbox" ${updateOnTmpl}></wm-textarea>`;
155
+ tmpl = `<wm-textarea ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} role="textbox" ${updateOnTmpl} ${showTmpl}></wm-textarea>`;
154
156
  break;
155
157
  case FormWidgetType.TIME:
156
- tmpl = `<div wmTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl}></div>`;
158
+ tmpl = `<div wmTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} ${showTmpl}></div>`;
157
159
  break;
158
160
  case FormWidgetType.TIMESTAMP:
159
- tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} role="input"></div>`;
161
+ tmpl = `<div wmDateTime ${attrs.get('required') === 'true' ? 'required=true' : ''} dataentrymode="${attrs.get('dataentrymode')}" ${innerTmpl} role="input" ${showTmpl}></div>`;
160
162
  break;
161
163
  case FormWidgetType.UPLOAD:
162
164
  const counter = options.counter;
@@ -165,7 +167,7 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
165
167
  const eventTmpl = getUploadEventTmpl(attrs, counter, uploadProps && uploadProps.name);
166
168
  if (uploadProps) {
167
169
  tmpl = `<form name="${uploadProps.formName}" ${innerTmpl}>
168
- <input focus-target class="file-upload" type="file" name="${uploadProps.name}" ${eventTmpl}/>
170
+ <input focus-target class="file-upload" type="file" name="${uploadProps.name}" ${eventTmpl} ${showTmpl}/>
169
171
  </form>`;
170
172
  }
171
173
  else {
@@ -175,11 +177,11 @@ const getFormWidgetTemplate = (widgetType, innerTmpl, attrs, options = {}) => {
175
177
  <i class="wi wi-file"></i></a>
176
178
  <input ${innerTmpl} class="app-blob-upload" [ngClass]="{'file-readonly': ${counter}.readonly}" ${eventTmpl}
177
179
  [required]="${counter}.required" type="file" name="${attrs.get('key') || attrs.get('name')}_formWidget" [readonly]="${counter}.readonly"
178
- [class.hidden]="!${pCounter}.isUpdateMode" [accept]="${counter}.permitted">`;
180
+ [class.hidden]="!${pCounter}.isUpdateMode" [accept]="${counter}.permitted" ${showTmpl}>`;
179
181
  }
180
182
  break;
181
183
  default:
182
- tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="text" ${updateOnTmpl}></wm-input>`;
184
+ tmpl = `<wm-input ${innerTmpl} ${attrs.get('required') === 'true' ? 'required=true' : ''} type="text" ${updateOnTmpl} ${showTmpl}></wm-input>`;
183
185
  break;
184
186
  }
185
187
  return tmpl;