npm - @solid-design-system/components - Versions diffs - 5.8.3 → 5.9.0 - Mend

@solid-design-system/components 5.8.3 → 5.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (657) hide show

package/dist/chunks/{chunk.HM3LCNHO.js → chunk.2VDSJ75Q.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.S6JOYZFA.js → chunk.3JIBD4DC.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.LWXZJIRQ.js → chunk.3PUMOBIO.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.XVD3XEUF.js → chunk.47VXT6XF.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.2AJD3JJI.js → chunk.4Z5MLLDU.js} RENAMED Viewed

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.EXH7DCD2.js → chunk.5UQ6EJAW.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.PQWYZXV6.js → chunk.5XKGAQGU.js} RENAMED Viewed

@@ -9,7 +9,7 @@ import {
 } from "./chunk.KVKRZJS7.js";
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.5XMZ6WXX.js → chunk.6ID5BKH5.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.O73ZT3UW.js → chunk.6SZYSES2.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.5DAXULFD.js → chunk.7EMNYFIP.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.X2MHTR7J.js → chunk.7VIYCZ4Z.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.OT7LAUQS.js → chunk.7ZISZOWN.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FGJ7DRXJ.js → chunk.AQKWXHIC.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.45HZJPE2.js → chunk.BK4CYVLA.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.V6V6VOCS.js → chunk.EIUEZZ5G.js} RENAMED Viewed

@@ -21,7 +21,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   animateTo,
   stopAnimations
@@ -201,7 +201,7 @@ var SdDropdown = class extends SolidElement {
     const menu = this.getMenu();
     if (menu) {
       const menuItems = menu.defaultSlot.assignedElements({ flatten: true });
-      const firstMenuItem = menuItems[0];
+      const firstMenuItem = menuItems.find((item) => !item.disabled) || menuItems[0];
       const lastMenuItem = menuItems[menuItems.length - 1];
       if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
         event.preventDefault();

package/dist/chunks/{chunk.HKYEM2KT.js → chunk.EO5MCLIR.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SS3CZ5NU.js → chunk.FDUVN4I6.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   LocalizeController
 } from "./chunk.YKM42GKF.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";

package/dist/chunks/{chunk.2S3WUQ6C.js → chunk.FFAUGMVF.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.A53JZAAA.js → chunk.FUGGYSQF.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.FNYEXUNK.js";
 import {
   SdCarouselItem
-} from "./chunk.XEXGLMT2.js";
+} from "./chunk.TWDHTS5K.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.UBWROOYD.js → chunk.I6NQOQEO.js} RENAMED Viewed

@@ -6,14 +6,14 @@ import {
 } from "./chunk.KVKRZJS7.js";
 import {
   HasSlotController
-} from "./chunk.YEZS5ZR2.js";
+} from "./chunk.IVMQWO2L.js";
 import {
   watch
 } from "./chunk.X2OQMWGY.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.KZMSCSWH.js → chunk.IIYSG3NP.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import {
 } from "./chunk.7VPFFNHR.js";
 import {
   library_internal_default
-} from "./chunk.Z7IN7NPU.js";
+} from "./chunk.ZYF25H5G.js";
 import {
   library_status_default
 } from "./chunk.4TPOL3LB.js";

package/{dist-versioned/chunks/chunk.YEZS5ZR2.js → dist/chunks/chunk.IVMQWO2L.js} RENAMED Viewed

@@ -43,7 +43,21 @@ var HasSlotController = class {
     }
   }
 };
+function getTextContent(slot) {
+  if (!slot) {
+    return "";
+  }
+  const nodes = slot.assignedNodes({ flatten: true });
+  let text = "";
+  [...nodes].forEach((node) => {
+    if (node.nodeType === Node.TEXT_NODE) {
+      text += node.textContent;
+    }
+  });
+  return text;
+}
 export {
-  HasSlotController
+  HasSlotController,
+  getTextContent
 };

package/dist/chunks/{chunk.E7EV2RDK.js → chunk.J5E5UTG2.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/chunk.JJTGSFOV.js ADDED Viewed

@@ -0,0 +1,145 @@
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
+import {
+  SolidElement,
+  customElement
+} from "./chunk.PP5IDYES.js";
+import {
+  __decorateClass
+} from "./chunk.S3NI7NKU.js";
+// src/components/menu/menu.ts
+import { css, html } from "lit";
+import { query } from "lit/decorators.js";
+var SdMenu = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "menu");
+  }
+  handleClick(event) {
+    const menuItemTypes = ["menuitem", "menuitemcheckbox"];
+    const composedPath = event.composedPath();
+    const target = composedPath.find((el) => {
+      var _a;
+      return menuItemTypes.includes(((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) || "");
+    });
+    if (!target) return;
+    const closestMenu = composedPath.find((el) => {
+      var _a;
+      return ((_a = el == null ? void 0 : el.getAttribute) == null ? void 0 : _a.call(el, "role")) === "menu";
+    });
+    const clickHasSubmenu = closestMenu !== this;
+    if (clickHasSubmenu) return;
+    const item = target;
+    if (item.type === "checkbox") {
+      item.checked = !item.checked;
+    }
+    this.emit("sd-select", { detail: { item } });
+  }
+  handleKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      const item = this.getCurrentItem();
+      event.preventDefault();
+      event.stopPropagation();
+      item == null ? void 0 : item.click();
+    } else if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
+      const items = this.getAllItems();
+      const activeItem = this.getCurrentItem();
+      let index = activeItem ? items.indexOf(activeItem) : 0;
+      if (items.length > 0) {
+        event.preventDefault();
+        event.stopPropagation();
+        const move = (start, step) => {
+          let i = start;
+          for (const _ of items) {
+            i = (i + step + items.length) % items.length;
+            if (!items[i].disabled) return i;
+          }
+          return start;
+        };
+        if (event.key === "ArrowDown") {
+          index = move(index, 1);
+        } else if (event.key === "ArrowUp") {
+          index = move(index, -1);
+        } else if (event.key === "Home") {
+          index = items.findIndex((item) => !item.disabled);
+          if (index === -1) index = 0;
+        } else if (event.key === "End") {
+          index = items.length - 1;
+          for (let i = items.length - 1; i >= 0; i--) {
+            if (!items[i].disabled) {
+              index = i;
+              break;
+            }
+          }
+        }
+        this.setCurrentItem(items[index]);
+        items[index].focus();
+      }
+    }
+  }
+  handleMouseDown(event) {
+    const target = event.target;
+    if (this.isMenuItem(target)) {
+      this.setCurrentItem(target);
+    }
+  }
+  handleSlotChange() {
+    const items = this.getAllItems();
+    if (items.length > 0) {
+      this.setCurrentItem(items[0]);
+    }
+  }
+  isMenuItem(item) {
+    var _a;
+    return item.tagName.toLowerCase() === "sd-menu-item" || ["menuitem", "menuitemcheckbox", "menuitemradio"].includes((_a = item.getAttribute("role")) != null ? _a : "");
+  }
+  /** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
+  getAllItems() {
+    return [...this.defaultSlot.assignedElements({ flatten: true })].filter((el) => {
+      if (!this.isMenuItem(el)) {
+        return false;
+      }
+      return true;
+    });
+  }
+  /**
+   * @internal Gets the current menu item, which is the menu item that has `tabindex="0"` within the roving tab index.
+   * The menu item may or may not have focus, but for keyboard interaction purposes it's considered the "active" item.
+   */
+  getCurrentItem() {
+    return this.getAllItems().find((i) => i.getAttribute("tabindex") === "0");
+  }
+  /**
+   * @internal Sets the current menu item to the specified element. This sets `tabindex="0"` on the target element and
+   * `tabindex="-1"` to all other items. This method must be called prior to setting focus on a menu item.
+   */
+  setCurrentItem(item) {
+    const items = this.getAllItems();
+    items.forEach((i) => {
+      i.setAttribute("tabindex", i === item ? "0" : "-1");
+    });
+  }
+  render() {
+    return html`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`;
+  }
+};
+SdMenu.styles = [
+  ...SolidElement.styles,
+  css`:host{border-radius:var(--sd-border-radius-md,.375rem);display:block;overflow:auto;overscroll-behavior:auto;padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);position:relative;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75))!important;--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}::slotted(sd-divider){padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}`
+];
+__decorateClass([
+  query("slot")
+], SdMenu.prototype, "defaultSlot", 2);
+SdMenu = __decorateClass([
+  customElement("sd-menu")
+], SdMenu);
+export {
+  SdMenu
+};

package/dist/chunks/{chunk.DHRBNSPZ.js → chunk.JUUDZ47Q.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.HY3LORT5.js";
+} from "./chunk.PP5IDYES.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";