@beeq/angular 1.8.0 → 1.8.1

package/standalone/directives/number-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class NumericValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    registerOnChange(fn: (_: number | null) => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumericValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericValueAccessor, "bq-input[type=\"number\"], bq-slider:not[type=\"range\"]", never, {}, {}, never, never, true, never>;
+}

package/standalone/directives/radio-value-accessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class RadioValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioValueAccessor, "bq-radio-group", never, {}, {}, never, never, true, never>;
+}

package/standalone/directives/select-value-accessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class SelectValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectValueAccessor, "bq-select", never, {}, {}, never, never, true, never>;
+}

package/standalone/directives/text-value-accessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class TextValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "bq-date-picker, bq-input:not[type=\"number\"], bq-slider[type=\"range\", bq-textarea", never, {}, {}, never, never, true, never>;
+}

package/standalone/directives/value-accessor.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ValueAccessor implements ControlValueAccessor {
+    protected el: ElementRef;
+    private onChange;
+    private onTouched;
+    protected lastValue: any;
+    constructor(el: ElementRef);
+    writeValue(value: any): void;
+    handleChangeEvent(value: any): void;
+    _handleBlurEvent(): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessor, never, never, {}, {}, never, never, false, never>;
+}

package/standalone/index.d.ts

@@ -0,0 +1,6 @@
+export { BooleanValueAccessor } from './directives/boolean-value-accessor';
+export { NumericValueAccessor } from './directives/number-value-accessor';
+export { RadioValueAccessor } from './directives/radio-value-accessor';
+export { SelectValueAccessor } from './directives/select-value-accessor';
+export { TextValueAccessor } from './directives/text-value-accessor';
+export * from './directives/components';

package/eslint.config.js

@@ -1,45 +0,0 @@
-const { fixupPluginRules } = require('@eslint/compat');
-const nxESLint = require('@nx/eslint-plugin');
-const angularESLint = require('@angular-eslint/eslint-plugin');
-const jsoncParser = require('jsonc-eslint-parser');
-
-/** @type { import("eslint").Linter.Config[] } */
-module.exports = [
-  {
-    files: ['*.ts'],
-    plugins: {
-      '@angular-eslint': fixupPluginRules(angularESLint),
-    },
-    rules: {
-      '@angular-eslint/component-selector': [
-        'error',
-        {
-          type: 'element',
-          prefix: 'bq',
-          style: 'kebab-case',
-        },
-      ],
-      '@angular-eslint/component-class-suffix': 'off',
-      '@angular-eslint/directive-class-suffix': 'off',
-      '@angular-eslint/directive-selector': 'off',
-      '@angular-eslint/no-host-metadata-property': 'off',
-    },
-  },
-  {
-    files: ['**/package.json', '**/project.json'],
-    languageOptions: {
-      parser: jsoncParser,
-    },
-    plugins: {
-      '@nx': nxESLint,
-    },
-    rules: {
-      '@nx/dependency-checks': [
-        'error',
-        {
-          ignoredDependencies: ['@beeq/core', '@stencil/core', 'tslib'],
-        },
-      ],
-    },
-  },
-];

package/jest.config.ts

@@ -1,21 +0,0 @@
-export default {
-  displayName: 'beeq-angular',
-  preset: '../../jest.preset.js',
-  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  globals: {
-    'ts-jest': {
-      tsconfig: '<rootDir>/tsconfig.spec.json',
-      stringifyContentPathRegex: '\\.(html|svg)$',
-    },
-  },
-  coverageDirectory: '../../coverage/packages/beeq-angular',
-  transform: {
-    '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
-  },
-  transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
-  snapshotSerializers: [
-    'jest-preset-angular/build/serializers/no-ng-attributes',
-    'jest-preset-angular/build/serializers/ng-snapshot',
-    'jest-preset-angular/build/serializers/html-comment',
-  ],
-};

package/ng-package.json

@@ -1,8 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/beeq-angular",
-  "lib": {
-    "entryFile": "src/index.ts"
-  },
-  "allowedNonPeerDependencies": ["@beeq/core", "jsonc-parser"]
-}

package/project.json

@@ -1,41 +0,0 @@
-{
-  "name": "beeq-angular",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/beeq-angular/src",
-  "projectType": "library",
-  "tags": ["wrapper", "angular", "publishable"],
-  "prefix": "beeq",
-  "implicitDependencies": ["beeq"],
-  "targets": {
-    "prebuild": {
-      "executor": "nx:run-commands",
-      "options": {
-        "commands": ["tsx packages/beeq-angular/scripts/fix-value-accessor-path.ts"]
-      },
-      "dependsOn": [{ "dependencies": true, "target": "build" }]
-    },
-    "build": {
-      "executor": "@nx/angular:package",
-      "outputs": ["{workspaceRoot}/dist/beeq-angular"],
-      "options": {
-        "project": "{projectRoot}/ng-package.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "{projectRoot}/tsconfig.lib.prod.json"
-        },
-        "development": {
-          "tsConfig": "{projectRoot}/tsconfig.lib.json"
-        }
-      },
-      "defaultConfiguration": "production",
-      "dependsOn": [{ "target": "prebuild" }]
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint",
-      "options": {
-        "lintFilePatterns": ["{projectRoot}/**/*.ts", "{projectRoot}/package.json", "{projectRoot}/project.json"]
-      }
-    }
-  }
-}

package/scripts/fix-value-accessor-path.ts

@@ -1,94 +0,0 @@
-import { resolve } from 'path';
-import { promises as fs } from 'fs';
-
-['module', 'standalone'].forEach((type) => {
-  fixValueAccessorPath(type);
-});
-
-/**
- * Fix the value accessor path by moving the file to the correct path
- *
- * @param {string} type - The type of the Angular project (module or standalone)
- */
-async function fixValueAccessorPath(type: string): Promise<void> {
-  const angularProjectPath = type === 'module' ? '.' : 'standalone';
-
-  // Define the folders and files paths
-  const basePath = resolve(__dirname, `../${angularProjectPath}/src/directives`).replace(/\\/g, '/');
-  const wrongFolderPath = `${basePath}/value-accessor.ts`;
-  const backupFolderPath = `${basePath}/value-accessor`;
-  const sourceFilePath = `${basePath}/value-accessor/value-accessor.ts`;
-  const destinationFilePath = wrongFolderPath;
-
-  // Check if the wrong file exists
-  if (await isDirectory(wrongFolderPath)) {
-    console.info(`Renaming wrong Value Accessor file for angular ${type} project...`);
-    await renameDirectory(wrongFolderPath, backupFolderPath);
-  } else {
-    console.info(`No changes required! Wrong folder does not exist for angular ${type} project`);
-    return;
-  }
-
-  // Move the file to the correct path
-  if (await isDirectory(backupFolderPath)) {
-    console.info(`Moving wrong Value Accessor file for angular ${type} project to the correct path...`);
-
-    try {
-      await moveFile(sourceFilePath, destinationFilePath);
-      await removeDirectory(backupFolderPath);
-      console.info(`File moved successfully for angular ${type} project to the correct path.`);
-    } catch (err) {
-      console.error(`Error moving the file for angular ${type} project`, err);
-      process.exit(1); // Exit the process with a failure code
-    }
-  } else {
-    console.warn(`No changes required! Source folder does not exist for angular ${type} project`);
-  }
-}
-
-/**
- * Check if a path exists and is a directory
- *
- * @param {string} path - The path to check
- * @returns {Promise<boolean>}
- */
-async function isDirectory(path: string): Promise<boolean> {
-  try {
-    const stat = await fs.stat(path);
-    return stat.isDirectory();
-  } catch {
-    return false;
-  }
-}
-
-/**
- * Rename a directory
- *
- * @param {string} oldPath - The current path of the directory
- * @param {string} newPath - The new path of the directory
- * @returns {Promise<void>}
- */
-async function renameDirectory(oldPath: string, newPath: string): Promise<void> {
-  await fs.rename(oldPath, newPath);
-}
-
-/**
- * Move a file
- *
- * @param {string} source - The source file path
- * @param {string} destination - The destination file path
- * @returns {Promise<void>}
- */
-async function moveFile(source: string, destination: string): Promise<void> {
-  await fs.rename(source, destination);
-}
-
-/**
- * Remove a directory
- *
- * @param {string} path - The path of the directory to remove
- * @returns {Promise<void>}
- */
-async function removeDirectory(path: string): Promise<void> {
-  await fs.rmdir(path);
-}

package/src/beeq.module.ts

@@ -1,41 +0,0 @@
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { APP_INITIALIZER, ModuleWithProviders, NgModule, NgZone } from '@angular/core';
-import { defineCustomElements } from '@beeq/core/dist/loader';
-
-import { DIRECTIVES } from './directives';
-import { BooleanValueAccessor } from './directives/boolean-value-accessor';
-import { NumericValueAccessor } from './directives/number-value-accessor';
-import { RadioValueAccessor } from './directives/radio-value-accessor';
-import { SelectValueAccessor } from './directives/select-value-accessor';
-import { TextValueAccessor } from './directives/text-value-accessor';
-
-const DECLARATIONS = [
-  ...DIRECTIVES,
-  // ngModel Accessors
-  BooleanValueAccessor,
-  NumericValueAccessor,
-  RadioValueAccessor,
-  SelectValueAccessor,
-  TextValueAccessor,
-];
-
-@NgModule({
-  imports: [CommonModule],
-  declarations: DECLARATIONS,
-  exports: DECLARATIONS,
-})
-export class BeeQModule {
-  static forRoot(): ModuleWithProviders<BeeQModule> {
-    return {
-      ngModule: BeeQModule,
-      providers: [
-        {
-          provide: APP_INITIALIZER,
-          useFactory: () => defineCustomElements,
-          multi: true,
-          deps: [DOCUMENT, NgZone],
-        },
-      ],
-    };
-  }
-}

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

@@ -1,65 +0,0 @@
-/* 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));
-      },
-      /**
-       * 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 () {
-      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/directives/boolean-value-accessor.ts

@@ -1,27 +0,0 @@
-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: 'bq-checkbox, bq-switch',
-  host: {
-    '(bqChange)': '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;
-  }
-}