/**
 * Copyright 2019 The Pennsylvania State University
 * @license Apache-2.0, see License.md for full text.
 */
class FluidType extends HTMLElement{get html(){return"\n<style>\n:host {\n  --fluid-type-min-size: 1;\n  --fluid-type-max-size: 2;\n  --fluid-type-min-screen: 20;\n  --fluid-type-max-screen: 88;\n\n  font-size: calc(\n    (var(--fluid-type-min-size) * 1rem) + (var(--fluid-type-max-size) - var(--fluid-type-min-size)) * (100vw - (var(--fluid-type-min-screen) * 1rem)) /\n      (var(--fluid-type-max-screen) - var(--fluid-type-min-screen))\n  );\n}\n        </style>\n<slot></slot>"}static get tag(){return"fluid-type"}constructor(e=!1){super(),this.tag=FluidType.tag,this.template=globalThis.document.createElement("template"),this.attachShadow({mode:"open"}),e||this.render()}connectedCallback(){globalThis.ShadyCSS&&globalThis.ShadyCSS.styleElement(this)}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(FluidType.tag,FluidType);export{FluidType};