@lmvz-ds/components 0.32.0 → 0.34.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @lmvz-ds/components
 
+## 0.34.0
+
+### Minor Changes
+
+- 34a1f84: ActionListItems verwenden nun Button-Variants für Styling. Zusätzlich werden auch "normale" <button>s nun richtig als solche gestyled.
+- 1ed9cca: Popover Komponente hinzugefügt
+
+## 0.33.0
+
+### Minor Changes
+
+- 62ae65a: Plattform und Dependencies aktualisiert (Node 26, TypeScript 6, uvm.)
+
 ## 0.32.0
 
 ## 0.31.0

package/cjs/{aria-loader-BRo2FTGh.js → aria-loader-DWUVcapD.js}

@@ -43,7 +43,7 @@ async function fetchRuntime() {
     if (state.runtime)
         return state.runtime;
     if (!state.loadPromise) {
-        state.loadPromise = Promise.resolve().then(function () { return require('./index-3g9Z9sfF.js'); }).catch(() => null);
+        state.loadPromise = Promise.resolve().then(function () { return require('./index-Bn3k5SiE.js'); }).catch(() => null);
     }
     const runtime = await state.loadPromise;
     if (runtime) {

package/cjs/{aria-validation-controller-Z4TtOp2l.js → aria-validation-controller-BC0Eaiv4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var ariaLoader = require('./aria-loader-BRo2FTGh.js');
+var ariaLoader = require('./aria-loader-DWUVcapD.js');
 var index = require('./index-TGsVZNDP.js');
 
 class AriaValidationController {

package/cjs/async.util-BQ60l-WC.js

@@ -0,0 +1,20 @@
+'use strict';
+
+const nextFrame = () => new Promise((resolve) => requestAnimationFrame(() => resolve()));
+const wait = () => new Promise((resolve) => setTimeout(() => resolve()));
+const waitFrame = async () => {
+    await wait();
+    await nextFrame();
+};
+const raf = (h) => {
+    if (typeof __zone_symbol__requestAnimationFrame === 'function') {
+        return __zone_symbol__requestAnimationFrame(h);
+    }
+    if (typeof requestAnimationFrame === 'function') {
+        return requestAnimationFrame(h);
+    }
+    return setTimeout(h);
+};
+
+exports.raf = raf;
+exports.waitFrame = waitFrame;

package/cjs/{ds.constants-CKeXfK-s.js → ds.constants-C6eKRAEu.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const variants = ['primary', 'secondary', 'tertiary'];
+const variants = ['primary', 'secondary', 'tertiary', 'danger'];
 const scaleValues = ['small', 'default', 'large'];
 const sizes = ['xs', 'sm', 'md', 'lg'];
 const textSizes = [...sizes, 'xl'];
@@ -16,6 +16,8 @@ const messageTypes = ['neutral', 'warning'];
 const snackbarStatuses = ['success', 'warning', 'error'];
 const snackbarPriorities = ['low', 'normal', 'high'];
 const snackbarDismissReasons = ['timeout', 'manual', 'action', 'overridden', 'swallowed'];
+const popoverPlacements = ['top', 'bottom', 'start', 'end', 'top-start', 'top-end', 'bottom-start', 'bottom-end'];
+const popoverSizes = ['sm', 'md', 'lg'];
 
 exports.chipSizes = chipSizes;
 exports.chipTypes = chipTypes;
@@ -25,6 +27,8 @@ exports.inputSizes = inputSizes;
 exports.inputTypes = inputTypes;
 exports.linkTypes = linkTypes;
 exports.messageTypes = messageTypes;
+exports.popoverPlacements = popoverPlacements;
+exports.popoverSizes = popoverSizes;
 exports.scaleValues = scaleValues;
 exports.selectSizes = selectSizes;
 exports.sizes = sizes;

package/cjs/{element.util-Cq4y-_iX.js → element.util-Dbyc8yUG.js}

@@ -110,6 +110,19 @@ function getDeepActiveElement(root = document) {
     }
     return activeElement;
 }
+function walkShadowDOMUntil(start, condition) {
+    if (!start)
+        return undefined;
+    if (condition(start))
+        return start;
+    const children = start.shadowRoot ? Array.from(start.shadowRoot.children) : Array.from(start.children);
+    for (const child of children) {
+        const result = walkShadowDOMUntil(child, condition);
+        if (result)
+            return result;
+    }
+    return undefined;
+}
 function canReceiveFocus(el) {
     if (!el)
         return false;
@@ -141,6 +154,26 @@ function findFormByRef(form, el) {
     }
     return el.closest('form');
 }
+function isInteractiveElement(el) {
+    const tagName = el.tagName.toLowerCase();
+    if (['button', 'input', 'select', 'textarea'].includes(tagName)) {
+        return true;
+    }
+    if (tagName === 'a' && el.hasAttribute('href')) {
+        return true;
+    }
+    if (el.hasAttribute('tabindex')) {
+        return true;
+    }
+    const role = el.getAttribute('role');
+    if (role) {
+        const interactiveRoles = ['button', 'link', 'menuitem', 'option', 'combobox', 'listbox', 'checkbox', 'radio', 'switch', 'tab'];
+        if (interactiveRoles.includes(role)) {
+            return true;
+        }
+    }
+    return false;
+}
 
 exports.canReceiveFocus = canReceiveFocus;
 exports.findFormByRef = findFormByRef;
@@ -148,7 +181,9 @@ exports.getDeepActiveElement = getDeepActiveElement;
 exports.inheritAriaAttributes = inheritAriaAttributes;
 exports.isActionButton = isActionButton;
 exports.isDisabledButton = isDisabledButton;
+exports.isInteractiveElement = isInteractiveElement;
 exports.isLmvzButton = isLmvzButton;
 exports.isPrimaryAction = isPrimaryAction;
 exports.isSecondaryAction = isSecondaryAction;
 exports.isVisible = isVisible;
+exports.walkShadowDOMUntil = walkShadowDOMUntil;

package/cjs/{icons-BQASWgk-.js → icons-snv0hyf1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var svg = require('./svg-BMBduILB.js');
+var svg = require('./svg-CysxzZw7.js');
 
 const IconProviderRegistryKey = Symbol.for('LMVZ__iconProviderRegistry');
 const inMemoryRegistry = {};