@wavemaker/app-ng-runtime 12.0.0-next.45076 → 12.0.0-next.45080
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.
- app-ng-runtime/build-task/bundles/index.umd.js +8 -1
- app-ng-runtime/build-task/esm2022/data/form/form-field/form-field.build.mjs +9 -2
- app-ng-runtime/build-task/fesm2022/index.mjs +8 -1
- app-ng-runtime/build-task/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/advanced/custom/bundles/index.umd.js +49 -12
- app-ng-runtime/components/advanced/custom/custom-widget-container/custom-widget-container.directive.d.ts +11 -4
- app-ng-runtime/components/advanced/custom/esm2022/custom-widget-container/custom-widget-container.directive.mjs +51 -11
- app-ng-runtime/components/advanced/custom/fesm2022/index.mjs +50 -10
- app-ng-runtime/components/advanced/custom/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/base/bundles/index.umd.js +13 -3
- app-ng-runtime/components/base/esm2022/widgets/common/base/base.component.mjs +14 -4
- app-ng-runtime/components/base/esm2022/widgets/framework/property-change-handler.mjs +2 -2
- app-ng-runtime/components/base/fesm2022/index.mjs +14 -4
- app-ng-runtime/components/base/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/base/widgets/common/base/base.component.d.ts +1 -0
- app-ng-runtime/components/basic/search/bundles/index.umd.js +36 -24
- app-ng-runtime/components/basic/search/esm2022/search.component.mjs +33 -24
- app-ng-runtime/components/basic/search/esm2022/search.props.mjs +5 -2
- app-ng-runtime/components/basic/search/fesm2022/index.mjs +36 -24
- app-ng-runtime/components/basic/search/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/basic/search/search.component.d.ts +3 -0
- app-ng-runtime/components/data/form/bundles/index.umd.js +23 -11
- app-ng-runtime/components/data/form/esm2022/form-field/form-field.directive.mjs +24 -12
- app-ng-runtime/components/data/form/fesm2022/index.mjs +23 -11
- app-ng-runtime/components/data/form/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/data/form/form-field/form-field.directive.d.ts +1 -0
- app-ng-runtime/components/input/default/base-form-custom.component.d.ts +2 -1
- app-ng-runtime/components/input/default/bundles/index.umd.js +13 -4
- app-ng-runtime/components/input/default/dataset-aware-form.component.d.ts +2 -2
- app-ng-runtime/components/input/default/esm2022/base-form-custom.component.mjs +6 -1
- app-ng-runtime/components/input/default/esm2022/checkboxset/checkboxset.component.mjs +3 -1
- app-ng-runtime/components/input/default/esm2022/dataset-aware-form.component.mjs +5 -5
- app-ng-runtime/components/input/default/esm2022/radioset/radioset.component.mjs +3 -1
- app-ng-runtime/components/input/default/fesm2022/index.mjs +13 -4
- app-ng-runtime/components/input/default/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/core/bundles/index.umd.js +6 -6
- app-ng-runtime/core/enums/enums.d.ts +2 -2
- app-ng-runtime/core/esm2022/enums/enums.mjs +2 -2
- app-ng-runtime/core/esm2022/utils/build-utils.mjs +6 -6
- app-ng-runtime/core/fesm2022/index.mjs +6 -6
- app-ng-runtime/core/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/package.json +1 -1
- app-ng-runtime/runtime/base/bundles/index.umd.js +9 -0
- app-ng-runtime/runtime/base/components/base-custom-widget.component.d.ts +2 -0
- app-ng-runtime/runtime/base/esm2022/components/base-custom-widget.component.mjs +10 -1
- app-ng-runtime/runtime/base/fesm2022/index.mjs +9 -0
- app-ng-runtime/runtime/base/fesm2022/index.mjs.map +1 -1
|
@@ -41,11 +41,14 @@ export const searchProps = new Map([
|
|
|
41
41
|
['tabindex', { value: 0, ...PROP_NUMBER }],
|
|
42
42
|
['type', { value: 'search', ...PROP_STRING }],
|
|
43
43
|
['debouncetime', { value: 250, ...PROP_NUMBER }],
|
|
44
|
-
['width', PROP_STRING]
|
|
44
|
+
['width', PROP_STRING],
|
|
45
|
+
['clearsearchiconclass', { value: 'wi wi-close', ...PROP_STRING }],
|
|
46
|
+
['backsearchiconclass', { value: 'wi wi-arrow-left', ...PROP_STRING }],
|
|
47
|
+
['searchiconclass', { value: 'wm-sl-l sl-search', ...PROP_STRING }],
|
|
45
48
|
]);
|
|
46
49
|
export const registerProps = () => {
|
|
47
50
|
register('wm-search', searchProps);
|
|
48
51
|
registerFormWidget(FormWidgetType.AUTOCOMPLETE, new Map(searchProps));
|
|
49
52
|
registerFormWidget(FormWidgetType.TYPEAHEAD, new Map(searchProps));
|
|
50
53
|
};
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2Jhc2ljL3NlYXJjaC9zcmMvc2VhcmNoLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUVySCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsSUFBSSxHQUFHLENBQzlCO0lBQ0ksQ0FBQyxlQUFlLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsWUFBWSxFQUFFLENBQUM7SUFDcEQsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO0lBQ3RCLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxLQUFLLEVBQUUsc0JBQXNCLEVBQUUsR0FBRyxXQUFXLEVBQUUsQ0FBQztJQUN0RSxDQUFDLFdBQVcsRUFBRSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsR0FBRyxXQUFXLEVBQUUsQ0FBQztJQUN0RCxDQUFDLGFBQWEsRUFBRSxRQUFRLENBQUM7SUFDekIsQ0FBQyxTQUFTLEVBQUUsUUFBUSxDQUFDO0lBQ3JCLENBQUMsWUFBWSxFQUFFLFFBQVEsQ0FBQztJQUN4QixDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUM7SUFDMUIsQ0FBQyxpQkFBaUIsRUFBRSxRQUFRLENBQUM7SUFDN0IsQ0FBQyxZQUFZLEVBQUUsV0FBVyxDQUFDO0lBQzNCLENBQUMsVUFBVSxFQUFFLFlBQVksQ0FBQztJQUMxQixDQUFDLGlCQUFpQixFQUFFLFdBQVcsQ0FBQztJQUNoQyxDQUFDLGNBQWMsRUFBRSxXQUFXLENBQUM7SUFDN0IsQ0FBQyxtQkFBbUIsRUFBRSxXQUFXLENBQUM7SUFFbEMsQ0FBQyxRQUFRLEVBQUUsWUFBWSxDQUFDO0lBQ3hCLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQztJQUN4QixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7SUFDckIsQ0FBQyxZQUFZLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFDakQsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO0lBQ3RCLENBQUMsZ0JBQWdCLEVBQUUsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUUsR0FBRyxXQUFXLEVBQUUsQ0FBQztJQUNqRSxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7SUFDdEIsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO0lBQzFCLENBQUMsVUFBVSxFQUFFLFdBQVcsQ0FBQztJQUN6QixDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7SUFDckIsQ0FBQyxjQUFjLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEdBQUcsWUFBWSxFQUFFLENBQUM7SUFDbkQsQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDO0lBQ3hCLENBQUMsYUFBYSxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxHQUFHLFdBQVcsRUFBRSxDQUFDO0lBQ3BELENBQUMsVUFBVSxFQUFFLFdBQVcsQ0FBQztJQUN6QixDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7SUFDdEIsQ0FBQyxVQUFVLEVBQUUsWUFBWSxDQUFDO0lBQzFCLENBQUMsVUFBVSxFQUFFLFlBQVksQ0FBQztJQUMxQixDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUM7SUFDMUIsQ0FBQyxVQUFVLEVBQUUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFDakQsQ0FBQyxhQUFhLEVBQUUsV0FBVyxDQUFDO0lBQzVCLENBQUMsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxHQUFHLFlBQVksRUFBRSxDQUFDO0lBQzFDLENBQUMsV0FBVyxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksRUFBRSxDQUFDO0lBQ2hELENBQUMsZ0JBQWdCLEVBQUUsWUFBWSxDQUFDO0lBQ2hDLENBQUMsVUFBVSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxHQUFHLFdBQVcsRUFBRSxDQUFDO0lBQzFDLENBQUMsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxHQUFHLFdBQVcsRUFBRSxDQUFDO0lBQzdDLENBQUMsY0FBYyxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLFdBQVcsRUFBRSxDQUFDO0lBQ2hELENBQUMsT0FBTyxFQUFFLFdBQVcsQ0FBQztJQUN0QixDQUFDLHNCQUFzQixFQUFFLEVBQUMsS0FBSyxFQUFFLGFBQWEsRUFBRSxHQUFHLFdBQVcsRUFBQyxDQUFDO0lBQ2hFLENBQUMscUJBQXFCLEVBQUUsRUFBQyxLQUFLLEVBQUUsa0JBQWtCLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztJQUNwRSxDQUFDLGlCQUFpQixFQUFFLEVBQUMsS0FBSyxFQUFFLG1CQUFtQixFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7Q0FDcEUsQ0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUM5QixRQUFRLENBQ0osV0FBVyxFQUNYLFdBQVcsQ0FDZCxDQUFDO0lBQ0Ysa0JBQWtCLENBQ2QsY0FBYyxDQUFDLFlBQVksRUFDM0IsSUFBSSxHQUFHLENBQUMsV0FBVyxDQUFDLENBQ3ZCLENBQUM7SUFDRixrQkFBa0IsQ0FDZCxjQUFjLENBQUMsU0FBUyxFQUN4QixJQUFJLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FDdkIsQ0FBQztBQUNOLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvcm1XaWRnZXRUeXBlIH0gZnJvbSAnQHdtL2NvcmUnO1xuaW1wb3J0IHsgUFJPUF9BTlksIFBST1BfQk9PTEVBTiwgUFJPUF9OVU1CRVIsIFBST1BfU1RSSU5HLCByZWdpc3RlciwgcmVnaXN0ZXJGb3JtV2lkZ2V0IH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmV4cG9ydCBjb25zdCBzZWFyY2hQcm9wcyA9IG5ldyBNYXAoXG4gICAgW1xuICAgICAgICBbJ2Nhc2VzZW5zaXRpdmUnLCB7IHZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOIH1dLFxuICAgICAgICBbJ2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICBbJ2RhdGFjb21wbGV0ZW1zZycsIHsgdmFsdWU6ICdObyBtb3JlIGRhdGEgdG8gbG9hZCcsIC4uLlBST1BfU1RSSU5HIH1dLFxuICAgICAgICBbJ2RhdGFmaWVsZCcsIHsgdmFsdWU6ICdBbGwgRmllbGRzJywgLi4uUFJPUF9TVFJJTkcgfV0sXG4gICAgICAgIFsnZGF0YW9wdGlvbnMnLCBQUk9QX0FOWV0sXG4gICAgICAgIFsnZGF0YXNldCcsIFBST1BfQU5ZXSxcbiAgICAgICAgWydkYXRhc291cmNlJywgUFJPUF9BTlldLFxuICAgICAgICBbJ2RhdGF2YWx1ZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydkYXRhdmFsdWVzb3VyY2UnLCBQUk9QX0FOWV0sXG4gICAgICAgIFsnZGF0ZWZvcm1hdCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydkaXNhYmxlZCcsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgIFsnZGlzcGxheWltYWdlc3JjJywgUFJPUF9TVFJJTkddLFxuICAgICAgICBbJ2Rpc3BsYXlsYWJlbCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydkaXNwbGF5ZXhwcmVzc2lvbicsIFBST1BfU1RSSU5HXSxcblxuICAgICAgICBbJ2Ryb3B1cCcsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgIFsnZ3JvdXBieScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydoaW50JywgUFJPUF9TVFJJTkddLFxuICAgICAgICBbJ2ltYWdld2lkdGgnLCB7IHZhbHVlOiAnMTZweCcsIC4uLlBST1BfU1RSSU5HIH1dLFxuICAgICAgICBbJ2xpbWl0JywgUFJPUF9OVU1CRVJdLFxuICAgICAgICBbJ2xvYWRpbmdkYXRhbXNnJywgeyB2YWx1ZTogJ0xvYWRpbmcgaXRlbXMuLi4nLCAuLi5QUk9QX1NUUklORyB9XSxcbiAgICAgICAgWydtYXRjaCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydtYXRjaG1vZGUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsnbWluY2hhcnMnLCBQUk9QX05VTUJFUl0sXG4gICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWyduYXZzZWFyY2hiYXInLCB7IHZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOIH1dLFxuICAgICAgICBbJ29yZGVyYnknLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsncGxhY2Vob2xkZXInLCB7IHZhbHVlOiAnU2VhcmNoJywgLi4uUFJPUF9TVFJJTkcgfV0sXG4gICAgICAgIFsncG9zaXRpb24nLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsncXVlcnknLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsncmVhZG9ubHknLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICBbJ3JlcXVpcmVkJywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgWydzZWFyY2hrZXknLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsnc2VhcmNob24nLCB7IHZhbHVlOiAndHlwaW5nJywgLi4uUFJPUF9TVFJJTkcgfV0sXG4gICAgICAgIFsnc2hvcnRjdXRrZXknLCBQUk9QX1NUUklOR10sXG4gICAgICAgIFsnc2hvdycsIHsgdmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTiB9XSxcbiAgICAgICAgWydzaG93Y2xlYXInLCB7IHZhbHVlOiBmYWxzZSwgLi4uUFJPUF9CT09MRUFOIH1dLFxuICAgICAgICBbJ3Nob3dzZWFyY2hpY29uJywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgWyd0YWJpbmRleCcsIHsgdmFsdWU6IDAsIC4uLlBST1BfTlVNQkVSIH1dLFxuICAgICAgICBbJ3R5cGUnLCB7IHZhbHVlOiAnc2VhcmNoJywgLi4uUFJPUF9TVFJJTkcgfV0sXG4gICAgICAgIFsnZGVib3VuY2V0aW1lJywgeyB2YWx1ZTogMjUwLCAuLi5QUk9QX05VTUJFUiB9XSxcbiAgICAgICAgWyd3aWR0aCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgWydjbGVhcnNlYXJjaGljb25jbGFzcycsIHt2YWx1ZTogJ3dpIHdpLWNsb3NlJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgWydiYWNrc2VhcmNoaWNvbmNsYXNzJywge3ZhbHVlOiAnd2kgd2ktYXJyb3ctbGVmdCcsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgIFsnc2VhcmNoaWNvbmNsYXNzJywge3ZhbHVlOiAnd20tc2wtbCBzbC1zZWFyY2gnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgIF1cbik7XG5cbmV4cG9ydCBjb25zdCByZWdpc3RlclByb3BzID0gKCkgPT4ge1xuICAgIHJlZ2lzdGVyKFxuICAgICAgICAnd20tc2VhcmNoJyxcbiAgICAgICAgc2VhcmNoUHJvcHNcbiAgICApO1xuICAgIHJlZ2lzdGVyRm9ybVdpZGdldChcbiAgICAgICAgRm9ybVdpZGdldFR5cGUuQVVUT0NPTVBMRVRFLFxuICAgICAgICBuZXcgTWFwKHNlYXJjaFByb3BzKVxuICAgICk7XG4gICAgcmVnaXN0ZXJGb3JtV2lkZ2V0KFxuICAgICAgICBGb3JtV2lkZ2V0VHlwZS5UWVBFQUhFQUQsXG4gICAgICAgIG5ldyBNYXAoc2VhcmNoUHJvcHMpXG4gICAgKTtcbn07XG4iXX0=
|
|
@@ -56,7 +56,10 @@ const searchProps = new Map([
|
|
|
56
56
|
['tabindex', { value: 0, ...PROP_NUMBER }],
|
|
57
57
|
['type', { value: 'search', ...PROP_STRING }],
|
|
58
58
|
['debouncetime', { value: 250, ...PROP_NUMBER }],
|
|
59
|
-
['width', PROP_STRING]
|
|
59
|
+
['width', PROP_STRING],
|
|
60
|
+
['clearsearchiconclass', { value: 'wi wi-close', ...PROP_STRING }],
|
|
61
|
+
['backsearchiconclass', { value: 'wi wi-arrow-left', ...PROP_STRING }],
|
|
62
|
+
['searchiconclass', { value: 'wm-sl-l sl-search', ...PROP_STRING }],
|
|
60
63
|
]);
|
|
61
64
|
const registerProps = () => {
|
|
62
65
|
register('wm-search', searchProps);
|
|
@@ -423,54 +426,63 @@ function SearchComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
|
|
|
423
426
|
i0.ɵɵadvance();
|
|
424
427
|
i0.ɵɵproperty("hidden", !ctx_r1.showClosebtn);
|
|
425
428
|
} }
|
|
426
|
-
function
|
|
429
|
+
function SearchComponent_ng_template_5_span_6_Template(rf, ctx) { if (rf & 1) {
|
|
427
430
|
i0.ɵɵelement(0, "span", 32);
|
|
428
431
|
} }
|
|
429
|
-
function
|
|
432
|
+
function SearchComponent_ng_template_5_span_11_Template(rf, ctx) { if (rf & 1) {
|
|
430
433
|
const _r18 = i0.ɵɵgetCurrentView();
|
|
431
434
|
i0.ɵɵelementStart(0, "span", 33)(1, "form")(2, "button", 34);
|
|
432
|
-
i0.ɵɵlistener("click", function
|
|
435
|
+
i0.ɵɵlistener("click", function SearchComponent_ng_template_5_span_11_Template_button_click_2_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSearchSelect($event)); });
|
|
436
|
+
i0.ɵɵelement(3, "i");
|
|
433
437
|
i0.ɵɵelementEnd()()();
|
|
434
438
|
} if (rf & 2) {
|
|
435
439
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
436
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
440
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c8, ctx_r1.disabled));
|
|
437
441
|
i0.ɵɵadvance(2);
|
|
438
442
|
i0.ɵɵproperty("disabled", ctx_r1.disabled);
|
|
443
|
+
i0.ɵɵadvance();
|
|
444
|
+
i0.ɵɵclassMapInterpolate1("app-icon ", ctx_r1.searchiconclass, "");
|
|
439
445
|
} }
|
|
440
446
|
function SearchComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
|
|
441
447
|
const _r17 = i0.ɵɵgetCurrentView();
|
|
442
|
-
i0.ɵɵelementStart(0, "
|
|
443
|
-
i0.ɵɵlistener("click", function
|
|
448
|
+
i0.ɵɵelementStart(0, "button", 25);
|
|
449
|
+
i0.ɵɵlistener("click", function SearchComponent_ng_template_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeSearch()); });
|
|
450
|
+
i0.ɵɵelement(1, "i");
|
|
444
451
|
i0.ɵɵelementEnd();
|
|
445
|
-
i0.ɵɵelementStart(
|
|
446
|
-
i0.ɵɵtext(
|
|
452
|
+
i0.ɵɵelementStart(2, "span", 26);
|
|
453
|
+
i0.ɵɵtext(3, "Back button");
|
|
447
454
|
i0.ɵɵelementEnd();
|
|
448
|
-
i0.ɵɵelementStart(
|
|
449
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
450
|
-
i0.ɵɵlistener("input", function
|
|
455
|
+
i0.ɵɵelementStart(4, "input", 27);
|
|
456
|
+
i0.ɵɵtwoWayListener("ngModelChange", function SearchComponent_ng_template_5_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.query, $event) || (ctx_r1.query = $event); return i0.ɵɵresetView($event); });
|
|
457
|
+
i0.ɵɵlistener("input", function SearchComponent_ng_template_5_Template_input_input_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onInputChange($event)); })("keydown", function SearchComponent_ng_template_5_Template_input_keydown_4_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.listenQuery = true); })("keydown.enter", function SearchComponent_ng_template_5_Template_input_keydown_enter_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.$typeaheadEvent = $event; return i0.ɵɵresetView(ctx_r1.handleEnterEvent($event)); })("keydown.arrowdown", function SearchComponent_ng_template_5_Template_input_keydown_arrowdown_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectNext($event)); })("blur", function SearchComponent_ng_template_5_Template_input_blur_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.invokeOnTouched($event); return i0.ɵɵresetView(ctx_r1.onFocusOut()); })("click", function SearchComponent_ng_template_5_Template_input_click_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleFocus($event)); })("focus", function SearchComponent_ng_template_5_Template_input_focus_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1._unsubscribeDv = false; ctx_r1.listenQuery = true; ctx_r1.handleFocus($event); return i0.ɵɵresetView(ctx_r1.invokeOnFocus($event)); })("typeaheadLoading", function SearchComponent_ng_template_5_Template_input_typeaheadLoading_4_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1._loadingItems); })("typeaheadOnSelect", function SearchComponent_ng_template_5_Template_input_typeaheadOnSelect_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.typeaheadOnSelect($event)); });
|
|
451
458
|
i0.ɵɵelementEnd();
|
|
452
|
-
i0.ɵɵelement(
|
|
453
|
-
i0.ɵɵtemplate(
|
|
454
|
-
i0.ɵɵelementStart(
|
|
455
|
-
i0.ɵɵlistener("click", function
|
|
459
|
+
i0.ɵɵelement(5, "input", 28);
|
|
460
|
+
i0.ɵɵtemplate(6, SearchComponent_ng_template_5_span_6_Template, 1, 0, "span", 29);
|
|
461
|
+
i0.ɵɵelementStart(7, "button", 30);
|
|
462
|
+
i0.ɵɵlistener("click", function SearchComponent_ng_template_5_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clearSearch($event, true)); });
|
|
463
|
+
i0.ɵɵelement(8, "i");
|
|
456
464
|
i0.ɵɵelementEnd();
|
|
457
|
-
i0.ɵɵelementStart(
|
|
458
|
-
i0.ɵɵtext(
|
|
465
|
+
i0.ɵɵelementStart(9, "span", 26);
|
|
466
|
+
i0.ɵɵtext(10, "Clear button");
|
|
459
467
|
i0.ɵɵelementEnd();
|
|
460
|
-
i0.ɵɵtemplate(
|
|
468
|
+
i0.ɵɵtemplate(11, SearchComponent_ng_template_5_span_11_Template, 4, 7, "span", 31);
|
|
461
469
|
} if (rf & 2) {
|
|
462
470
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
463
471
|
const customItemTemplate_r15 = i0.ɵɵreference(1);
|
|
464
472
|
const customListTemplate_r16 = i0.ɵɵreference(3);
|
|
473
|
+
i0.ɵɵadvance();
|
|
474
|
+
i0.ɵɵclassMapInterpolate1("app-icon ", ctx_r1.backsearchiconclass, "");
|
|
465
475
|
i0.ɵɵadvance(3);
|
|
466
476
|
i0.ɵɵproperty("title", ctx_r1.query || "")("placeholder", ctx_r1.placeholder || "")("container", ctx_r1.containerTarget || ".wm-app")("disabled", ctx_r1.disabled);
|
|
467
477
|
i0.ɵɵtwoWayProperty("ngModel", ctx_r1.query);
|
|
468
|
-
i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(
|
|
478
|
+
i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(31, _c6))("readonly", ctx_r1.readonly)("typeahead", ctx_r1.typeaheadDataSource)("typeaheadWaitMs", ctx_r1.debouncetime)("typeaheadItemTemplate", customItemTemplate_r15)("optionsListTemplate", customListTemplate_r16)("typeaheadMinLength", ctx_r1.minchars)("typeaheadOptionsLimit", ctx_r1.limit)("typeaheadGroupField", ctx_r1.groupby ? "groupby" : null)("typeaheadAsync", true)("typeaheadScrollable", true)("adaptivePosition", true)("typeaheadOptionsInScrollableView", ctx_r1.optionslimitinscrollableview)("tabindex", ctx_r1.tabindex)("dropup", ctx_r1.dropup);
|
|
469
479
|
i0.ɵɵattribute("name", ctx_r1.name)("aria-label", ctx_r1.hint || "Search field");
|
|
470
480
|
i0.ɵɵadvance(2);
|
|
471
481
|
i0.ɵɵproperty("ngIf", ctx_r1._loadingItems);
|
|
472
482
|
i0.ɵɵadvance();
|
|
473
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(
|
|
483
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(32, _c7, ctx_r1.isQueryEntered()));
|
|
484
|
+
i0.ɵɵadvance();
|
|
485
|
+
i0.ɵɵclassMapInterpolate1("app-icon ", ctx_r1.clearsearchiconclass, "");
|
|
474
486
|
i0.ɵɵadvance(3);
|
|
475
487
|
i0.ɵɵproperty("ngIf", ctx_r1.showsearchicon);
|
|
476
488
|
} }
|
|
@@ -1163,8 +1175,8 @@ class SearchComponent extends DatasetAwareFormComponent {
|
|
|
1163
1175
|
provideAs(SearchComponent, NG_VALUE_ACCESSOR, true),
|
|
1164
1176
|
provideAs(SearchComponent, NG_VALIDATORS, true),
|
|
1165
1177
|
provideAsWidgetRef(SearchComponent)
|
|
1166
|
-
]), i0.ɵɵInheritDefinitionFeature], attrs: _c2, decls: 7, vars: 2, consts: [["customItemTemplate", ""], ["customListTemplate", ""], ["searchTemplate", ""], ["ulElement", ""], ["liElements", ""], [4, "ngIf", "ngIfElse"], [4, "ngIf"], ["partialContainer", "", 3, "ngClass", "wmItemTemplate", "userComponentParams", 4, "ngIf"], ["alt", "Search", 3, "src", "width", 4, "ngIf"], [3, "title", "innerHtml"], ["alt", "Search", 3, "src"], ["partialContainer", "", 3, "ngClass", "wmItemTemplate", "userComponentParams"], ["partial-container-target", ""], ["scrollable", "", 1, "app-search", "dropdown-menu"], [3, "ngClass", "mouseenter", "click", 4, "ngFor", "ngForOf"], [1, "status", 3, "hidden"], [3, "textContent"], [1, "fa", "fa-circle-o-notch", "fa-spin"], [3, "mouseenter", "click", "ngClass"], ["class", "group-title", 4, "ngIf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], [1, "group-title"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["type", "text", "focus-target", "", "container", "body", "autocomplete", "off", "typeaheadOptionField", "label", 1, "app-textbox", "form-control", "list-of-objs", "app-search-input", 3, "ngModelChange", "input", "keydown", "keydown.enter", "keydown.arrowdown", "blur", "click", "focus", "focusout", "typeaheadLoading", "typeaheadOnSelect", "title", "placeholder", "disabled", "ngModel", "ngModelOptions", "readonly", "typeahead", "typeaheadWaitMs", "typeaheadItemTemplate", "optionsListTemplate", "typeaheadMinLength", "typeaheadOptionsLimit", "typeaheadGroupField", "typeaheadAsync", "typeaheadScrollable", "adaptivePosition", "typeaheadOptionsInScrollableView", "dropup", "tabindex"], [1, "btn-close", "wi", "wi-cancel", 3, "click", "hidden"], ["aria-hidden", "true", 1, "
|
|
1167
|
-
i0.ɵɵtemplate(0, SearchComponent_ng_template_0_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(2, SearchComponent_ng_template_2_Template, 8, 5, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(4, SearchComponent_ng_container_4_Template, 3, 24, "ng-container", 5)(5, SearchComponent_ng_template_5_Template,
|
|
1178
|
+
]), i0.ɵɵInheritDefinitionFeature], attrs: _c2, decls: 7, vars: 2, consts: [["customItemTemplate", ""], ["customListTemplate", ""], ["searchTemplate", ""], ["ulElement", ""], ["liElements", ""], [4, "ngIf", "ngIfElse"], [4, "ngIf"], ["partialContainer", "", 3, "ngClass", "wmItemTemplate", "userComponentParams", 4, "ngIf"], ["alt", "Search", 3, "src", "width", 4, "ngIf"], [3, "title", "innerHtml"], ["alt", "Search", 3, "src"], ["partialContainer", "", 3, "ngClass", "wmItemTemplate", "userComponentParams"], ["partial-container-target", ""], ["scrollable", "", 1, "app-search", "dropdown-menu"], [3, "ngClass", "mouseenter", "click", 4, "ngFor", "ngForOf"], [1, "status", 3, "hidden"], [3, "textContent"], [1, "fa", "fa-circle-o-notch", "fa-spin"], [3, "mouseenter", "click", "ngClass"], ["class", "group-title", 4, "ngIf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], [1, "group-title"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["type", "text", "focus-target", "", "container", "body", "autocomplete", "off", "typeaheadOptionField", "label", 1, "app-textbox", "form-control", "list-of-objs", "app-search-input", 3, "ngModelChange", "input", "keydown", "keydown.enter", "keydown.arrowdown", "blur", "click", "focus", "focusout", "typeaheadLoading", "typeaheadOnSelect", "title", "placeholder", "disabled", "ngModel", "ngModelOptions", "readonly", "typeahead", "typeaheadWaitMs", "typeaheadItemTemplate", "optionsListTemplate", "typeaheadMinLength", "typeaheadOptionsLimit", "typeaheadGroupField", "typeaheadAsync", "typeaheadScrollable", "adaptivePosition", "typeaheadOptionsInScrollableView", "dropup", "tabindex"], [1, "btn-close", "wi", "wi-cancel", 3, "click", "hidden"], ["aria-hidden", "true", 1, "btn", "btn-icon", "form-control-feedback", "back-btn", 3, "click"], [1, "sr-only"], ["type", "text", "focus-target", "", "autocomplete", "off", "typeaheadOptionField", "label", 1, "app-textbox", "form-control", "list-of-objs", "app-search-input", 3, "ngModelChange", "input", "keydown", "keydown.enter", "keydown.arrowdown", "blur", "click", "focus", "typeaheadLoading", "typeaheadOnSelect", "title", "placeholder", "container", "disabled", "ngModel", "ngModelOptions", "readonly", "typeahead", "typeaheadWaitMs", "typeaheadItemTemplate", "optionsListTemplate", "typeaheadMinLength", "typeaheadOptionsLimit", "typeaheadGroupField", "typeaheadAsync", "typeaheadScrollable", "adaptivePosition", "typeaheadOptionsInScrollableView", "tabindex", "dropup"], ["ng-model", "proxyModel", "ng-required", "required", "tabindex", "-1", "aria-hidden", "true", 1, "model-holder"], ["aria-hidden", "true", "class", "fa fa-circle-o-notch fa-spin form-control-feedback", 4, "ngIf"], [1, "btn", "btn-icon", "form-control-feedback", "clear-btn", 3, "click", "ngClass"], ["class", "input-group-addon", "aria-label", "search icon", 3, "ngClass", 4, "ngIf"], ["aria-hidden", "true", 1, "fa", "fa-circle-o-notch", "fa-spin", "form-control-feedback"], ["aria-label", "search icon", 1, "input-group-addon", 3, "ngClass"], ["title", "Search", "type", "submit", 1, "app-search-button", "btn", "btn-icon", 3, "click", "disabled"]], template: function SearchComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1179
|
+
i0.ɵɵtemplate(0, SearchComponent_ng_template_0_Template, 2, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(2, SearchComponent_ng_template_2_Template, 8, 5, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(4, SearchComponent_ng_container_4_Template, 3, 24, "ng-container", 5)(5, SearchComponent_ng_template_5_Template, 12, 34, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
|
|
1168
1180
|
} if (rf & 2) {
|
|
1169
1181
|
const searchTemplate_r19 = i0.ɵɵreference(6);
|
|
1170
1182
|
i0.ɵɵadvance(4);
|
|
@@ -1177,7 +1189,7 @@ class SearchComponent extends DatasetAwareFormComponent {
|
|
|
1177
1189
|
provideAs(SearchComponent, NG_VALUE_ACCESSOR, true),
|
|
1178
1190
|
provideAs(SearchComponent, NG_VALIDATORS, true),
|
|
1179
1191
|
provideAsWidgetRef(SearchComponent)
|
|
1180
|
-
], template: "<ng-template #customItemTemplate let-model=\"item\" let-index=\"index\" let-query=\"query\" let-match=\"match\">\n <!-- Default item template -->\n <a *ngIf=\"!content\">\n <img *ngIf=\"model.imgSrc\" [src]=\"model.imgSrc\" alt=\"Search\" [style.width]=\"imagewidth\">\n <span [title]=\"model.label\" [innerHtml]=\"highlight(match, query) || model.label\"></span>\n </a>\n <!-- Custom partial template -->\n <a *ngIf=\"content\" [ngClass]=\"{customTemplate: content}\" partialContainer [wmItemTemplate]=\"content\" [userComponentParams]=\"match.item\">\n <div partial-container-target></div>\n </a>\n</ng-template>\n\n<ng-template #customListTemplate let-matches=\"matches\" let-itemTemplate=\"itemTemplate\" let-query=\"query\">\n <ul #ulElement class=\"app-search dropdown-menu\" scrollable>\n <li #liElements *ngFor=\"let match of matches; let i = index;\" [ngClass]=\"{active: typeaheadContainer && typeaheadContainer.isActive(match), 'list-group-header': match && match.isHeader()}\"\n (mouseenter)=\"typeaheadContainer.selectActive(match);\"\n (click)=\"match && !match.isHeader() && typeaheadContainer.selectMatch(match, $event); $typeaheadEvent = $event; notifySubscriber();\">\n <!-- itemTemplate comes from the <input> -->\n <h4 *ngIf=\"match.isHeader()\" class=\"group-title\">{{match.value}}</h4>\n <ng-container *ngIf=\"!match.isHeader()\" [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{item: match.item, index: i, match: match, query: query}\">\n </ng-container>\n </li>\n <div class=\"status\" [hidden]=\"_loadingItems || !(datacompletemsg && dataProvider.isLastPage)\">\n <span [textContent]=\"datacompletemsg\"></span>\n </div>\n <div class=\"status\" [hidden]=\"!_loadingItems\">\n <i class=\"fa fa-circle-o-notch fa-spin\"></i>\n <span [textContent]=\"loadingdatamsg\"></span>\n </div>\n </ul>\n</ng-template>\n\n<!--This template is for search inside mobile navbar.-->\n<ng-container *ngIf=\"navsearchbar; else searchTemplate\">\n <input [title]=\"query || ''\" type=\"text\" class=\"app-textbox form-control list-of-objs app-search-input\" [placeholder]=\"placeholder || ''\"\n focus-target\n container=\"body\"\n [disabled]=\"disabled\"\n autocomplete=\"off\"\n [(ngModel)]=\"query\"\n [ngModelOptions]=\"{standalone: true}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n [typeahead]=\"typeaheadDataSource\"\n [typeaheadWaitMs]=\"debouncetime\"\n [typeaheadItemTemplate]=\"customItemTemplate\"\n [optionsListTemplate]=\"customListTemplate\"\n (input)=\"onInputChange($event)\"\n (keydown)=\"listenQuery = true\"\n (keydown.enter)=\"$typeaheadEvent = $event;handleEnterEvent($event)\"\n (keydown.arrowdown)=\"selectNext($event)\"\n (blur)=\"invokeOnTouched($event)\"\n (click)=\"handleFocus($event);\"\n (focus)=\"_unsubscribeDv = false; listenQuery = true; handleFocus($event); invokeOnFocus($event);\"\n (focusout)=\"onFocusOut()\"\n [typeaheadMinLength]=\"minchars\"\n [typeaheadOptionsLimit]=\"limit\"\n (typeaheadLoading)=\"_loadingItems\"\n (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n typeaheadOptionField=\"label\"\n [typeaheadGroupField]=\"groupby ? 'groupby' : null\"\n [typeaheadAsync]=\"true\"\n [typeaheadScrollable]=\"true\"\n [adaptivePosition]=\"true\"\n [typeaheadOptionsInScrollableView]=\"optionslimitinscrollableview\"\n [dropup]=\"dropup\"\n [tabindex]=\"tabindex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"hint || 'Search field'\"/>\n <i class=\"btn-close wi wi-cancel\" [hidden]=\"!showClosebtn\" (click)=\"clearSearch($event);\"></i>\n</ng-container>\n<!--This template is for both web and fullscreen mode in mobile.-->\n<ng-template #searchTemplate>\n <
|
|
1192
|
+
], template: "<ng-template #customItemTemplate let-model=\"item\" let-index=\"index\" let-query=\"query\" let-match=\"match\">\n <!-- Default item template -->\n <a *ngIf=\"!content\">\n <img *ngIf=\"model.imgSrc\" [src]=\"model.imgSrc\" alt=\"Search\" [style.width]=\"imagewidth\">\n <span [title]=\"model.label\" [innerHtml]=\"highlight(match, query) || model.label\"></span>\n </a>\n <!-- Custom partial template -->\n <a *ngIf=\"content\" [ngClass]=\"{customTemplate: content}\" partialContainer [wmItemTemplate]=\"content\" [userComponentParams]=\"match.item\">\n <div partial-container-target></div>\n </a>\n</ng-template>\n\n<ng-template #customListTemplate let-matches=\"matches\" let-itemTemplate=\"itemTemplate\" let-query=\"query\">\n <ul #ulElement class=\"app-search dropdown-menu\" scrollable>\n <li #liElements *ngFor=\"let match of matches; let i = index;\" [ngClass]=\"{active: typeaheadContainer && typeaheadContainer.isActive(match), 'list-group-header': match && match.isHeader()}\"\n (mouseenter)=\"typeaheadContainer.selectActive(match);\"\n (click)=\"match && !match.isHeader() && typeaheadContainer.selectMatch(match, $event); $typeaheadEvent = $event; notifySubscriber();\">\n <!-- itemTemplate comes from the <input> -->\n <h4 *ngIf=\"match.isHeader()\" class=\"group-title\">{{match.value}}</h4>\n <ng-container *ngIf=\"!match.isHeader()\" [ngTemplateOutlet]=\"itemTemplate\"\n [ngTemplateOutletContext]=\"{item: match.item, index: i, match: match, query: query}\">\n </ng-container>\n </li>\n <div class=\"status\" [hidden]=\"_loadingItems || !(datacompletemsg && dataProvider.isLastPage)\">\n <span [textContent]=\"datacompletemsg\"></span>\n </div>\n <div class=\"status\" [hidden]=\"!_loadingItems\">\n <i class=\"fa fa-circle-o-notch fa-spin\"></i>\n <span [textContent]=\"loadingdatamsg\"></span>\n </div>\n </ul>\n</ng-template>\n\n<!--This template is for search inside mobile navbar.-->\n<ng-container *ngIf=\"navsearchbar; else searchTemplate\">\n <input [title]=\"query || ''\" type=\"text\" class=\"app-textbox form-control list-of-objs app-search-input\" [placeholder]=\"placeholder || ''\"\n focus-target\n container=\"body\"\n [disabled]=\"disabled\"\n autocomplete=\"off\"\n [(ngModel)]=\"query\"\n [ngModelOptions]=\"{standalone: true}\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n [typeahead]=\"typeaheadDataSource\"\n [typeaheadWaitMs]=\"debouncetime\"\n [typeaheadItemTemplate]=\"customItemTemplate\"\n [optionsListTemplate]=\"customListTemplate\"\n (input)=\"onInputChange($event)\"\n (keydown)=\"listenQuery = true\"\n (keydown.enter)=\"$typeaheadEvent = $event;handleEnterEvent($event)\"\n (keydown.arrowdown)=\"selectNext($event)\"\n (blur)=\"invokeOnTouched($event)\"\n (click)=\"handleFocus($event);\"\n (focus)=\"_unsubscribeDv = false; listenQuery = true; handleFocus($event); invokeOnFocus($event);\"\n (focusout)=\"onFocusOut()\"\n [typeaheadMinLength]=\"minchars\"\n [typeaheadOptionsLimit]=\"limit\"\n (typeaheadLoading)=\"_loadingItems\"\n (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n typeaheadOptionField=\"label\"\n [typeaheadGroupField]=\"groupby ? 'groupby' : null\"\n [typeaheadAsync]=\"true\"\n [typeaheadScrollable]=\"true\"\n [adaptivePosition]=\"true\"\n [typeaheadOptionsInScrollableView]=\"optionslimitinscrollableview\"\n [dropup]=\"dropup\"\n [tabindex]=\"tabindex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"hint || 'Search field'\"/>\n <i class=\"btn-close wi wi-cancel\" [hidden]=\"!showClosebtn\" (click)=\"clearSearch($event);\"></i>\n</ng-container>\n<!--This template is for both web and fullscreen mode in mobile.-->\n<ng-template #searchTemplate>\n <button class=\"btn btn-icon form-control-feedback back-btn\" aria-hidden=\"true\" (click)=\"closeSearch()\"><i class=\"app-icon {{backsearchiconclass}}\"></i></button>\n <span class=\"sr-only\">Back button</span>\n <input [title]=\"query || ''\" type=\"text\" class=\"app-textbox form-control list-of-objs app-search-input\" [placeholder]=\"placeholder || ''\"\n focus-target\n [container]=\"containerTarget || '.wm-app'\"\n [disabled]=\"disabled\"\n autocomplete=\"off\"\n [(ngModel)]=\"query\"\n [ngModelOptions]=\"{standalone: true}\"\n [readonly]=\"readonly\"\n [typeahead]=\"typeaheadDataSource\"\n [typeaheadWaitMs]=\"debouncetime\"\n [typeaheadItemTemplate]=\"customItemTemplate\"\n [optionsListTemplate]=\"customListTemplate\"\n (input)=\"onInputChange($event)\"\n (keydown)=\"listenQuery = true\"\n (keydown.enter)=\"$typeaheadEvent = $event;handleEnterEvent($event)\"\n (keydown.arrowdown)=\"selectNext($event)\"\n (blur)=\"invokeOnTouched($event); onFocusOut()\"\n (click)=\"handleFocus($event);\"\n (focus)=\"_unsubscribeDv = false; listenQuery = true; handleFocus($event); invokeOnFocus($event)\"\n [typeaheadMinLength]=\"minchars\"\n [typeaheadOptionsLimit]=\"limit\"\n (typeaheadLoading)=\"_loadingItems\"\n (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n typeaheadOptionField=\"label\"\n [typeaheadGroupField]=\"groupby ? 'groupby' : null\"\n [typeaheadAsync]=\"true\"\n [typeaheadScrollable]=\"true\"\n [adaptivePosition]=\"true\"\n [typeaheadOptionsInScrollableView]=\"optionslimitinscrollableview\"\n [tabindex]=\"tabindex\"\n [dropup]=\"dropup\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"hint || 'Search field'\">\n <input class=\"model-holder\" ng-model=\"proxyModel\" ng-required=\"required\" tabindex=\"-1\" aria-hidden=\"true\">\n <span *ngIf=\"_loadingItems\" aria-hidden=\"true\" class=\"fa fa-circle-o-notch fa-spin form-control-feedback\"></span>\n <button class=\"btn btn-icon form-control-feedback clear-btn\" [ngClass]=\"{'show-btn': isQueryEntered()}\" (click)=\"clearSearch($event, true)\"><i class=\"app-icon {{clearsearchiconclass}}\"></i></button>\n <span class=\"sr-only\">Clear button</span>\n <span *ngIf=\"showsearchicon\" class=\"input-group-addon\" aria-label=\"search icon\" [ngClass]=\"{'disabled': disabled}\">\n <form>\n <button title=\"Search\" [disabled]=\"disabled\" class=\"app-search-button btn btn-icon\" type=\"submit\"\n (click)=\"onSearchSelect($event)\">\n <i class=\"app-icon {{searchiconclass}}\"></i></button>\n </form>\n </span>\n</ng-template>\n" }]
|
|
1181
1193
|
}], () => [{ type: i0.Injector }, { type: i1.App }, { type: undefined, decorators: [{
|
|
1182
1194
|
type: Attribute,
|
|
1183
1195
|
args: ['datavalue.bind']
|