@ukho/admiralty-angular 0.0.0

package/.browserslistrc

@@ -0,0 +1,16 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR

package/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.scripts/copyPackageVersion.js

@@ -0,0 +1,7 @@
+const fs = require('fs');
+const rootPackageJson = require('../package.json');
+const distPackageJson = require('../dist/package.json')
+
+distPackageJson.version = rootPackageJson.version;
+
+fs.writeFileSync('./dist/package.json', JSON.stringify(distPackageJson,null, 2))

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "pwa-chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/README.md

@@ -0,0 +1,27 @@
+# DesignSystemAngular
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/ng-package.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "src/index.ts"
+  },
+  "allowedNonPeerDependencies": [
+    "@ukho/admiralty-core"
+  ]
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@ukho/admiralty-angular",
+  "version": "0.0.0",
+  "typings": "dist/index.d.ts",
+  "module": "dist/fesm2015/ukho-admiralty-angular.mjs",
+  "es2020": "dist/fesm2020/ukho-admiralty-angular.mjs",
+  "esm2020": "dist/esm2020/ukho-admiralty-angular.mjs",
+  "fesm2020": "dist/fesm2020/ukho-admiralty-angular.mjs",
+  "fesm2015": "dist/fesm2015/ukho-admiralty-angular.mjs",
+  "scripts": {
+    "prepublishOnly": "node .scripts/copyPackageVersion.js",
+    "build": "ng-packagr -p ng-package.json -c tsconfig.json",
+    "test": "jest --passWithNoTests",
+    "test:watch": "jest --watch"
+  },
+  "peerDependencies": {
+    "@angular/common": "^15.2.5",
+    "@angular/core": "^15.2.5"
+  },
+  "dependencies": {
+    "@ukho/admiralty-core": "^0.0.0",
+    "tslib": "^2.5.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~15.2.4",
+    "@angular/animations": "~15.2.5",
+    "@angular/cli": "~15.2.4",
+    "@angular/common": "^15.2.5",
+    "@angular/compiler": "~15.2.5",
+    "@angular/compiler-cli": "~15.2.5",
+    "@angular/core": "^15.2.5",
+    "@angular/forms": "~15.2.5",
+    "@angular/platform-browser": "~15.2.5",
+    "@angular/platform-browser-dynamic": "~15.2.5",
+    "@angular/router": "~15.2.5",
+    "@types/node": "^18.15.11",
+    "ng-packagr": "^15.2.2",
+    "typescript": "~4.9.3"
+  },
+  "jest": {
+    "preset": "jest-preset-angular",
+    "setupFilesAfterEnv": [
+      "./setupJest.ts"
+    ]
+  },
+  "publishConfig": {
+    "directory": "dist/"
+  },
+  "license": "MIT",
+  "url": "https://github.com/UKHO/admiralty-design-system",
+  "repository": "git://github.com/UKHO/admiralty-design-system.git"
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+/*
+ * Public API Surface of component-library
+ */
+
+export * from './lib/design-system.module';
+export { DIRECTIVES } from './lib/stencil-generated';
+export * from './lib/stencil-generated/components';
+
+export { TextValueAccessor } from './lib/stencil-generated/text-value-accessor';
+export { RadioValueAccessor } from './lib/stencil-generated/radio-value-accessor';

package/src/lib/app_initialise.ts

@@ -0,0 +1,8 @@
+import { applyPolyfills, defineCustomElements } from '@ukho/admiralty-core/loader';
+export const appInitialise = () => {
+  return (): any => {
+    return applyPolyfills().then(() => {
+      return defineCustomElements();
+    });
+  };
+};

package/src/lib/design-system.module.ts

@@ -0,0 +1,26 @@
+import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { appInitialise } from './app_initialise';
+import { DIRECTIVES } from './stencil-generated';
+
+export interface UkhoDesignSystemConfig {}
+
+@NgModule({
+  declarations: [...DIRECTIVES],
+  imports: [CommonModule],
+  exports: [...DIRECTIVES],
+})
+export class DesignSystemModule {
+  static forRoot(): ModuleWithProviders<DesignSystemModule> {
+    return {
+      ngModule: DesignSystemModule,
+      providers: [
+        {
+          provide: APP_INITIALIZER,
+          useFactory: appInitialise,
+          multi: true,
+        },
+      ],
+    };
+  }
+}

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

@@ -0,0 +1,57 @@
+/* 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;
+}