@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
50 lines (49 loc) • 1.72 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 SpotlightSection {
constructor() {
this.appearance = undefined;
}
render() {
return (h("div", { key: '46b69f7b1f1b0baafe953198944d0830edb7584c', class: clsx('utrecht-spotlight-section', this.appearance === 'error' && 'utrecht-spotlight-section--error', this.appearance === 'info' && 'utrecht-spotlight-section--info', this.appearance === 'ok' && 'utrecht-spotlight-section--ok', this.appearance === 'warning' && 'utrecht-spotlight-section--warning') }, h("slot", { key: '20bd45bfbe9a56fe7d4bd0c6ae954722bdbba533' })));
}
static get is() { return "utrecht-spotlight-section"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["spotlight-section.scss"]
};
}
static get styleUrls() {
return {
"$": ["spotlight-section.css"]
};
}
static get properties() {
return {
"appearance": {
"type": "string",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": ""
},
"attribute": "appearance",
"reflect": false
}
};
}
}
//# sourceMappingURL=spotlight-section.js.map