@acorex/platform 20.3.0-next.22 → 20.3.0-next.23

package/fesm2022/acorex-platform-layout-widgets.mjs

@@ -18704,6 +18704,54 @@ const AXPGridItemWidget = {
     },
 };
 
+class AXPIconWidgetViewComponent extends AXPColumnWidgetComponent {
+    //#region ----   Methods   ----
+    /**
+     * Returns the icon name based on rowData.
+     * If getIcon function is provided in options, it will be called with rowData.
+     * Otherwise, returns the static icon name from options.
+     */
+    getIcon() {
+        const iconFn = this.options['getIcon'];
+        if (iconFn && typeof iconFn === 'function') {
+            return iconFn(this.rowData);
+        }
+        return this.options['icon'] || '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPIconWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPIconWidgetViewComponent, isStandalone: true, selector: "axp-icon-widget-view", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<ax-icon [icon]="getIcon()"></ax-icon>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPIconWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-icon-widget-view',
+                    template: `<ax-icon [icon]="getIcon()"></ax-icon>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPWidgetCoreModule, AXDecoratorModule],
+                    inputs: ['rawValue', 'rowData'],
+                }]
+        }] });
+
+var iconWidgetColumn_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPIconWidgetViewComponent: AXPIconWidgetViewComponent
+});
+
+const AXPIconWidget = {
+    name: 'icon',
+    title: 'Icon',
+    type: 'view',
+    categories: AXP_WIDGETS_LAYOUT_CATEGORY,
+    // groups: [AXPWidgetGroupEnum.FormElement],
+    icon: 'fa-light fa-icons',
+    properties: [AXP_NAME_PROPERTY],
+    components: {
+        column: {
+            component: () => Promise.resolve().then(function () { return iconWidgetColumn_component; }).then((c) => c.AXPIconWidgetViewComponent),
+        },
+    },
+};
+
 class AXPPanelWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
     constructor() {
         super(...arguments);
@@ -19390,6 +19438,8 @@ class AXPWidgetsModule {
                     AXPBorderWidget,
                     AXPDirectionWidget,
                     //
+                    AXPIconWidget,
+                    //
                     AXPStringFilterWidget,
                     AXPBooleanFilterWidget,
                     AXPNumberFilterWidget,
@@ -19479,6 +19529,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                                 AXPBorderWidget,
                                 AXPDirectionWidget,
                                 //
+                                AXPIconWidget,
+                                //
                                 AXPStringFilterWidget,
                                 AXPBooleanFilterWidget,
                                 AXPNumberFilterWidget,