Add clearer code-structure

Rename legacy-directives to alias because we will keep them.
Move alias-directory into directives.
Add own NgModule holding only the aliases.
Add own directory for modules.

projects/ngx-intersection/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mralexandernickel/ngx-intersection",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "publishConfig": {
     "access": "public"
   },

projects/ngx-intersection/src/lib/legacy-directives/enter-viewport-once.directive.ts → projects/ngx-intersection/src/lib/directives/alias/enter-viewport-once.directive.ts

@@ -1,5 +1,5 @@
 import { Directive, Output, EventEmitter } from '@angular/core';
-import { IntersectionPresentStartOnceDirective } from '../directives/public-api';
+import { IntersectionPresentStartOnceDirective } from '../public-api';
 
 @Directive({
   selector: '[libEnterViewportOnce]',

projects/ngx-intersection/src/lib/legacy-directives/enter-viewport.directive.ts → projects/ngx-intersection/src/lib/directives/alias/enter-viewport.directive.ts

@@ -1,5 +1,5 @@
 import { Directive, Output, EventEmitter } from '@angular/core';
-import { IntersectionPresentStartDirective } from '../directives/public-api';
+import { IntersectionPresentStartDirective } from '../public-api';
 
 @Directive({
   selector: '[libEnterViewport]',

projects/ngx-intersection/src/lib/legacy-directives/exit-viewport.directive.ts → projects/ngx-intersection/src/lib/directives/alias/exit-viewport.directive.ts

@@ -1,5 +1,5 @@
 import { Directive, Output, EventEmitter } from '@angular/core';
-import { IntersectionPresentStartExitDirective } from '../directives/public-api';
+import { IntersectionPresentStartExitDirective } from '../public-api';
 
 @Directive({
   selector: '[libExitViewport]',

projects/ngx-intersection/src/lib/legacy-directives/has-entered-viewport.directive.ts → projects/ngx-intersection/src/lib/directives/alias/has-entered-viewport.directive.ts

@@ -1,5 +1,5 @@
 import { Directive, Output, EventEmitter } from '@angular/core';
-import { IntersectionPastStartDirective } from '../directives/public-api';
+import { IntersectionPastStartDirective } from '../public-api';
 
 @Directive({
   selector: '[libHasEnteredViewport]',

projects/ngx-intersection/src/lib/legacy-directives/public-api.ts → projects/ngx-intersection/src/lib/directives/alias/public-api.ts

@@ -1,5 +1,5 @@
 export * from './enter-viewport.directive';
 export * from './enter-viewport-once.directive';
 export * from './will-enter-viewport.directive';
-// export * from './has-entered-viewport.directive';
+export * from './has-entered-viewport.directive';
 export * from './exit-viewport.directive';

projects/ngx-intersection/src/lib/legacy-directives/will-enter-viewport.directive.ts → projects/ngx-intersection/src/lib/directives/alias/will-enter-viewport.directive.ts

@@ -1,5 +1,5 @@
 import { Directive, Output, EventEmitter } from '@angular/core';
-import { IntersectionFutureStartDirective } from '../directives/public-api';
+import { IntersectionFutureStartDirective } from '../public-api';
 
 @Directive({
   selector: '[libWillEnterViewport]',

projects/ngx-intersection/src/lib/directives/public-api.ts

@@ -1,5 +1,5 @@
 export * from './abstract.viewport.directive';
-export * from './intersection-directives.module';
 export * from './future/public-api';
 export * from './past/public-api';
 export * from './present/public-api';
+export * from './alias/public-api';

projects/ngx-intersection/src/lib/modules/angular-intersection.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { directivesAlias } from './intersection-directives-alias.module';
+/**
+ * This module is here only for legacy-reasons, but since it doesn't hold *any*
+ * own logic we can easily keep on releasing it.
+ */
+@NgModule({
+  declarations: directivesAlias,
+  exports: directivesAlias
+})
+export class AngularIntersectionModule {}

projects/ngx-intersection/src/lib/modules/intersection-directives-alias.module.ts

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import {
+  EnterViewportDirective,
+  EnterViewportOnceDirective,
+  WillEnterViewportDirective,
+  ExitViewportDirective,
+  HasEnteredViewportDirective
+} from '../directives/alias/public-api';
+
+export const directivesAlias = [
+  EnterViewportDirective,
+  EnterViewportOnceDirective,
+  WillEnterViewportDirective,
+  ExitViewportDirective,
+  HasEnteredViewportDirective
+];
+
+@NgModule({
+  declarations: directivesAlias,
+  exports: directivesAlias
+})
+export class IntersectionDirectivesAliasModule {}

projects/ngx-intersection/src/lib/directives/intersection-directives.module.ts → projects/ngx-intersection/src/lib/modules/intersection-directives.module.ts

@@ -8,7 +8,7 @@ import {
   IntersectionFutureEndOnceExitDirective,
   IntersectionFutureStartExitDirective,
   IntersectionFutureStartOnceExitDirective
-} from './future/public-api';
+} from '../directives/future/public-api';
 import {
   IntersectionPastEndDirective,
   IntersectionPastEndOnceDirective,
@@ -18,7 +18,7 @@ import {
   IntersectionPastEndOnceExitDirective,
   IntersectionPastStartExitDirective,
   IntersectionPastStartOnceExitDirective
-} from './past/public-api';
+} from '../directives/past/public-api';
 import {
   IntersectionPresentEndDirective,
   IntersectionPresentEndOnceDirective,
@@ -28,7 +28,7 @@ import {
   IntersectionPresentEndOnceExitDirective,
   IntersectionPresentStartExitDirective,
   IntersectionPresentStartOnceExitDirective
-} from './present/public-api';
+} from '../directives/present/public-api';
 
 export const intersectionDirectives = [
   // future

projects/ngx-intersection/src/lib/modules/public-api.ts

@@ -0,0 +1,3 @@
+export * from './intersection-directives.module';
+export * from './intersection-directives-alias.module';
+export * from './angular-intersection.module';

projects/ngx-intersection/src/public-api.ts

@@ -1,11 +1,7 @@
 //
 // MODULES
 // =============================================================================
-export * from './lib/angular-intersection.module';
-//
-// LEGACY DIRECTIVES
-// =============================================================================
-export * from './lib/legacy-directives/public-api';
+export * from './lib/modules/public-api';
 //
 // SERVICES
 // =============================================================================

src/app/components/app.component.styl

@@ -13,6 +13,8 @@ $menu--height = ($space--default * 4)
   z-index: 10
 
   &.open
+    mix-blend-mode: normal
+
     svg
       path
         fill: $color--primary