nve-designsystem 3.1.0 → 3.3.0

package/chunks/nve-label.component.js

@@ -0,0 +1,89 @@
+import { a as e, t } from "./lit.js";
+import { o as n, s as r, t as i } from "./decorate.js";
+import { t as a } from "./if-defined.js";
+import "../components/nve-icon/nve-icon.component.js";
+import { styles as o } from "../components/nve-label/nve-label.styles.js";
+import "./nve-tooltip.component.js";
+//#region src/utils/slot.ts
+var s = class {
+	constructor(e, ...t) {
+		this.slotNames = [], this.handleSlotChange = (e) => {
+			let t = e.target;
+			(this.slotNames.includes("[default]") && !t.name || t.name && this.slotNames.includes(t.name)) && this.host.requestUpdate();
+		}, (this.host = e).addController(this), this.slotNames = t;
+	}
+	hasDefaultSlot() {
+		return [...this.host.childNodes].some((e) => {
+			if (e.nodeType === e.TEXT_NODE && e.textContent.trim() !== "") return !0;
+			if (e.nodeType === e.ELEMENT_NODE) {
+				let t = e;
+				if (t.tagName.toLowerCase() === "sl-visually-hidden") return !1;
+				if (!t.hasAttribute("slot")) return !0;
+			}
+			return !1;
+		});
+	}
+	hasNamedSlot(e) {
+		return this.get(e) !== null;
+	}
+	get(e) {
+		return this.host.querySelector(`:scope > [slot="${e}"]`);
+	}
+	test(e) {
+		return e === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(e);
+	}
+	hostConnected() {
+		this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
+	}
+	hostDisconnected() {
+		this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
+	}
+}, c = class extends t {
+	constructor(...e) {
+		super(...e), this.hasSlotController = new s(this, "tooltip"), this.value = "", this.size = "small", this.light = !1, this.tooltip = void 0, this.iconLeft = !1, this.iconColor = "default", this.for = void 0;
+	}
+	static {
+		this.styles = [o];
+	}
+	renderInfoIconWithTooltip() {
+		let t = this.tooltip;
+		return t?.length || (t = this.hasSlotController.get("tooltip")), t ? e`<nve-tooltip placement="top">
+        <div slot="content">${t}</div>
+        <nve-icon class="nve-info-icon" name="Info"></nve-icon>
+      </nve-tooltip>` : e``;
+	}
+	renderValueProperty() {
+		return this.value.length ? e` <label
+        part="form-control-label"
+        class="form-control__label"
+        aria-hidden="false"
+        for=${a(this.for)}
+      >
+        <slot name="label">${this.value}</slot>
+      </label>` : e` <label
+        part="form-control-label"
+        class="form-control__label"
+        aria-hidden="false"
+        for=${a(this.for)}
+      >
+        <slot></slot>
+      </label>`;
+	}
+	render() {
+		return e`
+      ${this.iconLeft ? this.renderInfoIconWithTooltip() : null} ${this.renderValueProperty()}
+      <slot name="suffix"></slot>
+      ${this.iconLeft ? null : this.renderInfoIconWithTooltip()}
+    `;
+	}
+};
+i([n({ reflect: !0 })], c.prototype, "value", void 0), i([n({ reflect: !0 })], c.prototype, "size", void 0), i([n({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "light", void 0), i([n({ reflect: !0 })], c.prototype, "tooltip", void 0), i([n({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "iconLeft", void 0), i([n({ reflect: !0 })], c.prototype, "iconColor", void 0), i([n({ reflect: !0 })], c.prototype, "for", void 0), c = i([r("nve-label")], c);
+var l = c;
+//#endregion
+export { l as t };

package/chunks/nve-menu-item.component.js

@@ -0,0 +1,35 @@
+import { o as e, s as t, t as n } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import "./chunk.YHLNUJ7P.js";
+import "./chunk.36O46B5H.js";
+import "./chunk.6CTB5ZDJ.js";
+import "./chunk.5JY5FUCG.js";
+import { t as r } from "./chunk.HVTXQL7M.js";
+import i from "../components/nve-menu-item/nve-menu-item.styles.js";
+//#region src/components/nve-menu-item/nve-menu-item.component.ts
+var a = class extends r {
+	constructor() {
+		super(), this.subtext = "", this.indent = !1, this.handleMouseOver = (e) => {
+			this.focus(), e.stopPropagation();
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.removeEventListener("mouseover", this.handleMouseOver);
+	}
+	updated(e) {
+		super.updated(e), e.has("subtext") && this.style.setProperty("--nve-menu-item-subtext", `"${this.subtext}"`);
+	}
+	static {
+		this.styles = [r.styles, i];
+	}
+};
+n([e({
+	type: String,
+	reflect: !0
+})], a.prototype, "subtext", void 0), n([e({
+	type: Boolean,
+	reflect: !0
+})], a.prototype, "indent", void 0), a = n([t("nve-menu-item")], a);
+var o = a;
+//#endregion
+export { o as t };

package/chunks/nve-menu.component.js

@@ -0,0 +1,17 @@
+import { s as e, t } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import { t as n } from "./chunk.JHOXTQXA.js";
+import r from "../components/nve-menu/nve-menu.styles.js";
+//#region src/components/nve-menu/nve-menu.component.ts
+var i = class extends n {
+	constructor() {
+		super();
+	}
+	static {
+		this.styles = [n.styles, r];
+	}
+};
+i = t([e("nve-menu")], i);
+var a = i;
+//#endregion
+export { a as t };

package/chunks/nve-option.component.js

@@ -0,0 +1,27 @@
+import { o as e, s as t, t as n } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import "./chunk.YHLNUJ7P.js";
+import "./chunk.6CTB5ZDJ.js";
+import { t as r } from "./chunk.JXOKFADN.js";
+import i from "../components/nve-option/nve-option.styles.js";
+//#region src/components/nve-option/nve-option.component.ts
+var a = class extends r {
+	constructor() {
+		super(), this.textLabel = void 0;
+	}
+	static {
+		this.styles = [r.styles, i];
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e);
+		let t = this.closest("nve-select");
+		t && (t.hasAttribute("filled") ? this.toggleAttribute("filled", !0) : this.toggleAttribute("filled", !1), t.hasAttribute("hide-checkmark") ? this.toggleAttribute("hide-checkmark", !0) : this.toggleAttribute("hide-checkmark", !1));
+	}
+	getTextLabel() {
+		return this.textLabel ? this.textLabel : super.getTextLabel();
+	}
+};
+n([e()], a.prototype, "textLabel", void 0), a = n([t("nve-option")], a);
+var o = a;
+//#endregion
+export { o as t };

package/chunks/nve-popup.component.js

@@ -0,0 +1,15 @@
+import { s as e, t } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import "./chunk.6CTB5ZDJ.js";
+import "./chunk.5JY5FUCG.js";
+import { t as n } from "./chunk.XZNBUGX7.js";
+//#region src/components/nve-popup/nve-popup.component.ts
+var r = class extends n {
+	constructor() {
+		super();
+	}
+};
+r = t([e("nve-popup")], r);
+var i = r;
+//#endregion
+export { i as t };

package/chunks/nve-radio-button.component.js

@@ -0,0 +1,20 @@
+import { o as e, s as t, t as n } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import { t as r } from "./chunk.5P45LHIX.js";
+import i from "../components/nve-radio-button/nve-radio-button.styles.js";
+//#region src/components/nve-radio-button/nve-radio-button.component.ts
+var a = class extends r {
+	constructor() {
+		super(), this.testId = "";
+	}
+	static {
+		this.styles = [r.styles, i];
+	}
+};
+n([e({
+	reflect: !0,
+	type: String
+})], a.prototype, "testId", void 0), a = n([t("nve-radio-button")], a);
+var o = a;
+//#endregion
+export { o as t };

package/chunks/nve-radio-group.component.js

@@ -0,0 +1,78 @@
+import { a as e, o as t, s as n, t as r } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import "./chunk.SI4ACBFK.js";
+import { t as i } from "./chunk.2PCBEMQZ.js";
+import { t as a } from "./updateInvalidProperty.js";
+import o from "../components/nve-radio-group/nve-radio-group.styles.js";
+import { t as s } from "./watch.js";
+//#region src/components/nve-radio-group/nve-radio-group.component.ts
+var c = class extends i {
+	static {
+		this.styles = [i.styles, o];
+	}
+	constructor() {
+		super(), this.orientation = "vertical", this.disabled = !1, this.requiredLabel = "*Obligatorisk", this.testId = "", this.alreadyInvalid = !1, this.errorMessageCopy = "", this.preventInteraction = (e) => {
+			this.disabled && (e.stopImmediatePropagation(), e.preventDefault());
+		}, this.getAllRadios = function() {
+			return [...this.querySelectorAll("sl-radio, sl-radio-button, nve-radio, nve-radio-button")];
+		}, this.handleRadioClick = function(e) {
+			let t = e.target.closest("sl-radio, sl-radio-button, nve-radio, nve-radio-button"), n = this.getAllRadios(), r = this.value;
+			if (!t || t.disabled) return;
+			let i = t.shadowRoot.querySelectorAll("span[part='base']");
+			i.length > 0 && i[0].focus(), this.value = t.value, n.forEach((e) => e.checked = e === t), this.value !== r && (this.emit("sl-change"), this.emit("sl-input"));
+		}, this.syncRadioElements = async () => {
+			let e = this.getAllRadios();
+			if (await Promise.all(e.map(async (e) => {
+				await e.updateComplete, e.checked = e.value === this.value, e.size = this.size;
+			})), this.hasButtonGroup = e.some((e) => e.tagName.toLowerCase() === "sl-radio-button" || e.tagName.toLowerCase() === "nve-radio-button"), !e.some((e) => e.checked)) if (this.hasButtonGroup) {
+				let t = e[0].shadowRoot?.querySelector("button");
+				t && (t.tabIndex = 0);
+			} else e[0].tabIndex = 0;
+			if (this.hasButtonGroup) {
+				let e = this.shadowRoot?.querySelector("sl-button-group") || this.shadowRoot?.querySelector("nve-button-group");
+				e && (e.disableRole = !0);
+			}
+		}, this.syncRadios = function() {
+			if (customElements.get("sl-radio") && customElements.get("sl-radio-button") || customElements.get("nve-radio") && customElements.get("nve-radio-button")) {
+				this.syncRadioElements();
+				return;
+			}
+			customElements.get("sl-radio") || customElements.get("nve-radio") ? this.syncRadioElements() : customElements.whenDefined("sl-radio").then(() => this.syncRadios()), customElements.get("sl-radio-button") || customElements.get("nve-radio-button") ? this.syncRadioElements() : (customElements.whenDefined("sl-radio-button").then(() => this.syncRadios()), customElements.whenDefined("nve-radio-button").then(() => this.syncRadios()));
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.errorMessageCopy = this.errorMessage || "", this.addEventListener("click", this.preventInteraction, !0), this.addEventListener("keydown", this.preventInteraction, !0), this.addEventListener("focus", this.preventInteraction, !0), this.addEventListener("mousedown", this.preventInteraction, !0), this.addEventListener("sl-invalid", (e) => {
+			e.preventDefault(), this.alreadyInvalid || this.makeInvalid();
+		}), this.addEventListener("sl-change", this.resetValidation.bind(this));
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("click", this.preventInteraction, !0), this.removeEventListener("keydown", this.preventInteraction, !0), this.removeEventListener("focus", this.preventInteraction, !0), this.removeEventListener("mousedown", this.preventInteraction, !0), this.removeEventListener("sl-invalid", this.makeInvalid), this.removeEventListener("sl-change", this.resetValidation);
+	}
+	updated(e) {
+		super.updated(e), e.has("requiredLabel") && this.style.setProperty("--sl-input-required-content", `"${this.requiredLabel}"`), this.hasAttribute("data-user-invalid") && !this.alreadyInvalid && this.makeInvalid(), !this.hasAttribute("data-invalid") && !this.hasAttribute("data-user-invalid") && this.resetValidation();
+	}
+	handlePropChange(e, t) {
+		let n = this.getAllRadios();
+		t !== e && (n.forEach((t) => {
+			t.was_disabled === void 0 ? t.was_disabled = t.disabled : e === !0 ? (t.disabled = t.was_disabled, t.tabIndex = 0, t.removeAttribute("aria-disabled"), t.removeAttribute("data-disabled")) : (t.was_disabled = t.disabled, t.disabled = !0, t.tabIndex = -1, t.setAttribute("aria-disabled", "true"), t.setAttribute("data-disabled", "true"));
+		}), t ? (this.setAttribute("data-disabled", "true"), this.setAttribute("aria-disabled", "true"), this.tabIndex = -1, this.addEventListener("click", this.preventInteraction, !0), this.addEventListener("keydown", this.preventInteraction, !0), this.addEventListener("focus", this.preventInteraction, !0), this.addEventListener("mousedown", this.preventInteraction, !0)) : (this.removeAttribute("data-disabled"), this.removeAttribute("aria-disabled"), this.tabIndex = 0, this.removeEventListener("click", this.preventInteraction, !0), this.removeEventListener("keydown", this.preventInteraction, !0), this.removeEventListener("focus", this.preventInteraction, !0), this.removeEventListener("mousedown", this.preventInteraction, !0)));
+	}
+	makeInvalid() {
+		this.disabled || (a(this.getAllRadios(), !0, "data-invalid"), this.errorMessageCopy ||= this.validationMessage, this.setCustomValidity(this.errorMessageCopy), this.style.setProperty("--radio-group-error-message", `"${this.errorMessageCopy}"`));
+	}
+	resetValidation() {
+		if (this.disabled) return;
+		let e = this.getAllRadios();
+		this.errorMessageCopy = "", a(e, !1, "data-invalid"), this.setCustomValidity(""), this.style.removeProperty("--radio-group-error-message");
+	}
+};
+r([t({ reflect: !0 })], c.prototype, "orientation", void 0), r([t({
+	type: Boolean,
+	reflect: !0
+})], c.prototype, "disabled", void 0), r([t({ reflect: !0 })], c.prototype, "errorMessage", void 0), r([t()], c.prototype, "requiredLabel", void 0), r([t({
+	reflect: !0,
+	type: String
+})], c.prototype, "testId", void 0), r([e()], c.prototype, "alreadyInvalid", void 0), r([e()], c.prototype, "errorMessageCopy", void 0), r([s("disabled")], c.prototype, "handlePropChange", null), c = r([n("nve-radio-group")], c);
+var l = c;
+//#endregion
+export { l as t };

package/chunks/nve-radio.component.js

@@ -0,0 +1,18 @@
+import { s as e, t } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import "./chunk.YHLNUJ7P.js";
+import { t as n } from "./chunk.MSKEYBDI.js";
+import r from "../components/nve-radio/nve-radio.styles.js";
+//#region src/components/nve-radio/nve-radio.component.ts
+var i = class extends n {
+	constructor() {
+		super();
+	}
+	static {
+		this.styles = [n.styles, r];
+	}
+};
+i = t([e("nve-radio")], i);
+var a = i;
+//#endregion
+export { a as t };

package/chunks/nve-select.component.js

@@ -0,0 +1,58 @@
+import { a as e, o as t, s as n, t as r } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import "./chunk.SI4ACBFK.js";
+import "./chunk.YHLNUJ7P.js";
+import "./chunk.6CTB5ZDJ.js";
+import "./chunk.5JY5FUCG.js";
+import { t as i } from "./chunk.TP2GB2HO.js";
+import "./chunk.RWUUFNUL.js";
+import a from "../components/nve-select/nve-select.styles.js";
+//#region src/components/nve-select/nve-select.component.ts
+var o = class extends i {
+	constructor() {
+		super(), this.requiredLabel = "*Obligatorisk", this.hideCheckmark = !1, this.slInvalidEventListener = (e) => {
+			e.preventDefault();
+		}, this.valueHasChanged = !1;
+	}
+	static {
+		this.styles = [i.styles, a];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.addEventListener("sl-invalid", this.slInvalidEventListener);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("sl-invalid", this.slInvalidEventListener);
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e), this.requiredLabel && this.style.setProperty("--sl-input-required-content", `"${this.requiredLabel}"`), (this.shadowRoot?.querySelector("sl-popup"))?.setAttribute("distance", "3");
+	}
+	updated(e) {
+		super.updated(e);
+		let t = this.hasAttribute("data-user-invalid");
+		t && (this.errorMessage ||= this.validationMessage, this.style.setProperty("--nve-input-error-message", `"${this.errorMessage}"`)), t || this.style.setProperty("--nve-input-error-message", "");
+	}
+	focus() {
+		(this.shadowRoot?.querySelector("sl-popup"))?.classList.add("select--focused");
+	}
+	handleOptionClick(e) {
+		let t = e.target.closest("nve-option"), n = this.value;
+		t && !t.disabled && (this.multiple ? this.toggleOptionSelection(t) : this.setSelectedOptions(t), this.updateComplete.then(() => this.displayInput.focus({ preventScroll: !0 })), this.value !== n && (this.valueHasChanged = !0, this.updateComplete.then(() => {
+			this.emit("sl-input"), this.emit("sl-change");
+		})), this.multiple || (this.hide(), this.displayInput.focus({ preventScroll: !0 })));
+	}
+	handleDefaultSlotChange() {
+		customElements.get("nve-option") || customElements.whenDefined("nve-option").then(() => this.handleDefaultSlotChange());
+		let e = this.getAllOptions(), t = this.valueHasChanged ? this.value : this.defaultValue, n = Array.isArray(t) ? t : [t];
+		this.setSelectedOptions(e.filter((e) => n.includes(e.value)));
+	}
+	getAllOptions() {
+		return [...this.querySelectorAll("nve-option")];
+	}
+	getFirstOption() {
+		return this.querySelector("nve-option");
+	}
+};
+r([t()], o.prototype, "requiredLabel", void 0), r([t({ type: Boolean })], o.prototype, "hideCheckmark", void 0), r([t({ reflect: !0 })], o.prototype, "errorMessage", void 0), r([e()], o.prototype, "valueHasChanged", void 0), o = r([n("nve-select")], o);
+var s = o;
+//#endregion
+export { s as t };

package/chunks/nve-skeleton.component.js

@@ -0,0 +1,20 @@
+import { o as e, s as t, t as n } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import { t as r } from "./chunk.XQ2OKYYA.js";
+import i from "../components/nve-skeleton/nve-skeleton.styles.js";
+//#region src/components/nve-skeleton/nve-skeleton.component.ts
+var a = class extends r {
+	static {
+		this.styles = [r.styles, i];
+	}
+	constructor() {
+		super(), this.testId = void 0;
+	}
+};
+n([e({
+	reflect: !0,
+	type: String
+})], a.prototype, "testId", void 0), a = n([t("nve-skeleton")], a);
+var o = a;
+//#endregion
+export { o as t };

package/chunks/nve-spinner.component.js

@@ -0,0 +1,23 @@
+import { u as e } from "./lit.js";
+import { s as t, t as n } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import "./chunk.36O46B5H.js";
+import "./chunk.6CTB5ZDJ.js";
+import { t as r } from "./chunk.EA437WHD.js";
+//#region src/components/nve-spinner/nve-spinner.component.ts
+var i = class extends r {
+	constructor() {
+		super();
+	}
+	static {
+		this.styles = [r.styles, e`
+      .spinner__track {
+        stroke: transparent;
+      }
+    `];
+	}
+};
+i = n([t("nve-spinner")], i);
+var a = i;
+//#endregion
+export { a as t };

package/chunks/nve-tooltip.component.js

@@ -0,0 +1,20 @@
+import { o as e, s as t, t as n } from "./decorate.js";
+import "./chunk.4TUIT776.js";
+import "./chunk.6CTB5ZDJ.js";
+import { t as r } from "./chunk.URTPIBTY.js";
+import "./chunk.5JY5FUCG.js";
+import "../components/nve-icon/nve-icon.component.js";
+import i from "../components/nve-tooltip/nve-tooltip.styles.js";
+//#region src/components/nve-tooltip/nve-tooltip.component.ts
+var a = class extends r {
+	constructor() {
+		super(), this.variant = "neutral", this.saturation = "emphasized";
+	}
+	static {
+		this.styles = [r.styles, i];
+	}
+};
+n([e({ reflect: !0 })], a.prototype, "variant", void 0), n([e({ reflect: !0 })], a.prototype, "saturation", void 0), a = n([t("nve-tooltip")], a);
+var o = a;
+//#endregion
+export { o as t };

package/chunks/nve-warning-level.component.js

@@ -0,0 +1,57 @@
+import { a as e, n as t, t as n } from "./lit.js";
+import { o as r, s as i, t as a } from "./decorate.js";
+import { t as o } from "./class-map.js";
+import { t as s } from "./if-defined.js";
+import c from "../components/nve-warning-level/nve-warning-level.styles.js";
+//#region src/assets/icons/triangle-warning.svg
+var l = "data:image/svg+xml,%3csvg%20width='30'%20height='31'%20viewBox='0%200%2030%2031'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.5%2026.0249L15%203.5249L28.5%2026.0249H1.5Z'%20fill='%2300131C'/%3e%3cpath%20d='M14.9934%2022.2749C15.3103%2022.2749%2015.5781%2022.1677%2015.7969%2021.9534C16.0156%2021.739%2016.125%2021.4734%2016.125%2021.1565C16.125%2020.8396%2016.0178%2020.5718%2015.8035%2020.353C15.5891%2020.1343%2015.3235%2020.0249%2015.0066%2020.0249C14.6897%2020.0249%2014.4219%2020.1321%2014.2031%2020.3464C13.9844%2020.5608%2013.875%2020.8264%2013.875%2021.1433C13.875%2021.4602%2013.9822%2021.728%2014.1965%2021.9468C14.4109%2022.1655%2014.6765%2022.2749%2014.9934%2022.2749ZM13.875%2018.5249H16.125V12.5249H13.875V18.5249Z'%20fill='white'/%3e%3c/svg%3e", u = "data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.966146'%20y='1.30843'%20width='18.3333'%20height='18.3333'%20rx='9.16667'%20fill='white'/%3e%3crect%20x='0.966146'%20y='1.30843'%20width='18.3333'%20height='18.3333'%20rx='9.16667'%20stroke='%2300131C'%20stroke-width='1.66667'/%3e%3cpath%20d='M10.1292%2016.5467C9.77038%2016.5467%209.46447%2016.4189%209.2115%2016.1634C8.95852%2015.9078%208.83203%2015.6006%208.83203%2015.2418C8.83203%2014.883%208.9598%2014.5771%209.21533%2014.3241C9.47087%2014.0711%209.77805%2013.9446%2010.1369%2013.9446C10.4957%2013.9446%2010.8016%2014.0724%2011.0546%2014.3279C11.3076%2014.5835%2011.4341%2014.8906%2011.4341%2015.2495C11.4341%2015.6083%2011.3063%2015.9142%2011.0508%2016.1672C10.7952%2016.4202%2010.488%2016.5467%2010.1292%2016.5467ZM8.83203%2012.2099V4.40381H11.4341V12.2099H8.83203Z'%20fill='%2300131C'/%3e%3c/svg%3e", d = class extends n {
+	static {
+		this.styles = [c];
+	}
+	constructor() {
+		super(), this.testId = void 0, this.level = "1", this.border = !1, this.warningBadge = null, this.ariaLabel = null;
+	}
+	get isDirectParentButton() {
+		let e = this.parentElement;
+		if (!e) return !1;
+		let t = e.tagName.toLowerCase();
+		return t === "button" || t === "a";
+	}
+	render() {
+		return e`
+      <div
+        class=${o({
+			"warning-level": !0,
+			[`warning-level--${this.level}`]: !0,
+			border: this.border,
+			"inside-button": this.isDirectParentButton
+		})}
+        part="base"
+        role="img"
+        testId=${s(this.testId)}
+        aria-label=${s(this.ariaLabel)}
+      >
+        ${this.level === "unknown" ? "?" : this.level}
+        ${this.warningBadge ? e`
+              <img
+                part="warning-badge"
+                alt=""
+                class=${o({
+			"warning-level-badge": !0,
+			"warning-level-badge--circle": this.warningBadge === "circle",
+			"warning-level-badge--triangle": this.warningBadge === "triangle"
+		})}
+                src=${this.warningBadge === "triangle" ? l : u}
+              />
+            ` : t}
+      </div>
+    `;
+	}
+};
+a([r({ type: String })], d.prototype, "testId", void 0), a([r()], d.prototype, "level", void 0), a([r({ type: Boolean })], d.prototype, "border", void 0), a([r({ type: String })], d.prototype, "warningBadge", void 0), a([r({
+	type: String,
+	attribute: "aria-label"
+})], d.prototype, "ariaLabel", void 0), d = a([i("nve-warning-level")], d);
+var f = d;
+//#endregion
+export { f as t };