diff --git a/frontend/package-lock.json b/frontend/package-lock.json index bf9766f96..2f1246869 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -9,7 +9,7 @@ "version": "0.0.0", "dependencies": { "@angular/animations": "16.1.8", - "@angular/cdk": "15.0.3", + "@angular/cdk": "16.1.7", "@angular/cdk-experimental": "15.0.3", "@angular/common": "16.1.8", "@angular/core": "16.1.8", @@ -3049,9 +3049,9 @@ } }, "node_modules/@angular/cdk": { - "version": "15.0.3", - "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-15.0.3.tgz", - "integrity": "sha512-iRLV6V6ksIshDL8Cdn1+DUNTRLqj+DAqmYTWYCEvH4qU6o0XSeXrAHNW5zNFqWgCZbmWt03G5jOBWBNaxa9QKw==", + "version": "16.1.7", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-16.1.7.tgz", + "integrity": "sha512-KLiqzbilkGBtQcaNdqjN16XyNdQxEkN4Oqbg6coahWqwvEVEdhNwLrwOJcCHMH2vvMzCd4XHaOnAxQjVy5pkjQ==", "dependencies": { "tslib": "^2.3.0" }, @@ -3059,8 +3059,8 @@ "parse5": "^7.1.2" }, "peerDependencies": { - "@angular/common": "^15.0.0 || ^16.0.0", - "@angular/core": "^15.0.0 || ^16.0.0", + "@angular/common": "^16.0.0 || ^17.0.0", + "@angular/core": "^16.0.0 || ^17.0.0", "rxjs": "^6.5.3 || ^7.4.0" } }, @@ -39155,9 +39155,9 @@ } }, "@angular/cdk": { - "version": "15.0.3", - "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-15.0.3.tgz", - "integrity": "sha512-iRLV6V6ksIshDL8Cdn1+DUNTRLqj+DAqmYTWYCEvH4qU6o0XSeXrAHNW5zNFqWgCZbmWt03G5jOBWBNaxa9QKw==", + "version": "16.1.7", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-16.1.7.tgz", + "integrity": "sha512-KLiqzbilkGBtQcaNdqjN16XyNdQxEkN4Oqbg6coahWqwvEVEdhNwLrwOJcCHMH2vvMzCd4XHaOnAxQjVy5pkjQ==", "requires": { "parse5": "^7.1.2", "tslib": "^2.3.0" diff --git a/frontend/package.json b/frontend/package.json index 9df5db7bf..a2913f219 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -16,8 +16,8 @@ "private": true, "dependencies": { "@angular/animations": "16.1.8", - "@angular/cdk": "15.0.3", - "@angular/cdk-experimental": "15.0.3", + "@angular/cdk": "16.1.7", + "@angular/cdk-experimental": "16.1.7", "@angular/common": "16.1.8", "@angular/core": "16.1.8", "@angular/forms": "16.1.8", @@ -26,105 +26,105 @@ "@angular/platform-browser-dynamic": "16.1.8", "@angular/platform-server": "16.1.8", "@angular/router": "16.1.8", - "@babel/runtime": "^7.20.6", + "@babel/runtime": "^7.22.6", "@egjs/hammerjs": "2.0.17", - "@graphiql/toolkit": "^0.8.0", - "@marker.io/browser": "^0.16.0", - "ace-builds": "1.14.0", - "angular-gridster2": "15.0.0", + "@graphiql/toolkit": "^0.9.1", + "@marker.io/browser": "^0.19.0", + "ace-builds": "1.23.4", + "angular-gridster2": "16.0.0", "angular-mentions": "1.5.0", "babel-polyfill": "6.26.0", - "bootstrap": "5.2.3", - "core-js": "3.26.1", + "bootstrap": "5.3.1", + "core-js": "3.32.0", "cropperjs": "2.0.0-alpha.1", - "date-fns": "2.29.3", + "date-fns": "2.30.0", "font-awesome": "4.7.0", - "graphiql": "2.2.0", - "graphql": "16.6.0", - "graphql-ws": "^5.11.2", + "graphiql": "3.0.5", + "graphql": "16.7.1", + "graphql-ws": "^5.14.0", "image-focus": "1.2.1", "keycharm": "0.4.0", - "leaflet": "1.9.3", + "leaflet": "1.9.4", "leaflet-control-geocoder": "2.4.0", - "marked": "4.2.4", + "marked": "6.0.0", "mersenne-twister": "1.1.0", "moment": "^2.29.4", "mousetrap": "1.6.5", - "ng2-charts": "^4.1.1", - "ngx-color-picker": "13.0.0", + "ng2-charts": "^5.0.1", + "ngx-color-picker": "14.0.0", "ngx-doc-viewer": "15.0.1", "ngx-virtual-scroller": "^4.0.3", - "oidc-client-ts": "^2.2.2", + "oidc-client-ts": "^2.2.4", "pikaday": "1.8.2", "progressbar.js": "1.1.0", "react": "18.2.0", "react-dom": "18.2.0", - "rxjs": "7.8.0", + "rxjs": "7.8.1", "simplemde": "1.11.2", - "slugify": "1.6.5", - "tinymce": "5.10.2", - "tslib": "2.4.1", + "slugify": "1.6.6", + "tinymce": "6.6.1", + "tslib": "2.6.1", "tui-calendar": "^1.15.3", "typemoq": "^2.1.0", - "video.js": "7.20.3", - "vis-data": "7.1.4", - "vis-network": "9.1.2", + "video.js": "8.3.0", + "vis-data": "7.1.6", + "vis-network": "9.1.6", "vis-util": "5.0.3", "zone.js": "0.13.1" }, "devDependencies": { - "@angular-builders/custom-webpack": "^15.0.0", + "@angular-builders/custom-webpack": "^16.0.0", "@angular-devkit/build-angular": "^16.1.7", "@angular/cli": "^16.1.7", "@angular/compiler": "^16.1.8", "@angular/compiler-cli": "^16.1.8", "@angular/elements": "^16.1.8", - "@babel/core": "^7.20.5", - "@compodoc/compodoc": "^1.1.19", - "@storybook/addon-actions": "^6.5.15", - "@storybook/addon-essentials": "^6.5.15", - "@storybook/addon-interactions": "^6.5.15", - "@storybook/addon-links": "^6.5.15", - "@storybook/angular": "^6.5.15", - "@storybook/builder-webpack5": "^6.5.15", - "@storybook/manager-webpack5": "^6.5.15", - "@storybook/testing-library": "^0.0.13", - "@types/codemirror": "5.60.5", + "@babel/core": "^7.22.9", + "@compodoc/compodoc": "^1.1.21", + "@storybook/addon-actions": "^7.2.1", + "@storybook/addon-essentials": "^7.2.1", + "@storybook/addon-interactions": "^7.2.1", + "@storybook/addon-links": "^7.2.1", + "@storybook/angular": "^7.2.1", + "@storybook/builder-webpack5": "^7.2.1", + "@storybook/manager-webpack5": "^6.5.16", + "@storybook/testing-library": "^0.2.0", + "@types/codemirror": "5.60.8", "@types/core-js": "2.5.5", - "@types/jasmine": "4.3.1", - "@types/marked": "4.0.8", - "@types/mersenne-twister": "1.1.2", + "@types/jasmine": "4.3.5", + "@types/marked": "5.0.1", + "@types/mersenne-twister": "1.1.3", "@types/mousetrap": "1.6.11", - "@types/node": "18.11.17", - "@types/react": "18.0.26", - "@types/react-dom": "18.0.9", + "@types/node": "20.4.7", + "@types/react": "18.2.18", + "@types/react-dom": "18.2.7", "@types/simplemde": "1.11.8", - "@types/tapable": "2.2.2", + "@types/tapable": "2.2.3", "@types/tinymce": "4.6.5", - "@types/ws": "8.5.3", - "@typescript-eslint/eslint-plugin": "5.47.0", - "@typescript-eslint/parser": "5.47.0", - "@webcomponents/custom-elements": "^1.5.1", - "babel-loader": "^8.2.5", + "@types/ws": "8.5.5", + "@typescript-eslint/eslint-plugin": "6.2.1", + "@typescript-eslint/parser": "6.2.1", + "@webcomponents/custom-elements": "^1.6.0", + "babel-loader": "^9.1.3", "copy-webpack-plugin": "11.0.0", - "eslint": "8.30.0", - "eslint-config-airbnb-typescript": "17.0.0", - "eslint-plugin-deprecation": "^1.3.3", - "eslint-plugin-import": "2.26.0", - "eslint-plugin-jsx-a11y": "6.6.1", - "eslint-webpack-plugin": "3.2.0", - "jasmine-core": "~4.5.0", - "karma": "~6.4.1", - "karma-chrome-launcher": "~3.1.1", - "karma-coverage": "~2.2.0", + "eslint": "8.46.0", + "eslint-config-airbnb-typescript": "17.1.0", + "eslint-plugin-deprecation": "^1.5.0", + "eslint-plugin-import": "2.28.0", + "eslint-plugin-jsx-a11y": "6.7.1", + "eslint-webpack-plugin": "4.0.1", + "jasmine-core": "~5.1.0", + "karma": "~6.4.2", + "karma-chrome-launcher": "~3.2.0", + "karma-coverage": "~2.2.1", "karma-jasmine": "~5.1.0", - "karma-jasmine-html-reporter": "~2.0.0", + "karma-jasmine-html-reporter": "~2.1.0", "raw-loader": "^4.0.2", - "stylelint": "14.16.0", - "stylelint-config-standard": "29.0.0", - "stylelint-config-standard-scss": "^5.0.0", - "stylelint-scss": "4.3.0", - "stylelint-webpack-plugin": "3.3.0", + "stylelint": "15.10.2", + "stylelint-config-standard": "34.0.0", + "stylelint-config-standard-scss": "^10.0.0", + "stylelint-scss": "5.0.1", + "stylelint-webpack-plugin": "4.1.1", "typescript": "5.1.6" } } \ No newline at end of file diff --git a/frontend/src/app/features/content/shared/content-extension.component.ts b/frontend/src/app/features/content/shared/content-extension.component.ts index 685e2abcc..6f4cfa948 100644 --- a/frontend/src/app/features/content/shared/content-extension.component.ts +++ b/frontend/src/app/features/content/shared/content-extension.component.ts @@ -11,7 +11,7 @@ import { ApiUrlConfig, ResourceOwner, Types } from '@app/framework/internal'; import { AppsState, AuthService, computeEditorUrl, ContentDto, SchemaDto, TypedSimpleChanges } from '@app/shared'; @Component({ - selector: 'sqx-content-extension[content][contentSchema]', + selector: 'sqx-content-extension', styleUrls: ['./content-extension.component.scss'], templateUrl: './content-extension.component.html', changeDetection: ChangeDetectionStrategy.OnPush, @@ -23,10 +23,10 @@ export class ContentExtensionComponent extends ResourceOwner { @ViewChild('iframe', { static: false }) public iframe!: ElementRef; - @Input() + @Input({ required: true }) public content?: ContentDto | null; - @Input() + @Input({ required: true }) public contentSchema!: SchemaDto; @Input() diff --git a/frontend/src/app/features/content/shared/preview-button.component.ts b/frontend/src/app/features/content/shared/preview-button.component.ts index 7f80234f9..7e3151975 100644 --- a/frontend/src/app/features/content/shared/preview-button.component.ts +++ b/frontend/src/app/features/content/shared/preview-button.component.ts @@ -19,7 +19,7 @@ interface State { } @Component({ - selector: 'sqx-preview-button[content][schema]', + selector: 'sqx-preview-button', styleUrls: ['./preview-button.component.scss'], templateUrl: './preview-button.component.html', changeDetection: ChangeDetectionStrategy.OnPush, @@ -28,10 +28,10 @@ export class PreviewButtonComponent extends StatefulComponent implements @Input() public confirm?: () => Observable; - @Input() + @Input({ required: true }) public content!: ContentDto; - @Input() + @Input({ required: true }) public schema!: SchemaDto; public dropdown = new ModalModel();