@agnos-ui/core 0.1.1 → 0.3.0

package/components/select/select.js

@@ -1,266 +0,0 @@
-import { asWritable, computed, writable } from '@amadeus-it-group/tansu';
-import { autoPlacement, offset, size } from '@floating-ui/dom';
-import { createFloatingUI } from '../../services/floatingUI';
-import { createHasFocus } from '../../services/focustrack';
-import { noop } from '../../utils/internal/func';
-import { bindableDerived, stateStores, writablesForProps } from '../../utils/stores';
-const defaultItemId = (item) => '' + item;
-export const defaultConfig = {
-    id: undefined,
-    ariaLabel: 'Select',
-    open: false,
-    disabled: false,
-    items: [],
-    filterText: '',
-    loading: false,
-    selected: [],
-    itemIdFn: defaultItemId,
-    onOpenChange: noop,
-    onFilterTextChange: noop,
-    onSelectedChange: noop,
-    allowedPlacements: ['bottom-start', 'top-start', 'bottom-end', 'top-end'],
-    className: '',
-    menuClassName: '',
-    menuItemClassName: '',
-    badgeClassName: '',
-    slotBadgeLabel: ({ itemContext }) => itemContext.item,
-    slotItem: ({ itemContext }) => itemContext.item,
-};
-/**
- * Returns a shallow copy of the default select config.
- * @returns a copy of the default config
- */
-export function getSelectDefaultConfig() {
-    return { ...defaultConfig };
-}
-/**
- * Create a SelectWidget with given config props
- * @param config - an optional alert config
- * @returns a SelectWidget
- */
-export function createSelect(config) {
-    // Props
-    const [{ open$: _dirtyOpen$, filterText$: _dirtyFilterText$, items$, itemIdFn$, onOpenChange$, onFilterTextChange$, onSelectedChange$, allowedPlacements$, ...stateProps }, patch,] = writablesForProps(defaultConfig, config);
-    const { selected$ } = stateProps;
-    const filterText$ = bindableDerived(onFilterTextChange$, [_dirtyFilterText$]);
-    const { hasFocus$, directive: hasFocusDirective } = createHasFocus();
-    const open$ = bindableDerived(onOpenChange$, [_dirtyOpen$, hasFocus$], ([_dirtyOpen, hasFocus]) => _dirtyOpen && hasFocus);
-    const selectedContextsMap$ = computed(() => {
-        const selectedItemsContext = new Map();
-        const itemIdFn = itemIdFn$();
-        for (const item of selected$()) {
-            const id = itemIdFn(item);
-            selectedItemsContext.set(id, {
-                item,
-                id: itemIdFn(item),
-                selected: true,
-            });
-        }
-        return selectedItemsContext;
-    });
-    const selectedContexts$ = computed(() => [...selectedContextsMap$().values()]);
-    const highlightedIndex$ = (function () {
-        const store = writable(0);
-        return asWritable(store, (index) => {
-            const { length } = visibleItems$();
-            if (index != undefined) {
-                if (!length) {
-                    index = undefined;
-                }
-                else if (index < 0) {
-                    index = length - 1;
-                }
-                else if (index >= length) {
-                    index = 0;
-                }
-            }
-            store.set(index);
-        });
-    })();
-    const itemContexts$ = computed(() => {
-        const itemContexts = new Map();
-        if (open$()) {
-            const selectedContextsMap = selectedContextsMap$();
-            const itemIdFn = itemIdFn$();
-            for (const item of items$()) {
-                const id = itemIdFn(item);
-                itemContexts.set(id, {
-                    item,
-                    id,
-                    selected: selectedContextsMap.has(id),
-                });
-            }
-        }
-        return itemContexts;
-    });
-    const visibleItems$ = computed(() => (open$() ? [...itemContexts$().values()] : []));
-    const highlighted$ = computed(() => {
-        const visibleItems = visibleItems$();
-        const highlightedIndex = highlightedIndex$();
-        return visibleItems.length && highlightedIndex != undefined ? visibleItems[highlightedIndex] : undefined;
-    });
-    const { directives: { floatingDirective, referenceDirective }, stores: { placement$ }, } = createFloatingUI({
-        props: {
-            computePositionOptions: asWritable(computed(() => ({
-                middleware: [
-                    offset(5),
-                    autoPlacement({
-                        allowedPlacements: allowedPlacements$(),
-                    }),
-                    size(),
-                ],
-            }))),
-        },
-    });
-    const widget = {
-        ...stateStores({
-            visibleItems$,
-            highlighted$,
-            open$,
-            selectedContexts$,
-            filterText$,
-            placement$,
-            ...stateProps,
-        }),
-        patch,
-        api: {
-            clear() {
-                selected$.set([]);
-            },
-            select(item) {
-                widget.api.toggleItem(item, true);
-            },
-            unselect(item) {
-                widget.api.toggleItem(item, false);
-            },
-            toggleItem(item, selected) {
-                const itemIdFn = itemIdFn$();
-                const itemId = itemIdFn(item);
-                const selectedContextsMap = selectedContextsMap$();
-                const isInSelected = selectedContextsMap.has(itemId);
-                if (selected == null) {
-                    selected = !isInSelected;
-                }
-                if ((selected && !itemContexts$().has(itemId)) || (!selected && !isInSelected)) {
-                    // Nothing to do in this case
-                    return;
-                }
-                selected$.update((selectedItems) => {
-                    selectedItems = [...selectedItems]; // Mutate the array
-                    if (selected && !isInSelected) {
-                        selectedItems.push(item);
-                    }
-                    else if (!selected && isInSelected) {
-                        const index = selectedItems.findIndex((item) => itemIdFn(item) === itemId);
-                        selectedItems.splice(index, 1);
-                    }
-                    onSelectedChange$()?.(selectedItems);
-                    return selectedItems;
-                });
-            },
-            clearText() {
-                // FIXME: not implemented yet!
-            },
-            highlight(item) {
-                const index = visibleItems$().findIndex((itemCtx) => itemCtx.item === item);
-                highlightedIndex$.set(index === -1 ? undefined : index);
-            },
-            highlightFirst() {
-                highlightedIndex$.set(0);
-            },
-            highlightPrevious() {
-                highlightedIndex$.update((highlightedIndex) => {
-                    return highlightedIndex != null ? highlightedIndex - 1 : -1;
-                });
-            },
-            highlightNext() {
-                highlightedIndex$.update((highlightedIndex) => {
-                    return highlightedIndex != null ? highlightedIndex + 1 : Infinity;
-                });
-            },
-            highlightLast() {
-                highlightedIndex$.set(-1);
-            },
-            focus(item) {
-                // FIXME: not implemented yet!
-            },
-            focusFirst() {
-                // FIXME: not implemented yet!
-            },
-            focusPrevious() {
-                // FIXME: not implemented yet!
-            },
-            focusNext() {
-                // FIXME: not implemented yet!
-            },
-            focusLast() {
-                // FIXME: not implemented yet!
-            },
-            open: () => widget.api.toggle(true),
-            close: () => widget.api.toggle(false),
-            toggle(isOpen) {
-                _dirtyOpen$.update((value) => (isOpen != null ? isOpen : !value));
-            },
-        },
-        directives: {
-            hasFocusDirective,
-            floatingDirective,
-            referenceDirective,
-        },
-        actions: {
-            onInput({ target }) {
-                const value = target.value;
-                patch({
-                    open: value != null && value !== '',
-                    filterText: value,
-                });
-            },
-            onInputKeydown(e) {
-                const { ctrlKey, key } = e;
-                let keyManaged = true;
-                switch (key) {
-                    case 'ArrowDown': {
-                        const isOpen = open$();
-                        if (isOpen) {
-                            if (ctrlKey) {
-                                widget.api.highlightLast();
-                            }
-                            else {
-                                widget.api.highlightNext();
-                            }
-                        }
-                        else {
-                            widget.api.open();
-                            widget.api.highlightFirst();
-                        }
-                        break;
-                    }
-                    case 'ArrowUp':
-                        if (ctrlKey) {
-                            widget.api.highlightFirst();
-                        }
-                        else {
-                            widget.api.highlightPrevious();
-                        }
-                        break;
-                    case 'Enter': {
-                        const itemCtx = highlighted$();
-                        if (itemCtx) {
-                            widget.api.toggleItem(itemCtx.item);
-                        }
-                        break;
-                    }
-                    case 'Escape':
-                        _dirtyOpen$.set(false);
-                        break;
-                    default:
-                        keyManaged = false;
-                }
-                if (keyManaged) {
-                    e.preventDefault();
-                }
-            },
-        },
-    };
-    return widget;
-}

package/components/slider/slider.js

@@ -1,415 +0,0 @@
-import { computed, derived, writable } from '@amadeus-it-group/tansu';
-import { bindableDerived, writablesForProps } from '../../utils/stores';
-import { createStoreDirective, directiveSubscribe, mergeDirectives } from '../../utils/directive';
-import { stateStores } from '../../utils/stores';
-import { typeArray, typeBoolean, typeFunction, typeNumber, typeNumberInRangeFactory } from '../../utils/writables';
-import { noop } from '../../utils/internal/func';
-import { getDecimalPrecision } from '../../utils/internal/math';
-const defaultSliderConfig = {
-    min: 0,
-    max: 100,
-    stepSize: 1,
-    readonly: false,
-    disabled: false,
-    vertical: false,
-    className: '',
-    ariaLabelHandle: (value, _index) => '' + value,
-    onValuesChange: noop,
-    values: [0],
-    showValueLabels: true,
-    showMinMaxLabels: true,
-    rtl: false,
-};
-/**
- * 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,
-    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 dirtyValues for the slider keyboard navigation
- * @param handleIndex - index of the handle to update
- * @param _dirtyValues$ - writable signal that contains dirtyValues
- * @param values - slider values
- * @param stepSize - slider step size
- * @param updateDirection - if equals 1 - value is increased, if equals -1 values is decreased
- */
-const updateDirtyValue = (handleIndex, _dirtyValues$, values, stepSize, updateDirection) => {
-    _dirtyValues$.update((value) => {
-        value = [...value];
-        value[handleIndex] = values[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$, 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$ = bindableDerived(onValuesChange$, [_dirtyValues$, min$, max$, _intStepSize$, _decimalPrecision$], ([dirtyValues, min, max, intStepSize, decimalPrecision]) => 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 sliderResized$ = derived(sliderDom$, (sliderDom, set) => {
-        if (!sliderDom) {
-            set({});
-            return;
-        }
-        const resizeObserver = new ResizeObserver(() => {
-            set({});
-        });
-        resizeObserver.observe(sliderDom);
-        return () => resizeObserver.disconnect();
-    }, {});
-    const updateSliderSize$ = writable({});
-    const sliderDomRect$ = computed(() => {
-        sliderResized$();
-        updateSliderSize$();
-        return sliderDom$()?.getBoundingClientRect() ?? {};
-    }, {
-        equal: Object.is,
-    });
-    const minLabelDomRect$ = computed(() => {
-        sliderResized$();
-        updateSliderSize$();
-        return minLabelDom$()?.getBoundingClientRect() ?? {};
-    }, {
-        equal: (a, b) => Object.is(a, b),
-    });
-    const maxLabelDomRect$ = computed(() => {
-        sliderResized$();
-        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$();
-        return _sortedHandlesValues$().map((sortedValue, index) => {
-            return { ...sortedValue, ariaLabel: ariaLabelHandle(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$();
-            _dirtyValues$.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, directiveSubscribe(sliderResized$)),
-            minLabelDirective,
-            maxLabelDirective,
-        },
-        actions: {
-            click(event) {
-                adjustCoordinate(vertical$() ? event.clientY : event.clientX);
-            },
-            keydown(event, handleIndex) {
-                const { key } = event;
-                const rtl = rtl$(), values = values$(), stepSize = stepSize$(), min = min$(), max = max$(), vertical = vertical$();
-                if (isInteractable$()) {
-                    switch (key) {
-                        case 'ArrowDown':
-                            updateDirtyValue(handleIndex, _dirtyValues$, values, stepSize, getUpdateDirection(vertical, rtl, true));
-                            break;
-                        case 'ArrowLeft':
-                            updateDirtyValue(handleIndex, _dirtyValues$, values, stepSize, getUpdateDirection(vertical, rtl, false));
-                            break;
-                        case 'ArrowUp':
-                            updateDirtyValue(handleIndex, _dirtyValues$, values, stepSize, -1 * getUpdateDirection(vertical, rtl, true));
-                            break;
-                        case 'ArrowRight':
-                            updateDirtyValue(handleIndex, _dirtyValues$, values, stepSize, -1 * getUpdateDirection(vertical, rtl, false));
-                            break;
-                        case 'Home':
-                            _dirtyValues$.update((value) => {
-                                value = [...value];
-                                value[handleIndex] = min;
-                                return value;
-                            });
-                            break;
-                        case 'End':
-                            _dirtyValues$.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 handleDrag = (e) => {
-                    e.preventDefault();
-                    const newCoord = vertical$() ? e.clientY : e.clientX;
-                    event.target.focus();
-                    if (_prevCoordinate !== newCoord) {
-                        _prevCoordinate = newCoord;
-                        adjustCoordinate(newCoord, handleId);
-                    }
-                };
-                if (isInteractable$()) {
-                    updateSliderSize$.set({});
-                    event.target.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/services/transitions/bootstrap/collapse.d.ts

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