Migration to Angular 13

.editorconfig

@@ -4,7 +4,7 @@ root = true
 [*]
 charset = utf-8
 indent_style = space
-indent_size = 2
+indent_size = 4
 insert_final_newline = true
 trim_trailing_whitespace = true
 

.eslintrc.js

@@ -0,0 +1,268 @@
+/*
+👋 Hi! This file was autogenerated by tslint-to-eslint-config.
+https://github.com/typescript-eslint/tslint-to-eslint-config
+
+It represents the closest reasonable ESLint configuration to this
+project's original TSLint configuration.
+
+We recommend eventually switching this configuration to extend from
+the recommended rulesets in typescript-eslint. 
+https://github.com/typescript-eslint/tslint-to-eslint-config/blob/master/docs/FAQs.md
+
+Happy linting! 💖
+*/
+module.exports = {
+    env: {
+        browser: true,
+        es6: true,
+        node: true,
+    },
+    extends: ['plugin:@typescript-eslint/recommended', 'plugin:@typescript-eslint/recommended-requiring-type-checking'],
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        project: 'tsconfig.json',
+        sourceType: 'module',
+    },
+    plugins: [
+        'eslint-plugin-import',
+        'eslint-plugin-jsdoc',
+        '@angular-eslint/eslint-plugin',
+        '@angular-eslint/eslint-plugin-template',
+        'eslint-plugin-prefer-arrow',
+        '@typescript-eslint',
+        '@typescript-eslint/tslint',
+    ],
+    rules: {
+        '@angular-eslint/component-class-suffix': 'error',
+        '@angular-eslint/component-selector': [
+            'error',
+            {
+                type: 'element',
+                prefix: 'app',
+                style: 'kebab-case',
+            },
+        ],
+        '@angular-eslint/contextual-lifecycle': 'error',
+        '@angular-eslint/directive-class-suffix': 'error',
+        '@angular-eslint/directive-selector': [
+            'error',
+            {
+                type: 'attribute',
+                prefix: 'app',
+                style: 'camelCase',
+            },
+        ],
+        '@angular-eslint/no-conflicting-lifecycle': 'error',
+        '@angular-eslint/no-host-metadata-property': 'error',
+        '@angular-eslint/no-input-rename': 'error',
+        '@angular-eslint/no-inputs-metadata-property': 'error',
+        '@angular-eslint/no-output-native': 'error',
+        '@angular-eslint/no-output-on-prefix': 'error',
+        '@angular-eslint/no-output-rename': 'error',
+        '@angular-eslint/no-outputs-metadata-property': 'error',
+        '@angular-eslint/template/banana-in-box': 'error',
+        '@angular-eslint/template/eqeqeq': 'error',
+        '@angular-eslint/template/no-negated-async': 'error',
+        '@angular-eslint/use-lifecycle-interface': 'error',
+        '@angular-eslint/use-pipe-transform-interface': 'error',
+        '@typescript-eslint/adjacent-overload-signatures': 'error',
+        '@typescript-eslint/array-type': 'off',
+        '@typescript-eslint/ban-types': [
+            'error',
+            {
+                types: {
+                    Object: {
+                        message: 'Avoid using the `Object` type. Did you mean `object`?',
+                    },
+                    Function: {
+                        message: 'Avoid using the `Function` type. Prefer a specific function type, like `() => void`.',
+                    },
+                    Boolean: {
+                        message: 'Avoid using the `Boolean` type. Did you mean `boolean`?',
+                    },
+                    Number: {
+                        message: 'Avoid using the `Number` type. Did you mean `number`?',
+                    },
+                    String: {
+                        message: 'Avoid using the `String` type. Did you mean `string`?',
+                    },
+                    Symbol: {
+                        message: 'Avoid using the `Symbol` type. Did you mean `symbol`?',
+                    },
+                },
+            },
+        ],
+        '@typescript-eslint/consistent-type-assertions': 'error',
+        '@typescript-eslint/dot-notation': 'error',
+        '@typescript-eslint/indent': [
+            'error',
+            4,
+            {
+                FunctionDeclaration: {
+                    parameters: 'first',
+                },
+                FunctionExpression: {
+                    parameters: 'first',
+                },
+            },
+        ],
+        '@typescript-eslint/member-delimiter-style': [
+            'error',
+            {
+                multiline: {
+                    delimiter: 'semi',
+                    requireLast: true,
+                },
+                singleline: {
+                    delimiter: 'semi',
+                    requireLast: false,
+                },
+            },
+        ],
+        '@typescript-eslint/member-ordering': 'error',
+        '@typescript-eslint/naming-convention': 'error',
+        '@typescript-eslint/no-empty-function': 'off',
+        '@typescript-eslint/no-empty-interface': 'error',
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/no-inferrable-types': [
+            'error',
+            {
+                ignoreParameters: true,
+            },
+        ],
+        '@typescript-eslint/no-misused-new': 'error',
+        '@typescript-eslint/no-namespace': 'error',
+        '@typescript-eslint/no-non-null-assertion': 'error',
+        '@typescript-eslint/no-parameter-properties': 'off',
+        '@typescript-eslint/no-shadow': [
+            'error',
+            {
+                hoist: 'all',
+            },
+        ],
+        '@typescript-eslint/no-unused-expressions': 'error',
+        '@typescript-eslint/no-use-before-define': 'off',
+        '@typescript-eslint/no-var-requires': 'off',
+        '@typescript-eslint/prefer-for-of': 'error',
+        '@typescript-eslint/prefer-function-type': 'error',
+        '@typescript-eslint/prefer-namespace-keyword': 'error',
+        '@typescript-eslint/quotes': ['error', 'single'],
+        '@typescript-eslint/semi': ['error', 'always'],
+        '@typescript-eslint/triple-slash-reference': [
+            'error',
+            {
+                path: 'always',
+                types: 'prefer-import',
+                lib: 'always',
+            },
+        ],
+        '@typescript-eslint/type-annotation-spacing': 'error',
+        '@typescript-eslint/unified-signatures': 'error',
+        'arrow-body-style': 'error',
+        complexity: 'off',
+        'constructor-super': 'error',
+        curly: 'error',
+        'dot-notation': 'error',
+        'eol-last': 'error',
+        eqeqeq: ['error', 'smart'],
+        'guard-for-in': 'error',
+        'id-denylist': ['error', 'any', 'Number', 'number', 'String', 'string', 'Boolean', 'boolean', 'Undefined', 'undefined'],
+        'id-match': 'error',
+        'import/no-deprecated': 'warn',
+        indent: 'error',
+        'jsdoc/check-alignment': 'error',
+        'jsdoc/check-indentation': 'error',
+        'jsdoc/newline-after-description': 'error',
+        'jsdoc/no-types': 'error',
+        'max-classes-per-file': 'off',
+        'max-len': [
+            'error',
+            {
+                code: 140,
+            },
+        ],
+        'new-parens': 'error',
+        'no-bitwise': 'error',
+        'no-caller': 'error',
+        'no-cond-assign': 'error',
+        'no-console': [
+            'error',
+            {
+                allow: [
+                    'log',
+                    'warn',
+                    'dir',
+                    'timeLog',
+                    'assert',
+                    'clear',
+                    'count',
+                    'countReset',
+                    'group',
+                    'groupEnd',
+                    'table',
+                    'dirxml',
+                    'error',
+                    'groupCollapsed',
+                    'Console',
+                    'profile',
+                    'profileEnd',
+                    'timeStamp',
+                    'context',
+                ],
+            },
+        ],
+        'no-debugger': 'error',
+        'no-empty': 'off',
+        'no-empty-function': 'off',
+        'no-eval': 'error',
+        'no-fallthrough': 'error',
+        'no-invalid-this': 'off',
+        'no-new-wrappers': 'error',
+        'no-restricted-imports': ['error', 'rxjs/Rx'],
+        'no-shadow': 'error',
+        'no-throw-literal': 'error',
+        'no-trailing-spaces': 'error',
+        'no-undef-init': 'error',
+        'no-underscore-dangle': 'error',
+        'no-unsafe-finally': 'error',
+        'no-unused-expressions': 'error',
+        'no-unused-labels': 'error',
+        'no-use-before-define': 'off',
+        'no-var': 'error',
+        'object-shorthand': 'error',
+        'one-var': ['error', 'never'],
+        'prefer-arrow/prefer-arrow-functions': 'error',
+        'prefer-const': 'error',
+        'quote-props': ['error', 'as-needed'],
+        quotes: 'error',
+        radix: 'error',
+        semi: 'error',
+        'space-before-function-paren': [
+            'error',
+            {
+                anonymous: 'never',
+                asyncArrow: 'always',
+                named: 'never',
+            },
+        ],
+        'spaced-comment': [
+            'error',
+            'always',
+            {
+                markers: ['/'],
+            },
+        ],
+        'use-isnan': 'error',
+        'valid-typeof': 'off',
+        '@typescript-eslint/tslint/config': [
+            'error',
+            {
+                rules: {
+                    'import-spacing': true,
+                    typedef: [true, 'call-signature'],
+                    whitespace: [true, 'check-branch', 'check-decl', 'check-operator', 'check-separator', 'check-type', 'check-typecast'],
+                },
+            },
+        ],
+    },
+};

.gitignore

@@ -32,6 +32,7 @@ speed-measure-plugin*.json
 .history/*
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

.prettierignore

@@ -0,0 +1,9 @@
+package.json
+package-lock.json
+yarn.lock
+dist
+node_modules
+build
+res
+coverage
+libs/svg-management/src/lib/svg-canvas-editor/svg-canvas-editor.component.stories.ts

.prettierrc

@@ -0,0 +1,9 @@
+{
+    "bracketSpacing": true,
+    "tabWidth": 4,
+    "singleQuote": true,
+    "semi": true,
+    "useTabs": false,
+    "trailingComma": "es5",
+    "printWidth": 140
+}