code: function (/**Element*/context) {
                  var contextNode = context || document,
                      self = this,
                      apps = franky.getElementsByAttr(appAttr, contextNode);
  
                  franky.forEach(apps, function (element) {
                      var names = franky.data(element, 'xapp');
                      franky.forEach(names.split(' '), function (appName) {
                          self.initById(
                              appName,
                              franky.getElementId(element),
                              element
                          );
                      });
                  });
  
                  return this;
              }
docs: We can init Component module by HTML. E.g. `<div data-xapp='test'></div>` All components must be defined by data-xapp attributes for being inited >E.g. `<div data-xapp='test'></div>` Then franky.Component.initByHTML can be called and all assigned components are being called by `init` function `document.addEventListener( 'DOMContentLoaded', function () { franky.Component.initByHTML() })`