@ukho/admiralty-angular 0.1.2 → 0.1.3--canary.63.2801049.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/.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/CHANGELOG.md

@@ -0,0 +1,97 @@
+# v0.1.1 (Wed Jun 28 2023)
+
+#### 🐛 Bug Fix
+
+- Fixing the package version desync [#60](https://github.com/UKHO/admiralty-design-system/pull/60) ([@ecstaticrainbow](https://github.com/ecstaticrainbow))
+
+#### Authors: 1
+
+- Tom Barham ([@ecstaticrainbow](https://github.com/ecstaticrainbow))
+
+---
+
+# v0.0.12 (Fri Jun 23 2023)
+
+#### 🐛 Bug Fix
+
+- Fix angular form control value accessors not being available [#41](https://github.com/UKHO/admiralty-design-system/pull/41) ([@ecstaticrainbow](https://github.com/ecstaticrainbow))
+
+#### Authors: 1
+
+- Tom Barham ([@ecstaticrainbow](https://github.com/ecstaticrainbow))
+
+---
+
+# v0.0.11 (Thu Jun 22 2023)
+
+#### 🐛 Bug Fix
+
+- Typeahead web component fixes [#40](https://github.com/UKHO/admiralty-design-system/pull/40) ([@martind-bjss](https://github.com/martind-bjss))
+
+#### Authors: 1
+
+- Martin Davies ([@martind-bjss](https://github.com/martind-bjss))
+
+---
+
+# v0.0.9 (Wed Jun 21 2023)
+
+#### 🐛 Bug Fix
+
+- Readmore web component [#47](https://github.com/UKHO/admiralty-design-system/pull/47) ([@martind-bjss](https://github.com/martind-bjss))
+
+#### Authors: 1
+
+- Martin Davies ([@martind-bjss](https://github.com/martind-bjss))
+
+---
+
+# v0.0.8 (Tue Jun 06 2023)
+
+#### 🐛 Bug Fix
+
+- New Tabgroup web component [#33](https://github.com/UKHO/admiralty-design-system/pull/33) ([@martind-bjss](https://github.com/martind-bjss))
+
+#### Authors: 1
+
+- Martin Davies ([@martind-bjss](https://github.com/martind-bjss))
+
+---
+
+# v0.0.7 (Wed May 24 2023)
+
+#### 📝 Documentation
+
+- Improve READMEs [#6](https://github.com/UKHO/admiralty-design-system/pull/6) ([@UKHOGreg](https://github.com/UKHOGreg))
+
+#### Authors: 1
+
+- Greg Williams ([@UKHOGreg](https://github.com/UKHOGreg))
+
+---
+
+# v0.0.5 (Tue May 16 2023)
+
+#### 🐛 Bug Fix
+
+- Made header component responsive [#3](https://github.com/UKHO/admiralty-design-system/pull/3) ([@martind-bjss](https://github.com/martind-bjss))
+
+#### Authors: 1
+
+- Martin Davies ([@martind-bjss](https://github.com/martind-bjss))
+
+---
+
+# v0.0.1 (Fri May 12 2023)
+
+#### 🐛 Bug Fix
+
+- Fix release workflow [#1](https://github.com/UKHO/admiralty-design-system/pull/1) ([@ecstaticrainbow](https://github.com/ecstaticrainbow))
+
+#### ⚠️ Pushed to `main`
+
+- Initial Commit ([@ecstaticrainbow](https://github.com/ecstaticrainbow))
+
+#### Authors: 1
+
+- Tom Barham ([@ecstaticrainbow](https://github.com/ecstaticrainbow))

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

@@ -1,6 +1,6 @@
 {
   "name": "@ukho/admiralty-angular",
-  "version": "0.1.2",
+  "version": "0.1.3--canary.63.2801049.0",
   "typings": "dist/index.d.ts",
   "module": "dist/fesm2015/ukho-admiralty-angular.mjs",
   "es2020": "dist/fesm2020/ukho-admiralty-angular.mjs",
@@ -12,15 +12,12 @@
     "test": "jest --passWithNoTests",
     "test:watch": "jest --watch"
   },
-  "files": [
-    "dist/"
-  ],
   "peerDependencies": {
     "@angular/common": "^15.2.5",
     "@angular/core": "^15.2.5"
   },
   "dependencies": {
-    "@ukho/admiralty-core": "^0.1.2",
+    "@ukho/admiralty-core": "0.1.3--canary.63.2801049.0",
     "tslib": "^2.5.0"
   },
   "devDependencies": {
@@ -48,5 +45,5 @@
   "license": "MIT",
   "url": "https://github.com/UKHO/admiralty-design-system",
   "repository": "git://github.com/UKHO/admiralty-design-system.git",
-  "gitHead": "495add528f8cbe58a66d8b9bfce1a3648ca662e8"
+  "gitHead": "28010495719cedc5b8341e0e914d02b8e9fbe20c"
 }

package/{dist/index.d.ts → src/index.ts}

@@ -1,9 +1,15 @@
+/*
+ * 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';
 export { BooleanValueAccessor } from './lib/stencil-generated/boolean-value-accessor';
 export { NumericValueAccessor } from './lib/stencil-generated/number-value-accessor';
 export { SelectValueAccessor } from './lib/stencil-generated/select-value-accessor';
+
 export { CheckboxChangeEventDetail, SelectChangeEventDetail, RadioGroupChangeEventDetail } from '@ukho/admiralty-core';

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,45 @@
+import { APP_INITIALIZER, ModuleWithProviders, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { appInitialise } from './app_initialise';
+import { DIRECTIVES } from './stencil-generated';
+import { TextValueAccessor } from './stencil-generated/text-value-accessor';
+import { BooleanValueAccessor } from './stencil-generated/boolean-value-accessor';
+import { NumericValueAccessor } from './stencil-generated/number-value-accessor';
+import { RadioValueAccessor } from './stencil-generated/radio-value-accessor';
+import { SelectValueAccessor } from './stencil-generated/select-value-accessor';
+
+export interface UkhoDesignSystemConfig {}
+
+@NgModule({
+  declarations: [
+    ...DIRECTIVES,
+    TextValueAccessor,
+    BooleanValueAccessor,
+    NumericValueAccessor,
+    RadioValueAccessor,
+    SelectValueAccessor,
+  ],
+  imports: [CommonModule],
+  exports: [
+    ...DIRECTIVES,
+    TextValueAccessor,
+    BooleanValueAccessor,
+    NumericValueAccessor,
+    RadioValueAccessor,
+    SelectValueAccessor,
+  ],
+})
+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;
+}

package/src/lib/stencil-generated/boolean-value-accessor.ts

@@ -0,0 +1,27 @@
+import { Directive, ElementRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { ValueAccessor } from './value-accessor';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'admiralty-checkbox',
+  host: {
+    '(admiraltyChange)': 'handleChangeEvent($event.target.checked)'
+  },
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: BooleanValueAccessor,
+      multi: true
+    }
+  ]
+})
+export class BooleanValueAccessor extends ValueAccessor {
+  constructor(el: ElementRef) {
+    super(el);
+  }
+  override writeValue(value: any) {
+    this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
+  }
+}