/**
 * Copyright 2018 The Pennsylvania State University
 * @license Apache-2.0, see License.md for full text.
 */
class Hexagon extends HTMLElement{get html(){return"\n<style>\n:host {\n  display: inline-flex;\n  position: relative;\n  height: 36px;\n  width: 36px;\n}\n\n:host div,\n:host div:before,\n:host div:after {\n background-color: var(--hexagon-color, orange);\n}\n\ndiv {\n  width: var(--hexagon-width, 30px);\n  height: var(--hexagon-height, 18px);\n  margin: 9px 3px;\n  position: absolute;\n  color: var(--hexagon-color, orange);\n}\ndiv:before, div:after {\n  content: '';\n  position: absolute;\n  width: var(--hexagon-width, 30px);\n  height: var(--hexagon-height, 18px);\n}\ndiv:before {\n  -webkit-transform: rotate(60deg);\n          transform: rotate(60deg);\n}\ndiv:after {\n  -webkit-transform: rotate(-60deg);\n          transform: rotate(-60deg);\n}\n</style>\n    <div></div>"}static get tag(){return"hex-a-gon"}constructor(e=!1){super(),this.tag=Hexagon.tag,this._queue=[],this.template=globalThis.document.createElement("template"),this.attachShadow({mode:"open"}),e||this.render()}connectedCallback(){globalThis.ShadyCSS&&globalThis.ShadyCSS.styleElement(this),this._queue.length&&this._processQueue()}_copyAttribute(e,t){const n=this.shadowRoot.querySelectorAll(t),o=this.getAttribute(e),a=null==o?"removeAttribute":"setAttribute";for(const t of n)t[a](e,o)}_queueAction(e){this._queue.push(e)}_processQueue(){this._queue.forEach((e=>{this[`_${e.type}`](e.data)})),this._queue=[]}_setProperty({name:e,value:t}){this[e]=t}render(){this.shadowRoot.innerHTML=null,this.template.innerHTML=this.html,globalThis.ShadyCSS&&globalThis.ShadyCSS.prepareTemplate(this.template,this.tag),this.shadowRoot.appendChild(this.template.content.cloneNode(!0))}}customElements.define(Hexagon.tag,Hexagon);export{Hexagon};