@ngrdt/core 0.0.2 → 0.0.3

package/lib/rdt-autofocus/rdt-autofocusable.directive.d.ts

@@ -0,0 +1,8 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RdtAutofocusableDirective implements OnInit {
+    readonly component: import("./models").RdtAutocusable | null;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdtAutofocusableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdtAutofocusableDirective, "[rdtAutofocusable]", never, {}, {}, never, never, false, never>;
+}

package/lib/rdt-autofocus/utils.d.ts

@@ -0,0 +1,3 @@
+import { RdtAutocusable } from './models';
+import { RdtAutofocusableDirective } from './rdt-autofocusable.directive';
+export declare function getRdtAutofocusable(src: Iterable<RdtAutofocusableDirective>): RdtAutocusable | null;

package/lib/rdt-component-guard/directives/rdt-child.directive.d.ts

@@ -0,0 +1,23 @@
+import { DestroyRef, OnDestroy, OnInit, Type } from '@angular/core';
+import { RdtBooleanResult } from '../../utils';
+import { RdtCanEnterView, RdtCanLeaveView, RdtOnViewWillEnter, RdtOnViewWillLeave } from '../models';
+import { RdtContainerDirective } from './rdt-container.directive';
+import * as i0 from "@angular/core";
+export declare class RdtChildDirective implements OnInit, OnDestroy {
+    readonly destroyRef: DestroyRef;
+    readonly container: RdtContainerDirective | null;
+    readonly guardedComponent: RdtCanLeaveView | RdtCanEnterView | RdtOnViewWillEnter | RdtOnViewWillLeave | null;
+    private readonly willLeaveSubj$;
+    private readonly willEnterSubj$;
+    readonly willLeave$: import("rxjs").Observable<void>;
+    readonly willEnter$: import("rxjs").Observable<void>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    canEnterView(): RdtBooleanResult;
+    canLeaveView(): RdtBooleanResult;
+    onViewWillEnter(): void;
+    onViewWillLeave(): void;
+    getParentByClass<T extends RdtContainerDirective>(parentClass: Type<T>): T | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdtChildDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdtChildDirective, "[rdtChild]", never, {}, {}, never, never, true, never>;
+}

package/lib/rdt-component-guard/directives/rdt-container.directive.d.ts

@@ -0,0 +1,18 @@
+import { Type } from '@angular/core';
+import { RdtChildDirective } from './rdt-child.directive';
+import * as i0 from "@angular/core";
+export declare class RdtContainerDirective extends RdtChildDirective {
+    readonly rdtChildren: Set<RdtChildDirective>;
+    registerChild(child: RdtChildDirective): void;
+    removeChild(child: RdtChildDirective): void;
+    checkCanLeave$(): import("rxjs").Observable<boolean>;
+    onViewWillEnter(): void;
+    onViewWillLeave(): void;
+    getChildrenRecursive(): RdtChildDirective[];
+    protected getActiveChildren(): RdtChildDirective[];
+    getChildrenByClass<T>(childClass: Type<T>): T[];
+    private _getChildrenRecursive;
+    private _getChildrenByClassRecursive;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdtContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdtContainerDirective, "[rdtContainer]", never, {}, {}, never, never, true, never>;
+}

package/lib/rdt-component-guard/models.d.ts

@@ -0,0 +1,19 @@
+import { InjectionToken } from '@angular/core';
+import { Nullable } from '@ngrdt/utils';
+import { RdtBooleanResult } from '../utils';
+import { RdtContainerDirective } from './directives/rdt-container.directive';
+export interface RdtCanLeaveView {
+    rdtCanLeaveView(): RdtBooleanResult;
+}
+export interface RdtCanEnterView {
+    rdtCanEnterView(): RdtBooleanResult;
+}
+export interface RdtOnViewWillLeave {
+    rdtOnViewWillLeave(): void;
+}
+export interface RdtOnViewWillEnter {
+    rdtOnViewWillEnter(): void;
+}
+export declare const RDT_GUARDED_COMPONENT: InjectionToken<RdtCanLeaveView | RdtCanEnterView | RdtOnViewWillEnter | RdtOnViewWillLeave>;
+export declare const RDT_CONTAINER: InjectionToken<RdtContainerDirective>;
+export declare function canTransition$(from: Nullable<RdtContainerDirective>, to: Nullable<RdtContainerDirective>): import("rxjs").Observable<boolean>;

package/lib/utils/rdt-boolean-result.d.ts

@@ -0,0 +1,4 @@
+import { Observable } from 'rxjs';
+export type RdtBooleanResult = Observable<boolean> | Promise<boolean> | boolean;
+export declare function rdtGetAllResultsTrue$(inputFactories: (() => RdtBooleanResult)[]): Observable<boolean>;
+export declare function rdtGetResult$(inputFactory: () => RdtBooleanResult): Observable<true>;

package/package.json

@@ -1,10 +1,26 @@
 {
   "name": "@ngrdt/core",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "peerDependencies": {
     "@angular/core": "^18.2.0",
     "rxjs": "~7.8.0",
-    "@ngrdt/utils": "0.0.6"
+    "@ngrdt/utils": "0.0.7"
   },
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "module": "fesm2022/ngrdt-core.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ngrdt-core.mjs",
+      "esm": "./esm2022/ngrdt-core.mjs",
+      "default": "./fesm2022/ngrdt-core.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/eslint.config.js

@@ -1,44 +0,0 @@
-const nx = require('@nx/eslint-plugin');
-const baseConfig = require('../../eslint.config.js');
-
-module.exports = [
-  ...baseConfig,
-  {
-    files: ['**/*.json'],
-    rules: {
-      '@nx/dependency-checks': [
-        'error',
-        { ignoredFiles: ['{projectRoot}/eslint.config.{js,cjs,mjs}'] },
-      ],
-    },
-    languageOptions: { parser: require('jsonc-eslint-parser') },
-  },
-  ...nx.configs['flat/angular'],
-  ...nx.configs['flat/angular-template'],
-  {
-    files: ['**/*.ts'],
-    rules: {
-      '@angular-eslint/directive-selector': [
-        'error',
-        {
-          type: 'attribute',
-          prefix: 'lib',
-          style: 'camelCase',
-        },
-      ],
-      '@angular-eslint/component-selector': [
-        'error',
-        {
-          type: 'element',
-          prefix: 'lib',
-          style: 'kebab-case',
-        },
-      ],
-    },
-  },
-  {
-    files: ['**/*.html'],
-    // Override or add rules here
-    rules: {},
-  },
-];

package/jest.config.ts

@@ -1,21 +0,0 @@
-export default {
-  displayName: '@ngrdt/core',
-  preset: '../../jest.preset.js',
-  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  coverageDirectory: '../../coverage/@ngrdt/core',
-  transform: {
-    '^.+\\.(ts|mjs|js|html)$': [
-      'jest-preset-angular',
-      {
-        tsconfig: '<rootDir>/tsconfig.spec.json',
-        stringifyContentPathRegex: '\\.(html|svg)$',
-      },
-    ],
-  },
-  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,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/@ngrdt/core",
-  "lib": {
-    "entryFile": "src/index.ts"
-  }
-}

package/project.json

@@ -1,36 +0,0 @@
-{
-  "name": "@ngrdt/core",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "@ngrdt/core/src",
-  "prefix": "lib",
-  "projectType": "library",
-  "tags": [],
-  "targets": {
-    "build": {
-      "executor": "@nx/angular:package",
-      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
-      "options": {
-        "project": "@ngrdt/core/ng-package.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "@ngrdt/core/tsconfig.lib.prod.json"
-        },
-        "development": {
-          "tsConfig": "@ngrdt/core/tsconfig.lib.json"
-        }
-      },
-      "defaultConfiguration": "production"
-    },
-    "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
-      "options": {
-        "jestConfig": "@ngrdt/core/jest.config.ts"
-      }
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint"
-    }
-  }
-}

package/src/lib/rdt-autofocus/models.ts

@@ -1,12 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { RdtBooleanResult } from '../utils';
-
-export interface RdtAutocusable {
-  rdtFocus(): void;
-  rdtCanFocus(): RdtBooleanResult;
-  rdtGetAutofocusPriority?(): number;
-}
-
-export const RDT_AUTOFOCUSABLE_COMPONENT = new InjectionToken<RdtAutocusable>(
-  ''
-);

package/src/lib/rdt-autofocus/rdt-autofocusable.directive.ts

@@ -1,22 +0,0 @@
-import { Directive, inject, OnInit } from '@angular/core';
-import { RDT_AUTOFOCUSABLE_COMPONENT } from './models';
-
-@Directive({
-  selector: '[rdtAutofocusable]',
-})
-export class RdtAutofocusableDirective implements OnInit {
-  readonly component = inject(RDT_AUTOFOCUSABLE_COMPONENT, {
-    host: true,
-    optional: true,
-    self: true,
-  });
-
-  ngOnInit() {
-    if (!this.component) {
-      throw new Error(`
-        RdtAutofocusableDirective usage:
-        Apply directive directly on component and provide the same component as RDT_AUTOFOCUSABLE_COMPONENT.
-        The component must then implement RdtAutocusable.`);
-    }
-  }
-}

package/src/lib/rdt-autofocus/utils.ts

@@ -1,13 +0,0 @@
-import { RdtAutocusable } from './models';
-import { RdtAutofocusableDirective } from './rdt-autofocusable.directive';
-
-export function getRdtAutofocusable(
-  src: Iterable<RdtAutofocusableDirective>
-): RdtAutocusable | null {
-  const withPrios = Array.from(src).map((dir) => ({
-    cmp: dir.component,
-    prio: dir.component?.rdtGetAutofocusPriority?.() ?? 0,
-  }));
-  withPrios.sort((a, b) => b.prio - a.prio);
-  return withPrios[0]?.cmp;
-}

package/src/lib/rdt-component-guard/directives/rdt-child.directive.ts

@@ -1,103 +0,0 @@
-import {
-  DestroyRef,
-  Directive,
-  inject,
-  OnDestroy,
-  OnInit,
-  Type,
-} from '@angular/core';
-import { Subject } from 'rxjs';
-import { RdtBooleanResult } from '../../utils';
-import {
-  RDT_CONTAINER,
-  RDT_GUARDED_COMPONENT,
-  RdtCanEnterView,
-  RdtCanLeaveView,
-  RdtOnViewWillEnter,
-  RdtOnViewWillLeave,
-} from '../models';
-import { RdtContainerDirective } from './rdt-container.directive';
-
-@Directive({
-  selector: '[rdtChild]',
-  standalone: true,
-})
-export class RdtChildDirective implements OnInit, OnDestroy {
-  readonly destroyRef = inject(DestroyRef);
-  readonly container = inject(RDT_CONTAINER, {
-    optional: true,
-    skipSelf: true,
-  });
-  readonly guardedComponent = inject(RDT_GUARDED_COMPONENT, {
-    optional: true,
-    self: true,
-    host: true,
-  });
-
-  private readonly willLeaveSubj$ = new Subject<void>();
-  private readonly willEnterSubj$ = new Subject<void>();
-
-  readonly willLeave$ = this.willLeaveSubj$.asObservable();
-  readonly willEnter$ = this.willEnterSubj$.asObservable();
-
-  ngOnInit() {
-    if (!this.guardedComponent) {
-      throw new Error(`
-        RdtChildDirective usage:
-        Apply directive directly on component and provide the same component as RDT_GUARDED_COMPONENT.
-        The component can then implement RdtCanLeaveView or RdtCanEnterView.
-        This applies to both Child and Container directives.
-        `);
-    }
-
-    this.container?.registerChild(this);
-  }
-
-  ngOnDestroy() {
-    this.willLeaveSubj$.complete();
-    this.willEnterSubj$.complete();
-    this.container?.removeChild(this);
-  }
-
-  canEnterView(): RdtBooleanResult {
-    const comp = this.guardedComponent as RdtCanEnterView | undefined;
-    if (typeof comp?.rdtCanEnterView === 'function') {
-      return comp.rdtCanEnterView();
-    } else {
-      return true;
-    }
-  }
-
-  canLeaveView(): RdtBooleanResult {
-    const comp = this.guardedComponent as RdtCanLeaveView | undefined;
-    if (typeof comp?.rdtCanLeaveView === 'function') {
-      return comp.rdtCanLeaveView();
-    } else {
-      return true;
-    }
-  }
-
-  onViewWillEnter(): void {
-    this.willEnterSubj$.next();
-    const comp = this.guardedComponent as RdtOnViewWillEnter | undefined;
-    comp?.rdtOnViewWillEnter();
-  }
-
-  onViewWillLeave(): void {
-    this.willLeaveSubj$.next();
-    const comp = this.guardedComponent as RdtOnViewWillLeave | undefined;
-    comp?.rdtOnViewWillLeave();
-  }
-
-  getParentByClass<T extends RdtContainerDirective>(
-    parentClass: Type<T>
-  ): T | null {
-    if (!this.container) {
-      return null;
-    } else if (this.container instanceof parentClass) {
-      return this.container;
-    } else {
-      return this.container.getParentByClass(parentClass);
-    }
-  }
-}

package/src/lib/rdt-component-guard/directives/rdt-container.directive.ts

@@ -1,90 +0,0 @@
-import { Directive, Type } from '@angular/core';
-import { rdtGetAllResultsTrue$ } from '../../utils';
-import { RDT_CONTAINER } from '../models';
-import { RdtChildDirective } from './rdt-child.directive';
-
-@Directive({
-  selector: '[rdtContainer]',
-  standalone: true,
-  providers: [
-    {
-      provide: RdtChildDirective,
-      useExisting: RdtContainerDirective,
-    },
-    {
-      provide: RDT_CONTAINER,
-      useExisting: RdtContainerDirective,
-    },
-  ],
-})
-export class RdtContainerDirective extends RdtChildDirective {
-  readonly rdtChildren: Set<RdtChildDirective> = new Set<RdtChildDirective>();
-
-  registerChild(child: RdtChildDirective) {
-    this.rdtChildren.add(child);
-  }
-
-  removeChild(child: RdtChildDirective) {
-    this.rdtChildren.delete(child);
-  }
-
-  checkCanLeave$() {
-    return rdtGetAllResultsTrue$(
-      [this, ...this.getActiveChildren()].map((ch) => () => ch.canLeaveView())
-    );
-  }
-
-  /* TODO
-  checkCanEnter$() {
-    return getCan$(
-      [this, ...this.getActiveChildren()].map((ch) => () => ch.canEnterView())
-    );
-  }
-  */
-
-  override onViewWillEnter() {
-    super.onViewWillEnter();
-    this.rdtChildren.forEach((ch) => ch.onViewWillEnter());
-  }
-
-  override onViewWillLeave() {
-    super.onViewWillLeave();
-    this.rdtChildren.forEach((ch) => ch.onViewWillLeave());
-  }
-
-  getChildrenRecursive() {
-    const res: RdtChildDirective[] = [];
-    this._getChildrenRecursive(res);
-    return res;
-  }
-
-  protected getActiveChildren() {
-    return this.getChildrenRecursive();
-  }
-
-  getChildrenByClass<T>(childClass: Type<T>) {
-    const res: T[] = [];
-    this._getChildrenByClassRecursive(childClass, res);
-    return res;
-  }
-
-  private _getChildrenRecursive(res: RdtChildDirective[]) {
-    res.push(...this.rdtChildren);
-    this.rdtChildren.forEach((child) => {
-      if (child instanceof RdtContainerDirective) {
-        child._getChildrenRecursive(res);
-      }
-    });
-  }
-
-  private _getChildrenByClassRecursive<T>(childClass: Type<T>, res: T[]) {
-    this.rdtChildren.forEach((child) => {
-      const comp = (child as RdtChildDirective).guardedComponent;
-      if (comp instanceof childClass) {
-        res.push(comp);
-      } else if (child instanceof RdtContainerDirective) {
-        child._getChildrenByClassRecursive(childClass, res);
-      }
-    });
-  }
-}

package/src/lib/rdt-component-guard/models.ts

@@ -1,47 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { Nullable } from '@ngrdt/utils';
-import { of } from 'rxjs';
-import { RdtBooleanResult } from '../utils';
-import { RdtContainerDirective } from './directives/rdt-container.directive';
-
-export interface RdtCanLeaveView {
-  rdtCanLeaveView(): RdtBooleanResult;
-}
-
-export interface RdtCanEnterView {
-  rdtCanEnterView(): RdtBooleanResult;
-}
-
-export interface RdtOnViewWillLeave {
-  rdtOnViewWillLeave(): void;
-}
-
-export interface RdtOnViewWillEnter {
-  rdtOnViewWillEnter(): void;
-}
-
-export const RDT_GUARDED_COMPONENT = new InjectionToken<
-  RdtCanLeaveView | RdtCanEnterView | RdtOnViewWillEnter | RdtOnViewWillLeave
->('');
-
-export const RDT_CONTAINER = new InjectionToken<RdtContainerDirective>('');
-
-export function canTransition$(
-  from: Nullable<RdtContainerDirective>,
-  to: Nullable<RdtContainerDirective>
-) {
-  const canLeave$ = from ? from.checkCanLeave$() : of(true);
-  return canLeave$;
-  /*
-  const canEnter$ = to ? to.checkCanEnter$() : of(true);
-
-  return canLeave$.pipe(
-    switchMap((res) => {
-      if (res) {
-        return canEnter$;
-      } else {
-        return of(res);
-      }
-    })
-  );*/
-}

package/src/lib/utils/rdt-boolean-result.ts

@@ -1,38 +0,0 @@
-import { catchError, concat, defer, filter, map, Observable, of } from 'rxjs';
-import { fromPromise } from 'rxjs/internal/observable/innerFrom';
-
-export type RdtBooleanResult = Observable<boolean> | Promise<boolean> | boolean;
-
-export function rdtGetAllResultsTrue$(
-  inputFactories: (() => RdtBooleanResult)[]
-) {
-  const can$ = inputFactories.map((fn) => rdtGetResult$(fn));
-  const last = Symbol('last');
-
-  return concat(...can$, of(last)).pipe(
-    filter((res) => res === last),
-    map(() => true),
-    catchError(() => of(false))
-  );
-}
-
-export function rdtGetResult$(inputFactory: () => RdtBooleanResult) {
-  return defer(() => {
-    const input = inputFactory();
-
-    if (typeof input === 'boolean') {
-      return of(input);
-    }
-    if (input instanceof Promise) {
-      return fromPromise(input);
-    }
-    return input;
-  }).pipe(
-    map((res) => {
-      if (res) {
-        return res;
-      }
-      throw res;
-    })
-  );
-}

package/src/test-setup.ts

@@ -1,8 +0,0 @@
-// @ts-expect-error https://thymikee.github.io/jest-preset-angular/docs/getting-started/test-environment
-globalThis.ngJest = {
-  testEnvironmentOptions: {
-    errorOnUnknownElements: true,
-    errorOnUnknownProperties: true,
-  },
-};
-import 'jest-preset-angular/setup-jest';

package/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2022",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "extends": "../../tsconfig.base.json",
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}

package/tsconfig.lib.json

@@ -1,17 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "src/**/*.spec.ts",
-    "src/test-setup.ts",
-    "jest.config.ts",
-    "src/**/*.test.ts"
-  ],
-  "include": ["src/**/*.ts"]
-}

package/tsconfig.lib.prod.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,16 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "target": "es2016",
-    "types": ["jest", "node"]
-  },
-  "files": ["src/test-setup.ts"],
-  "include": [
-    "jest.config.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}