Switching between layers/WCMModes

In touch UI they are called layers and not modes.

Currently available layers:
- "Edit"
- "Preview"
- "Annotate"
- "Developer"
- "Targeting"

Event that captures switching between layers.

cq-layer-activated

A layer has been activated

Type: object

Properties:

Name	Type	Description
layer	string	Name of the layer activated
prevLayer	string	Name of the previous layer

Example implementation

$(document).on("cq-layer-activated", function (event) {

var previousLayer = event["prevLayer"];

console.log('previousLayer = ' + previousLayer);

var prevLayer = event.prevLayer;

console.log('prevLayer = ' + prevLayer);

var currentLayer = event["layer"];

console.log('currentLayer = ' + currentLayer);

var curLayer = event.layer;

console.log('curLayer = ' + curLayer);

});

For more information about WCM modes

http://aemconcepts.blogspot.com/2017/03/wcmmodes-aem.html