@wavemaker/app-ng-runtime 12.0.0-next.45076 → 12.0.0-next.45080
Sign up to get free protection for your applications and to get access to all the features.
- 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']
|