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

package/_internal/packages/lumx-react/src/components/text-field/TextField-843f8e28.js

@@ -1,362 +0,0 @@
-import { useRef, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import get from 'lodash/get';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { mergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { useId } from '../../hooks/useId-11687649.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Theme, Size, Emphasis, Kind } from '@lumx/core/js/constants';
-import { InputLabel } from '../input-label/InputLabel-7ce8e604.js';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-import { mdiAlertCircle } from '../../../../lumx-icons/dist/esm/alert-circle-893eb653.js';
-import { mdiCheckCircle } from '../../../../lumx-icons/dist/esm/check-circle-e47dacb8.js';
-import { IconButton } from '../button/IconButton-a740ce59.js';
-import { mdiCloseCircle } from '../../../../lumx-icons/dist/esm/close-circle-6f37d603.js';
-import { InputHelper } from '../input-helper/InputHelper-a6c7ec2d.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'TextField';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Default minimum number of rows in the multiline mode.
- */
-const DEFAULT_MIN_ROWS = 2;
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  type: 'text'
-};
-
-/**
- * Hook that allows to calculate the number of rows needed for a text area.
- * @param minimumRows Minimum number of rows that we want to display.
- * @return rows to be used and a callback to recalculate
- */
-const useComputeNumberOfRows = minimumRows => {
-  const [rows, setRows] = useState(minimumRows);
-  const recompute = target => {
-    /**
-     * HEAD's UP! This part is a little bit tricky. The idea here is to only
-     * display the necessary rows on the textarea. In order to dynamically adjust
-     * the height on that field, we need to:
-     * 1. Set the current amount of rows to the minimum. That will make the scroll appear.
-     * 2. With that, we will have the `scrollHeight`, meaning the height of the container adjusted to the current content
-     * 3. With the scroll height, we can figure out how many rows we need to use by dividing the scroll height
-     * by the line height.
-     * 4. With that number, we can readjust the number of rows on the text area. We need to do that here, if we leave that to
-     * the state change through React, there are some scenarios (resize, hitting ENTER or BACKSPACE which add or remove lines)
-     * when we will not see the update and the rows will be resized to the minimum.
-     * 5. In case there is any other update on the component that changes the UI, we need to keep the number of rows
-     * on the state in order to allow React to re-render. Therefore, we save them using `useState`
-     */
-    // eslint-disable-next-line no-param-reassign
-    target.rows = minimumRows;
-    let currentRows = target.scrollHeight / (target.clientHeight / minimumRows);
-    currentRows = currentRows >= minimumRows ? currentRows : minimumRows;
-    // eslint-disable-next-line no-param-reassign
-    target.rows = currentRows;
-    setRows(currentRows);
-  };
-  return {
-    recomputeNumberOfRows: recompute,
-    rows
-  };
-};
-const renderInputNative = props => {
-  const {
-    id,
-    isRequired,
-    placeholder,
-    multiline,
-    value,
-    setFocus,
-    onChange,
-    onFocus,
-    onBlur,
-    inputRef,
-    rows,
-    recomputeNumberOfRows,
-    type,
-    name,
-    hasError,
-    describedById,
-    ...forwardedProps
-  } = props;
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const ref = useRef(null);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useEffect(() => {
-    // Recompute the number of rows for the first rendering
-    if (multiline && ref && ref.current) {
-      recomputeNumberOfRows(ref.current);
-    }
-  }, [ref, multiline, recomputeNumberOfRows, value]);
-  const onTextFieldFocus = event => {
-    onFocus?.(event);
-    setFocus(true);
-  };
-  const onTextFieldBlur = event => {
-    onBlur?.(event);
-    setFocus(false);
-  };
-  const handleChange = event => {
-    onChange(get(event, 'target.value'), name, event);
-  };
-  const Component = multiline ? 'textarea' : 'input';
-  const inputProps = {
-    ...forwardedProps,
-    id,
-    className: multiline ? `${CLASSNAME}__input-native ${CLASSNAME}__input-native--textarea` : `${CLASSNAME}__input-native ${CLASSNAME}__input-native--text`,
-    placeholder,
-    value,
-    name,
-    required: isRequired,
-    onFocus: onTextFieldFocus,
-    onBlur: onTextFieldBlur,
-    onChange: handleChange,
-    'aria-invalid': hasError ? 'true' : undefined,
-    'aria-describedby': describedById,
-    readOnly: forwardedProps.readOnly || forwardedProps['aria-disabled'],
-    ref: mergeRefs(inputRef, ref)
-  };
-  if (multiline) {
-    inputProps.rows = rows;
-  } else {
-    inputProps.type = type;
-  }
-  return /*#__PURE__*/jsx(Component, {
-    ...inputProps
-  });
-};
-
-/**
- * TextField component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const TextField = forwardRef((props, ref) => {
-  const {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    chips,
-    className,
-    clearButtonProps,
-    error,
-    forceFocusStyle,
-    hasError,
-    helper,
-    icon,
-    id,
-    inputRef: inputRefProps,
-    isRequired,
-    isValid,
-    label,
-    labelProps,
-    maxLength,
-    minimumRows,
-    multiline,
-    name,
-    onBlur,
-    onChange,
-    onClear,
-    onFocus,
-    placeholder,
-    textFieldRef,
-    theme = defaultTheme,
-    type = DEFAULT_PROPS.type,
-    value,
-    afterElement,
-    ...forwardedProps
-  } = otherProps;
-  const generatedTextFieldId = useId();
-  const textFieldId = id || generatedTextFieldId;
-  /** Keep a clean local input ref to manage focus */
-  const localInputRef = useRef(null);
-  /** Merge prop input ref and local input ref */
-  const inputRef = mergeRefs(localInputRef, inputRefProps);
-  /**
-   * Generate unique ids for both the helper and error texts, in order to
-   * later on add them to the input native as aria-describedby. If both the error and the helper are present,
-   * we want to first use the most important one, which is the errorId. That way, screen readers will read first
-   * the error and then the helper
-   */
-  const helperId = helper ? `text-field-helper-${generatedTextFieldId}` : undefined;
-  const errorId = error ? `text-field-error-${generatedTextFieldId}` : undefined;
-  const describedByIds = [errorId, helperId, forwardedProps['aria-describedby']].filter(Boolean);
-  const describedById = describedByIds.length === 0 ? undefined : describedByIds.join(' ');
-  const [isFocus, setFocus] = useState(false);
-  const {
-    rows,
-    recomputeNumberOfRows
-  } = useComputeNumberOfRows(multiline ? minimumRows || DEFAULT_MIN_ROWS : 0);
-  const valueLength = (value || '').length;
-  const isNotEmpty = valueLength > 0;
-
-  /**
-   * Function triggered when the Clear Button is clicked.
-   * The idea is to execute the `onChange` callback with an empty string
-   * and remove focus from the clear button.
-   * @param evt On clear event.
-   */
-  const handleClear = evt => {
-    evt.nativeEvent.preventDefault();
-    evt.nativeEvent.stopPropagation();
-    evt.currentTarget.blur();
-    onChange('');
-    if (onClear) {
-      onClear(evt);
-    }
-
-    /** Use local inputRef in case the prop input ref is a `mergeRefs` function. */
-    const inputElement = localInputRef;
-    if (inputElement && inputElement.current) {
-      inputElement.current.focus();
-    }
-  };
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    className: classNames(className, handleBasicClasses({
-      hasChips: Boolean(chips),
-      hasError: !isValid && hasError,
-      hasIcon: Boolean(icon),
-      hasInput: !multiline,
-      hasInputClear: clearButtonProps && isNotEmpty,
-      hasLabel: Boolean(label),
-      hasPlaceholder: Boolean(placeholder),
-      hasTextarea: multiline,
-      hasValue: Boolean(value),
-      isDisabled: isAnyDisabled,
-      isFocus: isFocus || forceFocusStyle,
-      isValid,
-      prefix: CLASSNAME,
-      theme
-    })),
-    children: [(label || maxLength) && /*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__header`,
-      children: [label && /*#__PURE__*/jsx(InputLabel, {
-        ...labelProps,
-        htmlFor: textFieldId,
-        className: `${CLASSNAME}__label`,
-        isRequired: isRequired,
-        theme: theme,
-        children: label
-      }), maxLength && /*#__PURE__*/jsxs("div", {
-        className: `${CLASSNAME}__char-counter`,
-        children: [/*#__PURE__*/jsx("span", {
-          children: maxLength - valueLength
-        }), maxLength - valueLength === 0 && /*#__PURE__*/jsx(Icon, {
-          icon: mdiAlertCircle,
-          size: Size.xxs
-        })]
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__wrapper`,
-      ref: textFieldRef,
-      children: [icon && /*#__PURE__*/jsx(Icon, {
-        className: `${CLASSNAME}__input-icon`,
-        color: theme === Theme.dark ? 'light' : undefined,
-        icon: icon,
-        size: Size.xs
-      }), chips && /*#__PURE__*/jsxs("div", {
-        className: `${CLASSNAME}__chips`,
-        children: [chips, renderInputNative({
-          id: textFieldId,
-          inputRef,
-          ...disabledStateProps,
-          isRequired,
-          maxLength,
-          multiline,
-          onBlur,
-          onChange,
-          onFocus,
-          placeholder,
-          recomputeNumberOfRows,
-          rows,
-          setFocus,
-          type,
-          value,
-          name,
-          hasError,
-          describedById,
-          ...forwardedProps
-        })]
-      }), !chips && /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__input-wrapper`,
-        children: renderInputNative({
-          id: textFieldId,
-          inputRef,
-          ...disabledStateProps,
-          isRequired,
-          maxLength,
-          multiline,
-          onBlur,
-          onChange,
-          onFocus,
-          placeholder,
-          recomputeNumberOfRows,
-          rows,
-          setFocus,
-          type,
-          value,
-          name,
-          hasError,
-          describedById,
-          ...forwardedProps
-        })
-      }), (isValid || hasError) && /*#__PURE__*/jsx(Icon, {
-        className: `${CLASSNAME}__input-validity`,
-        color: theme === Theme.dark ? 'light' : undefined,
-        icon: isValid ? mdiCheckCircle : mdiAlertCircle,
-        size: Size.xxs
-      }), clearButtonProps && isNotEmpty && !isAnyDisabled && /*#__PURE__*/jsx(IconButton, {
-        ...clearButtonProps,
-        className: `${CLASSNAME}__input-clear`,
-        icon: mdiCloseCircle,
-        emphasis: Emphasis.low,
-        size: Size.s,
-        theme: theme,
-        onClick: handleClear,
-        type: "button"
-      }), afterElement && /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__after-element`,
-        children: afterElement
-      })]
-    }), hasError && error && /*#__PURE__*/jsx(InputHelper, {
-      className: `${CLASSNAME}__helper`,
-      kind: Kind.error,
-      theme: theme,
-      id: errorId,
-      children: error
-    }), helper && /*#__PURE__*/jsx(InputHelper, {
-      className: `${CLASSNAME}__helper`,
-      theme: theme,
-      id: helperId,
-      children: helper
-    })]
-  });
-});
-TextField.displayName = COMPONENT_NAME;
-TextField.className = CLASSNAME;
-TextField.defaultProps = DEFAULT_PROPS;
-
-export { TextField };
-//# sourceMappingURL=TextField-843f8e28.js.map

package/_internal/packages/lumx-react/src/components/text-field/TextField-843f8e28.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField-843f8e28.js","sources":["../../../../../../../src/components/text-field/TextField.tsx"],"sourcesContent":["import { ReactNode, Ref, RefObject, SyntheticEvent, useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\nimport get from 'lodash/get';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiCloseCircle } from '@lumx/icons';\nimport {\n    Emphasis,\n    Icon,\n    IconButton,\n    IconButtonProps,\n    InputHelper,\n    InputLabel,\n    InputLabelProps,\n    Kind,\n    Size,\n    Theme,\n} from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Defines the props of the component.\n */\nexport interface TextFieldProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** Chip Group to be rendered before the main text input. */\n    chips?: ReactNode;\n    /** Props to pass to the clear button (minus those already set by the TextField props). If not specified, the button won't be displayed. */\n    clearButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /** Error message. */\n    error?: string | ReactNode;\n    /** Whether we force the focus style or not. */\n    forceFocusStyle?: boolean;\n    /** Whether the text field is displayed with error style or not. */\n    hasError?: boolean;\n    /** Additional element to put at the end of the text field. */\n    afterElement?: ReactNode;\n    /** Helper text. */\n    helper?: string | ReactNode;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Native input id property (generated if not provided to link the label element). */\n    id?: string;\n    /** Reference to the <input> or <textarea> element. */\n    inputRef?: Ref<HTMLInputElement | HTMLTextAreaElement>;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is required or not. */\n    isRequired?: boolean;\n    /** Whether the text field is displayed with valid style or not. */\n    isValid?: boolean;\n    /** Label text. */\n    label?: string;\n    /** Additional label props. */\n    labelProps?: InputLabelProps;\n    /** Max string length the input accepts (constrains the input and displays a character counter). */\n    maxLength?: number;\n    /** Minimum number of rows displayed in multiline mode (requires `multiline` to be enabled). */\n    minimumRows?: number;\n    /** Whether the text field is a textarea or an input. */\n    multiline?: boolean;\n    /** Native input name property. */\n    name?: string;\n    /** Placeholder text. */\n    placeholder?: string;\n    /** Reference to the wrapper. */\n    textFieldRef?: Ref<HTMLDivElement>;\n    /** Native input type (only when `multiline` is disabled). */\n    type?: React.ComponentProps<'input'>['type'];\n    /** Value. */\n    value?: string;\n    /** On blur callback. */\n    onBlur?(event: React.FocusEvent): void;\n    /** On change callback. */\n    onChange(value: string, name?: string, event?: SyntheticEvent): void;\n    /** On clear callback. */\n    onClear?(event?: SyntheticEvent): void;\n    /** On focus callback. */\n    onFocus?(event: React.FocusEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TextField';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Default minimum number of rows in the multiline mode.\n */\nconst DEFAULT_MIN_ROWS = 2;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TextFieldProps> = {\n    type: 'text',\n};\n\n/**\n * Hook that allows to calculate the number of rows needed for a text area.\n * @param minimumRows Minimum number of rows that we want to display.\n * @return rows to be used and a callback to recalculate\n */\nconst useComputeNumberOfRows = (\n    minimumRows: number,\n): {\n    /** number of rows to be used on the text area */\n    rows: number;\n    /**\n     * Callback in order to recalculate the number of rows due to a change on the text area\n     */\n    recomputeNumberOfRows(target: Element): void;\n} => {\n    const [rows, setRows] = useState(minimumRows);\n\n    const recompute = (target: Element) => {\n        /**\n         * HEAD's UP! This part is a little bit tricky. The idea here is to only\n         * display the necessary rows on the textarea. In order to dynamically adjust\n         * the height on that field, we need to:\n         * 1. Set the current amount of rows to the minimum. That will make the scroll appear.\n         * 2. With that, we will have the `scrollHeight`, meaning the height of the container adjusted to the current content\n         * 3. With the scroll height, we can figure out how many rows we need to use by dividing the scroll height\n         * by the line height.\n         * 4. With that number, we can readjust the number of rows on the text area. We need to do that here, if we leave that to\n         * the state change through React, there are some scenarios (resize, hitting ENTER or BACKSPACE which add or remove lines)\n         * when we will not see the update and the rows will be resized to the minimum.\n         * 5. In case there is any other update on the component that changes the UI, we need to keep the number of rows\n         * on the state in order to allow React to re-render. Therefore, we save them using `useState`\n         */\n        // eslint-disable-next-line no-param-reassign\n        (target as HTMLTextAreaElement).rows = minimumRows;\n        let currentRows = target.scrollHeight / (target.clientHeight / minimumRows);\n        currentRows = currentRows >= minimumRows ? currentRows : minimumRows;\n        // eslint-disable-next-line no-param-reassign\n        (target as HTMLTextAreaElement).rows = currentRows;\n\n        setRows(currentRows);\n    };\n\n    return {\n        recomputeNumberOfRows: recompute,\n        rows,\n    };\n};\n\ninterface InputNativeProps {\n    id?: string;\n    inputRef?: TextFieldProps['inputRef'];\n    isDisabled?: boolean;\n    'aria-disabled'?: boolean;\n    isRequired?: boolean;\n    readOnly?: boolean;\n    multiline?: boolean;\n    maxLength?: number;\n    placeholder?: string;\n    rows: number;\n    type: TextFieldProps['type'];\n    name?: string;\n    value?: string;\n    setFocus(focus: boolean): void;\n    recomputeNumberOfRows(target: Element): void;\n    onChange(value: string, name?: string, event?: SyntheticEvent): void;\n    onFocus?(value: React.FocusEvent): void;\n    onBlur?(value: React.FocusEvent): void;\n    hasError?: boolean;\n    describedById?: string;\n}\n\nconst renderInputNative: React.FC<InputNativeProps> = (props) => {\n    const {\n        id,\n        isRequired,\n        placeholder,\n        multiline,\n        value,\n        setFocus,\n        onChange,\n        onFocus,\n        onBlur,\n        inputRef,\n        rows,\n        recomputeNumberOfRows,\n        type,\n        name,\n        hasError,\n        describedById,\n        ...forwardedProps\n    } = props;\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const ref = useRef<HTMLElement>(null);\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n        // Recompute the number of rows for the first rendering\n        if (multiline && ref && ref.current) {\n            recomputeNumberOfRows(ref.current);\n        }\n    }, [ref, multiline, recomputeNumberOfRows, value]);\n\n    const onTextFieldFocus = (event: React.FocusEvent) => {\n        onFocus?.(event);\n        setFocus(true);\n    };\n\n    const onTextFieldBlur = (event: React.FocusEvent) => {\n        onBlur?.(event);\n        setFocus(false);\n    };\n\n    const handleChange = (event: React.ChangeEvent) => {\n        onChange(get(event, 'target.value'), name, event);\n    };\n\n    const Component = multiline ? 'textarea' : 'input';\n    const inputProps: any = {\n        ...forwardedProps,\n        id,\n        className: multiline\n            ? `${CLASSNAME}__input-native ${CLASSNAME}__input-native--textarea`\n            : `${CLASSNAME}__input-native ${CLASSNAME}__input-native--text`,\n        placeholder,\n        value,\n        name,\n        required: isRequired,\n        onFocus: onTextFieldFocus,\n        onBlur: onTextFieldBlur,\n        onChange: handleChange,\n        'aria-invalid': hasError ? 'true' : undefined,\n        'aria-describedby': describedById,\n        readOnly: forwardedProps.readOnly || forwardedProps['aria-disabled'],\n        ref: mergeRefs(inputRef as any, ref) as any,\n    };\n    if (multiline) {\n        inputProps.rows = rows;\n    } else {\n        inputProps.type = type;\n    }\n    return <Component {...inputProps} />;\n};\n\n/**\n * TextField component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const TextField = forwardRef<TextFieldProps, HTMLDivElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        chips,\n        className,\n        clearButtonProps,\n        error,\n        forceFocusStyle,\n        hasError,\n        helper,\n        icon,\n        id,\n        inputRef: inputRefProps,\n        isRequired,\n        isValid,\n        label,\n        labelProps,\n        maxLength,\n        minimumRows,\n        multiline,\n        name,\n        onBlur,\n        onChange,\n        onClear,\n        onFocus,\n        placeholder,\n        textFieldRef,\n        theme = defaultTheme,\n        type = DEFAULT_PROPS.type,\n        value,\n        afterElement,\n        ...forwardedProps\n    } = otherProps;\n    const generatedTextFieldId = useId();\n    const textFieldId = id || generatedTextFieldId;\n    /** Keep a clean local input ref to manage focus */\n    const localInputRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n    /** Merge prop input ref and local input ref */\n    const inputRef = mergeRefs(localInputRef, inputRefProps);\n    /**\n     * Generate unique ids for both the helper and error texts, in order to\n     * later on add them to the input native as aria-describedby. If both the error and the helper are present,\n     * we want to first use the most important one, which is the errorId. That way, screen readers will read first\n     * the error and then the helper\n     */\n    const helperId = helper ? `text-field-helper-${generatedTextFieldId}` : undefined;\n    const errorId = error ? `text-field-error-${generatedTextFieldId}` : undefined;\n    const describedByIds = [errorId, helperId, forwardedProps['aria-describedby']].filter(Boolean);\n    const describedById = describedByIds.length === 0 ? undefined : describedByIds.join(' ');\n\n    const [isFocus, setFocus] = useState(false);\n    const { rows, recomputeNumberOfRows } = useComputeNumberOfRows(multiline ? minimumRows || DEFAULT_MIN_ROWS : 0);\n    const valueLength = (value || '').length;\n    const isNotEmpty = valueLength > 0;\n\n    /**\n     * Function triggered when the Clear Button is clicked.\n     * The idea is to execute the `onChange` callback with an empty string\n     * and remove focus from the clear button.\n     * @param evt On clear event.\n     */\n    const handleClear = (evt: React.ChangeEvent) => {\n        evt.nativeEvent.preventDefault();\n        evt.nativeEvent.stopPropagation();\n        (evt.currentTarget as HTMLElement).blur();\n\n        onChange('');\n\n        if (onClear) {\n            onClear(evt);\n        }\n\n        /** Use local inputRef in case the prop input ref is a `mergeRefs` function. */\n        const inputElement = localInputRef as RefObject<HTMLInputElement | HTMLTextAreaElement>;\n\n        if (inputElement && inputElement.current) {\n            inputElement.current.focus();\n        }\n    };\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    hasChips: Boolean(chips),\n                    hasError: !isValid && hasError,\n                    hasIcon: Boolean(icon),\n                    hasInput: !multiline,\n                    hasInputClear: clearButtonProps && isNotEmpty,\n                    hasLabel: Boolean(label),\n                    hasPlaceholder: Boolean(placeholder),\n                    hasTextarea: multiline,\n                    hasValue: Boolean(value),\n                    isDisabled: isAnyDisabled,\n                    isFocus: isFocus || forceFocusStyle,\n                    isValid,\n                    prefix: CLASSNAME,\n                    theme,\n                }),\n            )}\n        >\n            {(label || maxLength) && (\n                <div className={`${CLASSNAME}__header`}>\n                    {label && (\n                        <InputLabel\n                            {...labelProps}\n                            htmlFor={textFieldId}\n                            className={`${CLASSNAME}__label`}\n                            isRequired={isRequired}\n                            theme={theme}\n                        >\n                            {label}\n                        </InputLabel>\n                    )}\n\n                    {maxLength && (\n                        <div className={`${CLASSNAME}__char-counter`}>\n                            <span>{maxLength - valueLength}</span>\n                            {maxLength - valueLength === 0 && <Icon icon={mdiAlertCircle} size={Size.xxs} />}\n                        </div>\n                    )}\n                </div>\n            )}\n\n            <div className={`${CLASSNAME}__wrapper`} ref={textFieldRef}>\n                {icon && (\n                    <Icon\n                        className={`${CLASSNAME}__input-icon`}\n                        color={theme === Theme.dark ? 'light' : undefined}\n                        icon={icon}\n                        size={Size.xs}\n                    />\n                )}\n\n                {chips && (\n                    <div className={`${CLASSNAME}__chips`}>\n                        {chips}\n\n                        {renderInputNative({\n                            id: textFieldId,\n                            inputRef,\n                            ...disabledStateProps,\n                            isRequired,\n                            maxLength,\n                            multiline,\n                            onBlur,\n                            onChange,\n                            onFocus,\n                            placeholder,\n                            recomputeNumberOfRows,\n                            rows,\n                            setFocus,\n                            type,\n                            value,\n                            name,\n                            hasError,\n                            describedById,\n                            ...forwardedProps,\n                        })}\n                    </div>\n                )}\n\n                {!chips && (\n                    <div className={`${CLASSNAME}__input-wrapper`}>\n                        {renderInputNative({\n                            id: textFieldId,\n                            inputRef,\n                            ...disabledStateProps,\n                            isRequired,\n                            maxLength,\n                            multiline,\n                            onBlur,\n                            onChange,\n                            onFocus,\n                            placeholder,\n                            recomputeNumberOfRows,\n                            rows,\n                            setFocus,\n                            type,\n                            value,\n                            name,\n                            hasError,\n                            describedById,\n                            ...forwardedProps,\n                        })}\n                    </div>\n                )}\n\n                {(isValid || hasError) && (\n                    <Icon\n                        className={`${CLASSNAME}__input-validity`}\n                        color={theme === Theme.dark ? 'light' : undefined}\n                        icon={isValid ? mdiCheckCircle : mdiAlertCircle}\n                        size={Size.xxs}\n                    />\n                )}\n\n                {clearButtonProps && isNotEmpty && !isAnyDisabled && (\n                    <IconButton\n                        {...clearButtonProps}\n                        className={`${CLASSNAME}__input-clear`}\n                        icon={mdiCloseCircle}\n                        emphasis={Emphasis.low}\n                        size={Size.s}\n                        theme={theme}\n                        onClick={handleClear}\n                        type=\"button\"\n                    />\n                )}\n\n                {afterElement && <div className={`${CLASSNAME}__after-element`}>{afterElement}</div>}\n            </div>\n\n            {hasError && error && (\n                <InputHelper className={`${CLASSNAME}__helper`} kind={Kind.error} theme={theme} id={errorId}>\n                    {error}\n                </InputHelper>\n            )}\n\n            {helper && (\n                <InputHelper className={`${CLASSNAME}__helper`} theme={theme} id={helperId}>\n                    {helper}\n                </InputHelper>\n            )}\n        </div>\n    );\n});\nTextField.displayName = COMPONENT_NAME;\nTextField.className = CLASSNAME;\nTextField.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_MIN_ROWS","DEFAULT_PROPS","type","useComputeNumberOfRows","minimumRows","rows","setRows","useState","recompute","target","currentRows","scrollHeight","clientHeight","recomputeNumberOfRows","renderInputNative","props","id","isRequired","placeholder","multiline","value","setFocus","onChange","onFocus","onBlur","inputRef","name","hasError","describedById","forwardedProps","ref","useRef","useEffect","current","onTextFieldFocus","event","onTextFieldBlur","handleChange","get","Component","inputProps","className","required","undefined","readOnly","mergeRefs","_jsx","TextField","forwardRef","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","chips","clearButtonProps","error","forceFocusStyle","helper","icon","inputRefProps","isValid","label","labelProps","maxLength","onClear","textFieldRef","theme","afterElement","generatedTextFieldId","useId","textFieldId","localInputRef","helperId","errorId","describedByIds","filter","Boolean","length","join","isFocus","valueLength","isNotEmpty","handleClear","evt","nativeEvent","preventDefault","stopPropagation","currentTarget","blur","inputElement","focus","_jsxs","classNames","handleBasicClasses","hasChips","hasIcon","hasInput","hasInputClear","hasLabel","hasPlaceholder","hasTextarea","hasValue","isDisabled","prefix","children","InputLabel","htmlFor","Icon","mdiAlertCircle","size","Size","xxs","color","dark","xs","mdiCheckCircle","IconButton","mdiCloseCircle","emphasis","Emphasis","low","s","onClick","InputHelper","kind","Kind","displayName","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAwFA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,gBAAgB,GAAG,CAAC,CAAA;;AAE1B;AACA;AACA;AACA,MAAMC,aAAsC,GAAG;AAC3CC,EAAAA,IAAI,EAAE,MAAA;AACV,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMC,sBAAsB,GACxBC,WAAmB,IAQlB;EACD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAACH,WAAW,CAAC,CAAA;EAE7C,MAAMI,SAAS,GAAIC,MAAe,IAAK;AACnC;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACQ;IACCA,MAAM,CAAyBJ,IAAI,GAAGD,WAAW,CAAA;IAClD,IAAIM,WAAW,GAAGD,MAAM,CAACE,YAAY,IAAIF,MAAM,CAACG,YAAY,GAAGR,WAAW,CAAC,CAAA;AAC3EM,IAAAA,WAAW,GAAGA,WAAW,IAAIN,WAAW,GAAGM,WAAW,GAAGN,WAAW,CAAA;AACpE;IACCK,MAAM,CAAyBJ,IAAI,GAAGK,WAAW,CAAA;IAElDJ,OAAO,CAACI,WAAW,CAAC,CAAA;GACvB,CAAA;EAED,OAAO;AACHG,IAAAA,qBAAqB,EAAEL,SAAS;AAChCH,IAAAA,IAAAA;GACH,CAAA;AACL,CAAC,CAAA;AAyBD,MAAMS,iBAA6C,GAAIC,KAAK,IAAK;EAC7D,MAAM;IACFC,EAAE;IACFC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRpB,IAAI;IACJQ,qBAAqB;IACrBX,IAAI;IACJwB,IAAI;IACJC,QAAQ;IACRC,aAAa;IACb,GAAGC,cAAAA;AACP,GAAC,GAAGd,KAAK,CAAA;AACT;AACA,EAAA,MAAMe,GAAG,GAAGC,MAAM,CAAc,IAAI,CAAC,CAAA;;AAErC;AACAC,EAAAA,SAAS,CAAC,MAAM;AACZ;AACA,IAAA,IAAIb,SAAS,IAAIW,GAAG,IAAIA,GAAG,CAACG,OAAO,EAAE;AACjCpB,MAAAA,qBAAqB,CAACiB,GAAG,CAACG,OAAO,CAAC,CAAA;AACtC,KAAA;GACH,EAAE,CAACH,GAAG,EAAEX,SAAS,EAAEN,qBAAqB,EAAEO,KAAK,CAAC,CAAC,CAAA;EAElD,MAAMc,gBAAgB,GAAIC,KAAuB,IAAK;IAClDZ,OAAO,GAAGY,KAAK,CAAC,CAAA;IAChBd,QAAQ,CAAC,IAAI,CAAC,CAAA;GACjB,CAAA;EAED,MAAMe,eAAe,GAAID,KAAuB,IAAK;IACjDX,MAAM,GAAGW,KAAK,CAAC,CAAA;IACfd,QAAQ,CAAC,KAAK,CAAC,CAAA;GAClB,CAAA;EAED,MAAMgB,YAAY,GAAIF,KAAwB,IAAK;IAC/Cb,QAAQ,CAACgB,GAAG,CAACH,KAAK,EAAE,cAAc,CAAC,EAAET,IAAI,EAAES,KAAK,CAAC,CAAA;GACpD,CAAA;AAED,EAAA,MAAMI,SAAS,GAAGpB,SAAS,GAAG,UAAU,GAAG,OAAO,CAAA;AAClD,EAAA,MAAMqB,UAAe,GAAG;AACpB,IAAA,GAAGX,cAAc;IACjBb,EAAE;AACFyB,IAAAA,SAAS,EAAEtB,SAAS,GACd,CAAA,EAAGrB,SAAS,CAAA,eAAA,EAAkBA,SAAS,CAAA,wBAAA,CAA0B,GACjE,CAAA,EAAGA,SAAS,CAAA,eAAA,EAAkBA,SAAS,CAAsB,oBAAA,CAAA;IACnEoB,WAAW;IACXE,KAAK;IACLM,IAAI;AACJgB,IAAAA,QAAQ,EAAEzB,UAAU;AACpBM,IAAAA,OAAO,EAAEW,gBAAgB;AACzBV,IAAAA,MAAM,EAAEY,eAAe;AACvBd,IAAAA,QAAQ,EAAEe,YAAY;AACtB,IAAA,cAAc,EAAEV,QAAQ,GAAG,MAAM,GAAGgB,SAAS;AAC7C,IAAA,kBAAkB,EAAEf,aAAa;IACjCgB,QAAQ,EAAEf,cAAc,CAACe,QAAQ,IAAIf,cAAc,CAAC,eAAe,CAAC;AACpEC,IAAAA,GAAG,EAAEe,SAAS,CAACpB,QAAQ,EAASK,GAAG,CAAA;GACtC,CAAA;AACD,EAAA,IAAIX,SAAS,EAAE;IACXqB,UAAU,CAACnC,IAAI,GAAGA,IAAI,CAAA;AAC1B,GAAC,MAAM;IACHmC,UAAU,CAACtC,IAAI,GAAGA,IAAI,CAAA;AAC1B,GAAA;EACA,oBAAO4C,GAAA,CAACP,SAAS,EAAA;IAAA,GAAKC,UAAAA;AAAU,GAAG,CAAC,CAAA;AACxC,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,SAAS,GAAGC,UAAU,CAAiC,CAACjC,KAAK,EAAEe,GAAG,KAAK;EAChF,MAAM;IAAEmB,aAAa;IAAEC,kBAAkB;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAGC,oBAAoB,CAACrC,KAAK,CAAC,CAAA;EACrF,MAAMsC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFC,KAAK;IACLhB,SAAS;IACTiB,gBAAgB;IAChBC,KAAK;IACLC,eAAe;IACfjC,QAAQ;IACRkC,MAAM;IACNC,IAAI;IACJ9C,EAAE;AACFS,IAAAA,QAAQ,EAAEsC,aAAa;IACvB9C,UAAU;IACV+C,OAAO;IACPC,KAAK;IACLC,UAAU;IACVC,SAAS;IACT/D,WAAW;IACXe,SAAS;IACTO,IAAI;IACJF,MAAM;IACNF,QAAQ;IACR8C,OAAO;IACP7C,OAAO;IACPL,WAAW;IACXmD,YAAY;AACZC,IAAAA,KAAK,GAAGjB,YAAY;IACpBnD,IAAI,GAAGD,aAAa,CAACC,IAAI;IACzBkB,KAAK;IACLmD,YAAY;IACZ,GAAG1C,cAAAA;AACP,GAAC,GAAGsB,UAAU,CAAA;AACd,EAAA,MAAMqB,oBAAoB,GAAGC,KAAK,EAAE,CAAA;AACpC,EAAA,MAAMC,WAAW,GAAG1D,EAAE,IAAIwD,oBAAoB,CAAA;AAC9C;AACA,EAAA,MAAMG,aAAa,GAAG5C,MAAM,CAAgD,IAAI,CAAC,CAAA;AACjF;AACA,EAAA,MAAMN,QAAQ,GAAGoB,SAAS,CAAC8B,aAAa,EAAEZ,aAAa,CAAC,CAAA;AACxD;AACJ;AACA;AACA;AACA;AACA;EACI,MAAMa,QAAQ,GAAGf,MAAM,GAAG,qBAAqBW,oBAAoB,CAAA,CAAE,GAAG7B,SAAS,CAAA;EACjF,MAAMkC,OAAO,GAAGlB,KAAK,GAAG,oBAAoBa,oBAAoB,CAAA,CAAE,GAAG7B,SAAS,CAAA;AAC9E,EAAA,MAAMmC,cAAc,GAAG,CAACD,OAAO,EAAED,QAAQ,EAAE/C,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAACkD,MAAM,CAACC,OAAO,CAAC,CAAA;AAC9F,EAAA,MAAMpD,aAAa,GAAGkD,cAAc,CAACG,MAAM,KAAK,CAAC,GAAGtC,SAAS,GAAGmC,cAAc,CAACI,IAAI,CAAC,GAAG,CAAC,CAAA;EAExF,MAAM,CAACC,OAAO,EAAE9D,QAAQ,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC,CAAA;EAC3C,MAAM;IAAEF,IAAI;AAAEQ,IAAAA,qBAAAA;GAAuB,GAAGV,sBAAsB,CAACgB,SAAS,GAAGf,WAAW,IAAIJ,gBAAgB,GAAG,CAAC,CAAC,CAAA;AAC/G,EAAA,MAAMoF,WAAW,GAAG,CAAChE,KAAK,IAAI,EAAE,EAAE6D,MAAM,CAAA;AACxC,EAAA,MAAMI,UAAU,GAAGD,WAAW,GAAG,CAAC,CAAA;;AAElC;AACJ;AACA;AACA;AACA;AACA;EACI,MAAME,WAAW,GAAIC,GAAsB,IAAK;AAC5CA,IAAAA,GAAG,CAACC,WAAW,CAACC,cAAc,EAAE,CAAA;AAChCF,IAAAA,GAAG,CAACC,WAAW,CAACE,eAAe,EAAE,CAAA;AAChCH,IAAAA,GAAG,CAACI,aAAa,CAAiBC,IAAI,EAAE,CAAA;IAEzCtE,QAAQ,CAAC,EAAE,CAAC,CAAA;AAEZ,IAAA,IAAI8C,OAAO,EAAE;MACTA,OAAO,CAACmB,GAAG,CAAC,CAAA;AAChB,KAAA;;AAEA;IACA,MAAMM,YAAY,GAAGlB,aAAkE,CAAA;AAEvF,IAAA,IAAIkB,YAAY,IAAIA,YAAY,CAAC5D,OAAO,EAAE;AACtC4D,MAAAA,YAAY,CAAC5D,OAAO,CAAC6D,KAAK,EAAE,CAAA;AAChC,KAAA;GACH,CAAA;AAED,EAAA,oBACIC,IAAA,CAAA,KAAA,EAAA;AACIjE,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,SAAS,EAAEuD,UAAU,CACjBvD,SAAS,EACTwD,kBAAkB,CAAC;AACfC,MAAAA,QAAQ,EAAElB,OAAO,CAACvB,KAAK,CAAC;AACxB9B,MAAAA,QAAQ,EAAE,CAACqC,OAAO,IAAIrC,QAAQ;AAC9BwE,MAAAA,OAAO,EAAEnB,OAAO,CAAClB,IAAI,CAAC;MACtBsC,QAAQ,EAAE,CAACjF,SAAS;MACpBkF,aAAa,EAAE3C,gBAAgB,IAAI2B,UAAU;AAC7CiB,MAAAA,QAAQ,EAAEtB,OAAO,CAACf,KAAK,CAAC;AACxBsC,MAAAA,cAAc,EAAEvB,OAAO,CAAC9D,WAAW,CAAC;AACpCsF,MAAAA,WAAW,EAAErF,SAAS;AACtBsF,MAAAA,QAAQ,EAAEzB,OAAO,CAAC5D,KAAK,CAAC;AACxBsF,MAAAA,UAAU,EAAEzD,aAAa;MACzBkC,OAAO,EAAEA,OAAO,IAAIvB,eAAe;MACnCI,OAAO;AACP2C,MAAAA,MAAM,EAAE7G,SAAS;AACjBwE,MAAAA,KAAAA;AACJ,KAAC,CACL,CAAE;AAAAsC,IAAAA,QAAA,GAED,CAAC3C,KAAK,IAAIE,SAAS,kBAChB4B,IAAA,CAAA,KAAA,EAAA;MAAKtD,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAW,QAAA,CAAA;AAAA8G,MAAAA,QAAA,EAClC3C,CAAAA,KAAK,iBACFnB,GAAA,CAAC+D,UAAU,EAAA;AAAA,QAAA,GACH3C,UAAU;AACd4C,QAAAA,OAAO,EAAEpC,WAAY;QACrBjC,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAU,OAAA,CAAA;AACjCmB,QAAAA,UAAU,EAAEA,UAAW;AACvBqD,QAAAA,KAAK,EAAEA,KAAM;AAAAsC,QAAAA,QAAA,EAEZ3C,KAAAA;AAAK,OACE,CACf,EAEAE,SAAS,iBACN4B,IAAA,CAAA,KAAA,EAAA;QAAKtD,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAiB,cAAA,CAAA;AAAA8G,QAAAA,QAAA,gBACzC9D,GAAA,CAAA,MAAA,EAAA;UAAA8D,QAAA,EAAOzC,SAAS,GAAGiB,WAAAA;SAAkB,CAAC,EACrCjB,SAAS,GAAGiB,WAAW,KAAK,CAAC,iBAAItC,GAAA,CAACiE,IAAI,EAAA;AAACjD,UAAAA,IAAI,EAAEkD,cAAe;UAACC,IAAI,EAAEC,IAAI,CAACC,GAAAA;AAAI,SAAE,CAAC,CAAA;AAAA,OAC/E,CACR,CAAA;KACA,CACR,eAEDpB,IAAA,CAAA,KAAA,EAAA;MAAKtD,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAY,SAAA,CAAA;AAACgC,MAAAA,GAAG,EAAEuC,YAAa;AAAAuC,MAAAA,QAAA,EACtD9C,CAAAA,IAAI,iBACDhB,GAAA,CAACiE,IAAI,EAAA;QACDtE,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAe,YAAA,CAAA;QACtCsH,KAAK,EAAE9C,KAAK,KAAKf,KAAK,CAAC8D,IAAI,GAAG,OAAO,GAAG1E,SAAU;AAClDmB,QAAAA,IAAI,EAAEA,IAAK;QACXmD,IAAI,EAAEC,IAAI,CAACI,EAAAA;AAAG,OACjB,CACJ,EAEA7D,KAAK,iBACFsC,IAAA,CAAA,KAAA,EAAA;QAAKtD,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAU,OAAA,CAAA;AAAA8G,QAAAA,QAAA,EACjCnD,CAAAA,KAAK,EAEL3C,iBAAiB,CAAC;AACfE,UAAAA,EAAE,EAAE0D,WAAW;UACfjD,QAAQ;AACR,UAAA,GAAGyB,kBAAkB;UACrBjC,UAAU;UACVkD,SAAS;UACThD,SAAS;UACTK,MAAM;UACNF,QAAQ;UACRC,OAAO;UACPL,WAAW;UACXL,qBAAqB;UACrBR,IAAI;UACJgB,QAAQ;UACRnB,IAAI;UACJkB,KAAK;UACLM,IAAI;UACJC,QAAQ;UACRC,aAAa;UACb,GAAGC,cAAAA;AACP,SAAC,CAAC,CAAA;AAAA,OACD,CACR,EAEA,CAAC4B,KAAK,iBACHX,GAAA,CAAA,KAAA,EAAA;QAAKL,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAkB,eAAA,CAAA;QAAA8G,QAAA,EACzC9F,iBAAiB,CAAC;AACfE,UAAAA,EAAE,EAAE0D,WAAW;UACfjD,QAAQ;AACR,UAAA,GAAGyB,kBAAkB;UACrBjC,UAAU;UACVkD,SAAS;UACThD,SAAS;UACTK,MAAM;UACNF,QAAQ;UACRC,OAAO;UACPL,WAAW;UACXL,qBAAqB;UACrBR,IAAI;UACJgB,QAAQ;UACRnB,IAAI;UACJkB,KAAK;UACLM,IAAI;UACJC,QAAQ;UACRC,aAAa;UACb,GAAGC,cAAAA;SACN,CAAA;OACA,CACR,EAEA,CAACmC,OAAO,IAAIrC,QAAQ,kBACjBmB,GAAA,CAACiE,IAAI,EAAA;QACDtE,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAmB,gBAAA,CAAA;QAC1CsH,KAAK,EAAE9C,KAAK,KAAKf,KAAK,CAAC8D,IAAI,GAAG,OAAO,GAAG1E,SAAU;AAClDmB,QAAAA,IAAI,EAAEE,OAAO,GAAGuD,cAAc,GAAGP,cAAe;QAChDC,IAAI,EAAEC,IAAI,CAACC,GAAAA;OACd,CACJ,EAEAzD,gBAAgB,IAAI2B,UAAU,IAAI,CAACpC,aAAa,iBAC7CH,GAAA,CAAC0E,UAAU,EAAA;AAAA,QAAA,GACH9D,gBAAgB;QACpBjB,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAgB,aAAA,CAAA;AACvCgE,QAAAA,IAAI,EAAE2D,cAAe;QACrBC,QAAQ,EAAEC,QAAQ,CAACC,GAAI;QACvBX,IAAI,EAAEC,IAAI,CAACW,CAAE;AACbvD,QAAAA,KAAK,EAAEA,KAAM;AACbwD,QAAAA,OAAO,EAAExC,WAAY;AACrBpF,QAAAA,IAAI,EAAC,QAAA;AAAQ,OAChB,CACJ,EAEAqE,YAAY,iBAAIzB,GAAA,CAAA,KAAA,EAAA;QAAKL,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAkB,eAAA,CAAA;AAAA8G,QAAAA,QAAA,EAAErC,YAAAA;AAAY,OAAM,CAAC,CAAA;KACnF,CAAC,EAEL5C,QAAQ,IAAIgC,KAAK,iBACdb,GAAA,CAACiF,WAAW,EAAA;MAACtF,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAW,QAAA,CAAA;MAACkI,IAAI,EAAEC,IAAI,CAACtE,KAAM;AAACW,MAAAA,KAAK,EAAEA,KAAM;AAACtD,MAAAA,EAAE,EAAE6D,OAAQ;AAAA+B,MAAAA,QAAA,EACvFjD,KAAAA;AAAK,KACG,CAChB,EAEAE,MAAM,iBACHf,GAAA,CAACiF,WAAW,EAAA;MAACtF,SAAS,EAAE,CAAG3C,EAAAA,SAAS,CAAW,QAAA,CAAA;AAACwE,MAAAA,KAAK,EAAEA,KAAM;AAACtD,MAAAA,EAAE,EAAE4D,QAAS;AAAAgC,MAAAA,QAAA,EACtE/C,MAAAA;AAAM,KACE,CAChB,CAAA;AAAA,GACA,CAAC,CAAA;AAEd,CAAC,EAAC;AACFd,SAAS,CAACmF,WAAW,GAAGrI,cAAc,CAAA;AACtCkD,SAAS,CAACN,SAAS,GAAG3C,SAAS,CAAA;AAC/BiD,SAAS,CAACoF,YAAY,GAAGlI,aAAa;;;;"}

package/_internal/packages/lumx-react/src/components/thumbnail/Thumbnail-49bab66c.js

@@ -1,179 +0,0 @@
-import React__default, { useState } from 'react';
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useMergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { useImageLoad } from './useImageLoad-7af4a428.js';
-import { useFocusPointStyle } from './useFocusPointStyle-b4018f8d.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { RawClickable } from '../../utils/react/RawClickable-e5e3e5c6.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
-import { mdiImageBroken } from '../../../../lumx-icons/dist/esm/image-broken-1060c47e.js';
-import { Theme, AspectRatio, Size } from '@lumx/core/js/constants';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Thumbnail';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  fallback: mdiImageBroken,
-  loading: 'lazy'
-};
-
-/**
- * Thumbnail component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Thumbnail = forwardRef((props, ref) => {
-  const {
-    isAnyDisabled,
-    otherProps,
-    disabledStateProps
-  } = useDisableStateProps(props);
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    align,
-    alt,
-    aspectRatio = AspectRatio.original,
-    badge,
-    className,
-    crossOrigin,
-    fallback = DEFAULT_PROPS.fallback,
-    fillHeight,
-    // `focusPoint` needs to be here to remove it from `forwardedProps`.
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    focusPoint,
-    image,
-    imgProps,
-    imgRef: propImgRef,
-    isLoading: isLoadingProp,
-    objectFit,
-    loading = DEFAULT_PROPS.loading,
-    loadingPlaceholderImageRef,
-    size,
-    theme = defaultTheme,
-    variant,
-    linkProps,
-    linkAs,
-    ...forwardedProps
-  } = otherProps;
-  const [imgElement, setImgElement] = useState();
-
-  // Image loading state.
-  const loadingState = useImageLoad(image, imgElement);
-  const isLoaded = loadingState === 'isLoaded';
-  const isLoading = isLoadingProp || loadingState === 'isLoading';
-  const hasError = loadingState === 'hasError';
-
-  // Focus point.
-  const focusPointStyle = useFocusPointStyle(props, imgElement, isLoaded);
-  const hasIconErrorFallback = hasError && typeof fallback === 'string';
-  const hasCustomErrorFallback = hasError && !hasIconErrorFallback;
-  const imageErrorStyle = {};
-  if (hasIconErrorFallback) {
-    // Keep the image layout on icon fallback.
-    imageErrorStyle.visibility = 'hidden';
-  } else if (hasCustomErrorFallback) {
-    // Remove the image on custom fallback.
-    imageErrorStyle.display = 'none';
-  }
-  const isLink = Boolean(linkProps?.href || linkAs);
-  const isClickable = !isAnyDisabled && Boolean(isLink || !!forwardedProps.onClick);
-  const Wrapper = isClickable ? RawClickable : 'div';
-  const wrapperProps = {
-    ...forwardedProps
-  };
-  if (isClickable) {
-    Object.assign(wrapperProps, {
-      as: linkAs || (linkProps?.href ? 'a' : 'button')
-    }, disabledStateProps);
-    if (isLink) {
-      Object.assign(wrapperProps, linkProps);
-    } else {
-      wrapperProps['aria-label'] = forwardedProps['aria-label'] || alt;
-    }
-  }
-
-  // If we have a loading placeholder image that is really loaded (complete)
-  const loadingPlaceholderImage = isLoading && loadingPlaceholderImageRef?.current?.complete && loadingPlaceholderImageRef?.current || undefined;
-
-  // Set loading placeholder image as background
-  const loadingStyle = loadingPlaceholderImage ? {
-    backgroundImage: `url(${loadingPlaceholderImage.src})`
-  } : undefined;
-  return /*#__PURE__*/jsxs(Wrapper, {
-    ...wrapperProps,
-    ref: ref,
-    className: classNames(linkProps?.className, className, handleBasicClasses({
-      align,
-      aspectRatio,
-      prefix: CLASSNAME,
-      size,
-      theme,
-      variant,
-      isClickable,
-      hasError,
-      hasIconErrorFallback,
-      hasCustomErrorFallback,
-      isLoading,
-      objectFit,
-      hasBadge: !!badge
-    }), fillHeight && `${CLASSNAME}--fill-height`),
-    children: [/*#__PURE__*/jsxs("span", {
-      className: `${CLASSNAME}__background`,
-      children: [/*#__PURE__*/jsx("img", {
-        // Use placeholder image size
-        width: loadingPlaceholderImage?.naturalWidth,
-        height: loadingPlaceholderImage?.naturalHeight,
-        ...imgProps,
-        style: {
-          // Reserve space while loading (when possible)
-          width: isLoading ? imgProps?.width || loadingPlaceholderImage?.naturalWidth : undefined,
-          ...imgProps?.style,
-          ...imageErrorStyle,
-          ...focusPointStyle,
-          ...loadingStyle
-        },
-        ref: useMergeRefs(setImgElement, propImgRef),
-        className: classNames(handleBasicClasses({
-          prefix: `${CLASSNAME}__image`,
-          isLoading,
-          hasDefinedSize: Boolean(imgProps?.height && imgProps.width)
-        }), imgProps?.className),
-        crossOrigin: crossOrigin,
-        src: image,
-        alt: alt,
-        loading: loading
-      }), !isLoading && hasError && /*#__PURE__*/jsx("span", {
-        className: `${CLASSNAME}__fallback`,
-        children: hasIconErrorFallback ? /*#__PURE__*/jsx(Icon, {
-          icon: fallback,
-          size: Size.xxs,
-          theme: theme
-        }) : fallback
-      })]
-    }), badge && /*#__PURE__*/React__default.cloneElement(badge, {
-      className: classNames(`${CLASSNAME}__badge`, badge.props.className)
-    })]
-  });
-});
-Thumbnail.displayName = COMPONENT_NAME;
-Thumbnail.className = CLASSNAME;
-Thumbnail.defaultProps = DEFAULT_PROPS;
-
-export { Thumbnail };
-//# sourceMappingURL=Thumbnail-49bab66c.js.map

package/_internal/packages/lumx-react/src/components/thumbnail/Thumbnail-49bab66c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Thumbnail-49bab66c.js","sources":["../../../../../../../src/components/thumbnail/Thumbnail.tsx"],"sourcesContent":["import React, {\n    CSSProperties,\n    ImgHTMLAttributes,\n    KeyboardEventHandler,\n    MouseEventHandler,\n    ReactElement,\n    ReactNode,\n    Ref,\n    useState,\n} from 'react';\n\nimport classNames from 'classnames';\n\nimport { AspectRatio, HorizontalAlignment, Icon, Size, Theme, ThumbnailObjectFit } from '@lumx/react';\nimport { Falsy, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mdiImageBroken } from '@lumx/icons';\nimport { useMergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useImageLoad } from '@lumx/react/components/thumbnail/useImageLoad';\nimport { useFocusPointStyle } from '@lumx/react/components/thumbnail/useFocusPointStyle';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useDisableStateProps } from '@lumx/react/utils/disabled';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\nimport { FocusPoint, ThumbnailSize, ThumbnailVariant } from './types';\n\ntype ImgHTMLProps = ImgHTMLAttributes<HTMLImageElement>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ThumbnailProps extends GenericProps, HasTheme {\n    /** Alignment of the thumbnail in it's parent (requires flex parent). */\n    align?: HorizontalAlignment;\n    /** Image alternative text. */\n    alt: string;\n    /** Image aspect ratio. */\n    aspectRatio?: AspectRatio;\n    /** Badge. */\n    badge?: ReactElement | Falsy;\n    /** Image cross origin resource policy. */\n    crossOrigin?: ImgHTMLProps['crossOrigin'];\n    /** Fallback icon (SVG path) or react node when image fails to load. */\n    fallback?: string | ReactNode;\n    /** Whether the thumbnail should fill it's parent size (requires flex parent) or not. */\n    fillHeight?: boolean;\n    /** Apply relative vertical and horizontal shift (from -1 to 1) on the image position inside the thumbnail. */\n    focusPoint?: FocusPoint;\n    /** Image URL. */\n    image: string;\n    /** Props to inject into the native <img> element. */\n    imgProps?: ImgHTMLProps;\n    /** Reference to the native <img> element. */\n    imgRef?: Ref<HTMLImageElement>;\n    /** Set to true to force the display of the loading skeleton. */\n    isLoading?: boolean;\n    /** Set how the image should fit when its aspect ratio is constrained */\n    objectFit?: ThumbnailObjectFit;\n    /** Size variant of the component. */\n    size?: ThumbnailSize;\n    /** Image loading mode. */\n    loading?: ImgHTMLProps['loading'];\n    /** Ref of an existing placeholder image to display while loading. */\n    loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement>;\n    /** On click callback. */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /** On key press callback. */\n    onKeyPress?: KeyboardEventHandler<HTMLDivElement>;\n    /** Variant of the component. */\n    variant?: ThumbnailVariant;\n    /** Props to pass to the link wrapping the thumbnail. */\n    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Thumbnail';\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<ThumbnailProps> = {\n    fallback: mdiImageBroken,\n    loading: 'lazy',\n};\n\n/**\n * Thumbnail component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Thumbnail = forwardRef<ThumbnailProps>((props, ref) => {\n    const { isAnyDisabled, otherProps, disabledStateProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        align,\n        alt,\n        aspectRatio = AspectRatio.original,\n        badge,\n        className,\n        crossOrigin,\n        fallback = DEFAULT_PROPS.fallback,\n        fillHeight,\n        // `focusPoint` needs to be here to remove it from `forwardedProps`.\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        focusPoint,\n        image,\n        imgProps,\n        imgRef: propImgRef,\n        isLoading: isLoadingProp,\n        objectFit,\n        loading = DEFAULT_PROPS.loading,\n        loadingPlaceholderImageRef,\n        size,\n        theme = defaultTheme,\n        variant,\n        linkProps,\n        linkAs,\n        ...forwardedProps\n    } = otherProps;\n    const [imgElement, setImgElement] = useState<HTMLImageElement>();\n\n    // Image loading state.\n    const loadingState = useImageLoad(image, imgElement);\n    const isLoaded = loadingState === 'isLoaded';\n    const isLoading = isLoadingProp || loadingState === 'isLoading';\n    const hasError = loadingState === 'hasError';\n\n    // Focus point.\n    const focusPointStyle = useFocusPointStyle(props, imgElement, isLoaded);\n\n    const hasIconErrorFallback = hasError && typeof fallback === 'string';\n    const hasCustomErrorFallback = hasError && !hasIconErrorFallback;\n    const imageErrorStyle: CSSProperties = {};\n    if (hasIconErrorFallback) {\n        // Keep the image layout on icon fallback.\n        imageErrorStyle.visibility = 'hidden';\n    } else if (hasCustomErrorFallback) {\n        // Remove the image on custom fallback.\n        imageErrorStyle.display = 'none';\n    }\n\n    const isLink = Boolean(linkProps?.href || linkAs);\n    const isClickable = !isAnyDisabled && Boolean(isLink || !!forwardedProps.onClick);\n\n    const Wrapper: any = isClickable ? RawClickable : 'div';\n    const wrapperProps = { ...forwardedProps };\n    if (isClickable) {\n        Object.assign(wrapperProps, { as: linkAs || (linkProps?.href ? 'a' : 'button') }, disabledStateProps);\n        if (isLink) {\n            Object.assign(wrapperProps, linkProps);\n        } else {\n            wrapperProps['aria-label'] = forwardedProps['aria-label'] || alt;\n        }\n    }\n\n    // If we have a loading placeholder image that is really loaded (complete)\n    const loadingPlaceholderImage =\n        (isLoading && loadingPlaceholderImageRef?.current?.complete && loadingPlaceholderImageRef?.current) ||\n        undefined;\n\n    // Set loading placeholder image as background\n    const loadingStyle = loadingPlaceholderImage\n        ? { backgroundImage: `url(${loadingPlaceholderImage.src})` }\n        : undefined;\n\n    return (\n        <Wrapper\n            {...wrapperProps}\n            ref={ref}\n            className={classNames(\n                linkProps?.className,\n                className,\n                handleBasicClasses({\n                    align,\n                    aspectRatio,\n                    prefix: CLASSNAME,\n                    size,\n                    theme,\n                    variant,\n                    isClickable,\n                    hasError,\n                    hasIconErrorFallback,\n                    hasCustomErrorFallback,\n                    isLoading,\n                    objectFit,\n                    hasBadge: !!badge,\n                }),\n                fillHeight && `${CLASSNAME}--fill-height`,\n            )}\n        >\n            <span className={`${CLASSNAME}__background`}>\n                <img\n                    // Use placeholder image size\n                    width={loadingPlaceholderImage?.naturalWidth}\n                    height={loadingPlaceholderImage?.naturalHeight}\n                    {...imgProps}\n                    style={{\n                        // Reserve space while loading (when possible)\n                        width: isLoading ? imgProps?.width || loadingPlaceholderImage?.naturalWidth : undefined,\n                        ...imgProps?.style,\n                        ...imageErrorStyle,\n                        ...focusPointStyle,\n                        ...loadingStyle,\n                    }}\n                    ref={useMergeRefs(setImgElement, propImgRef)}\n                    className={classNames(\n                        handleBasicClasses({\n                            prefix: `${CLASSNAME}__image`,\n                            isLoading,\n                            hasDefinedSize: Boolean(imgProps?.height && imgProps.width),\n                        }),\n                        imgProps?.className,\n                    )}\n                    crossOrigin={crossOrigin}\n                    src={image}\n                    alt={alt}\n                    loading={loading}\n                />\n                {!isLoading && hasError && (\n                    <span className={`${CLASSNAME}__fallback`}>\n                        {hasIconErrorFallback ? (\n                            <Icon icon={fallback as string} size={Size.xxs} theme={theme} />\n                        ) : (\n                            fallback\n                        )}\n                    </span>\n                )}\n            </span>\n            {badge &&\n                React.cloneElement(badge, { className: classNames(`${CLASSNAME}__badge`, badge.props.className) })}\n        </Wrapper>\n    );\n});\nThumbnail.displayName = COMPONENT_NAME;\nThumbnail.className = CLASSNAME;\nThumbnail.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","fallback","mdiImageBroken","loading","Thumbnail","forwardRef","props","ref","isAnyDisabled","otherProps","disabledStateProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","align","alt","aspectRatio","AspectRatio","original","badge","className","crossOrigin","fillHeight","focusPoint","image","imgProps","imgRef","propImgRef","isLoading","isLoadingProp","objectFit","loadingPlaceholderImageRef","size","theme","variant","linkProps","linkAs","forwardedProps","imgElement","setImgElement","useState","loadingState","useImageLoad","isLoaded","hasError","focusPointStyle","useFocusPointStyle","hasIconErrorFallback","hasCustomErrorFallback","imageErrorStyle","visibility","display","isLink","Boolean","href","isClickable","onClick","Wrapper","RawClickable","wrapperProps","Object","assign","as","loadingPlaceholderImage","current","complete","undefined","loadingStyle","backgroundImage","src","_jsxs","classNames","handleBasicClasses","prefix","hasBadge","children","_jsx","width","naturalWidth","height","naturalHeight","style","useMergeRefs","hasDefinedSize","Icon","icon","Size","xxs","React","cloneElement","displayName","defaultProps"],"mappings":";;;;;;;;;;;;;;;AA6EA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAsC,GAAG;AAC3CC,EAAAA,QAAQ,EAAEC,cAAc;AACxBC,EAAAA,OAAO,EAAE,MAAA;AACb,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,GAAGC,UAAU,CAAiB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC,aAAa;IAAEC,UAAU;AAAEC,IAAAA,kBAAAA;AAAmB,GAAC,GAAGC,oBAAoB,CAACL,KAAK,CAAC,CAAA;EACrF,MAAMM,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFC,KAAK;IACLC,GAAG;IACHC,WAAW,GAAGC,WAAW,CAACC,QAAQ;IAClCC,KAAK;IACLC,SAAS;IACTC,WAAW;IACXtB,QAAQ,GAAGD,aAAa,CAACC,QAAQ;IACjCuB,UAAU;AACV;AACA;IACAC,UAAU;IACVC,KAAK;IACLC,QAAQ;AACRC,IAAAA,MAAM,EAAEC,UAAU;AAClBC,IAAAA,SAAS,EAAEC,aAAa;IACxBC,SAAS;IACT7B,OAAO,GAAGH,aAAa,CAACG,OAAO;IAC/B8B,0BAA0B;IAC1BC,IAAI;AACJC,IAAAA,KAAK,GAAGvB,YAAY;IACpBwB,OAAO;IACPC,SAAS;IACTC,MAAM;IACN,GAAGC,cAAAA;AACP,GAAC,GAAG9B,UAAU,CAAA;EACd,MAAM,CAAC+B,UAAU,EAAEC,aAAa,CAAC,GAAGC,QAAQ,EAAoB,CAAA;;AAEhE;AACA,EAAA,MAAMC,YAAY,GAAGC,YAAY,CAAClB,KAAK,EAAEc,UAAU,CAAC,CAAA;AACpD,EAAA,MAAMK,QAAQ,GAAGF,YAAY,KAAK,UAAU,CAAA;AAC5C,EAAA,MAAMb,SAAS,GAAGC,aAAa,IAAIY,YAAY,KAAK,WAAW,CAAA;AAC/D,EAAA,MAAMG,QAAQ,GAAGH,YAAY,KAAK,UAAU,CAAA;;AAE5C;EACA,MAAMI,eAAe,GAAGC,kBAAkB,CAAC1C,KAAK,EAAEkC,UAAU,EAAEK,QAAQ,CAAC,CAAA;AAEvE,EAAA,MAAMI,oBAAoB,GAAGH,QAAQ,IAAI,OAAO7C,QAAQ,KAAK,QAAQ,CAAA;AACrE,EAAA,MAAMiD,sBAAsB,GAAGJ,QAAQ,IAAI,CAACG,oBAAoB,CAAA;EAChE,MAAME,eAA8B,GAAG,EAAE,CAAA;AACzC,EAAA,IAAIF,oBAAoB,EAAE;AACtB;IACAE,eAAe,CAACC,UAAU,GAAG,QAAQ,CAAA;GACxC,MAAM,IAAIF,sBAAsB,EAAE;AAC/B;IACAC,eAAe,CAACE,OAAO,GAAG,MAAM,CAAA;AACpC,GAAA;EAEA,MAAMC,MAAM,GAAGC,OAAO,CAAClB,SAAS,EAAEmB,IAAI,IAAIlB,MAAM,CAAC,CAAA;AACjD,EAAA,MAAMmB,WAAW,GAAG,CAACjD,aAAa,IAAI+C,OAAO,CAACD,MAAM,IAAI,CAAC,CAACf,cAAc,CAACmB,OAAO,CAAC,CAAA;AAEjF,EAAA,MAAMC,OAAY,GAAGF,WAAW,GAAGG,YAAY,GAAG,KAAK,CAAA;AACvD,EAAA,MAAMC,YAAY,GAAG;IAAE,GAAGtB,cAAAA;GAAgB,CAAA;AAC1C,EAAA,IAAIkB,WAAW,EAAE;AACbK,IAAAA,MAAM,CAACC,MAAM,CAACF,YAAY,EAAE;MAAEG,EAAE,EAAE1B,MAAM,KAAKD,SAAS,EAAEmB,IAAI,GAAG,GAAG,GAAG,QAAQ,CAAA;KAAG,EAAE9C,kBAAkB,CAAC,CAAA;AACrG,IAAA,IAAI4C,MAAM,EAAE;AACRQ,MAAAA,MAAM,CAACC,MAAM,CAACF,YAAY,EAAExB,SAAS,CAAC,CAAA;AAC1C,KAAC,MAAM;MACHwB,YAAY,CAAC,YAAY,CAAC,GAAGtB,cAAc,CAAC,YAAY,CAAC,IAAItB,GAAG,CAAA;AACpE,KAAA;AACJ,GAAA;;AAEA;AACA,EAAA,MAAMgD,uBAAuB,GACxBnC,SAAS,IAAIG,0BAA0B,EAAEiC,OAAO,EAAEC,QAAQ,IAAIlC,0BAA0B,EAAEiC,OAAO,IAClGE,SAAS,CAAA;;AAEb;EACA,MAAMC,YAAY,GAAGJ,uBAAuB,GACtC;AAAEK,IAAAA,eAAe,EAAE,CAAA,IAAA,EAAOL,uBAAuB,CAACM,GAAG,CAAA,CAAA,CAAA;AAAI,GAAC,GAC1DH,SAAS,CAAA;EAEf,oBACII,IAAA,CAACb,OAAO,EAAA;AAAA,IAAA,GACAE,YAAY;AAChBtD,IAAAA,GAAG,EAAEA,GAAI;IACTe,SAAS,EAAEmD,UAAU,CACjBpC,SAAS,EAAEf,SAAS,EACpBA,SAAS,EACToD,kBAAkB,CAAC;MACf1D,KAAK;MACLE,WAAW;AACXyD,MAAAA,MAAM,EAAE7E,SAAS;MACjBoC,IAAI;MACJC,KAAK;MACLC,OAAO;MACPqB,WAAW;MACXX,QAAQ;MACRG,oBAAoB;MACpBC,sBAAsB;MACtBpB,SAAS;MACTE,SAAS;MACT4C,QAAQ,EAAE,CAAC,CAACvD,KAAAA;AAChB,KAAC,CAAC,EACFG,UAAU,IAAI,CAAG1B,EAAAA,SAAS,eAC9B,CAAE;AAAA+E,IAAAA,QAAA,gBAEFL,IAAA,CAAA,MAAA,EAAA;MAAMlD,SAAS,EAAE,CAAGxB,EAAAA,SAAS,CAAe,YAAA,CAAA;AAAA+E,MAAAA,QAAA,gBACxCC,GAAA,CAAA,KAAA,EAAA;AACI;QACAC,KAAK,EAAEd,uBAAuB,EAAEe,YAAa;QAC7CC,MAAM,EAAEhB,uBAAuB,EAAEiB,aAAc;AAAA,QAAA,GAC3CvD,QAAQ;AACZwD,QAAAA,KAAK,EAAE;AACH;UACAJ,KAAK,EAAEjD,SAAS,GAAGH,QAAQ,EAAEoD,KAAK,IAAId,uBAAuB,EAAEe,YAAY,GAAGZ,SAAS;UACvF,GAAGzC,QAAQ,EAAEwD,KAAK;AAClB,UAAA,GAAGhC,eAAe;AAClB,UAAA,GAAGJ,eAAe;UAClB,GAAGsB,YAAAA;SACL;AACF9D,QAAAA,GAAG,EAAE6E,YAAY,CAAC3C,aAAa,EAAEZ,UAAU,CAAE;AAC7CP,QAAAA,SAAS,EAAEmD,UAAU,CACjBC,kBAAkB,CAAC;UACfC,MAAM,EAAE,CAAG7E,EAAAA,SAAS,CAAS,OAAA,CAAA;UAC7BgC,SAAS;UACTuD,cAAc,EAAE9B,OAAO,CAAC5B,QAAQ,EAAEsD,MAAM,IAAItD,QAAQ,CAACoD,KAAK,CAAA;AAC9D,SAAC,CAAC,EACFpD,QAAQ,EAAEL,SACd,CAAE;AACFC,QAAAA,WAAW,EAAEA,WAAY;AACzBgD,QAAAA,GAAG,EAAE7C,KAAM;AACXT,QAAAA,GAAG,EAAEA,GAAI;AACTd,QAAAA,OAAO,EAAEA,OAAAA;AAAQ,OACpB,CAAC,EACD,CAAC2B,SAAS,IAAIgB,QAAQ,iBACnBgC,GAAA,CAAA,MAAA,EAAA;QAAMxD,SAAS,EAAE,CAAGxB,EAAAA,SAAS,CAAa,UAAA,CAAA;AAAA+E,QAAAA,QAAA,EACrC5B,oBAAoB,gBACjB6B,GAAA,CAACQ,IAAI,EAAA;AAACC,UAAAA,IAAI,EAAEtF,QAAmB;UAACiC,IAAI,EAAEsD,IAAI,CAACC,GAAI;AAACtD,UAAAA,KAAK,EAAEA,KAAAA;AAAM,SAAE,CAAC,GAEhElC,QAAAA;AACH,OACC,CACT,CAAA;KACC,CAAC,EACNoB,KAAK,iBACFqE,cAAK,CAACC,YAAY,CAACtE,KAAK,EAAE;MAAEC,SAAS,EAAEmD,UAAU,CAAC,CAAG3E,EAAAA,SAAS,CAAS,OAAA,CAAA,EAAEuB,KAAK,CAACf,KAAK,CAACgB,SAAS,CAAA;AAAE,KAAC,CAAC,CAAA;AAAA,GACjG,CAAC,CAAA;AAElB,CAAC,EAAC;AACFlB,SAAS,CAACwF,WAAW,GAAG/F,cAAc,CAAA;AACtCO,SAAS,CAACkB,SAAS,GAAGxB,SAAS,CAAA;AAC/BM,SAAS,CAACyF,YAAY,GAAG7F,aAAa;;;;"}