@pure-ds/core 0.5.31 → 0.5.33

package/src/js/pds-core/pds-enhancers.js

@@ -18,6 +18,7 @@ const enhancerDefinitions = [
   { selector: 'input[type="range"]' },
   { selector: "form[data-required]" },
   { selector: "fieldset[role=group][data-open]" },
+  { selector: "[data-clip]" },
   { selector: "button, a[class*='btn-']" },
 ];
 
@@ -45,7 +46,8 @@ function enhanceAccordion(elem) {
 function enhanceDropdown(elem) {
   if (elem.dataset.enhancedDropdown) return;
   elem.dataset.enhancedDropdown = "true";
-  const menu = elem.querySelector("menu");
+  const menu = elem.lastElementChild
+  
   if (!menu) return;
 
   const trigger =
@@ -60,7 +62,10 @@ function enhanceDropdown(elem) {
     menu.id = `dropdown-${Math.random().toString(36).slice(2, 9)}`;
   }
 
-  menu.setAttribute("role", menu.getAttribute("role") || "menu");
+  const isMenu = menu.tagName?.toLowerCase() === "menu";
+  if (isMenu && !menu.hasAttribute("role")) {
+    menu.setAttribute("role", "menu");
+  }
   if (!menu.hasAttribute("aria-hidden")) {
     menu.setAttribute("aria-hidden", "true");
   }
@@ -344,6 +349,43 @@ function enhanceOpenGroup(elem) {
   });
 }
 
+function enhanceClip(elem) {
+  if (elem.dataset.enhancedClip) return;
+  elem.dataset.enhancedClip = "true";
+
+  if (!elem.hasAttribute("tabindex")) {
+    elem.setAttribute("tabindex", "0");
+  }
+  if (!elem.hasAttribute("role")) {
+    elem.setAttribute("role", "button");
+  }
+
+  const syncAria = () => {
+    const isOpen = elem.getAttribute("data-clip-open") === "true";
+    elem.setAttribute("aria-expanded", isOpen ? "true" : "false");
+  };
+
+  const toggleOpen = () => {
+    const isOpen = elem.getAttribute("data-clip-open") === "true";
+    elem.setAttribute("data-clip-open", isOpen ? "false" : "true");
+    syncAria();
+  };
+
+  elem.addEventListener("click", (event) => {
+    if (event.defaultPrevented) return;
+    toggleOpen();
+  });
+
+  elem.addEventListener("keydown", (event) => {
+    if (event.key === " " || event.key === "Enter") {
+      event.preventDefault();
+      toggleOpen();
+    }
+  });
+
+  syncAria();
+}
+
 function enhanceButtonWorking(elem) {
   if (elem.dataset.enhancedBtnWorking) return;
   elem.dataset.enhancedBtnWorking = "true";
@@ -404,6 +446,7 @@ const enhancerRunners = new Map([
   ['input[type="range"]', enhanceRange],
   ["form[data-required]", enhanceRequired],
   ["fieldset[role=group][data-open]", enhanceOpenGroup],
+  ["[data-clip]", enhanceClip],
   ["button, a[class*='btn-']", enhanceButtonWorking],
 ]);
 

package/src/js/pds-core/pds-enums.js

@@ -83,4 +83,13 @@ export const enums = {
     caret: "caret", // Triangle caret
     none: "none", // No icon
   },
+  IconSizes: {
+    xs: 16,
+    sm: 20,
+    md: 24,
+    lg: 32,
+    xl: 48,
+    "2xl": 64,
+    "3xl": 96,
+  },
 };