chore: eslint and angular output

.eslintignore

@@ -1,59 +1 @@
-.build/
-.storybook/
-dist/
-dist-transpiled/
-temp/
-generated/
-public/
-storybook/
-storybook-static/
-rollup.config.js
-ngcc.config.js
-web-server.js
-*.md
-*.scss
-
-packages/components/src/stories/contributors.md
-packages/components/src/components.d.ts
-packages/icons/src/icons.ts
-
-packages/components/loader/
-packages/components/www/
-packages/components/components/
-packages/components/.storybook/vue/generated/
-packages/components/src/assets/fonts
-packages/components/src/components/**/readme.md
-packages/components/src/components/**/testing.md
-packages/components/src/components/**/theming.md
-packages/components/src/stories/utils
-packages/components/components/
-packages/components-angular/**/*d.ts
-
-packages/components/public/assets/fonts/
-packages/components/public/assets/data/
-packages/components/public/assets/download/
-packages/components/public/assets/css/design-system-table.css
-packages/components/vscode-data.json
-packages/components/components
-
-packages/components-angular/common/**/*.d.ts
-packages/components-angular/directives/**/*.d.ts
-packages/components-angular/standalone/**/*.d.ts
-packages/components-angular/legacy/**/*.d.ts
-packages/components-angular/src/**/*.d.ts
-
-packages/components-table/css
-packages/components-vue/src/proxies
-packages/components-vue/src/components.ts
-packages/components-vue/src/vue-component-lib
-packages/components-react/src/components.ts
-packages/components-react/src/react-component-lib
-packages/components-angular/src/directives/
-packages/components-angular/src/overlays
-packages/components-vue/src/proxies.ts
-packages/components-vue/.build/template/utils.ts
-
-packages/components-angular/**/*.d.ts
-packages/components-angular/esm2020
-packages/components-angular/fesm2015
-packages/components-angular/fesm2020
+node_modules

.eslintrc.json

@@ -0,0 +1,19 @@
+{
+  "root": true,
+  "ignorePatterns": ["!**/*"],
+  "plugins": ["@nx"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": ["plugin:@nx/typescript"],
+      "rules": {
+        "@typescript-eslint/no-explicit-any": "off"
+      }
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "extends": ["plugin:@nx/javascript"],
+      "rules": {}
+    }
+  ]
+}

.vscode/extensions.json

@@ -1,6 +1,3 @@
 {
-  "recommendations": [
-
-    "nrwl.angular-console"
-  ]
+  "recommendations": ["nrwl.angular-console", "esbenp.prettier-vscode", "firsttris.vscode-jest-runner"]
 }

libs/output-target-angular/.eslintignore

@@ -0,0 +1 @@
+node_modules

libs/output-target-angular/.eslintrc.json

@@ -0,0 +1,30 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.json"],
+      "parser": "jsonc-eslint-parser",
+      "rules": {
+        "@nx/dependency-checks": [
+          "error",
+          {
+            "ignoredFiles": ["{projectRoot}/vite.config.{js,ts,mjs,mts}"]
+          }
+        ]
+      }
+    }
+  ]
+}

libs/output-target-angular/angular-component-lib/utils.ts

@@ -0,0 +1,67 @@
+/* eslint-disable */
+/* tslint:disable */
+import { EventEmitter } from '@angular/core'
+
+export const proxyInputs = (Cmp: any, inputs: string[]) => {
+  const Prototype = Cmp.prototype
+  inputs.forEach(item => {
+    Object.defineProperty(Prototype, item, {
+      get() {
+        return this.el[item]
+      },
+      set(val: any) {
+        this.z.runOutsideAngular(() => (this.el[item] = val))
+      },
+      /**
+       * In the event that proxyInputs is called
+       * multiple times re-defining these inputs
+       * will cause an error to be thrown. As a result
+       * we set configurable: true to indicate these
+       * properties can be changed.
+       */
+      configurable: true,
+    })
+  })
+}
+
+export const proxyMethods = (Cmp: any, methods: string[]) => {
+  const Prototype = Cmp.prototype
+  methods.forEach(methodName => {
+    Prototype[methodName] = function () {
+      // eslint-disable-next-line prefer-rest-params
+      const args = arguments
+      // eslint-disable-next-line prefer-spread
+      return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args))
+    }
+  })
+}
+
+export const proxyOutputs = (instance: any, _el: any, events: string[]) => {
+  events.forEach(eventName => (instance[eventName] = new EventEmitter()))
+}
+
+export const defineCustomElement = (tagName: string, customElement: any) => {
+  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+    customElements.define(tagName, customElement)
+  }
+}
+
+// tslint:disable-next-line: only-arrow-functions
+export function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {
+  const decorator = function (cls: any) {
+    const { defineCustomElementFn, inputs, methods } = opts
+
+    if (defineCustomElementFn !== undefined) {
+      defineCustomElementFn()
+    }
+
+    if (inputs) {
+      proxyInputs(cls, inputs)
+    }
+    if (methods) {
+      proxyMethods(cls, methods)
+    }
+    return cls
+  }
+  return decorator
+}

libs/output-target-angular/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@baloise/ds-output-target-angular",
+  "version": "0.0.1",
+  "dependencies": {
+    "@angular/core": "~15.0.0",
+    "@angular/forms": "~15.0.0",
+    "@stencil/core": "~4.11.0",
+    "rxjs": "^7.8.1",
+    "tslib": "^2.3.0"
+  },
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts"
+}

libs/output-target-angular/project.json

@@ -0,0 +1,26 @@
+{
+  "name": "output-target-angular",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "libs/output-target-angular/src",
+  "projectType": "library",
+  "targets": {
+    "build": {
+      "executor": "@nx/js:tsc",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/libs/output-target-angular",
+        "main": "libs/output-target-angular/src/index.ts",
+        "tsConfig": "libs/output-target-angular/tsconfig.lib.json",
+        "assets": []
+      }
+    },
+    "test": {
+      "executor": "@nx/vite:test",
+      "outputs": ["{options.reportsDirectory}"],
+      "options": {
+        "reportsDirectory": "../../coverage/libs/output-target-angular"
+      }
+    }
+  },
+  "tags": []
+}