spyne 0.17.1 → 0.18.3

package/lib/spyne.js

@@ -27313,12 +27313,10 @@ class ChannelFetch extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   }
 
   onFetchReturned(streamItem) {
-    let payload = this.createChannelPayloadItem(streamItem);
+    return this.createChannelPayloadItem(streamItem);
   }
 
   createChannelPayloadItem(payload, action = `${this.props.name}_DATA_EVENT`) {
-   // console.log("FETCH ",this.props.name, {action,payload});
-    // return new ChannelPayload(this.props.name, action, payload);
     this.sendChannelPayload(action, payload);
   }
 
@@ -27328,7 +27326,6 @@ class ChannelFetch extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   }
 
   consolidateAllFetchProps(options, props = this.props) {
-    // let currentOptions = mergeRight({url}, options);
     let propsOptions = (0,ramda__WEBPACK_IMPORTED_MODULE_7__.default)(['mapFn', 'url', 'header', 'body', 'mode', 'method', 'responseType', 'debug'], props);
     const mergeOptions = (o1, o2) => (0,ramda__WEBPACK_IMPORTED_MODULE_11__.default)(o1, o2);
     const filterOutUndefined = (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)(ramda__WEBPACK_IMPORTED_MODULE_2__.default);
@@ -27353,16 +27350,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "ChannelPayload": () => (/* binding */ ChannelPayload)
 /* harmony export */ });
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/includes.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/pickAll.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/is.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/compose.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/fromPairs.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/toPairs.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/clone.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/lte.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/defaultTo.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/prop.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/clone.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/mergeAll.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/includes.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/pickAll.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/is.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/compose.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/fromPairs.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/toPairs.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/lte.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/defaultTo.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/prop.js");
 /* harmony import */ var _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/spyne-app-properties */ "./src/spyne/utils/spyne-app-properties.js");
 
 
@@ -27416,7 +27414,7 @@ class ChannelPayload {
 
 
     if (_utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_0__.SpyneAppProperties.debug === true){
-      if (payload.hasOwnProperty('payload')){
+      if (Object.prototype.hasOwnProperty.call(payload, 'payload')){
         let payloadStr = JSON.stringify(payload);
         console.warn(`Spyne Warning: the following payload contains a nested payload property which may create conflicts: Action: ${action}, ${payloadStr}`);
       }
@@ -27430,7 +27428,7 @@ class ChannelPayload {
 
 
 
-   /* channelPayloadItemObj.props = () => clone(mergeAll([
+    channelPayloadItemObj.clone = () => (0,ramda__WEBPACK_IMPORTED_MODULE_1__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_2__.default)([
         {payload:ChannelPayload.deepClone(channelPayloadItemObj.payload)},
       channelPayloadItemObj.payload,
         { channel },
@@ -27439,7 +27437,7 @@ class ChannelPayload {
                 channelPayloadItemObj.srcElement, {
         action: channelPayloadItemObj.action }
          ]));
-*/
+
 
 
     const channelPayloadItemObjProps = {
@@ -27473,7 +27471,7 @@ class ChannelPayload {
   }
 
   static validateAction(action, channel, arr) {
-    let isInArr = (0,ramda__WEBPACK_IMPORTED_MODULE_1__.default)(action, arr);
+    let isInArr = (0,ramda__WEBPACK_IMPORTED_MODULE_3__.default)(action, arr);
     if (isInArr === false && _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_0__.SpyneAppProperties.initialized === true) {
       console.warn(`warning: Action: '${action}' is not registered within the ${channel} channel!`);
     }
@@ -27491,7 +27489,7 @@ class ChannelPayload {
       'pathname',
       'search',
       'hash'];
-    return (0,ramda__WEBPACK_IMPORTED_MODULE_2__.default)(locationParamsArr, window.location);
+    return (0,ramda__WEBPACK_IMPORTED_MODULE_4__.default)(locationParamsArr, window.location);
   }
 
   static getStreamItem() {
@@ -27499,11 +27497,11 @@ class ChannelPayload {
   }
 
   static deepClone(o) {
-    const isArr = (0,ramda__WEBPACK_IMPORTED_MODULE_3__.default)(Array);
-    const isObj = (0,ramda__WEBPACK_IMPORTED_MODULE_3__.default)(Object);
+    const isArr = (0,ramda__WEBPACK_IMPORTED_MODULE_5__.default)(Array);
+    const isObj = (0,ramda__WEBPACK_IMPORTED_MODULE_5__.default)(Object);
     const isIter = ob => isArr(ob)===false && isObj(ob)===true;
     const isIterable = isIter(o);
-    return isIterable ? (0,ramda__WEBPACK_IMPORTED_MODULE_4__.default)(ramda__WEBPACK_IMPORTED_MODULE_5__.default, ramda__WEBPACK_IMPORTED_MODULE_6__.default, ramda__WEBPACK_IMPORTED_MODULE_7__.default)(o) : (0,ramda__WEBPACK_IMPORTED_MODULE_7__.default)(o);
+    return isIterable ? (0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)(ramda__WEBPACK_IMPORTED_MODULE_7__.default, ramda__WEBPACK_IMPORTED_MODULE_8__.default, ramda__WEBPACK_IMPORTED_MODULE_1__.default)(o) : (0,ramda__WEBPACK_IMPORTED_MODULE_1__.default)(o);
 
   }
 
@@ -27512,12 +27510,12 @@ class ChannelPayload {
   static deepFreeze(o) {
     //return o;
     //return Object.freeze(o);
-    const elIsDomElement = (0,ramda__WEBPACK_IMPORTED_MODULE_4__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_8__.default)(0), (0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)(-1), (0,ramda__WEBPACK_IMPORTED_MODULE_10__.default)('nodeType'));
+    const elIsDomElement = (0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)(0), (0,ramda__WEBPACK_IMPORTED_MODULE_10__.default)(-1), (0,ramda__WEBPACK_IMPORTED_MODULE_11__.default)('nodeType'));
 
     try {
       Object.freeze(o);
       Object.getOwnPropertyNames(o).forEach(function(prop) {
-        if (o.hasOwnProperty(prop)
+        if (Object.prototype.hasOwnProperty.call(o,prop)
             && elIsDomElement(o[prop]) === false
             && o[prop] !== null
             && (typeof o[prop] === "object" || typeof o[prop] === "function")
@@ -27664,7 +27662,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 const rMap = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js").map;
 
 class Channel {
@@ -27791,7 +27788,7 @@ class Channel {
         traits = [traits];
       }
       const addTrait=(TraitClass)=>{
-        new TraitClass(this);
+        return new TraitClass(this);
       };
 
       traits.forEach(addTrait);
@@ -28042,26 +28039,6 @@ class Channel {
     return fn(CHANNEL_NAME);
   }
 
-  /**
-   *
-   * Wraps window.setTimeout with a check to see if "this" ViewStream element and its props property still exists
-   * @property {function} fn - = 'function'; The local method that is to be called.
-   * @property {number} ms - = 0;  The time, in milleseconds, for the timeout.
-   * @property {boolean} bind - = false;  When true, will bind the method to 'this'.
-   *
-   */
-
-/*
-  setTimeout(fn, ms=0, bind=false){
-    const timeoutMethod = (...args)=>{
-      if (this!==undefined && this.props!==undefined){
-        const methodFn = bind===true ? fn.bind(this) : fn;
-        apply(methodFn, args);
-      }
-    }
-    window.setTimeout(timeoutMethod, ms);
-  }
-*/
 
 
 
@@ -28092,8 +28069,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/compose.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/is.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/path.js");
-// import Spyne from '../spyne';
-
 
 
 const Observable = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/dist/esm5/index.js");
@@ -28320,13 +28295,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/join.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/prop.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/pathEq.js");
-// import {baseCoreMixins}    from '../utils/mixins/base-core-mixins';
-// import {BaseStreamsMixins} from '../utils/mixins/base-streams-mixins';
 
 
 
 
-//import { validate } from '../utils/channel-config-validator';
 
 
 
@@ -28334,7 +28306,6 @@ __webpack_require__.r(__webpack_exports__);
 const rMap = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/index.js").map;
 const _map = new Map();
 
-// import * as R from 'ramda';
 
 class ChannelsMap {
   /**
@@ -28351,10 +28322,6 @@ class ChannelsMap {
 
   constructor() {
     this.addMixins();
-    //_map = new Map();
-
-    // console.log('Rx is ',Rx);
-    // console.log('RX IS ', Subject);
     _map.set('DISPATCHER', new rxjs__WEBPACK_IMPORTED_MODULE_0__.Subject());
     this.listRegisteredChannels = ChannelsMap.listRegisteredChannels.bind(this);
     this.getChannelsList = ChannelsMap.getChannelsList.bind(this);
@@ -28395,23 +28362,14 @@ class ChannelsMap {
       let channels = (0,ramda__WEBPACK_IMPORTED_MODULE_5__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)(', '), rMap((0,ramda__WEBPACK_IMPORTED_MODULE_7__.default)('key')))(filterProxyArr);
       let filterPrefixWarning = `Spyne Warning: The following ${channelStr} not been initialized: ${channels}`;
       console.warn(filterPrefixWarning);
-      // console.log("FILTER PROXY WARNING ",filterProxyArr);
     }
 
-    // console.log(filterProxy(proxyMap),' proxyMap ', proxyMap);
   }
 
   init() {
     this.createMainStreams();
   }
 
-/*
-  createObserver(obj) {
-    // RIGHT NOW THIS CREATES THE DISPATCHER STREAM
-    validate(obj.validations, obj.init);
-    _map.set(obj.init.name, obj.init.observable());
-  }
-*/
 
   createMainStreams() {
     this.routeStream = new _spyne_channel_route__WEBPACK_IMPORTED_MODULE_8__.SpyneChannelRoute();
@@ -28500,7 +28458,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _channel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./channel */ "./src/spyne/channels/channel.js");
 
 
-
 class SpyneChannelLifecycle extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   /**
    * @module SpyneChannelLifecycle
@@ -28530,7 +28487,7 @@ class SpyneChannelLifecycle extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channe
   }
 
   onViewStreamInfo(obj) {
-    let {data, action, srcElement} = obj;
+    let {action, srcElement} = obj;
     let payload = srcElement;
     payload['action'] = action;
     this.onSendEvent(action, payload);
@@ -28707,7 +28664,6 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     this.bindStaticMethods();
     this.navToStream$ = new rxjs__WEBPACK_IMPORTED_MODULE_1__.ReplaySubject(1);
     this.observer$ = this.navToStream$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_2__.map)(info => this.onMapNext(info)));
-    // let compareKeysFn = SpyneUtilsChannelRoute.compareRouteKeywords.bind(this);
     this.compareRouteKeywords = _utils_spyne_utils_channel_route__WEBPACK_IMPORTED_MODULE_3__.SpyneUtilsChannelRoute.compareRouteKeywords();
   }
 
@@ -28770,9 +28726,7 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     }
 
     let arr = _utils_spyne_utils_channel_route__WEBPACK_IMPORTED_MODULE_3__.SpyneUtilsChannelRoute.flattenConfigObject(routeConfig.routes);
-    // console.log("FLATTENED CONFIG ",arr);
     routeConfig['paramsArr'] = arr;
-    //console.log("ROUTE CONFIG IS ",routeConfig);
     return routeConfig;
   }
 
@@ -28787,7 +28741,6 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   }
 
   onMapNext(data, firstLoaded = false) {
-   // console.log("MAP NEXT ",{firstLoaded, data});
     data['action'] = 'CHANNEL_ROUTE_CHANGE_EVENT';
     return data;
   }
@@ -28814,15 +28767,11 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
 
     let keywordArrs = this.compareRouteKeywords.compare(payload.routeData, payload.paths);
     payload = rMerge(payload, keywordArrs);
-    // console.log("SEND STREAM onIncomingDomEvent", payload, keywordArrs);;
-   // payload = SpyneChannelRoute.removeSSID(payload);
       this.sendChannelPayload(action, payload, undefined, evt, this.navToStream$);
 
   }
 
   static checkForRouteParamsOverrides(payload) {
-    // console.log("CHECK FOR OVERRIDES ",payload);
-
     return payload;
   }
 
@@ -28847,31 +28796,13 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   }
 
 
-
-/*
-  static checkToPreventDefaultEvent(obs) {
-    const checkDataForPreventDefault = pathEq(['viewStreamInfo', 'payload', 'eventPreventDefault'], 'true');
-    const setPreventDefault = (evt) => {
-      if (evt !== undefined) {
-        evt.preventDefault();
-      }
-    };
-    const selectEvtAndPreventDefault = compose(setPreventDefault, prop('event'));
-    const checkForPreventDefault = when(checkDataForPreventDefault, selectEvtAndPreventDefault);
-    checkForPreventDefault(obs);
-  }
-*/
-
-
   static checkForEndRoute(pl, routeConfigJson = this.routeConfigJson, debugBool){
 
     const endRoute = (0,ramda__WEBPACK_IMPORTED_MODULE_16__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_21__.default)("true"), (0,ramda__WEBPACK_IMPORTED_MODULE_10__.default)(['payload', 'endRoute']))(pl);
-    //console.log('pl and aend route',{endRoute, pl})
 
     if (endRoute!==true){
       return pl;
     }
-    const win = window || {};
     const debug = debugBool !== undefined ? debugBool : _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_4__.SpyneAppProperties.debug === true;
      const {payload} = pl;
 
@@ -28883,7 +28814,6 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
           let routeNameVal = payload[routeName]
           const pred = arrStr => new RegExp(`^${arrStr}$`).test(routeNameVal);
           const routeVal = (0,ramda__WEBPACK_IMPORTED_MODULE_22__.default)(pred, keysArr);
-           // console.log('route val is ',{routeVal, keysArr})
           return routeVal;
 
         }
@@ -28914,7 +28844,6 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
               acc.push(routeName)
             }
           }
-         // compose(reduce(onReduceRoutePaths), toPairs)(nextRoutePath);
         }
         return acc;
 
@@ -28942,17 +28871,15 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     SpyneChannelRoute.checkForEventMethods(pl);
     pl = this.checkForEndRoute(pl);
     let payload = this.getDataFromParams(pl);
-    const {routeConfigJson} = this;
-    //console.log("LOADING ROUTE FROM LINK ", {pl, payload,routeConfigJson})
 
     let srcElement = (0,ramda__WEBPACK_IMPORTED_MODULE_19__.default)('srcElement', pl);
     let event = (0,ramda__WEBPACK_IMPORTED_MODULE_19__.default)('event', pl);
     let changeLocationBool = !payload.isHidden;
     let keywordArrs = this.compareRouteKeywords.compare(payload.routeData, payload.paths);
+
     payload = rMerge(payload, keywordArrs);
-    // this.checkForRouteParamsOverrides(payload);
     this.sendRouteStream(payload, changeLocationBool);
-     //console.log("SEND STREAM onViewStreamInfo", payload);
+
     payload = SpyneChannelRoute.removeSSID(payload);
 
     this.sendChannelPayload(action, payload, srcElement, event,
@@ -28993,7 +28920,6 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   static getExtraPayloadParams(config = this.routeConfigJson, isHistory=false) {
     let routeCount = this.getRouteCount(isHistory);
     let isDeepLink = this.getIsDeepLinkBool(isHistory);
-    //console.log("GETTING DEEP LINK ", {routeCount, isDeepLink,isHistory, config})
     let isHash = config.isHash;
     let isHidden = config.isHidden;
     let routeType = config.type;
@@ -29012,7 +28938,6 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     let nextWindowLoc = _utils_spyne_utils_channel_route_url__WEBPACK_IMPORTED_MODULE_27__.SpyneUtilsChannelRouteUrl.formatStrAsWindowLocation(routeValue);
     let dataFromStr = this.getDataFromLocationStr(typeForStr, isHashForStr, nextWindowLoc);
 
-    // console.log(" DATA FROM STRING ",{routeValue, pl, dataFromStr});
     let { pathInnermost, paths } = dataFromStr;
 
     routeData = rMerge(dataFromStr.routeData, routeData);
@@ -29036,7 +28961,6 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   static getDataFromString(config = this.routeConfigJson, isHistory=false) {
     const type = config.type;
     const hashIsTrue = config.isHash === true;
-    // type = config.isHash === true ? ''
     const str = _utils_spyne_utils_channel_route_url__WEBPACK_IMPORTED_MODULE_27__.SpyneUtilsChannelRouteUrl.getLocationStrByType(type, hashIsTrue);
     let { paths, pathInnermost, routeData, routeValue } = SpyneChannelRoute.getParamsFromRouteStr(
       str, config, type);
@@ -29063,7 +28987,6 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
       ? this.routeConfigJson.type
       : t;
 
-    // console.log("DATA CHECK STRING ",loc);
     const str = _utils_spyne_utils_channel_route_url__WEBPACK_IMPORTED_MODULE_27__.SpyneUtilsChannelRouteUrl.getLocationStrByType(type, isHash, loc);
     let { paths, pathInnermost, routeData, routeValue } = this.getParamsFromRouteStr(
       str, this.routeConfigJson, type);
@@ -29088,15 +29011,12 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   static getRouteStrFromParams(paramsData, routeConfig, t) {
     const type = t !== undefined ? t : routeConfig.type;
     let obj = _utils_spyne_utils_channel_route_url__WEBPACK_IMPORTED_MODULE_27__.SpyneUtilsChannelRouteUrl.convertParamsToRoute(paramsData, routeConfig, type);
-
-    // console.log("ROUTE getRouteStrFromParams ",paramsData,obj);
     return obj;
   }
 
   static getParamsFromRouteStr(str, routeConfig, t) {
     const type = t !== undefined ? t : routeConfig.type;
     let obj = _utils_spyne_utils_channel_route_url__WEBPACK_IMPORTED_MODULE_27__.SpyneUtilsChannelRouteUrl.convertRouteToParams(str, routeConfig, type);
-    // console.log("ROUTE getParamsFromRouteStr ",obj);
     return obj;
   }
 
@@ -29106,7 +29026,6 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     const hashNameIsEmptyBool = isEmptyBool === true && isHash === true;
     const hashNameBool = isEmptyBool === false && isHash === true;
 
-    // console.log('ROUTE STR CHECK ', {str, isHash});
     if (pathNameIsEmptyBool === true || hashNameIsEmptyBool === true) {
       return '/';
     } else if (hashNameBool === true) {
@@ -29126,11 +29045,8 @@ class SpyneChannelRoute extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     if (isHash === true) {
       let pathName = SpyneChannelRoute.removeLastSlash(window.location.pathname);
       routeValue = pathName + routeValue;
-      // window.location.hash = routeValue;
-      // console.log('ROUTE STR FOR HASH ', routeValue);
       window.history.pushState({routeCount}, '', routeValue);
     } else {
-      // routeValue =  when(isEmpty, always('/'))(routeValue);
       const checkForSlash = (0,ramda__WEBPACK_IMPORTED_MODULE_31__.default)(
         (0,ramda__WEBPACK_IMPORTED_MODULE_16__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_32__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_21__.default)('/')), ramda__WEBPACK_IMPORTED_MODULE_33__.default), (0,ramda__WEBPACK_IMPORTED_MODULE_30__.default)('/', ramda__WEBPACK_IMPORTED_MODULE_34__.default));
       window.history.pushState({routeCount}, '', checkForSlash(routeValue));
@@ -29221,7 +29137,6 @@ class SpyneChannelUI extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     super(name, props);
     this.keyEventsLoaded = false;
     this.keyCodeArr = [];
-    // this.addKeyEvent(13);
   }
 
   addRegisteredActions() {
@@ -29333,7 +29248,6 @@ class SpyneChannelUI extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   onIncomingObservable(obj) {
     let eqsName = (0,ramda__WEBPACK_IMPORTED_MODULE_5__.default)(obj.name, this.props.name);
     obj.data = SpyneChannelUI.removeSSID(obj.data);
-    //console.log("OBJECT DATA ",obj.data);
     let {payload, srcElement} = obj.data;
     let dataObj = obsVal => ({ payload, srcElement, event: obsVal });
     let onSuccess = (obj) => obj.observable.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_6__.map)(dataObj))
@@ -29409,8 +29323,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/partialRight.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/mapObjIndexed.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/apply.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/path.js");
-/* harmony import */ var _utils_deep_merge__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../utils/deep-merge */ "./src/spyne/utils/deep-merge.js");
+/* harmony import */ var _utils_deep_merge__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils/deep-merge */ "./src/spyne/utils/deep-merge.js");
 
 
 
@@ -29452,8 +29365,6 @@ class SpyneChannelWindow extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     this.bindStaticMethods();
     this.currentScrollY=0;
 
-    //this.spyneScrollLock = SpyneAppProperties.scrollLock;
-    // this.props.name = 'WINDOW';
   }
 
   initializeStream() {
@@ -29580,19 +29491,10 @@ class SpyneChannelWindow extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     return _utils_spyne_utils_channel_window__WEBPACK_IMPORTED_MODULE_5__.SpyneUtilsChannelWindow.createDomObservableFromEvent('scroll',
         scrollMapFn, isPassive, element)
       .pipe(
-         /* map(p=>{
-            if (pathEq(['Spyne', 'config', 'scrollLock'], true)(scrollElement)){
-              let x = SpyneAppProperties.config.scrollLockX
-              let y = SpyneAppProperties.config.scrollLockY;
-              window.scrollTo(x,y);
-            }
-            return p;
-          }),*/
         (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_6__.debounceTime)(dTime),
         (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_8__.skipWhile)(skipWhenDirIsMissing),
         (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_9__.map)(p=>{
           const newScrollY = SpyneChannelWindow.getScrollY(element);
-          //console.log("SCROLL P IS ",{p});
           p.payload['scrollDistanceAbs'] = Math.abs(this.currentScrollY-newScrollY);
           this.currentScrollY=newScrollY;
           return p;
@@ -29631,13 +29533,11 @@ class SpyneChannelWindow extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
     // CHECK TO ADD MEDIA QUERY OBSERVABLE
     // ==========================================
     config['listenForMediaQueries'] = (0,_utils_frp_tools__WEBPACK_IMPORTED_MODULE_10__.checkIfObjIsNotEmptyOrNil)(
-      config.mediqQueries);
+      config.mediaQueries) || (0,_utils_frp_tools__WEBPACK_IMPORTED_MODULE_10__.checkIfObjIsNotEmptyOrNil)(
+        config.mediqQueries);
 
     // =========================================
 
-    // config.listenForResize = false;
-    // config.listenForMouseWheel = true;
-    // config.listenForScroll = false;
     let methods = {
       'listenForResize': this.createResizeObservable.bind(this),
       'listenForOrientation': this.createOrientationObservable.bind(this),
@@ -29751,53 +29651,16 @@ class SpyneChannelWindow extends _channel__WEBPACK_IMPORTED_MODULE_0__.Channel {
   }
 
   onScrollLockEvent(e){
-    const setScrollPos = ()=>{
-      _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.config.scrollLockX = window.scrollX;
-      _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.config.scrollLockY = window.scrollY;
-      this.spyneScrollLock.setScroll();
-    };
-    let {action, scrollLock, el} = e.payload;
-    _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.config.scrollLock = scrollLock;
-    el = el || window;
-    if (scrollLock === true){
-     // setScrollPos();
-
-      this.spyneScrollLock.disableBodyScroll();
-      const id = (0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)(['srcElement', 'id'], e);
-      /**
-       * TODO: ADD EL TO Scroll lock --- this is hard coded .scroll-lock class
-       *
-       * */
-       //el = document.querySelector(`#${id} .card-scroll`);
-      //console.log("E TO SCROLL IS ",{id,el,e});
-     // this.onSetElementToScroll({}, el);
-
-      this.createScrollObservable(this.domChannelConfig, el, true)
-      .subscribe(p => {
-        let { action, payload, srcElement, event } = p;
-        //console.log("SCROLL OBS IS ",p)
-        this.sendChannelPayload(action, payload, srcElement, event);
-      });
-
-
-
-    } else {
-      this.spyneScrollLock.enableBodyScroll();
-    }
-
-    //console.log('scroll lock window channel ',{action,scrollLock});
-
-    this.sendChannelPayload(action, {scrollLock}, el);
+    // DEPRECATED -- MOVED TO spyne-plugin-scroll-lock;
   }
 
   onSetElementToScroll(e){
 
     let {config, el, scrollElement} = e.payload;
     config = config || {};
-    config = (0,_utils_deep_merge__WEBPACK_IMPORTED_MODULE_14__.deepMerge)(this.domChannelConfig, config);
+    config = (0,_utils_deep_merge__WEBPACK_IMPORTED_MODULE_13__.deepMerge)(this.domChannelConfig, config);
 
     scrollElement = scrollElement || el;
-    //console.log('set elemenet to scroll ',{scrollElement})
 
     const action = "CHANNEL_WINDOW_SCROLL_ELEMENT_ADDED_EVENT";
     this.sendChannelPayload(action, {el}, el);
@@ -29839,9 +29702,8 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 const _channels = new _channels_channels_map__WEBPACK_IMPORTED_MODULE_0__.ChannelsMap();
-const version = '0.17.2';
+const version = '0.18.3';
 
 class SpyneApplication {
   /**
@@ -29879,7 +29741,7 @@ class SpyneApplication {
   init(config = {}, testMode=false) {
     //this.channels = new ChannelsMap();
     /*!
-     * Spyne 0.17.1
+     * Spyne 0.18.3
      * https://spynejs.org
      *
      * @license Copyright 2017-2021, Frank Batista, Relevant Context, LLC. All rights reserved.
@@ -29889,18 +29751,9 @@ class SpyneApplication {
      * @email:  frbatista.nyc@gmail.com
     */
     /* eslint-disable */
-   /* this.ViewStream = ViewStream;
-    this.BasicView = ViewStreamElement;
-    this.DomEl = DomElement;
-    this.ViewStreamBroadcaster = ViewStreamBroadcaster;
-    this.ChannelsPayload = ViewStreamPayload;
-    this.ChannelsController = ChannelsMap;
-    this.ChannelsBase = Channel;
-    this.ChannelPayloadItem = ChannelPayload;*/
-
-    //console.log('spyne app ',{config,testMode}, SpyneAppProperties.initialized);
-    if(_utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.initialized === true){
 
+
+    if(_utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.initialized === true){
       if (testMode){
         return 'The Spyne Application has already been initialized!';
       } else {
@@ -29950,14 +29803,9 @@ class SpyneApplication {
     if (config !== undefined) {
        config = _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.initialize(defaultConfig, config, _channels);
       //window.Spyne = this;
-      //window.Spyne['config'] = "SDFSD";// {};
-      //config = SpyneUtilsChannelRoute.conformRouteObject(config);
       //window.Spyne['config'] = deepMerge(defaultConfig, config)
     }
 
-
-    //const ranNum = Math.random();
-    //console.log('ranNum is ',{ranNum})
     this.pluginsFn = _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.getPluginsMethodObj(config['pluginMethods']);
     this.getChannelActions = (str) => _channels.getChannelActions(str);
     this.registerChannel = (val) => _channels.registerStream(val);
@@ -29967,10 +29815,9 @@ class SpyneApplication {
     nullHolder.appendToDom(document.body);
     nullHolder.props.el.style.cssText = 'display:none; opacity:0; pointer-events:none;';
     _channels.init();
-    //console.log('spyne app initialized ',SpyneAppProperties.config.debug);
 
     if (_utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.config.debug===true){
-      window.Spyne = {version};
+       window.Spyne = {version};
     }
 
 
@@ -30031,11 +29878,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "SpynePlugin": () => (/* binding */ SpynePlugin)
 /* harmony export */ });
 /* harmony import */ var _spyne__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./spyne */ "./src/spyne/utils/spyne-app-properties.js");
-/* harmony import */ var _spyne__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./spyne */ "./src/spyne/spyne-app.js");
-/* harmony import */ var _spyne__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./spyne */ "./src/spyne/views/dom-element.js");
+/* harmony import */ var _spyne__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./spyne */ "./src/spyne/views/dom-element.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/clone.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/pathSatisfies.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/is.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/pathSatisfies.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/is.js");
 
 
 class SpynePlugin {
@@ -30049,20 +29895,11 @@ class SpynePlugin {
       config = (0,ramda__WEBPACK_IMPORTED_MODULE_0__.default)(props);
     }
 
-
-     //console.log("CONFIG AND PROPS ",{config, props});
-
     this.name = name || 'empty';
     this.props.name = name;
     config = SpynePlugin.mergeDefaultConfig(config, this.defaultConfig());
     this.props.parentEl = parentEl || SpynePlugin.createParentEl();
     SpynePlugin.getSpyneApp(name, config);
-    //console.log("SPYNE APP ",{name},this.name,this.props.spyneApp);
-   // if (this.props.spyneApp===false){
-      //console.warn(`Spyne Warning: Spyne Plugin, ${this.name} already exists!`)
-     // return false;
-   // }
-
 
     if (this.props.traits!==undefined){
       this.addTraits(this.props.traits);
@@ -30073,70 +29910,24 @@ class SpynePlugin {
     this.onRender();
   }
 
-
-  addTraits(traits){
-    if (traits.constructor.name!=='Array'){
-      traits = [traits];
-    }
-    const addTrait=(TraitClass)=>{
-      new TraitClass(this);
-    };
-
-    traits.forEach(addTrait);
-
-
-  }
-
-
-  onBeforeRegistered(){
-    this.props.pluginName = this.props.name;
-    //this.props.config = path(['Spyne', 'config', 'plugins', this.props.name], window);
-    this.props.config = _spyne__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.getPluginConfigByPluginName(this.props.pluginName);
-  }
-
   static mergeDefaultConfig(config={}, defaultConfig=this.defaultConfig()){
-    return Object.assign(defaultConfig, config);z
-  }
-
-
-  defaultConfig(){
-
-    return {
-
-
-    }
-
+    return Object.assign(defaultConfig, config);
   }
 
-
-
   static getSpyneApp(name, config){
-   // const win = window || {};
-   // let spyneApp = prop('Spyne', win) ;
-   // const spyneInitialized = typeof(spyneApp) === 'object';
-    //console.log('spyne app is ',{spyneApp, spyneInitialized}, typeof(spyneApp));
-
-   // spyneApp = spyneInitialized === true ? spyneApp : new spyneApp();
     if(_spyne__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.initialized===false){
-      _spyne__WEBPACK_IMPORTED_MODULE_2__.SpyneApp.init()
-    }
-
 
-    _spyne__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.addPluginConfig(name, config);
-
-   /*  const updateConfig = SpynePlugin.updateSpyneConfig(spyneApp, name, config);
-
-     if(updateConfig===false){
-       return false;
-     }*/
+      console.warn(`Spyne Warning: Unable to install plugin, ${name}! SpyneApp has not been initialized!`);
+       //SpyneApp.init()
+    } else{
+      _spyne__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.addPluginConfig(name, config);
+    }
 
-   // spyneApp.config.plugins[name] = config;
-    //return spyneApp;
   }
 
+
   static updateSpyneConfig(spyneApp, pluginName, pluginConfig){
-    const pathExists = (0,ramda__WEBPACK_IMPORTED_MODULE_3__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_4__.default)(Object), ['config', 'plugins', pluginName])(spyneApp);
-   // console.log('path exists ',{pathExists}, spyneApp.config.plugins[pluginName])
+    const pathExists = (0,ramda__WEBPACK_IMPORTED_MODULE_2__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_3__.default)(Object), ['config', 'plugins', pluginName])(spyneApp);
 
     if (pathExists===true){
       if (spyneApp.config.debug===true) {
@@ -30154,7 +29945,7 @@ class SpynePlugin {
       const pluginEl = document.getElementById('spyne-plugins')
 
       const createPluginEl = ()=>{
-        const pluginEl = new _spyne__WEBPACK_IMPORTED_MODULE_5__.DomElement({
+        const pluginEl = new _spyne__WEBPACK_IMPORTED_MODULE_4__.DomElement({
           id: 'spyne-plugins'
         });
         document.body.appendChild(pluginEl.render());
@@ -30168,6 +29959,32 @@ class SpynePlugin {
     return el || createPluginParentEl();
   }
 
+  addTraits(traits){
+    if (traits.constructor.name!=='Array'){
+      traits = [traits];
+    }
+    const addTrait=(TraitClass)=>{
+      return new TraitClass(this);
+    };
+
+    traits.forEach(addTrait);
+
+  }
+
+  onBeforeRegistered(){
+    this.props.pluginName = this.props.name;
+    this.props.config = _spyne__WEBPACK_IMPORTED_MODULE_1__.SpyneAppProperties.getPluginConfigByPluginName(this.props.pluginName);
+  }
+
+  defaultConfig(){
+
+    return {
+
+
+    }
+
+  }
+
   onRegistered(){
 
 
@@ -30218,7 +30035,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 class ChannelFetchUtil {
-// METHOD GET POST PUT PATCH DELETE
   /**
    * @module ChannelFetchUtil
    * @type util
@@ -30265,7 +30081,7 @@ class ChannelFetchUtil {
 
 
   constructor(options, subscriber, testMode) {
-    // console.log('url ',url,options);
+
     const testSubscriber = (p) => console.log('FETCH RETURNED ', p);
 
     this._mapFn = ChannelFetchUtil.setMapFn(options);
@@ -30496,8 +30312,6 @@ class ChannelPayloadFilter {
 
     const debugLabelArr = [debugLabel,  (0,ramda__WEBPACK_IMPORTED_MODULE_5__.default)('debugLabel', filters)]
 
-    const makeBool = b => Boolean(b);
-
     debugLabel = (0,ramda__WEBPACK_IMPORTED_MODULE_0__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_2__.default)(String)))(debugLabelArr);
 
     let props = (0,ramda__WEBPACK_IMPORTED_MODULE_7__.default)(['debugLabel', 'label', 'selector', 'props', 'testMode', 'propFilters'], filters)
@@ -30511,22 +30325,13 @@ class ChannelPayloadFilter {
     filters['propFilters'] = props;
 
     let {propFilters} = filters;
-    //console.log("selector filters ", {selector, filters})
 
-    // let {selector,propFilters,debugLabel} = filters;
 
     const addStringSelectorFilter =  isNonEmptyStr(selector) ? ChannelPayloadFilter.filterSelector([selector], debugLabel) : undefined;
     const addArraySelectorFilter =   isNonEmptyArr(selector) ? ChannelPayloadFilter.filterSelector(selector, debugLabel) : undefined;
-
-
     const addDataFilter = isNonEmptyObjectFn(propFilters) ? ChannelPayloadFilter.filterData(propFilters, debugLabel) : undefined;
 
-    //console.log("IS STRING ",{selector, addStringSelectorFilter, addArraySelectorFilter, addDataFilter},isNonEmptyStr(selector))
-
-
-
     let filtersArr = (0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)(ramda__WEBPACK_IMPORTED_MODULE_10__.default, [addStringSelectorFilter, addArraySelectorFilter, addDataFilter]);
-   // console.log('filtersArr is ',{selector})
 
       // IF ARRAY IS EMPTY ALWAYS RETURN FALSE;
 
@@ -30539,10 +30344,7 @@ class ChannelPayloadFilter {
         }
 
       }
-
-
-    //console.log(" VALUES OF FILTERS ",{selector,propFilters,filters,debugLabel,testMode, filtersAreEmpty});
-    if (testMode === true){
+      if (testMode === true){
         return {selector, propFilters, debugLabel, filters, testMode, filtersAreEmpty};
       }
 
@@ -30552,40 +30354,21 @@ class ChannelPayloadFilter {
   static filterData(filterJson, filterdebugLabel) {
     const debugLabel = filterdebugLabel;
 
-    //console.log('filter data is ',{filterJson, debugLabel})
     let compareData = () => {
       // DO NOT ALLOW AN EMPTY OBJECT TO RETURN TRUEs
       if ((0,ramda__WEBPACK_IMPORTED_MODULE_3__.default)(filterJson)) {
         return (0,ramda__WEBPACK_IMPORTED_MODULE_11__.default)(false);
       }
 
-      //console.log("FILTER JSON ",filterJson);
       //  CHECKS ALL VALUES IN JSON TO DETERMINE IF THERE ARE FILTERING METHODS
 
-      //let typeArrFn = compose(values, rMap(type));
-
-      /*let sendMalFormedWarningBool = uniq(filterValsArr).length > 1;
-      if (sendMalFormedWarningBool === true) {
-        console.warn('Spyne Warningd: The data values in ChannelActionFilters needs to be either all methods or all static values.  DATA: ', filterJson);
-      }*/
-
       const createCurryComparator = compareStr => (str)=>{
         return str===compareStr;
       };
       const checkToConvertToFn = (val, key, obj)=>val = (0,ramda__WEBPACK_IMPORTED_MODULE_2__.default)(String, val)===true ? createCurryComparator(val) : val;
       filterJson = rMap(checkToConvertToFn, filterJson);
 
-      // console.log("FILTER JSON: ",{filterJson, newJson});
-      //const isAllMethods  = all(equals('Function'), filterValsArr);
-
-      // PULL OUT THE CHANNEL PAYLOAD OBJECT IN THE MAIN PAYLOAD
-      // let payload = prop('channelPayload', eventData)
-
-      // IF THERE ARE METHODS IN THE FILTERING JSON, THEN USE where or whereEq if Basic JSON
-     // let fMethod = isAllMethods === true ? where(filterJson) : whereEq(filterJson);
-
       // TAP LOGGER
-
       const tapLogger = (comparedObj)=>{
         if (debugLabel===undefined){
           return comparedObj;
@@ -30599,7 +30382,6 @@ class ChannelPayloadFilter {
       };
 
       // END TAP LOGGER
-
       let fMethod = (0,ramda__WEBPACK_IMPORTED_MODULE_14__.default)(filterJson);
 
       let getFilteringObj =  (v)=>{
@@ -30613,29 +30395,20 @@ class ChannelPayloadFilter {
       return (0,ramda__WEBPACK_IMPORTED_MODULE_0__.default)( fMethod, tapLogger, (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)({}),  getFilteringObj);
 
     };
-   // const filterLabel = `filtering-${Math.floor(Math.random()*999999)}`;
-    //console.time(filterLabel);
-   // const val = compareData();
 
-    //console.timeEnd(filterLabel);
-    //return val;
     return compareData();
   }
 
 
   static checkPayloadSelector(arr, debugLabel, srcPayload) {
-    // ELEMENT FROM PAYLOADs
-
 
+    // ELEMENT FROM PAYLOADs
     const {payload, srcElement, event} = srcPayload || {};
-    //console.log('payload before ',{srcPayload, payload, srcElement, event})
 
     const reduceFindEl = (acc, src) => {
       const el = (0,ramda__WEBPACK_IMPORTED_MODULE_5__.default)('el', src);
-      //console.log("EL IS ",{el, src, acc})
       if (ChannelPayloadFilter.elIsDomElement(el) && acc===undefined){
         acc = el;
-       // return acc;
       }
       return acc;
     }
@@ -30643,19 +30416,6 @@ class ChannelPayloadFilter {
     const el = [srcElement, payload, (0,ramda__WEBPACK_IMPORTED_MODULE_5__.default)('srcElement', event), srcPayload].reduce(reduceFindEl, undefined);
 
 
-    //console.log('el check ',{debugLabel, srcElement, payload, event, el})
-
-    //const o = Object.assign({}, srcPayload, event,srcElement, payload);
-
-    //console.log('o is ',o);
-
-
-    //let payloadIsNotProps = compose(equals('Function'),type, prop('props')  )(payload);
-    //payload = payloadIsNotProps === true ? payload.payload : payload;
-   // console.log('payload after ',{o})
-
-   // let el = path(['el'], o);
-
     // RETURN BOOLEAN MATCH WITH PAYLOAD EL
     const compareEls = (elCompare) => elCompare.isEqualNode((el));
 
@@ -30670,10 +30430,7 @@ class ChannelPayloadFilter {
     if (debugLabel!==undefined){
       let nodeArrResultsDebugger = (0,ramda__WEBPACK_IMPORTED_MODULE_0__.default)(ramda__WEBPACK_IMPORTED_MODULE_16__.default, rMap(mapNodeArrWithEl))(arr);
       const selectorsArr = arr;
-
       console.log(`%c CHANNEL PAYLOAD FILTER DEBUGGER ["${debugLabel}"] - selectors: `, "color:orange;",{el, selectorsArr, nodeArrResultsDebugger});
-
-
     }
 
     // CHECK IF PAYLOAD EL EXISTS
@@ -31035,7 +30792,7 @@ __webpack_require__.r(__webpack_exports__);
 
 function gc() {
   let cleanup = () => {
-    let loopM = m => void 0;
+    let loopM = m => undefined;
     (0,ramda__WEBPACK_IMPORTED_MODULE_0__.default)(loopM, this);
   };
   setTimeout(cleanup, 1);
@@ -31164,10 +30921,7 @@ class RouteChannelUpdater{
     let id = `${name}_ROUTE_UPDATER`;
 
     const sendRouteChannelUpdate = (0,ramda__WEBPACK_IMPORTED_MODULE_0__.default)(RouteChannelUpdater.createTemporaryViewStreamObj);
-
     return sendRouteChannelUpdate({id,name});
-
-   //RouteChannelUpdater.createTemporaryViewStreamObj({name,id});
   }
 
 
@@ -31187,7 +30941,6 @@ class RouteChannelUpdater{
     };
 
     vs.appendToNull();
-    //console.log("VIEWSTREAM IS ",{vs, name,id,payload});
 
   }
 
@@ -31207,13 +30960,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "SpyneAppProperties": () => (/* binding */ SpyneAppProperties)
 /* harmony export */ });
-/* harmony import */ var _spyne_utils_channel_route__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./spyne-utils-channel-route */ "./src/spyne/utils/spyne-utils-channel-route.js");
-/* harmony import */ var _spyne_scroll_lock__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./spyne-scroll-lock */ "./src/spyne/utils/spyne-scroll-lock.js");
-/* harmony import */ var _spyne_plugins_methods__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./spyne-plugins-methods */ "./src/spyne/utils/spyne-plugins-methods.js");
-/* harmony import */ var _deep_merge__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./deep-merge */ "./src/spyne/utils/deep-merge.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/path.js");
-
-
+/* harmony import */ var _spyne_utils_channel_route__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./spyne-utils-channel-route */ "./src/spyne/utils/spyne-utils-channel-route.js");
+/* harmony import */ var _spyne_plugins_methods__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./spyne-plugins-methods */ "./src/spyne/utils/spyne-plugins-methods.js");
+/* harmony import */ var _deep_merge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./deep-merge */ "./src/spyne/utils/deep-merge.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/path.js");
 
 
 
@@ -31225,8 +30975,7 @@ let _channelsMap
 let _initialized = false;
 let _debug = true;
 
-const _spyneScrollLock = new _spyne_scroll_lock__WEBPACK_IMPORTED_MODULE_0__.SpyneScrollLock();
-const _spynePluginMethods = new _spyne_plugins_methods__WEBPACK_IMPORTED_MODULE_1__.SpynePluginsMethods();
+const _spynePluginMethods = new _spyne_plugins_methods__WEBPACK_IMPORTED_MODULE_0__.SpynePluginsMethods();
 
 
 class SpyneAppPropertiesClass{
@@ -31236,19 +30985,48 @@ class SpyneAppPropertiesClass{
 
   }
 
+  get channelsMap(){
+    return _channelsMap;
+  }
+
+  get initialized(){
+    return _initialized;
+  }
+
+  get config(){
+    return _config;
+  }
+
+  get debug(){
+    return _debug;
+  }
 
+  /**
+   * This is mostly used for debugging purposes
+   *
+   * @example
+   * TITLE['<h4>Listing the registereed Channels in the browser console</h4>']
+   * SpyneApp.listChannels();
+   *
+   * @returns A list of all registered channels
+   */
+  static listChannels() {
+    return Array.from(_channels.map.keys());
+  }
 
   initialize(defaultConfig={}, config={}, channelsMap){
     _channels = channelsMap;
-    const userConfig = _spyne_utils_channel_route__WEBPACK_IMPORTED_MODULE_2__.SpyneUtilsChannelRoute.conformRouteObject(config);
-    _config = (0,_deep_merge__WEBPACK_IMPORTED_MODULE_3__.deepMerge)(defaultConfig, userConfig);
+    let userConfig = config;
+    if (config.channels && config.channels.ROUTE) {
+       userConfig = _spyne_utils_channel_route__WEBPACK_IMPORTED_MODULE_1__.SpyneUtilsChannelRoute.conformRouteObject(config);
+    }
+    _config = (0,_deep_merge__WEBPACK_IMPORTED_MODULE_2__.deepMerge)(defaultConfig, userConfig);
     _debug = _config.debug!== undefined ? _config.debug : _debug;
     this.getChannelActions = _channels.getChannelActions.bind(_channels);
     this.listRegisteredChannels = _channels.listRegisteredChannels.bind(_channels);
     _initialized = true;
-   // if (channelsMap!==undefined) {
-      this.setChannelsMap();
-    //}
+     this.setChannelsMap();
+
 
     return _config;
 
@@ -31259,26 +31037,17 @@ class SpyneAppPropertiesClass{
      * THIS METHOD IS PRIMARILY USED FOR SPA GEN SITE GENERATION
      */
 
-    _config = _spyne_utils_channel_route__WEBPACK_IMPORTED_MODULE_2__.SpyneUtilsChannelRoute.conformRouteObject(_config, add404Props);
+    _config = _spyne_utils_channel_route__WEBPACK_IMPORTED_MODULE_1__.SpyneUtilsChannelRoute.conformRouteObject(_config, add404Props);
 
   }
 
-
-
   setChannelsMap(){
-    let obj = {};
-
-
-
     const getStream = _channels.getStream.bind(_channels);
     const testStream =  _channels.testStream.bind(_channels);
     const getProxySubject = _channels.getProxySubject.bind(_channels);
 
-
     _channelsMap = {getStream, testStream, getProxySubject}
 
-
-
   }
 
   setProp(key, val){
@@ -31286,29 +31055,22 @@ class SpyneAppPropertiesClass{
   }
 
   getProp(key){
-    return (0,ramda__WEBPACK_IMPORTED_MODULE_4__.default)(['tmp', key], _config);
-  }
-
-  get channelsMap(){
-    return _channelsMap;
-  }
-
-  get initialized(){
-    return _initialized;
-  }
-
-  get scrollLock(){
-    return _spyneScrollLock;
+    return (0,ramda__WEBPACK_IMPORTED_MODULE_3__.default)(['tmp', key], _config);
   }
 
-
-
-
   setChannelConfig(channelName, config){
     _config.channels[channelName] = config;
     return _config.channels[channelName];
   }
 
+  /**
+   * This method is useful to check in the console or in the code what actions are available to be listened to.
+   * @param {String} channelName
+   * @returns {Array} An array of Actions that can be listened to
+   */
+/*  getChannelActions(channelName) {
+    return _channels.getChannelActions(channelName);
+  }*/
 
   getChannelConfig(channelName, config=_config){
     if (channelName === 'CHANNEL_ROUTE'){
@@ -31329,41 +31091,9 @@ class SpyneAppPropertiesClass{
       return;
     }
 
-    //console.log("MAIN CONFIG IS ",{channelName, channelConfig, config});
-
     return channelConfig;
   }
 
-
-
-
-  get config(){
-    return _config;
-  }
-
-  /**
-   * This is mostly used for debugging purposes
-   *
-   * @example
-   * TITLE['<h4>Listing the registereed Channels in the browser console</h4>']
-   * SpyneApp.listChannels();
-   *
-   * @returns A list of all registered channels
-   */
-  static listChannels() {
-    return Array.from(_channels.map.keys());
-  }
-
-  /**
-   * This method is useful to check in the console or in the code what actions are available to be listened to.
-   * @param {String} channelName
-   * @returns {Array} An array of Actions that can be listened to
-   */
-/*  getChannelActions(channelName) {
-    return _channels.getChannelActions(channelName);
-  }*/
-
-
   registerChannel(){
 
 
@@ -31402,9 +31132,6 @@ class SpyneAppPropertiesClass{
     return _config.plugins[pluginName];
   }
 
-
-
-
   tempGetChannelsInstance(){
 
   }
@@ -31414,11 +31141,6 @@ class SpyneAppPropertiesClass{
 
   }
 
-  get debug(){
-    return _debug;
-    //return _config['debug']===true;
-  }
-
 
 
 
@@ -31473,11 +31195,9 @@ class SpynePluginsMethods{
 
 
   addMethod(key, fn, test=false){
-    //console.log('has method is 2',typeof(_pluginMethodsObj),{_pluginMethodsObj})
 
-    if (_pluginMethodsObj.hasOwnProperty(key)===true){
+    if (Object.prototype.hasOwnProperty.call(_pluginMethodsObj, key)===true){
       const warnStr = `Spyne Warning: the method name, ${key}, already exists.`;
-
       if (test){
         return warnStr;
       }
@@ -31498,7 +31218,6 @@ class SpynePluginsMethods{
     if (isObj === false){
       warnStr = `Spyne Warning: the pluginMethods property, ${JSON.stringify(methodsObj)} needs to be an object.`
       if (test){
-        //console.log('this is a test ',{methodsObj})
         return warnStr;
       }
       console.warn(warnStr);
@@ -31511,7 +31230,6 @@ class SpynePluginsMethods{
 
       const isFunction = typeof(methodVal) === 'function';
 
-      //console.log('method to add ',{keyStr, isFunction})
 
       if (isFunction){
         this.addMethod(keyStr, methodVal, test);
@@ -31536,10 +31254,6 @@ class SpynePluginsMethods{
 
   }
 
-  test1(){
-    //console.log('test 1 is ');
-  }
-
 
   get pluginMethodsObj(){
     return _pluginMethodsObj;
@@ -31550,115 +31264,6 @@ class SpynePluginsMethods{
 
 
 
-}
-
-
-/***/ }),
-
-/***/ "./src/spyne/utils/spyne-scroll-lock.js":
-/*!**********************************************!*\
-  !*** ./src/spyne/utils/spyne-scroll-lock.js ***!
-  \**********************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "SpyneScrollLock": () => (/* binding */ SpyneScrollLock)
-/* harmony export */ });
-class SpyneScrollLock {
-
-  /**
-   * @module SpyneScrollLock
-   * @type core
-   * @desc
-   * Channel Window utility that handles locking body scroll.
-   *
-   * @constructor
-   * @param {Number} x - = 0; Window scroll X position.
-   * @param {Number} y - = 0; Window scroll Y position.
-   *
-   */
-
-
-  constructor(x=window.scrollX,y=window.scrollY) {
-    this.scrollX = x;
-    this.scrollY = y;
-    this.scrollLocked = false;
-    this.scrollElement = undefined;
-    this.defaultScrollState = SpyneScrollLock.getDefaultScrollState();
-    /**
-     * TODO: GET IOS BOOL -- check window height in IOS and adjust
-     *
-     *
-     * */
-
-
-  }
-
-  static getDefaultOverflow(){
-     return window.getComputedStyle(document.body)['overflow'];
-  }
-
-  static getDefaultPosition(){
-    return window.getComputedStyle(document.body)['position'];
-
-  }
-
-  static getDefaultTop(){
-    return window.getComputedStyle(document.body)['top'];
-
-  }
-
-  static getDefaultBodyTop(){
-    return window.getComputedStyle(document.body)['top'];
-
-  }
-
-  static getDefaultScrollState(){
-    return {
-      position: SpyneScrollLock.getDefaultPosition(),
-      overflow: SpyneScrollLock.getDefaultOverflow(),
-      top: SpyneScrollLock.getDefaultTop(),
-      x: window.scrollX,
-      y: window.scrollY
-    }
-  }
-
-
-
-
-  disableBodyScroll(){
-
-
-   // this.defaultBodyOverflow = SpyneScrollLock.getDefaultOverflow();
-    this.defaultScrollState = SpyneScrollLock.getDefaultScrollState();
-    const {y} = this.defaultScrollState;
-    const bodyTopPos = `${y*-1}px`;
-
-    //console.log('disable body scroll ', this.defaultScrollState, bodyTopPos)
-    document.body.style.overflow = 'hidden';
-    document.body.style.position = 'fixed';
-    document.body.style.top = bodyTopPos;
-
-
-
-  }
-
-  enableBodyScroll(){
-    const {position, overflow, top, x, y} = this.defaultScrollState;
-
-    //console.log('Enable body scroll ', this.defaultScrollState)
-
-    document.body.style.overflow = overflow;
-    document.body.style.position = position;
-    document.body.style.top = top;
-    window.scrollTo(x,y);
-
-  }
-
-
-
-
 }
 
 
@@ -31744,13 +31349,10 @@ class SpyneTrait {
     this.checkForMalformedMethods(methodsObj.allMethods);
       let obj = {};
     const bindMethodsToParentViewStream = (str, isStatic = false) => {
-      const addMethod = s =>  {
-        return context[s] = constructorType[s].bind(context);
-      };
       let constructorType = isStatic === true ? this.constructor : this;
       let propertyType = typeof (constructorType[str]);
       if (propertyType === 'function') {
-         obj[str] = addMethod(str);
+         obj[str] = context[str] = constructorType[str].bind(context);
       }
     };
 
@@ -31887,7 +31489,6 @@ class SpyneUtilsChannelRouteUrl {
       let keyword = routeObj.routeName; // PARAM FORM SPYNE CONFIG
       let paramValFromData = data[keyword] !== undefined ? data[keyword] : (0,ramda__WEBPACK_IMPORTED_MODULE_14__.default)(keyword, paramsFromLoc); // PULL VALUE FOR THIS PARAM FROM DATA
       const paramValType = typeof (routeObj[paramValFromData]);
-      // console.log({routeObj, paramValType, paramValFromData, keyword})
 
       if (paramValType === 'string') {
         paramValFromData = routeObj[paramValFromData];
@@ -31897,12 +31498,9 @@ class SpyneUtilsChannelRouteUrl {
 
       urlObj[keyword] = paramValFromData;
 
-      // console.log("URL OBJ ",urlObj);
       if (this.checkIfObjIsNotEmptyOrNil(urlObj)) {
-        // console.log("FOUND ",{paramValFromData, paramValType, urlObj, routeObj});
         urlArr.push(urlObj);
       } else {
-        // console.log("NOT FOUND ",paramValFromData, paramValType, urlObj, routeObj);
 
       }
 
@@ -31910,10 +31508,8 @@ class SpyneUtilsChannelRouteUrl {
       const objectParamExists = (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)(paramValFromData, routeObj);
       const objectContainsRoute = (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)('routePath', routeObj);
       const recursivelyCallLoopBool = objectParamExists && isObject;
-      // console.log("CHECKS ", {isObject, objectParamExists, objectContainsRoute, recursivelyCallLoopBool})
       if (recursivelyCallLoopBool === true) {
         let newObj = routeObj[paramValFromData];
-        // console.log("NEW OBJ ",{paramValFromData, routeObj, newObj});
         if ((0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)('routePath', newObj)) {
           loopThroughParam(newObj.routePath);
         }
@@ -32065,7 +31661,7 @@ class SpyneUtilsChannelRouteUrl {
       let getParamInverted = (0,ramda__WEBPACK_IMPORTED_MODULE_0__.default)(ramda__WEBPACK_IMPORTED_MODULE_3__.default, (0,ramda__WEBPACK_IMPORTED_MODULE_33__.default)([]), (0,ramda__WEBPACK_IMPORTED_MODULE_14__.default)(param));
       let paramInverted = getParamInverted(invertedObj);
       // spyne 11.0.1;
-      let re =  /^([-\$\w]*)$/;
+      let re =  /^([-$\w]*)$/;
       let keyMatch =  re.test(paramInverted);
 
       if (keyMatch === true && (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)(String, paramInverted) === true) {
@@ -32210,7 +31806,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 class SpyneUtilsChannelRoute {
   constructor() {
     /**
@@ -32310,7 +31905,7 @@ class SpyneUtilsChannelRoute {
     // create href and check to see if need to convert to hash href links
     const getHREF = (obj)=>{
       const santizeHREF = str => {
-        const hrefRE = /^(.*\/)([\w\-]*\/?)(.*)$/gm
+        const hrefRE = /^(.*\/)([\w-]*\/?)(.*)$/gm
         //const hrefRE = /^(.*\/)([\w-]*)(.*)$/gm;
        str = str.replace(hrefRE, "$1$2");
        // str = String(str).replace('^$', "");
@@ -32327,7 +31922,7 @@ class SpyneUtilsChannelRoute {
 
 
     // test whether to use key or val
-    const isValidStrRE = /^([A-Za-z0-9_\-])+$/m;
+    const isValidStrRE = /^([A-Za-z0-9_-])+$/m;
 
     const createInitialValFn = (accMain=[], routePathObj, objAcc={})=>{
       let {routeName} = routePathObj;
@@ -32387,7 +31982,6 @@ class SpyneUtilsChannelRoute {
       return getMainKeys(datasetsArr);
     }
     const routeNamesArr = getNavProps(routeDatasetsArr);
-    //console.log('validate route names arr is ',routeNamesArr);
 
     return {routeDatasetsArr, routeNamesArr};
   }
@@ -32397,7 +31991,6 @@ class SpyneUtilsChannelRoute {
     const channelsRoutePath = (0,ramda__WEBPACK_IMPORTED_MODULE_21__.default)(['channels', 'ROUTE'], channelRouteObj);
     let {add404s} = channelsRoutePath !== undefined ? channelsRoutePath : channelRouteObj;
     add404s = add404s || add404Props;
-    //console.log("add 404s is1 ",{add404s, channelsRoutePath})
     const parseRoutePath = (a) => {
       let val = a[1];
       const isArr = (0,ramda__WEBPACK_IMPORTED_MODULE_18__.default)(Array, val);
@@ -32427,24 +32020,17 @@ class SpyneUtilsChannelRoute {
     }
 
     const configMapperFn = (0,ramda__WEBPACK_IMPORTED_MODULE_5__.default)(ramda__WEBPACK_IMPORTED_MODULE_16__.default, (0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)(transduceConfig), ramda__WEBPACK_IMPORTED_MODULE_14__.default);
-    //console.log('route obj ',channelRouteObj);
 
 
     if (channelsRoutePath !== undefined){
       channelRouteObj.channels.ROUTE = configMapperFn(channelRouteObj.channels.ROUTE)
       const extraRouteData = SpyneUtilsChannelRoute.addRouteDatasets(channelRouteObj.channels.ROUTE);
       channelRouteObj.channels.ROUTE = (0,ramda__WEBPACK_IMPORTED_MODULE_25__.default)(channelRouteObj.channels.ROUTE, extraRouteData);
-      //console.log("CHANNEL ROUTE OBJ ",channelRouteObj.channels.ROUTE);
-      //channelRouteObj.channels.ROUTE.linkDatasets = SpyneUtilsChannelRoute.addRouteDatasets(channelRouteObj.channels.ROUTE);
       return channelRouteObj;
     }
 
-
-
     return configMapperFn(channelRouteObj);
 
-
-
   }
 
   static getLocationData() {
@@ -32546,7 +32132,7 @@ class SpyneUtilsChannelWindow {
   }
 
   static createMergedObsFromObj(config) {
-    let mediaQueriesObj = config.mediqQueries;
+    let mediaQueriesObj = config.mediaQueries || config.mediqQueries;
     let arr = [];
 
     const loopQueries = (val, key, obj) => {
@@ -32558,8 +32144,6 @@ class SpyneUtilsChannelWindow {
     };
 
     (0,ramda__WEBPACK_IMPORTED_MODULE_2__.default)(loopQueries, mediaQueriesObj);
-    // let obs$ = Observable.merge(...arr);
-    // console.log('arr is ',arr);
     return arr;
   }
 }
@@ -32685,12 +32269,11 @@ class ViewStreamObservable {
 
     const raw$ =  obs$
       .pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_5__.filter)((payload) => payload !== undefined && payload.action !== undefined));
-    // .filter(p => p.$dir !== undefined)
-    // .do(p => console.log('payload : ', p.$dir, p));
+
     const toInternal$ = obs$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_5__.filter)(filterInternal), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_6__.map)(addInternalfrom$));
     const toParent$ = obs$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_5__.filter)(filterParent), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_6__.map)(addParentfrom$));
     const toChild$ = obs$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_5__.filter)(filterChild), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_6__.map)(addChildfrom$));
-    // const upObs$ = obs$.do(p => console.log('UP: ', p));
+
     const streamObj = {
       parent: toParent$,
       internal: toInternal$,
@@ -32888,9 +32471,6 @@ class DomElementTemplate {
   constructor(template, data) {
     this.template = this.formatTemplate(template);
 
-    //const tempL = `template-${Math.floor(Math.random()*99999)}`
-   // this.tempL=tempL
-
     const checkForArrayData = ()=>{
       if ((0,ramda__WEBPACK_IMPORTED_MODULE_0__.default)(Array, data) === true) {
         data = {spyneData:data};
@@ -32958,8 +32538,6 @@ class DomElementTemplate {
 
 
   renderDocFrag() {
-
-
     const html = this.finalArr.join('');
     const isTableSubTag =   /^([^>]*?)(<){1}(\b)(thead|col|colgroup|tbody|td|tfoot|tr|th)(\b)([^\0]*)$/.test(html);
     const el = isTableSubTag ? html : document.createRange().createContextualFragment(html);
@@ -33064,16 +32642,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/is.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/pipe.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/pick.js");
-// import {createElement} from '../utils/dom-methods';
 
 
 
-// import {DomElementTemplate} from './template-renderer';
 
 
-//import {ViewStreamElement} from './view-stream-element';
-//import {getConstructorName} from '../utils/frp-tools';
-
 class DomElement {
   /**
    * @module DomElement
@@ -33097,35 +32670,21 @@ class DomElement {
    */
 
   constructor(props={}) {
-    //let isSimpleView = both(is(String), complement(isEmpty))(attributes);
-   // if (isSimpleView === true) {
-    //  data = attributes;
-      // attributes = {};
 
-   // }
     const checkDefault = (dflt, val)=>(0,ramda__WEBPACK_IMPORTED_MODULE_0__.default)(dflt)(val);
 
     props.tagName = checkDefault('div', props.tagName);
 
-
     props.attributes = props.attributes!==undefined ? props.attributes : this.getDomAttributes(props);
     props.attrs = this.updateAttrs(props.attributes);
 
     props.fragment =  document.createDocumentFragment()
     this.props = props;
 
-    //this.setProp('tagName', tagName);
-    //this.setProp('attrs', this.updateAttrs(attributes));
-    //this.setProp('data', data);
-   // this.setProp('template', template);
-
-   // this.setProp('fragment', document.createDocumentFragment());
-
     this.addMixins();
   }
 
   setProp(key, val) {
-    //this.props.set(key, val);
     this.props[key] = val;
   }
 
@@ -33463,9 +33022,7 @@ class ViewStreamBroadcaster {
     };
     // spread operator to select variables from arrays
     let [selector, event, local] = args;
-    // console.log('args is ',args);
     // btn query
-    // let query = this.props.el.querySelectorAll(selector);
     let channel; // hoist channel and later check if chnl exists
     let query = this.props.el.querySelectorAll(selector);
 
@@ -33501,8 +33058,6 @@ class ViewStreamBroadcaster {
       data['channel'] = channel;
       // payload needs vsid# to pass verification
 
-      // data['event'] = event;
-      // data['el'] = q;
       data['srcElement'] = {};// pick(['vsid','viewName'], data);
       data.srcElement['id'] = this.props.id;
       data.srcElement['vsid'] = this.props.vsid;
@@ -33519,7 +33074,7 @@ class ViewStreamBroadcaster {
     let 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}!`);
-      // query = this.props.el;
+
       // addObservable(query, event);
     } else {
       query.forEach = Array.prototype.forEach;
@@ -33540,7 +33095,6 @@ class ViewStreamBroadcaster {
     let streamMixins = (0,_utils_mixins_base_streams_mixins__WEBPACK_IMPORTED_MODULE_6__.baseStreamsMixins)();
     this.sendUIPayload = streamMixins.sendUIPayload;
     this.sendRoutePayload = streamMixins.sendRoutePayload;
-    //this.createLifeStreamPayload = streamMixins.createLifeStreamPayload;
   }
 }
 
@@ -33568,9 +33122,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/isNil.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/props.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/defaultTo.js");
-//import { baseCoreMixins } from '../utils/mixins/base-core-mixins';
 
-//import { ifNilThenUpdate, convertDomStringMapToObj } from '../utils/frp-tools';
 
 
 
@@ -33678,7 +33230,6 @@ class ViewStreamElement {
 
     let fadeOutObs = (0,rxjs__WEBPACK_IMPORTED_MODULE_7__.bindCallback)(animateOut);
     let onFadeoutCompleted = (e) => {
-      // console.log('fade out completed ', e, d);
       this._source$.next(gcData);
     };
 
@@ -33709,7 +33260,6 @@ class ViewStreamElement {
   }
 
   onGarbageCollect(p) {
-    // console.log('MEDIATOR onGarbageCollect ', this.vsid, this.vsName, p);
     if (this.domItem!==undefined) {
       this.domItem.unmount();
     }
@@ -33731,9 +33281,7 @@ class ViewStreamElement {
     let append = (node, item) => node.appendChild(item);
     // DETERMINE WHETHER TO USE APPEND OR PREPEND
     // ON CONNECTING DOM ITEMS TO EACH OTHER
-    // this.domItemEl = this.domItem.render();
     let attachFunc = d.attachType === 'appendChild' ? append : prepend;
-    // d.node = isNil(d.query) ? d.node : d.query;
     attachFunc(container, this.domItem.render());
     this.setAnimateIn(d);
   }
@@ -33747,7 +33295,6 @@ class ViewStreamElement {
   onAttachChildToSelf(p) {
     let data = p.childRenderData;
     this.combineDomItems(data);
-    //console.log("ATTACHING CHID TO SELF ===============")
     return {
       action: 'CHILD_ATTACHED',
       $dir: this.$dirs.PI
@@ -33771,13 +33318,8 @@ class ViewStreamElement {
   }
 
   renderDomItem(d) {
-    let tagName, attributes, data, template;
-    [tagName,attributes,data,template]=d;
-    //console.log("RENDER DOM EL ",{tagName, attributes, data,template,d});
-
-    //this.domItem = new DomElement(...d);
+    const [tagName,attributes,data,template]=d;
     this.domItem = new _dom_element__WEBPACK_IMPORTED_MODULE_5__.DomElement({tagName,attributes,data,template});
-
     return this.domItem;
   }
 
@@ -33802,7 +33344,6 @@ class ViewStreamElement {
    */
   onRenderAndAttachToDom(d) {
     let getEl = (data) => this.renderDomItem(data);
-    // let getEl = (data) => new DomElement(...data);
     d.attachData['el'] = getEl((0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)(['tagName', 'domAttributes', 'data', 'template'], d));
     this.combineDomItems(d.attachData);
     return {
@@ -33822,13 +33363,9 @@ class ViewStreamElement {
     let action = payload.action;
     let defaultToFn = (0,ramda__WEBPACK_IMPORTED_MODULE_10__.default)((data) => this.extendedMethods(data));
     let fn = defaultToFn(this.options.hashMethods[action]);
-    // console.log('MEDIATOR onObsSinkSubscribe before ', this.vsid, action, payload);
     let data = fn(payload);
-    // data = this.addDefaultDir(data);
-    // console.log('add default dir ', data);
     let sendData = (d) => this._source$.next(d);
     if (data !== undefined) {
-      // console.log('MEDIATOR onObsSinkSubscribe ', this.vsid, data, payload);
       sendData(Object.freeze(data));
     }
   }
@@ -33842,98 +33379,6 @@ class ViewStreamElement {
 }
 
 
-/***/ }),
-
-/***/ "./src/spyne/views/view-stream-enhancer-loader.js":
-/*!********************************************************!*\
-  !*** ./src/spyne/views/view-stream-enhancer-loader.js ***!
-  \********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "ViewStreamEnhancerLoader": () => (/* binding */ ViewStreamEnhancerLoader)
-/* harmony export */ });
-/* harmony import */ var _utils_frp_tools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/frp-tools */ "./src/spyne/utils/frp-tools.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/concat.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/includes.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/__.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/filter.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/dropWhile.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/map.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/forEach.js");
-
-
-
-class ViewStreamEnhancerLoader {
-  constructor(parent, enhancersArr) {
-    this.context = parent;
-    this.enhancersMap = new Map();
-    this.enhancersArr = enhancersArr;
-
-    this.initMap();
-    this.addAllEnhancerMethods();
-  }
-
-  initMap() {
-    this.enhancersMap.set('ALL', []);
-    let allMethodsArr = (0,_utils_frp_tools__WEBPACK_IMPORTED_MODULE_0__.getAllMethodNames)(this.context).allMethods;
-    this.updateMap('LOCAL', allMethodsArr);
-  }
-
-  getEnhancersMap() {
-    return this.enhancersMap;
-  }
-
-  updateMap(name, arr) {
-    let allArr = (0,ramda__WEBPACK_IMPORTED_MODULE_1__.default)(this.enhancersMap.get('ALL'), arr);
-    this.enhancersMap.set(name, arr);
-    this.enhancersMap.set('ALL', allArr);
-  }
-
-  getMethodsArr(str) {
-    return this.enhancersMap.get(str);
-  }
-
-  createEnhancerMethodsObj(EnhancerClass) {
-    const sendError = str => console.error(
-      `Spyne Error: The following enhancer method, "${str}", already exists and cannot be added to the ${enhancer.name} Enhancer!`);
-    let enhancer = new EnhancerClass(this.context);
-
-    const validateMethods = arr => {
-      let methodsExistsFilter = (0,ramda__WEBPACK_IMPORTED_MODULE_2__.default)(ramda__WEBPACK_IMPORTED_MODULE_3__.default, this.getMethodsArr('ALL'));
-      let dupedMethods = (0,ramda__WEBPACK_IMPORTED_MODULE_4__.default)(methodsExistsFilter, arr);
-      dupedMethods.forEach(sendError);
-      return dupedMethods;
-    };
-
-    let enhancerMethodsObj = enhancer.getEnhancerMethods();
-    let dupedMethodsArr = validateMethods(enhancerMethodsObj.allMethods);
-    let dropDupedMethodsFromArr = (0,ramda__WEBPACK_IMPORTED_MODULE_5__.default)(
-      (0,ramda__WEBPACK_IMPORTED_MODULE_2__.default)(ramda__WEBPACK_IMPORTED_MODULE_3__.default, dupedMethodsArr));
-
-    enhancerMethodsObj = (0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)(dropDupedMethodsFromArr, enhancerMethodsObj);
-
-    this.updateMap(enhancer.name, enhancerMethodsObj.allMethods);
-
-    enhancerMethodsObj['enhancer'] = enhancer;
-    enhancerMethodsObj['name'] = enhancer.name;
-
-    return enhancerMethodsObj;
-  }
-
-  addAllEnhancerMethods() {
-    const addEnhancerMethods = (enhancerClass) => {
-      let enhancerMethodsObj = this.createEnhancerMethodsObj(enhancerClass);
-      let enhancer = enhancerMethodsObj.enhancer;
-      enhancer.bindParentViewStream(enhancerMethodsObj, this.context);
-    };
-
-    (0,ramda__WEBPACK_IMPORTED_MODULE_7__.default)(addEnhancerMethods, this.enhancersArr);
-  }
-}
-
-
 /***/ }),
 
 /***/ "./src/spyne/views/view-stream-payload.js":
@@ -33947,19 +33392,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "ViewStreamPayload": () => (/* binding */ ViewStreamPayload)
 /* harmony export */ });
 /* harmony import */ var _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/spyne-app-properties */ "./src/spyne/utils/spyne-app-properties.js");
-/* harmony import */ var _utils_gc__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/gc */ "./src/spyne/utils/gc.js");
+/* harmony import */ var _utils_gc__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/gc */ "./src/spyne/utils/gc.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/is.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/compose.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/fromPairs.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/toPairs.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/clone.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/lte.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/defaultTo.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/prop.js");
 
 
-//import { validate } from '../utils/channel-config-validator';
-
 
 
 class ViewStreamPayload {
@@ -33985,48 +33425,17 @@ class ViewStreamPayload {
       'data': data,
       'action': action
     };
-   // this.getValidationChecks(name);
     this.sendToDirectorStream(options);
   }
-/*  getValidationChecks(n) {
-    let left  = e => console.warn(e);
-    let right = val => this.onRunValidations(val);
-    let channelExists = SpyneAppProperties.channelsMap.testStream(n);
-    if (channelExists === true) {
-      return right(uiValidations);
-    } else {
-      return left('payload Needs a Valid Stream Name!');//
-    }
-  }
-  onRunValidations(checks) {
-    /!*validate(checks(), this.options).fold(
-      this.onError.bind(this),
-      this.onSuccess.bind(this));*!/
-  }
-  onPayloadValidated(p) {
-    this.sendToDirectorStream(p);
-  }*/
+
   sendToDirectorStream(payload) {
     let directorStream$ = _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_0__.SpyneAppProperties.channelsMap.getStream('DISPATCHER');
     const frozenPayload = ViewStreamPayload.deepClone(payload);
-    //console.log('payload is ',frozenPayload);
     directorStream$.next(frozenPayload);
     payload = undefined;
 
-    //this.gc();
-    //console.timeEnd(label);
-
     delete this;
   }
-/*
-  onError(errors) {
-    console.warn('payload failed due to:\n' + errors.map(e => '* ' + e).join('\n'));
-    this.gc();
-  }
-  onSuccess(payload) {
-    this.onPayloadValidated(payload);
-  }
-*/
 
   static deepClone(o) {
     const isArr = (0,ramda__WEBPACK_IMPORTED_MODULE_1__.default)(Array);
@@ -34038,45 +33447,12 @@ class ViewStreamPayload {
   }
 
 
-
-  static deepFreeze(o) {
-    //return o;
-    //return Object.freeze(o);
-    const elIsDomElement = (0,ramda__WEBPACK_IMPORTED_MODULE_2__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)(0), (0,ramda__WEBPACK_IMPORTED_MODULE_7__.default)(-1), (0,ramda__WEBPACK_IMPORTED_MODULE_8__.default)('nodeType'));
-
-    try {
-      Object.freeze(o);
-      Object.getOwnPropertyNames(o).forEach(function(prop) {
-        if (o.hasOwnProperty(prop)
-            && elIsDomElement(o[prop]) === false
-            && o[prop] !== null
-            && (typeof o[prop] === "object" || typeof o[prop] === "function")
-            && !Object.isFrozen(o[prop])) {
-          ChannelPayload.deepFreeze(o[prop]);
-        }
-      });
-
-    } catch(e){
-      //console.log("FREEZE ERR ",{o,e});
-      return o;
-
-    }
-
-    return 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'];
   }
 
-
-
   addMixins() {
-    //  ==================================
-    // BASE CORE MIXINS
-    //  ==================================
-    // let coreMixins = baseCoreMixins();
-    this.gc = _utils_gc__WEBPACK_IMPORTED_MODULE_9__.gc;
+    this.gc = _utils_gc__WEBPACK_IMPORTED_MODULE_6__.gc;
   }
 }
 
@@ -34106,8 +33482,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 function generateSpyneSelectorId(el) {
-  //const num = () => Math.floor(Math.random(10000000) * 10000000);
-  //const num = () => Math.random().toString(36).substring(2, 8);;
   const num = () => Math.random().toString(36).replace(/\d/gm, '').substring(1,8);
   let vsid = `${num()}`;
   if (el.dataset.vsid === undefined) {
@@ -34307,9 +33681,6 @@ function ViewStreamSelector(cxt, str) {
   };
 
 
-
-
-
   /**
    * Attaches html to the Selector's element
    * @param htmlElement
@@ -34435,60 +33806,56 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "ViewStream": () => (/* binding */ ViewStream)
 /* harmony export */ });
-/* harmony import */ var _utils_mixins_base_core_mixins__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../utils/mixins/base-core-mixins */ "./src/spyne/utils/mixins/base-core-mixins.js");
-/* harmony import */ var _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../utils/spyne-app-properties */ "./src/spyne/utils/spyne-app-properties.js");
+/* harmony import */ var _utils_mixins_base_core_mixins__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../utils/mixins/base-core-mixins */ "./src/spyne/utils/mixins/base-core-mixins.js");
+/* harmony import */ var _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/spyne-app-properties */ "./src/spyne/utils/spyne-app-properties.js");
 /* harmony import */ var _utils_deep_merge__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/deep-merge */ "./src/spyne/utils/deep-merge.js");
 /* harmony import */ var _utils_frp_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/frp-tools */ "./src/spyne/utils/frp-tools.js");
 /* harmony import */ var _view_stream_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./view-stream-element */ "./src/spyne/views/view-stream-element.js");
-/* harmony import */ var _view_stream_enhancer_loader__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./view-stream-enhancer-loader */ "./src/spyne/views/view-stream-enhancer-loader.js");
-/* harmony import */ var _channels_channels_config__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../channels/channels-config */ "./src/spyne/channels/channels-config.js");
-/* harmony import */ var _view_stream_broadcaster__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./view-stream-broadcaster */ "./src/spyne/views/view-stream-broadcaster.js");
-/* harmony import */ var _view_stream_payload__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ./view-stream-payload */ "./src/spyne/views/view-stream-payload.js");
-/* harmony import */ var _utils_channel_payload_filter__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../utils/channel-payload-filter */ "./src/spyne/utils/channel-payload-filter.js");
+/* harmony import */ var _channels_channels_config__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../channels/channels-config */ "./src/spyne/channels/channels-config.js");
+/* harmony import */ var _view_stream_broadcaster__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./view-stream-broadcaster */ "./src/spyne/views/view-stream-broadcaster.js");
+/* harmony import */ var _view_stream_payload__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ./view-stream-payload */ "./src/spyne/views/view-stream-payload.js");
+/* harmony import */ var _utils_channel_payload_filter__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../utils/channel-payload-filter */ "./src/spyne/utils/channel-payload-filter.js");
 /* harmony import */ var _utils_viewstream_observables__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/viewstream-observables */ "./src/spyne/utils/viewstream-observables.js");
-/* harmony import */ var _view_stream_selector__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./view-stream-selector */ "./src/spyne/views/view-stream-selector.js");
+/* harmony import */ var _view_stream_selector__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./view-stream-selector */ "./src/spyne/views/view-stream-selector.js");
 /* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/dist/esm5/internal/Subject.js");
-/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/dist/esm5/internal/observable/of.js");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/map.js");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/takeWhile.js");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/filter.js");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/tap.js");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/finalize.js");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js");
-/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/skip.js");
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/dist/esm5/internal/observable/of.js");
+/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/map.js");
+/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/takeWhile.js");
+/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/filter.js");
+/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/tap.js");
+/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/finalize.js");
+/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/mergeMap.js");
+/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/dist/esm5/internal/operators/skip.js");
 /* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/pick.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/compose.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/toLower.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/either.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/prop.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/always.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/lte.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/defaultTo.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/propSatisfies.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/allPass.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/curry.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/is.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/omit.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/apply.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/mergeRight.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/isNil.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/forEach.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/path.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/flatten.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/findIndex.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/test.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/equals.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/all.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/slice.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/ifElse.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/clone.js");
-/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/where.js");
-
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/flatten.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/findIndex.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/test.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/equals.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/all.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/is.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/compose.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/slice.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/defaultTo.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/lte.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/prop.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/toLower.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/either.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/always.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/propSatisfies.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/allPass.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/curry.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/omit.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/apply.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/mergeRight.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/isNil.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/forEach.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/path.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/ifElse.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/clone.js");
+/* harmony import */ var ramda__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ramda */ "./node_modules/ramda/es/where.js");
 
-//import { baseStreamsMixins } from '../utils/mixins/base-streams-mixins';
 
 
-// import {gc} from '../utils/gc';
 
 
 
@@ -34643,7 +34010,6 @@ class ViewStream {
     if (this.props.traits!==undefined){
       this.addTraits(this.props.traits);
     }
-    this.loadEnhancers();
     this.loadAllMethods();
     this.props.action = 'LOADED';
     this.sink$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__.Subject();
@@ -34660,106 +34026,327 @@ class ViewStream {
     this.checkIfElementAlreadyExists();
   }
 
-  updatePropsToMatchEl() {
-    const getTagName = (0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)(ramda__WEBPACK_IMPORTED_MODULE_7__.default, (0,ramda__WEBPACK_IMPORTED_MODULE_8__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)('tagName'), (0,ramda__WEBPACK_IMPORTED_MODULE_10__.default)('')));
-    this.props.tagName = getTagName(this.props.el);
-  }
-
-  checkIfElementAlreadyExists() {
-    const elIsDomElement = (0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_11__.default)(0), (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)(-1), (0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)('nodeType'));
-    const elIsRendered = el => document.body.contains(el);
-    const elIsReadyBool = (0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)(
-        (0,ramda__WEBPACK_IMPORTED_MODULE_14__.default)([elIsRendered, elIsDomElement]), 'el');
-
-    if (elIsReadyBool(this.props)) {
-      this.updatePropsToMatchEl();
-      this.postRender();
-    }
-  }
-
-  loadEnhancers(arr = []) {
-    let enhancerLoader = new _view_stream_enhancer_loader__WEBPACK_IMPORTED_MODULE_15__.ViewStreamEnhancerLoader(this, arr);
-    this.props['enhancersMap'] = enhancerLoader.getEnhancersMap();
-    enhancerLoader = undefined;
-  }
-
-  loadAllMethods() {
-    const channelFn = (0,ramda__WEBPACK_IMPORTED_MODULE_16__.default)(this.onChannelMethodCall.bind(this));
-    let createExtraStatesMethod = (arr) => {
-      let [action, funcStr, actionFilter] = arr;
-      if ((0,ramda__WEBPACK_IMPORTED_MODULE_17__.default)(String, actionFilter)) {
-        actionFilter = new _utils_channel_payload_filter__WEBPACK_IMPORTED_MODULE_18__.ChannelPayloadFilter({selector:actionFilter});
-      }
-      this.props.extendedSourcesHashMethods[action] = channelFn(funcStr,
-          actionFilter);
-    };
-    this.addActionListeners().forEach(createExtraStatesMethod);
-    this.props.hashSourceMethods = this.setSourceHashMethods(
-        this.props.extendedSourcesHashMethods);
-  }
-
-  /**
-   * Binds channel actions to local methods, formatted as array values.
-   * <ul>
-   * <li><b>First value:</b> Action name, as a string or as a basic Regular Expression.
-   * <li><b>Second value:</b> The method to be called when the action is published.
-   * <li><b>Third optional value:</b> This is a filter option that can be a selector string. or an instance of the LINK['channelPayloadFilter', 'channel-payload-filter'].
-   * </ul>
-   * @example
-   *   addActionListeners() {
-   *     return [
-   *     ['CHANNEL_UI_CLICK_EVENT', 'onClickEvent', 'li.myclass'],
-   *     ['CHANNEL_MY_CUSTOM_EVENT', 'onActionReturned']
-   *            ]
-   *           }
-   *
-   * @returns Nested Array
-   */
-  addActionListeners() {
-    return [];
-  }
-
-  onChannelMethodCall(str, actionFilter, p) {
-    const runFunc = (payload)=>{
-      if (this[str] === undefined){
-        console.warn(`Spyne Warning: The method, ${str} does not appear to exist in ${this.constructor.name}!`)
-      } else{
-        this[str](payload);
-      }
-    }
-
-    if (p.$dir !== undefined && p.$dir.includes('child') &&
-        this.deleted !== true) {
-      let obj = (0,_utils_deep_merge__WEBPACK_IMPORTED_MODULE_3__.deepMerge)({}, p);// Object.assign({}, p);
-      obj['$dir'] = this.$dirs.C;
-      this.sourceStreams.raw$.next(obj);
-    }
-    let filterPayload = (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_10__.default)(true), actionFilter);
-    const filterLabel = `filtering-${Math.floor(Math.random() * 999999)}`;
-
-    if (actionFilter !== undefined) {
-     //console.time(filterLabel);
-
-
-    }
-    if (filterPayload(p) === true) {
-      //  p = omit(['dir$'],p);
-      p = (0,ramda__WEBPACK_IMPORTED_MODULE_19__.default)(['$dir'], p)
-      if (actionFilter !== undefined) {
-
-       // console.log(`pf - ${filterLabel}: `, p);
-        //console.timeEnd(filterLabel);
-      }
-      runFunc(p);
-      //this[str](p);
-    }
+  // ============================= HASH KEY AND SPIGOT METHODS==============================
+  get source$() {
+    return this._source$;
   }
 
-  setSourceHashMethods(extendedSourcesHashMethods = {}) {
-    let hashSourceKeys = {
-      'EXTIRPATING': (p) => this.checkParentDispose(p),
-      'EXTIRPATE': (p) => this.disposeViewStream(p),
-      // 'CHILD_EXTIRPATE'                    : (p) => this.disposeViewStream(p),
+  get attributesArray() {
+    return [
+      'accept',
+      'accept-charset',
+      'accesskey',
+      'action',
+      'align',
+      'allow',
+      'alt',
+      'aria-autocomplete',
+      'aria-checked',
+      'aria-disabled',
+      'aria-expanded',
+      'aria-haspopup',
+      'aria-hidden',
+      'aria-invalid',
+      'aria-label',
+      'aria-level',
+      'aria-multiline',
+      'aria-multiselectable',
+      'aria-orientation',
+      'aria-pressed',
+      'aria-readonly',
+      'aria-required',
+      'aria-selected',
+      'aria-sort',
+      'aria-valuemax',
+      'aria-valuemin',
+      'aria-valuenow',
+      'aria-valuetext',
+      'aria-atomic',
+      'aria-busy',
+      'aria-live',
+      'aria-relevant',
+      'aria-dropeffect',
+      'aria-grabbed',
+      'aria-activedescendant',
+      'aria-controls',
+      'aria-describedby',
+      'aria-flowto',
+      'aria-labelledby',
+      'aria-owns',
+      'aria-posinset',
+      'aria-setsize',
+      'async',
+      'autocapitalize',
+      'autocomplete',
+      'autofocus',
+      'autoplay',
+      'bgcolor',
+      'border',
+      'buffered',
+      'challenge',
+      'charset',
+      'checked',
+      'cite',
+      'class',
+      'code',
+      'codebase',
+      'color',
+      'cols',
+      'colspan',
+      'content',
+      'contenteditable',
+      'contextmenu',
+      'controls',
+      'coords',
+      'crossorigin',
+      'csp',
+      'dataset',
+      'datetime',
+      'decoding',
+      'default',
+      'defer',
+      'dir',
+      'dirname',
+      'disabled',
+      'download',
+      'draggable',
+      'dropzone',
+      'enctype',
+      'for',
+      'form',
+      'formaction',
+      'headers',
+      'height',
+      'hidden',
+      'high',
+      'href',
+      'hreflang',
+      'http-equiv',
+      'icon',
+      'id',
+      'importance',
+      'integrity',
+      'ismap',
+      'itemprop',
+      'keytype',
+      'kind',
+      'label',
+      'lang',
+      'language',
+      'lazyload',
+      'list',
+      'loop',
+      'low',
+      'manifest',
+      'max',
+      'maxlength',
+      'minlength',
+      'media',
+      'method',
+      'min',
+      'multiple',
+      'muted',
+      'name',
+      'novalidate',
+      'open',
+      'optimum',
+      'pattern',
+      'ping',
+      'placeholder',
+      'poster',
+      'preload',
+      'radiogroup',
+      'readonly',
+      'referrerpolicy',
+      'rel',
+      'required',
+      'reversed',
+      'role',
+      'rows',
+      'rowspan',
+      'sandbox',
+      'scope',
+      'scoped',
+      'selected',
+      'shape',
+      'size',
+      'sizes',
+      'slot',
+      'span',
+      'spellcheck',
+      'src',
+      'srcdoc',
+      'srclang',
+      'srcset',
+      'start',
+      'step',
+      'style',
+      'summary',
+      'tabindex',
+      'target',
+      'title',
+      'translate',
+      'type',
+      'usemap',
+      'value',
+      'width',
+      'wrap'
+    ];
+  }
+
+  static isDevMode(){
+    return _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_6__.SpyneAppProperties.debug;
+  }
+
+  static checkIfActionsAreRegistered(channelsArr=[], actionsArr){
+    if (actionsArr.length>0){
+      const getAllActions = (a)=>{
+        const getRegisteredActionsArr = (str)=>_utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_6__.SpyneAppProperties.getChannelActions(str);
+        let arr =  a.map(getRegisteredActionsArr);
+        return (0,ramda__WEBPACK_IMPORTED_MODULE_7__.default)(arr);
+      }
+      const checkForMatch = (strMatch) => {
+        let re = new RegExp(strMatch);
+        let actionIndex = (0,ramda__WEBPACK_IMPORTED_MODULE_8__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)(re), getAllActionsArr)
+        if (actionIndex<0){
+          let channelSyntax = channelsArr.length === 1 ? "from added channel" : "from added channels";
+          console.warn(`Spyne Warning: The action, ${strMatch}, in ${this.props.name}, does not match any of the registered actions ${channelSyntax}, ${channelsArr.join(', ')}`)
+        }
+        //  const vsnum = ()=> R.test(new RegExp(str), "CHANNEL_ROUTE_TEST_EVENT")
+      }
+      let getAllActionsArr = getAllActions(channelsArr);
+      actionsArr.forEach(checkForMatch);
+
+    }
+
+  }
+
+  /**
+   *
+   * Add any query within the ViewStream's dom and any dom events to automatically be observed by the UI Channel.
+   * <br>
+   * @example
+   *
+   *  broadcastEvents() {
+   *  // ADD BUTTON EVENTS AS NESTED ARRAYS
+   *  return [
+   *       ['#my-button', 'mouseover'],
+   *       ['#my-input', 'change']
+   *     ]
+   *   }
+   *
+   *
+   * */
+
+
+  static isValidNestedArr(eventsArr){
+    const isTrue = (0,ramda__WEBPACK_IMPORTED_MODULE_10__.default)(true);
+    const allIsTrue = (0,ramda__WEBPACK_IMPORTED_MODULE_11__.default)(isTrue);
+    const isString = (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)(String);
+    const isValidArr = (0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)(allIsTrue, rMap(isString), (0,ramda__WEBPACK_IMPORTED_MODULE_14__.default)(0,2), (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)([]));
+    const mapEventsArrFn = (0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)( allIsTrue, rMap(isValidArr), (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)([]));
+    return mapEventsArrFn(eventsArr);
+  }
+
+  static elIsDomElement(o) {
+    if ((0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)(String,o)){
+      o = document.querySelector(o);
+    }
+
+
+    return (0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_16__.default)(0), (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)(-1), (0,ramda__WEBPACK_IMPORTED_MODULE_17__.default)('nodeType'))(o);
+  }
+
+  updatePropsToMatchEl() {
+    const getTagName = (0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)(ramda__WEBPACK_IMPORTED_MODULE_18__.default, (0,ramda__WEBPACK_IMPORTED_MODULE_19__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_17__.default)('tagName'), (0,ramda__WEBPACK_IMPORTED_MODULE_20__.default)('')));
+    this.props.tagName = getTagName(this.props.el);
+  }
+
+  //  =====================================================================
+
+  checkIfElementAlreadyExists() {
+    const elIsDomElement = (0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_16__.default)(0), (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)(-1), (0,ramda__WEBPACK_IMPORTED_MODULE_17__.default)('nodeType'));
+    const elIsRendered = el => document.body.contains(el);
+    const elIsReadyBool = (0,ramda__WEBPACK_IMPORTED_MODULE_21__.default)(
+        (0,ramda__WEBPACK_IMPORTED_MODULE_22__.default)([elIsRendered, elIsDomElement]), 'el');
+
+    if (elIsReadyBool(this.props)) {
+      this.updatePropsToMatchEl();
+      this.postRender();
+    }
+  }
+
+  loadAllMethods() {
+    const channelFn = (0,ramda__WEBPACK_IMPORTED_MODULE_23__.default)(this.onChannelMethodCall.bind(this));
+    let createExtraStatesMethod = (arr) => {
+      let [action, funcStr, actionFilter] = arr;
+      if ((0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)(String, actionFilter)) {
+        actionFilter = new _utils_channel_payload_filter__WEBPACK_IMPORTED_MODULE_24__.ChannelPayloadFilter({selector:actionFilter});
+      }
+      this.props.extendedSourcesHashMethods[action] = channelFn(funcStr,
+          actionFilter);
+    };
+    this.addActionListeners().forEach(createExtraStatesMethod);
+    this.props.hashSourceMethods = this.setSourceHashMethods(
+        this.props.extendedSourcesHashMethods);
+  }
+
+  /**
+   * Binds channel actions to local methods, formatted as array values.
+   * <ul>
+   * <li><b>First value:</b> Action name, as a string or as a basic Regular Expression.
+   * <li><b>Second value:</b> The method to be called when the action is published.
+   * <li><b>Third optional value:</b> This is a filter option that can be a selector string. or an instance of the LINK['channelPayloadFilter', 'channel-payload-filter'].
+   * </ul>
+   * @example
+   *   addActionListeners() {
+   *     return [
+   *     ['CHANNEL_UI_CLICK_EVENT', 'onClickEvent', 'li.myclass'],
+   *     ['CHANNEL_MY_CUSTOM_EVENT', 'onActionReturned']
+   *            ]
+   *           }
+   *
+   * @returns Nested Array
+   */
+  addActionListeners() {
+    return [];
+  }
+
+  onChannelMethodCall(str, actionFilter, p) {
+    const runFunc = (payload)=>{
+      if (this[str] === undefined){
+        console.warn(`Spyne Warning: The method, ${str} does not appear to exist in ${this.constructor.name}!`)
+      } else{
+        this[str](payload);
+      }
+    }
+
+    if (p.$dir !== undefined && p.$dir.includes('child') &&
+        this.deleted !== true) {
+      let obj = (0,_utils_deep_merge__WEBPACK_IMPORTED_MODULE_3__.deepMerge)({}, p);// Object.assign({}, p);
+      obj['$dir'] = this.$dirs.C;
+      this.sourceStreams.raw$.next(obj);
+    }
+    let filterPayload = (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_20__.default)(true), actionFilter);
+
+    if (actionFilter !== undefined) {
+
+    }
+    if (filterPayload(p) === true) {
+      p = (0,ramda__WEBPACK_IMPORTED_MODULE_25__.default)(['$dir'], p)
+
+      if (actionFilter !== undefined) {
+
+      }
+      runFunc(p);
+    }
+  }
+
+  setSourceHashMethods(extendedSourcesHashMethods = {}) {
+    let hashSourceKeys = {
+      'EXTIRPATING': (p) => this.checkParentDispose(p),
+      'EXTIRPATE': (p) => this.disposeViewStream(p),
+      // 'CHILD_EXTIRPATE'                    : (p) => this.disposeViewStream(p),
       'VS_SPAWNED': (p) => this.onVSRendered(p),
       'VS_SPAWNED_AND_ATTACHED_TO_DOM': (p) => this.onVSRendered(p),
       'VS_SPAWNED_AND_ATTACHED_TO_PARENT': (p) => this.onVSRendered(p),
@@ -34770,11 +34357,10 @@ class ViewStream {
     return _utils_deep_merge__WEBPACK_IMPORTED_MODULE_3__.deepMerge.all([{}, hashSourceKeys, extendedSourcesHashMethods]);
   }
 
-  //  =====================================================================
   // ====================== MAIN STREAM METHODS ==========================
   initViewStream() {
-    this._source$ = this._rawSource$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.map)(
-        (payload) => this.onMapViewSource(payload)), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_21__.takeWhile)(this.notGCSTATE));
+    this._source$ = this._rawSource$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_26__.map)(
+        (payload) => this.onMapViewSource(payload)), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_27__.takeWhile)(this.notGCSTATE));
 
     this.initAutoMergeSourceStreams();
     this.updateSourceSubscription(this._source$, true);
@@ -34814,8 +34400,8 @@ class ViewStream {
     };
 
     this.parent$ = obs.pipe(
-        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_22__.filter)(filterOutNullData),
-        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.map)(checkIfDisposeOrFadeout));
+        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_28__.filter)(filterOutNullData),
+        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_26__.map)(checkIfDisposeOrFadeout));
     this.updateSourceSubscription(this.parent$, false, 'PARENT');
     this.renderAndAttachToParent(attachData);
   }
@@ -34824,12 +34410,12 @@ class ViewStream {
     let filterOutNullData = (data) => data !== undefined && data.action !==
         undefined;
     let child$ = obs$.pipe(
-        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_22__.filter)(filterOutNullData),
-        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_23__.tap)(p => this.tracer('addChildStraem do ', p)),
-        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.map)((p) => {
+        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_28__.filter)(filterOutNullData),
+        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_29__.tap)(p => this.tracer('addChildStraem do ', p)),
+        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_26__.map)((p) => {
           return p;
         }),
-        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_24__.finalize)(p => this.onChildCompleted(child$.source)));
+        (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_30__.finalize)(p => this.onChildCompleted(child$.source)));
     this.updateSourceSubscription(child$, true, 'CHILD');
   }
 
@@ -34837,6 +34423,8 @@ class ViewStream {
 
   }
 
+  //  =======================================================================================
+
   onChildCompleted(p) {
     let findName = (x) => {
       let finalDest = (y) => {
@@ -34852,9 +34440,7 @@ class ViewStream {
     // console.log('obj is ',childCompletedName,obj,this.props);
     this.onChildDisposed(childCompletedData, p);
     return childCompletedData;
-  }
-
-
+  }
 
   initAutoMergeSourceStreams() {
     // ====================== SUBSCRIPTION SOURCE =========================
@@ -34890,9 +34476,9 @@ class ViewStream {
     this.uberSource$ = new rxjs__WEBPACK_IMPORTED_MODULE_5__.Subject();
     // ======================= COMPOSED RXJS OBSERVABLE ======================
     let incrementObservablesThatCloses = () => { obsCount += 1; };
-    this.autoMergeSubject$ = this.uberSource$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_25__.mergeMap)((obsData) => {
-      let branchObservable$ = obsData.observable.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_22__.filter)(
-          (p) => p !== undefined && p.action !== undefined), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.map)(p => {
+    this.autoMergeSubject$ = this.uberSource$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_31__.mergeMap)((obsData) => {
+      let branchObservable$ = obsData.observable.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_28__.filter)(
+          (p) => p !== undefined && p.action !== undefined), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_26__.map)(p => {
         // console.log('PAYLOAD IS ', p, this.constructor.name)
         let payload = (0,_utils_deep_merge__WEBPACK_IMPORTED_MODULE_3__.deepMerge)({}, p);
         payload.action = p.action;// addRelationToState(obsData.rel, p.action);
@@ -34904,13 +34490,13 @@ class ViewStream {
         return branchObservable$;
       } else {
         incrementObservablesThatCloses();
-        return branchObservable$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_24__.finalize)(decrementOnObservableClosed));
+        return branchObservable$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_30__.finalize)(decrementOnObservableClosed));
       }
     }));
     // ============================= SUBSCRIBER ==============================
     this.autoSubscriber$ = this.autoMergeSubject$
         // .do((p) => console.log('SINK DATA ', this.constructor.name, p))
-        .pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_22__.filter)((p) => p !== undefined && p.action !== undefined))
+        .pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_28__.filter)((p) => p !== undefined && p.action !== undefined))
         .subscribe(subscriber);
   }
 
@@ -34928,7 +34514,7 @@ class ViewStream {
 
   // ============================= SUBSCRIBER METHODS ==============================
   onSubscribeToSourcesNext(payload = {}) {
-    let defaultToFn = (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)((p) => this.sendExtendedStreams(p));
+    let defaultToFn = (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)((p) => this.sendExtendedStreams(p));
 
     // ****USE REGEX AS PREDICATE CHECK FOR PAYLOAD.ACTION IN HASH METHODS OBJ
     // const hashAction = this.props.hashSourceMethods[payload.action];
@@ -34952,6 +34538,14 @@ class ViewStream {
     console.log('ALL ERROR  ', this.constructor.name, payload);
   }
 
+  /*
+    attachChildToView(data) {
+      // let childRenderData = data.attachData;
+      // console.log('CHILD DATA ', this.constructor.name, childRenderData);
+      // this.openSpigot('ATTACH_CHILD_TO_SELF', {childRenderData});
+    }
+  */
+
   onSubscribeToSourcesComplete() {
     // console.log('==== EXTIRPATER ALL COMPLETED ====', this.constructor.name);
     this.tracer('onSubscribeToSourcesComplete', 'VS_DETRITUS_COLLECT');
@@ -34959,12 +34553,6 @@ class ViewStream {
     this.openSpigot('VS_DETRITUS_COLLECT');
   }
 
-  //  =======================================================================================
-  // ============================= HASH KEY AND SPIGOT METHODS==============================
-  get source$() {
-    return this._source$;
-  }
-
   sendExtendedStreams(payload) {
     this.tracer('sendExtendedStreams', payload);
     // console.log('extended methods ', payload.action, payload);
@@ -34986,14 +34574,6 @@ class ViewStream {
     this.openSpigot('VS_SPAWN_AND_ATTACH_TO_DOM', { attachData });
   }
 
-  /*
-    attachChildToView(data) {
-      // let childRenderData = data.attachData;
-      // console.log('CHILD DATA ', this.constructor.name, childRenderData);
-      // this.openSpigot('ATTACH_CHILD_TO_SELF', {childRenderData});
-    }
-  */
-
   // ===================================== EXTIRPATE METHODS =================================
   checkParentDispose(p) {
     if (p.from$ === 'parent') {
@@ -35005,6 +34585,8 @@ class ViewStream {
 
   }
 
+  // ===================================== SINK$ METHODS =================================
+
   /**
    *
    * Wraps window.setTimeout with a check to see if "this" ViewStream element and its props property still exists
@@ -35018,13 +34600,12 @@ class ViewStream {
     const timeoutMethod = (...args)=>{
       if (this!==undefined && this.props!==undefined){
         const methodFn = bind===true ? fn.bind(this) : fn;
-        (0,ramda__WEBPACK_IMPORTED_MODULE_26__.default)(methodFn, args);
+        (0,ramda__WEBPACK_IMPORTED_MODULE_32__.default)(methodFn, args);
       }
     }
     window.setTimeout(timeoutMethod, ms);
   }
 
-
   /**
    *
    * Begins the removal process of the ViewStream instance along with all of its chained ViewStream children.
@@ -35051,27 +34632,21 @@ class ViewStream {
     this.tracer('onReadyToGC', isInternal, p);
   }
 
-  // ===================================== SINK$ METHODS =================================
-
   openSpigot(action, obj = {}) {
     if (this.props !== undefined) {
       this.props.action = action;
-      let data = (0,ramda__WEBPACK_IMPORTED_MODULE_27__.default)(this.props, obj);
+      let data = (0,ramda__WEBPACK_IMPORTED_MODULE_33__.default)(this.props, obj);
       //let data = Object.assign({}, this.props, obj);
 
       this.sink$.next(Object.freeze(data));
     }
   }
 
-  static isDevMode(){
-    return _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_28__.SpyneAppProperties.debug;
-  }
-
   setAttachData(attachType, query) {
     const checkQuery = ()=>{
       let q = this.props.el.querySelector(query);
       const isDevMode = ViewStream.isDevMode();
-      if (isDevMode === true && (0,ramda__WEBPACK_IMPORTED_MODULE_17__.default)(String, query) && (0,ramda__WEBPACK_IMPORTED_MODULE_29__.default)(q) ){
+      if (isDevMode === true && (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)(String, query) && (0,ramda__WEBPACK_IMPORTED_MODULE_34__.default)(q) ){
         console.warn(`Spyne Warning: The appendView query in ${this.props.name}, '${query}', appears to not exist!`);
       }
       return q;
@@ -35108,7 +34683,7 @@ class ViewStream {
   }
 
   onMapViewSource(payload = {}) {
-    this.props = (0,ramda__WEBPACK_IMPORTED_MODULE_27__.default)(this.props, payload);
+    this.props = (0,ramda__WEBPACK_IMPORTED_MODULE_33__.default)(this.props, payload);
     return payload;
   }
 
@@ -35295,7 +34870,7 @@ class ViewStream {
 
     }
 
-    this.viewsStreamBroadcaster = new _view_stream_broadcaster__WEBPACK_IMPORTED_MODULE_30__.ViewStreamBroadcaster(this.props,
+    this.viewsStreamBroadcaster = new _view_stream_broadcaster__WEBPACK_IMPORTED_MODULE_35__.ViewStreamBroadcaster(this.props,
         this.broadcastEvents.bind(this));
     this.afterBroadcastEvents();
   }
@@ -35310,12 +34885,10 @@ class ViewStream {
 
     traits.forEach(addTrait);
 
-    if (this.isDevMode === true){
-      const actionsArr = this.addActionListeners();
-    }
-
   }
 
+  // ================================= METHODS TO BE EXTENDED ==============================
+
   afterBroadcastEvents(){
 
     if (this.isDevMode === true ){
@@ -35330,46 +34903,24 @@ class ViewStream {
         console.warn(`Spyne Warning: The array returned from addActionsListeners in ${this.props.name}, '${JSON.stringify(nestedActionsArr)}', does not appear to be properly formatted!`);
       } else {
         const checkForExistingMethod = (arr)=>{
-          const method = (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)('', arr[1]);
-          const isMethod = (0,ramda__WEBPACK_IMPORTED_MODULE_17__.default)(Function, this[method]);
+          const method = (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)('', arr[1]);
+          const isMethod = (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)(Function, this[method]);
           if (isMethod === false){
             console.warn(`Spyne Warning: The method in addActionListeners nested Array, '${JSON.stringify(arr)}', in ${this.props.name}, does not appear to exist!`);
           }
 
         }
-        ;(0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_31__.default)(checkForExistingMethod), (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)([]))(nestedActionsArr);
+        ;(0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_36__.default)(checkForExistingMethod), (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)([]))(nestedActionsArr);
       }
 
       const delayForProxyChannelResets = ()=>{
-        if ((0,ramda__WEBPACK_IMPORTED_MODULE_32__.default)(['props','addedChannels'], this) !== undefined) {
+        if ((0,ramda__WEBPACK_IMPORTED_MODULE_37__.default)(['props','addedChannels'], this) !== undefined) {
           ViewStream.checkIfActionsAreRegistered.bind(this)(this.props.addedChannels, actionsArr);
         }
       };
       this.setTimeout(delayForProxyChannelResets, 500);
     }
   }
-  static checkIfActionsAreRegistered(channelsArr=[], actionsArr){
-    if (actionsArr.length>0){
-      const getAllActions = (a)=>{
-        const getRegisteredActionsArr = (str)=>_utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_28__.SpyneAppProperties.getChannelActions(str);
-        let arr =  a.map(getRegisteredActionsArr);
-        return (0,ramda__WEBPACK_IMPORTED_MODULE_33__.default)(arr);
-      }
-      const checkForMatch = (strMatch) => {
-        let re = new RegExp(strMatch);
-        let actionIndex = (0,ramda__WEBPACK_IMPORTED_MODULE_34__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_35__.default)(re), getAllActionsArr)
-        if (actionIndex<0){
-          let channelSyntax = channelsArr.length === 1 ? "from added channel" : "from added channels";
-          console.warn(`Spyne Warning: The action, ${strMatch}, in ${this.props.name}, does not match any of the registered actions ${channelSyntax}, ${channelsArr.join(', ')}`)
-        }
-        //  const vsnum = ()=> R.test(new RegExp(str), "CHANNEL_ROUTE_TEST_EVENT")
-      }
-      let getAllActionsArr = getAllActions(channelsArr);
-      actionsArr.forEach(checkForMatch);
-
-    }
-
-  }
 
   setDataVSID(){
     this.props.el.dataset.vsid = this.props.vsid;// String(this.props.vsid).replace(/^(vsid-)(.*)$/, '$2');
@@ -35384,18 +34935,16 @@ class ViewStream {
 
     //this.props.el$ = dm2(this.props.el);
     this.setDataVSID();
-    this.props.el$ = (0,_view_stream_selector__WEBPACK_IMPORTED_MODULE_36__.ViewStreamSelector)(this.props.el);
+    this.props.el$ = (0,_view_stream_selector__WEBPACK_IMPORTED_MODULE_38__.ViewStreamSelector)(this.props.el);
     // console.log('EL IS ', this.props.el$.elArr);
     // window.theEl$ = this.props.el$;
   }
 
-  // ================================= METHODS TO BE EXTENDED ==============================
-
-
   // THIS IS AN EVENT HOLDER METHOD BECAUSE SENDING DOWNSTREAM REQUIRE THE PARENT TO HAVE A METHOD
   downStream() {
 
   }
+
   /**
    *
    * This method is called as soon as the element has been rendered.
@@ -35414,10 +34963,6 @@ class ViewStream {
   onAnimFrameAfterRendered() {
   }
 
-
-
-
-
   /**
    *
    * (Deprecated. Use onRendered). This method is called as soon as the element has been rendered.
@@ -35427,35 +34972,6 @@ class ViewStream {
   afterRender() {
   }
 
-  /**
-   *
-   * Add any query within the ViewStream's dom and any dom events to automatically be observed by the UI Channel.
-   * <br>
-   * @example
-   *
-   *  broadcastEvents() {
-   *  // ADD BUTTON EVENTS AS NESTED ARRAYS
-   *  return [
-   *       ['#my-button', 'mouseover'],
-   *       ['#my-input', 'change']
-   *     ]
-   *   }
-   *
-   *
-   * */
-
-
-  static isValidNestedArr(eventsArr){
-    const isTrue = (0,ramda__WEBPACK_IMPORTED_MODULE_37__.default)(true);
-    const allIsTrue = (0,ramda__WEBPACK_IMPORTED_MODULE_38__.default)(isTrue);
-    const isString = (0,ramda__WEBPACK_IMPORTED_MODULE_17__.default)(String);
-    const isValidArr = (0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)(allIsTrue, rMap(isString), (0,ramda__WEBPACK_IMPORTED_MODULE_39__.default)(0,2), (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)([]));
-    const mapEventsArrFn = (0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)( allIsTrue, rMap(isValidArr), (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)([]));
-    return mapEventsArrFn(eventsArr);
-  }
-
-
-
   broadcastEvents() {
     // ADD BUTTON EVENTS AS NESTED ARRAYS
     return [];
@@ -35477,16 +34993,16 @@ class ViewStream {
    * */
 
   getChannel(channel) {
-    let isValidChannel = c => (0,_channels_channels_config__WEBPACK_IMPORTED_MODULE_40__.registeredStreamNames)().includes(c);
+    let isValidChannel = c => (0,_channels_channels_config__WEBPACK_IMPORTED_MODULE_39__.registeredStreamNames)().includes(c);
     let error = c => console.warn(
-        `channel name ${c} is not within ${_channels_channels_config__WEBPACK_IMPORTED_MODULE_40__.registeredStreamNames}`);
+        `channel name ${c} is not within ${_channels_channels_config__WEBPACK_IMPORTED_MODULE_39__.registeredStreamNames}`);
     let startSubscribe = (c) => {
-      let obs$ = _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_28__.SpyneAppProperties.channelsMap.getStream(c).observer;
+      let obs$ = _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_6__.SpyneAppProperties.channelsMap.getStream(c).observer;
 
-      return obs$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_21__.takeWhile)(p => this.deleted !== true));
+      return obs$.pipe((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_27__.takeWhile)(p => this.deleted !== true));
     };// getGlobalParam('streamsController').getStream(c).observer;
 
-    let fn = (0,ramda__WEBPACK_IMPORTED_MODULE_41__.default)(isValidChannel, startSubscribe, error);
+    let fn = (0,ramda__WEBPACK_IMPORTED_MODULE_40__.default)(isValidChannel, startSubscribe, error);
 
     return fn(channel);
   }
@@ -35532,8 +35048,8 @@ class ViewStream {
 
 
 
-    const isLocalEventCheck = (0,ramda__WEBPACK_IMPORTED_MODULE_32__.default)(['srcElement', 'isLocalEvent']);
-    const cidCheck = (0,ramda__WEBPACK_IMPORTED_MODULE_32__.default)(['srcElement', 'vsid']);
+    const isLocalEventCheck = (0,ramda__WEBPACK_IMPORTED_MODULE_37__.default)(['srcElement', 'isLocalEvent']);
+    const cidCheck = (0,ramda__WEBPACK_IMPORTED_MODULE_37__.default)(['srcElement', 'vsid']);
     const cidMatches = p => {
       let vsid = cidCheck(p);
       let isLocalEvent = isLocalEventCheck(p);
@@ -35542,9 +35058,9 @@ class ViewStream {
       return filterEvent;
     };
 
-    const pipeArr = [(0,rxjs_operators__WEBPACK_IMPORTED_MODULE_20__.map)(mapDirection), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_22__.filter)(cidMatches)]
+    const pipeArr = [(0,rxjs_operators__WEBPACK_IMPORTED_MODULE_26__.map)(mapDirection), (0,rxjs_operators__WEBPACK_IMPORTED_MODULE_28__.filter)(cidMatches)]
     if (skipFirst === true){
-      pipeArr.unshift((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_42__.skip)(1));
+      pipeArr.unshift((0,rxjs_operators__WEBPACK_IMPORTED_MODULE_41__.skip)(1));
     }
 
     let channel$ = this.getChannel(str).pipe(...pipeArr);
@@ -35552,16 +35068,14 @@ class ViewStream {
     this.props.addedChannels.push(str);
   }
 
-
   checkIfChannelExists(channelName) {
-    let channelExists = _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_28__.SpyneAppProperties.channelsMap.testStream(channelName);
+    let channelExists = _utils_spyne_app_properties__WEBPACK_IMPORTED_MODULE_6__.SpyneAppProperties.channelsMap.testStream(channelName);
     if (channelExists !== true) {
       console.warn(`SPYNE WARNING: The ChannelPayload from ${this.props.name}, has been sent to a channel, ${channelName}, that has not been registered!`);
     }
     return channelExists;
   }
 
-
   /**
    *
    * @param {String} channelName
@@ -35579,11 +35093,11 @@ class ViewStream {
   sendInfoToChannel(channelName, pl = {}, action) {
     const payload = pl;
 
-    let defaultToAction = (0,ramda__WEBPACK_IMPORTED_MODULE_12__.default)('VIEWSTREAM_EVENT');
+    let defaultToAction = (0,ramda__WEBPACK_IMPORTED_MODULE_15__.default)('VIEWSTREAM_EVENT');
     const channelDefaultActionHash = {
       CHANNEL_ROUTE: "CHANNEL_ROUTE_CHANGE_EVENT"
     }
-    const getActionFn = (0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)(defaultToAction, (0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)(channelName))
+    const getActionFn = (0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)(defaultToAction, (0,ramda__WEBPACK_IMPORTED_MODULE_17__.default)(channelName))
 
     action = action || getActionFn(channelDefaultActionHash);
 
@@ -35591,40 +35105,37 @@ class ViewStream {
     let data = { payload, action };
 
 
-    data.srcElement = (0,ramda__WEBPACK_IMPORTED_MODULE_6__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_4__.default)(['id','vsid','class','tagName']), (0,ramda__WEBPACK_IMPORTED_MODULE_9__.default)('props'))(this);
+    data.srcElement = (0,ramda__WEBPACK_IMPORTED_MODULE_13__.default)((0,ramda__WEBPACK_IMPORTED_MODULE_4__.default)(['id','vsid','class','tagName']), (0,ramda__WEBPACK_IMPORTED_MODULE_17__.default)('props'))(this);
     if (this.checkIfChannelExists(channelName) === true) {
       if (/CHANNEL_LIFECYCLE/.test(action)===false){
         Object.defineProperties(data, {
           payload: {
-            get: ()=> (0,ramda__WEBPACK_IMPORTED_MODULE_43__.default)(pl)
+            get: ()=> (0,ramda__WEBPACK_IMPORTED_MODULE_42__.default)(pl)
 
           }
         })
 
       }
-        let obs$ = (0,rxjs__WEBPACK_IMPORTED_MODULE_44__.of)(data);
-        return new _view_stream_payload__WEBPACK_IMPORTED_MODULE_45__.ViewStreamPayload(channelName, obs$, data);
+        let obs$ = (0,rxjs__WEBPACK_IMPORTED_MODULE_43__.of)(data);
+        return new _view_stream_payload__WEBPACK_IMPORTED_MODULE_44__.ViewStreamPayload(channelName, obs$, data);
 
       }
 
 
-
-
-
-
   }
 
   tracer(...args) {
     this.sendLifecycleMethod(...args);
   }
+
   sendLifecycleMethodInactive() {
 
   }
 
   sendLifecycleMethodActive(val, p) {
-    let isRendered = (0,ramda__WEBPACK_IMPORTED_MODULE_46__.default)({
-      from$: (0,ramda__WEBPACK_IMPORTED_MODULE_37__.default)('internal'),
-      action: (0,ramda__WEBPACK_IMPORTED_MODULE_37__.default)('VS_SPAWNED_AND_ATTACHED_TO_PARENT')
+    let isRendered = (0,ramda__WEBPACK_IMPORTED_MODULE_45__.default)({
+      from$: (0,ramda__WEBPACK_IMPORTED_MODULE_10__.default)('internal'),
+      action: (0,ramda__WEBPACK_IMPORTED_MODULE_10__.default)('VS_SPAWNED_AND_ATTACHED_TO_PARENT')
     }, p);
     let isDisposed = p === 'VS_DETRITUS_COLLECT';
     if (isRendered === true) {
@@ -35635,176 +35146,14 @@ class ViewStream {
   }
 
   createActionFilter(selectors, data) {
-    return new _utils_channel_payload_filter__WEBPACK_IMPORTED_MODULE_18__.ChannelPayloadFilter(selectors, data);
+    return new _utils_channel_payload_filter__WEBPACK_IMPORTED_MODULE_24__.ChannelPayloadFilter(selectors, data);
   }
 
   isLocalEvent(channelPayloadItem) {
-    const itemEl = (0,ramda__WEBPACK_IMPORTED_MODULE_32__.default)(['srcElement', 'el'], channelPayloadItem);
-    return itemEl !== undefined &&
-        this.props.el.contains(channelPayloadItem.srcElement.el);
-  }
-
-  get attributesArray() {
-    return [
-      'accept',
-      'accept-charset',
-      'accesskey',
-      'action',
-      'align',
-      'allow',
-      'alt',
-      'aria-autocomplete',
-      'aria-checked',
-      'aria-disabled',
-      'aria-expanded',
-      'aria-haspopup',
-      'aria-hidden',
-      'aria-invalid',
-      'aria-label',
-      'aria-level',
-      'aria-multiline',
-      'aria-multiselectable',
-      'aria-orientation',
-      'aria-pressed',
-      'aria-readonly',
-      'aria-required',
-      'aria-selected',
-      'aria-sort',
-      'aria-valuemax',
-      'aria-valuemin',
-      'aria-valuenow',
-      'aria-valuetext',
-      'aria-atomic',
-      'aria-busy',
-      'aria-live',
-      'aria-relevant',
-      'aria-dropeffect',
-      'aria-grabbed',
-      'aria-activedescendant',
-      'aria-controls',
-      'aria-describedby',
-      'aria-flowto',
-      'aria-labelledby',
-      'aria-owns',
-      'aria-posinset',
-      'aria-setsize',
-      'async',
-      'autocapitalize',
-      'autocomplete',
-      'autofocus',
-      'autoplay',
-      'bgcolor',
-      'border',
-      'buffered',
-      'challenge',
-      'charset',
-      'checked',
-      'cite',
-      'class',
-      'code',
-      'codebase',
-      'color',
-      'cols',
-      'colspan',
-      'content',
-      'contenteditable',
-      'contextmenu',
-      'controls',
-      'coords',
-      'crossorigin',
-      'csp',
-      'dataset',
-      'datetime',
-      'decoding',
-      'default',
-      'defer',
-      'dir',
-      'dirname',
-      'disabled',
-      'download',
-      'draggable',
-      'dropzone',
-      'enctype',
-      'for',
-      'form',
-      'formaction',
-      'headers',
-      'height',
-      'hidden',
-      'high',
-      'href',
-      'hreflang',
-      'http-equiv',
-      'icon',
-      'id',
-      'importance',
-      'integrity',
-      'ismap',
-      'itemprop',
-      'keytype',
-      'kind',
-      'label',
-      'lang',
-      'language',
-      'lazyload',
-      'list',
-      'loop',
-      'low',
-      'manifest',
-      'max',
-      'maxlength',
-      'minlength',
-      'media',
-      'method',
-      'min',
-      'multiple',
-      'muted',
-      'name',
-      'novalidate',
-      'open',
-      'optimum',
-      'pattern',
-      'ping',
-      'placeholder',
-      'poster',
-      'preload',
-      'radiogroup',
-      'readonly',
-      'referrerpolicy',
-      'rel',
-      'required',
-      'reversed',
-      'role',
-      'rows',
-      'rowspan',
-      'sandbox',
-      'scope',
-      'scoped',
-      'selected',
-      'shape',
-      'size',
-      'sizes',
-      'slot',
-      'span',
-      'spellcheck',
-      'src',
-      'srcdoc',
-      'srclang',
-      'srcset',
-      'start',
-      'step',
-      'style',
-      'summary',
-      'tabindex',
-      'target',
-      'title',
-      'translate',
-      'type',
-      'usemap',
-      'value',
-      'width',
-      'wrap'
-    ];
+    const itemEl = (0,ramda__WEBPACK_IMPORTED_MODULE_37__.default)(['srcElement', 'el'], channelPayloadItem);
+    const thisEl = (0,ramda__WEBPACK_IMPORTED_MODULE_37__.default)(['props', 'el'], this);
+    //console.log('this el is ',{thisEl, itemEl});
+    return ViewStream.elIsDomElement(thisEl) && ViewStream.elIsDomElement(itemEl) && thisEl.contains(itemEl);
   }
 
   //  =======================================================================================
@@ -35812,7 +35161,7 @@ class ViewStream {
     //  ==================================
     // BASE CORE MIXINS
     //  ==================================
-    let coreMixins = (0,_utils_mixins_base_core_mixins__WEBPACK_IMPORTED_MODULE_47__.baseCoreMixins)();
+    let coreMixins = (0,_utils_mixins_base_core_mixins__WEBPACK_IMPORTED_MODULE_46__.baseCoreMixins)();
     this.createId = coreMixins.createId;
   }
 }
@@ -35940,7 +35289,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-//window['Spyne'] = SpyneApp;
 
 
 })();