@c8y/tutorial 1022.45.2 → 1023.0.0

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@c8y/tutorial",
-  "version": "1022.45.2",
+  "version": "1023.0.0",
   "description": "This package is used to scaffold a tutorial for Cumulocity IoT Web SDK which explains a lot of concepts.",
   "dependencies": {
-    "@c8y/style": "1022.45.2",
-    "@c8y/ngx-components": "1022.45.2",
-    "@c8y/client": "1022.45.2",
-    "@c8y/bootstrap": "1022.45.2",
-    "@angular/cdk": "^19.2.19",
+    "@c8y/style": "1023.0.0",
+    "@c8y/ngx-components": "1023.0.0",
+    "@c8y/client": "1023.0.0",
+    "@c8y/bootstrap": "1023.0.0",
+    "@angular/cdk": "^20.2.7",
     "monaco-editor": "~0.53.0",
-    "ngx-bootstrap": "19.0.2",
+    "ngx-bootstrap": "20.0.2",
     "leaflet": "1.9.4",
-    "rxjs": "7.8.1"
+    "rxjs": "7.8.2"
   },
   "devDependencies": {
-    "@c8y/options": "1022.45.2",
-    "@c8y/devkit": "1022.45.2"
+    "@c8y/options": "1023.0.0",
+    "@c8y/devkit": "1023.0.0"
   },
   "peerDependencies": {
-    "@angular/common": ">=19 <20"
+    "@angular/common": ">=20 <21"
   },
   "author": "Cumulocity GmbH",
   "license": "Apache-2.0"

package/src/app/app.config.ts

@@ -1,6 +1,6 @@
 import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideAnimations } from '@angular/platform-browser/animations';
-import { CoreModule, hookWidget, RouterModule, VersionModule } from '@c8y/ngx-components';
+import { CoreModule, RouterModule, VersionModule } from '@c8y/ngx-components';
 import { provideHelloSample } from '../hello';
 import { provideRouteSample } from '../hooks/route';
 import { provideDemoWidget } from '../widget';
@@ -16,14 +16,13 @@ import { provideMapExampleNavigator } from '../maps';
 import { provideTranslationsNavigator } from '../translations';
 import { provideLazyWidget } from '../lazy-widget';
 import { provideBreadcrumbsNavigator } from '../breadcrumbs';
-import { cockpitDefaultWidgets } from '@c8y/ngx-components/widgets/cockpit';
-import { deviceManagementDefaultWidgets } from '@c8y/ngx-components/widgets/device-management';
 import { provideClientInterceptorSample } from '../client-interceptor';
 import { provideUserMenuSample } from '../user-menu';
 import { AlarmsModule } from '@c8y/ngx-components/alarms';
 import { BulkOperationSchedulerModule } from '@c8y/ngx-components/operations/bulk-operation-scheduler';
 import { provideRedirectToLastRoute } from '../redirect-to-last-route';
 import { provideAPIMock } from '../__mocks';
+import { configureWidgetProviders } from '@c8y/ngx-components/widgets/widget-providers';
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -50,7 +49,7 @@ export const appConfig: ApplicationConfig = {
     // Get rid of a default version factory
     importProvidersFrom(VersionModule.config({ disableWebSDKPluginVersionFactory: true })),
     ...provideLazyWidget(),
-    hookWidget([...cockpitDefaultWidgets, ...deviceManagementDefaultWidgets]),
+    ...configureWidgetProviders(),
     ...provideRedirectToLastRoute(),
     ...provideAPIMock(),
     ...provideBreadcrumbsNavigator(),

package/src/grids/device-grid-example/device-grid-example.component.ts

@@ -1,13 +1,13 @@
 import { Component } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import { RouterModule } from '@angular/router';
+import { gettext } from '@c8y/ngx-components/gettext';
 import {
   Column,
   CoreModule,
   CustomColumn,
   DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER,
   DATA_GRID_CONFIGURATION_STRATEGY,
-  gettext,
   GridConfigContext,
   GridConfigContextProvider
 } from '@c8y/ngx-components';

package/src/modal/confirm-modal/confirm-modal-example.component.ts

@@ -1,12 +1,6 @@
 import { Component } from '@angular/core';
-import {
-  CoreModule,
-  FormsModule,
-  gettext,
-  ModalModule,
-  ModalService,
-  Status
-} from '@c8y/ngx-components';
+import { gettext } from '@c8y/ngx-components/gettext';
+import { CoreModule, FormsModule, ModalModule, ModalService, Status } from '@c8y/ngx-components';
 import { BsModalService } from 'ngx-bootstrap/modal';
 import { DeleteModalExampleComponent } from './delete-modal-example.component';
 

package/src/popconfirm/pop-confirm-example.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
+import { gettext } from '@c8y/ngx-components/gettext';
 import {
   CommonModule,
-  gettext,
   HeaderModule,
   ModalModule,
   PopoverConfirmButtons,

package/src/quick-link/quick-link-example.component.ts

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
-import { CoreModule, DocLink, DocsService, gettext, QuickLinkModule } from '@c8y/ngx-components';
+import { gettext } from '@c8y/ngx-components/gettext';
+import { CoreModule, DocLink, DocsService, QuickLinkModule } from '@c8y/ngx-components';
 
 @Component({
   selector: 'quick-link-example',

package/src/selector/properties-selector-inline-example/properties-selector-inline.component.ts

@@ -21,7 +21,7 @@ import { JsonPipe } from '@angular/common';
     <div class="d-flex-md row">
       <div class="col-xs-12 col-md-3">
         <div class="card">
-          <div class="card-inner-scroll d-flex d-col bg-component" style="height: 208px">
+          <div class="inner-scroll d-flex d-col bg-component" style="height: 208px">
             <c8y-asset-selector
               class="bg-component"
               [(ngModel)]="model"
@@ -121,11 +121,16 @@ import { JsonPipe } from '@angular/common';
             <span></span>
             <small>allowAddingCustomProperties</small>
           </label>
+          <label class="c8y-switch m-0">
+            <input type="checkbox" [(ngModel)]="allowDragAndDrop" />
+            <span></span>
+            <small>allowDragAndDrop</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: 591px">
+          <div class="inner-scroll d-flex d-col bg-component" style="height: 623px">
             <c8y-asset-property-list
               class="bg-component"
               [asset]="selectedAsset"
@@ -136,7 +141,8 @@ import { JsonPipe } from '@angular/common';
                 showValue: showValue,
                 expansionMode: expansionMode,
                 showKey: showKey,
-                allowAddingCustomProperties: allowAddingCustomProperties
+                allowAddingCustomProperties: allowAddingCustomProperties,
+                allowDragAndDrop: allowDragAndDrop
               }"
               (selectedProperties)="onSelectedProperties($event)"
             >
@@ -156,7 +162,7 @@ import { JsonPipe } from '@angular/common';
         </div>
       </div>
       <div class="col-xs-12 col-md-4">
-        <pre class="inner-scroll" style="height: 591px">{{ assetPropertiesOutput | json }}</pre>
+        <pre class="inner-scroll" style="height: 623px">{{ assetPropertiesOutput | json }}</pre>
       </div>
     </div>`,
   standalone: true,
@@ -186,6 +192,7 @@ export class PropertiesSelectorInlineExampleComponent {
   showKey = true;
   filterable = true;
   allowAddingCustomProperties = true;
+  allowDragAndDrop = true;
 
   selectionChanged(e: AssetSelectionChangeEvent) {
     this.selectedAsset = e.change.item;

package/src/user-menu/index.ts

@@ -1,5 +1,6 @@
 import { EnvironmentProviders, Provider, inject, provideAppInitializer } from '@angular/core';
-import { AlertService, gettext, UserMenuService } from '@c8y/ngx-components';
+import { gettext } from '@c8y/ngx-components/gettext';
+import { AlertService, UserMenuService } from '@c8y/ngx-components';
 
 export function provideUserMenuSample() {
   return [

package/src/widget/demo-widget.component.ts

@@ -1,9 +1,9 @@
 import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { gettext } from '@c8y/ngx-components/gettext';
 import {
   DismissAlertStrategy,
   DynamicComponentAlert,
   DynamicComponentAlertAggregator,
-  gettext,
   DatePipe
 } from '@c8y/ngx-components';
 import { NgIf } from '@angular/common';

package/src/widget-resolvers/alternative-event.resolver.ts

@@ -1,11 +1,7 @@
 import { Injectable } from '@angular/core';
-import { EventService } from '@c8y/client';
-import { IEvent } from '@c8y/client';
-import {
-  DynamicBulkIIdentifiedResolver,
-  DynamicResolverService,
-  gettext
-} from '@c8y/ngx-components';
+import { EventService, IEvent } from '@c8y/client';
+import { gettext } from '@c8y/ngx-components/gettext';
+import { DynamicBulkIIdentifiedResolver, DynamicResolverService } from '@c8y/ngx-components';
 
 /**
  * An short alternative to the DynamicEventResolver class using the abstract class DynamicBulkIIdentifiedResolver.