@microblink/blinkcard-in-browser-sdk
Version:
BlinkCard SDK is credit or payment cards scanning library for WebAssembly-enabled browsers.
130 lines (129 loc) • 3.56 kB
JavaScript
/**
* 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"; }
}