@proximus/lavender-header-minimal 2.0.0-alpha.203 → 2.0.0-alpha.204

package/dist/HeaderMinimal.d.ts

@@ -1,8 +1,8 @@
 import { WithExtraAttributes } from '@proximus/lavender-common';
 import type { Section } from '@proximus/lavender-section';
 export declare class HeaderMinimal extends WithExtraAttributes {
+    protected static readonly template: HTMLTemplateElement;
     internals: ElementInternals;
-    template: () => string;
     constructor();
     connectedCallback(): void;
     static get observedAttributes(): string[];

package/dist/custom-elements.json

@@ -11,6 +11,13 @@
           "description": "",
           "name": "HeaderMinimal",
           "members": [
+            {
+              "kind": "field",
+              "name": "template",
+              "privacy": "protected",
+              "static": true,
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "internals",
@@ -18,10 +25,6 @@
                 "text": "ElementInternals"
               }
             },
-            {
-              "kind": "field",
-              "name": "template"
-            },
             {
               "kind": "field",
               "name": "$navigationContainer",
@@ -30,10 +33,6 @@
             {
               "kind": "field",
               "name": "inverted"
-            },
-            {
-              "kind": "field",
-              "name": "innerHTML"
             }
           ],
           "attributes": [

package/dist/index.es.js

@@ -1,10 +1,13 @@
-import { WithExtraAttributes as e } from "@proximus/lavender-common";
+import { WithExtraAttributes as e, createTemplate as t, renderTemplate as n } from "@proximus/lavender-common";
 //#region src/header-minimal.css?inline
-var t = ":host{display:block}:host *{box-sizing:border-box}", n = new CSSStyleSheet();
-n.replaceSync(t);
-var r = class extends e {
+var r = ":host{display:block}:host *{box-sizing:border-box}", i = new CSSStyleSheet();
+i.replaceSync(r);
+var a = class r extends e {
+	static {
+		this.template = t("<div class=\"header-minimal\"><header><slot name=\"skip\"></slot><px-section \n          id=\"navigation-container\" \n          padding-inline=\"none\"\n          padding-block=\"s\"\n          background-color=\"surface-light\"\n          border=\"m\"\n          border-side=\"bottom\"\n        ><px-hstack gap=\"default\" wrap=\"wrap\" align-items=\"center\"><slot name=\"header-logo\"></slot><px-spacer></px-spacer><slot name=\"user-language\"></slot></px-hstack></px-section></header><slot name=\"main\"></slot></div>");
+	}
 	constructor() {
-		super(n), this.template = () => "\n    <div class=\"header-minimal\">\n      <header>\n        <slot name=\"skip\"></slot>\n        <px-section \n          id=\"navigation-container\" \n          padding-inline=\"none\"\n          padding-block=\"s\"\n          background-color=\"surface-light\"\n          border=\"m\"\n          border-side=\"bottom\"\n        >\n          <px-hstack gap=\"default\" wrap=\"wrap\" align-items=\"center\">\n            <slot name=\"header-logo\"></slot>\n            <px-spacer></px-spacer>\n            <slot name=\"user-language\"></slot>\n          </px-hstack>\n        </px-section>\n      </header>\n      <slot name=\"main\"></slot>\n    </div>\n  ", this.shadowRoot.innerHTML = this.template(), this.internals = this.attachInternals?.(), this.internals && (this.internals.role = "navigation");
+		super(i), n(this.shadowRoot, r.template), this.internals = this.attachInternals?.(), this.internals && (this.internals.role = "navigation");
 	}
 	connectedCallback() {
 		this.role = "navigation";
@@ -30,6 +33,6 @@ var r = class extends e {
 		e ? this.setAttribute("inverted", "") : this.removeAttribute("inverted");
 	}
 };
-customElements.get("px-header-minimal") || customElements.define("px-header-minimal", r);
+customElements.get("px-header-minimal") || customElements.define("px-header-minimal", a);
 //#endregion
-export { r as HeaderMinimal };
+export { a as HeaderMinimal };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@proximus/lavender-header-minimal",
-  "version": "2.0.0-alpha.203",
+  "version": "2.0.0-alpha.204",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,10 +15,8 @@
           "js": {
             "properties": [
               { "name": "internals", "type": "ElementInternals" },
-              { "name": "template" },
               { "name": "$navigationContainer" },
-              { "name": "inverted" },
-              { "name": "innerHTML" }
+              { "name": "inverted" }
             ],
             "events": []
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-header-minimal",
-  "version": "2.0.0-alpha.203",
+  "version": "2.0.0-alpha.204",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",