Consultar elementos dentro de <content> de um elemento personalizado

Eu tenho dois elementos personalizados. Um deles está aninhado a outro. Algo assim:

<polymer-element name="my-element">
  <template>
  <div>
    Bla, Bla, Bla!
  </div>
  </template>
  <script type="application/dart" src="my_element.dart"></script>
</polymer-element>

<polymer-element name="my-decorator">
  <template>
  <div>
    <div>Decorator</div>
    <content>
      <!-- my-element will be here-->
    </content>
  </div>
  </template>
  <script type="application/dart" src="my_decorator.dart"></script>
</polymer-element>

usando os dois elementos personalizados em index.html:

<my-decorator>
  <my-element></my-element>
</my-decorator>

Como posso consultar a instância do segundo elemento a partir do código por trás do primeiro?

@CustomTag('my-decorator')
class MyDecorator extends PolymerElement {
  bool get applyAuthorStyles => true;

  MyDecorator.created() : super.created() {

    // TODO:
    // get my-element instance here!
    // ..

  }
}

questionAnswers(1)

yourAnswerToTheQuestion