@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.35

package/_internal/packages/lumx-react/src/components/thumbnail/types-58418448.js

@@ -1,41 +0,0 @@
-import { AspectRatio } from '@lumx/core/js/constants';
-
-/**
- *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).
- */
-
-/**
- * Loading attribute is not yet supported in typescript, so we need
- * to add it in order to avoid a ts error.
- * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes
- */
-
-/**
- * All available aspect ratios.
- * @deprecated
- */
-const ThumbnailAspectRatio = {
-  ...AspectRatio
-};
-
-/**
- *  Thumbnail sizes.
- */
-
-/**
- * Thumbnail variants.
- */
-const ThumbnailVariant = {
-  squared: 'squared',
-  rounded: 'rounded'
-};
-/**
- * Thumbnail object fit.
- */
-const ThumbnailObjectFit = {
-  cover: 'cover',
-  contain: 'contain'
-};
-
-export { ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant };
-//# sourceMappingURL=types-58418448.js.map

package/_internal/packages/lumx-react/src/components/thumbnail/types-58418448.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types-58418448.js","sources":["../../../../../../../src/components/thumbnail/types.ts"],"sourcesContent":["import React from 'react';\nimport { AspectRatio, Size } from '@lumx/react';\nimport { ValueOf } from '@lumx/react/utils/type';\n\n/**\n *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).\n */\nexport type FocusPoint = { x?: number; y?: number };\n\n/**\n * Loading attribute is not yet supported in typescript, so we need\n * to add it in order to avoid a ts error.\n * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes\n */\ndeclare module 'react' {\n    interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {\n        loading?: 'eager' | 'lazy';\n    }\n}\n\n/**\n * All available aspect ratios.\n * @deprecated\n */\nexport const ThumbnailAspectRatio: Record<string, AspectRatio> = { ...AspectRatio };\n\n/**\n *  Thumbnail sizes.\n */\nexport type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Thumbnail variants.\n */\nexport const ThumbnailVariant = {\n    squared: 'squared',\n    rounded: 'rounded',\n} as const;\nexport type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;\n\n/**\n * Thumbnail object fit.\n */\nexport const ThumbnailObjectFit = {\n    cover: 'cover',\n    contain: 'contain',\n} as const;\nexport type ThumbnailObjectFit = ValueOf<typeof ThumbnailObjectFit>;\n"],"names":["ThumbnailAspectRatio","AspectRatio","ThumbnailVariant","squared","rounded","ThumbnailObjectFit","cover","contain"],"mappings":";;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACO,MAAMA,oBAAiD,GAAG;EAAE,GAAGC,WAAAA;AAAY,EAAC;;AAEnF;AACA;AACA;;AAGA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAG;AAC5BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAA;AACb,EAAU;AAGV;AACA;AACA;AACO,MAAMC,kBAAkB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAA;AACb;;;;"}

package/_internal/packages/lumx-react/src/components/thumbnail/useFocusPointStyle-b4018f8d.js

@@ -1,107 +0,0 @@
-import { useMemo, useState, useEffect } from 'react';
-import { AspectRatio } from '@lumx/core/js/constants';
-
-// Calculate shift to center the focus point in the container.
-function shiftPosition({
-  scale,
-  focusPoint,
-  imageSize,
-  containerSize
-}) {
-  const scaledSize = imageSize / scale;
-  if (scaledSize === containerSize) return 0;
-  const scaledFocusHeight = focusPoint * scaledSize;
-  const startFocus = scaledFocusHeight - containerSize / 2;
-  const shift = startFocus / (scaledSize - containerSize);
-  return Math.floor(Math.max(Math.min(shift, 1), 0) * 100);
-}
-
-// Compute CSS properties to apply the focus point.
-const useFocusPointStyle = ({
-  image,
-  aspectRatio,
-  focusPoint,
-  imgProps: {
-    width,
-    height
-  } = {}
-}, element, isLoaded) => {
-  // Get natural image size from imgProps or img element.
-  const imageSize = useMemo(() => {
-    // Focus point is not applicable => exit early
-    if (!image || aspectRatio === AspectRatio.original || !focusPoint?.x && !focusPoint?.y) return undefined;
-    if (typeof width === 'number' && typeof height === 'number') return {
-      width,
-      height
-    };
-    if (element && isLoaded) return {
-      width: element.naturalWidth,
-      height: element.naturalHeight
-    };
-    return undefined;
-  }, [aspectRatio, element, focusPoint?.x, focusPoint?.y, height, image, isLoaded, width]);
-
-  // Get container size (dependant on imageSize).
-  const [containerSize, setContainerSize] = useState(undefined);
-  useEffect(function updateContainerSize() {
-    const cWidth = element?.offsetWidth;
-    const cHeight = element?.offsetHeight;
-    if (cWidth && cHeight) {
-      // Update only if needed.
-      setContainerSize(oldContainerSize => oldContainerSize?.width === cWidth && oldContainerSize.height === cHeight ? oldContainerSize : {
-        width: cWidth,
-        height: cHeight
-      });
-    } else if (imageSize) {
-      // Wait for a render (in case the container size is dependent on the image size).
-      requestAnimationFrame(updateContainerSize);
-    }
-  }, [element?.offsetHeight, element?.offsetWidth, imageSize]);
-
-  // Compute style.
-  const style = useMemo(() => {
-    // Focus point is not applicable => exit early
-    if (!image || aspectRatio === AspectRatio.original || !focusPoint?.x && !focusPoint?.y) {
-      return {};
-    }
-    if (!element || !imageSize) {
-      // Focus point can be computed but now right now (image size unknown).
-      return {
-        visibility: 'hidden'
-      };
-    }
-    if (!containerSize || !imageSize.height || !imageSize.width) {
-      // Missing container or image size abort focus point compute.
-      return {};
-    }
-    const heightScale = imageSize.height / containerSize.height;
-    const widthScale = imageSize.width / containerSize.width;
-    const scale = Math.min(widthScale, heightScale);
-
-    // Focus Y relative to the top (instead of the center)
-    const focusPointFromTop = Math.abs((focusPoint?.y || 0) - 1) / 2;
-    const y = shiftPosition({
-      scale,
-      focusPoint: focusPointFromTop,
-      imageSize: imageSize.height,
-      containerSize: containerSize.height
-    });
-
-    // Focus X relative to the left (instead of the center)
-    const focusPointFromLeft = Math.abs((focusPoint?.x || 0) + 1) / 2;
-    const x = shiftPosition({
-      scale,
-      focusPoint: focusPointFromLeft,
-      imageSize: imageSize.width,
-      containerSize: containerSize.width
-    });
-    const objectPosition = `${x}% ${y}%`;
-    return {
-      objectPosition
-    };
-  }, [aspectRatio, containerSize, element, focusPoint?.x, focusPoint?.y, image, imageSize]);
-  return style;
-};
-
-export { shiftPosition, useFocusPointStyle };
-//# sourceMappingURL=useFocusPointStyle-b4018f8d.js.map

package/_internal/packages/lumx-react/src/components/thumbnail/useFocusPointStyle-b4018f8d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusPointStyle-b4018f8d.js","sources":["../../../../../../../src/components/thumbnail/useFocusPointStyle.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useMemo, useState } from 'react';\nimport { AspectRatio } from '@lumx/core/js/constants';\nimport { ThumbnailProps } from '@lumx/react/components/thumbnail/Thumbnail';\nimport { RectSize } from '@lumx/react/utils/type';\n\n// Calculate shift to center the focus point in the container.\nexport function shiftPosition({\n    scale,\n    focusPoint,\n    imageSize,\n    containerSize,\n}: {\n    scale: number;\n    focusPoint: number;\n    imageSize: number;\n    containerSize: number;\n}) {\n    const scaledSize = imageSize / scale;\n    if (scaledSize === containerSize) return 0;\n\n    const scaledFocusHeight = focusPoint * scaledSize;\n    const startFocus = scaledFocusHeight - containerSize / 2;\n    const shift = startFocus / (scaledSize - containerSize);\n\n    return Math.floor(Math.max(Math.min(shift, 1), 0) * 100);\n}\n\n// Compute CSS properties to apply the focus point.\nexport const useFocusPointStyle = (\n    { image, aspectRatio, focusPoint, imgProps: { width, height } = {} }: ThumbnailProps,\n    element: HTMLImageElement | undefined,\n    isLoaded: boolean,\n): CSSProperties => {\n    // Get natural image size from imgProps or img element.\n    const imageSize: RectSize | undefined = useMemo(() => {\n        // Focus point is not applicable => exit early\n        if (!image || aspectRatio === AspectRatio.original || (!focusPoint?.x && !focusPoint?.y)) return undefined;\n        if (typeof width === 'number' && typeof height === 'number') return { width, height };\n        if (element && isLoaded) return { width: element.naturalWidth, height: element.naturalHeight };\n        return undefined;\n    }, [aspectRatio, element, focusPoint?.x, focusPoint?.y, height, image, isLoaded, width]);\n\n    // Get container size (dependant on imageSize).\n    const [containerSize, setContainerSize] = useState<RectSize | undefined>(undefined);\n    useEffect(\n        function updateContainerSize() {\n            const cWidth = element?.offsetWidth;\n            const cHeight = element?.offsetHeight;\n            if (cWidth && cHeight) {\n                // Update only if needed.\n                setContainerSize((oldContainerSize) =>\n                    oldContainerSize?.width === cWidth && oldContainerSize.height === cHeight\n                        ? oldContainerSize\n                        : { width: cWidth, height: cHeight },\n                );\n            } else if (imageSize) {\n                // Wait for a render (in case the container size is dependent on the image size).\n                requestAnimationFrame(updateContainerSize);\n            }\n        },\n        [element?.offsetHeight, element?.offsetWidth, imageSize],\n    );\n\n    // Compute style.\n    const style: CSSProperties = useMemo(() => {\n        // Focus point is not applicable => exit early\n        if (!image || aspectRatio === AspectRatio.original || (!focusPoint?.x && !focusPoint?.y)) {\n            return {};\n        }\n        if (!element || !imageSize) {\n            // Focus point can be computed but now right now (image size unknown).\n            return { visibility: 'hidden' };\n        }\n        if (!containerSize || !imageSize.height || !imageSize.width) {\n            // Missing container or image size abort focus point compute.\n            return {};\n        }\n\n        const heightScale = imageSize.height / containerSize.height;\n        const widthScale = imageSize.width / containerSize.width;\n        const scale = Math.min(widthScale, heightScale);\n\n        // Focus Y relative to the top (instead of the center)\n        const focusPointFromTop = Math.abs((focusPoint?.y || 0) - 1) / 2;\n        const y = shiftPosition({\n            scale,\n            focusPoint: focusPointFromTop,\n            imageSize: imageSize.height,\n            containerSize: containerSize.height,\n        });\n\n        // Focus X relative to the left (instead of the center)\n        const focusPointFromLeft = Math.abs((focusPoint?.x || 0) + 1) / 2;\n        const x = shiftPosition({\n            scale,\n            focusPoint: focusPointFromLeft,\n            imageSize: imageSize.width,\n            containerSize: containerSize.width,\n        });\n\n        const objectPosition = `${x}% ${y}%`;\n\n        return { objectPosition };\n    }, [aspectRatio, containerSize, element, focusPoint?.x, focusPoint?.y, image, imageSize]);\n\n    return style;\n};\n"],"names":["shiftPosition","scale","focusPoint","imageSize","containerSize","scaledSize","scaledFocusHeight","startFocus","shift","Math","floor","max","min","useFocusPointStyle","image","aspectRatio","imgProps","width","height","element","isLoaded","useMemo","AspectRatio","original","x","y","undefined","naturalWidth","naturalHeight","setContainerSize","useState","useEffect","updateContainerSize","cWidth","offsetWidth","cHeight","offsetHeight","oldContainerSize","requestAnimationFrame","style","visibility","heightScale","widthScale","focusPointFromTop","abs","focusPointFromLeft","objectPosition"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/thumbnail/useImageLoad-7af4a428.js

@@ -1,39 +0,0 @@
-import { useState, useEffect } from 'react';
-
-function getState(img, event) {
-  // Error event occurred or image has no source.
-  if (event?.type === 'error' || img?.complete && !img.getAttribute('src')) {
-    return 'hasError';
-  }
-  // Image is undefined or incomplete.
-  if (!img || !img.complete) {
-    return 'isLoading';
-  }
-  // Else loaded.
-  return 'isLoaded';
-}
-function useImageLoad(imageURL, imgRef) {
-  const [state, setState] = useState(getState(imgRef));
-
-  // Update state when changing image URL or DOM reference.
-  useEffect(() => {
-    setState(getState(imgRef));
-  }, [imageURL, imgRef]);
-
-  // Listen to `load` and `error` event on image
-  useEffect(() => {
-    const img = imgRef;
-    if (!img) return undefined;
-    const update = event => setState(getState(img, event));
-    img.addEventListener('load', update);
-    img.addEventListener('error', update);
-    return () => {
-      img.removeEventListener('load', update);
-      img.removeEventListener('error', update);
-    };
-  }, [imgRef, imgRef?.src]);
-  return state;
-}
-
-export { useImageLoad };
-//# sourceMappingURL=useImageLoad-7af4a428.js.map

package/_internal/packages/lumx-react/src/components/thumbnail/useImageLoad-7af4a428.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImageLoad-7af4a428.js","sources":["../../../../../../../src/components/thumbnail/useImageLoad.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type LoadingState = 'isLoading' | 'isLoaded' | 'hasError';\n\nfunction getState(img: HTMLImageElement | null | undefined, event?: Event) {\n    // Error event occurred or image has no source.\n    if (event?.type === 'error' || (img?.complete && !img.getAttribute('src'))) {\n        return 'hasError';\n    }\n    // Image is undefined or incomplete.\n    if (!img || !img.complete) {\n        return 'isLoading';\n    }\n    // Else loaded.\n    return 'isLoaded';\n}\n\nexport function useImageLoad(imageURL: string, imgRef?: HTMLImageElement): LoadingState {\n    const [state, setState] = useState<LoadingState>(getState(imgRef));\n\n    // Update state when changing image URL or DOM reference.\n    useEffect(() => {\n        setState(getState(imgRef));\n    }, [imageURL, imgRef]);\n\n    // Listen to `load` and `error` event on image\n    useEffect(() => {\n        const img = imgRef;\n        if (!img) return undefined;\n        const update = (event?: Event) => setState(getState(img, event));\n        img.addEventListener('load', update);\n        img.addEventListener('error', update);\n        return () => {\n            img.removeEventListener('load', update);\n            img.removeEventListener('error', update);\n        };\n    }, [imgRef, imgRef?.src]);\n\n    return state;\n}\n"],"names":["getState","img","event","type","complete","getAttribute","useImageLoad","imageURL","imgRef","state","setState","useState","useEffect","undefined","update","addEventListener","removeEventListener","src"],"mappings":";;AAIA,SAASA,QAAQA,CAACC,GAAwC,EAAEC,KAAa,EAAE;AACvE;AACA,EAAA,IAAIA,KAAK,EAAEC,IAAI,KAAK,OAAO,IAAKF,GAAG,EAAEG,QAAQ,IAAI,CAACH,GAAG,CAACI,YAAY,CAAC,KAAK,CAAE,EAAE;AACxE,IAAA,OAAO,UAAU,CAAA;AACrB,GAAA;AACA;AACA,EAAA,IAAI,CAACJ,GAAG,IAAI,CAACA,GAAG,CAACG,QAAQ,EAAE;AACvB,IAAA,OAAO,WAAW,CAAA;AACtB,GAAA;AACA;AACA,EAAA,OAAO,UAAU,CAAA;AACrB,CAAA;AAEO,SAASE,YAAYA,CAACC,QAAgB,EAAEC,MAAyB,EAAgB;AACpF,EAAA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAeX,QAAQ,CAACQ,MAAM,CAAC,CAAC,CAAA;;AAElE;AACAI,EAAAA,SAAS,CAAC,MAAM;AACZF,IAAAA,QAAQ,CAACV,QAAQ,CAACQ,MAAM,CAAC,CAAC,CAAA;AAC9B,GAAC,EAAE,CAACD,QAAQ,EAAEC,MAAM,CAAC,CAAC,CAAA;;AAEtB;AACAI,EAAAA,SAAS,CAAC,MAAM;IACZ,MAAMX,GAAG,GAAGO,MAAM,CAAA;AAClB,IAAA,IAAI,CAACP,GAAG,EAAE,OAAOY,SAAS,CAAA;AAC1B,IAAA,MAAMC,MAAM,GAAIZ,KAAa,IAAKQ,QAAQ,CAACV,QAAQ,CAACC,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAA;AAChED,IAAAA,GAAG,CAACc,gBAAgB,CAAC,MAAM,EAAED,MAAM,CAAC,CAAA;AACpCb,IAAAA,GAAG,CAACc,gBAAgB,CAAC,OAAO,EAAED,MAAM,CAAC,CAAA;AACrC,IAAA,OAAO,MAAM;AACTb,MAAAA,GAAG,CAACe,mBAAmB,CAAC,MAAM,EAAEF,MAAM,CAAC,CAAA;AACvCb,MAAAA,GAAG,CAACe,mBAAmB,CAAC,OAAO,EAAEF,MAAM,CAAC,CAAA;KAC3C,CAAA;GACJ,EAAE,CAACN,MAAM,EAAEA,MAAM,EAAES,GAAG,CAAC,CAAC,CAAA;AAEzB,EAAA,OAAOR,KAAK,CAAA;AAChB;;;;"}

package/_internal/packages/lumx-react/src/components/toolbar/Toolbar-b30ac67a.js

@@ -1,62 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Toolbar';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * Toolbar component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Toolbar = forwardRef((props, ref) => {
-  const {
-    after,
-    before,
-    className,
-    label,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      hasAfter: Boolean(after),
-      hasBefore: Boolean(before),
-      hasLabel: Boolean(label),
-      prefix: CLASSNAME
-    })),
-    children: [before && /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__before`,
-      children: before
-    }), label && /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__label`,
-      children: label
-    }), after && /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__after`,
-      children: after
-    })]
-  });
-});
-Toolbar.displayName = COMPONENT_NAME;
-Toolbar.className = CLASSNAME;
-Toolbar.defaultProps = DEFAULT_PROPS;
-
-export { Toolbar };
-//# sourceMappingURL=Toolbar-b30ac67a.js.map

package/_internal/packages/lumx-react/src/components/toolbar/Toolbar-b30ac67a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar-b30ac67a.js","sources":["../../../../../../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface ToolbarProps extends GenericProps {\n    /** After content (placed after the label). */\n    after?: ReactNode;\n    /** Before content (placed before the label). */\n    before?: ReactNode;\n    /** Label content. */\n    label?: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Toolbar';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ToolbarProps> = {};\n\n/**\n * Toolbar component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Toolbar = forwardRef<ToolbarProps, HTMLDivElement>((props, ref) => {\n    const { after, before, className, label, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    hasAfter: Boolean(after),\n                    hasBefore: Boolean(before),\n                    hasLabel: Boolean(label),\n                    prefix: CLASSNAME,\n                }),\n            )}\n        >\n            {before && <div className={`${CLASSNAME}__before`}>{before}</div>}\n            {label && <div className={`${CLASSNAME}__label`}>{label}</div>}\n            {after && <div className={`${CLASSNAME}__after`}>{after}</div>}\n        </div>\n    );\n});\nToolbar.displayName = COMPONENT_NAME;\nToolbar.className = CLASSNAME;\nToolbar.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Toolbar","forwardRef","props","ref","after","before","className","label","forwardedProps","_jsxs","classNames","handleBasicClasses","hasAfter","Boolean","hasBefore","hasLabel","prefix","children","_jsx","displayName","defaultProps"],"mappings":";;;;;AAoBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,SAAS,CAAA;;AAEhC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAoC,GAAG,EAAE,CAAA;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,OAAO,GAAGC,UAAU,CAA+B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGN,KAAK,CAAA;AAEpE,EAAA,oBACIO,IAAA,CAAA,KAAA,EAAA;AACIN,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLK,cAAc;AAClBF,IAAAA,SAAS,EAAEI,UAAU,CACjBJ,SAAS,EACTK,kBAAkB,CAAC;AACfC,MAAAA,QAAQ,EAAEC,OAAO,CAACT,KAAK,CAAC;AACxBU,MAAAA,SAAS,EAAED,OAAO,CAACR,MAAM,CAAC;AAC1BU,MAAAA,QAAQ,EAAEF,OAAO,CAACN,KAAK,CAAC;AACxBS,MAAAA,MAAM,EAAEnB,SAAAA;AACZ,KAAC,CACL,CAAE;IAAAoB,QAAA,EAAA,CAEDZ,MAAM,iBAAIa,GAAA,CAAA,KAAA,EAAA;MAAKZ,SAAS,EAAE,CAAGT,EAAAA,SAAS,CAAW,QAAA,CAAA;AAAAoB,MAAAA,QAAA,EAAEZ,MAAAA;AAAM,KAAM,CAAC,EAChEE,KAAK,iBAAIW,GAAA,CAAA,KAAA,EAAA;MAAKZ,SAAS,EAAE,CAAGT,EAAAA,SAAS,CAAU,OAAA,CAAA;AAAAoB,MAAAA,QAAA,EAAEV,KAAAA;AAAK,KAAM,CAAC,EAC7DH,KAAK,iBAAIc,GAAA,CAAA,KAAA,EAAA;MAAKZ,SAAS,EAAE,CAAGT,EAAAA,SAAS,CAAU,OAAA,CAAA;AAAAoB,MAAAA,QAAA,EAAEb,KAAAA;AAAK,KAAM,CAAC,CAAA;AAAA,GAC7D,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,OAAO,CAACmB,WAAW,GAAGvB,cAAc,CAAA;AACpCI,OAAO,CAACM,SAAS,GAAGT,SAAS,CAAA;AAC7BG,OAAO,CAACoB,YAAY,GAAGrB,aAAa;;;;"}

package/_internal/packages/lumx-react/src/components/tooltip/Tooltip-aabcaa4a.js

@@ -1,144 +0,0 @@
-import React__default, { useState } from 'react';
-import classNames from 'classnames';
-import { DOCUMENT, VISUALLY_HIDDEN } from '../../constants-6af61e2f.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useMergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { TooltipContextProvider } from './context-841c2303.js';
-import { useId } from '../../hooks/useId-11687649.js';
-import { usePopper } from '../../hooks/usePopper-3e9a7aa1.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { TOOLTIP_ZINDEX } from './constants-e5b346fd.js';
-import { useInjectTooltipRef } from './useInjectTooltipRef-d245b414.js';
-import { useTooltipOpen } from './useTooltipOpen-e3bae967.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Placement } from '../popover/constants-9d063548.js';
-import { Portal } from '../../utils/Portal/Portal-9e38cfd0.js';
-
-/* eslint-disable react-hooks/rules-of-hooks */
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Tooltip';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  placement: Placement.BOTTOM,
-  closeMode: 'unmount',
-  ariaLinkMode: 'aria-describedby',
-  zIndex: TOOLTIP_ZINDEX
-};
-
-/**
- * Arrow size (in pixel).
- */
-const ARROW_SIZE = 8;
-
-/**
- * Tooltip component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Tooltip = forwardRef((props, ref) => {
-  const {
-    label,
-    children,
-    className,
-    delay,
-    placement = DEFAULT_PROPS.placement,
-    forceOpen,
-    closeMode = DEFAULT_PROPS.closeMode,
-    ariaLinkMode = DEFAULT_PROPS.ariaLinkMode,
-    zIndex = DEFAULT_PROPS.zIndex,
-    ...forwardedProps
-  } = props;
-  // Disable in SSR.
-  if (!DOCUMENT) {
-    return /*#__PURE__*/jsx(Fragment, {
-      children: children
-    });
-  }
-  const id = useId();
-  const [popperElement, setPopperElement] = useState(null);
-  const [anchorElement, setAnchorElement] = useState(null);
-  const {
-    styles,
-    attributes,
-    update
-  } = usePopper(anchorElement, popperElement, {
-    placement,
-    modifiers: [{
-      name: 'offset',
-      options: {
-        offset: [0, ARROW_SIZE]
-      }
-    }]
-  });
-  const position = attributes?.popper?.['data-popper-placement'] ?? placement;
-  const {
-    isOpen: isActivated,
-    onPopperMount
-  } = useTooltipOpen(delay, anchorElement);
-  const isOpen = (isActivated || forceOpen) && !!label;
-  const isMounted = !!label && (isOpen || closeMode === 'hide');
-  const isHidden = !isOpen && closeMode === 'hide';
-  const wrappedChildren = useInjectTooltipRef({
-    children,
-    setAnchorElement,
-    isMounted,
-    id,
-    label,
-    ariaLinkMode: ariaLinkMode
-  });
-
-  // Update on open
-  React__default.useEffect(() => {
-    if (isOpen || popperElement) update?.();
-  }, [isOpen, update, popperElement]);
-  const labelLines = label ? label.split('\n') : [];
-  const tooltipRef = useMergeRefs(ref, setPopperElement, onPopperMount);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(TooltipContextProvider, {
-      children: wrappedChildren
-    }), isMounted && /*#__PURE__*/jsx(Portal, {
-      children: /*#__PURE__*/jsxs("div", {
-        ref: tooltipRef,
-        ...forwardedProps,
-        id: id,
-        role: "tooltip",
-        className: classNames(className, handleBasicClasses({
-          prefix: CLASSNAME,
-          position,
-          isInitializing: !styles.popper?.transform
-        }), isHidden && VISUALLY_HIDDEN),
-        style: {
-          ...(isHidden ? undefined : styles.popper),
-          zIndex
-        },
-        ...attributes.popper,
-        children: [/*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__arrow`
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__inner`,
-          children: labelLines.map(line => /*#__PURE__*/jsx("p", {
-            children: line
-          }, line))
-        })]
-      })
-    })]
-  });
-});
-Tooltip.displayName = COMPONENT_NAME;
-Tooltip.className = CLASSNAME;
-Tooltip.defaultProps = DEFAULT_PROPS;
-
-export { Tooltip };
-//# sourceMappingURL=Tooltip-aabcaa4a.js.map

package/_internal/packages/lumx-react/src/components/tooltip/Tooltip-aabcaa4a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip-aabcaa4a.js","sources":["../../../../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { ReactNode, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { DOCUMENT, VISUALLY_HIDDEN } from '@lumx/react/constants';\nimport { GenericProps, HasCloseMode } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useMergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { Placement } from '@lumx/react/components/popover';\nimport { TooltipContextProvider } from '@lumx/react/components/tooltip/context';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { usePopper } from '@lumx/react/hooks/usePopper';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { ARIA_LINK_MODES, TOOLTIP_ZINDEX } from '@lumx/react/components/tooltip/constants';\nimport { Portal } from '@lumx/react/utils';\nimport { useInjectTooltipRef } from './useInjectTooltipRef';\nimport { useTooltipOpen } from './useTooltipOpen';\n\n/** Position of the tooltip relative to the anchor element. */\nexport type TooltipPlacement = Extract<Placement, 'top' | 'right' | 'bottom' | 'left'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface TooltipProps extends GenericProps, HasCloseMode {\n    /** Anchor (element on which we activate the tooltip). */\n    children: ReactNode;\n    /** Delay (in ms) before closing the tooltip. */\n    delay?: number;\n    /** Whether the tooltip is displayed even without the mouse hovering the anchor. */\n    forceOpen?: boolean;\n    /** Label text. */\n    label?: string | null | false;\n    /** Placement of the tooltip relative to the anchor. */\n    placement?: TooltipPlacement;\n    /** Choose how the tooltip text should link to the anchor */\n    ariaLinkMode?: (typeof ARIA_LINK_MODES)[number];\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Tooltip';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TooltipProps> = {\n    placement: Placement.BOTTOM,\n    closeMode: 'unmount',\n    ariaLinkMode: 'aria-describedby',\n    zIndex: TOOLTIP_ZINDEX,\n};\n\n/**\n * Arrow size (in pixel).\n */\nconst ARROW_SIZE = 8;\n\n/**\n * Tooltip component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Tooltip = forwardRef<TooltipProps, HTMLDivElement>((props, ref) => {\n    const {\n        label,\n        children,\n        className,\n        delay,\n        placement = DEFAULT_PROPS.placement,\n        forceOpen,\n        closeMode = DEFAULT_PROPS.closeMode,\n        ariaLinkMode = DEFAULT_PROPS.ariaLinkMode,\n        zIndex = DEFAULT_PROPS.zIndex,\n        ...forwardedProps\n    } = props;\n    // Disable in SSR.\n    if (!DOCUMENT) {\n        return <>{children}</>;\n    }\n\n    const id = useId();\n\n    const [popperElement, setPopperElement] = useState<null | HTMLElement>(null);\n    const [anchorElement, setAnchorElement] = useState<null | HTMLElement>(null);\n    const { styles, attributes, update } = usePopper(anchorElement, popperElement, {\n        placement,\n        modifiers: [\n            {\n                name: 'offset',\n                options: { offset: [0, ARROW_SIZE] },\n            },\n        ],\n    });\n\n    const position = attributes?.popper?.['data-popper-placement'] ?? placement;\n    const { isOpen: isActivated, onPopperMount } = useTooltipOpen(delay, anchorElement);\n    const isOpen = (isActivated || forceOpen) && !!label;\n    const isMounted = !!label && (isOpen || closeMode === 'hide');\n    const isHidden = !isOpen && closeMode === 'hide';\n    const wrappedChildren = useInjectTooltipRef({\n        children,\n        setAnchorElement,\n        isMounted,\n        id,\n        label,\n        ariaLinkMode: ariaLinkMode as any,\n    });\n\n    // Update on open\n    React.useEffect(() => {\n        if (isOpen || popperElement) update?.();\n    }, [isOpen, update, popperElement]);\n\n    const labelLines = label ? label.split('\\n') : [];\n\n    const tooltipRef = useMergeRefs(ref, setPopperElement, onPopperMount);\n\n    return (\n        <>\n            <TooltipContextProvider>{wrappedChildren}</TooltipContextProvider>\n            {isMounted && (\n                <Portal>\n                    <div\n                        ref={tooltipRef}\n                        {...forwardedProps}\n                        id={id}\n                        role=\"tooltip\"\n                        className={classNames(\n                            className,\n                            handleBasicClasses({\n                                prefix: CLASSNAME,\n                                position,\n                                isInitializing: !styles.popper?.transform,\n                            }),\n                            isHidden && VISUALLY_HIDDEN,\n                        )}\n                        style={{ ...(isHidden ? undefined : styles.popper), zIndex }}\n                        {...attributes.popper}\n                    >\n                        <div className={`${CLASSNAME}__arrow`} />\n                        <div className={`${CLASSNAME}__inner`}>\n                            {labelLines.map((line) => (\n                                <p key={line}>{line}</p>\n                            ))}\n                        </div>\n                    </div>\n                </Portal>\n            )}\n        </>\n    );\n});\nTooltip.displayName = COMPONENT_NAME;\nTooltip.className = CLASSNAME;\nTooltip.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","placement","Placement","BOTTOM","closeMode","ariaLinkMode","zIndex","TOOLTIP_ZINDEX","ARROW_SIZE","Tooltip","forwardRef","props","ref","label","children","className","delay","forceOpen","forwardedProps","DOCUMENT","_jsx","_Fragment","id","useId","popperElement","setPopperElement","useState","anchorElement","setAnchorElement","styles","attributes","update","usePopper","modifiers","name","options","offset","position","popper","isOpen","isActivated","onPopperMount","useTooltipOpen","isMounted","isHidden","wrappedChildren","useInjectTooltipRef","React","useEffect","labelLines","split","tooltipRef","useMergeRefs","_jsxs","TooltipContextProvider","Portal","role","classNames","handleBasicClasses","prefix","isInitializing","transform","VISUALLY_HIDDEN","style","undefined","map","line","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/tooltip/constants-e5b346fd.js

@@ -1,9 +0,0 @@
-import { POPOVER_ZINDEX } from '../popover/constants-9d063548.js';
-
-/**
- * Make sure tooltip appear above popovers.
- */
-const TOOLTIP_ZINDEX = POPOVER_ZINDEX + 1;
-
-export { TOOLTIP_ZINDEX };
-//# sourceMappingURL=constants-e5b346fd.js.map

package/_internal/packages/lumx-react/src/components/tooltip/constants-e5b346fd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-e5b346fd.js","sources":["../../../../../../../src/components/tooltip/constants.ts"],"sourcesContent":["import { POPOVER_ZINDEX } from '../popover/constants';\n\nexport const ARIA_LINK_MODES = ['aria-describedby', 'aria-labelledby'] as const;\n\n/**\n * Make sure tooltip appear above popovers.\n */\nexport const TOOLTIP_ZINDEX = POPOVER_ZINDEX + 1;\n"],"names":["TOOLTIP_ZINDEX","POPOVER_ZINDEX"],"mappings":";;AAIA;AACA;AACA;AACaA,MAAAA,cAAc,GAAGC,cAAc,GAAG;;;;"}

package/_internal/packages/lumx-react/src/components/tooltip/context-841c2303.js

@@ -1,19 +0,0 @@
-import React__default from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-const DEFAULT_VALUE = {};
-
-/**
- * Tooltip react context simply used as a marker to know when parent react node have a tooltip
- */
-const TooltipContext = /*#__PURE__*/React__default.createContext(undefined);
-const TooltipContextProvider = ({
-  children
-}) => /*#__PURE__*/jsx(TooltipContext.Provider, {
-  value: DEFAULT_VALUE,
-  children: children
-});
-const useTooltipContext = () => React__default.useContext(TooltipContext);
-
-export { TooltipContextProvider, useTooltipContext };
-//# sourceMappingURL=context-841c2303.js.map

package/_internal/packages/lumx-react/src/components/tooltip/context-841c2303.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-841c2303.js","sources":["../../../../../../../src/components/tooltip/context.tsx"],"sourcesContent":["import React from 'react';\n\n/** Empty object */\ntype TooltipContextValue = NonNullable<unknown>;\n\nconst DEFAULT_VALUE = {};\n\n/**\n * Tooltip react context simply used as a marker to know when parent react node have a tooltip\n */\nconst TooltipContext = React.createContext<TooltipContextValue | undefined>(undefined);\n\nexport const TooltipContextProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n    <TooltipContext.Provider value={DEFAULT_VALUE}>{children}</TooltipContext.Provider>\n);\n\nexport const useTooltipContext = () => React.useContext(TooltipContext);\n"],"names":["DEFAULT_VALUE","TooltipContext","React","createContext","undefined","TooltipContextProvider","children","_jsx","Provider","value","useTooltipContext","useContext"],"mappings":";;;AAKA,MAAMA,aAAa,GAAG,EAAE,CAAA;;AAExB;AACA;AACA;AACA,MAAMC,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAkCC,SAAS,CAAC,CAAA;AAE/E,MAAMC,sBAAgE,GAAGA,CAAC;AAAEC,EAAAA,QAAAA;AAAS,CAAC,kBACzFC,GAAA,CAACN,cAAc,CAACO,QAAQ,EAAA;AAACC,EAAAA,KAAK,EAAET,aAAc;AAAAM,EAAAA,QAAA,EAAEA,QAAAA;AAAQ,CAA0B,EACrF;AAEM,MAAMI,iBAAiB,GAAGA,MAAMR,cAAK,CAACS,UAAU,CAACV,cAAc;;;;"}

package/_internal/packages/lumx-react/src/components/tooltip/useInjectTooltipRef-d245b414.js

@@ -1,52 +0,0 @@
-import React__default, { useMemo, cloneElement } from 'react';
-import { mergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Add ref and ARIA attribute(s) in tooltip children or wrapped children.
- * Button, IconButton, Icon and React HTML elements don't need to be wrapped but any other kind of children (array, fragment, custom components)
- * will be wrapped in a <span>.
- */
-const useInjectTooltipRef = options => {
-  const {
-    children,
-    setAnchorElement,
-    isMounted,
-    id,
-    label,
-    ariaLinkMode
-  } = options;
-  // Only add link when mounted
-  const linkId = isMounted ? id : undefined;
-  return useMemo(() => {
-    if (!label) return children;
-
-    // Non-disabled element
-    if (/*#__PURE__*/React__default.isValidElement(children) && children.props.disabled !== true && children.props.isDisabled !== true) {
-      const ref = mergeRefs(children.ref, setAnchorElement);
-      const props = {
-        ...children.props,
-        ref
-      };
-
-      // Do not add label/description if the tooltip label is already in aria-label
-      if (linkId && label !== props['aria-label']) {
-        if (props[ariaLinkMode]) props[ariaLinkMode] += ' ';else props[ariaLinkMode] = '';
-        props[ariaLinkMode] += linkId;
-      }
-      return /*#__PURE__*/cloneElement(children, props);
-    }
-    const aria = linkId ? {
-      [ariaLinkMode]: linkId
-    } : undefined;
-    return /*#__PURE__*/jsx("div", {
-      className: "lumx-tooltip-anchor-wrapper",
-      ref: setAnchorElement,
-      ...aria,
-      children: children
-    });
-  }, [label, children, setAnchorElement, linkId, ariaLinkMode]);
-};
-
-export { useInjectTooltipRef };
-//# sourceMappingURL=useInjectTooltipRef-d245b414.js.map

package/_internal/packages/lumx-react/src/components/tooltip/useInjectTooltipRef-d245b414.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInjectTooltipRef-d245b414.js","sources":["../../../../../../../src/components/tooltip/useInjectTooltipRef.tsx"],"sourcesContent":["import React, { cloneElement, ReactNode, useMemo } from 'react';\n\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\n\ninterface Options {\n    /** Original tooltip anchor */\n    children: ReactNode;\n    /** Set tooltip anchor element */\n    setAnchorElement: (e: HTMLDivElement) => void;\n    /** Whether the tooltip is open or not */\n    isMounted: boolean | undefined;\n    /** Tooltip id */\n    id: string;\n    /** Tooltip label*/\n    label?: string | null | false;\n    /** Choose how the tooltip text should link to the anchor */\n    ariaLinkMode: 'aria-describedby' | 'aria-labelledby';\n}\n\n/**\n * Add ref and ARIA attribute(s) in tooltip children or wrapped children.\n * Button, IconButton, Icon and React HTML elements don't need to be wrapped but any other kind of children (array, fragment, custom components)\n * will be wrapped in a <span>.\n */\nexport const useInjectTooltipRef = (options: Options): ReactNode => {\n    const { children, setAnchorElement, isMounted, id, label, ariaLinkMode } = options;\n    // Only add link when mounted\n    const linkId = isMounted ? id : undefined;\n\n    return useMemo(() => {\n        if (!label) return children;\n\n        // Non-disabled element\n        if (React.isValidElement(children) && children.props.disabled !== true && children.props.isDisabled !== true) {\n            const ref = mergeRefs((children as any).ref, setAnchorElement);\n            const props = { ...children.props, ref };\n\n            // Do not add label/description if the tooltip label is already in aria-label\n            if (linkId && label !== props['aria-label']) {\n                if (props[ariaLinkMode]) props[ariaLinkMode] += ' ';\n                else props[ariaLinkMode] = '';\n                props[ariaLinkMode] += linkId;\n            }\n\n            return cloneElement(children, props);\n        }\n\n        const aria = linkId ? { [ariaLinkMode]: linkId } : undefined;\n        return (\n            <div className=\"lumx-tooltip-anchor-wrapper\" ref={setAnchorElement} {...aria}>\n                {children}\n            </div>\n        );\n    }, [label, children, setAnchorElement, linkId, ariaLinkMode]);\n};\n"],"names":["useInjectTooltipRef","options","children","setAnchorElement","isMounted","id","label","ariaLinkMode","linkId","undefined","useMemo","React","isValidElement","props","disabled","isDisabled","ref","mergeRefs","cloneElement","aria","_jsx","className"],"mappings":";;;;AAmBA;AACA;AACA;AACA;AACA;AACaA,MAAAA,mBAAmB,GAAIC,OAAgB,IAAgB;EAChE,MAAM;IAAEC,QAAQ;IAAEC,gBAAgB;IAAEC,SAAS;IAAEC,EAAE;IAAEC,KAAK;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAGN,OAAO,CAAA;AAClF;AACA,EAAA,MAAMO,MAAM,GAAGJ,SAAS,GAAGC,EAAE,GAAGI,SAAS,CAAA;EAEzC,OAAOC,OAAO,CAAC,MAAM;AACjB,IAAA,IAAI,CAACJ,KAAK,EAAE,OAAOJ,QAAQ,CAAA;;AAE3B;IACA,iBAAIS,cAAK,CAACC,cAAc,CAACV,QAAQ,CAAC,IAAIA,QAAQ,CAACW,KAAK,CAACC,QAAQ,KAAK,IAAI,IAAIZ,QAAQ,CAACW,KAAK,CAACE,UAAU,KAAK,IAAI,EAAE;MAC1G,MAAMC,GAAG,GAAGC,SAAS,CAAEf,QAAQ,CAASc,GAAG,EAAEb,gBAAgB,CAAC,CAAA;AAC9D,MAAA,MAAMU,KAAK,GAAG;QAAE,GAAGX,QAAQ,CAACW,KAAK;AAAEG,QAAAA,GAAAA;OAAK,CAAA;;AAExC;MACA,IAAIR,MAAM,IAAIF,KAAK,KAAKO,KAAK,CAAC,YAAY,CAAC,EAAE;AACzC,QAAA,IAAIA,KAAK,CAACN,YAAY,CAAC,EAAEM,KAAK,CAACN,YAAY,CAAC,IAAI,GAAG,CAAC,KAC/CM,KAAK,CAACN,YAAY,CAAC,GAAG,EAAE,CAAA;AAC7BM,QAAAA,KAAK,CAACN,YAAY,CAAC,IAAIC,MAAM,CAAA;AACjC,OAAA;AAEA,MAAA,oBAAOU,YAAY,CAAChB,QAAQ,EAAEW,KAAK,CAAC,CAAA;AACxC,KAAA;IAEA,MAAMM,IAAI,GAAGX,MAAM,GAAG;AAAE,MAAA,CAACD,YAAY,GAAGC,MAAAA;AAAO,KAAC,GAAGC,SAAS,CAAA;AAC5D,IAAA,oBACIW,GAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,6BAA6B;AAACL,MAAAA,GAAG,EAAEb,gBAAiB;AAAA,MAAA,GAAKgB,IAAI;AAAAjB,MAAAA,QAAA,EACvEA,QAAAA;AAAQ,KACR,CAAC,CAAA;AAEd,GAAC,EAAE,CAACI,KAAK,EAAEJ,QAAQ,EAAEC,gBAAgB,EAAEK,MAAM,EAAED,YAAY,CAAC,CAAC,CAAA;AACjE;;;;"}