Я хотел бы создать пользовательский элемент Polymer 'ab-btn', который расширяет элемент 'a'. Следует использовать как:

<ab-btn href="http://www.gooogle.com">Google</ab-btn>

моя html декларация полимерного элемента выглядит так (скрипт указан в конце, потому что я хочу объявить больше элементов в одном файле):

<polymer-element name="ab-btn" extends="a">
  <template>
    <content></content>
  </template>
</polymer-element>

<script type="application/dart" src="ab-elements.dart"></script>

и дартс скрипт для элемента выглядит так:

import 'package:polymer/polymer.dart';
import 'dart:svg';

@CustomTag('ab-btn')
class AbBtn extends AElement {
  AbBtn.created() : super.created();

  var inputMethodContext;
}

Когда я пытаюсь использовать этот элемент, я всегда получаю ошибку:

#13     _ZoneDelegate.run (dart:async/zone.dart:417)
#14     _CustomizedZone.run (dart:async/zone.dart:627)
#15     initPolymer (package:polymer/src/loader.dart:37:33)
#16     main (package:polymer/init.dart:23:22)


Exception: InvalidCharacterError: Internal Dartium Exception
  undefined (undefined:0:0)

Как правильно расширить элементы «а»?