poc-third-try-category-after.js

require('./Container');
require('./Renderizable');

const Category = {
  name: 'Category',
  className: 'category',
  tagName: 'article',
  
  toHTML: Renderizable.toHTML,
  
  firstItem: Container.firstItem,
  addItem: Container.addItem,
  init: Container.init,
  emptyItem: Container.emptyItem,
  getItems: Container.getItems,
  
  from(obj){
    let result = EnhancedObject.from.call(this, obj).init();
    obj.item && result.addItem( Item.from(obj.item) )
    return result;
  },
  children(){
    return `
      <h1>${this.name} (${this.items.length})</h1>
      ${this.firstItem().toHTML()}
    `;
  }
};