@phcdevworks/spectre-components 1.18.0 → 1.19.0

package/dist/index.js

@@ -1710,7 +1710,7 @@ var SpectreRadioElement = class extends SpectreProjectableElement {
   }
   updated(changedProperties) {
     super.updated(changedProperties);
-    if ((changedProperties.has("checked") || changedProperties.has("name")) && this.checked && this.name) {
+    if ((changedProperties.has("checked") || changedProperties.has("name") || changedProperties.has("form")) && this.checked && this.name) {
       this.syncGroup();
     }
   }
@@ -1722,8 +1722,9 @@ var SpectreRadioElement = class extends SpectreProjectableElement {
     const radios = root.querySelectorAll(
       "sp-radio"
     );
+    const form = this.nativeInput?.form;
     radios.forEach((radio) => {
-      if (radio !== this && radio.name === this.name && radio.checked) {
+      if (radio !== this && radio.name === this.name && radio.nativeInput?.form === form && radio.checked) {
         radio.checked = false;
       }
     });
@@ -3408,13 +3409,20 @@ var SpectreDropdownElement = class extends SpectreBaseElement {
       return false;
     }
     const el = node;
-    return el.hasAttribute("data-sp-dropdown-menu") || el.hasAttribute("data-sp-dropdown-trigger");
+    return el.hasAttribute("data-sp-dropdown-native") || el.hasAttribute("data-sp-dropdown-menu") || el.hasAttribute("data-sp-dropdown-trigger");
   }
   syncProjectedContent() {
     const nextTriggerContent = [];
     const nextMenuContent = [];
-    this.childNodes.forEach((node) => {
-      if (this.isInternalNode(node)) {
+    const sourceNodes = [
+      ...this.triggerContent.filter((node) => this.contains(node)),
+      ...this.menuContent.filter((node) => this.contains(node)),
+      ...Array.from(this.childNodes).filter(
+        (node) => !this.hasUpdated || node.nodeType !== Node.TEXT_NODE || node.textContent?.trim()
+      )
+    ];
+    new Set(sourceNodes).forEach((node) => {
+      if (node.nodeType === Node.COMMENT_NODE || this.isInternalNode(node)) {
         return;
       }
       const isTriggerSlot = node.nodeType === Node.ELEMENT_NODE && node.getAttribute("slot") === "trigger";
@@ -3527,6 +3535,7 @@ var SpectreDropdownElement = class extends SpectreBaseElement {
   render() {
     return html`<div
       class="${this.dropdownClasses}"
+      data-sp-dropdown-native
       id="${ifDefined(this.id || void 0)}"
       title="${ifDefined(this.title || void 0)}"
     >
@@ -4757,8 +4766,15 @@ var SpectreTooltipElement = class extends SpectreBaseElement {
   syncProjectedContent() {
     const nextTooltipContent = [];
     const nextTriggerContent = [];
-    this.childNodes.forEach((node) => {
-      if (this.isInternalNode(node)) {
+    const sourceNodes = [
+      ...this.triggerContent.filter((node) => this.contains(node)),
+      ...this.tooltipContent.filter((node) => this.contains(node)),
+      ...Array.from(this.childNodes).filter(
+        (node) => !this.hasUpdated || node.nodeType !== Node.TEXT_NODE || node.textContent?.trim()
+      )
+    ];
+    new Set(sourceNodes).forEach((node) => {
+      if (node.nodeType === Node.COMMENT_NODE || this.isInternalNode(node)) {
         return;
       }
       const isTooltipSlot = node.nodeType === Node.ELEMENT_NODE && node.getAttribute("slot") === "tooltip";