@agnos-ui/core 0.2.0 → 0.3.1

package/components/slider/slider.js

@@ -1,420 +0,0 @@
-import { computed, writable } from '@amadeus-it-group/tansu';
-import { createStoreDirective, mergeDirectives } from '../../utils/directive';
-import { noop } from '../../utils/internal/func';
-import { getDecimalPrecision } from '../../utils/internal/math';
-import { bindableProp, stateStores, writablesForProps } from '../../utils/stores';
-import { typeArray, typeBoolean, typeFunction, typeNumber, typeNumberInRangeFactory } from '../../utils/writables';
-import { createResizeObserver } from '../../services/resizeObserver';
-const defaultSliderConfig = {
-    min: 0,
-    max: 100,
-    stepSize: 1,
-    readonly: false,
-    disabled: false,
-    vertical: false,
-    className: '',
-    ariaLabelHandle: (value) => '' + value,
-    ariaValueText: (value) => '' + value,
-    onValuesChange: noop,
-    values: [0],
-    showValueLabels: true,
-    showMinMaxLabels: true,
-    rtl: false,
-    slotStructure: undefined,
-    slotLabel: ({ value }) => '' + value,
-    slotHandle: undefined,
-};
-/**
- * Returns a shallow copy of the default slider config.
- * @returns a copy of the default config
- */
-export function getSliderDefaultConfig() {
-    return { ...defaultSliderConfig };
-}
-const configValidator = {
-    min: typeNumber,
-    max: typeNumber,
-    stepSize: typeNumberInRangeFactory(0, +Infinity, { strict: true }),
-    readonly: typeBoolean,
-    disabled: typeBoolean,
-    vertical: typeBoolean,
-    ariaLabelHandle: typeFunction,
-    ariaValueText: typeFunction,
-    onValuesChange: typeFunction,
-    values: typeArray,
-    showValueLabels: typeBoolean,
-    showMinMaxLabels: typeBoolean,
-    rtl: typeBoolean,
-};
-/**
- * Computes slider clean value based on the input parameters
- * @param value - dirty value
- * @param min  - minimum value
- * @param max - maximum value
- * @param intStepSize - step size converted to integer
- * @param decimalPrecision - maximum decimum precision of slider values
- * @returns adjusted clean value
- */
-const computeCleanValue = (value, min, max, intStepSize, decimalPrecision) => {
-    const magnitude = Math.pow(10, decimalPrecision);
-    if (value >= max) {
-        return max;
-    }
-    else if (value <= min) {
-        return min;
-    }
-    const indexMin = Math.floor(((value - min) * magnitude) / intStepSize);
-    return +(((((value - min) * magnitude) % intStepSize < intStepSize / 2 ? indexMin : indexMin + 1) * intStepSize) / magnitude + min).toFixed(decimalPrecision);
-};
-/**
- * Method to update the values for the slider keyboard navigation
- * @param handleIndex - index of the handle to update
- * @param values$ - writable signal that contains values
- * @param stepSize - slider step size
- * @param updateDirection - if equals 1 value is increased, if equals -1 value is decreased
- */
-const updateValue = (handleIndex, values$, stepSize, updateDirection) => {
-    values$.update((value) => {
-        value = [...value];
-        value[handleIndex] = value[handleIndex] + stepSize * updateDirection;
-        return value;
-    });
-};
-const getUpdateDirection = (vertical, rtl, keysVertical) => {
-    if (vertical && rtl) {
-        return keysVertical ? 1 : -1;
-    }
-    else if (vertical && !rtl) {
-        return -1;
-    }
-    else if (!vertical && rtl) {
-        return keysVertical ? -1 : 1;
-    }
-    else if (!vertical && !rtl) {
-        return -1;
-    }
-    return 1;
-};
-/**
- * Create a slider widget with given config props
- * @param config - an optional slider config
- * @returns a SliderWidget
- */
-export function createSlider(config) {
-    const [{ 
-    // dirty inputs that need adjustment:
-    min$: _dirtyMinimum$, max$: _dirtyMaximum$, stepSize$, rtl$, values$: _dirtyValues$, ariaLabelHandle$, ariaValueText$, onValuesChange$, showValueLabels$, showMinMaxLabels$, ...stateProps }, patch,] = writablesForProps(defaultSliderConfig, config, configValidator);
-    const { vertical$, disabled$, readonly$ } = stateProps;
-    let _prevCoordinate = -1;
-    // clean inputs adjustment
-    const min$ = computed(() => {
-        const _dirtyMinimum = _dirtyMinimum$(), _dirtyMaximum = _dirtyMaximum$();
-        if (_dirtyMinimum === _dirtyMaximum) {
-            return defaultSliderConfig.min;
-        }
-        return Math.min(_dirtyMinimum, _dirtyMaximum);
-    });
-    const max$ = computed(() => {
-        const _dirtyMinimum = _dirtyMinimum$(), _dirtyMaximum = _dirtyMaximum$();
-        if (_dirtyMinimum === _dirtyMaximum) {
-            return defaultSliderConfig.max;
-        }
-        return Math.max(_dirtyMinimum, _dirtyMaximum);
-    });
-    const _decimalPrecision$ = computed(() => Math.max(getDecimalPrecision(stepSize$()), getDecimalPrecision(min$()), getDecimalPrecision(max$())));
-    const _intStepSize$ = computed(() => stepSize$() * Math.pow(10, _decimalPrecision$()));
-    const values$ = bindableProp(_dirtyValues$, onValuesChange$, (dirtyValues) => {
-        const min = min$();
-        const max = max$();
-        const intStepSize = _intStepSize$();
-        const decimalPrecision = _decimalPrecision$();
-        return dirtyValues.map((dv) => computeCleanValue(dv, min, max, intStepSize, decimalPrecision));
-    }, typeArray.equal);
-    // computed
-    const { directive: sliderDirective, element$: sliderDom$ } = createStoreDirective();
-    const { directive: minLabelDirective, element$: minLabelDom$ } = createStoreDirective();
-    const { directive: maxLabelDirective, element$: maxLabelDom$ } = createStoreDirective();
-    const { directive: resizeDirective, dimensions$ } = createResizeObserver();
-    const updateSliderSize$ = writable({});
-    const sliderDomRect$ = computed(() => {
-        dimensions$();
-        updateSliderSize$();
-        return sliderDom$()?.getBoundingClientRect() ?? {};
-    }, {
-        equal: Object.is,
-    });
-    const minLabelDomRect$ = computed(() => {
-        dimensions$();
-        updateSliderSize$();
-        return minLabelDom$()?.getBoundingClientRect() ?? {};
-    }, {
-        equal: (a, b) => Object.is(a, b),
-    });
-    const maxLabelDomRect$ = computed(() => {
-        dimensions$();
-        updateSliderSize$();
-        return maxLabelDom$()?.getBoundingClientRect() ?? {};
-    }, {
-        equal: (a, b) => Object.is(a, b),
-    });
-    const sliderDomRectOffset$ = computed(() => (vertical$() ? sliderDomRect$().top : sliderDomRect$().left));
-    const sliderDomRectSize$ = computed(() => (vertical$() ? sliderDomRect$().height : sliderDomRect$().width));
-    const sortedValues$ = computed(() => [...values$()].sort((a, b) => a - b));
-    const _sortedHandlesValues$ = computed(() => {
-        return values$()
-            .map((val, index) => {
-            return { id: index, value: val };
-        })
-            .sort((a, b) => a.value - b.value);
-    });
-    const sortedHandles$ = computed(() => {
-        const ariaLabelHandle = ariaLabelHandle$(), ariaValueText = ariaValueText$();
-        return _sortedHandlesValues$().map((sortedValue, index) => {
-            return {
-                ...sortedValue,
-                ariaLabel: ariaLabelHandle(sortedValue.value, index, sortedValue.id),
-                ariaValueText: ariaValueText(sortedValue.value, index, sortedValue.id),
-            };
-        });
-    });
-    const valuesPercent$ = computed(() => values$().map((val) => percentCompute(val)));
-    const sortedValuesPercent$ = computed(() => [...valuesPercent$()].sort((a, b) => a - b));
-    const minLabelWidth$ = computed(() => (minLabelDomRect$().width / sliderDomRectSize$()) * 100);
-    const maxLabelWidth$ = computed(() => (maxLabelDomRect$().width / sliderDomRectSize$()) * 100);
-    const minValueLabelDisplay$ = computed(() => {
-        if (!showMinMaxLabels$()) {
-            return false;
-        }
-        else if (!showValueLabels$()) {
-            return true;
-        }
-        const minLabelWidth = minLabelWidth$();
-        return rtl$()
-            ? !valuesPercent$().some((percent) => 100 - percent > 100 - minLabelWidth - 1)
-            : !valuesPercent$().some((percent) => percent < minLabelWidth + 1);
-    });
-    const maxValueLabelDisplay$ = computed(() => {
-        if (!showMinMaxLabels$()) {
-            return false;
-        }
-        else if (!showValueLabels$()) {
-            return true;
-        }
-        const maxLabelWidth = maxLabelWidth$();
-        return rtl$()
-            ? !valuesPercent$().some((percent) => 100 - percent < maxLabelWidth + 1)
-            : !valuesPercent$().some((percent) => percent > 100 - maxLabelWidth - 1);
-    });
-    // TODO define the intersection value
-    const combinedLabelDisplay$ = computed(() => {
-        const values = values$();
-        return values.length == 2 && Math.abs(values[0] - values[1]) < 10;
-    });
-    const isInteractable$ = computed(() => !disabled$() && !readonly$());
-    const combinedLabelPositionLeft$ = computed(() => {
-        const sortedValuesPercent = sortedValuesPercent$();
-        const combinedPosition = (sortedValuesPercent[0] + sortedValuesPercent[1]) / 2;
-        return vertical$() || sortedValuesPercent.length != 2 ? 0 : rtl$() ? 100 - combinedPosition : combinedPosition;
-    });
-    const combinedLabelPositionTop$ = computed(() => {
-        const sortedValuesPercent = sortedValuesPercent$();
-        const combinedPosition = 100 - (sortedValuesPercent[0] + sortedValuesPercent[1]) / 2;
-        return vertical$() && sortedValuesPercent.length == 2 ? (rtl$() ? 100 - combinedPosition : combinedPosition) : 0;
-    });
-    const handleDisplayOptions$ = computed(() => {
-        const vertical = vertical$(), rtl = rtl$();
-        return valuesPercent$().map((vp, index) => {
-            return {
-                left: rtl ? (vertical ? null : 100 - vp) : vertical ? null : vp,
-                top: rtl ? (vertical ? vp : null) : vertical ? 100 - vp : null,
-            };
-        });
-    });
-    const progressDisplayOptions$ = computed(() => {
-        const vertical = vertical$(), sortedValuesPercent = sortedValuesPercent$(), rtl = rtl$();
-        if (sortedValuesPercent.length === 1) {
-            return [
-                {
-                    left: vertical ? null : rtl ? null : 0,
-                    right: vertical ? null : rtl ? 0 : null,
-                    bottom: vertical ? (rtl ? null : 0) : null,
-                    top: vertical ? (rtl ? 0 : null) : null,
-                    width: vertical ? 100 : sortedValuesPercent[0],
-                    height: vertical ? sortedValuesPercent[0] : 100,
-                },
-            ];
-        }
-        else {
-            return sortedValuesPercent
-                .map((svp, index, array) => {
-                return {
-                    left: vertical ? null : rtl ? null : svp,
-                    right: vertical ? null : rtl ? array[index] : null,
-                    bottom: vertical ? (rtl ? null : svp) : null,
-                    top: vertical ? (rtl ? array[index] : null) : null,
-                    width: vertical ? 100 : index === array.length - 1 ? svp : array[index + 1] - svp,
-                    height: vertical ? (index === array.length - 1 ? svp : array[index + 1] - svp) : 100,
-                };
-            })
-                .slice(0, sortedValuesPercent.length - 1);
-        }
-    });
-    // functions
-    const percentCompute = (value) => {
-        const min = min$();
-        return ((value - min) * 100) / (max$() - min);
-    };
-    const getClosestSliderHandle = (clickedPercent) => {
-        const values = values$();
-        if (values.length === 1) {
-            return 0;
-        }
-        const sortedValues = sortedValues$();
-        const closestBigger = sortedValues.find((sv) => sv > clickedPercent * 100);
-        const closestBiggerIndex = closestBigger ? sortedValues.indexOf(closestBigger) : sortedValues.length - 1;
-        const midPoint = sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2;
-        const closestValue = sortedValues[clickedPercent * 100 <= midPoint ? closestBiggerIndex - 1 : closestBiggerIndex];
-        return values.indexOf(closestValue);
-    };
-    const adjustCoordinate = (clickedCoordinate, handleNumber) => {
-        if (isInteractable$()) {
-            const sliderDomRectSize = sliderDomRectSize$(), sliderDomRectOffset = sliderDomRectOffset$();
-            let clickedPercent = vertical$()
-                ? (sliderDomRectSize - clickedCoordinate + sliderDomRectOffset) / sliderDomRectSize
-                : (clickedCoordinate - sliderDomRectOffset) / sliderDomRectSize;
-            clickedPercent = rtl$() ? 1 - clickedPercent : clickedPercent;
-            const derivedHandleIndex = handleNumber ?? getClosestSliderHandle(clickedPercent);
-            const newValue = clickedPercent * (max$() - min$()) + min$();
-            values$.update((dh) => {
-                dh = [...dh];
-                dh[derivedHandleIndex] = newValue;
-                return dh;
-            });
-        }
-    };
-    return {
-        ...stateStores({
-            min$,
-            max$,
-            stepSize$,
-            values$,
-            sortedValues$,
-            sortedHandles$,
-            minValueLabelDisplay$,
-            maxValueLabelDisplay$,
-            combinedLabelDisplay$,
-            isInteractable$,
-            combinedLabelPositionLeft$,
-            combinedLabelPositionTop$,
-            progressDisplayOptions$,
-            handleDisplayOptions$,
-            showValueLabels$,
-            showMinMaxLabels$,
-            rtl$,
-            ...stateProps,
-        }),
-        patch,
-        api: {},
-        directives: {
-            sliderDirective: mergeDirectives(sliderDirective, resizeDirective),
-            minLabelDirective,
-            maxLabelDirective,
-        },
-        actions: {
-            click(event) {
-                adjustCoordinate(vertical$() ? event.clientY : event.clientX);
-            },
-            keydown(event, handleIndex) {
-                const { key } = event;
-                const rtl = rtl$(), stepSize = stepSize$(), min = min$(), max = max$(), vertical = vertical$();
-                if (isInteractable$()) {
-                    switch (key) {
-                        case 'ArrowDown':
-                            updateValue(handleIndex, values$, stepSize, getUpdateDirection(vertical, rtl, true));
-                            break;
-                        case 'ArrowLeft':
-                            updateValue(handleIndex, values$, stepSize, getUpdateDirection(vertical, rtl, false));
-                            break;
-                        case 'ArrowUp':
-                            updateValue(handleIndex, values$, stepSize, -1 * getUpdateDirection(vertical, rtl, true));
-                            break;
-                        case 'ArrowRight':
-                            updateValue(handleIndex, values$, stepSize, -1 * getUpdateDirection(vertical, rtl, false));
-                            break;
-                        case 'Home':
-                            values$.update((value) => {
-                                value = [...value];
-                                value[handleIndex] = min;
-                                return value;
-                            });
-                            break;
-                        case 'End':
-                            values$.update((value) => {
-                                value = [...value];
-                                value[handleIndex] = max;
-                                return value;
-                            });
-                            break;
-                        case 'PageUp':
-                            // TODO it is optional in accessibility guidelines, so define the skip value for steps and write unit test
-                            break;
-                        case 'PageDown':
-                            // TODO it is optional in accessibility guidelines, so define the skip value for steps and write unit test
-                            break;
-                        default:
-                            return;
-                    }
-                    event.preventDefault();
-                    event.stopPropagation();
-                }
-            },
-            mouseDown(event, handleId) {
-                event.preventDefault();
-                const currentTarget = event.target;
-                const handleDrag = (e) => {
-                    e.preventDefault();
-                    const newCoord = vertical$() ? e.clientY : e.clientX;
-                    currentTarget.focus();
-                    if (_prevCoordinate !== newCoord) {
-                        _prevCoordinate = newCoord;
-                        adjustCoordinate(newCoord, handleId);
-                    }
-                };
-                if (isInteractable$()) {
-                    updateSliderSize$.set({});
-                    currentTarget.focus();
-                    document.addEventListener('mousemove', handleDrag);
-                    // TODO mouse up doesn't work outside the handle area
-                    document.addEventListener('mouseup', () => {
-                        document.removeEventListener('mousemove', handleDrag);
-                    }, { once: true });
-                }
-            },
-            touchStart(event, handleId) {
-                event.preventDefault();
-                const handleDrag = (e) => {
-                    e.preventDefault();
-                    const newCoord = vertical$() ? e.touches[0].clientY : e.touches[0].clientX;
-                    event.target.focus();
-                    if (_prevCoordinate !== newCoord) {
-                        _prevCoordinate = newCoord;
-                        adjustCoordinate(newCoord, handleId);
-                    }
-                };
-                if (isInteractable$()) {
-                    updateSliderSize$.set({});
-                    event.target.focus();
-                    document.addEventListener('touchmove', handleDrag);
-                    document.addEventListener('touchend', () => {
-                        document.removeEventListener('touchmove', handleDrag);
-                        document.removeEventListener('touchcancel', handleDrag);
-                    }, { once: true });
-                    document.addEventListener('touchcancel', () => {
-                        document.removeEventListener('touchmove', handleDrag);
-                        document.removeEventListener('touchend', handleDrag);
-                    }, { once: true });
-                }
-            },
-        },
-    };
-}

package/components/toast/toast.js

@@ -1,43 +0,0 @@
-import { computed } from '@amadeus-it-group/tansu';
-import { extendWidgetProps } from '../../services/extendWidget';
-import { directiveSubscribe } from '../../utils/directive';
-import { typeBoolean, typeNumberInRangeFactory } from '../../utils/writables';
-import { createCommonAlert, getCommonAlertDefaultConfig } from '../alert/common';
-const toastDefaultConfig = {
-    autohide: true,
-    delay: 5000,
-    slotHeader: undefined,
-};
-const toastConfigValidator = {
-    autohide: typeBoolean,
-    delay: typeNumberInRangeFactory(0, +Infinity, { strict: true }),
-};
-/**
- * Retrieve a shallow copy of the default toast config
- * @returns the default toast config
- */
-export function getToastDefaultConfig() {
-    return { ...getCommonAlertDefaultConfig(), ...toastDefaultConfig };
-}
-/**
- * Create a ToastWidget with given config props
- * @param config - an optional toast config
- * @returns a ToastWidget
- */
-export function createToast(config) {
-    let _timeout;
-    const extendedAlert = extendWidgetProps(createCommonAlert, toastDefaultConfig, toastConfigValidator)(config);
-    const time$ = computed(() => {
-        clearTimeout(_timeout);
-        if (extendedAlert.stores.autohide$()) {
-            _timeout = setTimeout(() => extendedAlert.api.close(), extendedAlert.stores.delay$());
-        }
-    });
-    return {
-        ...extendedAlert,
-        directives: {
-            ...extendedAlert.directives,
-            autohideDirective: directiveSubscribe(time$),
-        },
-    };
-}

package/services/transitions/bootstrap/collapse.d.ts

@@ -1,2 +0,0 @@
-export declare const collapseVerticalTransition: import("../baseTransitions").TransitionFn;
-export declare const collapseHorizontalTransition: import("../baseTransitions").TransitionFn;

package/services/transitions/bootstrap/collapse.js

@@ -1,15 +0,0 @@
-import { createCollapseTransition } from '../collapse';
-const verticalConfig = {
-    dimension: 'height',
-    hideClasses: ['collapse'],
-    showClasses: ['collapse', 'show'],
-    animationPendingClasses: ['collapsing'],
-};
-const horizontalConfig = {
-    dimension: 'width',
-    hideClasses: ['collapse', 'collapse-horizontal'],
-    showClasses: ['collapse', 'collapse-horizontal', 'show'],
-    animationPendingClasses: ['collapsing', 'collapse-horizontal'],
-};
-export const collapseVerticalTransition = createCollapseTransition(verticalConfig);
-export const collapseHorizontalTransition = createCollapseTransition(horizontalConfig);

package/services/transitions/bootstrap/fade.d.ts

@@ -1 +0,0 @@
-export declare const fadeTransition: import("../baseTransitions").TransitionFn;

package/services/transitions/bootstrap/fade.js

@@ -1,7 +0,0 @@
-import { createSimpleClassTransition } from '../simpleClassTransition';
-export const fadeTransition = createSimpleClassTransition({
-    animationPendingClasses: ['fade'],
-    animationPendingShowClasses: ['show'],
-    showClasses: ['show', 'fade'],
-    hideClasses: ['d-none', 'fade'],
-});

package/services/transitions/bootstrap.d.ts

@@ -1,2 +0,0 @@
-export * from './bootstrap/collapse';
-export * from './bootstrap/fade';

package/services/transitions/bootstrap.js

@@ -1,2 +0,0 @@
-export * from './bootstrap/collapse';
-export * from './bootstrap/fade';

package/utils/internal/checks.js

@@ -1,60 +0,0 @@
-/**
- * a number type guard
- * @param value - the value to check
- * @returns true if the value is a number
- */
-export function isNumber(value) {
-    return typeof value === 'number' && !isNaN(value) && Number.isFinite(value);
-}
-/**
- * a boolean type guard
- * @param value - the value to check
- * @returns true if the value is a boolean
- */
-export function isBoolean(value) {
-    return value === true || value === false;
-}
-/**
- * a function type guard
- * @param value - the value to check
- * @returns true if the value is a function
- */
-export function isFunction(value) {
-    return typeof value === 'function';
-}
-/**
- * a string type guard
- * @param value - the value to check
- * @returns true if the value is a string
- */
-export function isString(value) {
-    return typeof value === 'string';
-}
-/**
- * an array type guard
- * @returns true if the value is an array
- */
-export const isArray = Array.isArray;
-// TODO should we check that max > min?
-/**
- * Clamp the value based on a maximum and optional minimum
- * @param value - the value to check
- * @param max - the max to clamp to
- * @param [min] - the min to clamp to
- * @returns the clamped value
- */
-export function clamp(value, max, min = 0) {
-    return Math.max(Math.min(value, max), min);
-}
-/**
- * an html element type guard
- * @param value - the value to check
- * @returns true if the value is an instance of HTMLElement
- */
-export const isHTMLElement = (value) => value instanceof HTMLElement;
-/**
- * Returns a new type guard that is based on the provided type guard and also returns true for null values.
- * @param isType - base type guard
- * @returns A type guard function that returns true for null values and calls the provided type guard for other values.
- */
-export const allowNull = (isType) => (value) => value === null || isType(value);

package/utils/internal/dom.js

@@ -1,82 +0,0 @@
-/**
- * Returns the common ancestor of the provided DOM elements.
- * @param elements - array of DOM elements
- * @returns the common ancestor, or null if the array is empty or if there is no common ancestor (e.g.: if elements are detached)
- */
-export const computeCommonAncestor = (elements) => {
-    const length = elements.length;
-    if (length === 0)
-        return null;
-    let ancestor = elements[0];
-    for (let i = 1; i < length && ancestor; i++) {
-        const element = elements[i];
-        while (ancestor) {
-            if (ancestor === element) {
-                break;
-            }
-            const comparison = ancestor.compareDocumentPosition(element);
-            if (comparison & Node.DOCUMENT_POSITION_CONTAINED_BY) {
-                break;
-            }
-            else if (comparison & Node.DOCUMENT_POSITION_CONTAINS) {
-                ancestor = element;
-                break;
-            }
-            else if (comparison & Node.DOCUMENT_POSITION_DISCONNECTED) {
-                return null;
-            }
-            ancestor = ancestor.parentElement;
-        }
-    }
-    return ancestor;
-};
-/**
- * Launch a reflow using a call to the provided html element getBoudingClientRect
- * @param element - the html element
- */
-export function reflow(element = document.body) {
-    element.getBoundingClientRect();
-}
-/**
- * Attach the given css classes to the element
- *
- * @param element - the HTML element
- * @param classes - the css lcasses
- */
-export const addClasses = (element, classes) => {
-    if (classes && classes.length > 0) {
-        element.classList.add(...classes);
-    }
-};
-/**
- * Remove the given css classes to the element
- *
- * @param element - the HTML element
- * @param classes - the css classes
- */
-export const removeClasses = (element, classes) => {
-    if (classes && classes.length > 0) {
-        element.classList.remove(...classes);
-    }
-};
-/**
- * Adds an event listener to the specified element.
- *
- * @param element - The HTML element to which the event listener will be added.
- * @param type - A string representing the event type to listen for.
- * @param fn - The event listener function or object.
- * @returns A function that removes the event listener from the element.
- */
-export function addEvent(element, type, fn) {
-    element.addEventListener(type, fn);
-    return function () {
-        element.removeEventListener(type, fn);
-    };
-}
-let idCount = 0;
-/**
- * Generates a unique ID with the format 'auId-[counter]'.
- *
- * @returns The generated ID.
- */
-export const generateId = () => `auId-${idCount++}`;

package/utils/internal/func.js

@@ -1,11 +0,0 @@
-/**
- * A noop function
- */
-export const noop = () => { };
-/**
- * The identity function
- *
- * @param x - the arg
- * @returns the arg
- */
-export const identity = (x) => x;