@siemens/ix-angular 1.0.0-beta.2

package/ng-package.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "./../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "dist",
+  "deleteDestPath": true,
+  "lib": {
+    "entryFile": "src/index.ts"
+  },
+  "allowedNonPeerDependencies": ["tslib", "@siemens/ix", "@siemens/ix-icons"]
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@siemens/ix-angular",
+  "version": "1.0.0-beta.2",
+  "description": "Siemens iX for Angular",
+  "scripts": {
+    "build": "ng-packagr -c tsconfig.json",
+    "fix-packagejson": ""
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@siemens/ix": "~1.0.0-beta.2",
+    "@siemens/ix-icons": "~1.0.0-beta.3"
+  },
+  "peerDependencies": {
+    "@angular/core": ">10.0.0"
+  },
+  "devDependencies": {
+    "@angular/common": "^14.2.0",
+    "@angular/compiler": "^14.2.0",
+    "@angular/compiler-cli": "^14.2.0",
+    "@angular/core": "^14.2.0",
+    "@siemens/ix": "~1.0.0-beta.2",
+    "fs-extra": "^10.1.0",
+    "ng-packagr": "^14.2.0",
+    "typescript": "4.7.2"
+  }
+}

package/src/angular-component-lib/utils.ts

@@ -0,0 +1,63 @@
+/* eslint-disable */
+/* tslint:disable */
+import { fromEvent } from 'rxjs';
+
+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));
+      }
+    });
+  });
+};
+
+export const proxyMethods = (Cmp: any, methods: string[]) => {
+  const Prototype = Cmp.prototype;
+  methods.forEach(methodName => {
+    Prototype[methodName] = function () {
+      const args = arguments;
+      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] = fromEvent(el, eventName));
+}
+
+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;
+}

package/src/app-initialize.ts

@@ -0,0 +1,29 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { applyPolyfills, defineCustomElements } from '@siemens/ix/loader';
+
+let didInitialize = false;
+
+export const appInitialize = (doc: Document) => {
+  return () => {
+    const win: Window | undefined = doc.defaultView as any;
+    if (win && typeof (window as any) !== 'undefined') {
+      if (didInitialize) {
+        return;
+      }
+
+      didInitialize = true;
+
+      applyPolyfills().then(() => {
+        return defineCustomElements();
+      });
+    }
+  };
+};