@haiilo/catalyst-angular 0.15.3 → 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,89 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [0.5.1](https://github.com/haiilo/catalyst/compare/v0.5.0...v0.5.1) (2022-05-02)
+
+**Note:** Version bump only for package @haiilo/catalyst-angular
+
+
+
+
+
+# [0.5.0](https://github.com/haiilo/catalyst/compare/v0.4.0...v0.5.0) (2022-05-02)
+
+
+### Features
+
+* add radio button component ([642cff0](https://github.com/haiilo/catalyst/commit/642cff0d7f037202c5abf65f1bf8381970bcdd69))
+* **core:** add card component ([3be7246](https://github.com/haiilo/catalyst/commit/3be724616b8fa924e719a73aa688aa29a9c2f891))
+* **core:** add input component ([337649a](https://github.com/haiilo/catalyst/commit/337649a44001f908110372c3341963bbbd0167f9))
+* **core:** add navigation styles ([6afb6e9](https://github.com/haiilo/catalyst/commit/6afb6e9017f0dafb2c0712d914f43f895b4b9124))
+* **core:** add textarea component ([9f94637](https://github.com/haiilo/catalyst/commit/9f94637fddd03f4bf98b6d90fa93ce814341efdb))
+* **core:** added checkbox & toggle component ([205b0d0](https://github.com/haiilo/catalyst/commit/205b0d0cc468d40fe742a22fb1608ef25525918f))
+
+
+
+
+
+# [0.4.0](https://github.com/haiilo/catalyst/compare/v0.3.2...v0.4.0) (2022-04-26)
+
+
+### Features
+
+* **core:** add tooltip component ([8134e98](https://github.com/haiilo/catalyst/commit/8134e98cde4f7b9e746c2179ffafdbfe8eff4128))
+
+
+
+
+
+## [0.3.2](https://github.com/haiilo/catalyst/compare/v0.3.1...v0.3.2) (2022-04-25)
+
+**Note:** Version bump only for package @haiilo/catalyst-angular
+
+
+
+
+
+## 0.3.1 (2022-04-23)
+
+
+### Bug Fixes
+
+* lerna integration ([ebab9a3](https://github.com/haiilo/catalyst/commit/ebab9a37748e11a33fd552502ed95bfec949c409))
+* umd warning ([e678c5f](https://github.com/haiilo/catalyst/commit/e678c5fa6e8d89105323de0fcb90b9cfdba6222c))
+
+
+### Features
+
+* **core:** add alert ([8cad923](https://github.com/haiilo/catalyst/commit/8cad92339ac74b142ca6a4a0ec143982c659b970))
+* **core:** add badge ([d250eb8](https://github.com/haiilo/catalyst/commit/d250eb808f77c34a430b5406edba7c11e12cf4bd))
+* **core:** add skeleton component ([561f7a6](https://github.com/haiilo/catalyst/commit/561f7a627770aaef6daadca0acc5c0c858261320))
+* **core:** added scrollable component ([347886b](https://github.com/haiilo/catalyst/commit/347886b2782801e445da7afc2f768aa531862084))
+* **core:** changes for coyo app integration ([7304886](https://github.com/haiilo/catalyst/commit/7304886e5a2a781adcb0db2b1a63ddc58eaa6ef8))
+* **core:** changes for coyo app integration ([2b6cc05](https://github.com/haiilo/catalyst/commit/2b6cc057bbd813f328ff36374a514bc56d6a15bd))
+* **core:** changes for coyo app integration ([101297d](https://github.com/haiilo/catalyst/commit/101297dde26a5e8ecd007cd535667d2d3e71441a))
+
+
+
+
+
+## 0.0.7 (2022-04-22)
+
+
+### Bug Fixes
+
+* lerna integration ([ebab9a3](https://github.com/haiilo/catalyst/commit/ebab9a37748e11a33fd552502ed95bfec949c409))
+* umd warning ([e678c5f](https://github.com/haiilo/catalyst/commit/e678c5fa6e8d89105323de0fcb90b9cfdba6222c))
+
+
+### Features
+
+* **core:** add alert ([8cad923](https://github.com/haiilo/catalyst/commit/8cad92339ac74b142ca6a4a0ec143982c659b970))
+* **core:** add badge ([d250eb8](https://github.com/haiilo/catalyst/commit/d250eb808f77c34a430b5406edba7c11e12cf4bd))
+* **core:** add skeleton component ([561f7a6](https://github.com/haiilo/catalyst/commit/561f7a627770aaef6daadca0acc5c0c858261320))
+* **core:** added scrollable component ([347886b](https://github.com/haiilo/catalyst/commit/347886b2782801e445da7afc2f768aa531862084))
+* **core:** changes for coyo app integration ([7304886](https://github.com/haiilo/catalyst/commit/7304886e5a2a781adcb0db2b1a63ddc58eaa6ef8))
+* **core:** changes for coyo app integration ([2b6cc05](https://github.com/haiilo/catalyst/commit/2b6cc057bbd813f328ff36374a514bc56d6a15bd))
+* **core:** changes for coyo app integration ([101297d](https://github.com/haiilo/catalyst/commit/101297dde26a5e8ecd007cd535667d2d3e71441a))

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/catalyst'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/catalyst",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  },
+  "allowedNonPeerDependencies": [
+    "@haiilo/catalyst"
+  ]
+}

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@haiilo/catalyst-angular",
-  "version": "0.15.3",
+  "version": "1.0.0",
   "description": "Angular wrapper for Catalyst Design System",
   "license": "MIT",
+  "scripts": {
+    "reset": "rm -rf ./node_modules"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -11,27 +14,7 @@
     "rxjs": ">=6.6.0"
   },
   "dependencies": {
-    "@haiilo/catalyst": "0.15.3",
+    "@haiilo/catalyst": "1.0.0",
     "tslib": "^2.3.0"
-  },
-  "module": "fesm2015/haiilo-catalyst-angular.mjs",
-  "es2020": "fesm2020/haiilo-catalyst-angular.mjs",
-  "esm2020": "esm2020/haiilo-catalyst-angular.mjs",
-  "fesm2020": "fesm2020/haiilo-catalyst-angular.mjs",
-  "fesm2015": "fesm2015/haiilo-catalyst-angular.mjs",
-  "typings": "haiilo-catalyst-angular.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./haiilo-catalyst-angular.d.ts",
-      "esm2020": "./esm2020/haiilo-catalyst-angular.mjs",
-      "es2020": "./fesm2020/haiilo-catalyst-angular.mjs",
-      "es2015": "./fesm2015/haiilo-catalyst-angular.mjs",
-      "node": "./fesm2015/haiilo-catalyst-angular.mjs",
-      "default": "./fesm2020/haiilo-catalyst-angular.mjs"
-    }
-  },
-  "sideEffects": false
-}
+  }
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/src/lib/catalyst.module.ts

@@ -0,0 +1,65 @@
+import { InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';
+import { CatI18nRegistry, CatIconRegistry } from '@haiilo/catalyst';
+import { defineCustomElements } from '@haiilo/catalyst/loader';
+import * as Components from './directives/proxies';
+import { TextValueAccessor } from "./directives/text-value-accessor";
+import { SelectValueAccessor } from "./directives/select-value-accessor";
+import { RadioValueAccessor } from "./directives/radio-value-accessor";
+import { BooleanValueAccessor } from "./directives/boolean-value-accessor";
+
+const CatComponents = [
+  Components.CatAlert,
+  Components.CatAvatar,
+  Components.CatBadge,
+  Components.CatButton,
+  Components.CatCard,
+  Components.CatCheckbox,
+  Components.CatIcon,
+  Components.CatInput,
+  Components.CatMenu,
+  Components.CatModal,
+  Components.CatRadio,
+  Components.CatRadioGroup,
+  Components.CatScrollable,
+  Components.CatSelect,
+  Components.CatSkeleton,
+  Components.CatSpinner,
+  Components.CatTab,
+  Components.CatTabs,
+  Components.CatTextarea,
+  Components.CatToggle,
+  Components.CatTooltip
+];
+
+const CatDirectives = [
+  TextValueAccessor,
+  SelectValueAccessor,
+  RadioValueAccessor,
+  BooleanValueAccessor
+]
+
+export const CAT_I18N_REGISTRY_TOKEN = new InjectionToken<CatI18nRegistry>('CAT_I18N_REGISTRY', {
+  providedIn: 'root',
+  factory: () => CatI18nRegistry.getInstance(),
+});
+
+export const CAT_ICON_REGISTRY_TOKEN = new InjectionToken<CatIconRegistry>('CAT_ICON_REGISTRY', {
+  providedIn: 'root',
+  factory: () => CatIconRegistry.getInstance(),
+});
+
+@NgModule({
+  imports: [],
+  declarations: [...CatComponents, ...CatDirectives],
+  exports: [...CatComponents, ...CatDirectives],
+  providers: []
+})
+export class CatalystModule {
+
+  static forRoot(): ModuleWithProviders<CatalystModule> {
+    defineCustomElements();
+    return {
+      ngModule: CatalystModule
+    };
+  }
+}

package/src/lib/directives/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/lib/directives/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: 'cat-checkbox, cat-toggle',
+  host: {
+    '(catChange)': 'handleChangeEvent($event.target.value)'
+  },
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: BooleanValueAccessor,
+      multi: true
+    }
+  ]
+})
+export class BooleanValueAccessor extends ValueAccessor {
+  constructor(el: ElementRef) {
+    super(el);
+  }
+  writeValue(value: any) {
+    this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
+  }
+}