@proximus/lavender-common 2.0.0-alpha.203 → 2.0.0-alpha.204

package/dist/index.d.ts

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

package/dist/index.es.js

@@ -768,6 +768,21 @@ var J = class {
 	set attributeValue(e) {
 		this._attributeValue = e, this.setCSSProperties();
 	}
-};
+}, Y = /* @__PURE__ */ new Map(), X = 500;
+function Z(e) {
+	let t = document.createElement("template");
+	return t.innerHTML = e, t;
+}
+function Q(e) {
+	return Z(e);
+}
+function $(e) {
+	let t = Y.get(e);
+	return t || (t = Z(e), Y.size < X && Y.set(e, t)), t;
+}
+function ee(e, t) {
+	let n = typeof t == "string" ? $(t) : t;
+	e.replaceChildren(document.importNode(n.content, !0));
+}
 //#endregion
-export { J as AttributeBreakpointHandlerDelegate, d as PxElement, f as VerticallyExtendedElement, u as WithExtraAttributes, c as WrappedInteractiveStateController, U as accessibilityAttributes, z as addGlobalStylesheet, R as assetContainerImgWidthValues, j as backgroundColorValues, M as backgroundSizeValues, K as booleanPropertyToAttributeSetter, k as borderColorValues, O as borderRadiusValues, A as borderSideValues, D as borderValues, N as boxShadowValues, H as checkName, x as colorValues, h as cssGridAlignSelfValues, _ as cssGridColSpanValues, g as cssGridJustifySelfValues, v as cssGridOrderValues, y as cssGridPlaceSelfValues, q as cssTokenBreakpoints, m as flexboxAlignSelfValues, b as fontsizeValues, S as fontweightValues, I as gapValues, n as getSupportedAttributeNames, t as getSupportedPropertyNames, V as getViewportFormat, F as gradientValues, p as gridGapValues, P as headingValues, C as iconSizeValues, w as iconSizeValuesKC, o as isComponentDebug, B as isFalsy, s as log, L as noBorderRadiusValues, E as paddingValues, G as propertyToAttributeSetter, T as textalignValues, W as transferAccessibilityAttributes };
+export { J as AttributeBreakpointHandlerDelegate, d as PxElement, f as VerticallyExtendedElement, u as WithExtraAttributes, c as WrappedInteractiveStateController, U as accessibilityAttributes, z as addGlobalStylesheet, R as assetContainerImgWidthValues, j as backgroundColorValues, M as backgroundSizeValues, K as booleanPropertyToAttributeSetter, k as borderColorValues, O as borderRadiusValues, A as borderSideValues, D as borderValues, N as boxShadowValues, H as checkName, x as colorValues, Q as createTemplate, h as cssGridAlignSelfValues, _ as cssGridColSpanValues, g as cssGridJustifySelfValues, v as cssGridOrderValues, y as cssGridPlaceSelfValues, q as cssTokenBreakpoints, m as flexboxAlignSelfValues, b as fontsizeValues, S as fontweightValues, I as gapValues, n as getSupportedAttributeNames, t as getSupportedPropertyNames, $ as getTemplate, V as getViewportFormat, F as gradientValues, p as gridGapValues, P as headingValues, C as iconSizeValues, w as iconSizeValuesKC, o as isComponentDebug, B as isFalsy, s as log, L as noBorderRadiusValues, E as paddingValues, G as propertyToAttributeSetter, ee as renderTemplate, T as textalignValues, W 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": "2.0.0-alpha.203",
+  "version": "2.0.0-alpha.204",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",