@proximus/lavender-common 1.4.17-alpha.7 → 1.4.17-beta.1

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './common';
 export * from './breakpoints';
 export * from './cmsEditorSlots';
+export * from './template';

package/dist/index.es.js

@@ -155,235 +155,235 @@ var u = class e extends HTMLElement {
 		return this.getAttribute("grow");
 	}
 	set grow(e) {
-		W(this, "grow", e);
+		V(this, "grow", e);
 	}
 	get growMobile() {
 		return this.getAttribute("grow--mobile");
 	}
 	set growMobile(e) {
-		W(this, "grow--mobile", e);
+		V(this, "grow--mobile", e);
 	}
 	get growTablet() {
 		return this.getAttribute("grow--tablet");
 	}
 	set growTablet(e) {
-		W(this, "grow--tablet", e);
+		V(this, "grow--tablet", e);
 	}
 	get growLaptop() {
 		return this.getAttribute("grow--laptop");
 	}
 	set growLaptop(e) {
-		W(this, "grow--laptop", e);
+		V(this, "grow--laptop", e);
 	}
 	get growDesktop() {
 		return this.getAttribute("grow--desktop");
 	}
 	set growDesktop(e) {
-		W(this, "grow--desktop", e);
+		V(this, "grow--desktop", e);
 	}
 	get shrink() {
 		return this.getAttribute("shrink");
 	}
 	set shrink(e) {
-		W(this, "shrink", e);
+		V(this, "shrink", e);
 	}
 	get shrinkMobile() {
 		return this.getAttribute("shrink--mobile");
 	}
 	set shrinkMobile(e) {
-		W(this, "shrink--mobile", e);
+		V(this, "shrink--mobile", e);
 	}
 	get shrinkTablet() {
 		return this.getAttribute("shrink--tablet");
 	}
 	set shrinkTablet(e) {
-		W(this, "shrink--tablet", e);
+		V(this, "shrink--tablet", e);
 	}
 	get shrinkLaptop() {
 		return this.getAttribute("shrink--laptop");
 	}
 	set shrinkLaptop(e) {
-		W(this, "shrink--laptop", e);
+		V(this, "shrink--laptop", e);
 	}
 	get shrinkDesktop() {
 		return this.getAttribute("shrink--desktop");
 	}
 	set shrinkDesktop(e) {
-		W(this, "shrink--desktop", e);
+		V(this, "shrink--desktop", e);
 	}
 	get basis() {
 		return this.getAttribute("basis");
 	}
 	set basis(e) {
-		W(this, "basis", e);
+		V(this, "basis", e);
 	}
 	get basisMobile() {
 		return this.getAttribute("basis--mobile");
 	}
 	set basisMobile(e) {
-		W(this, "basis--mobile", e);
+		V(this, "basis--mobile", e);
 	}
 	get basisTablet() {
 		return this.getAttribute("basis--tablet");
 	}
 	set basisTablet(e) {
-		W(this, "basis--tablet", e);
+		V(this, "basis--tablet", e);
 	}
 	get basisLaptop() {
 		return this.getAttribute("basis--laptop");
 	}
 	set basisLaptop(e) {
-		W(this, "basis--laptop", e);
+		V(this, "basis--laptop", e);
 	}
 	get basisDesktop() {
 		return this.getAttribute("basis--desktop");
 	}
 	set basisDesktop(e) {
-		W(this, "basis--desktop", e);
+		V(this, "basis--desktop", e);
 	}
 	get alignSelf() {
 		return this.getAttribute("align-self");
 	}
 	set alignSelf(e) {
-		W(this, "align-self", e);
+		V(this, "align-self", e);
 	}
 	get alignSelfMobile() {
 		return this.getAttribute("align-self--mobile");
 	}
 	set alignSelfMobile(e) {
-		W(this, "align-self--mobile", e);
+		V(this, "align-self--mobile", e);
 	}
 	get alignSelfTablet() {
 		return this.getAttribute("align-self--tablet");
 	}
 	set alignSelfTablet(e) {
-		W(this, "align-self--tablet", e);
+		V(this, "align-self--tablet", e);
 	}
 	get alignSelfLaptop() {
 		return this.getAttribute("align-self--laptop");
 	}
 	set alignSelfLaptop(e) {
-		W(this, "align-self--laptop", e);
+		V(this, "align-self--laptop", e);
 	}
 	get alignSelfDesktop() {
 		return this.getAttribute("align-self--desktop");
 	}
 	set alignSelfDesktop(e) {
-		W(this, "align-self--desktop", e);
+		V(this, "align-self--desktop", e);
 	}
 	get justifySelf() {
 		return this.getAttribute("justify-self");
 	}
 	set justifySelf(e) {
-		W(this, "justify-self", e);
+		V(this, "justify-self", e);
 	}
 	get justifySelfMobile() {
 		return this.getAttribute("justify-self--mobile");
 	}
 	set justifySelfMobile(e) {
-		W(this, "justify-self--mobile", e);
+		V(this, "justify-self--mobile", e);
 	}
 	get justifySelfTablet() {
 		return this.getAttribute("justify-self--tablet");
 	}
 	set justifySelfTablet(e) {
-		W(this, "justify-self--tablet", e);
+		V(this, "justify-self--tablet", e);
 	}
 	get justifySelfLaptop() {
 		return this.getAttribute("justify-self--laptop");
 	}
 	set justifySelfLaptop(e) {
-		W(this, "justify-self--laptop", e);
+		V(this, "justify-self--laptop", e);
 	}
 	get justifySelfDesktop() {
 		return this.getAttribute("justify-self--desktop");
 	}
 	set justifySelfDesktop(e) {
-		W(this, "justify-self--desktop", e);
+		V(this, "justify-self--desktop", e);
 	}
 	get hiddenMobile() {
 		return this.hasAttribute("hidden--mobile");
 	}
 	set hiddenMobile(e) {
-		G(this, "hidden--mobile", e);
+		H(this, "hidden--mobile", e);
 	}
 	get hiddenTablet() {
 		return this.hasAttribute("hidden--tablet");
 	}
 	set hiddenTablet(e) {
-		G(this, "hidden--tablet", e);
+		H(this, "hidden--tablet", e);
 	}
 	get hiddenLaptop() {
 		return this.hasAttribute("hidden--laptop");
 	}
 	set hiddenLaptop(e) {
-		G(this, "hidden--laptop", e);
+		H(this, "hidden--laptop", e);
 	}
 	get hiddenDesktop() {
 		return this.hasAttribute("hidden--desktop");
 	}
 	set hiddenDesktop(e) {
-		G(this, "hidden--desktop", e);
+		H(this, "hidden--desktop", e);
 	}
 	get colSpan() {
 		return this.getAttribute("col-span");
 	}
 	set colSpan(e) {
-		W(this, "col-span", e);
+		V(this, "col-span", e);
 	}
 	get colSpanMobile() {
 		return this.getAttribute("col-span--mobile");
 	}
 	set colSpanMobile(e) {
-		W(this, "col-span--mobile", e);
+		V(this, "col-span--mobile", e);
 	}
 	get colSpanTablet() {
 		return this.getAttribute("col-span--tablet");
 	}
 	set colSpanTablet(e) {
-		W(this, "col-span--tablet", e);
+		V(this, "col-span--tablet", e);
 	}
 	get colSpanLaptop() {
 		return this.getAttribute("col-span--laptop");
 	}
 	set colSpanLaptop(e) {
-		W(this, "col-span--laptop", e);
+		V(this, "col-span--laptop", e);
 	}
 	get colSpanDesktop() {
 		return this.getAttribute("col-span--desktop");
 	}
 	set colSpanDesktop(e) {
-		W(this, "col-span--desktop", e);
+		V(this, "col-span--desktop", e);
 	}
 	get order() {
 		return this.getAttribute("order");
 	}
 	set order(e) {
-		W(this, "order", e);
+		V(this, "order", e);
 	}
 	get orderMobile() {
 		return this.getAttribute("order--mobile");
 	}
 	set orderMobile(e) {
-		W(this, "order--mobile", e);
+		V(this, "order--mobile", e);
 	}
 	get orderTablet() {
 		return this.getAttribute("order--tablet");
 	}
 	set orderTablet(e) {
-		W(this, "order--tablet", e);
+		V(this, "order--tablet", e);
 	}
 	get orderLaptop() {
 		return this.getAttribute("order--laptop");
 	}
 	set orderLaptop(e) {
-		W(this, "order--laptop", e);
+		V(this, "order--laptop", e);
 	}
 	get orderDesktop() {
 		return this.getAttribute("order--desktop");
 	}
 	set orderDesktop(e) {
-		W(this, "order--desktop", e);
+		V(this, "order--desktop", e);
 	}
 }, d = class extends u {
 	static {
@@ -419,10 +419,10 @@ var u = class e extends HTMLElement {
 		return this.shadowRoot.querySelector(this.ctor.nativeName);
 	}
 	_updateAttribute(e, t) {
-		W(this, e, t);
+		V(this, e, t);
 	}
 	_updateBooleanAttribute(e, t) {
-		G(this, e, t);
+		H(this, e, t);
 	}
 }, f = class extends d {
 	connectedCallback() {
@@ -496,7 +496,7 @@ var u = class e extends HTMLElement {
 	"end",
 	"center",
 	"stretch"
-], b = [
+], ee = [
 	"",
 	"default",
 	"inherit",
@@ -512,7 +512,7 @@ var u = class e extends HTMLElement {
 	"heading-l",
 	"heading-m",
 	"heading-s"
-], x = [
+], b = [
 	"",
 	"default",
 	"inherit",
@@ -527,7 +527,7 @@ var u = class e extends HTMLElement {
 	"state-hover",
 	"state-active",
 	"state-disabled"
-], S = [
+], x = [
 	"",
 	"default",
 	"inherit",
@@ -535,23 +535,23 @@ var u = class e extends HTMLElement {
 	"title",
 	"title-large",
 	"subtitle"
-], C = [
+], S = [
 	"Xs",
 	"S",
 	"M",
 	"L",
 	"Xl"
-], ee = [
+], te = [
 	"",
 	"default",
-	...C.map((e) => e.toLowerCase())
-], w = [
+	...S.map((e) => e.toLowerCase())
+], ne = [
 	"",
 	"default",
 	"left",
 	"center",
 	"right"
-], T = [
+], re = [
 	"",
 	"none",
 	"3xs",
@@ -561,18 +561,18 @@ var u = class e extends HTMLElement {
 	"m",
 	"l",
 	"xl"
-], E = [
+], C = [
 	"",
 	"none",
 	"s",
 	"m",
 	"l"
-], D = [
+], w = [
 	"",
 	"none",
 	"main",
 	"pill"
-], O = [
+], T = [
 	"none",
 	"main",
 	"brand",
@@ -583,7 +583,7 @@ var u = class e extends HTMLElement {
 	"purpose-warning",
 	"purpose-error",
 	"purpose-unlimited"
-], k = [
+], E = [
 	"",
 	"all",
 	"top",
@@ -592,19 +592,19 @@ var u = class e extends HTMLElement {
 	"left",
 	"block",
 	"inline"
-], A = /* @__PURE__ */ ".none.surface-light.surface-default.surface-strong.surface-stronger.surface-dark.surface-brand.surface-brand-light.container-primary.container-secondary.container-light.container-default.container-strong.state-hover.state-hover-bordered.state-active.state-disabled.purpose-success.purpose-warning.purpose-error.purpose-unlimited.purpose-promo.purpose-info.purpose-eco.purpose-notification.footer-sitemap".split("."), j = [
+], D = /* @__PURE__ */ ".none.surface-light.surface-default.surface-strong.surface-stronger.surface-dark.surface-brand.surface-brand-light.container-primary.container-secondary.container-light.container-default.container-strong.state-hover.state-hover-bordered.state-active.state-disabled.purpose-success.purpose-warning.purpose-error.purpose-unlimited.purpose-promo.purpose-info.purpose-eco.purpose-notification.footer-sitemap".split("."), O = [
 	"",
 	"cover",
 	"contain",
 	"default"
-], M = [
+], k = [
 	"",
 	"none",
 	"s",
 	"m",
 	"l",
 	"xl"
-], N = [
+], A = [
 	"",
 	"default",
 	"title-4xl",
@@ -615,7 +615,7 @@ var u = class e extends HTMLElement {
 	"title-m",
 	"title-s",
 	"subtitle"
-], P = /* @__PURE__ */ ".purple-top-red.purple-top-magenta.purple-top-orange.purple-top-blue.purple-top-turquoise.purple-top-green.purple-right-red.purple-right-magenta.purple-right-orange.purple-right-blue.purple-right-turquoise.purple-right-green.purple-top-right-red.purple-top-right-magenta.purple-top-right-orange.purple-top-right-blue.purple-top-right-turquoise.purple-top-right-green.purple-bottom-right-red.purple-bottom-right-magenta.purple-bottom-right-orange.purple-bottom-right-blue.purple-bottom-right-turquoise.purple-bottom-right-green.color-top-red.color-top-magenta.color-top-orange.color-top-blue.color-top-turquoise.color-top-green.color-right-red.color-right-magenta.color-right-orange.color-right-blue.color-right-turquoise.color-right-green.color-top-right-red.color-top-right-magenta.color-top-right-orange.color-top-right-blue.color-top-right-turquoise.color-top-right-green.color-bottom-right-red.color-bottom-right-magenta.color-bottom-right-orange.color-bottom-right-blue.color-bottom-right-turquoise.color-bottom-right-green".split("."), F = [
+], j = /* @__PURE__ */ ".purple-top-red.purple-top-magenta.purple-top-orange.purple-top-blue.purple-top-turquoise.purple-top-green.purple-right-red.purple-right-magenta.purple-right-orange.purple-right-blue.purple-right-turquoise.purple-right-green.purple-top-right-red.purple-top-right-magenta.purple-top-right-orange.purple-top-right-blue.purple-top-right-turquoise.purple-top-right-green.purple-bottom-right-red.purple-bottom-right-magenta.purple-bottom-right-orange.purple-bottom-right-blue.purple-bottom-right-turquoise.purple-bottom-right-green.color-top-red.color-top-magenta.color-top-orange.color-top-blue.color-top-turquoise.color-top-green.color-right-red.color-right-magenta.color-right-orange.color-right-blue.color-right-turquoise.color-right-green.color-top-right-red.color-top-right-magenta.color-top-right-orange.color-top-right-blue.color-top-right-turquoise.color-top-right-green.color-bottom-right-red.color-bottom-right-magenta.color-bottom-right-orange.color-bottom-right-blue.color-bottom-right-turquoise.color-bottom-right-green".split("."), M = [
 	"none",
 	"2xs",
 	"xs",
@@ -625,14 +625,14 @@ var u = class e extends HTMLElement {
 	"heading-to-subtitle",
 	"heading-to-content",
 	"page-layout-between-sections"
-], I = [
+], N = [
 	"",
 	"all",
 	"top",
 	"right",
 	"bottom",
 	"left"
-], L = [
+], P = [
 	"",
 	"default",
 	"xs",
@@ -641,36 +641,36 @@ var u = class e extends HTMLElement {
 	"l",
 	"xl"
 ];
-function R(e) {
+function F(e) {
 	let t = document.createElement("style");
 	t.innerHTML = e, document.head.appendChild(t);
 }
-function z(e) {
+function I(e) {
 	return typeof e == "string" && (e === "false" || e === "0" || e === "null") || typeof e == "boolean" && !e;
 }
-function B() {
+function L() {
 	return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
 }
-function V(e, t) {
+function R(e, t) {
 	return t !== null && e.includes(t);
 }
-var H = /* @__PURE__ */ "aria-label.aria-labelledby.aria-describedby.aria-controls.aria-expanded.aria-haspopup.aria-pressed.aria-selected.aria-required.aria-disabled.aria-live.aria-atomic.aria-relevant.aria-orientation.aria-valuenow.aria-valuetext.aria-valuemin.aria-valuemax.aria-details.aria-modal.aria-autocomplete.aria-activedescendant.aria-colcount.aria-colindex.aria-colspan.aria-rowcount.aria-rowindex.aria-rowspan.aria-keyshortcuts.aria-placeholder.aria-invalid.aria-busy.aria-owns".split(".");
-function U(e, t, n = !1) {
-	if (H.forEach((n) => {
+var z = /* @__PURE__ */ "aria-label.aria-labelledby.aria-describedby.aria-controls.aria-expanded.aria-haspopup.aria-pressed.aria-selected.aria-required.aria-disabled.aria-live.aria-atomic.aria-relevant.aria-orientation.aria-valuenow.aria-valuetext.aria-valuemin.aria-valuemax.aria-details.aria-modal.aria-autocomplete.aria-activedescendant.aria-colcount.aria-colindex.aria-colspan.aria-rowcount.aria-rowindex.aria-rowspan.aria-keyshortcuts.aria-placeholder.aria-invalid.aria-busy.aria-owns".split(".");
+function B(e, t, n = !1) {
+	if (z.forEach((n) => {
 		e.getAttribute(n) && (t.setAttribute(n, e.getAttribute(n)), e.removeAttribute(n));
 	}), n && !e.getAttribute("aria-labelledby")) {
 		let n = `px-${t.localName?.toLowerCase() ?? "component"}-${Math.random().toString(36).substring(2, 15)}`;
 		t.setAttribute("id", n), e.setAttribute("aria-labelledby", n);
 	}
 }
-function W(e, t, n) {
+function V(e, t, n) {
 	if (n == null || n === "") {
 		e.removeAttribute(t);
 		return;
 	}
 	e.setAttribute(t, n.toString());
 }
-function G(e, t, n) {
+function H(e, t, n) {
 	if (!n) {
 		e.removeAttribute(t);
 		return;
@@ -679,7 +679,7 @@ function G(e, t, n) {
 }
 //#endregion
 //#region src/breakpoints.ts
-function K(e, t, n, r = "", i, a = e) {
+function U(e, t, n, r = "", i, a = e) {
 	let o = new CSSStyleSheet(), s = n.reduce((n, o) => n + `
   ${t(a, o)} {
     ${e}: var(--${r}-${o}-desktop);
@@ -722,7 +722,7 @@ function K(e, t, n, r = "", i, a = e) {
   }`, "");
 	return o.replaceSync(s), o;
 }
-var q = class {
+var W = class {
 	constructor(e, t, n, r) {
 		this.component = e, this.attributeName = t, this.cssVariable = r, this.attributeNameMobile = `${this.attributeName}--mobile`, this.attributeNameTablet = `${this.attributeName}--tablet`, this.attributeNameLaptop = `${this.attributeName}--laptop`, this.attributeNameDesktop = `${this.attributeName}--desktop`, this._attributeValue = n, Object.defineProperty(this.component, this.toCamelCase(this.attributeName), {
 			get: () => this.component.getAttribute(this.attributeName),
@@ -768,31 +768,31 @@ var q = class {
 	set attributeValue(e) {
 		this._attributeValue = e, this.setCSSProperties();
 	}
-}, J = ".mgnlEditor", Y = { "PX-HEADER": "editor" };
-function X(e) {
+}, G = ".mgnlEditor", K = { "PX-HEADER": "editor" };
+function q(e) {
 	return !!e.shadowRoot?.querySelector("slot:not([name])");
 }
-function Z(e, t) {
+function J(e, t) {
 	return t[e.tagName] ?? null;
 }
-function Q(e, { selector: t = J, slotByHost: n = Y } = {}) {
+function Y(e, { selector: t = G, slotByHost: n = K } = {}) {
 	if (!e.matches(t) || e.hasAttribute("slot")) return null;
 	let r = e.parentElement;
-	if (!r?.shadowRoot || X(r)) return null;
-	let i = Z(r, n);
+	if (!r?.shadowRoot || q(r)) return null;
+	let i = J(r, n);
 	return i ? (e.setAttribute("slot", i), i) : null;
 }
-function $({ selector: e = J, slotByHost: t = Y, root: n = document.documentElement } = {}) {
+function X({ selector: e = G, slotByHost: t = K, root: n = document.documentElement } = {}) {
 	let r = 0;
 	return n.querySelectorAll(e).forEach((n) => {
-		Q(n, {
+		Y(n, {
 			selector: e,
 			slotByHost: t
 		}) && (r += 1);
 	}), r;
 }
-function te({ selector: e = J, slotByHost: t = Y, root: n = document.documentElement } = {}) {
-	$({
+function ie({ selector: e = G, slotByHost: t = K, root: n = document.documentElement } = {}) {
+	X({
 		selector: e,
 		slotByHost: t,
 		root: n
@@ -800,11 +800,11 @@ function te({ selector: e = J, slotByHost: t = Y, root: n = document.documentEle
 	let r = new MutationObserver((n) => {
 		n.forEach((n) => {
 			n.addedNodes.forEach((n) => {
-				n instanceof Element && (Q(n, {
+				n instanceof Element && (Y(n, {
 					selector: e,
 					slotByHost: t
 				}), n.querySelectorAll(e).forEach((n) => {
-					Q(n, {
+					Y(n, {
 						selector: e,
 						slotByHost: t
 					});
@@ -818,4 +818,22 @@ function te({ selector: e = J, slotByHost: t = Y, root: n = document.documentEle
 	}), () => r.disconnect();
 }
 //#endregion
-export { q as AttributeBreakpointHandlerDelegate, d as PxElement, f as VerticallyExtendedElement, u as WithExtraAttributes, c as WrappedInteractiveStateController, H as accessibilityAttributes, R as addGlobalStylesheet, L as assetContainerImgWidthValues, Q as assignCmsEditorSlot, $ as assignCmsEditorSlots, A as backgroundColorValues, j as backgroundSizeValues, G as booleanPropertyToAttributeSetter, O as borderColorValues, D as borderRadiusValues, k as borderSideValues, E as borderValues, M as boxShadowValues, V as checkName, x as colorValues, h as cssGridAlignSelfValues, _ as cssGridColSpanValues, g as cssGridJustifySelfValues, v as cssGridOrderValues, y as cssGridPlaceSelfValues, K as cssTokenBreakpoints, m as flexboxAlignSelfValues, b as fontsizeValues, S as fontweightValues, F as gapValues, n as getSupportedAttributeNames, t as getSupportedPropertyNames, B as getViewportFormat, P as gradientValues, p as gridGapValues, N as headingValues, C as iconSizeValues, ee as iconSizeValuesKC, o as isComponentDebug, z as isFalsy, s as log, I as noBorderRadiusValues, te as observeCmsEditorSlots, T as paddingValues, W as propertyToAttributeSetter, w as textalignValues, U as transferAccessibilityAttributes };
+//#region src/template.ts
+var Z = /* @__PURE__ */ new Map(), ae = 500;
+function Q(e) {
+	let t = document.createElement("template");
+	return t.innerHTML = e, t;
+}
+function oe(e) {
+	return Q(e);
+}
+function $(e) {
+	let t = Z.get(e);
+	return t || (t = Q(e), Z.size < ae && Z.set(e, t)), t;
+}
+function se(e, t) {
+	let n = typeof t == "string" ? $(t) : t;
+	e.replaceChildren(document.importNode(n.content, !0));
+}
+//#endregion
+export { W as AttributeBreakpointHandlerDelegate, d as PxElement, f as VerticallyExtendedElement, u as WithExtraAttributes, c as WrappedInteractiveStateController, z as accessibilityAttributes, F as addGlobalStylesheet, P as assetContainerImgWidthValues, Y as assignCmsEditorSlot, X as assignCmsEditorSlots, D as backgroundColorValues, O as backgroundSizeValues, H as booleanPropertyToAttributeSetter, T as borderColorValues, w as borderRadiusValues, E as borderSideValues, C as borderValues, k as boxShadowValues, R as checkName, b as colorValues, oe as createTemplate, h as cssGridAlignSelfValues, _ as cssGridColSpanValues, g as cssGridJustifySelfValues, v as cssGridOrderValues, y as cssGridPlaceSelfValues, U as cssTokenBreakpoints, m as flexboxAlignSelfValues, ee as fontsizeValues, x as fontweightValues, M as gapValues, n as getSupportedAttributeNames, t as getSupportedPropertyNames, $ as getTemplate, L as getViewportFormat, j as gradientValues, p as gridGapValues, A as headingValues, S as iconSizeValues, te as iconSizeValuesKC, o as isComponentDebug, I as isFalsy, s as log, N as noBorderRadiusValues, ie as observeCmsEditorSlots, re as paddingValues, V as propertyToAttributeSetter, se as renderTemplate, ne as textalignValues, B as transferAccessibilityAttributes };

package/dist/template.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Declares a static template. Call it once, at module level, with a plain
+ * template literal: the build (scripts/vite-plugin-minify-templates.js)
+ * strips the whitespace between tags so clones contain no empty text nodes.
+ */
+export declare function createTemplate(html: string): HTMLTemplateElement;
+export declare function getTemplate(html: string): HTMLTemplateElement;
+/**
+ * Drop-in replacement for `root.innerHTML = html`: replaces the children of
+ * `root` with a clone of the parsed template.
+ * `importNode` creates the nodes in the current document, so nested custom
+ * elements are upgraded synchronously, exactly like with `innerHTML`.
+ */
+export declare function renderTemplate(root: ShadowRoot | Element | DocumentFragment, template: HTMLTemplateElement | string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-common",
-  "version": "1.4.17-alpha.7",
+  "version": "1.4.17-beta.1",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",