[update] update dependencies

.editorconfig

@@ -10,6 +10,7 @@ trim_trailing_whitespace = true
 
 [*.ts]
 quote_type = single
+ij_typescript_use_double_quotes = false
 
 [*.md]
 max_line_length = off

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Webix
+Copyright (c) 2025 Webix
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,9 +1,9 @@
 Webix-Angular demo with Complex Widgets
 ================
 
-This repo contains examples of importing Webix [Complex Widgets](https://webix.com/widget/complex-widgets/) into an Angular App.<br/>By default, the demo shows how to initialize the [**File Manager**](https://webix.com/filemanager/) and [**Kanban**](https://webix.com/kanban/), but they can be replaced with any of Webix Complex Widgets. 
+This repo contains examples of importing Webix [Complex Widgets](https://webix.com/widget/complex-widgets/) into an Angular App.<br/>By default, the demo shows how to initialize the [**File Manager**](https://webix.com/filemanager/) and [**Kanban**](https://webix.com/kanban/), but they can be replaced with any of Webix Complex Widgets.
 
-The example is based on the [default demo from Webix Github](https://github.com/webix-hub/angular2-demo) (see its [README](https://github.com/webix-hub/angular2-demo#basics-of-usage) for details of integration) and basic Angular tutorial for [routes in a SPA](https://angular.io/guide/router-tutorial#using-angular-routes-in-a-single-page-application). <br/>
+The example is based on the [default demo from Webix Github](https://github.com/webix-hub/angular2-demo) (see its [README](https://github.com/webix-hub/angular2-demo#basics-of-usage) for details of integration) and basic Angular tutorial for [routes in a SPA](https://angular.dev/guide/routing/router-tutorial). <br/>
 
 
 Complex widgets are PRO components.<br/>This demo uses the Trial version of Webix placed into the "src". <br/>If you have a license for Webix PRO, the sources ("codebase") can be placed instead of the Trial version, or fetched from npm (in that case, make sure you have signed in to Webix [private @xbs scope](https://docs.webix.com/desktop__install.html#installingwithnpm)). <br/>
@@ -24,13 +24,13 @@ Then open `//localhost:4200/` (default port).
 How to import and use a Complex Widget
 -------
 
-*Before* importing sources of any complex widget, make sure the Webix is available globally.<br/>This demo uses `scripts` in the workspace configuration ([documentation](https://angular.io/guide/workspace-config#style-script-config)). 
+*Before* importing sources of any complex widget, make sure the Webix is available globally.<br/>This demo uses `scripts` in the workspace configuration ([documentation](https://angular.dev/reference/configs/workspace-config#styles-and-scripts-configuration)).
 
-File Manager and all Complex Widgets released since version 7.2 are SPA wrapped into Webix views (here's an [article](https://blog.webix.com/new-strategy-of-complex-widgets-why-webix-jet/) about their featueres).<br/>To be able to use all their features (including customization of modules), these components should be imported with the following statement:
+File Manager and all Complex Widgets released since version 7.2 are SPA wrapped into Webix views (here's an [article](https://blog.webix.com/new-strategy-of-complex-widgets-why-webix-jet/) about their features).<br/>To be able to use all their features (including customization of modules), these components should be imported with the following statement:
 ```
 import * as fileManager from "@xbs/filemanager";
 ```
-Kanban and Spreadsheet implemented as plain Webix views, so importing these widgets can be done simply as 
+Kanban and Spreadsheet implemented as plain Webix views, so importing these widgets can be done simply as
 ```
 import "@xbs/kanban";
 ```

angular.json

@@ -3,23 +3,26 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "angular.io-example": {
+    "angular-demo-complex": {
       "projectType": "application",
+      "schematics": {},
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist",
+            "outputPath": "dist/angular-demo-complex",
             "index": "src/index.html",
-            "main": "src/main.ts",
+            "browser": "src/main.ts",
             "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "assets": [
-              "src/favicon.ico",
-              "src/assets"
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
             ],
             "styles": [
               "src/styles.css",
@@ -34,8 +37,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "1mb",
-                  "maximumError": "2mb"
+                  "maximumWarning": "2mb",
+                  "maximumError": "3mb"
                 },
                 {
                   "type": "anyComponentStyle",
@@ -46,9 +49,7 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
               "namedChunks": true
@@ -60,45 +61,37 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "angular.io-example:build:production"
+              "buildTarget": "angular-demo-complex:build:production"
             },
             "development": {
-              "browserTarget": "angular.io-example:build:development"
+              "buildTarget": "angular-demo-complex:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "angular.io-example:build"
+            "buildTarget": "angular-demo-complex:build"
           }
         },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
+            "main":"src/test.ts",
             "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
             "assets": [
-              "src/favicon.ico",
-              "src/assets"
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
             ],
             "styles": [
               "src/styles.css"
             ],
-            "scripts": []
-          }
-        },
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "angular.io-example:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "angular.io-example:serve:production"
-            }
+            "scripts": [],
+            "karmaConfig": "karma.conf.js"
           }
         }
       }

karma.conf.js

@@ -1,5 +1,5 @@
 // Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
+// https://karma-runner.github.io/6.4/config/configuration-file.html
 
 module.exports = function (config) {
   config.set({
@@ -25,7 +25,7 @@ module.exports = function (config) {
       suppressAll: true // removes the duplicated traces
     },
     coverageReporter: {
-      dir: require('path').join(__dirname, './coverage/angular.io-example'),
+      dir: require('path').join(__dirname, './coverage/angular-demo-complex'),
       subdir: '.',
       reporters: [
         { type: 'html' },