@rio-cloud/rio-uikit 2.2.0 → 2.3.0-beta.1

package/components/map/utils/eventHandling.js.map

@@ -1 +1 @@
-{"version":3,"file":"eventHandling.js","sources":["../../../../src/components/map/utils/eventHandling.ts"],"sourcesContent":["import type { MapEvent } from './mapTypes';\n\nexport type EventListenerMap = {\n    [key: string]: Function;\n};\n\ntype MapTimeGuard = {\n    delayTime: number;\n    timer: NodeJS.Timeout | undefined;\n    delay(callback: Function, ...args: any[]): void;\n    cancel(): void;\n};\n\nconst createMapTimeGuard = (delay = 250): MapTimeGuard => {\n    let timer: NodeJS.Timeout | undefined;\n\n    const delayFunc = <T>(callback: Function, ...args: T[]): void => {\n        cancelFunc();\n        timer = setTimeout(() => callback(...args), delay);\n    };\n\n    const cancelFunc = (): void => {\n        clearTimeout(timer);\n    };\n\n    return {\n        delayTime: delay,\n        timer,\n        delay: delayFunc,\n        cancel: cancelFunc,\n    };\n};\n\ntype EnhancedMapEvent = {\n    viewportX: number;\n    viewportY: number;\n    map: H.Map;\n    calculateGeoCoords(): H.geo.Point;\n};\n\nexport const createEnhancedMapEvent = (\n    event: H.mapevents.Event | null,\n    mapApi: H.Map\n): EnhancedMapEvent | { map: H.Map } => {\n    if (!event || !event.currentPointer) {\n        return {\n            map: mapApi,\n        };\n    }\n\n    const viewportX = event.currentPointer.viewportX;\n    const viewportY = event.currentPointer.viewportY;\n\n    const calculateGeoCoords = (): H.geo.Point => {\n        return mapApi.screenToGeo(viewportX, viewportY);\n    };\n\n    return {\n        viewportX,\n        viewportY,\n        map: mapApi,\n        calculateGeoCoords,\n    };\n};\n\nexport const createEnhancedListener = (listener: Function, mapApi: H.Map) => {\n    return (event: H.mapevents.Event) => listener(event, createEnhancedMapEvent(event, mapApi));\n};\n\nexport type RioEventTarget = H.util.EventTarget & {\n    rioMapRemoveEvents?: Function;\n};\n\nexport const addEventListenerMap = (\n    eventTarget: RioEventTarget,\n    eventListenerMap: EventListenerMap | undefined,\n    mapApi: H.Map\n) => {\n    if (!eventListenerMap) {\n        return;\n    }\n\n    const enhancedMap: Record<string, any> = {};\n\n    Object.keys(eventListenerMap).forEach(key => {\n        const enhancedListener = createEnhancedListener(eventListenerMap[key], mapApi);\n        eventTarget.addEventListener(key, enhancedListener as any);\n        enhancedMap[key] = enhancedListener;\n    });\n\n    eventTarget.rioMapRemoveEvents = () => {\n        Object.keys(enhancedMap).forEach(key => {\n            eventTarget.removeEventListener(key, enhancedMap[key]);\n        });\n\n        delete eventTarget.rioMapRemoveEvents;\n\n        return mapApi;\n    };\n};\n\nexport const removeEventListenerMap = (eventTarget: RioEventTarget) => {\n    if (eventTarget.rioMapRemoveEvents) {\n        return eventTarget.rioMapRemoveEvents();\n    }\n};\n\nexport const createTapOnDblTapPreventer = (\n    eventListenerMap: EventListenerMap,\n    delayBetweenTaps = 300\n): EventListenerMap => {\n    const result = { ...eventListenerMap };\n    if (!eventListenerMap[EventUtils.TAP] || !eventListenerMap[EventUtils.DBL_TAP]) {\n        return result;\n    }\n\n    const guard = createMapTimeGuard(delayBetweenTaps);\n\n    result[EventUtils.TAP] = <T>(...args: T[]) => {\n        guard.delay(eventListenerMap[EventUtils.TAP], ...args);\n    };\n\n    result[EventUtils.DBL_TAP] = <T>(...args: T[]) => {\n        guard.cancel();\n        eventListenerMap[EventUtils.DBL_TAP](...args);\n    };\n\n    return result;\n};\n\nexport const getMouseButton = (event: MapEvent): number => {\n    return (event.originalEvent as unknown as H.mapevents.Pointer).button;\n};\n\nexport const isRightClick = (event: MapEvent): boolean => {\n    return getMouseButton(event) === EventUtils.MOUSE_BUTTONS.RIGHT;\n};\n\nexport const EventUtils = {\n    MOUSE_BUTTONS: {\n        LEFT: 0,\n        MIDDLE: 1,\n        RIGHT: 2,\n    },\n\n    POINTER_DOWN: 'pointerdown',\n    POINTER_UP: 'pointerup',\n    POINTER_MOVE: 'pointermove',\n    POINTER_ENTER: 'pointerenter',\n    POINTER_LEAVE: 'pointerleave',\n    POINTER_CANCEL: 'pointercancel',\n\n    DRAG_START: 'dragstart',\n    DRAG: 'drag',\n    DRAG_END: 'dragend',\n    TAP: 'tap',\n    DBL_TAP: 'dbltap',\n    LONGPRESS: 'longpress',\n\n    CONTEXTMENU: 'contextmenu',\n    CONTEXTMENU_CLOSE: 'contextmenuclose',\n\n    MAP_VIEW_CHANGE_START: 'mapviewchangestart',\n    MAP_VIEW_CHANGE: 'mapviewchange',\n    MAP_VIEW_CHANGE_END: 'mapviewchangeend',\n\n    BASE_LAYER_CHANGE: 'baselayerchange',\n    ENGINE_CHANGE: 'enginechange',\n\n    createTapOnDblTapPreventer,\n    getMouseButton,\n    isRightClick,\n};\n\nexport default EventUtils;\n"],"names":["createMapTimeGuard","delay","timer","delayFunc","callback","args","cancelFunc","createEnhancedMapEvent","event","mapApi","viewportX","viewportY","createEnhancedListener","listener","addEventListenerMap","eventTarget","eventListenerMap","enhancedMap","key","enhancedListener","removeEventListenerMap","createTapOnDblTapPreventer","delayBetweenTaps","result","EventUtils","guard","getMouseButton","isRightClick"],"mappings":"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"}
+{"version":3,"file":"eventHandling.js","sources":["../../../../src/components/map/utils/eventHandling.ts"],"sourcesContent":["import type { MapEvent } from './mapTypes';\n\nexport type EventListenerMap = {\n    [key: string]: Function;\n};\n\ntype MapTimeGuard = {\n    delayTime: number;\n    timer: NodeJS.Timeout | undefined;\n    delay(callback: Function, ...args: any[]): void;\n    cancel(): void;\n};\n\nconst createMapTimeGuard = (delay = 250): MapTimeGuard => {\n    let timer: NodeJS.Timeout | undefined;\n\n    const delayFunc = <T>(callback: Function, ...args: T[]): void => {\n        cancelFunc();\n        timer = setTimeout(() => callback(...args), delay);\n    };\n\n    const cancelFunc = (): void => {\n        clearTimeout(timer);\n    };\n\n    return {\n        delayTime: delay,\n        timer,\n        delay: delayFunc,\n        cancel: cancelFunc,\n    };\n};\n\ntype EnhancedMapEvent = {\n    viewportX: number;\n    viewportY: number;\n    map: H.Map;\n    calculateGeoCoords(): H.geo.Point;\n};\n\nexport const createEnhancedMapEvent = (\n    event: H.mapevents.Event | null,\n    mapApi: H.Map\n): EnhancedMapEvent | { map: H.Map } => {\n    if (!event || !event.currentPointer) {\n        return {\n            map: mapApi,\n        };\n    }\n\n    const viewportX = event.currentPointer.viewportX;\n    const viewportY = event.currentPointer.viewportY;\n\n    const calculateGeoCoords = (): H.geo.Point => mapApi.screenToGeo(viewportX, viewportY);\n\n    return {\n        viewportX,\n        viewportY,\n        map: mapApi,\n        calculateGeoCoords,\n    };\n};\n\nexport const createEnhancedListener = (listener: Function, mapApi: H.Map) => (event: H.mapevents.Event) =>\n    listener(event, createEnhancedMapEvent(event, mapApi));\n\nexport type RioEventTarget = H.util.EventTarget & {\n    rioMapRemoveEvents?: Function;\n};\n\nexport const addEventListenerMap = (\n    eventTarget: RioEventTarget,\n    eventListenerMap: EventListenerMap | undefined,\n    mapApi: H.Map\n) => {\n    if (!eventListenerMap) {\n        return;\n    }\n\n    const enhancedMap: Record<string, any> = {};\n\n    Object.keys(eventListenerMap).forEach(key => {\n        const enhancedListener = createEnhancedListener(eventListenerMap[key], mapApi);\n        eventTarget.addEventListener(key, enhancedListener as any);\n        enhancedMap[key] = enhancedListener;\n    });\n\n    eventTarget.rioMapRemoveEvents = () => {\n        Object.keys(enhancedMap).forEach(key => {\n            eventTarget.removeEventListener(key, enhancedMap[key]);\n        });\n\n        delete eventTarget.rioMapRemoveEvents;\n\n        return mapApi;\n    };\n};\n\nexport const removeEventListenerMap = (eventTarget: RioEventTarget) => {\n    if (eventTarget.rioMapRemoveEvents) {\n        return eventTarget.rioMapRemoveEvents();\n    }\n};\n\nexport const createTapOnDblTapPreventer = (\n    eventListenerMap: EventListenerMap,\n    delayBetweenTaps = 300\n): EventListenerMap => {\n    const result = { ...eventListenerMap };\n    if (!eventListenerMap[EventUtils.TAP] || !eventListenerMap[EventUtils.DBL_TAP]) {\n        return result;\n    }\n\n    const guard = createMapTimeGuard(delayBetweenTaps);\n\n    result[EventUtils.TAP] = <T>(...args: T[]) => {\n        guard.delay(eventListenerMap[EventUtils.TAP], ...args);\n    };\n\n    result[EventUtils.DBL_TAP] = <T>(...args: T[]) => {\n        guard.cancel();\n        eventListenerMap[EventUtils.DBL_TAP](...args);\n    };\n\n    return result;\n};\n\nexport const getMouseButton = (event: MapEvent): number =>\n    (event.originalEvent as unknown as H.mapevents.Pointer).button;\n\nexport const isRightClick = (event: MapEvent): boolean => getMouseButton(event) === EventUtils.MOUSE_BUTTONS.RIGHT;\n\nexport const EventUtils = {\n    MOUSE_BUTTONS: {\n        LEFT: 0,\n        MIDDLE: 1,\n        RIGHT: 2,\n    },\n\n    POINTER_DOWN: 'pointerdown',\n    POINTER_UP: 'pointerup',\n    POINTER_MOVE: 'pointermove',\n    POINTER_ENTER: 'pointerenter',\n    POINTER_LEAVE: 'pointerleave',\n    POINTER_CANCEL: 'pointercancel',\n\n    DRAG_START: 'dragstart',\n    DRAG: 'drag',\n    DRAG_END: 'dragend',\n    TAP: 'tap',\n    DBL_TAP: 'dbltap',\n    LONGPRESS: 'longpress',\n\n    CONTEXTMENU: 'contextmenu',\n    CONTEXTMENU_CLOSE: 'contextmenuclose',\n\n    MAP_VIEW_CHANGE_START: 'mapviewchangestart',\n    MAP_VIEW_CHANGE: 'mapviewchange',\n    MAP_VIEW_CHANGE_END: 'mapviewchangeend',\n\n    BASE_LAYER_CHANGE: 'baselayerchange',\n    ENGINE_CHANGE: 'enginechange',\n\n    createTapOnDblTapPreventer,\n    getMouseButton,\n    isRightClick,\n};\n\nexport default EventUtils;\n"],"names":["createMapTimeGuard","delay","timer","delayFunc","callback","args","cancelFunc","createEnhancedMapEvent","event","mapApi","viewportX","viewportY","createEnhancedListener","listener","addEventListenerMap","eventTarget","eventListenerMap","enhancedMap","key","enhancedListener","removeEventListenerMap","createTapOnDblTapPreventer","delayBetweenTaps","result","EventUtils","guard","getMouseButton","isRightClick"],"mappings":"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"}

package/components/map/utils/positions.d.ts

@@ -25,4 +25,4 @@ export declare const ease: (startCoord?: {
 }, endCoord?: {
     lat: number;
     lng: number;
-}, durationMs?: number, onStep?: (pos: Position) => void, onComplete?: () => void) => void;
+}, durationMs?: number, onStep?: (_pos: Position) => void, onComplete?: () => void) => void;

package/components/map/utils/positions.js

@@ -3,12 +3,15 @@ const c = () => ({
   right: Number.NEGATIVE_INFINITY,
   bottom: Number.POSITIVE_INFINITY,
   left: Number.POSITIVE_INFINITY
-}), E = (t) => t.top !== Number.NEGATIVE_INFINITY && t.bottom !== Number.POSITIVE_INFINITY && t.left !== Number.POSITIVE_INFINITY && t.right !== Number.NEGATIVE_INFINITY, h = (t) => t.reduce((n, e) => ({
-  top: Math.max(n.top, e.lat),
-  right: Math.max(n.right, e.lng),
-  bottom: Math.min(n.bottom, e.lat),
-  left: Math.min(n.left, e.lng)
-}), c()), T = /^\s*(-?\d+(\.\d+)?)\s*[,\s]\s*(-?\d+(\.\d+)?)\s*$/, V = (t) => {
+}), E = (t) => t.top !== Number.NEGATIVE_INFINITY && t.bottom !== Number.POSITIVE_INFINITY && t.left !== Number.POSITIVE_INFINITY && t.right !== Number.NEGATIVE_INFINITY, h = (t) => t.reduce(
+  (n, e) => ({
+    top: Math.max(n.top, e.lat),
+    right: Math.max(n.right, e.lng),
+    bottom: Math.min(n.bottom, e.lat),
+    left: Math.min(n.left, e.lng)
+  }),
+  c()
+), T = /^\s*(-?\d+(\.\d+)?)\s*[,\s]\s*(-?\d+(\.\d+)?)\s*$/, V = (t) => {
   const n = T.exec(t);
   if (n) {
     const e = Number.parseFloat(n[1]), I = Number.parseFloat(n[3]);
@@ -19,14 +22,14 @@ const c = () => ({
       };
   }
 }, F = (t = { lat: 0, lng: 0 }, n = { lat: 1, lng: 1 }, e = 200, I = (a) => {
-}, u = () => {
+}, r = () => {
 }) => {
-  const a = window.requestAnimationFrame, r = e / 16, m = (n.lat - t.lat) / r, i = (n.lng - t.lng) / r, g = Math.PI / r;
-  let s = t.lat, N = t.lng, l = 0;
-  const o = () => {
-    l += g, s += m * Math.sin(l) ** 2 * 2, N += i * Math.sin(l) ** 2 * 2, l < Math.PI ? (I({ lat: s, lng: N }), a(o)) : (I(n), u());
+  const a = window.requestAnimationFrame, s = e / 16, i = (n.lat - t.lat) / s, u = (n.lng - t.lng) / s, g = Math.PI / s;
+  let N = t.lat, o = t.lng, l = 0;
+  const m = () => {
+    l += g, N += i * Math.sin(l) ** 2 * 2, o += u * Math.sin(l) ** 2 * 2, l < Math.PI ? (I({ lat: N, lng: o }), a(m)) : (I(n), r());
   };
-  a(o);
+  a(m);
 };
 export {
   h as calculateBoundingBox,

package/components/map/utils/positions.js.map

@@ -1 +1 @@
-{"version":3,"file":"positions.js","sources":["../../../../src/components/map/utils/positions.ts"],"sourcesContent":["import type { BoundingBox, Position } from '../../../mapTypes';\n\nconst createBoundingBox = (): BoundingBox => ({\n    top: Number.NEGATIVE_INFINITY,\n    right: Number.NEGATIVE_INFINITY,\n    bottom: Number.POSITIVE_INFINITY,\n    left: Number.POSITIVE_INFINITY,\n});\n\nexport const isValidBoundingBox = (box: BoundingBox): boolean => {\n    return (\n        box.top !== Number.NEGATIVE_INFINITY &&\n        box.bottom !== Number.POSITIVE_INFINITY &&\n        box.left !== Number.POSITIVE_INFINITY &&\n        box.right !== Number.NEGATIVE_INFINITY\n    );\n};\n\nexport const calculateBoundingBox = (positions: { lat: number; lng: number }[]): BoundingBox => {\n    return positions.reduce((acc, cur) => {\n        return {\n            top: Math.max(acc.top, cur.lat),\n            right: Math.max(acc.right, cur.lng),\n            bottom: Math.min(acc.bottom, cur.lat),\n            left: Math.min(acc.left, cur.lng),\n        };\n    }, createBoundingBox());\n};\n\nconst COORDS_REGEX = /^\\s*(-?\\d+(\\.\\d+)?)\\s*[,\\s]\\s*(-?\\d+(\\.\\d+)?)\\s*$/;\n\nexport const parsePositionFromString = (value: string) => {\n    const match = COORDS_REGEX.exec(value);\n    if (match) {\n        const lat = Number.parseFloat(match[1]);\n        const lng = Number.parseFloat(match[3]);\n        if (lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {\n            return {\n                lat,\n                lng,\n            };\n        }\n    }\n};\n\n/**\n * Ease function that can be used to animate positions on the map.\n *\n * See: https://developer.here.com/documentation/examples/maps-js/markers/markers-update-position-with-animation\n *\n * @param   {H.geo.IPoint} startCoord   start geo coordinate\n * @param   {H.geo.IPoint} endCoord     end geo coordinate\n * @param   number durationMs           duration of animation between start & end coordinates\n * @param   function onStep             callback executed each step\n * @param   function onStep             callback executed at the end\n */\nexport const ease = (\n    startCoord = { lat: 0, lng: 0 },\n    endCoord = { lat: 1, lng: 1 },\n    durationMs = 200,\n    onStep = (pos: Position) => {},\n    onComplete = () => {}\n) => {\n    const raf = window.requestAnimationFrame;\n\n    const stepCount = durationMs / 16;\n\n    const valueIncrementLat = (endCoord.lat - startCoord.lat) / stepCount;\n    const valueIncrementLng = (endCoord.lng - startCoord.lng) / stepCount;\n    const sinValueIncrement = Math.PI / stepCount;\n\n    let currentValueLat = startCoord.lat;\n    let currentValueLng = startCoord.lng;\n    let currentSinValue = 0;\n\n    const step = () => {\n        currentSinValue += sinValueIncrement;\n        currentValueLat += valueIncrementLat * Math.sin(currentSinValue) ** 2 * 2;\n        currentValueLng += valueIncrementLng * Math.sin(currentSinValue) ** 2 * 2;\n\n        if (currentSinValue < Math.PI) {\n            onStep({ lat: currentValueLat, lng: currentValueLng });\n            raf(step);\n        } else {\n            onStep(endCoord);\n            onComplete();\n        }\n    };\n\n    raf(step);\n};\n"],"names":["createBoundingBox","isValidBoundingBox","box","calculateBoundingBox","positions","acc","cur","COORDS_REGEX","parsePositionFromString","value","match","lat","lng","ease","startCoord","endCoord","durationMs","onStep","pos","onComplete","raf","stepCount","valueIncrementLat","valueIncrementLng","sinValueIncrement","currentValueLat","currentValueLng","currentSinValue","step"],"mappings":"AAEA,MAAMA,IAAoB,OAAoB;AAAA,EAC1C,KAAK,OAAO;AAAA,EACZ,OAAO,OAAO;AAAA,EACd,QAAQ,OAAO;AAAA,EACf,MAAM,OAAO;AACjB,IAEaC,IAAqB,CAACC,MAE3BA,EAAI,QAAQ,OAAO,qBACnBA,EAAI,WAAW,OAAO,qBACtBA,EAAI,SAAS,OAAO,qBACpBA,EAAI,UAAU,OAAO,mBAIhBC,IAAuB,CAACC,MAC1BA,EAAU,OAAO,CAACC,GAAKC,OACnB;AAAA,EACH,KAAK,KAAK,IAAID,EAAI,KAAKC,EAAI,GAAG;AAAA,EAC9B,OAAO,KAAK,IAAID,EAAI,OAAOC,EAAI,GAAG;AAAA,EAClC,QAAQ,KAAK,IAAID,EAAI,QAAQC,EAAI,GAAG;AAAA,EACpC,MAAM,KAAK,IAAID,EAAI,MAAMC,EAAI,GAAG;AAAA,IAErCN,GAAmB,GAGpBO,IAAe,qDAERC,IAA0B,CAACC,MAAkB;AACtD,QAAMC,IAAQH,EAAa,KAAKE,CAAK;AACrC,MAAIC,GAAO;AACP,UAAMC,IAAM,OAAO,WAAWD,EAAM,CAAC,CAAC,GAChCE,IAAM,OAAO,WAAWF,EAAM,CAAC,CAAC;AACtC,QAAIC,KAAO,OAAOA,KAAO,MAAMC,KAAO,QAAQA,KAAO;AACjD,aAAO;AAAA,QACH,KAAAD;AAAA,QACA,KAAAC;AAAA,MAAA;AAAA,EAGZ;AACJ,GAaaC,IAAO,CAChBC,IAAa,EAAE,KAAK,GAAG,KAAK,KAC5BC,IAAW,EAAE,KAAK,GAAG,KAAK,EAAA,GAC1BC,IAAa,KACbC,IAAS,CAACC,MAAkB;AAAC,GAC7BC,IAAa,MAAM;AAAC,MACnB;AACD,QAAMC,IAAM,OAAO,uBAEbC,IAAYL,IAAa,IAEzBM,KAAqBP,EAAS,MAAMD,EAAW,OAAOO,GACtDE,KAAqBR,EAAS,MAAMD,EAAW,OAAOO,GACtDG,IAAoB,KAAK,KAAKH;AAEpC,MAAII,IAAkBX,EAAW,KAC7BY,IAAkBZ,EAAW,KAC7Ba,IAAkB;AAEtB,QAAMC,IAAO,MAAM;AACf,IAAAD,KAAmBH,GACnBC,KAAmBH,IAAoB,KAAK,IAAIK,CAAe,KAAK,IAAI,GACxED,KAAmBH,IAAoB,KAAK,IAAII,CAAe,KAAK,IAAI,GAEpEA,IAAkB,KAAK,MACvBV,EAAO,EAAE,KAAKQ,GAAiB,KAAKC,GAAiB,GACrDN,EAAIQ,CAAI,MAERX,EAAOF,CAAQ,GACfI,EAAA;AAAA,EAER;AAEA,EAAAC,EAAIQ,CAAI;AACZ;"}
+{"version":3,"file":"positions.js","sources":["../../../../src/components/map/utils/positions.ts"],"sourcesContent":["import type { BoundingBox, Position } from '../../../mapTypes';\n\nconst createBoundingBox = (): BoundingBox => ({\n    top: Number.NEGATIVE_INFINITY,\n    right: Number.NEGATIVE_INFINITY,\n    bottom: Number.POSITIVE_INFINITY,\n    left: Number.POSITIVE_INFINITY,\n});\n\nexport const isValidBoundingBox = (box: BoundingBox): boolean =>\n    box.top !== Number.NEGATIVE_INFINITY &&\n    box.bottom !== Number.POSITIVE_INFINITY &&\n    box.left !== Number.POSITIVE_INFINITY &&\n    box.right !== Number.NEGATIVE_INFINITY;\n\nexport const calculateBoundingBox = (positions: { lat: number; lng: number }[]): BoundingBox =>\n    positions.reduce(\n        (acc, cur) => ({\n            top: Math.max(acc.top, cur.lat),\n            right: Math.max(acc.right, cur.lng),\n            bottom: Math.min(acc.bottom, cur.lat),\n            left: Math.min(acc.left, cur.lng),\n        }),\n        createBoundingBox()\n    );\n\nconst COORDS_REGEX = /^\\s*(-?\\d+(\\.\\d+)?)\\s*[,\\s]\\s*(-?\\d+(\\.\\d+)?)\\s*$/;\n\nexport const parsePositionFromString = (value: string) => {\n    const match = COORDS_REGEX.exec(value);\n    if (match) {\n        const lat = Number.parseFloat(match[1]);\n        const lng = Number.parseFloat(match[3]);\n        if (lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {\n            return {\n                lat,\n                lng,\n            };\n        }\n    }\n};\n\n/**\n * Ease function that can be used to animate positions on the map.\n *\n * See: https://developer.here.com/documentation/examples/maps-js/markers/markers-update-position-with-animation\n *\n * @param   {H.geo.IPoint} startCoord   start geo coordinate\n * @param   {H.geo.IPoint} endCoord     end geo coordinate\n * @param   number durationMs           duration of animation between start & end coordinates\n * @param   function onStep             callback executed each step\n * @param   function onStep             callback executed at the end\n */\nexport const ease = (\n    startCoord = { lat: 0, lng: 0 },\n    endCoord = { lat: 1, lng: 1 },\n    durationMs = 200,\n    onStep = (_pos: Position) => {},\n    onComplete = () => {}\n) => {\n    const raf = window.requestAnimationFrame;\n\n    const stepCount = durationMs / 16;\n\n    const valueIncrementLat = (endCoord.lat - startCoord.lat) / stepCount;\n    const valueIncrementLng = (endCoord.lng - startCoord.lng) / stepCount;\n    const sinValueIncrement = Math.PI / stepCount;\n\n    let currentValueLat = startCoord.lat;\n    let currentValueLng = startCoord.lng;\n    let currentSinValue = 0;\n\n    const step = () => {\n        currentSinValue += sinValueIncrement;\n        currentValueLat += valueIncrementLat * Math.sin(currentSinValue) ** 2 * 2;\n        currentValueLng += valueIncrementLng * Math.sin(currentSinValue) ** 2 * 2;\n\n        if (currentSinValue < Math.PI) {\n            onStep({ lat: currentValueLat, lng: currentValueLng });\n            raf(step);\n        } else {\n            onStep(endCoord);\n            onComplete();\n        }\n    };\n\n    raf(step);\n};\n"],"names":["createBoundingBox","isValidBoundingBox","box","calculateBoundingBox","positions","acc","cur","COORDS_REGEX","parsePositionFromString","value","match","lat","lng","ease","startCoord","endCoord","durationMs","onStep","_pos","onComplete","raf","stepCount","valueIncrementLat","valueIncrementLng","sinValueIncrement","currentValueLat","currentValueLng","currentSinValue","step"],"mappings":"AAEA,MAAMA,IAAoB,OAAoB;AAAA,EAC1C,KAAK,OAAO;AAAA,EACZ,OAAO,OAAO;AAAA,EACd,QAAQ,OAAO;AAAA,EACf,MAAM,OAAO;AACjB,IAEaC,IAAqB,CAACC,MAC/BA,EAAI,QAAQ,OAAO,qBACnBA,EAAI,WAAW,OAAO,qBACtBA,EAAI,SAAS,OAAO,qBACpBA,EAAI,UAAU,OAAO,mBAEZC,IAAuB,CAACC,MACjCA,EAAU;AAAA,EACN,CAACC,GAAKC,OAAS;AAAA,IACX,KAAK,KAAK,IAAID,EAAI,KAAKC,EAAI,GAAG;AAAA,IAC9B,OAAO,KAAK,IAAID,EAAI,OAAOC,EAAI,GAAG;AAAA,IAClC,QAAQ,KAAK,IAAID,EAAI,QAAQC,EAAI,GAAG;AAAA,IACpC,MAAM,KAAK,IAAID,EAAI,MAAMC,EAAI,GAAG;AAAA,EAAA;AAAA,EAEpCN,EAAA;AACJ,GAEEO,IAAe,qDAERC,IAA0B,CAACC,MAAkB;AACtD,QAAMC,IAAQH,EAAa,KAAKE,CAAK;AACrC,MAAIC,GAAO;AACP,UAAMC,IAAM,OAAO,WAAWD,EAAM,CAAC,CAAC,GAChCE,IAAM,OAAO,WAAWF,EAAM,CAAC,CAAC;AACtC,QAAIC,KAAO,OAAOA,KAAO,MAAMC,KAAO,QAAQA,KAAO;AACjD,aAAO;AAAA,QACH,KAAAD;AAAA,QACA,KAAAC;AAAA,MAAA;AAAA,EAGZ;AACJ,GAaaC,IAAO,CAChBC,IAAa,EAAE,KAAK,GAAG,KAAK,KAC5BC,IAAW,EAAE,KAAK,GAAG,KAAK,EAAA,GAC1BC,IAAa,KACbC,IAAS,CAACC,MAAmB;AAAC,GAC9BC,IAAa,MAAM;AAAC,MACnB;AACD,QAAMC,IAAM,OAAO,uBAEbC,IAAYL,IAAa,IAEzBM,KAAqBP,EAAS,MAAMD,EAAW,OAAOO,GACtDE,KAAqBR,EAAS,MAAMD,EAAW,OAAOO,GACtDG,IAAoB,KAAK,KAAKH;AAEpC,MAAII,IAAkBX,EAAW,KAC7BY,IAAkBZ,EAAW,KAC7Ba,IAAkB;AAEtB,QAAMC,IAAO,MAAM;AACf,IAAAD,KAAmBH,GACnBC,KAAmBH,IAAoB,KAAK,IAAIK,CAAe,KAAK,IAAI,GACxED,KAAmBH,IAAoB,KAAK,IAAII,CAAe,KAAK,IAAI,GAEpEA,IAAkB,KAAK,MACvBV,EAAO,EAAE,KAAKQ,GAAiB,KAAKC,GAAiB,GACrDN,EAAIQ,CAAI,MAERX,EAAOF,CAAQ,GACfI,EAAA;AAAA,EAER;AAEA,EAAAC,EAAIQ,CAAI;AACZ;"}

package/components/map/utils/rendering.d.ts

@@ -1,5 +1,5 @@
 import { MapCredentials, MapType } from './mapTypes';
-export declare const getPPI: () => 200 | 100;
+export declare const getPPI: () => 100 | 200;
 export declare const isVectorBased: (enableWebGL: boolean, baseLayer: MapType) => boolean;
 export declare const getPlatform: (credentials: MapCredentials) => H.service.Platform;
 export declare const getBaseTileLayer: <T>(rasterTileService: T, engineType: H.Map.EngineType, minZoom: number, maxZoom: number) => H.map.layer.TileLayer;

package/components/menuItems/MenuItems.js

@@ -1,17 +1,17 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
-import { noop as n } from "es-toolkit/function";
+import { noop as m } from "es-toolkit/function";
 import d from "./MenuItem.js";
-const u = ({ items: m, closeMenu: t = n, onMouseEnter: p = n }) => /* @__PURE__ */ e(a, { children: m.map((r, o) => /* @__PURE__ */ e(
+const x = ({ items: n, closeMenu: t = m, onMouseEnter: p = m }) => /* @__PURE__ */ e(a, { children: n.map((o, r) => /* @__PURE__ */ e(
   d,
   {
-    ...r,
-    index: r.index ?? o,
+    ...o,
+    index: o.index ?? r,
     closeMenu: t,
     onMouseEnter: p
   },
-  r.index ?? o
+  o.index ?? r
 )) });
 export {
-  u as default
+  x as default
 };
 //# sourceMappingURL=MenuItems.js.map

package/components/menuItems/MenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItems.js","sources":["../../../src/components/menuItems/MenuItems.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/function';\n\nimport MenuItemComponent, { type MenuItemProps as MenuItem } from './MenuItem';\n\nexport type MenuItemsProps = {\n    items: MenuItem[];\n    closeMenu?: () => void;\n    onMouseEnter?: () => void;\n};\n\nconst MenuItems = ({ items, closeMenu = noop, onMouseEnter = noop }: MenuItemsProps) => {\n    return (\n        <>\n            {items.map((item, index) => (\n                <MenuItemComponent\n                    key={item.index ?? index}\n                    {...item}\n                    index={item.index ?? index}\n                    closeMenu={closeMenu}\n                    onMouseEnter={onMouseEnter}\n                />\n            ))}\n        </>\n    );\n};\n\nexport default MenuItems;\n"],"names":["MenuItems","items","closeMenu","noop","onMouseEnter","jsx","Fragment","item","index","MenuItemComponent"],"mappings":";;;AAUA,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,WAAAC,IAAYC,GAAM,cAAAC,IAAeD,QAErD,gBAAAE,EAAAC,GAAA,EACK,UAAAL,EAAM,IAAI,CAACM,GAAMC,MACd,gBAAAH;AAAA,EAACI;AAAAA,EAAA;AAAA,IAEI,GAAGF;AAAA,IACJ,OAAOA,EAAK,SAASC;AAAA,IACrB,WAAAN;AAAA,IACA,cAAAE;AAAA,EAAA;AAAA,EAJKG,EAAK,SAASC;AAAA,CAM1B,GACL;"}
+{"version":3,"file":"MenuItems.js","sources":["../../../src/components/menuItems/MenuItems.tsx"],"sourcesContent":["import { noop } from 'es-toolkit/function';\n\nimport MenuItemComponent, { type MenuItemProps as MenuItem } from './MenuItem';\n\nexport type MenuItemsProps = {\n    items: MenuItem[];\n    closeMenu?: () => void;\n    onMouseEnter?: () => void;\n};\n\nconst MenuItems = ({ items, closeMenu = noop, onMouseEnter = noop }: MenuItemsProps) => (\n    <>\n        {items.map((item, index) => (\n            <MenuItemComponent\n                key={item.index ?? index}\n                {...item}\n                index={item.index ?? index}\n                closeMenu={closeMenu}\n                onMouseEnter={onMouseEnter}\n            />\n        ))}\n    </>\n);\n\nexport default MenuItems;\n"],"names":["MenuItems","items","closeMenu","noop","onMouseEnter","jsx","Fragment","item","index","MenuItemComponent"],"mappings":";;;AAUA,MAAMA,IAAY,CAAC,EAAE,OAAAC,GAAO,WAAAC,IAAYC,GAAM,cAAAC,IAAeD,EAAA,MACzD,gBAAAE,EAAAC,GAAA,EACK,UAAAL,EAAM,IAAI,CAACM,GAAMC,MACd,gBAAAH;AAAA,EAACI;AAAAA,EAAA;AAAA,IAEI,GAAGF;AAAA,IACJ,OAAOA,EAAK,SAASC;AAAA,IACrB,WAAAN;AAAA,IACA,cAAAE;AAAA,EAAA;AAAA,EAJKG,EAAK,SAASC;AAKvB,CACH,EAAA,CACL;"}

package/components/notification/NotificationsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsContainer.js","sources":["../../../src/components/notification/NotificationsContainer.tsx"],"sourcesContent":["import { ToastContainer } from 'react-toastify';\n\n// Note:\n// With the new library we have to decide to either stack them all or to show a limit and one they are gone,\n// the remaining notifications slide in.\n\nconst NotificationsContainer = () => {\n    return (\n        <div className='notification-container-wrapper'>\n            <ToastContainer className='notification-container' stacked={false} limit={5} />\n        </div>\n    );\n};\n\nexport default NotificationsContainer;\n"],"names":["NotificationsContainer","jsx","ToastContainer"],"mappings":";;AAMA,MAAMA,IAAyB,MAEvB,gBAAAC,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA,gBAAAA,EAACC,GAAA,EAAe,WAAU,0BAAyB,SAAS,IAAO,OAAO,EAAA,CAAG,GACjF;"}
+{"version":3,"file":"NotificationsContainer.js","sources":["../../../src/components/notification/NotificationsContainer.tsx"],"sourcesContent":["import { ToastContainer } from 'react-toastify';\n\n// Note:\n// With the new library we have to decide to either stack them all or to show a limit and one they are gone,\n// the remaining notifications slide in.\n\nconst NotificationsContainer = () => (\n    <div className='notification-container-wrapper'>\n        <ToastContainer className='notification-container' stacked={false} limit={5} />\n    </div>\n);\n\nexport default NotificationsContainer;\n"],"names":["NotificationsContainer","jsx","ToastContainer"],"mappings":";;AAMA,MAAMA,IAAyB,MAC3B,gBAAAC,EAAC,OAAA,EAAI,WAAU,kCACX,UAAA,gBAAAA,EAACC,GAAA,EAAe,WAAU,0BAAyB,SAAS,IAAO,OAAO,GAAG,EAAA,CACjF;"}

package/components/numberInput/NumberInput.js

@@ -1,9 +1,9 @@
-import { jsx as l, jsxs as N, Fragment as J } from "react/jsx-runtime";
+import { jsx as l, jsxs as b, Fragment as J } from "react/jsx-runtime";
 import { forwardRef as Q, useRef as Y, useState as Z } from "react";
 import { noop as ee } from "es-toolkit/function";
-import _ from "../../utils/classNames.js";
+import x from "../../utils/classNames.js";
 import re from "../../hooks/useAfterMount.js";
-const ne = 3, C = 0, se = 1, te = 0, oe = Number.MAX_VALUE, ae = [
+const ne = 3, P = 0, se = 1, te = 0, oe = Number.MAX_VALUE, ae = [
   "0",
   "1",
   "2",
@@ -23,40 +23,40 @@ const ne = 3, C = 0, se = 1, te = 0, oe = Number.MAX_VALUE, ae = [
   "ArrowRight",
   "ArrowDown",
   "ArrowUp"
-], x = (r, n, s, u, h) => r === void 0 && (u || h) ? "" : M(Number(r), n, s) || C, M = (r, n, s) => r < n ? n : r > s ? s : r, w = (r, n) => typeof r == "number" && Number.isFinite(r) ? r : n, F = (r, n, s) => n.key === r && s.current.includes(r), I = (r, n, s, u) => s.key === r && n.includes(u.current), de = Q((r, n) => {
+], C = (r, n, s, u, y) => r === void 0 && (u || y) ? "" : M(Number(r), n, s) || P, M = (r, n, s) => r < n ? n : r > s ? s : r, w = (r, n) => typeof r == "number" && Number.isFinite(r) ? r : n, F = (r, n, s) => n.key === r && s.current.includes(r), I = (r, n, s, u) => s.key === r && n.includes(u.current), de = Q((r, n) => {
   const {
     id: s,
     min: u,
-    max: h,
-    value: b,
-    step: P = se,
+    max: y,
+    value: A,
+    step: S = se,
     disabled: T = !1,
     noDefault: d = !1,
-    onChange: y,
-    onKeyDown: S = ee,
+    onChange: V,
+    onKeyDown: R = ee,
     bsSize: m = "md",
-    unit: A,
+    unit: f,
     inputAddon: K,
-    errorMessage: V,
-    warningMessage: D,
-    messageWhiteSpace: R = "normal",
-    controls: E,
+    errorMessage: D,
+    warningMessage: E,
+    messageWhiteSpace: v = "normal",
+    controls: g,
     placeholder: c,
-    digitPrecision: v = ne,
-    className: B = "",
-    ...W
-  } = r, o = Y(""), a = w(u, te), i = w(h, oe), f = x(b, a, i, c, d), [p, k] = Z({
-    value: f,
-    enteredValue: f,
+    digitPrecision: B = ne,
+    className: W = "",
+    ...j
+  } = r, o = Y(""), a = w(u, te), i = w(y, oe), N = C(A, a, i, c, d), [p, k] = Z({
+    value: N,
+    enteredValue: N,
     isValid: !0
   });
   re(() => {
     k({
-      value: x(b, a, i, c, d),
-      enteredValue: f,
+      value: C(A, a, i, c, d),
+      enteredValue: N,
       isValid: !0
     });
-  }, [b, a, i, c, d, f]);
+  }, [A, a, i, c, d, N]);
   const L = (e) => {
     if (e === "-" || e === "") {
       k({
@@ -66,73 +66,74 @@ const ne = 3, C = 0, se = 1, te = 0, oe = Number.MAX_VALUE, ae = [
       });
       return;
     }
-    const t = Number(e), g = !Number.isNaN(t) && t >= a && t <= i, U = M(t, a, i);
+    const t = Number(e), h = !Number.isNaN(t) && t >= a && t <= i, _ = M(t, a, i);
     k({
-      value: U,
+      value: _,
       enteredValue: t,
-      isValid: g
-    }), g && y && y(U);
-  }, j = (e) => {
-    L(e.target.value);
+      isValid: h
+    }), h && V && V(_);
   }, G = (e) => {
-    e.ctrlKey || e.altKey || e.metaKey || ((F(".", e, o) || F(",", e, o) || F("-", e, o) || I(",", [".", "-"], e, o) || I(".", [",", "-"], e, o) || I("-", [".", ","], e, o) || e.key === "Process" || e.key === "Dead") && e.preventDefault(), ae.includes(e.key) || e.preventDefault(), o.current = e.key, S(e));
-  }, O = () => {
+    L(e.target.value);
+  }, O = (e) => {
+    e.ctrlKey || e.altKey || e.metaKey || ((F(".", e, o) || F(",", e, o) || F("-", e, o) || I(",", [".", "-"], e, o) || I(".", [",", "-"], e, o) || I("-", [".", ","], e, o) || e.key === "Process" || e.key === "Dead") && e.preventDefault(), ae.includes(e.key) || e.preventDefault(), o.current = e.key, R(e));
+  }, X = () => {
     const e = p.enteredValue;
     if (e === "") {
-      y?.();
+      V?.();
       return;
     }
     if (!p.value && (d || c))
       return;
-    const t = w(Number(e), C), g = M(Number(t.toFixed(v)), a, i);
-    L(g);
-  }, X = (e) => {
+    const t = w(Number(e), P), h = M(Number(t.toFixed(B)), a, i);
+    L(h);
+  }, $ = (e) => {
     const t = e.target;
     t instanceof HTMLInputElement && t.blur();
-  }, $ = _(
+  }, U = D || E, z = x(
     "input-group",
     m === "sm" && "input-group-sm",
     m === "lg" && "input-group-lg"
-  ), z = _(
+  ), H = x(
     "form-control",
     "no-controls",
     m === "sm" && "input-sm",
     m === "lg" && "input-lg",
-    B
-  ), H = V || D, q = /* @__PURE__ */ l(
+    (f || g) && !U && "padding-right-5",
+    W
+  ), q = /* @__PURE__ */ l(
     "input",
     {
-      ...W,
+      ...j,
       id: s,
       type: "number",
-      step: P,
+      step: S,
       min: a,
       max: i,
       value: p.isValid ? p.value : p.enteredValue,
-      className: z,
+      className: H,
       disabled: T,
-      onBlur: O,
-      onChange: j,
-      onKeyDown: G,
+      onBlur: X,
+      onChange: G,
+      onKeyDown: O,
       ref: n,
       "aria-label": "number-input",
       placeholder: c,
-      onWheel: X
+      onWheel: $
     }
   );
-  return /* @__PURE__ */ N("div", { className: $, children: [
+  return /* @__PURE__ */ b("div", { className: z, children: [
     K && /* @__PURE__ */ l("div", { className: "input-group-addon", children: /* @__PURE__ */ l("span", { className: K }) }),
-    /* @__PURE__ */ N("div", { className: "form-control-feedback-wrapper", children: [
+    /* @__PURE__ */ b("div", { className: "form-control-feedback-wrapper", children: [
       q,
-      H && /* @__PURE__ */ N(J, { children: [
-        V && /* @__PURE__ */ l("span", { className: "form-control-feedback rioglyph rioglyph-error-sign" }),
-        D && /* @__PURE__ */ l("span", { className: "form-control-feedback rioglyph rioglyph-warning-sign" }),
-        /* @__PURE__ */ l("span", { className: `help-block white-space-${R}`, children: /* @__PURE__ */ l("span", { children: V || D }) })
+      U && /* @__PURE__ */ b(J, { children: [
+        D && /* @__PURE__ */ l("span", { className: "form-control-feedback rioglyph rioglyph-error-sign" }),
+        E && /* @__PURE__ */ l("span", { className: "form-control-feedback rioglyph rioglyph-warning-sign" }),
+        /* @__PURE__ */ l("span", { className: `help-block white-space-${v}`, children: /* @__PURE__ */ l("span", { children: D || E }) })
       ] })
     ] }),
-    (A || E) && /* @__PURE__ */ N("div", { className: `input-group-addon ${T ? "disabled pointer-events-none" : ""}`, children: [
-      A && A,
-      E && E
+    (f || g) && /* @__PURE__ */ b("div", { className: `input-group-addon ${T ? "disabled pointer-events-none" : ""}`, children: [
+      f && f,
+      g && g
     ] })
   ] });
 });
@@ -140,7 +141,7 @@ export {
   oe as DEFAULT_MAX,
   te as DEFAULT_MIN,
   se as DEFAULT_STEP,
-  C as DEFAULT_VALUE,
+  P as DEFAULT_VALUE,
   w as convertNonIntegerToDefault,
   de as default
 };

package/components/numberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../src/components/numberInput/NumberInput.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, type ForwardedRef } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport useAfterMount from '../../hooks/useAfterMount';\n\nconst DEFAULT_DIGIT_PRECISION = 3;\nexport const DEFAULT_VALUE = 0;\nexport const DEFAULT_STEP = 1;\nexport const DEFAULT_MIN = 0;\nexport const DEFAULT_MAX = Number.MAX_VALUE;\n\nconst validKeys = [\n    '0',\n    '1',\n    '2',\n    '3',\n    '4',\n    '5',\n    '6',\n    '7',\n    '8',\n    '9',\n    '.',\n    ',',\n    '-',\n    'Backspace',\n    'Tab',\n    'ArrowLeft',\n    'ArrowRight',\n    'ArrowDown',\n    'ArrowUp',\n];\n\n// Note: even if limits are set and input type is number, many browsers allow to enter invalid data\n// like entering characters or values outside the boundaries, hence we have to check the input here\n// See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number\n\nconst getValueFromProps = (\n    val: number | undefined,\n    min: number,\n    max: number,\n    placeholder: string | undefined,\n    noDefault: boolean\n) => {\n    // Show placeholder or nothing if given instead of 0 if requested for\n    if (val === undefined && (placeholder || noDefault)) {\n        return '';\n    }\n    return clampNumber(Number(val), min, max) || DEFAULT_VALUE;\n};\n\nconst clampNumber = (value: number, min: number, max: number) => {\n    if (value < min) {\n        return min;\n    }\n    if (value > max) {\n        return max;\n    }\n    return value;\n};\n\nexport const convertNonIntegerToDefault = (value: number | undefined, fallback: number) => {\n    return typeof value === 'number' && Number.isFinite(value) ? value : fallback;\n};\n\nconst isMultipleKeyInput = (\n    key: string,\n    event: React.KeyboardEvent<HTMLInputElement>,\n    previousKeyRef: React.MutableRefObject<string>\n) => {\n    return event.key === key && previousKeyRef.current.includes(key);\n};\n\nconst isInvalidAfter = (\n    key: string,\n    possiblePreviousKeys: string[],\n    event: React.KeyboardEvent<HTMLInputElement>,\n    previousKeyRef: React.MutableRefObject<string>\n) => {\n    return event.key === key && possiblePreviousKeys.includes(previousKeyRef.current);\n};\n\nexport type NumberInputProps = Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'controls'> & {\n    /**\n     * A native input id attribute.\n     *\n     * Passed through as HTML attribute to the input element.\n     */\n    id?: string;\n\n    /**\n     * The minimum value of the input.\n     *\n     * @default 0\n     */\n    min?: number;\n\n    /**\n     * The maximum value of the input.\n     *\n     * @default Number.MAX_VALUE\n     */\n    max?: number;\n\n    /**\n     * The initial value of the input.\n     *\n     * Used to control the component from the outside.\n     *\n     * @default 0\n     */\n    value?: number;\n\n    /**\n     * Lets you omit the default value of \"0\" when the vale is not defined.\n     *\n     * The input will be empty in this case.\n     *\n     * @default false\n     */\n    noDefault?: boolean;\n\n    /**\n     * The size of increment or decrement (only works with number type).\n     *\n     * @default 1\n     */\n    step?: number;\n\n    /**\n     * Enables or disabled the input.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback function triggered when the input value changes.\n     *\n     * When the value is removed by the user, the input is kept empty, but it triggers the callback without any value\n     * since the user has finished his input.\n     *\n     * @param value The new value of the input.\n     */\n    onChange?: (value?: number) => void;\n\n    /**\n     * Callback function that gets triggered after filtering out invalid keystrokes.\n     *\n     * @param event The keyboard event.\n     */\n    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n\n    /**\n     * Defines the size of the input to be rendered.\n     *\n     * @default 'md'\n     */\n    bsSize?: 'sm' | 'md' | 'lg';\n\n    /**\n     * A unit for this value.\n     *\n     * This will be shown in a dedicated input addon.\n     */\n    unit?: string | React.ReactNode;\n\n    /**\n     * A rioglyph icon tio be shown in front of the input.\n     */\n    inputAddon?: string;\n\n    /**\n     * Input error message.\n     */\n    errorMessage?: string | React.ReactNode;\n\n    /**\n     * Input warning message.\n     */\n    warningMessage?: string | React.ReactNode;\n\n    /**\n     * Feedback message width.\n     *\n     * @default 'normal'\n     */\n    messageWhiteSpace?: 'normal' | 'nowrap' | 'pre-line';\n\n    /**\n     * This prop is used by the NumberControl component to pass on the +/- spinner controls.\n     *\n     * @internal\n     */\n    controls?: React.ReactNode;\n\n    /**\n     * The input placeholder if no value is given.\n     */\n    placeholder?: string;\n\n    /**\n     * Number of digits after the comma the value should be fixed to.\n     *\n     * @default 3\n     */\n    digitPrecision?: number;\n\n    /**\n     * Additional classes to be set on the component.\n     */\n    className?: string;\n};\n\nconst NumberInput = forwardRef((props: NumberInputProps, ref: ForwardedRef<HTMLInputElement>) => {\n    const {\n        id,\n        min: propMin,\n        max: propMax,\n        value: propValue,\n        step = DEFAULT_STEP,\n        disabled = false,\n        noDefault = false,\n        onChange,\n        onKeyDown = noop,\n        bsSize = 'md',\n        unit,\n        inputAddon,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        controls,\n        placeholder,\n        digitPrecision = DEFAULT_DIGIT_PRECISION,\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const previousKeyRef = useRef<string>('');\n\n    const min = convertNonIntegerToDefault(propMin, DEFAULT_MIN);\n    const max = convertNonIntegerToDefault(propMax, DEFAULT_MAX);\n\n    const value = getValueFromProps(propValue, min, max, placeholder, noDefault);\n\n    // Define local state and define initial values\n    const [state, setState] = useState({\n        value,\n        enteredValue: value,\n        isValid: true,\n    });\n\n    // Update internal value whenever the value prop from outside changes\n    useAfterMount(() => {\n        setState({\n            value: getValueFromProps(propValue, min, max, placeholder, noDefault),\n            enteredValue: value,\n            isValid: true,\n        });\n    }, [propValue, min, max, placeholder, noDefault, value]);\n\n    const applyValue = (newValue: string | number) => {\n        if (newValue === '-' || newValue === '') {\n            setState({\n                value: newValue,\n                enteredValue: newValue,\n                isValid: true,\n            });\n            return;\n        }\n\n        const enteredValue = Number(newValue);\n        const isValid = !Number.isNaN(enteredValue) && enteredValue >= min && enteredValue <= max;\n        const newValidValue = clampNumber(enteredValue, min, max);\n\n        setState({\n            value: newValidValue,\n            enteredValue,\n            isValid,\n        });\n\n        // Only call back the caller for valid values\n        isValid && onChange && onChange(newValidValue);\n    };\n\n    const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        applyValue(event.target.value);\n    };\n\n    // Prevent entering exponent to avoid side effects\n    // See https://bugzilla.mozilla.org/show_bug.cgi?id=1398528\n    // Also preventing letter inputs or multiple consecutive characters\n    // that is possible by Firefox and Safari\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // Allow for key combination like \"ctrl + a\"\n        if (event.ctrlKey || event.altKey || event.metaKey) {\n            return;\n        }\n\n        // Check for multiple dots, commas or dashes (consecutive)\n        if (\n            isMultipleKeyInput('.', event, previousKeyRef) ||\n            isMultipleKeyInput(',', event, previousKeyRef) ||\n            isMultipleKeyInput('-', event, previousKeyRef) ||\n            isInvalidAfter(',', ['.', '-'], event, previousKeyRef) ||\n            isInvalidAfter('.', [',', '-'], event, previousKeyRef) ||\n            isInvalidAfter('-', ['.', ','], event, previousKeyRef) ||\n            event.key === 'Process' ||\n            event.key === 'Dead'\n        ) {\n            event.preventDefault();\n        }\n\n        // Filter out everything that is not a number\n        if (!validKeys.includes(event.key)) {\n            event.preventDefault();\n        }\n\n        previousKeyRef.current = event.key;\n\n        onKeyDown(event);\n    };\n\n    const handleBlur = () => {\n        // When the value is removed, keep the input empty but trigger the outside callback\n        // since the user has finished his input\n        const lastEnteredValue = state.enteredValue;\n        if (lastEnteredValue === '') {\n            onChange?.();\n            return;\n        }\n\n        // If there is no value defined and a placeholder is given or the default is not wanted,\n        // keep the input empty\n        if (!state.value && (noDefault || placeholder)) {\n            return;\n        }\n\n        // Otherwise, validate the input, round it according to digitPrecision,\n        // and clamp the value if the entered value exceeds the limitations\n        const convertedEnteredValue = convertNonIntegerToDefault(Number(lastEnteredValue), DEFAULT_VALUE);\n        const validNumber = clampNumber(Number(convertedEnteredValue.toFixed(digitPrecision)), min, max);\n        applyValue(validNumber);\n    };\n\n    const handleWheel = (event: React.WheelEvent<HTMLInputElement>) => {\n        const target = event.target;\n        if (target instanceof HTMLInputElement) {\n            target.blur();\n        }\n    };\n\n    const inputGroupClassNames = classNames(\n        'input-group',\n        bsSize === 'sm' && 'input-group-sm',\n        bsSize === 'lg' && 'input-group-lg'\n    );\n\n    const inputClassNames = classNames(\n        'form-control',\n        'no-controls',\n        bsSize === 'sm' && 'input-sm',\n        bsSize === 'lg' && 'input-lg',\n        className\n    );\n\n    const hasFeedback = errorMessage || warningMessage;\n\n    const input = (\n        <input\n            {...remainingProps}\n            id={id}\n            type='number'\n            step={step}\n            min={min}\n            max={max}\n            value={state.isValid ? state.value : state.enteredValue}\n            className={inputClassNames}\n            disabled={disabled}\n            onBlur={handleBlur}\n            // onChange={state.value ? handleOnChange : undefined}\n            onChange={handleOnChange}\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            aria-label='number-input'\n            placeholder={placeholder}\n            onWheel={handleWheel}\n        />\n    );\n\n    return (\n        <div className={inputGroupClassNames}>\n            {inputAddon && (\n                <div className='input-group-addon'>\n                    <span className={inputAddon} />\n                </div>\n            )}\n            <div className='form-control-feedback-wrapper'>\n                {input}\n                {hasFeedback && (\n                    <>\n                        {errorMessage && <span className='form-control-feedback rioglyph rioglyph-error-sign' />}\n                        {warningMessage && <span className='form-control-feedback rioglyph rioglyph-warning-sign' />}\n                        <span className={`help-block white-space-${messageWhiteSpace}`}>\n                            <span>{errorMessage || warningMessage}</span>\n                        </span>\n                    </>\n                )}\n            </div>\n            {(unit || controls) && (\n                <div className={`input-group-addon ${disabled ? 'disabled pointer-events-none' : ''}`}>\n                    {unit && unit}\n                    {controls && controls}\n                </div>\n            )}\n        </div>\n    );\n});\n\nexport default NumberInput;\n"],"names":["DEFAULT_DIGIT_PRECISION","DEFAULT_VALUE","DEFAULT_STEP","DEFAULT_MIN","DEFAULT_MAX","validKeys","getValueFromProps","val","min","max","placeholder","noDefault","clampNumber","value","convertNonIntegerToDefault","fallback","isMultipleKeyInput","key","event","previousKeyRef","isInvalidAfter","possiblePreviousKeys","NumberInput","forwardRef","props","ref","id","propMin","propMax","propValue","step","disabled","onChange","onKeyDown","noop","bsSize","unit","inputAddon","errorMessage","warningMessage","messageWhiteSpace","controls","digitPrecision","className","remainingProps","useRef","state","setState","useState","useAfterMount","applyValue","newValue","enteredValue","isValid","newValidValue","handleOnChange","handleKeyDown","handleBlur","lastEnteredValue","convertedEnteredValue","validNumber","handleWheel","target","inputGroupClassNames","classNames","inputClassNames","hasFeedback","input","jsx","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","sources":["../../../src/components/numberInput/NumberInput.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, type ForwardedRef } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport useAfterMount from '../../hooks/useAfterMount';\n\nconst DEFAULT_DIGIT_PRECISION = 3;\nexport const DEFAULT_VALUE = 0;\nexport const DEFAULT_STEP = 1;\nexport const DEFAULT_MIN = 0;\nexport const DEFAULT_MAX = Number.MAX_VALUE;\n\nconst validKeys = [\n    '0',\n    '1',\n    '2',\n    '3',\n    '4',\n    '5',\n    '6',\n    '7',\n    '8',\n    '9',\n    '.',\n    ',',\n    '-',\n    'Backspace',\n    'Tab',\n    'ArrowLeft',\n    'ArrowRight',\n    'ArrowDown',\n    'ArrowUp',\n];\n\n// Note: even if limits are set and input type is number, many browsers allow to enter invalid data\n// like entering characters or values outside the boundaries, hence we have to check the input here\n// See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number\n\nconst getValueFromProps = (\n    val: number | undefined,\n    min: number,\n    max: number,\n    placeholder: string | undefined,\n    noDefault: boolean\n) => {\n    // Show placeholder or nothing if given instead of 0 if requested for\n    if (val === undefined && (placeholder || noDefault)) {\n        return '';\n    }\n    return clampNumber(Number(val), min, max) || DEFAULT_VALUE;\n};\n\nconst clampNumber = (value: number, min: number, max: number) => {\n    if (value < min) {\n        return min;\n    }\n    if (value > max) {\n        return max;\n    }\n    return value;\n};\n\nexport const convertNonIntegerToDefault = (value: number | undefined, fallback: number) =>\n    typeof value === 'number' && Number.isFinite(value) ? value : fallback;\n\nconst isMultipleKeyInput = (\n    key: string,\n    event: React.KeyboardEvent<HTMLInputElement>,\n    previousKeyRef: React.MutableRefObject<string>\n) => event.key === key && previousKeyRef.current.includes(key);\n\nconst isInvalidAfter = (\n    key: string,\n    possiblePreviousKeys: string[],\n    event: React.KeyboardEvent<HTMLInputElement>,\n    previousKeyRef: React.MutableRefObject<string>\n) => event.key === key && possiblePreviousKeys.includes(previousKeyRef.current);\n\nexport type NumberInputProps = Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'controls'> & {\n    /**\n     * A native input id attribute.\n     *\n     * Passed through as HTML attribute to the input element.\n     */\n    id?: string;\n\n    /**\n     * The minimum value of the input.\n     *\n     * @default 0\n     */\n    min?: number;\n\n    /**\n     * The maximum value of the input.\n     *\n     * @default Number.MAX_VALUE\n     */\n    max?: number;\n\n    /**\n     * The initial value of the input.\n     *\n     * Used to control the component from the outside.\n     *\n     * @default 0\n     */\n    value?: number;\n\n    /**\n     * Lets you omit the default value of \"0\" when the vale is not defined.\n     *\n     * The input will be empty in this case.\n     *\n     * @default false\n     */\n    noDefault?: boolean;\n\n    /**\n     * The size of increment or decrement (only works with number type).\n     *\n     * @default 1\n     */\n    step?: number;\n\n    /**\n     * Enables or disabled the input.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback function triggered when the input value changes.\n     *\n     * When the value is removed by the user, the input is kept empty, but it triggers the callback without any value\n     * since the user has finished his input.\n     *\n     * @param value The new value of the input.\n     */\n    onChange?: (value?: number) => void;\n\n    /**\n     * Callback function that gets triggered after filtering out invalid keystrokes.\n     *\n     * @param event The keyboard event.\n     */\n    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n\n    /**\n     * Defines the size of the input to be rendered.\n     *\n     * @default 'md'\n     */\n    bsSize?: 'sm' | 'md' | 'lg';\n\n    /**\n     * A unit for this value.\n     *\n     * This will be shown in a dedicated input addon.\n     */\n    unit?: string | React.ReactNode;\n\n    /**\n     * A rioglyph icon tio be shown in front of the input.\n     */\n    inputAddon?: string;\n\n    /**\n     * Input error message.\n     */\n    errorMessage?: string | React.ReactNode;\n\n    /**\n     * Input warning message.\n     */\n    warningMessage?: string | React.ReactNode;\n\n    /**\n     * Feedback message width.\n     *\n     * @default 'normal'\n     */\n    messageWhiteSpace?: 'normal' | 'nowrap' | 'pre-line';\n\n    /**\n     * This prop is used by the NumberControl component to pass on the +/- spinner controls.\n     *\n     * @internal\n     */\n    controls?: React.ReactNode;\n\n    /**\n     * The input placeholder if no value is given.\n     */\n    placeholder?: string;\n\n    /**\n     * Number of digits after the comma the value should be fixed to.\n     *\n     * @default 3\n     */\n    digitPrecision?: number;\n\n    /**\n     * Additional classes to be set on the component.\n     */\n    className?: string;\n};\n\nconst NumberInput = forwardRef((props: NumberInputProps, ref: ForwardedRef<HTMLInputElement>) => {\n    const {\n        id,\n        min: propMin,\n        max: propMax,\n        value: propValue,\n        step = DEFAULT_STEP,\n        disabled = false,\n        noDefault = false,\n        onChange,\n        onKeyDown = noop,\n        bsSize = 'md',\n        unit,\n        inputAddon,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        controls,\n        placeholder,\n        digitPrecision = DEFAULT_DIGIT_PRECISION,\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const previousKeyRef = useRef<string>('');\n\n    const min = convertNonIntegerToDefault(propMin, DEFAULT_MIN);\n    const max = convertNonIntegerToDefault(propMax, DEFAULT_MAX);\n\n    const value = getValueFromProps(propValue, min, max, placeholder, noDefault);\n\n    // Define local state and define initial values\n    const [state, setState] = useState({\n        value,\n        enteredValue: value,\n        isValid: true,\n    });\n\n    // Update internal value whenever the value prop from outside changes\n    useAfterMount(() => {\n        setState({\n            value: getValueFromProps(propValue, min, max, placeholder, noDefault),\n            enteredValue: value,\n            isValid: true,\n        });\n    }, [propValue, min, max, placeholder, noDefault, value]);\n\n    const applyValue = (newValue: string | number) => {\n        if (newValue === '-' || newValue === '') {\n            setState({\n                value: newValue,\n                enteredValue: newValue,\n                isValid: true,\n            });\n            return;\n        }\n\n        const enteredValue = Number(newValue);\n        const isValid = !Number.isNaN(enteredValue) && enteredValue >= min && enteredValue <= max;\n        const newValidValue = clampNumber(enteredValue, min, max);\n\n        setState({\n            value: newValidValue,\n            enteredValue,\n            isValid,\n        });\n\n        // Only call back the caller for valid values\n        isValid && onChange && onChange(newValidValue);\n    };\n\n    const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        applyValue(event.target.value);\n    };\n\n    // Prevent entering exponent to avoid side effects\n    // See https://bugzilla.mozilla.org/show_bug.cgi?id=1398528\n    // Also preventing letter inputs or multiple consecutive characters\n    // that is possible by Firefox and Safari\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // Allow for key combination like \"ctrl + a\"\n        if (event.ctrlKey || event.altKey || event.metaKey) {\n            return;\n        }\n\n        // Check for multiple dots, commas or dashes (consecutive)\n        if (\n            isMultipleKeyInput('.', event, previousKeyRef) ||\n            isMultipleKeyInput(',', event, previousKeyRef) ||\n            isMultipleKeyInput('-', event, previousKeyRef) ||\n            isInvalidAfter(',', ['.', '-'], event, previousKeyRef) ||\n            isInvalidAfter('.', [',', '-'], event, previousKeyRef) ||\n            isInvalidAfter('-', ['.', ','], event, previousKeyRef) ||\n            event.key === 'Process' ||\n            event.key === 'Dead'\n        ) {\n            event.preventDefault();\n        }\n\n        // Filter out everything that is not a number\n        if (!validKeys.includes(event.key)) {\n            event.preventDefault();\n        }\n\n        previousKeyRef.current = event.key;\n\n        onKeyDown(event);\n    };\n\n    const handleBlur = () => {\n        // When the value is removed, keep the input empty but trigger the outside callback\n        // since the user has finished his input\n        const lastEnteredValue = state.enteredValue;\n        if (lastEnteredValue === '') {\n            onChange?.();\n            return;\n        }\n\n        // If there is no value defined and a placeholder is given or the default is not wanted,\n        // keep the input empty\n        if (!state.value && (noDefault || placeholder)) {\n            return;\n        }\n\n        // Otherwise, validate the input, round it according to digitPrecision,\n        // and clamp the value if the entered value exceeds the limitations\n        const convertedEnteredValue = convertNonIntegerToDefault(Number(lastEnteredValue), DEFAULT_VALUE);\n        const validNumber = clampNumber(Number(convertedEnteredValue.toFixed(digitPrecision)), min, max);\n        applyValue(validNumber);\n    };\n\n    const handleWheel = (event: React.WheelEvent<HTMLInputElement>) => {\n        const target = event.target;\n        if (target instanceof HTMLInputElement) {\n            target.blur();\n        }\n    };\n\n    const hasFeedback = errorMessage || warningMessage;\n\n    const inputGroupClassNames = classNames(\n        'input-group',\n        bsSize === 'sm' && 'input-group-sm',\n        bsSize === 'lg' && 'input-group-lg'\n    );\n\n    const inputClassNames = classNames(\n        'form-control',\n        'no-controls',\n        bsSize === 'sm' && 'input-sm',\n        bsSize === 'lg' && 'input-lg',\n        (unit || controls) && !hasFeedback && 'padding-right-5',\n        className\n    );\n\n    const input = (\n        <input\n            {...remainingProps}\n            id={id}\n            type='number'\n            step={step}\n            min={min}\n            max={max}\n            value={state.isValid ? state.value : state.enteredValue}\n            className={inputClassNames}\n            disabled={disabled}\n            onBlur={handleBlur}\n            // onChange={state.value ? handleOnChange : undefined}\n            onChange={handleOnChange}\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            aria-label='number-input'\n            placeholder={placeholder}\n            onWheel={handleWheel}\n        />\n    );\n\n    return (\n        <div className={inputGroupClassNames}>\n            {inputAddon && (\n                <div className='input-group-addon'>\n                    <span className={inputAddon} />\n                </div>\n            )}\n            <div className='form-control-feedback-wrapper'>\n                {input}\n                {hasFeedback && (\n                    <>\n                        {errorMessage && <span className='form-control-feedback rioglyph rioglyph-error-sign' />}\n                        {warningMessage && <span className='form-control-feedback rioglyph rioglyph-warning-sign' />}\n                        <span className={`help-block white-space-${messageWhiteSpace}`}>\n                            <span>{errorMessage || warningMessage}</span>\n                        </span>\n                    </>\n                )}\n            </div>\n            {(unit || controls) && (\n                <div className={`input-group-addon ${disabled ? 'disabled pointer-events-none' : ''}`}>\n                    {unit && unit}\n                    {controls && controls}\n                </div>\n            )}\n        </div>\n    );\n});\n\nexport default NumberInput;\n"],"names":["DEFAULT_DIGIT_PRECISION","DEFAULT_VALUE","DEFAULT_STEP","DEFAULT_MIN","DEFAULT_MAX","validKeys","getValueFromProps","val","min","max","placeholder","noDefault","clampNumber","value","convertNonIntegerToDefault","fallback","isMultipleKeyInput","key","event","previousKeyRef","isInvalidAfter","possiblePreviousKeys","NumberInput","forwardRef","props","ref","id","propMin","propMax","propValue","step","disabled","onChange","onKeyDown","noop","bsSize","unit","inputAddon","errorMessage","warningMessage","messageWhiteSpace","controls","digitPrecision","className","remainingProps","useRef","state","setState","useState","useAfterMount","applyValue","newValue","enteredValue","isValid","newValidValue","handleOnChange","handleKeyDown","handleBlur","lastEnteredValue","convertedEnteredValue","validNumber","handleWheel","target","hasFeedback","inputGroupClassNames","classNames","inputClassNames","input","jsx","jsxs","Fragment"],"mappings":"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"}

package/components/popover/Popover.js

@@ -1,5 +1,5 @@
 import { jsxs as O, jsx as s } from "react/jsx-runtime";
-import u, { forwardRef as h, useState as E, useEffect as M, isValidElement as A } from "react";
+import h, { forwardRef as u, isValidElement as E, useState as M, useEffect as A } from "react";
 import { PLACEMENT as t } from "../../values/Placement.js";
 const w = {
   AUTO: t.AUTO,
@@ -7,7 +7,7 @@ const w = {
   RIGHT: t.RIGHT,
   BOTTOM: t.BOTTOM,
   LEFT: t.LEFT
-}, a = ({ className: e = "", children: o }) => /* @__PURE__ */ s("div", { className: `popover-header popover-title ${e}`, children: o }), n = ({ className: e = "", children: o }) => /* @__PURE__ */ s("div", { className: `popover-content popover-body ${e}`, children: o }), x = (e) => A(e) && (e.type === a || e.type === n), c = h((e, o) => {
+}, a = ({ className: e = "", children: o }) => /* @__PURE__ */ s("div", { className: `popover-header popover-title ${e}`, children: o }), n = ({ className: e = "", children: o }) => /* @__PURE__ */ s("div", { className: `popover-content popover-body ${e}`, children: o }), x = (e) => E(e) && (e.type === a || e.type === n), c = u((e, o) => {
   const {
     placement: l = "bottom",
     arrowProps: p,
@@ -17,8 +17,8 @@ const w = {
     children: r,
     className: d = "",
     ...v
-  } = e, N = !!i, P = u.Children.toArray(r).some(x), [f, C] = E(!1);
-  return M(() => C(!0), []), /* @__PURE__ */ O(
+  } = e, N = !!i, P = h.Children.toArray(r).some(x), [f, C] = M(!1);
+  return A(() => C(!0), []), /* @__PURE__ */ O(
     "div",
     {
       ...v,

package/components/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    type PropsWithChildren,\n    type ReactNode,\n    type ComponentProps,\n    isValidElement,\n    useState,\n    useEffect,\n} from 'react';\n\nimport { PLACEMENT } from '../../values/Placement';\n\nexport const PLACEMENT_MAP = {\n    AUTO: PLACEMENT.AUTO,\n    TOP: PLACEMENT.TOP,\n    RIGHT: PLACEMENT.RIGHT,\n    BOTTOM: PLACEMENT.BOTTOM,\n    LEFT: PLACEMENT.LEFT,\n} as const;\n\nexport type PopoverProps = Omit<ComponentProps<'div'>, 'title'> & {\n    /**\n     * HTML ID attribute, necessary for accessibility.\n     */\n    id: string;\n\n    /**\n     * Sets the direction the Popover is positioned towards.\n     *\n     * This is generally provided by the OverlayTrigger component positioning the Popover.\n     *\n     * Possible values are:\n     *\n     * - `auto`\n     * - `top`\n     * - `right`\n     * - `bottom`\n     * - `left`\n     */\n    placement?: 'auto' | 'top' | 'right' | 'bottom' | 'left';\n\n    /**\n     * Additional props assigned to the arrow element. Internally used.\n     */\n    arrowProps?: Record<string, unknown>;\n\n    /**\n     * Any element to be rendered as the title of the Popover.\n     *\n     * It creates a `Popover.Title` inside the `Popover` passing the title directly into it.\n     */\n    title?: string | ReactNode;\n\n    /**\n     * Additional classes to be set on the `Popover.Title` element.\n     */\n    titleClassName?: string;\n\n    /**\n     * Additional classes to be set on the `Popover.Content` element.\n     */\n    contentClassName?: string;\n\n    /**\n     * Additional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nconst PopoverTitle = ({ className = '', children }: PropsWithChildren<{ className?: string }>) => (\n    <div className={`popover-header popover-title ${className}`}>{children}</div>\n);\n\nconst PopoverContent = ({ className = '', children }: PropsWithChildren<{ className?: string }>) => (\n    <div className={`popover-content popover-body ${className}`}>{children}</div>\n);\n\nconst isPopoverTitleOrContent = (element: ReactNode): boolean => {\n    return isValidElement(element) && (element.type === PopoverTitle || element.type === PopoverContent);\n};\n\ntype PopoverType = ForwardRefExoticComponent<PropsWithChildren<PopoverProps> & RefAttributes<HTMLDivElement>> & {\n    Title: typeof PopoverTitle;\n    Content: typeof PopoverContent;\n};\n\nconst Popover = forwardRef<HTMLDivElement, PropsWithChildren<PopoverProps>>((props, ref) => {\n    const {\n        placement = 'bottom',\n        arrowProps,\n        title,\n        titleClassName = '',\n        contentClassName = '',\n        children,\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const hasTitle = !!title;\n    const hasCustomContent = React.Children.toArray(children).some(isPopoverTitleOrContent);\n\n    // Mount the component but don't show it yet via CSS.\n    // After it is mounted, we set the visibility class to use CSS animation\n    const [isMounted, setIsMounted] = useState(false);\n    useEffect(() => setIsMounted(true), []);\n\n    return (\n        <div\n            {...remainingProps}\n            role='tooltip'\n            // x-placement is used by the css to define how to position the arrow.\n            // eslint-disable-next-line react/no-unknown-property\n            x-placement={placement}\n            ref={ref}\n            className={`popover fade ${isMounted ? 'show' : ''} ${className}`}\n        >\n            <div className='arrow' {...arrowProps} />\n            {hasTitle && <PopoverTitle className={titleClassName}>{title}</PopoverTitle>}\n            {hasCustomContent ? children : <PopoverContent className={contentClassName}>{children}</PopoverContent>}\n        </div>\n    );\n}) as PopoverType;\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nObject.assign(Popover, PLACEMENT_MAP);\n\nexport default Popover;\n"],"names":["PLACEMENT_MAP","PLACEMENT","PopoverTitle","className","children","jsx","PopoverContent","isPopoverTitleOrContent","element","isValidElement","Popover","forwardRef","props","ref","placement","arrowProps","title","titleClassName","contentClassName","remainingProps","hasTitle","hasCustomContent","React","isMounted","setIsMounted","useState","useEffect","jsxs"],"mappings":";;;AAcO,MAAMA,IAAgB;AAAA,EACzB,MAAMC,EAAU;AAAA,EAChB,KAAKA,EAAU;AAAA,EACf,OAAOA,EAAU;AAAA,EACjB,QAAQA,EAAU;AAAA,EAClB,MAAMA,EAAU;AACpB,GAmDMC,IAAe,CAAC,EAAE,WAAAC,IAAY,IAAI,UAAAC,EAAA,MACpC,gBAAAC,EAAC,OAAA,EAAI,WAAW,gCAAgCF,CAAS,IAAK,UAAAC,EAAA,CAAS,GAGrEE,IAAiB,CAAC,EAAE,WAAAH,IAAY,IAAI,UAAAC,EAAA,MACtC,gBAAAC,EAAC,OAAA,EAAI,WAAW,gCAAgCF,CAAS,IAAK,UAAAC,EAAA,CAAS,GAGrEG,IAA0B,CAACC,MACtBC,EAAeD,CAAO,MAAMA,EAAQ,SAASN,KAAgBM,EAAQ,SAASF,IAQnFI,IAAUC,EAA4D,CAACC,GAAOC,MAAQ;AACxF,QAAM;AAAA,IACF,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC,IAAmB;AAAA,IACnB,UAAAd;AAAA,IACA,WAAAD,IAAY;AAAA,IACZ,GAAGgB;AAAA,EAAA,IACHP,GAEEQ,IAAW,CAAC,CAACJ,GACbK,IAAmBC,EAAM,SAAS,QAAQlB,CAAQ,EAAE,KAAKG,CAAuB,GAIhF,CAACgB,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAChD,SAAAC,EAAU,MAAMF,EAAa,EAAI,GAAG,CAAA,CAAE,GAGlC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACJ,MAAK;AAAA,MAGL,eAAaL;AAAA,MACb,KAAAD;AAAA,MACA,WAAW,gBAAgBU,IAAY,SAAS,EAAE,IAAIpB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,SAAS,GAAGU,EAAA,CAAY;AAAA,QACtCK,KAAY,gBAAAf,EAACH,GAAA,EAAa,WAAWe,GAAiB,UAAAD,GAAM;AAAA,QAC5DK,IAAmBjB,IAAW,gBAAAC,EAACC,GAAA,EAAe,WAAWY,GAAmB,UAAAd,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlG,CAAC;AAEDM,EAAQ,QAAQR;AAChBQ,EAAQ,UAAUJ;AAElB,OAAO,OAAOI,GAASV,CAAa;"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/popover/Popover.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type RefAttributes,\n    type PropsWithChildren,\n    type ReactNode,\n    type ComponentProps,\n    isValidElement,\n    useState,\n    useEffect,\n} from 'react';\n\nimport { PLACEMENT } from '../../values/Placement';\n\nexport const PLACEMENT_MAP = {\n    AUTO: PLACEMENT.AUTO,\n    TOP: PLACEMENT.TOP,\n    RIGHT: PLACEMENT.RIGHT,\n    BOTTOM: PLACEMENT.BOTTOM,\n    LEFT: PLACEMENT.LEFT,\n} as const;\n\nexport type PopoverProps = Omit<ComponentProps<'div'>, 'title'> & {\n    /**\n     * HTML ID attribute, necessary for accessibility.\n     */\n    id: string;\n\n    /**\n     * Sets the direction the Popover is positioned towards.\n     *\n     * This is generally provided by the OverlayTrigger component positioning the Popover.\n     *\n     * Possible values are:\n     *\n     * - `auto`\n     * - `top`\n     * - `right`\n     * - `bottom`\n     * - `left`\n     */\n    placement?: 'auto' | 'top' | 'right' | 'bottom' | 'left';\n\n    /**\n     * Additional props assigned to the arrow element. Internally used.\n     */\n    arrowProps?: Record<string, unknown>;\n\n    /**\n     * Any element to be rendered as the title of the Popover.\n     *\n     * It creates a `Popover.Title` inside the `Popover` passing the title directly into it.\n     */\n    title?: string | ReactNode;\n\n    /**\n     * Additional classes to be set on the `Popover.Title` element.\n     */\n    titleClassName?: string;\n\n    /**\n     * Additional classes to be set on the `Popover.Content` element.\n     */\n    contentClassName?: string;\n\n    /**\n     * Additional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nconst PopoverTitle = ({ className = '', children }: PropsWithChildren<{ className?: string }>) => (\n    <div className={`popover-header popover-title ${className}`}>{children}</div>\n);\n\nconst PopoverContent = ({ className = '', children }: PropsWithChildren<{ className?: string }>) => (\n    <div className={`popover-content popover-body ${className}`}>{children}</div>\n);\n\nconst isPopoverTitleOrContent = (element: ReactNode): boolean =>\n    isValidElement(element) && (element.type === PopoverTitle || element.type === PopoverContent);\n\ntype PopoverType = ForwardRefExoticComponent<PropsWithChildren<PopoverProps> & RefAttributes<HTMLDivElement>> & {\n    Title: typeof PopoverTitle;\n    Content: typeof PopoverContent;\n};\n\nconst Popover = forwardRef<HTMLDivElement, PropsWithChildren<PopoverProps>>((props, ref) => {\n    const {\n        placement = 'bottom',\n        arrowProps,\n        title,\n        titleClassName = '',\n        contentClassName = '',\n        children,\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const hasTitle = !!title;\n    const hasCustomContent = React.Children.toArray(children).some(isPopoverTitleOrContent);\n\n    // Mount the component but don't show it yet via CSS.\n    // After it is mounted, we set the visibility class to use CSS animation\n    const [isMounted, setIsMounted] = useState(false);\n    useEffect(() => setIsMounted(true), []);\n\n    return (\n        <div\n            {...remainingProps}\n            role='tooltip'\n            // x-placement is used by the css to define how to position the arrow.\n            // eslint-disable-next-line react/no-unknown-property\n            x-placement={placement}\n            ref={ref}\n            className={`popover fade ${isMounted ? 'show' : ''} ${className}`}\n        >\n            <div className='arrow' {...arrowProps} />\n            {hasTitle && <PopoverTitle className={titleClassName}>{title}</PopoverTitle>}\n            {hasCustomContent ? children : <PopoverContent className={contentClassName}>{children}</PopoverContent>}\n        </div>\n    );\n}) as PopoverType;\n\nPopover.Title = PopoverTitle;\nPopover.Content = PopoverContent;\n\nObject.assign(Popover, PLACEMENT_MAP);\n\nexport default Popover;\n"],"names":["PLACEMENT_MAP","PLACEMENT","PopoverTitle","className","children","jsx","PopoverContent","isPopoverTitleOrContent","element","isValidElement","Popover","forwardRef","props","ref","placement","arrowProps","title","titleClassName","contentClassName","remainingProps","hasTitle","hasCustomContent","React","isMounted","setIsMounted","useState","useEffect","jsxs"],"mappings":";;;AAcO,MAAMA,IAAgB;AAAA,EACzB,MAAMC,EAAU;AAAA,EAChB,KAAKA,EAAU;AAAA,EACf,OAAOA,EAAU;AAAA,EACjB,QAAQA,EAAU;AAAA,EAClB,MAAMA,EAAU;AACpB,GAmDMC,IAAe,CAAC,EAAE,WAAAC,IAAY,IAAI,UAAAC,EAAA,MACpC,gBAAAC,EAAC,OAAA,EAAI,WAAW,gCAAgCF,CAAS,IAAK,UAAAC,EAAA,CAAS,GAGrEE,IAAiB,CAAC,EAAE,WAAAH,IAAY,IAAI,UAAAC,EAAA,MACtC,gBAAAC,EAAC,OAAA,EAAI,WAAW,gCAAgCF,CAAS,IAAK,UAAAC,EAAA,CAAS,GAGrEG,IAA0B,CAACC,MAC7BC,EAAeD,CAAO,MAAMA,EAAQ,SAASN,KAAgBM,EAAQ,SAASF,IAO5EI,IAAUC,EAA4D,CAACC,GAAOC,MAAQ;AACxF,QAAM;AAAA,IACF,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC,IAAmB;AAAA,IACnB,UAAAd;AAAA,IACA,WAAAD,IAAY;AAAA,IACZ,GAAGgB;AAAA,EAAA,IACHP,GAEEQ,IAAW,CAAC,CAACJ,GACbK,IAAmBC,EAAM,SAAS,QAAQlB,CAAQ,EAAE,KAAKG,CAAuB,GAIhF,CAACgB,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAChD,SAAAC,EAAU,MAAMF,EAAa,EAAI,GAAG,CAAA,CAAE,GAGlC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGR;AAAA,MACJ,MAAK;AAAA,MAGL,eAAaL;AAAA,MACb,KAAAD;AAAA,MACA,WAAW,gBAAgBU,IAAY,SAAS,EAAE,IAAIpB,CAAS;AAAA,MAE/D,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,SAAS,GAAGU,EAAA,CAAY;AAAA,QACtCK,KAAY,gBAAAf,EAACH,GAAA,EAAa,WAAWe,GAAiB,UAAAD,GAAM;AAAA,QAC5DK,IAAmBjB,IAAW,gBAAAC,EAACC,GAAA,EAAe,WAAWY,GAAmB,UAAAd,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlG,CAAC;AAEDM,EAAQ,QAAQR;AAChBQ,EAAQ,UAAUJ;AAElB,OAAO,OAAOI,GAASV,CAAa;"}

package/components/resizer/Resizer.js

@@ -22,9 +22,12 @@ const z = "x", D = "y", M = "left", O = "right", P = "top", S = "bottom", w = (i
     children: y,
     ...I
   } = i, u = m(null), l = m(null), f = m(!1), c = m({ x: 0, y: 0 });
-  X(() => () => {
-    R();
-  }, []);
+  X(
+    () => () => {
+      R();
+    },
+    []
+  );
   const v = (e) => {
     if (window.TouchEvent && e instanceof window.TouchEvent)
       return e.touches[0].clientX;

package/components/resizer/Resizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizer.js","sources":["../../../src/components/resizer/Resizer.tsx"],"sourcesContent":["import React, { useEffect, useRef, type MouseEvent, type TouchEvent, type PropsWithChildren } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\n\nconst HORIZONTAL = 'x';\nconst VERTICAL = 'y';\n\nconst LEFT = 'left';\nconst RIGHT = 'right';\nconst TOP = 'top';\nconst BOTTOM = 'bottom';\n\nexport type ResizerProps = {\n    /**\n     * Defines where the resize handle is positioned relative to the element to resize.\n     *\n     * Possible values are:\n     *\n     * - `Resizer.LEFT`,\n     * - `Resizer.RIGHT`,\n     * - `Resizer.TOP`,\n     * - `Resizer.BOTTOM`\n     * - `'left`',\n     * - `'right`',\n     * - `'top`',\n     * - `'bottom'`\n     */\n    position?: typeof LEFT | typeof RIGHT | typeof TOP | typeof BOTTOM;\n\n    /**\n     * Defines on which axis to resize.\n     *\n     * Possible values are:\n     *\n     * - `Resizer.HORIZONTAL`\n     * - `Resizer.VERTICAL`\n     * - `'x'`\n     * - `'y'`\n     */\n    direction?: typeof HORIZONTAL | typeof VERTICAL;\n\n    /**\n     * Callback when the resize starts, means when the handle is pressed. It returns the respective event.\n     *\n     * @param event\n     * @returns\n     */\n    onResizeStart?: (event: MouseEvent | TouchEvent) => void;\n\n    /**\n     * Callback when the resize handle is moved. The function returns the distant between the last\n     * position and the mouse movement. Means you can either subtract or add this diff to the elements\n     * width you want to change.\n     *\n     * @param diff\n     * @returns\n     */\n    onResize?: (diff: number) => void;\n\n    /**\n     * Callback when the resize ends, means when the handle is released. It returns the respective event.\n     *\n     * @param event\n     * @returns\n     */\n    onResizeEnd?: (event: Event) => void;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\ntype Position = {\n    x: number;\n    y: number;\n};\n\nconst createListeners = (\n    targetNode: HTMLDivElement | null,\n    onEnd: (event: Event) => void,\n    onMove: (event: Event) => void\n) => {\n    if (!targetNode) {\n        return;\n    }\n\n    // The read-only ownerDocument property of the Node interface returns\n    // the top-level document object of the node.\n    const ownerDocument = targetNode.ownerDocument;\n\n    ownerDocument.addEventListener('mouseup', onEnd);\n    ownerDocument.addEventListener('mousemove', onMove);\n    ownerDocument.addEventListener('touchend', onEnd);\n    ownerDocument.addEventListener('touchmove', onMove);\n    return {\n        remove: () => {\n            ownerDocument.removeEventListener('mouseup', onEnd);\n            ownerDocument.removeEventListener('mousemove', onMove);\n            ownerDocument.removeEventListener('touchend', onEnd);\n            ownerDocument.removeEventListener('touchmove', onMove);\n        },\n    };\n};\n\nconst Resizer = (props: PropsWithChildren<ResizerProps>) => {\n    const {\n        className = '',\n        direction = HORIZONTAL,\n        position = RIGHT,\n        onResizeStart = noop,\n        onResize = noop,\n        onResizeEnd = noop,\n        children,\n        ...remainingProps\n    } = props;\n\n    const eventsRef = useRef<{ remove: () => void } | undefined | null>(null);\n\n    // Use refs here instead of local state as the move event listener fired before the state is set\n    // and then it would work with outdated state at that time.\n    const elementRef = useRef<HTMLDivElement>(null);\n    const isDragRef = useRef<boolean>(false);\n    const startPositionRef = useRef<Position>({ x: 0, y: 0 });\n\n    useEffect(() => {\n        return () => {\n            removeListeners();\n        };\n    }, []);\n\n    const getClientX = (event: Event) => {\n        // Note: some browsers don't provide the global \"TouchEvent\" constructor!\n        if (!!window.TouchEvent && event instanceof window.TouchEvent) {\n            return event.touches[0].clientX;\n        }\n\n        if (event instanceof MouseEvent) {\n            return event.clientX;\n        }\n\n        throw new Error('Unsupported event type');\n    };\n\n    const getClientY = (event: Event) => {\n        // Note: some browsers don't provide the global \"TouchEvent\" constructor!\n        if (!!window.TouchEvent && event instanceof window.TouchEvent) {\n            return event.touches[0].clientY;\n        }\n\n        if (event instanceof MouseEvent) {\n            return event.clientY;\n        }\n\n        throw new Error('Unsupported event type');\n    };\n\n    const handleMouseStart = (event: React.MouseEvent) => {\n        isDragRef.current = true;\n\n        // Use the native event to check for the event type. Otherwise the type check\n        // fails and the start position would be { x: 0, y: 0 }.\n        const mouseEvent = event.nativeEvent;\n        const { clientX, clientY } = mouseEvent;\n        startPositionRef.current = {\n            x: clientX,\n            y: clientY,\n        };\n\n        onResizeStart(event);\n\n        eventsRef.current = createListeners(elementRef.current, handleEnd, handleMove);\n    };\n\n    const handleTouchStart = (event: React.TouchEvent) => {\n        isDragRef.current = true;\n\n        // Use the native event to check for the event type. Otherwise the type check\n        // fails and the start position would be { x: 0, y: 0 }.\n        const touchEvent = event.nativeEvent;\n        const firstTouch = touchEvent.touches[0];\n        startPositionRef.current = {\n            x: firstTouch.clientX,\n            y: firstTouch.clientY,\n        };\n\n        onResizeStart(event);\n\n        eventsRef.current = createListeners(elementRef.current, handleEnd, handleMove);\n    };\n\n    const handleMove = (event: Event) => {\n        if (!isDragRef.current) {\n            return;\n        }\n\n        if (direction === Resizer.HORIZONTAL) {\n            const diff = startPositionRef.current.x - getClientX(event);\n\n            if (diff !== 0) {\n                onResize(diff);\n            }\n        }\n\n        if (direction === Resizer.VERTICAL) {\n            const diff = startPositionRef.current.y - getClientY(event);\n            if (diff !== 0) {\n                onResize(diff);\n            }\n        }\n\n        startPositionRef.current = {\n            x: getClientX(event),\n            y: getClientY(event),\n        };\n    };\n\n    const handleEnd = (event: Event) => {\n        isDragRef.current = false;\n        onResizeEnd(event);\n        removeListeners();\n    };\n\n    const removeListeners = () => {\n        if (eventsRef.current) {\n            eventsRef.current.remove();\n        }\n    };\n\n    const wrapperClasses = classNames(\n        'Resizer',\n        direction === 'x' && 'resize-horizontal',\n        direction === 'y' && 'resize-vertical',\n        position === 'left' && 'resize-left',\n        position === 'right' && 'resize-right',\n        position === 'top' && 'resize-top',\n        position === 'bottom' && 'resize-bottom',\n        className && className\n    );\n\n    return (\n        <div\n            ref={elementRef}\n            className={wrapperClasses}\n            onMouseDown={handleMouseStart}\n            onTouchStart={handleTouchStart}\n            {...remainingProps}\n        >\n            {children}\n        </div>\n    );\n};\n\nResizer.HORIZONTAL = HORIZONTAL as typeof HORIZONTAL;\nResizer.VERTICAL = VERTICAL as typeof VERTICAL;\n\nResizer.LEFT = LEFT as typeof LEFT;\nResizer.RIGHT = RIGHT as typeof RIGHT;\nResizer.TOP = TOP as typeof TOP;\nResizer.BOTTOM = BOTTOM as typeof BOTTOM;\n\nexport default Resizer;\n"],"names":["HORIZONTAL","VERTICAL","LEFT","RIGHT","TOP","BOTTOM","createListeners","targetNode","onEnd","onMove","ownerDocument","Resizer","props","className","direction","position","onResizeStart","noop","onResize","onResizeEnd","children","remainingProps","eventsRef","useRef","elementRef","isDragRef","startPositionRef","useEffect","removeListeners","getClientX","event","getClientY","handleMouseStart","mouseEvent","clientX","clientY","handleEnd","handleMove","handleTouchStart","firstTouch","diff","wrapperClasses","classNames","jsx"],"mappings":";;;;AAKA,MAAMA,IAAa,KACbC,IAAW,KAEXC,IAAO,QACPC,IAAQ,SACRC,IAAM,OACNC,IAAS,UAoETC,IAAkB,CACpBC,GACAC,GACAC,MACC;AACD,MAAI,CAACF;AACD;AAKJ,QAAMG,IAAgBH,EAAW;AAEjC,SAAAG,EAAc,iBAAiB,WAAWF,CAAK,GAC/CE,EAAc,iBAAiB,aAAaD,CAAM,GAClDC,EAAc,iBAAiB,YAAYF,CAAK,GAChDE,EAAc,iBAAiB,aAAaD,CAAM,GAC3C;AAAA,IACH,QAAQ,MAAM;AACV,MAAAC,EAAc,oBAAoB,WAAWF,CAAK,GAClDE,EAAc,oBAAoB,aAAaD,CAAM,GACrDC,EAAc,oBAAoB,YAAYF,CAAK,GACnDE,EAAc,oBAAoB,aAAaD,CAAM;AAAA,IACzD;AAAA,EAAA;AAER,GAEME,IAAU,CAACC,MAA2C;AACxD,QAAM;AAAA,IACF,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAYd;AAAA,IACZ,UAAAe,IAAWZ;AAAA,IACX,eAAAa,IAAgBC;AAAA,IAChB,UAAAC,IAAWD;AAAA,IACX,aAAAE,IAAcF;AAAA,IACd,UAAAG;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAYC,EAAkD,IAAI,GAIlEC,IAAaD,EAAuB,IAAI,GACxCE,IAAYF,EAAgB,EAAK,GACjCG,IAAmBH,EAAiB,EAAE,GAAG,GAAG,GAAG,GAAG;AAExD,EAAAI,EAAU,MACC,MAAM;AACT,IAAAC,EAAA;AAAA,EACJ,GACD,CAAA,CAAE;AAEL,QAAMC,IAAa,CAACC,MAAiB;AAEjC,QAAM,OAAO,cAAcA,aAAiB,OAAO;AAC/C,aAAOA,EAAM,QAAQ,CAAC,EAAE;AAG5B,QAAIA,aAAiB;AACjB,aAAOA,EAAM;AAGjB,UAAM,IAAI,MAAM,wBAAwB;AAAA,EAC5C,GAEMC,IAAa,CAACD,MAAiB;AAEjC,QAAM,OAAO,cAAcA,aAAiB,OAAO;AAC/C,aAAOA,EAAM,QAAQ,CAAC,EAAE;AAG5B,QAAIA,aAAiB;AACjB,aAAOA,EAAM;AAGjB,UAAM,IAAI,MAAM,wBAAwB;AAAA,EAC5C,GAEME,IAAmB,CAACF,MAA4B;AAClD,IAAAL,EAAU,UAAU;AAIpB,UAAMQ,IAAaH,EAAM,aACnB,EAAE,SAAAI,GAAS,SAAAC,EAAA,IAAYF;AAC7B,IAAAP,EAAiB,UAAU;AAAA,MACvB,GAAGQ;AAAA,MACH,GAAGC;AAAA,IAAA,GAGPnB,EAAcc,CAAK,GAEnBR,EAAU,UAAUhB,EAAgBkB,EAAW,SAASY,GAAWC,CAAU;AAAA,EACjF,GAEMC,IAAmB,CAACR,MAA4B;AAClD,IAAAL,EAAU,UAAU;AAKpB,UAAMc,IADaT,EAAM,YACK,QAAQ,CAAC;AACvC,IAAAJ,EAAiB,UAAU;AAAA,MACvB,GAAGa,EAAW;AAAA,MACd,GAAGA,EAAW;AAAA,IAAA,GAGlBvB,EAAcc,CAAK,GAEnBR,EAAU,UAAUhB,EAAgBkB,EAAW,SAASY,GAAWC,CAAU;AAAA,EACjF,GAEMA,IAAa,CAACP,MAAiB;AACjC,QAAKL,EAAU,SAIf;AAAA,UAAIX,MAAcH,EAAQ,YAAY;AAClC,cAAM6B,IAAOd,EAAiB,QAAQ,IAAIG,EAAWC,CAAK;AAE1D,QAAIU,MAAS,KACTtB,EAASsB,CAAI;AAAA,MAErB;AAEA,UAAI1B,MAAcH,EAAQ,UAAU;AAChC,cAAM6B,IAAOd,EAAiB,QAAQ,IAAIK,EAAWD,CAAK;AAC1D,QAAIU,MAAS,KACTtB,EAASsB,CAAI;AAAA,MAErB;AAEA,MAAAd,EAAiB,UAAU;AAAA,QACvB,GAAGG,EAAWC,CAAK;AAAA,QACnB,GAAGC,EAAWD,CAAK;AAAA,MAAA;AAAA;AAAA,EAE3B,GAEMM,IAAY,CAACN,MAAiB;AAChC,IAAAL,EAAU,UAAU,IACpBN,EAAYW,CAAK,GACjBF,EAAA;AAAA,EACJ,GAEMA,IAAkB,MAAM;AAC1B,IAAIN,EAAU,WACVA,EAAU,QAAQ,OAAA;AAAA,EAE1B,GAEMmB,IAAiBC;AAAA,IACnB;AAAA,IACA5B,MAAc,OAAO;AAAA,IACrBA,MAAc,OAAO;AAAA,IACrBC,MAAa,UAAU;AAAA,IACvBA,MAAa,WAAW;AAAA,IACxBA,MAAa,SAAS;AAAA,IACtBA,MAAa,YAAY;AAAA,IACzBF,KAAaA;AAAA,EAAA;AAGjB,SACI,gBAAA8B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKnB;AAAA,MACL,WAAWiB;AAAA,MACX,aAAaT;AAAA,MACb,cAAcM;AAAA,MACb,GAAGjB;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;AAEAT,EAAQ,aAAaX;AACrBW,EAAQ,WAAWV;AAEnBU,EAAQ,OAAOT;AACfS,EAAQ,QAAQR;AAChBQ,EAAQ,MAAMP;AACdO,EAAQ,SAASN;"}
+{"version":3,"file":"Resizer.js","sources":["../../../src/components/resizer/Resizer.tsx"],"sourcesContent":["import React, { useEffect, useRef, type MouseEvent, type TouchEvent, type PropsWithChildren } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\n\nconst HORIZONTAL = 'x';\nconst VERTICAL = 'y';\n\nconst LEFT = 'left';\nconst RIGHT = 'right';\nconst TOP = 'top';\nconst BOTTOM = 'bottom';\n\nexport type ResizerProps = {\n    /**\n     * Defines where the resize handle is positioned relative to the element to resize.\n     *\n     * Possible values are:\n     *\n     * - `Resizer.LEFT`,\n     * - `Resizer.RIGHT`,\n     * - `Resizer.TOP`,\n     * - `Resizer.BOTTOM`\n     * - `'left`',\n     * - `'right`',\n     * - `'top`',\n     * - `'bottom'`\n     */\n    position?: typeof LEFT | typeof RIGHT | typeof TOP | typeof BOTTOM;\n\n    /**\n     * Defines on which axis to resize.\n     *\n     * Possible values are:\n     *\n     * - `Resizer.HORIZONTAL`\n     * - `Resizer.VERTICAL`\n     * - `'x'`\n     * - `'y'`\n     */\n    direction?: typeof HORIZONTAL | typeof VERTICAL;\n\n    /**\n     * Callback when the resize starts, means when the handle is pressed. It returns the respective event.\n     *\n     * @param event\n     * @returns\n     */\n    onResizeStart?: (event: MouseEvent | TouchEvent) => void;\n\n    /**\n     * Callback when the resize handle is moved. The function returns the distant between the last\n     * position and the mouse movement. Means you can either subtract or add this diff to the elements\n     * width you want to change.\n     *\n     * @param diff\n     * @returns\n     */\n    onResize?: (diff: number) => void;\n\n    /**\n     * Callback when the resize ends, means when the handle is released. It returns the respective event.\n     *\n     * @param event\n     * @returns\n     */\n    onResizeEnd?: (event: Event) => void;\n\n    /**\n     * Additional classes to be set on the wrapper element.\n     */\n    className?: string;\n};\n\ntype Position = {\n    x: number;\n    y: number;\n};\n\nconst createListeners = (\n    targetNode: HTMLDivElement | null,\n    onEnd: (event: Event) => void,\n    onMove: (event: Event) => void\n) => {\n    if (!targetNode) {\n        return;\n    }\n\n    // The read-only ownerDocument property of the Node interface returns\n    // the top-level document object of the node.\n    const ownerDocument = targetNode.ownerDocument;\n\n    ownerDocument.addEventListener('mouseup', onEnd);\n    ownerDocument.addEventListener('mousemove', onMove);\n    ownerDocument.addEventListener('touchend', onEnd);\n    ownerDocument.addEventListener('touchmove', onMove);\n    return {\n        remove: () => {\n            ownerDocument.removeEventListener('mouseup', onEnd);\n            ownerDocument.removeEventListener('mousemove', onMove);\n            ownerDocument.removeEventListener('touchend', onEnd);\n            ownerDocument.removeEventListener('touchmove', onMove);\n        },\n    };\n};\n\nconst Resizer = (props: PropsWithChildren<ResizerProps>) => {\n    const {\n        className = '',\n        direction = HORIZONTAL,\n        position = RIGHT,\n        onResizeStart = noop,\n        onResize = noop,\n        onResizeEnd = noop,\n        children,\n        ...remainingProps\n    } = props;\n\n    const eventsRef = useRef<{ remove: () => void } | undefined | null>(null);\n\n    // Use refs here instead of local state as the move event listener fired before the state is set\n    // and then it would work with outdated state at that time.\n    const elementRef = useRef<HTMLDivElement>(null);\n    const isDragRef = useRef<boolean>(false);\n    const startPositionRef = useRef<Position>({ x: 0, y: 0 });\n\n    useEffect(\n        () => () => {\n            removeListeners();\n        },\n        []\n    );\n\n    const getClientX = (event: Event) => {\n        // Note: some browsers don't provide the global \"TouchEvent\" constructor!\n        if (!!window.TouchEvent && event instanceof window.TouchEvent) {\n            return event.touches[0].clientX;\n        }\n\n        if (event instanceof MouseEvent) {\n            return event.clientX;\n        }\n\n        throw new Error('Unsupported event type');\n    };\n\n    const getClientY = (event: Event) => {\n        // Note: some browsers don't provide the global \"TouchEvent\" constructor!\n        if (!!window.TouchEvent && event instanceof window.TouchEvent) {\n            return event.touches[0].clientY;\n        }\n\n        if (event instanceof MouseEvent) {\n            return event.clientY;\n        }\n\n        throw new Error('Unsupported event type');\n    };\n\n    const handleMouseStart = (event: React.MouseEvent) => {\n        isDragRef.current = true;\n\n        // Use the native event to check for the event type. Otherwise the type check\n        // fails and the start position would be { x: 0, y: 0 }.\n        const mouseEvent = event.nativeEvent;\n        const { clientX, clientY } = mouseEvent;\n        startPositionRef.current = {\n            x: clientX,\n            y: clientY,\n        };\n\n        onResizeStart(event);\n\n        eventsRef.current = createListeners(elementRef.current, handleEnd, handleMove);\n    };\n\n    const handleTouchStart = (event: React.TouchEvent) => {\n        isDragRef.current = true;\n\n        // Use the native event to check for the event type. Otherwise the type check\n        // fails and the start position would be { x: 0, y: 0 }.\n        const touchEvent = event.nativeEvent;\n        const firstTouch = touchEvent.touches[0];\n        startPositionRef.current = {\n            x: firstTouch.clientX,\n            y: firstTouch.clientY,\n        };\n\n        onResizeStart(event);\n\n        eventsRef.current = createListeners(elementRef.current, handleEnd, handleMove);\n    };\n\n    const handleMove = (event: Event) => {\n        if (!isDragRef.current) {\n            return;\n        }\n\n        if (direction === Resizer.HORIZONTAL) {\n            const diff = startPositionRef.current.x - getClientX(event);\n\n            if (diff !== 0) {\n                onResize(diff);\n            }\n        }\n\n        if (direction === Resizer.VERTICAL) {\n            const diff = startPositionRef.current.y - getClientY(event);\n            if (diff !== 0) {\n                onResize(diff);\n            }\n        }\n\n        startPositionRef.current = {\n            x: getClientX(event),\n            y: getClientY(event),\n        };\n    };\n\n    const handleEnd = (event: Event) => {\n        isDragRef.current = false;\n        onResizeEnd(event);\n        removeListeners();\n    };\n\n    const removeListeners = () => {\n        if (eventsRef.current) {\n            eventsRef.current.remove();\n        }\n    };\n\n    const wrapperClasses = classNames(\n        'Resizer',\n        direction === 'x' && 'resize-horizontal',\n        direction === 'y' && 'resize-vertical',\n        position === 'left' && 'resize-left',\n        position === 'right' && 'resize-right',\n        position === 'top' && 'resize-top',\n        position === 'bottom' && 'resize-bottom',\n        className && className\n    );\n\n    return (\n        <div\n            ref={elementRef}\n            className={wrapperClasses}\n            onMouseDown={handleMouseStart}\n            onTouchStart={handleTouchStart}\n            {...remainingProps}\n        >\n            {children}\n        </div>\n    );\n};\n\nResizer.HORIZONTAL = HORIZONTAL as typeof HORIZONTAL;\nResizer.VERTICAL = VERTICAL as typeof VERTICAL;\n\nResizer.LEFT = LEFT as typeof LEFT;\nResizer.RIGHT = RIGHT as typeof RIGHT;\nResizer.TOP = TOP as typeof TOP;\nResizer.BOTTOM = BOTTOM as typeof BOTTOM;\n\nexport default Resizer;\n"],"names":["HORIZONTAL","VERTICAL","LEFT","RIGHT","TOP","BOTTOM","createListeners","targetNode","onEnd","onMove","ownerDocument","Resizer","props","className","direction","position","onResizeStart","noop","onResize","onResizeEnd","children","remainingProps","eventsRef","useRef","elementRef","isDragRef","startPositionRef","useEffect","removeListeners","getClientX","event","getClientY","handleMouseStart","mouseEvent","clientX","clientY","handleEnd","handleMove","handleTouchStart","firstTouch","diff","wrapperClasses","classNames","jsx"],"mappings":";;;;AAKA,MAAMA,IAAa,KACbC,IAAW,KAEXC,IAAO,QACPC,IAAQ,SACRC,IAAM,OACNC,IAAS,UAoETC,IAAkB,CACpBC,GACAC,GACAC,MACC;AACD,MAAI,CAACF;AACD;AAKJ,QAAMG,IAAgBH,EAAW;AAEjC,SAAAG,EAAc,iBAAiB,WAAWF,CAAK,GAC/CE,EAAc,iBAAiB,aAAaD,CAAM,GAClDC,EAAc,iBAAiB,YAAYF,CAAK,GAChDE,EAAc,iBAAiB,aAAaD,CAAM,GAC3C;AAAA,IACH,QAAQ,MAAM;AACV,MAAAC,EAAc,oBAAoB,WAAWF,CAAK,GAClDE,EAAc,oBAAoB,aAAaD,CAAM,GACrDC,EAAc,oBAAoB,YAAYF,CAAK,GACnDE,EAAc,oBAAoB,aAAaD,CAAM;AAAA,IACzD;AAAA,EAAA;AAER,GAEME,IAAU,CAACC,MAA2C;AACxD,QAAM;AAAA,IACF,WAAAC,IAAY;AAAA,IACZ,WAAAC,IAAYd;AAAA,IACZ,UAAAe,IAAWZ;AAAA,IACX,eAAAa,IAAgBC;AAAA,IAChB,UAAAC,IAAWD;AAAA,IACX,aAAAE,IAAcF;AAAA,IACd,UAAAG;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAYC,EAAkD,IAAI,GAIlEC,IAAaD,EAAuB,IAAI,GACxCE,IAAYF,EAAgB,EAAK,GACjCG,IAAmBH,EAAiB,EAAE,GAAG,GAAG,GAAG,GAAG;AAExD,EAAAI;AAAA,IACI,MAAM,MAAM;AACR,MAAAC,EAAA;AAAA,IACJ;AAAA,IACA,CAAA;AAAA,EAAC;AAGL,QAAMC,IAAa,CAACC,MAAiB;AAEjC,QAAM,OAAO,cAAcA,aAAiB,OAAO;AAC/C,aAAOA,EAAM,QAAQ,CAAC,EAAE;AAG5B,QAAIA,aAAiB;AACjB,aAAOA,EAAM;AAGjB,UAAM,IAAI,MAAM,wBAAwB;AAAA,EAC5C,GAEMC,IAAa,CAACD,MAAiB;AAEjC,QAAM,OAAO,cAAcA,aAAiB,OAAO;AAC/C,aAAOA,EAAM,QAAQ,CAAC,EAAE;AAG5B,QAAIA,aAAiB;AACjB,aAAOA,EAAM;AAGjB,UAAM,IAAI,MAAM,wBAAwB;AAAA,EAC5C,GAEME,IAAmB,CAACF,MAA4B;AAClD,IAAAL,EAAU,UAAU;AAIpB,UAAMQ,IAAaH,EAAM,aACnB,EAAE,SAAAI,GAAS,SAAAC,EAAA,IAAYF;AAC7B,IAAAP,EAAiB,UAAU;AAAA,MACvB,GAAGQ;AAAA,MACH,GAAGC;AAAA,IAAA,GAGPnB,EAAcc,CAAK,GAEnBR,EAAU,UAAUhB,EAAgBkB,EAAW,SAASY,GAAWC,CAAU;AAAA,EACjF,GAEMC,IAAmB,CAACR,MAA4B;AAClD,IAAAL,EAAU,UAAU;AAKpB,UAAMc,IADaT,EAAM,YACK,QAAQ,CAAC;AACvC,IAAAJ,EAAiB,UAAU;AAAA,MACvB,GAAGa,EAAW;AAAA,MACd,GAAGA,EAAW;AAAA,IAAA,GAGlBvB,EAAcc,CAAK,GAEnBR,EAAU,UAAUhB,EAAgBkB,EAAW,SAASY,GAAWC,CAAU;AAAA,EACjF,GAEMA,IAAa,CAACP,MAAiB;AACjC,QAAKL,EAAU,SAIf;AAAA,UAAIX,MAAcH,EAAQ,YAAY;AAClC,cAAM6B,IAAOd,EAAiB,QAAQ,IAAIG,EAAWC,CAAK;AAE1D,QAAIU,MAAS,KACTtB,EAASsB,CAAI;AAAA,MAErB;AAEA,UAAI1B,MAAcH,EAAQ,UAAU;AAChC,cAAM6B,IAAOd,EAAiB,QAAQ,IAAIK,EAAWD,CAAK;AAC1D,QAAIU,MAAS,KACTtB,EAASsB,CAAI;AAAA,MAErB;AAEA,MAAAd,EAAiB,UAAU;AAAA,QACvB,GAAGG,EAAWC,CAAK;AAAA,QACnB,GAAGC,EAAWD,CAAK;AAAA,MAAA;AAAA;AAAA,EAE3B,GAEMM,IAAY,CAACN,MAAiB;AAChC,IAAAL,EAAU,UAAU,IACpBN,EAAYW,CAAK,GACjBF,EAAA;AAAA,EACJ,GAEMA,IAAkB,MAAM;AAC1B,IAAIN,EAAU,WACVA,EAAU,QAAQ,OAAA;AAAA,EAE1B,GAEMmB,IAAiBC;AAAA,IACnB;AAAA,IACA5B,MAAc,OAAO;AAAA,IACrBA,MAAc,OAAO;AAAA,IACrBC,MAAa,UAAU;AAAA,IACvBA,MAAa,WAAW;AAAA,IACxBA,MAAa,SAAS;AAAA,IACtBA,MAAa,YAAY;AAAA,IACzBF,KAAaA;AAAA,EAAA;AAGjB,SACI,gBAAA8B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKnB;AAAA,MACL,WAAWiB;AAAA,MACX,aAAaT;AAAA,MACb,cAAcM;AAAA,MACb,GAAGjB;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;AAEAT,EAAQ,aAAaX;AACrBW,EAAQ,WAAWV;AAEnBU,EAAQ,OAAOT;AACfS,EAAQ,QAAQR;AAChBQ,EAAQ,MAAMP;AACdO,EAAQ,SAASN;"}