import { unsafeCSS, LitElement, nothing, html } from "lit";
import { property } from "lit/decorators.js";
import compentStyle from "./app-button.css.js";
import { classMap } from "lit/directives/class-map.js";
import { customElement } from "../../decorator.js";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __decorateClass = (decorators, target, key, kind) => {
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
    if (decorator = decorators[i])
      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
  if (kind && result) __defProp(target, key, result);
  return result;
};
var AppButtonSize = /* @__PURE__ */ ((AppButtonSize2) => {
  AppButtonSize2["Normal"] = "normal";
  AppButtonSize2["Small"] = "small";
  return AppButtonSize2;
})(AppButtonSize || {});
let ObcAppButton = class extends LitElement {
  constructor() {
    super(...arguments);
    this.label = "Button";
    this.checked = false;
    this.showLabel = true;
    this.integration = false;
    this.size = "normal";
    this.disabled = false;
  }
  render() {
    return html` <button
      class="${classMap({
      wrapper: true,
      checked: this.checked,
      small: this.size === "small",
      integration: this.integration,
      disabled: this.disabled
    })}"
      ?disabled=${this.disabled}
    >
      <div class="icon-wrapper">
        <span class="icon">
          <slot name="icon"></slot>
        </span>
      </div>
      ${this.showLabel ? html`<div class="label">${this.label}</div>` : nothing}
    </button>`;
  }
};
ObcAppButton.styles = unsafeCSS(compentStyle);
__decorateClass([
  property({ type: String })
], ObcAppButton.prototype, "label", 2);
__decorateClass([
  property({ type: Boolean })
], ObcAppButton.prototype, "checked", 2);
__decorateClass([
  property({ type: Boolean, attribute: false })
], ObcAppButton.prototype, "showLabel", 2);
__decorateClass([
  property({ type: Boolean })
], ObcAppButton.prototype, "integration", 2);
__decorateClass([
  property({ type: String })
], ObcAppButton.prototype, "size", 2);
__decorateClass([
  property({ type: Boolean })
], ObcAppButton.prototype, "disabled", 2);
ObcAppButton = __decorateClass([
  customElement("obc-app-button")
], ObcAppButton);
export {
  AppButtonSize,
  ObcAppButton
};
//# sourceMappingURL=app-button.js.map
