spyne 0.19.0 → 0.20.0

package/src/spyne/views/view-stream-broadcaster.js

@@ -1,9 +1,10 @@
-import { baseStreamsMixins } from '../utils/mixins/base-streams-mixins';
-import { convertDomStringMapToObj } from '../utils/frp-tools';
-import {SpyneAppProperties} from '../utils/spyne-app-properties';
-import { fromEvent } from 'rxjs';
-import { map } from 'rxjs/operators';
-import {clone, omit} from 'ramda';
+import { baseStreamsMixins } from '../utils/mixins/base-streams-mixins'
+import { convertDomStringMapToObj } from '../utils/frp-tools'
+import { SpyneAppProperties } from '../utils/spyne-app-properties'
+import { fromEvent } from 'rxjs'
+import { map } from 'rxjs/operators'
+import { clone, omit } from 'ramda'
+const isDevMode = SpyneAppProperties.debug === true
 
 export class ViewStreamBroadcaster {
   /**
@@ -17,99 +18,102 @@ export class ViewStreamBroadcaster {
    */
 
   constructor(props, broadcastFn) {
-    this.addMixins();
-    this.props = props;
-    this.broadcastFn = broadcastFn;
-    this.broadcaster(this.broadcastFn);
+    this.addMixins()
+    this.props = props
+    this.broadcastFn = broadcastFn
+    this.broadcaster(this.broadcastFn)
   }
 
   addDblClickEvt(q) {
-    let dblclick$ = fromEvent(q, 'dblclick');
+    const dblclick$ = fromEvent(q, 'dblclick')
     // console.log('ADDING DBL CLICK ', q);
-    let stream$ = dblclick$.pipe(
+    const stream$ = dblclick$.pipe(
       map(p => {
-        let data = clone(p);
+        const data = clone(p)
         // ADD DOUBLECLICK TO UI EVENTS
-        data['typeOverRide'] = 'dblclick';
-        return data;
-      }));
-    return stream$;
+        data.typeOverRide = 'dblclick'
+        return data
+      }))
+    return stream$
   }
 
   //  ==================================================================
   // BROADCAST BUTTON EVENTS
   //  ==================================================================
   broadcast(args) {
+    if (args.length <= 0 && isDevMode === true) {
+      console.warn(`Spyne Warning: The nested array in ${this.props.name}.broadcastEvents appears to be empty --> vsid:${this.props.vsid}!`)
+      return
+    }
     // payloads to send, based on either the array or the elements dataMap
-    let channelPayloads = {
-      'UI': this.sendUIPayload,
-      'ROUTE': this.sendRoutePayload
-    };
+    const channelPayloads = {
+      UI: this.sendUIPayload,
+      ROUTE: this.sendRoutePayload
+    }
     // spread operator to select variables from arrays
-    let [selector, event, local] = args;
+    const [selector, event, local] = args
     // btn query
-    let channel; // hoist channel and later check if chnl exists
-    let query = this.props.el.querySelectorAll(selector);
+    let channel // hoist channel and later check if chnl exists
+    let query = this.props.el.querySelectorAll(selector)
 
     if (query.length <= 0) {
-      let el = this.props.el;
+      const el = this.props.el
       const checkParentEls = (element) => {
         if (element === el) {
-          query = [element];
+          query = [element]
         }
-      };
+      }
 
       const pluckElFromParent = () => {
-        let elParent = el.parentElement !== null ? el.parentElement : document;
-        let elSelected = elParent.querySelectorAll(selector);
-        elSelected.forEach = Array.prototype.forEach;
-        elSelected.forEach(checkParentEls);
-      };
+        const elParent = el.parentElement !== null ? el.parentElement : document
+        const elSelected = elParent.querySelectorAll(selector)
+        elSelected.forEach = Array.prototype.forEach
+        elSelected.forEach(checkParentEls)
+      }
 
-      pluckElFromParent();
+      pluckElFromParent()
     }
 
-    let isLocalEvent = local !== undefined;
-    let addObservable = (q) => {
+    const isLocalEvent = local !== undefined
+    const addObservable = (q) => {
       // the  btn observable
-      let observable = event !== 'dblClick'
+      const observable = event !== 'dblClick'
         ? fromEvent(q, event, { preventDefault: () => true })
-        : this.addDblClickEvt(q);
+        : this.addDblClickEvt(q)
       // select channel and data values from either the array or the element's dom Map
-      channel = q.dataset.channel;// ifNilThenUpdate(chnl, q.dataset.channel);
-      let data = {};// convertDomStringMapToObj(q.dataset);
-      data['payload'] = convertDomStringMapToObj(q.dataset);
-      data.payload = omit(['channel'], data.payload);
-      data['channel'] = channel;
+      channel = q.dataset.channel// ifNilThenUpdate(chnl, q.dataset.channel);
+      const data = {}// convertDomStringMapToObj(q.dataset);
+      data.payload = convertDomStringMapToObj(q.dataset)
+      data.payload = omit(['channel'], data.payload)
+      data.channel = channel
       // payload needs vsid# to pass verification
 
-      data['srcElement'] = {};// pick(['vsid','viewName'], data);
-      data.srcElement['id'] = this.props.id;
-      data.srcElement['vsid'] = this.props.vsid;
-      data.srcElement['isLocalEvent'] = isLocalEvent;
-      //data.srcElement['viewName'] = this.props.name;
-      data.srcElement['srcEvent'] = event;
-      data.srcElement['el'] = q;
+      data.srcElement = {}// pick(['vsid','viewName'], data);
+      data.srcElement.id = this.props.id
+      data.srcElement.vsid = this.props.vsid
+      data.srcElement.isLocalEvent = isLocalEvent
+      // data.srcElement['viewName'] = this.props.name;
+      data.srcElement.srcEvent = event
+      data.srcElement.el = q
       // select the correct payload
-      let channelPayload = channel !== undefined ? channelPayloads[channel] : channelPayloads['UI'];
+      const channelPayload = channel !== undefined ? channelPayloads[channel] : channelPayloads.UI
       // run payload
-      channelPayload(observable, data);
-    };
-    let isDevMode = SpyneAppProperties.debug === true;
-    let queryIsNil = query === undefined || query.length <= 0;
+      channelPayload(observable, data)
+    }
+    const queryIsNil = query === undefined || query.length <= 0
     if (queryIsNil === true && isDevMode === true) {
-      console.warn(`Spyne Warning: The item ${selector}, does not appear to exist in ${this.props.name} --> vsid:${this.props.vsid}!`);
+      console.warn(`Spyne Warning: The item ${selector}, does not appear to exist in ${this.props.name} --> vsid:${this.props.vsid}!`)
 
       // addObservable(query, event);
     } else {
-      query.forEach = Array.prototype.forEach;
-      query.forEach(addObservable);
+      query.forEach = Array.prototype.forEach
+      query.forEach(addObservable)
     }
   }
 
   broadcaster(arrFn) {
-    let broadcastArr = arrFn();
-    broadcastArr.forEach(args => this.broadcast(args));
+    const broadcastArr = arrFn()
+    broadcastArr.forEach(args => this.broadcast(args))
   }
 
   //  =================================================================
@@ -117,8 +121,8 @@ export class ViewStreamBroadcaster {
     //  ==================================
     // BASE STREAM MIXINS
     //  ==================================
-    let streamMixins = baseStreamsMixins();
-    this.sendUIPayload = streamMixins.sendUIPayload;
-    this.sendRoutePayload = streamMixins.sendRoutePayload;
+    const streamMixins = baseStreamsMixins()
+    this.sendUIPayload = streamMixins.sendUIPayload
+    this.sendRoutePayload = streamMixins.sendRoutePayload
   }
 }

package/src/spyne/views/view-stream-element.js

@@ -1,9 +1,9 @@
-import { DomElement } from './dom-element';
-import { fadein, fadeout } from '../utils/viewstream-animations';
-import { ViewStreamObservable } from '../utils/viewstream-observables';
-import { deepMerge } from '../utils/deep-merge';
-import { Subject, bindCallback } from 'rxjs';
-import {filter, isNil, pick, props, defaultTo} from 'ramda';
+import { DomElement } from './dom-element'
+import { fadein, fadeout } from '../utils/viewstream-animations'
+import { ViewStreamObservable } from '../utils/viewstream-observables'
+import { deepMerge } from '../utils/deep-merge'
+import { Subject, bindCallback } from 'rxjs'
+import { filter, isNil, pick, props, defaultTo } from 'ramda'
 
 export class ViewStreamElement {
   /**
@@ -20,52 +20,54 @@ export class ViewStreamElement {
    *
    */
   constructor(sink$, viewProps = {}, vsid = '', vsName = 'theName') {
-    this.addMixins();
-    this._state = 'INIT';
-    this.vsid = vsid;
-    this.vsName = vsName;
+    this.addMixins()
+    this._state = 'INIT'
+    this.vsid = vsid
+    this.vsName = vsName
     this.defaults = {
       debug:false,
       extendedHashMethods: {}
-    };
-    this.options = deepMerge(this.defaults, viewProps);
-    let createExtraStatesMethod = (arr) => {
-      let [action, funcStr] = arr;
-      this.options.extendedHashMethods[action] = (p) => this[funcStr](p);
-    };
-    this.addActionListeners().forEach(createExtraStatesMethod);
-    this.options.hashMethods = this.setHashMethods(this.options.extendedHashMethods);
-    this.sink$ = sink$;
+    }
+    this.options = deepMerge(this.defaults, viewProps)
+    const createExtraStatesMethod = (arr) => {
+      const [action, funcStr] = arr
+      this.options.extendedHashMethods[action] = (p) => this[funcStr](p)
+    }
+    this.addActionListeners().forEach(createExtraStatesMethod)
+    this.options.hashMethods = this.setHashMethods(this.options.extendedHashMethods)
+    this.sink$ = sink$
     this.sink$
-      .subscribe(this.onObsSinkSubscribe.bind(this));
+      .subscribe(this.onObsSinkSubscribe.bind(this))
 
-    this.$dirs = ViewStreamObservable.createDirectionalFiltersObject();
-    this.addDefaultDir = ViewStreamObservable.addDefaultDir;
-    this.sourceStreams = ViewStreamObservable.createDirectionalObservables(new Subject(), this.vsName, this.vsid);
-    this._source$ = this.sourceStreams.toInternal$; //  new Subject();
+    this.$dirs = ViewStreamObservable.createDirectionalFiltersObject()
+    this.addDefaultDir = ViewStreamObservable.addDefaultDir
+    this.sourceStreams = ViewStreamObservable.createDirectionalObservables(new Subject(), this.vsName, this.vsid)
+    this._source$ = this.sourceStreams.toInternal$ //  new Subject();
   }
+
   addActionListeners() {
-    return [];
+    return []
   }
+
   setHashMethods(extendedHashMethodsObj = {}) {
-    let defaultHashMethods = {
-      'VS_DETRITUS_COLLECT'                : (p) => this.onGarbageCollect(p),
-      'READY_FOR_VS_DETRITUS_COLLECT'                   : (p) => this.onReadyForGC(p),
-      'EXTIRPATE'                        : (p) => this.onDispose(p),
-      'VS_SPAWN'                         : (p) => this.onRender(p),
-      'VS_SPAWN_AND_ATTACH_TO_PARENT'    : (p) => this.onRenderAndAttachToParent(p),
-      'VS_SPAWN_AND_ATTACH_TO_DOM'       : (p) => this.onRenderAndAttachToDom(p),
-      'ATTACH_CHILD_TO_SELF'           : (p) => this.onAttachChildToSelf(p)
-    };
-    return deepMerge(defaultHashMethods, extendedHashMethodsObj);
+    const defaultHashMethods = {
+      VS_DETRITUS_COLLECT                : (p) => this.onGarbageCollect(p),
+      READY_FOR_VS_DETRITUS_COLLECT                   : (p) => this.onReadyForGC(p),
+      EXTIRPATE                        : (p) => this.onDispose(p),
+      VS_SPAWN                         : (p) => this.onRender(p),
+      VS_SPAWN_AND_ATTACH_TO_PARENT    : (p) => this.onRenderAndAttachToParent(p),
+      VS_SPAWN_AND_ATTACH_TO_DOM       : (p) => this.onRenderAndAttachToDom(p),
+      ATTACH_CHILD_TO_SELF           : (p) => this.onAttachChildToSelf(p)
+    }
+    return deepMerge(defaultHashMethods, extendedHashMethodsObj)
   }
 
   createDomItem() {
-    this.props = this.props !== undefined ? this.props : {};
-    let removeIsNil = (val) => val !== undefined;
-    let attrs = filter(removeIsNil, pick(['id', 'className'], this.props));
-    let {tagName,data,template} = this.props;
-    return new DomElement(tagName, attrs, data, template);
+    this.props = this.props !== undefined ? this.props : {}
+    const removeIsNil = (val) => val !== undefined
+    const attrs = filter(removeIsNil, pick(['id', 'className'], this.props))
+    const { tagName, data, template } = this.props
+    return new DomElement(tagName, attrs, data, template)
   }
 
   onDisposeCompleted(d) {
@@ -73,22 +75,21 @@ export class ViewStreamElement {
   }
 
   animateInTween(el, time) {
-    fadein(el, time);
+    fadein(el, time)
   }
 
   animateOutTween(el, time, callback) {
     // console.log('anim out ', {el, time, callback});
-    fadeout(el, time, callback);
+    fadeout(el, time, callback)
   }
 
   setAnimateIn(d) {
     if (d.animateIn === true) {
-      let el = d.el !== undefined ? d.el : this.domItem.el;
-      this.animateInTween(el, d.animateInTime);
+      const el = d.el !== undefined ? d.el : this.domItem.el
+      this.animateInTween(el, d.animateInTime)
     }
   }
 
-
   /**
    *
    * @param {Object} d
@@ -96,78 +97,77 @@ export class ViewStreamElement {
    */
 
   disposeMethod(d) {
-    let el = d.el.el !== undefined ? d.el.el : d.el; // DOM ITEMS HAVE THEIR EL ITEMS NESTED
+    const el = d.el.el !== undefined ? d.el.el : d.el // DOM ITEMS HAVE THEIR EL ITEMS NESTED
 
-    const gcData = { action:'READY_FOR_VS_DETRITUS_COLLECT', $dir:this.$dirs.PI, el };
+    const gcData = { action:'READY_FOR_VS_DETRITUS_COLLECT', $dir:this.$dirs.PI, el }
 
-    let animateOut = (d, callback) => {
-      this.animateOutTween(el, d.animateOutTime, callback);
-    };
+    const animateOut = (d, callback) => {
+      this.animateOutTween(el, d.animateOutTime, callback)
+    }
 
-    let fadeOutObs = bindCallback(animateOut);
-    let onFadeoutCompleted = (e) => {
-      this._source$.next(gcData);
-    };
+    const fadeOutObs = bindCallback(animateOut)
+    const onFadeoutCompleted = (e) => {
+      this._source$.next(gcData)
+    }
 
-    let onFadeoutObs = (d) => {
+    const onFadeoutObs = (d) => {
       fadeOutObs(d)
-        .subscribe(onFadeoutCompleted);
-      return { action:'EXTIRPATING', $dir:this.$dirs.CI };
-    };
-    let onEmptyObs = () => ({ action:'EXTIRPATE_AND_READY_FOR_VS_DETRITUS_COLLECT', $dir:this.$dirs.CI });
-    let fn = d.animateOut === true ? onFadeoutObs : onEmptyObs;
-    return fn(d);
+        .subscribe(onFadeoutCompleted)
+      return { action:'EXTIRPATING', $dir:this.$dirs.CI }
+    }
+    const onEmptyObs = () => ({ action:'EXTIRPATE_AND_READY_FOR_VS_DETRITUS_COLLECT', $dir:this.$dirs.CI })
+    const fn = d.animateOut === true ? onFadeoutObs : onEmptyObs
+    return fn(d)
   }
 
   onDispose(d) {
-    return this.disposeMethod(d);
+    return this.disposeMethod(d)
   }
 
   removeStream() {
     // this.sourceStreams.completeAll();
     if (this.sourceStreams !== undefined) {
-      this.sourceStreams.completeStream(['internal', 'child']);
+      this.sourceStreams.completeStream(['internal', 'child'])
     }
   }
 
-
   onReadyForGC(p) {
-    this.removeStream();
+    this.removeStream()
   }
 
   onGarbageCollect(p) {
-    if (this.domItem!==undefined) {
-      this.domItem.unmount();
+    if (this.domItem !== undefined) {
+      this.domItem.unmount()
     }
 
     if (this.sourceStreams !== undefined) {
-      this.sourceStreams.completeStream(['parent']);
+      this.sourceStreams.completeStream(['parent'])
     }
 
-    delete this;
+    delete this
   }
 
   getSourceStream() {
-    return this._source$;
+    return this._source$
   }
 
   combineDomItems(d) {
-    let container =  isNil(d.query) ? d.node : d.query;
-    let prepend = (node, item) => node.insertBefore(item, node.firstChild);
-    let append = (node, item) => node.appendChild(item);
-    let after = (node, item) => node.after(item);
+    const container =  isNil(d.query) ? d.node : d.query
+    const prepend = (node, item) => node.insertBefore(item, node.firstChild)
+    const append = (node, item) => node.appendChild(item)
+    const after = (node, item) => node.after(item)
 
-    const defaultFn = prepend;
+    const defaultFn = prepend
     const attachTypeHash = {
-      'appendChild' : append,
-      'after' : after
+      appendChild : append,
+      after
     }
     // DETERMINE WHETHER TO USE APPEND OR PREPEND
     // ON CONNECTING DOM ITEMS TO EACH OTHER
-    //let attachFunc = d.attachType === 'appendChild' ? append : prepend;
-    const attachFunc = attachTypeHash[d.attachType] || defaultFn;
-    attachFunc(container, this.domItem.render());
-    this.setAnimateIn(d);
+    // let attachFunc = d.attachType === 'appendChild' ? append : prepend;
+    const attachFunc = attachTypeHash[d.attachType] || defaultFn
+    attachFunc(container, this.domItem.render())
+    this.setAnimateIn(d)
   }
 
   /**
@@ -177,44 +177,43 @@ export class ViewStreamElement {
    */
 
   onAttachChildToSelf(p) {
-    let data = p.childRenderData;
-    this.combineDomItems(data);
+    const data = p.childRenderData
+    this.combineDomItems(data)
     return {
       action: 'CHILD_ATTACHED',
       $dir: this.$dirs.PI
-    };
+    }
   }
 
-
   /**
    *
    * @param {Object} d
    * @returns payload that attaches current child element to parent
    */
   onRenderAndAttachToParent(d) {
-    this.onRender(d);
-    this.combineDomItems(d);
+    this.onRender(d)
+    this.combineDomItems(d)
     return {
       action: 'VS_SPAWNED_AND_ATTACHED_TO_PARENT',
       el: this.domItem.el,
       $dir: this.$dirs.PI
-    };
+    }
   }
 
   renderDomItem(d) {
-    const [tagName,attributes,data,template]=d;
-    this.domItem = new DomElement({tagName,attributes,data,template});
-    return this.domItem;
+    const [tagName, attributes, data, template] = d
+    this.domItem = new DomElement({ tagName, attributes, data, template })
+    return this.domItem
   }
 
   onRender(d) {
-    let getEl = (data) => this.renderDomItem(data);
-    let el =  getEl(props(['tagName', 'domAttributes', 'data', 'template'], d));
+    const getEl = (data) => this.renderDomItem(data)
+    const el =  getEl(props(['tagName', 'domAttributes', 'data', 'template'], d))
     return {
       action: 'VS_SPAWNED',
       el,
       $dir: this.$dirs.I
-    };
+    }
   }
 
   extendedMethods(data) {
@@ -227,14 +226,14 @@ export class ViewStreamElement {
    * Payload containing the action, internal observable and element.
    */
   onRenderAndAttachToDom(d) {
-    let getEl = (data) => this.renderDomItem(data);
-    d.attachData['el'] = getEl(props(['tagName', 'domAttributes', 'data', 'template'], d));
-    this.combineDomItems(d.attachData);
+    const getEl = (data) => this.renderDomItem(data)
+    d.attachData.el = getEl(props(['tagName', 'domAttributes', 'data', 'template'], d))
+    this.combineDomItems(d.attachData)
     return {
       action: 'VS_SPAWNED_AND_ATTACHED_TO_DOM',
-      el:     d.attachData['el'].el,
+      el:     d.attachData.el.el,
       $dir: this.$dirs.CI
-    };
+    }
   }
 
   /**
@@ -244,13 +243,13 @@ export class ViewStreamElement {
    * @param {Object} payload
    */
   onObsSinkSubscribe(payload) {
-    let action = payload.action;
-    let defaultToFn = defaultTo((data) => this.extendedMethods(data));
-    let fn = defaultToFn(this.options.hashMethods[action]);
-    let data = fn(payload);
-    let sendData = (d) => this._source$.next(d);
+    const action = payload.action
+    const defaultToFn = defaultTo((data) => this.extendedMethods(data))
+    const fn = defaultToFn(this.options.hashMethods[action])
+    const data = fn(payload)
+    const sendData = (d) => this._source$.next(d)
     if (data !== undefined) {
-      sendData(Object.freeze(data));
+      sendData(Object.freeze(data))
     }
   }
 
@@ -258,6 +257,6 @@ export class ViewStreamElement {
     //  ==================================
     // BASE CORE MIXINS
     //  ==================================
-    //let coreMixins = baseCoreMixins();
+    // let coreMixins = baseCoreMixins();
   }
 }

package/src/spyne/views/view-stream-payload.js

@@ -1,13 +1,13 @@
-import {SpyneAppProperties} from '../utils/spyne-app-properties';
-import {safeClone} from '../utils/safe-clone';
-import { gc } from '../utils/gc';
+import { SpyneAppProperties } from '../utils/spyne-app-properties'
+import { safeClone } from '../utils/safe-clone'
+import { gc } from '../utils/gc'
 import {
   compose,
   clone,
   fromPairs,
   toPairs,
-  is,
-} from 'ramda';
+  is
+} from 'ramda'
 
 export class ViewStreamPayload {
   /**
@@ -25,41 +25,39 @@ export class ViewStreamPayload {
    * @param {Boolean} debug
    */
   constructor(name, observable, data, action = 'subscribe', debug = false) {
-    //this.addMixins();
+    // this.addMixins();
     const options = {
-      'name' : name,
-      'observable': observable,
-      'data': data,
-      'action': action
-    };
-    this.sendToDirectorStream(options);
+      name,
+      observable,
+      data,
+      action
+    }
+    this.sendToDirectorStream(options)
   }
 
   sendToDirectorStream(payload) {
-    let directorStream$ = SpyneAppProperties.channelsMap.getStream('DISPATCHER');
-    const frozenPayload = safeClone(payload);
-    //console.log("VS PAYLOAD ",frozenPayload);
-    directorStream$.next(frozenPayload);
-    payload = undefined;
+    const directorStream$ = SpyneAppProperties.channelsMap.getStream('DISPATCHER')
+    const frozenPayload = safeClone(payload)
+    // console.log("VS PAYLOAD ",frozenPayload);
+    directorStream$.next(frozenPayload)
+    payload = undefined
 
-    delete this;
+    delete this
   }
 
   static deepClone(o) {
-    const isArr = is(Array);
-    const isObj = is(Object);
-    const isIter = ob => isArr(ob)===false && isObj(ob)===true;
-    const isIterable = isIter(o);
-    return isIterable ? compose(fromPairs, toPairs, clone)(o) : clone(o);
-
+    const isArr = is(Array)
+    const isObj = is(Object)
+    const isIter = ob => isArr(ob) === false && isObj(ob) === true
+    const isIterable = isIter(o)
+    return isIterable ? compose(fromPairs, toPairs, clone)(o) : clone(o)
   }
 
-
   static getMouseEventKeys() {
-    return ['altKey', 'bubbles', 'cancelBubble', 'cancelable', 'clientX', 'clientY', 'composed', 'ctrlKey', 'currentTarget', 'defaultPrevented', 'detail', 'eventPhase', 'fromElement', 'isTrusted', 'layerX', 'layerY', 'metaKey', 'movementX', 'movementY', 'offsetX', 'offsetY', 'pageX', 'pageY', 'path', 'relatedTarget', 'returnValue', 'screenX', 'screenY', 'shiftKey', 'sourceCapabilities', 'srcElement', 'target', 'timeStamp', 'toElement', 'type', 'view', 'which', 'x', 'y'];
+    return ['altKey', 'bubbles', 'cancelBubble', 'cancelable', 'clientX', 'clientY', 'composed', 'ctrlKey', 'currentTarget', 'defaultPrevented', 'detail', 'eventPhase', 'fromElement', 'isTrusted', 'layerX', 'layerY', 'metaKey', 'movementX', 'movementY', 'offsetX', 'offsetY', 'pageX', 'pageY', 'path', 'relatedTarget', 'returnValue', 'screenX', 'screenY', 'shiftKey', 'sourceCapabilities', 'srcElement', 'target', 'timeStamp', 'toElement', 'type', 'view', 'which', 'x', 'y']
   }
 
   addMixins() {
-    this.gc = gc;
+    this.gc = gc
   }
 }