index.d3442604.js

const e=[{name:"HTML5",type:"Frontend"},{name:"CSS",type:"Frontend"},{name:"Javascript",type:"Frontend"},{name:"Vue.js",type:"Frontend"},{name:"Polymer",type:"Frontend"},{name:"Angular.js",type:"Frontend"},{name:"Node.js",type:"Backend"},{name:"Hapi.js",type:"Backend"},{name:"Laravel",type:"Backend"},{name:"Wordpress",type:"Backend"},{name:"Redis",type:"Database"},{name:"MySQL",type:"Database"},{name:"PostgreSQL",type:"Database"}];class n extends HTMLElement{constructor(){super();const e=this.getRenderTemplate();this.appendChild(e.content.cloneNode(!0))}getRenderTemplate(){const n=document.createElement("template");return n.innerHTML=`\n    <ul class="technology__container">\n      ${e.map((e=>`\n            <li class="technology technology--${e.type.toLowerCase()}">\n              <h3>${e.name}</h3>\n            </li>`)).join("")}\n    </ul>`,n}}window.customElements.define("technologies-list",n);
//# sourceMappingURL=index.d3442604.js.map