Как наследовать от настраиваемого элемента

Question

Можно ли наследовать от пользовательского элемента.

Я добавил базовый пример пользовательского элемента x-foo с шаблоном и теневым dom. Возможно ли создать новый пользовательский элемент, называемый «x-superfoo», который наследует «x-superfoo» функции и стили (и перезаписывает некоторые стили, например, синий цвет)?

http://jsbin.com/hodoxo/1/edit

Answer 1

Конечно! Просто используйте стандартное прототипное наследование JS.

var XSuperFooProto = Object.create(XFooProto); 

XSuperFooProto.createdCallback = function() { 
    XFooProto.createdCallback.call(this); 

    // Set up another shadow root... 
}; 

document.registerElement('x-superfoo', {prototype: XSuperFooProto}); 

http://jsbin.com/hiwatidulivi/1/edit?html,js,output