(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{22:function(n,t,e){"use strict";e.r(t),e.d(t,"SlicesUIIcon",(function(){return a}));var o=e(6),i=e(0);let r,s=n=>n;class a extends o.a{static get properties(){return{icon:{observe:!0,DOM:!0,fromAttributeConverter:i.d.fromAttribute},loaded:{observe:!0,DOM:!0,reflect:!0,fromAttributeConverter:i.a.fromAttribute,toAttributeConverter:i.a.toAttribute}}}static get propertiesChangedHandlers(){return{render:["icon","loaded"]}}constructor(){super(),this._loadFont().then(()=>window.requestAnimationFrame(()=>this.loaded=!0))}async _loadFont(){if(document.querySelector(".slices-material-fonts"))return;const n=document.createElement("style");n.classList.add("slices-material-fonts"),n.innerHTML="\n      @font-face {\n        font-family: 'Material Icons';\n        src: url('https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2');\n      }\n    ",document.head.appendChild(n)}get template(){return Object(o.b)(r||(r=s`
      <style>${0}</style>
      ${0}
    `),"\n:host,\n:host *,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\na {\n  color: inherit;\n}\n:host(:not(.focus-visible)),\n:host(.focus-visible),\n:host(:not(.focus-visible)) input,\n:host(:not(.focus-visible)) button,\n:host(:not(.focus-visible)) select {\n  outline: none;\n}\n[hidden] {\n  display: none !important;\n}\n:host {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  margin: 0;\n  display: inline;\n  font-family: 'Material Icons', sans-serif;\n  font-weight: normal;\n  font-style: normal;\n  line-height: 1;\n  display: none;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  vertical-align: middle;\n  font-feature-settings: 'liga';\n}\n:host([loaded]) {\n  display: inline-block;\n}\n:host([spin]) {\n  animation-name: spin;\n  animation-duration: 1000ms;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n@-moz-keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n@-webkit-keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n@-o-keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n",this.icon)}}window.customElements.define("slicesui-icon",a)}}]);
//# sourceMappingURL=9c546c07046359bb76d2.js.map