How to use the phovea_core/src.mixin function in phovea_core

case 'CELL':
        d3.select(this.$node.node().parentElement).classed('heatmap-has-column-labels', true);
        this.$node.classed('heatmap-row-labels', true).classed('heatmap-column-labels', true);
        scale[0] -= 0.65; // decrease width of heat map to show row labels TODO make it flexible based on the longest label
        break;
      case 'ROW':
        this.$node.classed('heatmap-row-labels', true);
        scale[0] -= 0.65; // decrease width of heat map to show row labels TODO make it flexible based on the longest label
        break;
      case 'COLUMN':
        d3.select(this.$node.node().parentElement).classed('column-labels', true);
        this.$node.classed('heatmap-column-labels', true);
        break;
    }

    const options = mixin({}, this.heatMapOptions, {
      scale,
      labels: showLabels
    });

    this.$node.classed('loading', true);

    return Promise.all([plugins[0].load()])
      .then((args) => {
        this.clearContent();

       // console.log('args from plugins', args);
        const plugin = args[0];
       // console.log('const plugin- args', plugin);
        plugin.factory(
          dataset,
          this.$node.node(),

constructor(public parent:Element, options:any) {
    this.options = mixin(this.options, options);

    this.$node = d3.select(parent)
      .append('svg')
      .classed('reorderView', true)
      .classed('fadeout', !ChangeTypes.REORDER.isActive);
  }

constructor(parent: IFormParent, $parent, desc: ICheckBoxElementDesc) {
    super(parent, mixin({options: { checked: true, unchecked: false}}, desc));

    this.$node = $parent.append('div').classed('checkbox', true);

    this.build();
  }