@quadrel-enterprise-ui/framework 20.21.1 → 20.23.0

package/fesm2022/quadrel-enterprise-ui-framework.mjs

@@ -1627,16 +1627,18 @@ const SERVICE_NAV_LOCALE_DEFAULTS = {
     FR: 'fr-CH',
     EN: 'en-GB'
 };
-const determineLocale = (serviceNavLanguage, browserLocales) => {
+const determineLocale = (serviceNavLanguage, browserLocales, isIOS = false) => {
     const browserLocale = browserLocales?.[0] ?? navigator.language;
     if (!serviceNavLanguage) {
         const browserLocaleUpper = browserLocale.toUpperCase();
         return SERVICE_NAV_LOCALE_DEFAULTS[browserLocaleUpper] ?? browserLocale;
     }
     const serviceNavLangUpper = serviceNavLanguage.toUpperCase();
-    const browserLanguage = browserLocale.split('-')[0].toUpperCase();
-    if (browserLanguage === serviceNavLangUpper && browserLocale.includes('-'))
-        return browserLocale;
+    if (!isIOS) {
+        const browserLanguage = browserLocale.split('-')[0].toUpperCase();
+        if (browserLanguage === serviceNavLangUpper && browserLocale.includes('-'))
+            return browserLocale;
+    }
     return SERVICE_NAV_LOCALE_DEFAULTS[serviceNavLangUpper] ?? browserLocale;
 };
 
@@ -7114,9 +7116,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }] });
 
+const isConfirmedNonIOS = () => /Windows|Android/.test(navigator.userAgent) ||
+    (!/iPad|iPhone|iPod/.test(navigator.userAgent) && !navigator.maxTouchPoints);
+
 class QdLocaleService {
     _serviceNavLanguage$ = new BehaviorSubject(null);
-    locale$ = this._serviceNavLanguage$.pipe(map(serviceNavLanguage => determineLocale(serviceNavLanguage, navigator.languages)));
+    locale$ = this._serviceNavLanguage$.pipe(map(serviceNavLanguage => determineLocale(serviceNavLanguage, navigator.languages, !isConfirmedNonIOS())));
     setServiceNavigationLanguage(language) {
         this._serviceNavLanguage$.next(language);
     }
@@ -8076,6 +8081,8 @@ class QdPopoverOnClickDirective {
     handleOpenKey(event) {
         if (!this.qdPopoverEnableKeyControl)
             return;
+        if (this.overlayRef?.hasAttached())
+            return;
         if (this.qdPopoverStopPropagation)
             event.stopPropagation();
         event.preventDefault();
@@ -8220,7 +8227,7 @@ class QdPopoverOnClickDirective {
         this.unsubscribeAll();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdPopoverOnClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: QdPopoverOnClickDirective, isStandalone: false, selector: "[qdPopoverOnClick]", inputs: { qdPopoverOnClick: "qdPopoverOnClick", positionStrategy: "positionStrategy", qdPopoverCloseStrategy: "qdPopoverCloseStrategy", qdPopoverDisabled: "qdPopoverDisabled", qdPopoverStopPropagation: "qdPopoverStopPropagation", qdPopoverBackgroundColor: "qdPopoverBackgroundColor", qdPopoverMaxHeight: "qdPopoverMaxHeight", qdPopoverMinWidth: "qdPopoverMinWidth", qdPopoverMaxWidth: "qdPopoverMaxWidth", qdPopoverAutoSize: "qdPopoverAutoSize", qdPopoverEnableKeyControl: "qdPopoverEnableKeyControl" }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "handleClick($event)", "document:click": "handleDocumentClick($event)", "keydown.escape": "handleCloseKeys()", "keydown.tab": "handleCloseKeys()", "keydown.space": "handleOpenKey($event)" } }, providers: [QdPopoverSizingService], exportAs: ["qdPopoverOnClick"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: QdPopoverOnClickDirective, isStandalone: false, selector: "[qdPopoverOnClick]", inputs: { qdPopoverOnClick: "qdPopoverOnClick", positionStrategy: "positionStrategy", qdPopoverCloseStrategy: "qdPopoverCloseStrategy", qdPopoverDisabled: "qdPopoverDisabled", qdPopoverStopPropagation: "qdPopoverStopPropagation", qdPopoverBackgroundColor: "qdPopoverBackgroundColor", qdPopoverMaxHeight: "qdPopoverMaxHeight", qdPopoverMinWidth: "qdPopoverMinWidth", qdPopoverMaxWidth: "qdPopoverMaxWidth", qdPopoverAutoSize: "qdPopoverAutoSize", qdPopoverEnableKeyControl: "qdPopoverEnableKeyControl" }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "handleClick($event)", "document:click": "handleDocumentClick($event)", "keydown.escape": "handleCloseKeys()", "keydown.tab": "handleCloseKeys()", "keydown.enter": "handleOpenKey($event)", "keydown.space": "handleOpenKey($event)" } }, providers: [QdPopoverSizingService], exportAs: ["qdPopoverOnClick"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdPopoverOnClickDirective, decorators: [{
             type: Directive,
@@ -8269,6 +8276,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 type: HostListener,
                 args: ['keydown.tab']
             }], handleOpenKey: [{
+                type: HostListener,
+                args: ['keydown.enter', ['$event']]
+            }, {
                 type: HostListener,
                 args: ['keydown.space', ['$event']]
             }] } });
@@ -8562,6 +8572,7 @@ const getClearable = (config) => get(config, 'clearable', false);
 const getValue = (config) => get(config, 'value', '');
 const getPlaceholder = (config) => get(config, 'placeholder.i18n', '');
 const getHasAutofocus = (config) => get(config, 'hasAutofocus', false);
+const getHasFocusableSuffix = (config) => get(config, 'hasFocusableSuffix', false);
 /**
  * Textarea form properties
  *
@@ -11905,7 +11916,7 @@ class QdInputComponent {
         if (this.inputType === 'number') {
             this.htmlInputType = 'text';
             if (!this.inputMode) {
-                this.inputMode = this.inputMode ?? 'decimal';
+                this.inputMode = isConfirmedNonIOS() ? 'decimal' : undefined;
             }
         }
         else {