@microblink/blinkid-in-browser-sdk/ui/dist/collection/components/shared/mb-button-classic/mb-button-classic.js

A simple ID scanning library for WebAssembly-enabled browsers.

/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 */
import { Host, h } from "@stencil/core";
import { setWebComponentParts } from "../../../utils/generic.helpers";
import { classNames } from "../../../utils/generic.helpers";
import { isDesktop } from "../../../utils/device.helpers";
export class MbButtonClassic {
  constructor() {
    this.inverted = false;
    this.quit = undefined;
    this.disabled = false;
    this.preventDefault = false;
    this.clickHandler = undefined;
  }
  connectedCallback() {
    setWebComponentParts(this.hostEl);
  }
  render() {
    return (h(Host, { class: classNames({
        inverted: this.inverted,
        mobile: !isDesktop(),
        "quit-mobile": this.quit && !isDesktop(),
      }) }, h("button", { part: "button", disabled: this.disabled, onClick: this.clickHandler }, h("slot", null))));
  }
  static get is() { return "mb-button-classic"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() {
    return {
      "$": ["mb-button-classic.scss"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["mb-button-classic.css"]
    };
  }
  static get properties() {
    return {
      "inverted": {
        "type": "boolean",
        "mutable": false,
        "complexType": {
          "original": "boolean",
          "resolved": "boolean",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": "Set to 'true' if button should be inverted style."
        },
        "attribute": "inverted",
        "reflect": false,
        "defaultValue": "false"
      },
      "quit": {
        "type": "boolean",
        "mutable": false,
        "complexType": {
          "original": "boolean",
          "resolved": "boolean",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": ""
        },
        "attribute": "quit",
        "reflect": false
      },
      "disabled": {
        "type": "boolean",
        "mutable": false,
        "complexType": {
          "original": "boolean",
          "resolved": "boolean",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": "Set to 'true' if button should be disabled, and if click events should not be triggered."
        },
        "attribute": "disabled",
        "reflect": false,
        "defaultValue": "false"
      },
      "preventDefault": {
        "type": "boolean",
        "mutable": false,
        "complexType": {
          "original": "boolean",
          "resolved": "boolean",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": "Set to 'true' if default event should be prevented."
        },
        "attribute": "prevent-default",
        "reflect": false,
        "defaultValue": "false"
      },
      "clickHandler": {
        "type": "unknown",
        "mutable": false,
        "complexType": {
          "original": "(ev: UIEvent) => void",
          "resolved": "(ev: UIEvent) => void",
          "references": {
            "UIEvent": {
              "location": "global"
            }
          }
        },
        "required": true,
        "optional": false,
        "docs": {
          "tags": [],
          "text": "Function to call on click"
        }
      }
    };
  }
  static get elementRef() { return "hostEl"; }
}