import { r as registerInstance, h, H as Host } from './index-94a3b2a3.js';

const CorejamBox = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    //@todo check if props are valid
    this.display = "block";
    this.droppableElements = ["corejam-box"];
  }
  componentShouldUpdate(newValue, oldValue) {
    return newValue != oldValue;
  }
  async componentWillLoad() {
    await this.computeStyles();
  }
  async computeStyles() {
    const hash = await (await import('./style-940e9004.js').then(function (n) { return n.s; })).calculateStyles(this);
    this.hash = hash;
  }
  render() {
    return (h(Host, { class: this.hash }, h("slot", null)));
  }
  static get watchers() { return {
    "flex": ["computeStyles"],
    "display": ["computeStyles"],
    "smDisplay": ["computeStyles"],
    "mdDisplay": ["computeStyles"],
    "lgDisplay": ["computeStyles"],
    "xlDisplay": ["computeStyles"],
    "direction": ["computeStyles"],
    "smDirection": ["computeStyles"],
    "mdDirection": ["computeStyles"],
    "lgDirection": ["computeStyles"],
    "xlDirection": ["computeStyles"],
    "items": ["computeStyles"],
    "smItems": ["computeStyles"],
    "mdItems": ["computeStyles"],
    "lgIitems": ["computeStyles"],
    "xlItems": ["computeStyles"],
    "alignContent": ["computeStyles"],
    "smAlignContent": ["computeStyles"],
    "mdAlignContent": ["computeStyles"],
    "lgAlignContent": ["computeStyles"],
    "xlAlignContent": ["computeStyles"],
    "self": ["computeStyles"],
    "smSelf": ["computeStyles"],
    "mdSelf": ["computeStyles"],
    "lgSelf": ["computeStyles"],
    "xlSelf": ["computeStyles"],
    "justify": ["computeStyles"],
    "smJustify": ["computeStyles"],
    "mdJustify": ["computeStyles"],
    "lgJustify": ["computeStyles"],
    "xljustify": ["computeStyles"],
    "wrap": ["computeStyles"],
    "smWrap": ["computeStyles"],
    "mdWrap": ["computeStyles"],
    "lgWrap": ["computeStyles"],
    "xlWrap": ["computeStyles"],
    "flow": ["computeStyles"],
    "smFlow": ["computeStyles"],
    "mdFlow": ["computeStyles"],
    "lgFlow": ["computeStyles"],
    "xlFlow": ["computeStyles"],
    "order": ["computeStyles"],
    "smOrder": ["computeStyles"],
    "mdOrder": ["computeStyles"],
    "lgOrder": ["computeStyles"],
    "xlOrder": ["computeStyles"],
    "grow": ["computeStyles"],
    "smGrow": ["computeStyles"],
    "mdGrow": ["computeStyles"],
    "lgGrow": ["computeStyles"],
    "xlGrow": ["computeStyles"],
    "shrink": ["computeStyles"],
    "smShrink": ["computeStyles"],
    "mdShrink": ["computeStyles"],
    "lgShrink": ["computeStyles"],
    "xlShrink": ["computeStyles"],
    "basis": ["computeStyles"],
    "smBasis": ["computeStyles"],
    "mdBasis": ["computeStyles"],
    "lgBasis": ["computeStyles"],
    "xlBasis": ["computeStyles"],
    "w": ["computeStyles"],
    "smW": ["computeStyles"],
    "mdW": ["computeStyles"],
    "lgW": ["computeStyles"],
    "xlW": ["computeStyles"],
    "h": ["computeStyles"],
    "smH": ["computeStyles"],
    "mdH": ["computeStyles"],
    "lgH": ["computeStyles"],
    "xlH": ["computeStyles"],
    "p": ["computeStyles"],
    "smP": ["computeStyles"],
    "mdP": ["computeStyles"],
    "lgP": ["computeStyles"],
    "xlP": ["computeStyles"],
    "py": ["computeStyles"],
    "smPy": ["computeStyles"],
    "mdPy": ["computeStyles"],
    "lgPy": ["computeStyles"],
    "xlPy": ["computeStyles"],
    "px": ["computeStyles"],
    "smPx": ["computeStyles"],
    "mdPx": ["computeStyles"],
    "lgPx": ["computeStyles"],
    "xlPx": ["computeStyles"],
    "pt": ["computeStyles"],
    "smPt": ["computeStyles"],
    "mdPt": ["computeStyles"],
    "lgPt": ["computeStyles"],
    "xlPt": ["computeStyles"],
    "pr": ["computeStyles"],
    "smPr": ["computeStyles"],
    "mdPr": ["computeStyles"],
    "lgPr": ["computeStyles"],
    "xlPr": ["computeStyles"],
    "pb": ["computeStyles"],
    "smPb": ["computeStyles"],
    "mdPb": ["computeStyles"],
    "lgPb": ["computeStyles"],
    "xlPb": ["computeStyles"],
    "pl": ["computeStyles"],
    "smPl": ["computeStyles"],
    "mdPl": ["computeStyles"],
    "lgPl": ["computeStyles"],
    "xlPl": ["computeStyles"],
    "m": ["computeStyles"],
    "smM": ["computeStyles"],
    "mdM": ["computeStyles"],
    "lgM": ["computeStyles"],
    "xlM": ["computeStyles"],
    "my": ["computeStyles"],
    "smMy": ["computeStyles"],
    "mdMy": ["computeStyles"],
    "lgMy": ["computeStyles"],
    "xlMy": ["computeStyles"],
    "mx": ["computeStyles"],
    "smMx": ["computeStyles"],
    "mdMx": ["computeStyles"],
    "lgMx": ["computeStyles"],
    "xlMx": ["computeStyles"],
    "mt": ["computeStyles"],
    "smMt": ["computeStyles"],
    "mdMt": ["computeStyles"],
    "lgMt": ["computeStyles"],
    "xlMt": ["computeStyles"],
    "mr": ["computeStyles"],
    "smMr": ["computeStyles"],
    "mdMr": ["computeStyles"],
    "lgMr": ["computeStyles"],
    "xlMr": ["computeStyles"],
    "mb": ["computeStyles"],
    "smMb": ["computeStyles"],
    "mdMb": ["computeStyles"],
    "lgMb": ["computeStyles"],
    "xlMb": ["computeStyles"],
    "ml": ["computeStyles"],
    "smMl": ["computeStyles"],
    "mdMl": ["computeStyles"],
    "lgMl": ["computeStyles"],
    "xlMl": ["computeStyles"],
    "max": ["computeStyles"],
    "smMax": ["computeStyles"],
    "mdMax": ["computeStyles"],
    "lgMax": ["computeStyles"],
    "xlMax": ["computeStyles"],
    "bg": ["computeStyles"],
    "smBg": ["computeStyles"],
    "mdBg": ["computeStyles"],
    "lgBg": ["computeStyles"],
    "xlBg": ["computeStyles"],
    "hoverBg": ["computeStyles"],
    "smHoverBg": ["computeStyles"],
    "mdHoverBg": ["computeStyles"],
    "lgHoverBg": ["computeStyles"],
    "xlHoverBg": ["computeStyles"],
    "hide": ["computeStyles"],
    "smHide": ["computeStyles"],
    "mdHide": ["computeStyles"],
    "lgHide": ["computeStyles"],
    "xlHide": ["computeStyles"],
    "show": ["computeStyles"],
    "smShow": ["computeStyles"],
    "mdShow": ["computeStyles"],
    "lgShow": ["computeStyles"],
    "xlShow": ["computeStyles"],
    "collapse": ["computeStyles"],
    "bColor": ["computeStyles"],
    "rounded": ["computeStyles"],
    "roundedTop": ["computeStyles"],
    "roundedRight": ["computeStyles"],
    "roundedLeft": ["computeStyles"],
    "roundedBottom": ["computeStyles"],
    "bStyle": ["computeStyles"],
    "bWidth": ["computeStyles"],
    "bWidthTop": ["computeStyles"],
    "bWidthRight": ["computeStyles"],
    "bWidthBottom": ["computeStyles"],
    "bWidthLeft": ["computeStyles"],
    "animation": ["computeStyles"],
    "shadow": ["computeStyles"],
    "hoverShadow": ["computeStyles"],
    "position": ["computeStyles"],
    "top": ["computeStyles"],
    "right": ["computeStyles"],
    "bottom": ["computeStyles"],
    "left": ["computeStyles"]
  }; }
};

const CorejamType = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.as = "span";
    this.droppableElements = ["corejam-box"];
  }
  async componentWillLoad() {
    await this.computeStyles();
  }
  async computeStyles() {
    const hash = await (await import('./style-940e9004.js').then(function (n) { return n.s; })).calculateStyles(this);
    this.hash = hash;
  }
  render() {
    const Type = this.as;
    return (h(Type, { class: this.hash }, h("slot", null)));
  }
  static get watchers() { return {
    "color": ["computeStyles"],
    "family": ["computeStyles"],
    "size": ["computeStyles"],
    "fontStyle": ["computeStyles"],
    "spacing": ["computeStyles"],
    "decoration": ["computeStyles"],
    "transform": ["computeStyles"],
    "align": ["computeStyles"]
  }; }
};

export { CorejamBox as corejam_box, CorejamType as corejam_type };
