mz-click-position v0.0.81

##Описание Библиотека для ангуляра, для определение позиций курсора в зависимости от родителя при клике

Установка

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {AppComponent} from './app.component';
import {MzClickPositionModule} from "mz-click-position";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    /*
    подключаем тут наш модуль
    */
    MzClickPositionModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

Пример

<div class="container" #someblock>
  <button mzClickPosition (mzCpClick)="showRed = !showRed"
          [mzCpRelativeElement]="someblock"
          mzCpViewId="test-red">
    show test red
  </button>
  <button mzClickPosition
          (mzCpClick)="showYellow = !showYellow"
          mzCpViewId="test-yellow">
    show test yellow
  </button>

  <div class="red-block" *ngIf="showRed" mzCpView mzCpViewId="test-red">
    test red
  </div>
  <div class="yellow-block" *ngIf="showYellow" mzCpView mzCpViewId="test-yellow">
    test yellow
  </div>
</div>

Панель не закроется при клике на subblock

если mzCpExceptPanelClick = true (default)

<div class="block" mzClickPosition [mzCpExceptPanelClick]="true" (mzCpClick)="cpClickState = !cpClickState" mzCpRelativeElement="self" mzCpViewId="base">
  <div class="subblock" *ngIf="cpClickState" mzCpView [mzCpViewId]="'base'"></div>
</div>