chore: Upgrade to Web SDK v1022.31.0

Author: c8y-ui-release[bot]

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "tutorial",
-  "version": "1022.30.0",
+  "version": "1022.31.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -18,10 +18,10 @@
     "@angular/platform-browser": "^19.2.0",
     "@angular/platform-browser-dynamic": "^19.2.0",
     "@angular/router": "^19.2.0",
-    "@c8y/bootstrap": "1022.30.0",
-    "@c8y/client": "1022.30.0",
-    "@c8y/ngx-components": "1022.30.0",
-    "@c8y/style": "1022.30.0",
+    "@c8y/bootstrap": "1022.31.0",
+    "@c8y/client": "1022.31.0",
+    "@c8y/ngx-components": "1022.31.0",
+    "@c8y/style": "1022.31.0",
     "leaflet": "1.9.4",
     "monaco-editor": "~0.52.2",
     "ngx-bootstrap": "19.0.2",
@@ -33,8 +33,8 @@
     "@angular-devkit/build-angular": "^19.2.16",
     "@angular/cli": "^19.2.16",
     "@angular/compiler-cli": "^19.2.0",
-    "@c8y/devkit": "1022.30.0",
-    "@c8y/options": "1022.30.0",
+    "@c8y/devkit": "1022.31.0",
+    "@c8y/options": "1022.31.0",
     "@types/jasmine": "~5.1.0",
     "jasmine-core": "~5.6.0",
     "karma": "~6.4.0",

package.json

@@ -2,7 +2,10 @@ import { Component, inject } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { IIdentified, IManagedObject, InventoryService } from '@c8y/client';
 import { BottomDrawerService, TitleComponent } from '@c8y/ngx-components';
-import { AssetPropertySelectorDrawerComponent } from '@c8y/ngx-components/asset-properties';
+import {
+  AssetPropertySelectorDrawerComponent,
+  AssetPropertyType
+} from '@c8y/ngx-components/asset-properties';
 import {
   AssetSelectionChangeEvent,
   AssetSelectorModule
@@ -53,7 +56,7 @@ export class PropertiesSelectorDrawerExampleComponent {
   inventoryService = inject(InventoryService);
   model: IIdentified;
   selectedAsset: IManagedObject;
-  output: unknown;
+  output: AssetPropertyType[] = [];
   bottomDrawerService = inject(BottomDrawerService);
 
   selectionChanged(e: AssetSelectionChangeEvent) {
@@ -70,7 +73,8 @@ export class PropertiesSelectorDrawerExampleComponent {
           expansionMode: 'collapsedByDefault',
           showValue: true,
           showKey: true,
-          emptyStateContent: 'default-properties'
+          emptyStateContent: 'default-properties',
+          selectedProperties: this.output
         }
       }
     });
@@ -79,7 +83,7 @@ export class PropertiesSelectorDrawerExampleComponent {
       const resultOf = await drawer.instance.result;
       this.output = resultOf;
     } catch (ex) {
-      this.output = 'Cancelled';
+      this.output = [];
     }
   }
 }

src/selector/properties-selector-drawer-example/properties-selector-drawer.component.ts

@@ -1,7 +1,7 @@
 import { Component, inject } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { IIdentified, IManagedObject, InventoryService } from '@c8y/client';
-import { BottomDrawerService, C8yTranslatePipe, TitleComponent } from '@c8y/ngx-components';
+import { C8yTranslatePipe, TitleComponent } from '@c8y/ngx-components';
 import {
   AssetPropertyActionDirective,
   AssetPropertyListComponent,
@@ -97,7 +97,7 @@ import { JsonPipe } from '@angular/common';
             </div>
           </fieldset>
           <label class="c8y-switch">
-            <input type="checkbox" [(ngModel)]="searchable" />
+            <input type="checkbox" [(ngModel)]="filterable" />
             <span></span>
             <small>searchable</small>
           </label>
@@ -116,21 +116,27 @@ import { JsonPipe } from '@angular/common';
             <span></span>
             <small>showKey</small>
           </label>
+          <label class="c8y-switch m-0">
+            <input type="checkbox" [(ngModel)]="allowAddingCustomProperties" />
+            <span></span>
+            <small>allowAddingCustomProperties</small>
+          </label>
         </div>
       </div>
       <div class="col-xs-12 col-md-5">
         <div class="card">
-          <div class="card-inner-scroll d-flex d-col bg-component" style="height: 559px">
+          <div class="card-inner-scroll d-flex d-col bg-component" style="height: 591px">
             <c8y-asset-property-list
               class="bg-component"
               [asset]="selectedAsset"
               [config]="{
                 selectMode: multiSelect,
                 showHeader: showHeader,
-                searchable: searchable,
+                filterable: filterable,
                 showValue: showValue,
                 expansionMode: expansionMode,
-                showKey: showKey
+                showKey: showKey,
+                allowAddingCustomProperties: allowAddingCustomProperties
               }"
               (selectedProperties)="onSelectedProperties($event)"
             >
@@ -150,7 +156,7 @@ import { JsonPipe } from '@angular/common';
         </div>
       </div>
       <div class="col-xs-12 col-md-4">
-        <pre class="inner-scroll" style="height: 559px">{{ assetPropertiesOutput | json }}</pre>
+        <pre class="inner-scroll" style="height: 591px">{{ assetPropertiesOutput | json }}</pre>
       </div>
     </div>`,
   standalone: true,
@@ -171,15 +177,15 @@ export class PropertiesSelectorInlineExampleComponent {
   model: IIdentified;
   selectedAsset: IManagedObject;
   assetPropertiesOutput: AssetPropertyType[] | AssetPropertyType;
-  bottomDrawerService = inject(BottomDrawerService);
 
   multiSelect: 'single' | 'multi' | 'none' = 'multi';
   expansionMode: 'expandedByDefault' | 'collapsedByDefault' | 'nonCollapsible' =
     'expandedByDefault';
   showHeader = true;
   showValue = true;
   showKey = true;
-  searchable = true;
+  filterable = true;
+  allowAddingCustomProperties = true;
 
   selectionChanged(e: AssetSelectionChangeEvent) {
     this.selectedAsset = e.change.item;