@c8y/widget-plugin 1021.55.3 → 1021.56.4

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@c8y/widget-plugin",
-  "version": "1021.55.3",
+  "version": "1021.56.4",
   "description": "",
   "dependencies": {
-    "@c8y/style": "1021.55.3",
-    "@c8y/ngx-components": "1021.55.3",
-    "@c8y/client": "1021.55.3",
-    "@c8y/bootstrap": "1021.55.3",
+    "@c8y/style": "1021.56.4",
+    "@c8y/ngx-components": "1021.56.4",
+    "@c8y/client": "1021.56.4",
+    "@c8y/bootstrap": "1021.56.4",
     "@angular/cdk": "^18.2.14",
     "ngx-bootstrap": "18.0.0",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
-    "@c8y/options": "1021.55.3",
-    "@c8y/devkit": "1021.55.3"
+    "@c8y/options": "1021.56.4",
+    "@c8y/devkit": "1021.56.4"
   },
   "peerDependencies": {
     "@angular/common": ">=18 <19"

package/src/app/widget/widget-plugin-config.component.ts

@@ -1,6 +1,7 @@
 import { Component, Input } from '@angular/core';
 import { ControlContainer, NgForm } from '@angular/forms';
 import { DynamicComponent, OnBeforeSave, AlertService } from '@c8y/ngx-components';
+import { WidgetPluginConfig } from './widget-plugin.model';
 
 @Component({
   selector: 'c8y-widget-plugin-config',
@@ -19,8 +20,8 @@ import { DynamicComponent, OnBeforeSave, AlertService } from '@c8y/ngx-component
   `,
   viewProviders: [{ provide: ControlContainer, useExisting: NgForm }]
 })
-export class WidgetPluginConfig implements DynamicComponent, OnBeforeSave {
-  @Input() config: any = {};
+export class WidgetPluginConfigComponent implements DynamicComponent, OnBeforeSave {
+  @Input() config: WidgetPluginConfig = {};
 
   constructor(private alert: AlertService) {}
 

package/src/app/widget/widget-plugin.component.ts

@@ -1,4 +1,5 @@
 import { Component, Input } from '@angular/core';
+import { WidgetPluginConfig } from './widget-plugin.model';
 
 @Component({
   selector: 'c8y-widget-plugin',
@@ -12,5 +13,5 @@ import { Component, Input } from '@angular/core';
   styleUrls: ['./widget-plugin.component.css']
 })
 export class WidgetPluginComponent {
-  @Input() config;
+  @Input() config: WidgetPluginConfig;
 }

package/src/app/widget/widget-plugin.model.ts

@@ -0,0 +1,6 @@
+import { IIdentified, IManagedObject } from '@c8y/client';
+
+export interface WidgetPluginConfig {
+  text?: string;
+  device?: IIdentified & Partial<IManagedObject>;
+}

package/src/app/widget/widget-plugin.module.ts

@@ -3,11 +3,11 @@ import { assetPaths } from '../../assets/assets';
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { WidgetPluginComponent } from './widget-plugin.component';
-import { WidgetPluginConfig } from './widget-plugin-config.component';
+import { WidgetPluginConfigComponent } from './widget-plugin-config.component';
 import { FormsModule, gettext, hookWidget } from '@c8y/ngx-components';
 
 @NgModule({
-  declarations: [WidgetPluginComponent, WidgetPluginConfig],
+  declarations: [WidgetPluginComponent, WidgetPluginConfigComponent],
   imports: [CommonModule, FormsModule],
   providers: [
     hookWidget({
@@ -16,7 +16,11 @@ import { FormsModule, gettext, hookWidget } from '@c8y/ngx-components';
       description: gettext('Widget added via Module Federation'),
       component: WidgetPluginComponent,
       previewImage: assetPaths.previewImage,
-      configComponent: WidgetPluginConfig
+      configComponent: WidgetPluginConfigComponent,
+      data: {
+        schema: () =>
+          import('c8y-schema-loader?interfaceName=WidgetPluginConfig!./widget-plugin.model')
+      }
     })
   ]
 })