@quadrel-enterprise-ui/framework 20.18.2 → 20.18.3

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

@@ -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],
@@ -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,