@quadrel-enterprise-ui/framework 20.18.2 → 20.18.4

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

@@ -1635,7 +1635,7 @@ const determineLocale = (serviceNavLanguage, browserLocales) => {
     }
     const serviceNavLangUpper = serviceNavLanguage.toUpperCase();
     const browserLanguage = browserLocale.split('-')[0].toUpperCase();
-    if (browserLanguage === serviceNavLangUpper)
+    if (browserLanguage === serviceNavLangUpper && browserLocale.includes('-'))
         return browserLocale;
     return SERVICE_NAV_LOCALE_DEFAULTS[serviceNavLangUpper] ?? browserLocale;
 };
@@ -28199,6 +28199,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 type: Input
             }] } });
 
+class QdIconFacetComponent {
+    facet;
+    data;
+    get stringData() {
+        return this.data[this.facet.name];
+    }
+    get options() {
+        return this.facet.options;
+    }
+    get icon() {
+        return this.options.icon[this.stringData];
+    }
+    get status() {
+        return this.options.status?.[this.stringData];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdIconFacetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdIconFacetComponent, isStandalone: false, selector: "qd-icon-facet", inputs: { facet: "facet", data: "data" }, ngImport: i0, template: "<qd-icon\n  *ngIf=\"icon\"\n  role=\"img\"\n  [icon]=\"icon\"\n  [status]=\"status\"\n  [attr.aria-label]=\"options.i18ns ? (options.i18ns + '.' + stringData | translate) : stringData\"\n></qd-icon>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: QdIconComponent, selector: "qd-icon", inputs: ["icon", "status"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdIconFacetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-icon-facet', standalone: false, template: "<qd-icon\n  *ngIf=\"icon\"\n  role=\"img\"\n  [icon]=\"icon\"\n  [status]=\"status\"\n  [attr.aria-label]=\"options.i18ns ? (options.i18ns + '.' + stringData | translate) : stringData\"\n></qd-icon>\n" }]
+        }], propDecorators: { facet: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });
+
 class QdMultiSelectFacetComponent {
     facet;
     data;
@@ -28322,6 +28349,7 @@ class QdDynamicFacetsService {
     facets = new Map([
         ['criticality', QdCriticalityFacetComponent],
         ['date', QdDateFacetComponent],
+        ['icon', QdIconFacetComponent],
         ['multiSelect', QdMultiSelectFacetComponent],
         ['progress', QdProgressFacetComponent],
         ['references', QdReferencesFacetComponent],
@@ -30585,7 +30613,7 @@ const SAFE_BOTTOM_OFFSET_PX = 64;
  * <!-- For "Quick Add" use PageStepper in single-step mode -->
  * <qd-page [config]="pageConfig">
  *   <qd-page-stepper [config]="stepperConfig">
- *     <qd-page-step [config]="stepConfigOne">
+ *     <qd-page-step [config]="stepConfigOne" [stepControl]="myForms">
  *       <qd-section [config]="sectionConfig">
  *         <qd-grid [config]="gridConfig" [formGroup]="myForms" qdConnectFormStateToPage="myForms">
  *           <!-- your qd-form-components here -->
@@ -30598,14 +30626,14 @@ const SAFE_BOTTOM_OFFSET_PX = 64;
  * <!-- With PageStepper using multiple steps -->
  * <qd-page [config]="pageConfig">
  *   <qd-page-stepper [config]="stepperConfig">
- *     <qd-page-step [config]="stepConfigOne">
+ *     <qd-page-step [config]="stepConfigOne" [stepControl]="myFormsOne">
  *       <qd-section [config]="sectionConfig">
  *         <qd-grid [config]="gridConfig" [formGroup]="myFormsOne" qdConnectFormStateToPage="myFormsOne">
  *           <!-- your qd-form-components here -->
  *         </qd-grid>
  *       </qd-section>
  *     </qd-page-step>
- *     <qd-page-step [config]="stepConfigTwo">
+ *     <qd-page-step [config]="stepConfigTwo" [stepControl]="myFormsTwo">
  *       <qd-section [config]="sectionConfig">
  *         <qd-grid [config]="gridConfig" [formGroup]="myFormsTwo" qdConnectFormStateToPage="myFormsTwo">
  *           <!-- your qd-form-components here -->
@@ -31138,6 +31166,7 @@ class QdPageModule {
             QdSingleSelectFacetComponent,
             QdMultiSelectFacetComponent,
             QdDateFacetComponent,
+            QdIconFacetComponent,
             QdValueFacetComponent,
             QdStatusFacetComponent,
             QdDynamicFacetComponent,
@@ -31225,6 +31254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         QdSingleSelectFacetComponent,
                         QdMultiSelectFacetComponent,
                         QdDateFacetComponent,
+                        QdIconFacetComponent,
                         QdValueFacetComponent,
                         QdStatusFacetComponent,
                         QdDynamicFacetComponent,