@wavemaker/app-ng-runtime 12.0.0-next.140527 → 12.0.0-next.140530

app-ng-runtime/components/input/default/fesm2022/index.mjs

@@ -9,7 +9,7 @@ import { IMaskDirective, IMaskModule } from 'angular-imask';
 import * as i2 from '@wm/components/base';
 import { PROP_STRING, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, register, DISPLAY_TYPE, StylableComponent, styler, provideAsWidgetRef, APPLY_STYLES_TYPE, WidgetConfig, registerFormWidget, provideAs, extractDataAsArray, ToDatePipe, ALLFIELDS, convertDataToObject, getOrderedDataset, transformDataWithKeys, transformFormData, getUniqObjsByDataField, groupData, handleHeaderClick, toggleAllHeaders, WidgetRef, INPUTMODE, TrailingZeroDecimalPipe, WmComponentsModule } from '@wm/components/base';
 import * as i1$1 from '@wm/core';
-import { DataSource, FormWidgetType, isDefined, toggleClass, AppDefaults, $appDigest, debounce as debounce$1, noop, isEqualWithFields, toBoolean, setListClass, switchClass, addForIdAttributes, addClass, AbstractI18nService, setAttr, removeAttr, setCSS } from '@wm/core';
+import { DataSource, FormWidgetType, isDefined, toggleClass, AppDefaults, $appDigest, debounce as debounce$1, noop, isEqualWithFields, toBoolean, setListClass, switchClass, addForIdAttributes, addClass, AbstractI18nService, isIos, setAttr, removeAttr, setCSS } from '@wm/core';
 import { has, set, isArray, debounce, toString, find, isNull, isObject, isEqual, isEmpty, forEach, includes, isString, get, isUndefined, round, toArray, intersection, findIndex } from 'lodash-es';
 import { Subject } from 'rxjs';
 import { __param, __metadata, __decorate } from 'tslib';
@@ -2185,20 +2185,26 @@ class SelectComponent extends DatasetAwareFormComponent {
         * As this widget implements ControlValueAccessor, manually updating the ngModel (or modelByKey) is necessary to ensure correct form behavior.
         * */
         const datasetSubscription = this.dataset$.subscribe(() => {
-            if (this.datavalue) {
-                const selectedItem = this.datasetItems.find(item => item.selected);
-                if (!selectedItem) {
+            if (isIos()) {
+                if (this.datavalue) {
+                    const selectedItem = this.datasetItems.find(item => item.selected);
+                    if (!selectedItem) {
+                        setTimeout(() => {
+                            if (!this.placeholder) {
+                                this.selectEl.nativeElement.value = '';
+                            }
+                            this.modelByKey = undefined;
+                        }, 100);
+                    }
+                }
+                else {
                     setTimeout(() => {
-                        this.selectEl.nativeElement.value = '';
-                        this.modelByKey = undefined;
+                        if (!this.placeholder) {
+                            this.selectEl.nativeElement.value = '';
+                        }
                     }, 100);
                 }
             }
-            else {
-                setTimeout(() => {
-                    this.selectEl.nativeElement.value = '';
-                }, 100);
-            }
         });
         this.registerDestroyListener(() => datasetSubscription.unsubscribe());
     }
@@ -2259,7 +2265,7 @@ class SelectComponent extends DatasetAwareFormComponent {
      */
     checkForFloatingLabel($event) {
         const captionEl = $(this.selectEl.nativeElement).closest('.app-composite-widget.caption-floating');
-        if (!this.placeholder) {
+        if (!this.placeholder && isIos()) {
             this.removePlaceholderOption();
         }
         if (captionEl.length > 0) {
@@ -2339,7 +2345,7 @@ class SelectComponent extends DatasetAwareFormComponent {
             type: ViewChild,
             args: ['select', { static: true, read: ElementRef }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectComponent, { className: "SelectComponent", filePath: "select/select.component.ts", lineNumber: 21 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectComponent, { className: "SelectComponent", filePath: "select/select.component.ts", lineNumber: 20 }); })();
 
 const switchProps = new Map([
     ['class', PROP_STRING],