Bubble configuration with Angular 2+

The bubble can be configured using a DayPilot.Bubble object which you assign to "bubble" property of the config.

Example:

  config: any = {
    bubble: new DayPilot.Bubble({
      animation: "fast"
    }),
    // ...
  }

The config specifies properties that will be applied to a new DayPilot.Scheduler object - i.e. if you specify a property in the config it will use override the default value. However, you won't see the default values in the config. If you want to check the actual values you need the check the DayPilot.Scheduler object which is accessible using "control" property of DayPilotSchedulerComponent Angular component:

import {Component, ViewChild} from '@angular/core';
import {DayPilotSchedulerComponent} from "daypilot-pro-angular";

@Component({
  selector: 'angular-scheduler-example',
  template: `<daypilot-scheduler #scheduler1></daypilot-scheduler>`
})
export class AppComponent {

  @ViewChild("scheduler1")
  scheduler: DayPilotSchedulerComponent;

  logBubble() {
    console.log(this.scheduler.control.bubble);  // the actual bubble object
  }  

}

Let me know if there is any problem.

Thanks!