@lmvz-ds/components 0.16.0 → 0.17.1

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -3,6 +3,3 @@
 const globalScripts = () => {};
 
 exports.globalScripts = globalScripts;
-//# sourceMappingURL=app-globals-V2Kpy_OQ.js.map
-
-//# sourceMappingURL=app-globals-V2Kpy_OQ.js.map

package/dist/cjs/aria-loader-BRxRUIyi.js

@@ -0,0 +1,121 @@
+'use strict';
+
+/**
+ * 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 = Promise.resolve().then(function () { return require('./index-BBqtydE-.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');
+        });
+    }
+}
+
+exports.ARIA_VALIDATION_RUNTIME_CHANGED_EVENT = ARIA_VALIDATION_RUNTIME_CHANGED_EVENT;
+exports.disableAriaValidation = disableAriaValidation;
+exports.enableAriaValidation = enableAriaValidation;
+exports.isAriaValidationEnabled = isAriaValidationEnabled;
+exports.queueValidation = queueValidation;
+exports.useVerboseLogging = useVerboseLogging;

package/dist/cjs/{assets-XY-cBmal.js → assets-OvQ-WUwR.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-B1Puzu82.js');
+var index = require('./index-CH-YLRgg.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function getLocationBase() {
-    return (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('assets-XY-cBmal.js', document.baseURI).href)) ?? window?.location?.origin ?? '';
+    return (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('assets-OvQ-WUwR.js', document.baseURI).href)) ?? window?.location?.origin ?? '';
 }
 
 const relativeAssetsPath = '../../assets';
@@ -24,6 +24,3 @@ function joinPath(...parts) {
 }
 
 exports.createAssetUrlSafely = createAssetUrlSafely;
-//# sourceMappingURL=assets-XY-cBmal.js.map
-
-//# sourceMappingURL=assets-XY-cBmal.js.map

package/dist/cjs/component-Csg9MtNK.js

@@ -0,0 +1,140 @@
+'use strict';
+
+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');
+}
+
+exports.canReceiveFocus = canReceiveFocus;
+exports.componentOnReady = componentOnReady;
+exports.findFormByRef = findFormByRef;
+exports.getDeepActiveElement = getDeepActiveElement;
+exports.inheritAriaAttributes = inheritAriaAttributes;

package/dist/cjs/element-activation-controller-DC_6T0Rt.js

@@ -0,0 +1,31 @@
+'use strict';
+
+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);
+        }
+    };
+}
+
+exports.ElementActivationController = ElementActivationController;