@proximus/lavender-input 2.0.0-alpha.23 → 2.0.0-alpha.26

package/dist/index.es.js

@@ -151,23 +151,33 @@ const y = class y extends n {
     super();
   }
   connectedCallback() {
-    if (super.connectedCallback(), this.$lightSuggestions) {
-      const e = document.createElement("datalist");
-      e.id = "suggestions", this.$el.setAttribute("list", e.id), this.$container.appendChild(e), e.innerHTML = this.$lightSuggestions.innerHTML, this.observer = new MutationObserver(() => {
-        this.syncDataList();
-      }), this.observer.observe(this.$lightSuggestions, { childList: !0 });
-    }
-    this.type === "search" && navigator.userAgent.includes("Chrome") && (this.$el.style.setProperty("--search-icon-focus-width", "2.5rem"), this.$el.style.setProperty("--search-icon-datalist-width", "1rem"));
+    super.connectedCallback(), this.$el.type === "search" && (this.$el.setAttribute("list", "suggestions"), this.syncDataList(), this.observer = new MutationObserver(() => {
+      this.syncDataList();
+    }), this.observer.observe(this, {
+      childList: !0,
+      subtree: !0
+    })), this.type === "search" && navigator.userAgent.includes("Chrome") && (this.$el.style.setProperty("--search-icon-focus-width", "2.5rem"), this.$el.style.setProperty("--search-icon-datalist-width", "1rem"));
   }
   syncDataList() {
-    this.$shadowSuggestions.innerHTML = this.$lightSuggestions.innerHTML;
+    var t, i;
+    const e = (t = this.$lightSuggestions) == null ? void 0 : t.cloneNode(
+      !0
+    );
+    if (e) {
+      if (e.id = "suggestions", this.$shadowSuggestions) {
+        this.$shadowSuggestions.replaceWith(e);
+        return;
+      }
+      this.$el.insertAdjacentElement("afterend", e);
+    } else
+      (i = this.$shadowSuggestions) == null || i.remove();
   }
   disconnectedCallback() {
     var e;
     (e = this.observer) == null || e.disconnect();
   }
   template() {
-    return '<div><input type="text" /><slot name="suggestions"></slot></div>';
+    return '<div><input type="text" /></div>';
   }
   get $lightSuggestions() {
     return this.querySelector("datalist");
@@ -200,14 +210,13 @@ const f = class f extends n {
     g(this, a);
   }
   template() {
-    return '<select><slot name="options"></slot></select>';
+    return "<select></select>";
   }
   connectedCallback() {
     super.connectedCallback(), c(this, a, u).call(this), this.observer = new MutationObserver(() => {
       c(this, a, u).call(this);
     }), this.observer.observe(this, {
       childList: !0,
-      attributes: !0,
       subtree: !0
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-input",
-  "version": "2.0.0-alpha.23",
+  "version": "2.0.0-alpha.26",
   "description": "Input component for the Proximus Design System",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",