resolveMappingCollisions() {
      var mappings = this.mappings;
      var self = this;
      Object.keys(mappings).forEach(function resolveCollision(key) {
        var newAttribute;
        if (key !== key.toLowerCase()) {
          warn('Mapping keys should be specified in lower case. The mapping key ' + key + ' may not be recognized');
        }
        if (_core_component_js__WEBPACK_IMPORTED_MODULE_2__.components[key]) {
          newAttribute = mappings[key].replace('.', '-');
          mappings[newAttribute] = mappings[key];
          delete mappings[key];
          console.warn('The primitive ' + self.tagName.toLowerCase() + ' has a mapping collision. ' + 'The attribute ' + key + ' has the same name as a registered component and' + ' has been renamed to ' + newAttribute);
        }
      });
    }
If a mapping collides with a registered component name
it renames the mapping to componentname-property