@kelvininc/ui-components
Version:
Kelvin UI Components
91 lines (90 loc) • 3.85 kB
JavaScript
import { Host, h } from "@stencil/core";
import { EIconName, ETooltipPosition } from "../../types";
export class KvWizardHeader {
render() {
var _a;
return (h(Host, { key: '2e9d5797f3f1871cfaf220d409101686e31ef534' }, h("div", { key: '5914e6c5456216c14727a955b3e7b840585c372e', class: "wizard-header-container" }, h("div", { key: 'c95e9b08c31c456cb478bc6ff78f1cc63fcae710', class: "left-container" }, h("span", { key: '1a69f83a660350cd0bd0569c406ed08e4a44fae2', class: "label" }, this.label), h("span", { key: '1e0ffb180b7e68b75c9c3595f32927d34d94b650', class: "separator" }), h("span", { key: '18679e998932493d2ac40ae6e057b78a0f634778', class: "description" }, this.description), ((_a = this.tip) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("kv-toggle-tip", { key: '8e03dfb2887f5c5d9d4d329a9cc66d17bbc67110', text: this.tip, position: ETooltipPosition.Bottom, customClass: "wizard-header-tip" }, h("kv-icon", { key: 'e938f09434a38cb13a79ee8d6fcdc7f8039b033d', name: EIconName.Info, slot: "open-element-slot" })))), h("slot", { key: '3c60f6589c4a28582b450fd42620a4cfcf4a2854', name: "additional-header-actions" }))));
}
static get is() { return "kv-wizard-header"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["wizard-header.scss"]
};
}
static get styleUrls() {
return {
"$": ["wizard-header.css"]
};
}
static get properties() {
return {
"label": {
"type": "string",
"attribute": "label",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": true,
"optional": false,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(required) A title to describe a state (e.g step)"
},
"getter": false,
"setter": false,
"reflect": true
},
"description": {
"type": "string",
"attribute": "description",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": true,
"optional": false,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(required) A description of the state (e.g the description of a step)"
},
"getter": false,
"setter": false,
"reflect": true
},
"tip": {
"type": "string",
"attribute": "tip",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(optional) An extra information for the step"
},
"getter": false,
"setter": false,
"reflect": true
}
};
}
}