import { h } from './chunks/d4789960.js';
import './chunks/456564be.js';
import { g as getComponentOrDefine } from './chunks/071ed725.js';

var style = ":host {\n}\n\n.spinner {\n  width: 40px;\n  height: 40px;\n  background-color: #e3a126;\n  margin: 100px auto;\n  animation: sk-rotateplane 1.2s infinite ease-in-out;\n}\n\n@keyframes sk-rotateplane {\n  0% {\n    transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)\n  } 50% {\n    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)\n  } 100% {\n    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n  }\n}\n";

const KunPageLoader = () => h("host", null, h("style", null, style), h("div", {
  class: "spinner"
}));

KunPageLoader.props = {
  message: {
    type: String,
    value: "kun-page-loader",
    reflect: true,
    event: {
      type: "changeMessage"
    }
  }
};
var kunPageLoader = getComponentOrDefine("kun-page-loader", KunPageLoader);

export default kunPageLoader;
//# sourceMappingURL=kun-page-loader.js.map
