@lmvz-ds/components 0.16.0 → 0.17.0

package/dist/esm/app-globals-DQuL1Twl.js

@@ -1,6 +1,3 @@
 const globalScripts = () => {};
 
 export { globalScripts as g };
-//# sourceMappingURL=app-globals-DQuL1Twl.js.map
-
-//# sourceMappingURL=app-globals-DQuL1Twl.js.map

package/dist/esm/aria-loader-JxXwTAe5.js

@@ -0,0 +1,114 @@
+/**
+ * Verify whether a value is a Promise by duck-testing for a 'then' function
+ */
+function isPromise(value) {
+    if (!value)
+        return false;
+    return typeof value === 'object' && typeof value.then === 'function';
+}
+
+/**
+ * Resolve the result of a function that may be async or not, as a Promise.
+ */
+function resolvePossiblyAsyncFunction(func, args = []) {
+    const res = func(...args);
+    if (isPromise(res)) {
+        return res;
+    }
+    return Promise.resolve(res);
+}
+
+const GLOBAL_STATE_KEY = Symbol('__lmvzAriaValidationRuntimeState');
+const ARIA_VALIDATION_RUNTIME_CHANGED_EVENT = 'lmvz:aria-validation-runtime-changed';
+function getRuntimeState() {
+    const globalState = globalThis;
+    if (!globalState[GLOBAL_STATE_KEY]) {
+        globalState[GLOBAL_STATE_KEY] = {
+            enabled: false,
+        };
+    }
+    return globalState[GLOBAL_STATE_KEY];
+}
+function notifyRuntimeChange() {
+    if (typeof window === 'undefined')
+        return;
+    window.dispatchEvent(new CustomEvent(ARIA_VALIDATION_RUNTIME_CHANGED_EVENT));
+}
+async function fetchRuntime() {
+    const state = getRuntimeState();
+    if (!state.enabled)
+        return null;
+    if (state.runtime)
+        return state.runtime;
+    if (!state.loadPromise) {
+        state.loadPromise = import('./index-BW1YMEA3.js').catch(() => null);
+    }
+    const runtime = await state.loadPromise;
+    if (runtime) {
+        state.runtime = runtime;
+    }
+    return runtime;
+}
+async function initializeValidation(...args) {
+    const runtime = await fetchRuntime();
+    const s = getRuntimeState();
+    if (!s.enabled)
+        return;
+    if (!runtime) {
+        console.warn('Failed to load aria validation runtime');
+        return;
+    }
+    runtime.initializeValidationStream(...args);
+}
+const isAriaValidationEnabled = () => getRuntimeState().enabled;
+const useVerboseLogging = () => getRuntimeState().verboseLogging ?? false;
+const enableAriaValidation = (options = {}) => {
+    const state = getRuntimeState();
+    if (state.enabled)
+        return;
+    Object.assign(state, options);
+    state.enabled = true;
+    initializeValidation().then(() => {
+        notifyRuntimeChange();
+    });
+};
+const disableAriaValidation = () => {
+    const state = getRuntimeState();
+    if (!state.enabled)
+        return;
+    state.enabled = false;
+    notifyRuntimeChange();
+};
+function queueValidation(...args) {
+    const { enabled, runtime, loadPromise, lazyCondition } = getRuntimeState();
+    if (!enabled)
+        return;
+    if (!lazyCondition)
+        return q();
+    resolvePossiblyAsyncFunction(lazyCondition).then((shouldEnqueue) => {
+        if (!shouldEnqueue)
+            return;
+        q();
+    });
+    function q() {
+        if (runtime)
+            return runtime.enqueueValidation(...args);
+        if (!loadPromise) {
+            console.warn('neither runtime nor load promise found for aria validation. This should not happen, as enabling aria validation should have triggered the loading of the runtime.');
+            return;
+        }
+        loadPromise
+            .then((loadedRuntime) => {
+            if (!loadedRuntime?.enqueueValidation) {
+                console.error('Failed to load aria validation runtime');
+                return;
+            }
+            loadedRuntime.enqueueValidation(...args);
+        })
+            .catch(() => {
+            console.error('Failed to enqueue validation due to an error while loading the runtime');
+        });
+    }
+}
+
+export { ARIA_VALIDATION_RUNTIME_CHANGED_EVENT as A, disableAriaValidation as d, enableAriaValidation as e, isAriaValidationEnabled as i, queueValidation as q, useVerboseLogging as u };

package/dist/esm/{assets-BD98wsl7.js → assets-CNHv_WMG.js}

@@ -1,4 +1,4 @@
-import { a as getAssetPath } from './index-WeqgWisK.js';
+import { a as getAssetPath } from './index-CQb-mBBB.js';
 
 function getLocationBase() {
     return import.meta?.url ?? window?.location?.origin ?? '';
@@ -21,6 +21,3 @@ function joinPath(...parts) {
 }
 
 export { createAssetUrlSafely as c };
-//# sourceMappingURL=assets-BD98wsl7.js.map
-
-//# sourceMappingURL=assets-BD98wsl7.js.map

package/dist/esm/component-DIrAQ4IB.js

@@ -0,0 +1,134 @@
+const componentOnReady = (el, callback) => {
+    if (el.componentOnReady) {
+        el.componentOnReady().then((resolvedEl) => callback(resolvedEl));
+    }
+    else {
+        raf(() => callback(el));
+    }
+};
+const inheritAttributes = (el, attributes = []) => {
+    const attributeObject = {};
+    attributes.forEach((attr) => {
+        if (el.hasAttribute(attr)) {
+            const value = el.getAttribute(attr);
+            if (value !== null) {
+                attributeObject[attr] = el.getAttribute(attr);
+            }
+            el.removeAttribute(attr);
+        }
+    });
+    return attributeObject;
+};
+const ariaAttributes = [
+    'role',
+    'aria-activedescendant',
+    'aria-atomic',
+    'aria-autocomplete',
+    'aria-braillelabel',
+    'aria-brailleroledescription',
+    'aria-busy',
+    'aria-checked',
+    'aria-colcount',
+    'aria-colindex',
+    'aria-colindextext',
+    'aria-colspan',
+    'aria-controls',
+    'aria-current',
+    'aria-describedby',
+    'aria-description',
+    'aria-details',
+    'aria-disabled',
+    'aria-errormessage',
+    'aria-expanded',
+    'aria-flowto',
+    'aria-haspopup',
+    'aria-hidden',
+    'aria-invalid',
+    'aria-keyshortcuts',
+    'aria-label',
+    'aria-labelledby',
+    'aria-level',
+    'aria-live',
+    'aria-multiline',
+    'aria-multiselectable',
+    'aria-orientation',
+    'aria-owns',
+    'aria-placeholder',
+    'aria-posinset',
+    'aria-pressed',
+    'aria-readonly',
+    'aria-relevant',
+    'aria-required',
+    'aria-roledescription',
+    'aria-rowcount',
+    'aria-rowindex',
+    'aria-rowindextext',
+    'aria-rowspan',
+    'aria-selected',
+    'aria-setsize',
+    'aria-sort',
+    'aria-valuemax',
+    'aria-valuemin',
+    'aria-valuenow',
+    'aria-valuetext',
+];
+const inheritAriaAttributes = (el, ignoreList) => {
+    let attributesToInherit = ariaAttributes;
+    return inheritAttributes(el, attributesToInherit);
+};
+const raf = (h) => {
+    if (typeof __zone_symbol__requestAnimationFrame === 'function') {
+        return __zone_symbol__requestAnimationFrame(h);
+    }
+    if (typeof requestAnimationFrame === 'function') {
+        return requestAnimationFrame(h);
+    }
+    return setTimeout(h);
+};
+function getDeepActiveElement(root = document) {
+    let activeElement = root.activeElement;
+    if (!activeElement) {
+        return null;
+    }
+    while (activeElement?.shadowRoot) {
+        const next = activeElement.shadowRoot.activeElement;
+        if (!next) {
+            break;
+        }
+        activeElement = next;
+    }
+    return activeElement;
+}
+function canReceiveFocus(el) {
+    if (!el)
+        return false;
+    return (el instanceof HTMLElement && el.tabIndex >= 0 && !el.hasAttribute('disabled') && el.getAttribute('aria-hidden') !== 'true' && el.checkVisibility() && el.offsetParent !== null);
+}
+function findFormByRef(form, el) {
+    if (form instanceof HTMLFormElement) {
+        return form;
+    }
+    if (typeof form === 'string') {
+        const el = document.getElementById(form);
+        if (el) {
+            if (el instanceof HTMLFormElement) {
+                return el;
+            }
+            else {
+                console.warn(`No Form found with selector: "#${form}". Verify that the element with id exists and is actually a <form> element.`, el);
+                return null;
+            }
+        }
+        else {
+            console.warn(`No Form found with selector: "#${form}". Verify that the id is correct and the form is rendered in the DOM.`, el);
+            return null;
+        }
+    }
+    if (form !== undefined) {
+        console.warn(`The provided "form" element is invalid. Verify that the form is a HTMLFormElement and rendered in the DOM.`, el);
+        return null;
+    }
+    return el.closest('form');
+}
+
+export { canReceiveFocus as a, componentOnReady as c, findFormByRef as f, getDeepActiveElement as g, inheritAriaAttributes as i };

package/dist/esm/element-activation-controller-CN0JX9-m.js

@@ -0,0 +1,29 @@
+class ElementActivationController {
+    host;
+    config;
+    constructor(host, config) {
+        this.host = host;
+        this.config = config;
+    }
+    hostDidLoad() {
+        if (!this.host.el.hasAttribute('tabindex')) {
+            console.warn('Interactive element does not have a tabindex attribute!', this.host.el);
+        }
+        this.host.el.addEventListener('keydown', this.handleKeyDown.bind(this));
+        this.host.el.addEventListener('click', this.handleActivation.bind(this));
+    }
+    handleKeyDown = (event) => {
+        if ((this.config?.keys ?? ['Enter', ' ']).includes(event.key)) {
+            event.preventDefault();
+            this.handleActivation(event);
+        }
+    };
+    handleActivation = (event) => {
+        this.host.lmvzActivation.emit();
+        if (this.config?.localHandler) {
+            this.config.localHandler(event);
+        }
+    };
+}
+
+export { ElementActivationController as E };