@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
75 lines (74 loc) • 3.34 kB
JavaScript
/**
* @license EUPL-1.2
* Copyright (c) 2020-2024 Frameless B.V.
* Copyright (c) 2021-2024 Gemeente Utrecht
*/
import { h } from "@stencil/core";
import clsx from "clsx";
export class StepProgressSublistItem {
constructor() {
this.appearance = undefined;
this.checked = false;
}
render() {
const { appearance, checked } = this;
return (h("li", { key: 'c7f039527c81ed7662740a888be491d63019ec9e', class: clsx('denhaag-process-steps__sub-step', `denhaag-process-steps__sub-step--${appearance}`) }, h("div", { key: '25c339f3d412673b1ab8a9cc7755d04e39e19b88', class: "denhaag-process-steps__step-header" }, h("div", { key: '05956144e7865f07b5a96c782a188a778aae1e95', class: clsx('denhaag-step-marker', 'denhaag-step-marker--nested', {
'denhaag-step-marker--checked': checked,
'denhaag-step-marker--not-checked': !checked,
}) }, h("slot", { key: '1beef6a7c97ac2dee8ea90c0f58ed9291cbe78f2', name: "marker" }), checked && (h("svg", { key: '4f8ebd3f65d6b2da3b9a1723b354924b2e026b95', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", class: "denhaag-icon", focusable: "false", "aria-hidden": "true", "shape-rendering": "auto" }, h("path", { key: '09e509a165809b2bd8099e9b70282abaef2200da', d: "M20.664 5.253a1 1 0 01.083 1.411l-10.666 12a1 1 0 01-1.495 0l-5.333-6a1 1 0 011.494-1.328l4.586 5.159 9.92-11.16a1 1 0 011.411-.082z", stroke: "currentColor", "stroke-width": "1.75" })))), h("p", { key: '24a1245e488c3f201e226e9ff5a13598a46285b9', class: clsx('denhaag-process-steps__sub-step-heading', {
'denhaag-process-steps__sub-step-heading--checked': checked,
}) }, h("slot", { key: 'c0774625671d121a01002eeac8f4961db825e3d8' })))));
}
static get is() { return "utrecht-progress-sublist-item"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["progress-list.scss"]
};
}
static get styleUrls() {
return {
"$": ["progress-list.css"]
};
}
static get properties() {
return {
"appearance": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": ""
},
"attribute": "appearance",
"reflect": false
},
"checked": {
"type": "boolean",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [],
"text": ""
},
"attribute": "checked",
"reflect": false,
"defaultValue": "false"
}
};
}
}
//# sourceMappingURL=progress-sublist-item.js.map