'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-1206254d.js');

const CorejamButton = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.display = "flex";
    this.justify = "center";
    this.outline = "none";
    this.hoverOutline = "none";
    this.focusOutline = "none";
    //@todo fix these wrong types
    this.type = "button";
  }
  async componentWillLoad() {
    await this.computeStyles();
  }
  async computeStyles() {
    const hash = await (await Promise.resolve().then(function () { return require('./style-2b3a6185.js'); }).then(function (n) { return n.style; })).calculateStyles(this);
    this.hash = hash;
  }
  render() {
    const Tag = this.type;
    return (index.h(Tag, { class: this.hash }, index.h("slot", null)));
  }
  static get watchers() { return {
    "display": ["computeStyles"],
    "w": ["computeStyles"],
    "smW": ["computeStyles"],
    "mdW": ["computeStyles"],
    "lgW": ["computeStyles"],
    "xlW": ["computeStyles"],
    "bg": ["computeStyles"],
    "hoverBg": ["computeStyles"],
    "focusBg": ["computeStyles"],
    "color": ["computeStyles"],
    "hoverColor": ["computeStyles"],
    "focusColor": ["computeStyles"],
    "p": ["computeStyles"],
    "pl": ["computeStyles"],
    "pr": ["computeStyles"],
    "pt": ["computeStyles"],
    "pb": ["computeStyles"],
    "outline": ["computeStyles"],
    "hoverOutline": ["computeStyles"],
    "focusOutline": ["computeStyles"],
    "transition": ["computeStyles"]
  }; }
};

exports.corejam_button = CorejamButton;
