@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: '755722aafe8c7c992d81936e1fd05bc970a49a8f' }, h("div", { key: 'ea3295bdc10841fcd2636f00dbe33db3965cc03e', class: "wizard-header-container" }, h("div", { key: '2196bef1c7318b14a6096cc7a4fef74c864eab8a', class: "left-container" }, h("span", { key: '0396db15a603d405e72af97cf00efbf5341d520a', class: "label" }, this.label), h("span", { key: '421cba23aac898ce48870e7b3d7a44148ee23bac', class: "separator" }), h("span", { key: 'ba0b7f662cbe4b0504d98e4fca5295dab09caabb', class: "description" }, this.description), ((_a = this.tip) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("kv-toggle-tip", { key: 'afc847b950a6c13e99f8b393fd18036bd9dba376', text: this.tip, position: ETooltipPosition.Bottom, customClass: "wizard-header-tip" }, h("kv-icon", { key: '082f1c4c12a0a8658cf373baa6108d5367a07881', name: EIconName.Info, slot: "open-element-slot" })))), h("slot", { key: '7cea27cf9c27afeb6fc428498bef8b8358066fb4', 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
}
};
}
}