pixel-react 1.20.18 → 1.20.19

package/lib/components/IconButton/IconButton.js

@@ -1,15 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import Icon from '../Icon';
-import './IconButton.scss';
-import classNames from 'classnames';
-import Typography from '../Typography';
-const IconButton = forwardRef(({ label, iconName = 'plus_user_icon', onClick, iconHide = false, isDisable = false, variant, type, }, ref) => {
-    return (_jsxs("button", { ...(type ? { type } : {}), disabled: isDisable, onClick: onClick, className: classNames('ff-plus-icon', {
-            'ff-plus-no-icon': iconHide,
-            'ff-plus-disabled': isDisable,
-            'ff-plus-primary': variant === 'primary',
-        }), ref: ref, children: [!iconHide && (_jsx("div", { className: "button-icon", children: _jsx(Icon, { height: 12, width: 12, name: iconName, className: "ff-icon-color", disabled: isDisable }) })), _jsx(Typography, { as: "div", textAlign: "center", className: "icon-name", fontWeight: "semi-bold", lineHeight: "20px", children: label })] }));
-});
-export default IconButton;
-//# sourceMappingURL=IconButton.js.map
+import{jsxs as i,jsx as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import s from"../Icon/Icon.js";import"./IconButton.scss.js";import n from"../../_virtual/index.js";import r from"../Typography/Typography.js";const t=e(({label:e,iconName:t="plus_user_icon",onClick:a,iconHide:c=!1,isDisable:l=!1,variant:m,type:p},f)=>i("button",{...p?{type:p}:{},disabled:l,onClick:a,className:n("ff-plus-icon",{"ff-plus-no-icon":c,"ff-plus-disabled":l,"ff-plus-primary":"primary"===m}),ref:f,children:[!c&&o("div",{className:"button-icon",children:o(s,{height:12,width:12,name:t,className:"ff-icon-color",disabled:l})}),o(r,{as:"div",textAlign:"center",className:"icon-name",fontWeight:"semi-bold",lineHeight:"20px",children:e})]}));export{t as default};

package/lib/components/IconButton/IconButton.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".fontXs{font-size:10px}.fontSm,.fontXs{font-family:Poppins}.fontSm{font-size:12px}.fontMd{font-size:14px}.fontLg,.fontMd{font-family:Poppins}.fontLg{font-size:16px}.fontXL{font-size:18px}.font2Xl,.fontXL{font-family:Poppins}.font2Xl{font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-plus-icon{border-radius:16px;border-style:none;cursor:pointer;gap:8px;padding:2px 8px 2px 2px;text-align:center;text-decoration:none}.ff-plus-icon,.ff-plus-icon .button-icon{align-content:center;align-items:center;display:flex;justify-content:center}.ff-plus-icon .button-icon{background-color:var(--secondary-icon-color);border:1px solid var(--primary-icon-color);border-radius:12px;height:20px;width:20px}.ff-plus-icon .button-icon .ff-icon-color path{color:var(--primary-icon-color)}.ff-plus-icon .icon-name{align-content:center;align-items:center;color:var(--secondary-icon-color);display:flex;justify-content:center}.ff-plus-icon{background-color:var(--hover-color)}.ff-plus-icon:not(:disabled):hover{background-color:var(--secondary-icon-color)}.ff-plus-icon:not(:disabled):hover .icon-name{align-content:center;align-items:center;color:var(--primary-icon-color);display:flex;font-weight:600;justify-content:center}.ff-plus-icon:not(:disabled):hover .button-icon{align-content:center;align-items:center;background-color:var(--hover-color);border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.ff-plus-icon:not(:disabled):hover .button-icon .ff-icon-color path{color:var(--secondary-icon-color)}.ff-plus-icon:disabled{background-color:var(--disable-icon-btn-bg-color)}.ff-plus-icon:disabled .icon-name{color:var(--primary-icon-color)}.ff-plus-primary{background:var(--primary-button-color)}.ff-plus-primary .icon-name{color:var(--primary-icon-color);font-weight:600}.ff-plus-primary .button-icon,.ff-plus-primary .icon-name{align-content:center;align-items:center;display:flex;justify-content:center}.ff-plus-primary .button-icon{background-color:var(--hover-color);border-radius:50%;height:20px;width:20px}.ff-plus-primary .button-icon .ff-icon-color path{color:var(--secondary-icon-color)}.ff-plus-primary:not(:disabled):hover{background:var(--primary-button-hover)}.ff-plus-primary:disabled{background-color:var(--disable-icon-btn-bg-color)}.ff-plus-primary:disabled .icon-name{color:var(--primary-icon-color)}.ff-plus-no-icon{border-radius:16px;gap:0;padding:4px 8px}.ff-plus-no-icon .button-icon{display:none}.ff-plus-no-icon .icon-name{font-weight:600}.ff-plus-disabled{cursor:not-allowed;opacity:.2}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25CdXR0b24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxRQUVFLGNBQ0YsQ0FFQSxnQkFKRSxtQkFPRixDQUhBLFFBRUUsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGdCQUpFLG1CQU9GLENBSEEsUUFFRSxjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsaUJBSkUsbUJBT0YsQ0FIQSxTQUVFLGNBQ0YsQ0FFQSxhQUNFLG1CQUFzQixDQUN0QixhQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0Usa0JBQW1CLENBQ25CLGlCQUFrQixDQUdsQixjQUFlLENBTWYsT0FBUSxDQUNSLHVCQUF3QixDQVR4QixpQkFBa0IsQ0FDbEIsb0JBU0YsQ0FDQSx5Q0FMRSxvQkFBcUIsQ0FEckIsa0JBQW1CLENBRm5CLFlBQWEsQ0FDYixzQkFpQkYsQ0FWQSwyQkFTRSw0Q0FBNkMsQ0FON0MsMENBQTJDLENBQzNDLGtCQUFtQixDQUZuQixXQUFZLENBRFosVUFTRixDQUNBLCtDQUNFLCtCQUNGLENBQ0EseUJBS0Usb0JBQXFCLENBRHJCLGtCQUFtQixDQUhuQixpQ0FBa0MsQ0FDbEMsWUFBYSxDQUNiLHNCQUdGLENBQ0EsY0FDRSxtQ0FDRixDQUNBLG1DQUNFLDRDQUNGLENBQ0EsOENBTUUsb0JBQXFCLENBRHJCLGtCQUFtQixDQUhuQiwrQkFBZ0MsQ0FDaEMsWUFBYSxDQUZiLGVBQWdCLENBR2hCLHNCQUdGLENBQ0EsZ0RBT0Usb0JBQXFCLENBRHJCLGtCQUFtQixDQUVuQixtQ0FBb0MsQ0FMcEMsaUJBQWtCLENBQ2xCLFlBQWEsQ0FGYixXQUFZLENBR1osc0JBQXVCLENBSnZCLFVBUUYsQ0FDQSxvRUFDRSxpQ0FDRixDQUNBLHVCQUNFLGlEQUNGLENBQ0Esa0NBQ0UsK0JBQ0YsQ0FFQSxpQkFDRSxzQ0FDRixDQUNBLDRCQUVFLCtCQUFnQyxDQURoQyxlQU1GLENBQ0EsMERBRkUsb0JBQXFCLENBRHJCLGtCQUFtQixDQUZuQixZQUFhLENBQ2Isc0JBYUYsQ0FUQSw4QkFRRSxtQ0FBb0MsQ0FMcEMsaUJBQWtCLENBRGxCLFdBQVksQ0FEWixVQVFGLENBQ0Esa0RBQ0UsaUNBQ0YsQ0FDQSxzQ0FDRSxzQ0FDRixDQUNBLDBCQUNFLGlEQUNGLENBQ0EscUNBQ0UsK0JBQ0YsQ0FFQSxpQkFHRSxrQkFBbUIsQ0FGbkIsS0FBUSxDQUNSLGVBRUYsQ0FDQSw4QkFDRSxZQUNGLENBQ0EsNEJBQ0UsZUFDRixDQUVBLGtCQUVFLGtCQUFtQixDQURuQixVQUVGIiwiZmlsZSI6Ikljb25CdXR0b24uc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb250WHMge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnRTbSB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuXG4uZm9udE1kIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE0cHg7XG59XG5cbi5mb250TGcge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTZweDtcbn1cblxuLmZvbnRYTCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxOHB4O1xufVxuXG4uZm9udDJYbCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAyNHB4O1xufVxuXG4uZm9udC1zaXplLTgge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogOHB4O1xufVxuXG4uZm9udC1zaXplLTEwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEwcHg7XG59XG5cbi5mb250LXNpemUtMjAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjBweDtcbn1cblxuLmZvbnQtc2l6ZS0zMiB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAzMnB4O1xufVxuXG4uZm9udC1zaXplLTgwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDgwcHg7XG59XG5cbi5mZi1wbHVzLWljb24ge1xuICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICBib3JkZXItc3R5bGU6IG5vbmU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWhvdmVyLWNvbG9yKTtcbiAgZ2FwOiA4cHg7XG4gIHBhZGRpbmc6IDJweCA4cHggMnB4IDJweDtcbn1cbi5mZi1wbHVzLWljb24gLmJ1dHRvbi1pY29uIHtcbiAgd2lkdGg6IDIwcHg7XG4gIGhlaWdodDogMjBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tcHJpbWFyeS1pY29uLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogMTJweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2Vjb25kYXJ5LWljb24tY29sb3IpO1xufVxuLmZmLXBsdXMtaWNvbiAuYnV0dG9uLWljb24gLmZmLWljb24tY29sb3IgcGF0aCB7XG4gIGNvbG9yOiB2YXIoLS1wcmltYXJ5LWljb24tY29sb3IpO1xufVxuLmZmLXBsdXMtaWNvbiAuaWNvbi1uYW1lIHtcbiAgY29sb3I6IHZhcigtLXNlY29uZGFyeS1pY29uLWNvbG9yKTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbn1cbi5mZi1wbHVzLWljb24ge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ob3Zlci1jb2xvcik7XG59XG4uZmYtcGx1cy1pY29uOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2Vjb25kYXJ5LWljb24tY29sb3IpO1xufVxuLmZmLXBsdXMtaWNvbjpub3QoOmRpc2FibGVkKTpob3ZlciAuaWNvbi1uYW1lIHtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgY29sb3I6IHZhcigtLXByaW1hcnktaWNvbi1jb2xvcik7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG59XG4uZmYtcGx1cy1pY29uOm5vdCg6ZGlzYWJsZWQpOmhvdmVyIC5idXR0b24taWNvbiB7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taG92ZXItY29sb3IpO1xufVxuLmZmLXBsdXMtaWNvbjpub3QoOmRpc2FibGVkKTpob3ZlciAuYnV0dG9uLWljb24gLmZmLWljb24tY29sb3IgcGF0aCB7XG4gIGNvbG9yOiB2YXIoLS1zZWNvbmRhcnktaWNvbi1jb2xvcik7XG59XG4uZmYtcGx1cy1pY29uOmRpc2FibGVkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGlzYWJsZS1pY29uLWJ0bi1iZy1jb2xvcik7XG59XG4uZmYtcGx1cy1pY29uOmRpc2FibGVkIC5pY29uLW5hbWUge1xuICBjb2xvcjogdmFyKC0tcHJpbWFyeS1pY29uLWNvbG9yKTtcbn1cblxuLmZmLXBsdXMtcHJpbWFyeSB7XG4gIGJhY2tncm91bmQ6IHZhcigtLXByaW1hcnktYnV0dG9uLWNvbG9yKTtcbn1cbi5mZi1wbHVzLXByaW1hcnkgLmljb24tbmFtZSB7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIGNvbG9yOiB2YXIoLS1wcmltYXJ5LWljb24tY29sb3IpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xufVxuLmZmLXBsdXMtcHJpbWFyeSAuYnV0dG9uLWljb24ge1xuICB3aWR0aDogMjBweDtcbiAgaGVpZ2h0OiAyMHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWhvdmVyLWNvbG9yKTtcbn1cbi5mZi1wbHVzLXByaW1hcnkgLmJ1dHRvbi1pY29uIC5mZi1pY29uLWNvbG9yIHBhdGgge1xuICBjb2xvcjogdmFyKC0tc2Vjb25kYXJ5LWljb24tY29sb3IpO1xufVxuLmZmLXBsdXMtcHJpbWFyeTpub3QoOmRpc2FibGVkKTpob3ZlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLXByaW1hcnktYnV0dG9uLWhvdmVyKTtcbn1cbi5mZi1wbHVzLXByaW1hcnk6ZGlzYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kaXNhYmxlLWljb24tYnRuLWJnLWNvbG9yKTtcbn1cbi5mZi1wbHVzLXByaW1hcnk6ZGlzYWJsZWQgLmljb24tbmFtZSB7XG4gIGNvbG9yOiB2YXIoLS1wcmltYXJ5LWljb24tY29sb3IpO1xufVxuXG4uZmYtcGx1cy1uby1pY29uIHtcbiAgZ2FwOiAwcHg7XG4gIHBhZGRpbmc6IDRweCA4cHggNHB4IDhweDtcbiAgYm9yZGVyLXJhZGl1czogMTZweDtcbn1cbi5mZi1wbHVzLW5vLWljb24gLmJ1dHRvbi1pY29uIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5mZi1wbHVzLW5vLWljb24gLmljb24tbmFtZSB7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG59XG5cbi5mZi1wbHVzLWRpc2FibGVkIHtcbiAgb3BhY2l0eTogMC4yO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufSJdfQ== */");

package/lib/components/IconRadioGroup/IconRadioGroup.js

@@ -1,34 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import './IconRadioGroup.scss';
-import Icon from '../Icon/Icon';
-import Tooltip from '../Tooltip';
-const IconRadioGroup = ({ items, onButtonClick, selectedValue: initialSelectedValue = null, onChange, className = '', }) => {
-    const [selectedValue, setSelectedValue] = useState(initialSelectedValue);
-    useEffect(() => {
-        if (initialSelectedValue !== selectedValue) {
-            setSelectedValue(initialSelectedValue);
-        }
-    }, [initialSelectedValue, selectedValue]);
-    const handleButtonClick = (item) => {
-        if (item.disabled)
-            return;
-        const newSelectedValue = item.iconName;
-        setSelectedValue(newSelectedValue);
-        if (onChange) {
-            onChange(newSelectedValue);
-        }
-        onButtonClick(item);
-    };
-    return (_jsxs("div", { className: classNames('ff-icon-radio-group', className), children: [items.map((item) => (_jsx("div", { className: classNames('ff-icon-radio-button', {
-                    selected: selectedValue === item.iconName,
-                    disabled: item.disabled,
-                }), onClick: () => handleButtonClick(item), children: _jsx(Tooltip, { title: item.iconLabel, children: _jsx("div", { className: classNames('icon-container', {
-                            selected: selectedValue === item.iconName,
-                        }), children: _jsx(Icon, { name: item.iconName, hoverEffect: false, color: selectedValue === item.iconName
-                                ? 'var(--drawer-footer-bg)'
-                                : 'var(--brand-color)' }) }) }) }, item.iconName))), _jsx("div", { className: "line-connector" })] }));
-};
-export default IconRadioGroup;
-//# sourceMappingURL=IconRadioGroup.js.map
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as c}from"react";import r from"../../_virtual/index.js";import"./IconRadioGroup.scss.js";import n from"../Icon/Icon.js";import a from"../Tooltip/Tooltip.js";const t=({items:t,onButtonClick:l,selectedValue:s=null,onChange:m,className:d=""})=>{const[f,p]=i(s);c(()=>{s!==f&&p(s)},[s,f]);return o("div",{className:r("ff-icon-radio-group",d),children:[t.map(o=>e("div",{className:r("ff-icon-radio-button",{selected:f===o.iconName,disabled:o.disabled}),onClick:()=>(o=>{if(o.disabled)return;const e=o.iconName;p(e),m&&m(e),l(o)})(o),children:e(a,{title:o.iconLabel,children:e("div",{className:r("icon-container",{selected:f===o.iconName}),children:e(n,{name:o.iconName,hoverEffect:!1,color:f===o.iconName?"var(--drawer-footer-bg)":"var(--brand-color)"})})})},o.iconName)),e("div",{className:"line-connector"})]})};export{t as default};

package/lib/components/IconRadioGroup/IconRadioGroup.scss.js

@@ -0,0 +1 @@
+import i from"../../node_modules/style-inject/dist/style-inject.es.js";i(".ff-icon-radio-group{gap:47px;width:237px}.ff-icon-radio-button,.ff-icon-radio-group{align-items:center;display:flex;height:24px;position:relative}.ff-icon-radio-button{border-radius:4px;cursor:pointer;justify-content:center;width:24px;z-index:5}.ff-icon-radio-button.selected{background-color:var(--brand-color)}.ff-icon-radio-button.disabled{cursor:not-allowed;opacity:50%}.ff-icon-radio-button .icon-container{align-items:center;background:var(--drawer-footer-bg);border:1px solid var(--border-color);border-radius:4px;display:flex;height:24px;justify-content:center;width:24px}.ff-icon-radio-button .icon-container:hover{background:var(--border-color)}.ff-icon-radio-button .icon-container.selected{background-color:var(--brand-color)}.ff-icon-radio-button .icon-container .icon{height:14px;width:14px}.line-connector{background-color:var(--border-color);border-radius:2px 0 0 0;height:1px;left:0;opacity:0;position:absolute;right:0;top:50%;z-index:3}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25SYWRpb0dyb3VwLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBS0UsUUFBUyxDQUpULFdBTUYsQ0FFQSwyQ0FMRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLFdBQVksQ0FJWixpQkFhRixDQVZBLHNCQUdFLGlCQUFrQixDQUlsQixjQUFlLENBRmYsc0JBQXVCLENBSnZCLFVBQVcsQ0FRWCxTQUNGLENBQ0EsK0JBQ0UsbUNBQ0YsQ0FDQSwrQkFFRSxrQkFBbUIsQ0FEbkIsV0FFRixDQUNBLHNDQU1FLGtCQUFtQixDQUVuQixrQ0FBbUMsQ0FEbkMsb0NBQXFDLENBSnJDLGlCQUFrQixDQUNsQixZQUFhLENBRmIsV0FBWSxDQUdaLHNCQUF1QixDQUp2QixVQVFGLENBQ0EsNENBQ0UsOEJBQ0YsQ0FDQSwrQ0FDRSxtQ0FDRixDQUNBLDRDQUVFLFdBQVksQ0FEWixVQUVGLENBRUEsZ0JBTUUsb0NBQXFDLENBRXJDLHVCQUE4QixDQUg5QixVQUFXLENBRlgsTUFBTyxDQU1QLFNBQVksQ0FSWixpQkFBa0IsQ0FHbEIsT0FBUSxDQUZSLE9BQVEsQ0FLUixTQUdGIiwiZmlsZSI6Ikljb25SYWRpb0dyb3VwLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmYtaWNvbi1yYWRpby1ncm91cCB7XG4gIHdpZHRoOiAyMzdweDtcbiAgaGVpZ2h0OiAyNHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDQ3cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmZmLWljb24tcmFkaW8tYnV0dG9uIHtcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHotaW5kZXg6IDU7XG59XG4uZmYtaWNvbi1yYWRpby1idXR0b24uc2VsZWN0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtaWNvbi1yYWRpby1idXR0b24uZGlzYWJsZWQge1xuICBvcGFjaXR5OiA1MCU7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG4uZmYtaWNvbi1yYWRpby1idXR0b24gLmljb24tY29udGFpbmVyIHtcbiAgd2lkdGg6IDI0cHg7XG4gIGhlaWdodDogMjRweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZDogdmFyKC0tZHJhd2VyLWZvb3Rlci1iZyk7XG59XG4uZmYtaWNvbi1yYWRpby1idXR0b24gLmljb24tY29udGFpbmVyOmhvdmVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tYm9yZGVyLWNvbG9yKTtcbn1cbi5mZi1pY29uLXJhZGlvLWJ1dHRvbiAuaWNvbi1jb250YWluZXIuc2VsZWN0ZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtaWNvbi1yYWRpby1idXR0b24gLmljb24tY29udGFpbmVyIC5pY29uIHtcbiAgd2lkdGg6IDE0cHg7XG4gIGhlaWdodDogMTRweDtcbn1cblxuLmxpbmUtY29ubmVjdG9yIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ib3JkZXItY29sb3IpO1xuICB6LWluZGV4OiAzO1xuICBib3JkZXItcmFkaXVzOiAycHggMHB4IDBweCAwcHg7XG4gIG9wYWNpdHk6IDBweDtcbn0iXX0= */");

package/lib/components/Input/Input.js

@@ -1,222 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import './Input.scss';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-import Icon from '../Icon';
-import Tooltip from '../Tooltip';
-const Input = forwardRef(({ type = 'text', variant = 'primary', name = '', label, disabled = false, required = false, placeholder = 'Enter input', value = type === 'number' ? 0 : '', helperText = '', isHelperTextRequired = false, error, noBorder, className = '', onChange, onBlur, onFocus, autoComplete = 'off', autoFocus = false, minValue = -Infinity, maxValue = Infinity, transparentBackground = false, size = 'small', isLabelRequired = true, onClick, onKeyUp, reserveHelperTextSpace = false, setUpdatedNumberValue = () => { }, displayErrorImmediately = true, showSearchIcon = false, searchIconProps, handleSearchIconClick, readOnly = false, adjustToValidRange = true, disableAfterMaxValueReached = false, pattern, background, helperTextWidth, fixedLabel = false, iconProps = {
-    isShowIcon: false,
-    iconName: '',
-    iconToolTipTitle: '',
-    isIconDisable: false,
-    isClearIcon: false,
-    iconColor: '',
-    onIconClick: () => { },
-}, ...props }, ref) => {
-    const isValueFilled = !checkEmpty(value) ||
-        (type === 'password' && value?.length > 0) ||
-        value !== '';
-    const isTypeNumber = type === 'number';
-    const numericMin = minValue !== undefined ? parseInt(minValue, 10) || 0 : 0;
-    const numericMax = maxValue !== undefined
-        ? parseInt(maxValue, 10) || Infinity
-        : Infinity;
-    const [internalValue, setInternalValue] = useState(value);
-    const [touched, setTouched] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
-    const clearIcon = iconProps?.isClearIcon;
-    const showIcon = iconProps?.isShowIcon;
-    useEffect(() => {
-        if (value !== internalValue) {
-            setInternalValue(value);
-        }
-    }, [value]);
-    const handleIncrementDecrement = (action) => {
-        const parsedValue = parseInt(internalValue.toString(), 10) || 0;
-        let updatedValue = parsedValue;
-        if (action === 'increment') {
-            updatedValue = Math.min(parsedValue + 1, numericMax);
-        }
-        else if (action === 'decrement') {
-            updatedValue = Math.max(parsedValue - 1, numericMin);
-        }
-        setInternalValue(updatedValue);
-        setUpdatedNumberValue(updatedValue);
-        if (onChange) {
-            const syntheticEvent = {
-                target: { value: updatedValue.toString(), name },
-                currentTarget: { value: updatedValue.toString(), name },
-            };
-            onChange(syntheticEvent);
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (type === 'number') {
-            const invalidKeys = ['e', 'E', '+', '-'];
-            if (invalidKeys.includes(e.key)) {
-                e.preventDefault();
-            }
-        }
-    };
-    const handleChange = (e) => {
-        let newValue = e.target.value;
-        if (type === 'number') {
-            if (newValue === '' || newValue === '-') {
-                setInternalValue(newValue);
-                setUpdatedNumberValue(newValue);
-                onChange?.(e);
-                return;
-            }
-            const parsedValue = Number(newValue);
-            if (disableAfterMaxValueReached && parsedValue > numericMax) {
-                return;
-            }
-            if (!isNaN(parsedValue)) {
-                setInternalValue(parsedValue);
-                setUpdatedNumberValue(parsedValue);
-                onChange?.(e);
-            }
-        }
-        else {
-            setInternalValue(newValue);
-            onChange?.(e);
-        }
-    };
-    const handleFocus = (e) => {
-        setIsFocused(true);
-        if (!displayErrorImmediately) {
-            setTouched(false);
-        }
-        onFocus?.(e);
-    };
-    const handleBlur = (e) => {
-        setIsFocused(false);
-        if (!displayErrorImmediately) {
-            setTouched(true);
-        }
-        if (type === 'number' && adjustToValidRange === true) {
-            let parsedValue = Number(internalValue);
-            if (internalValue === '' || internalValue === '-') {
-                parsedValue = minValue;
-            }
-            if (isNaN(parsedValue) ||
-                parsedValue < numericMin ||
-                parsedValue > numericMax) {
-                const correctedValue = Math.max(numericMin, Math.min(parsedValue, numericMax));
-                setInternalValue(correctedValue);
-                setUpdatedNumberValue(correctedValue);
-                const syntheticEvent = {
-                    target: { value: correctedValue.toString(), name },
-                    currentTarget: { value: correctedValue.toString(), name },
-                };
-                onChange?.(syntheticEvent);
-            }
-        }
-        onBlur?.(e);
-    };
-    const handleWheel = (e) => {
-        if (type === 'number') {
-            const input = e.currentTarget;
-            const currentValue = parseFloat(input.value);
-            const isScrollDown = e.deltaY > 0;
-            if (!isNaN(currentValue) && currentValue <= 0 && isScrollDown) {
-                input.blur();
-                setTimeout(() => input.focus(), 0);
-            }
-        }
-    };
-    const handleClearValue = () => {
-        setInternalValue('');
-        if (onChange) {
-            const syntheticEvent = {
-                target: { value: '', name },
-                currentTarget: { value: '', name },
-            };
-            onChange(syntheticEvent);
-        }
-    };
-    return (_jsx("fieldset", { className: classNames('ff-input-fieldset', {
-            'ff-input-fieldset--disabled': disabled,
-        }), children: _jsxs("div", { className: classNames('ff-input-container', {
-                'ff-input-container--float': isValueFilled || fixedLabel,
-                'ff-input-container--disabled': !!disabled,
-            }), children: [isLabelRequired && (_jsxs("label", { className: classNames(`ff-input-label-container ff-input-label-container--${size}`, {
-                        'ff-input-label-container--danger': (displayErrorImmediately || touched) && !!error,
-                    }), htmlFor: name, children: [required && _jsx("span", { className: "required-asterisk", children: "*" }), _jsx("span", { className: classNames(`ff-input-label ff-input-label--${variant}`, {
-                                'ff-input-label--no-hover': !!internalValue,
-                                'ff-input-label--disabled': !!disabled,
-                                'ff-input-label--danger': (displayErrorImmediately || touched) && !!error,
-                                'ff-input-label--focused': isFocused,
-                            }), children: label })] })), _jsx("input", { style: { background: background || 'transparent' }, readOnly: readOnly, ref: ref, name: name, value: internalValue || value, type: type, spellCheck: false, id: name, className: classNames(`ff-input ff-input-${variant} default-input ff-input--${size}`, {
-                        ['ff-input--transparentBackground']: !!transparentBackground,
-                        'ff-input--disabled': !!disabled,
-                        'ff-input--danger': (displayErrorImmediately || touched) && !!error,
-                        'ff-input--no-border': !!noBorder,
-                        'ff-input--placeholder': !isLabelRequired || fixedLabel,
-                        'ff-input--number': isTypeNumber,
-                        'ff-input--focused': isFocused,
-                        'ff-input--isSearchIcon': showSearchIcon,
-                        'ff-input--isShowIcon': showIcon,
-                        'ff-input--isClearIcon': clearIcon && showIcon,
-                        'ff-input--isOnly-clear-icon': !showIcon && clearIcon,
-                    }, `${className}`), placeholder: placeholder, disabled: disabled, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, autoComplete: autoComplete, autoFocus: autoFocus, min: minValue, max: maxValue, onClick: onClick, onKeyUp: onKeyUp, onKeyDown: handleKeyDown, onWheel: handleWheel, ...props }), type === 'number' && (_jsxs("div", { className: classNames('arrow-container', {
-                        ['arrow-container-label']: label,
-                        ['arrow-container-label-error']: !!error && (label || required),
-                        ['arrow-container-no-label-error']: !!error && !label,
-                    }), children: [_jsx(Icon, { name: "arrow_up", hoverEffect: false, height: 7, width: 12, color: value == maxValue
-                                ? 'var(--private-chip-bg-color)'
-                                : 'var(--text-area-default-color)', onClick: () => {
-                                if (disabled)
-                                    return;
-                                handleIncrementDecrement('increment');
-                            }, disabled: disabled }), _jsx(Icon, { name: "arrow_down", height: 7, width: 12, color: value == minValue
-                                ? 'var(--private-chip-bg-color)'
-                                : 'var(--text-area-default-color)', onClick: () => {
-                                if (disabled)
-                                    return;
-                                handleIncrementDecrement('decrement');
-                            }, disabled: disabled })] })), showSearchIcon && !(type === 'number') && (_jsx("div", { className: classNames('arrow-container', {
-                        ['arrow-container-searchIcon']: showSearchIcon,
-                    }), children: _jsx(Tooltip, { title: searchIconProps?.toolTipTitle || 'search', children: _jsx(Icon, { name: searchIconProps?.name || 'search', hoverEffect: false, height: searchIconProps?.height || 14, width: searchIconProps?.height || 14, color: "var(--text-area-default-color)", onClick: (e) => {
-                                if (handleSearchIconClick) {
-                                    handleSearchIconClick(e);
-                                }
-                            }, disabled: searchIconProps?.disabled }) }) })), clearIcon && !(type === 'number') && !!internalValue && (_jsx("div", { className: classNames('ff-input-clear-icon-container', {
-                        ['ff-input-clear-icon-container--default']: clearIcon,
-                        ['ff-input-clear-icon-container--error']: !!error,
-                        ['ff-input-clear-icon-container--with-label']: (label || required) && clearIcon,
-                        ['ff-input-clear-icon-container--no-label']: !label && clearIcon,
-                        ['ff-input-clear-icon-container--isOnly-clear-icon']: !showIcon && clearIcon,
-                    }), children: _jsx(Tooltip, { title: clearIcon ? 'Clear' : '', children: _jsx(Icon, { name: clearIcon ? 'close' : '', hoverEffect: false, height: 16, width: 16, color: "var(--brand-color)", onClick: handleClearValue, disabled: iconProps?.isIconDisable, cursorType: "pointer" }) }) })), showIcon && !(type === 'number') && (_jsx("div", { className: classNames('ff-input-icon-container', {
-                        ['ff-input-icon-container--default']: showIcon,
-                        ['ff-input-icon-container--error']: !!error,
-                        ['ff-input-icon-container--with-label']: (label || required) && showIcon,
-                        ['ff-input-icon-container--no-label']: !label && showIcon,
-                    }), children: _jsx(Tooltip, { title: showIcon && !iconProps?.isIconDisable
-                            ? iconProps?.iconToolTipTitle
-                            : '', children: _jsx(Icon, { name: iconProps?.iconName || '', hoverEffect: false, height: 16, width: 16, color: iconProps?.iconColor || 'var(--text-area-default-color)', onClick: (e) => {
-                                if (iconProps?.onIconClick) {
-                                    iconProps?.onIconClick(e);
-                                }
-                            }, disabled: iconProps?.isIconDisable, cursorType: "pointer" }) }) })), reserveHelperTextSpace && (_jsx("span", { className: classNames('ff-input-message', {
-                        'ff-input-message--space': !!reserveHelperTextSpace,
-                        'ff-input-message--showHelperText': !!isHelperTextRequired,
-                        'ff-input-message--danger': (displayErrorImmediately || touched) && !!error,
-                    }), children: (displayErrorImmediately || touched) &&
-                        (error || isHelperTextRequired)
-                        ? helperText
-                        : '' })), !reserveHelperTextSpace &&
-                    (displayErrorImmediately || touched) &&
-                    helperText &&
-                    (error || isHelperTextRequired) && (_jsx("span", { className: classNames(helperTextWidth ? 'ff-input-width' : 'ff-input-message', {
-                        'ff-input-message--showHelperText': !!isHelperTextRequired,
-                        'ff-input-message--danger': !!error,
-                    }), style: {
-                        width: typeof helperTextWidth === 'number'
-                            ? `${helperTextWidth}px`
-                            : helperTextWidth || '',
-                    }, children: helperText }))] }) }));
-});
-export default Input;
-//# sourceMappingURL=Input.js.map
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{forwardRef as a,useState as r,useEffect as i}from"react";import t from"../../_virtual/index.js";import"./Input.scss.js";import{checkEmpty as o}from"../../utils/checkEmpty/checkEmpty.js";import l from"../Icon/Icon.js";import c from"../Tooltip/Tooltip.js";const s=a(({type:a="text",variant:s="primary",name:f="",label:u,disabled:p=!1,required:d=!1,placeholder:m="Enter input",value:h=("number"===a?0:""),helperText:b="",isHelperTextRequired:g=!1,error:v,noBorder:w,className:I="",onChange:N,onBlur:T,onFocus:C,autoComplete:x="off",autoFocus:k=!1,minValue:y=-1/0,maxValue:S=1/0,transparentBackground:E=!1,size:j="small",isLabelRequired:D=!0,onClick:F,onKeyUp:$,reserveHelperTextSpace:B=!1,setUpdatedNumberValue:M=()=>{},displayErrorImmediately:V=!0,showSearchIcon:q=!1,searchIconProps:H,handleSearchIconClick:O,readOnly:R=!1,adjustToValidRange:K=!0,disableAfterMaxValueReached:U=!1,pattern:_,background:L,helperTextWidth:P,fixedLabel:W=!1,iconProps:z={isShowIcon:!1,iconName:"",iconToolTipTitle:"",isIconDisable:!1,isClearIcon:!1,iconColor:"",onIconClick:()=>{}},...A},Y)=>{const G=!o(h)||"password"===a&&h?.length>0||""!==h,J="number"===a,Q=void 0!==y&&parseInt(y,10)||0,X=void 0!==S&&parseInt(S,10)||1/0,[Z,ee]=r(h),[ne,ae]=r(!1),[re,ie]=r(!1),te=z?.isClearIcon,oe=z?.isShowIcon;i(()=>{h!==Z&&ee(h)},[h]);const le=e=>{const n=parseInt(Z.toString(),10)||0;let a=n;if("increment"===e?a=Math.min(n+1,X):"decrement"===e&&(a=Math.max(n-1,Q)),ee(a),M(a),N){const e={target:{value:a.toString(),name:f},currentTarget:{value:a.toString(),name:f}};N(e)}};return e("fieldset",{className:t("ff-input-fieldset",{"ff-input-fieldset--disabled":p}),children:n("div",{className:t("ff-input-container",{"ff-input-container--float":G||W,"ff-input-container--disabled":!!p}),children:[D&&n("label",{className:t(`ff-input-label-container ff-input-label-container--${j}`,{"ff-input-label-container--danger":(V||ne)&&!!v}),htmlFor:f,children:[d&&e("span",{className:"required-asterisk",children:"*"}),e("span",{className:t(`ff-input-label ff-input-label--${s}`,{"ff-input-label--no-hover":!!Z,"ff-input-label--disabled":!!p,"ff-input-label--danger":(V||ne)&&!!v,"ff-input-label--focused":re}),children:u})]}),e("input",{style:{background:L||"transparent"},readOnly:R,ref:Y,name:f,value:Z||h,type:a,spellCheck:!1,id:f,className:t(`ff-input ff-input-${s} default-input ff-input--${j}`,{"ff-input--transparentBackground":!!E,"ff-input--disabled":!!p,"ff-input--danger":(V||ne)&&!!v,"ff-input--no-border":!!w,"ff-input--placeholder":!D||W,"ff-input--number":J,"ff-input--focused":re,"ff-input--isSearchIcon":q,"ff-input--isShowIcon":oe,"ff-input--isClearIcon":te&&oe,"ff-input--isOnly-clear-icon":!oe&&te},`${I}`),placeholder:m,disabled:p,onChange:e=>{let n=e.target.value;if("number"===a){if(""===n||"-"===n)return ee(n),M(n),void N?.(e);const a=Number(n);if(U&&a>X)return;isNaN(a)||(ee(a),M(a),N?.(e))}else ee(n),N?.(e)},onFocus:e=>{ie(!0),V||ae(!1),C?.(e)},onBlur:e=>{if(ie(!1),V||ae(!0),"number"===a&&!0===K){let e=Number(Z);if(""!==Z&&"-"!==Z||(e=y),isNaN(e)||e<Q||e>X){const n=Math.max(Q,Math.min(e,X));ee(n),M(n);const a={target:{value:n.toString(),name:f},currentTarget:{value:n.toString(),name:f}};N?.(a)}}T?.(e)},autoComplete:x,autoFocus:k,min:y,max:S,onClick:F,onKeyUp:$,onKeyDown:e=>{if("number"===a){["e","E","+","-"].includes(e.key)&&e.preventDefault()}},onWheel:e=>{if("number"===a){const n=e.currentTarget,a=parseFloat(n.value),r=e.deltaY>0;!isNaN(a)&&a<=0&&r&&(n.blur(),setTimeout(()=>n.focus(),0))}},...A}),"number"===a&&n("div",{className:t("arrow-container",{"arrow-container-label":u,"arrow-container-label-error":!!v&&(u||d),"arrow-container-no-label-error":!!v&&!u}),children:[e(l,{name:"arrow_up",hoverEffect:!1,height:7,width:12,color:h==S?"var(--private-chip-bg-color)":"var(--text-area-default-color)",onClick:()=>{p||le("increment")},disabled:p}),e(l,{name:"arrow_down",height:7,width:12,color:h==y?"var(--private-chip-bg-color)":"var(--text-area-default-color)",onClick:()=>{p||le("decrement")},disabled:p})]}),q&&!("number"===a)&&e("div",{className:t("arrow-container",{"arrow-container-searchIcon":q}),children:e(c,{title:H?.toolTipTitle||"search",children:e(l,{name:H?.name||"search",hoverEffect:!1,height:H?.height||14,width:H?.height||14,color:"var(--text-area-default-color)",onClick:e=>{O&&O(e)},disabled:H?.disabled})})}),te&&!("number"===a)&&!!Z&&e("div",{className:t("ff-input-clear-icon-container",{"ff-input-clear-icon-container--default":te,"ff-input-clear-icon-container--error":!!v,"ff-input-clear-icon-container--with-label":(u||d)&&te,"ff-input-clear-icon-container--no-label":!u&&te,"ff-input-clear-icon-container--isOnly-clear-icon":!oe&&te}),children:e(c,{title:te?"Clear":"",children:e(l,{name:te?"close":"",hoverEffect:!1,height:16,width:16,color:"var(--brand-color)",onClick:()=>{if(ee(""),N){N({target:{value:"",name:f},currentTarget:{value:"",name:f}})}},disabled:z?.isIconDisable,cursorType:"pointer"})})}),oe&&!("number"===a)&&e("div",{className:t("ff-input-icon-container",{"ff-input-icon-container--default":oe,"ff-input-icon-container--error":!!v,"ff-input-icon-container--with-label":(u||d)&&oe,"ff-input-icon-container--no-label":!u&&oe}),children:e(c,{title:oe&&!z?.isIconDisable?z?.iconToolTipTitle:"",children:e(l,{name:z?.iconName||"",hoverEffect:!1,height:16,width:16,color:z?.iconColor||"var(--text-area-default-color)",onClick:e=>{z?.onIconClick&&z?.onIconClick(e)},disabled:z?.isIconDisable,cursorType:"pointer"})})}),B&&e("span",{className:t("ff-input-message",{"ff-input-message--space":!!B,"ff-input-message--showHelperText":!!g,"ff-input-message--danger":(V||ne)&&!!v}),children:(V||ne)&&(v||g)?b:""}),!B&&(V||ne)&&b&&(v||g)&&e("span",{className:t(P?"ff-input-width":"ff-input-message",{"ff-input-message--showHelperText":!!g,"ff-input-message--danger":!!v}),style:{width:"number"==typeof P?`${P}px`:P||""},children:b})]})})});export{s as default};

package/lib/components/Input/Input.scss.js

@@ -0,0 +1 @@
+import t from"../../node_modules/style-inject/dist/style-inject.es.js";t(".ff-input-fieldset .ff-input-container .ff-input-label-container::placeholder,.ff-input-fieldset .ff-input-container .ff-input-message,.ff-input-fieldset .ff-input-container .ff-input-width,.ff-input-fieldset .ff-input-container .ff-input::placeholder,.ff-input-fieldset .ff-input-container:focus-within .ff-input-label-container,.fontXs{font-family:Poppins;font-size:10px}.ff-input-fieldset .ff-input-container .ff-input,.ff-input-fieldset .ff-input-container .ff-input-label-container,.fontSm{font-family:Poppins;font-size:12px}.fontMd{font-size:14px}.fontLg,.fontMd{font-family:Poppins}.fontLg{font-size:16px}.fontXL{font-size:18px}.font2Xl,.fontXL{font-family:Poppins}.font2Xl{font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-input-fieldset{border:none;display:inline-block;margin:0;padding:0;user-select:none;width:100%}.ff-input-fieldset--disabled{background:var(--input-disabled-background-color);border:none;border-radius:4px;opacity:.5;pointer-events:none}.ff-input-fieldset .ff-input-container{display:flex;flex-direction:column;position:relative;user-select:none}.ff-input-fieldset .ff-input-container .ff-input,.ff-input-fieldset .ff-input-container .ff-input-label-container{border:1px solid var(--input-default-border-color);border-radius:4px;line-height:18px;outline:none;padding:6px 8px}.ff-input-fieldset .ff-input-container .ff-input--isSearchIcon,.ff-input-fieldset .ff-input-container .ff-input--number{padding:6px 24px 6px 8px}.ff-input-fieldset .ff-input-container .ff-input--isOnly-clear-icon,.ff-input-fieldset .ff-input-container .ff-input--isShowIcon{padding:6px 30px 6px 8px!important}.ff-input-fieldset .ff-input-container .ff-input--isClearIcon{padding:6px 50px 6px 8px!important}.ff-input-fieldset .ff-input-container .ff-input--medium{padding:10px 9px}.ff-input-fieldset .ff-input-container .ff-input-label-container:disabled,.ff-input-fieldset .ff-input-container .ff-input:disabled{background:transparent;border:1px solid var(--input-default-border-color);cursor:not-allowed;pointer-events:none}.ff-input-fieldset .ff-input-container .ff-input-label-container::placeholder,.ff-input-fieldset .ff-input-container .ff-input::placeholder{line-height:15px;opacity:0}.ff-input-fieldset .ff-input-container .ff-input--danger{border-color:var(--input-error-text-color)}.ff-input-fieldset .ff-input-container .ff-input--transparentBackground{background:transparent}.ff-input-fieldset .ff-input-container .ff-input--no-border{border:none}.ff-input-fieldset .ff-input-container .ff-input--placeholder::placeholder{opacity:1}.ff-input-fieldset .ff-input-container .ff-input-label-container{border:none;display:flex;gap:2px;line-height:18px;margin-top:1px;outline:none;pointer-events:none;position:absolute;transition:all .3s ease-in-out;user-select:none;z-index:1}.ff-input-fieldset .ff-input-container .ff-input-label-container--medium{line-height:25px}.ff-input-fieldset .ff-input-container .ff-input-label-container .ff-input-label{color:var(--input-default-label-color)}.ff-input-fieldset .ff-input-container .ff-input-label-container .ff-input-label--danger{color:var(--input-error-text-color)}.ff-input-fieldset .ff-input-container .ff-input-label-container .ff-input-label--disabled{background-color:var(--input-label-bg-color);color:var(--input-default-border-color)}.ff-input-fieldset .ff-input-container .ff-input-label-container .required-asterisk{color:var(--input-error-text-color)}.ff-input-fieldset .ff-input-container:hover .ff-input-label,.ff-input-fieldset .ff-input-container:hover .ff-input-label--no-hover{color:var(--input-default-label-color)}.ff-input-fieldset .ff-input-container:hover .ff-input-label--disabled{color:var(--input-default-border-color)}.ff-input-fieldset .ff-input-container:hover .ff-input-label--danger{color:var(--input-error-text-color)}.ff-input-fieldset .ff-input-container:hover .ff-input,.ff-input-fieldset .ff-input-container:hover .ff-input-label-container{border-color:var(--brand-color)}.ff-input-fieldset .ff-input-container:hover .ff-input--no-hover{border-color:var(--input-default-border-color)}.ff-input-fieldset .ff-input-container:hover .ff-input--disabled{background:transparent;border-color:var(--input-default-border-color)}.ff-input-fieldset .ff-input-container:hover .ff-input--danger{border-color:var(--input-error-text-color)}.ff-input-fieldset .ff-input-container:focus-within .ff-input-label-container{background-color:var(--input-label-bg-color);line-height:15px;margin-left:10px;padding:0 2px;top:-9px}.ff-input-fieldset .ff-input-container:focus-within .ff-input-label--primary{color:var(--brand-color)}.ff-input-fieldset .ff-input-container:focus-within .ff-input-label--danger{color:var(--input-error-text-color)}.ff-input-fieldset .ff-input-container:focus-within .ff-input,.ff-input-fieldset .ff-input-container:focus-within .ff-input-label-container{border-color:var(--brand-color)}.ff-input-fieldset .ff-input-container:focus-within .ff-input--danger{border-color:var(--input-error-text-color)}.ff-input-fieldset .ff-input-container:focus-within .ff-input-label-container::placeholder,.ff-input-fieldset .ff-input-container:focus-within .ff-input::placeholder{margin-bottom:1px;opacity:1}.ff-input-fieldset .ff-input-container .ff-input-message{line-height:15px;padding:0 4px}.ff-input-fieldset .ff-input-container .ff-input-message--space{height:15px}.ff-input-fieldset .ff-input-container .ff-input-message--showHelperText{color:var(--input-default-label-color)}.ff-input-fieldset .ff-input-container .ff-input-message--danger{color:var(--input-error-text-color)}.ff-input-fieldset .ff-input-container--float .ff-input-label-container{background-color:var(--input-label-bg-color);font-size:10px;line-height:15px;margin-left:10px;padding:0 2px;top:-9px;user-select:none}.ff-input-fieldset .ff-input-container--float--disabled,.ff-input-fieldset .ff-input-container--float--disabled .ff-input-label-container{cursor:not-allowed}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;user-select:none}input[type=number]{appearance:textfield;-moz-appearance:textfield}.arrow-container{align-items:center;background:transparent;display:flex;flex-direction:column;height:29px;justify-content:space-evenly;position:absolute;right:6px;top:53%;transform:translateY(-50%)}.arrow-container-label{top:46%}.arrow-container-label-error{top:15px}.arrow-container-no-label-error{top:17px}.arrow-container-searchIcon{cursor:pointer;top:50%}.ff-input-icon-container{align-items:center;background:transparent;display:flex;flex-direction:column;height:29px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:2}.ff-input-icon-container--default{cursor:pointer;top:50%}.ff-input-icon-container--error.ff-input-icon-container--with-label{top:36%}.ff-input-icon-container--error.ff-input-icon-container--no-label{top:50%}.ff-input-clear-icon-container{align-items:center;background:transparent;display:flex;flex-direction:column;height:29px;justify-content:center;position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:2}.ff-input-clear-icon-container--default{cursor:pointer;top:50%}.ff-input-clear-icon-container--isOnly-clear-icon{right:6px}.ff-input-clear-icon-container--error.ff-input-clear-icon-container--with-label{top:36%}.ff-input-clear-icon-container--error.ff-input-clear-icon-container--no-label{top:50%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa1ZBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSwwSEFDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGdCQUpFLG1CQU9GLENBSEEsUUFFRSxjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsaUJBSkUsbUJBT0YsQ0FIQSxTQUVFLGNBQ0YsQ0FFQSxhQUNFLG1CQUFzQixDQUN0QixhQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLG1CQUVFLFdBQVksQ0FEWixvQkFBcUIsQ0FHckIsUUFBUyxDQURULFNBQVUsQ0FHVixnQkFBaUIsQ0FEakIsVUFFRixDQUNBLDZCQUVFLGlEQUFrRCxDQURsRCxXQUFZLENBRVosaUJBQWtCLENBQ2xCLFVBQVksQ0FDWixtQkFDRixDQUNBLHVDQUNFLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsaUJBQWtCLENBQ2xCLGdCQUNGLENBQ0Esa0hBRUUsa0RBQW1ELENBQ25ELGlCQUFrQixDQUVsQixnQkFBaUIsQ0FEakIsWUFBYSxDQUhiLGVBS0YsQ0FDQSx3SEFDRSx3QkFDRixDQUlBLGlJQUNFLGtDQUNGLENBQ0EsOERBQ0Usa0NBQ0YsQ0FDQSx5REFDRSxnQkFDRixDQUNBLG9JQUlFLHNCQUF1QixDQUR2QixrREFBbUQsQ0FGbkQsa0JBQW1CLENBQ25CLG1CQUdGLENBQ0EsNElBRUUsZ0JBQWlCLENBRGpCLFNBRUYsQ0FDQSx5REFDRSwwQ0FDRixDQUNBLHdFQUNFLHNCQUNGLENBQ0EsNERBQ0UsV0FDRixDQUNBLDJFQUNFLFNBQ0YsQ0FDQSxpRUFLRSxXQUFZLENBSFosWUFBYSxDQUNiLE9BQVEsQ0FJUixnQkFBaUIsQ0FDakIsY0FBZSxDQUZmLFlBQWEsQ0FMYixtQkFBb0IsQ0FHcEIsaUJBQWtCLENBTWxCLDhCQUFnQyxDQURoQyxnQkFBaUIsQ0FFakIsU0FDRixDQUNBLHlFQUNFLGdCQUNGLENBQ0EsaUZBQ0Usc0NBQ0YsQ0FDQSx5RkFDRSxtQ0FDRixDQUNBLDJGQUVFLDRDQUE2QyxDQUQ3Qyx1Q0FFRixDQUNBLG9GQUNFLG1DQUNGLENBSUEsb0lBQ0Usc0NBQ0YsQ0FDQSx1RUFDRSx1Q0FDRixDQUNBLHFFQUNFLG1DQUNGLENBQ0EsOEhBQ0UsK0JBQ0YsQ0FDQSxpRUFDRSw4Q0FDRixDQUNBLGlFQUNFLHNCQUF1QixDQUN2Qiw4Q0FDRixDQUNBLCtEQUNFLDBDQUNGLENBQ0EsOEVBRUUsNENBQTZDLENBQzdDLGdCQUFpQixDQUVqQixnQkFBaUIsQ0FEakIsYUFBZ0IsQ0FIaEIsUUFLRixDQUNBLDZFQUNFLHdCQUNGLENBQ0EsNEVBQ0UsbUNBQ0YsQ0FDQSw0SUFDRSwrQkFDRixDQUNBLHNFQUNFLDBDQUNGLENBQ0Esc0tBRUUsaUJBQWtCLENBRGxCLFNBRUYsQ0FDQSx5REFFRSxnQkFBaUIsQ0FEakIsYUFFRixDQUNBLGdFQUNFLFdBQ0YsQ0FDQSx5RUFDRSxzQ0FDRixDQUNBLGlFQUNFLG1DQUNGLENBQ0Esd0VBR0UsNENBQTZDLENBRDdDLGNBQWUsQ0FFZixnQkFBaUIsQ0FFakIsZ0JBQWlCLENBRGpCLGFBQWdCLENBSmhCLFFBQVMsQ0FNVCxnQkFDRixDQUlBLDBJQUNFLGtCQUNGLENBRUEsNEZBRUUsdUJBQXdCLENBQ3hCLFFBQVMsQ0FDVCxnQkFDRixDQUdBLG1CQUNFLG9CQUFxQixDQUNyQix5QkFDRixDQUVBLGlCQU1FLGtCQUFtQixDQUduQixzQkFBdUIsQ0FQdkIsWUFBYSxDQUNiLHFCQUFzQixDQUZ0QixXQUFZLENBSVosNEJBQTZCLENBRDdCLGlCQUFrQixDQUdsQixTQUFVLENBQ1YsT0FBUSxDQUVSLDBCQUNGLENBQ0EsdUJBQ0UsT0FDRixDQUNBLDZCQUNFLFFBQ0YsQ0FDQSxnQ0FDRSxRQUNGLENBQ0EsNEJBRUUsY0FBZSxDQURmLE9BRUYsQ0FFQSx5QkFNRSxrQkFBbUIsQ0FHbkIsc0JBQXVCLENBUHZCLFlBQWEsQ0FDYixxQkFBc0IsQ0FGdEIsV0FBWSxDQUlaLHNCQUF1QixDQUR2QixpQkFBa0IsQ0FHbEIsU0FBVSxDQUNWLE9BQVEsQ0FFUiwwQkFBMkIsQ0FDM0IsU0FDRixDQUNBLGtDQUVFLGNBQWUsQ0FEZixPQUVGLENBQ0Esb0VBQ0UsT0FDRixDQUNBLGtFQUNFLE9BQ0YsQ0FFQSwrQkFNRSxrQkFBbUIsQ0FHbkIsc0JBQXVCLENBUHZCLFlBQWEsQ0FDYixxQkFBc0IsQ0FGdEIsV0FBWSxDQUlaLHNCQUF1QixDQUR2QixpQkFBa0IsQ0FHbEIsVUFBVyxDQUNYLE9BQVEsQ0FFUiwwQkFBMkIsQ0FDM0IsU0FDRixDQUNBLHdDQUVFLGNBQWUsQ0FEZixPQUVGLENBQ0Esa0RBQ0UsU0FDRixDQUNBLGdGQUNFLE9BQ0YsQ0FDQSw4RUFDRSxPQUNGIiwiZmlsZSI6IklucHV0LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZm9udFhzLCAuZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQ6OnBsYWNlaG9sZGVyLCAuZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtbGFiZWwtY29udGFpbmVyOjpwbGFjZWhvbGRlciwgLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1pbnB1dC1sYWJlbC1jb250YWluZXIsIC5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyIC5mZi1pbnB1dC13aWR0aCwgLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXIgLmZmLWlucHV0LW1lc3NhZ2Uge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnRTbSwgLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXIgLmZmLWlucHV0LCAuZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtbGFiZWwtY29udGFpbmVyIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDEycHg7XG59XG5cbi5mb250TWQge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTRweDtcbn1cblxuLmZvbnRMZyB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNnB4O1xufVxuXG4uZm9udFhMIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE4cHg7XG59XG5cbi5mb250MlhsIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDI0cHg7XG59XG5cbi5mb250LXNpemUtOCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4cHg7XG59XG5cbi5mb250LXNpemUtMTAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnQtc2l6ZS0yMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAyMHB4O1xufVxuXG4uZm9udC1zaXplLTMyIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDMycHg7XG59XG5cbi5mb250LXNpemUtODAge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogODBweDtcbn1cblxuLmZmLWlucHV0LWZpZWxkc2V0IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuLmZmLWlucHV0LWZpZWxkc2V0LS1kaXNhYmxlZCB7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdmFyKC0taW5wdXQtZGlzYWJsZWQtYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgb3BhY2l0eTogMC41O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyIC5mZi1pbnB1dCwgLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXIgLmZmLWlucHV0LWxhYmVsLWNvbnRhaW5lciB7XG4gIHBhZGRpbmc6IDZweCA4cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWlucHV0LWRlZmF1bHQtYm9yZGVyLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBvdXRsaW5lOiBub25lO1xuICBsaW5lLWhlaWdodDogMThweDtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyIC5mZi1pbnB1dC0tbnVtYmVyLCAuZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtLWlzU2VhcmNoSWNvbiB7XG4gIHBhZGRpbmc6IDZweCAyNHB4IDZweCA4cHg7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtLWlzU2hvd0ljb24ge1xuICBwYWRkaW5nOiA2cHggMzBweCA2cHggOHB4ICFpbXBvcnRhbnQ7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtLWlzT25seS1jbGVhci1pY29uIHtcbiAgcGFkZGluZzogNnB4IDMwcHggNnB4IDhweCAhaW1wb3J0YW50O1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXIgLmZmLWlucHV0LS1pc0NsZWFySWNvbiB7XG4gIHBhZGRpbmc6IDZweCA1MHB4IDZweCA4cHggIWltcG9ydGFudDtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyIC5mZi1pbnB1dC0tbWVkaXVtIHtcbiAgcGFkZGluZzogMTBweCA5cHg7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQ6ZGlzYWJsZWQsIC5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyIC5mZi1pbnB1dC1sYWJlbC1jb250YWluZXI6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyIC5mZi1pbnB1dDo6cGxhY2Vob2xkZXIsIC5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyIC5mZi1pbnB1dC1sYWJlbC1jb250YWluZXI6OnBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbiAgbGluZS1oZWlnaHQ6IDE1cHg7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtLWRhbmdlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtLXRyYW5zcGFyZW50QmFja2dyb3VuZCB7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXIgLmZmLWlucHV0LS1uby1ib3JkZXIge1xuICBib3JkZXI6IG5vbmU7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtLXBsYWNlaG9sZGVyOjpwbGFjZWhvbGRlciB7XG4gIG9wYWNpdHk6IDE7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtbGFiZWwtY29udGFpbmVyIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMnB4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gIG1hcmdpbi10b3A6IDFweDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2UtaW4tb3V0O1xuICB6LWluZGV4OiAxO1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXIgLmZmLWlucHV0LWxhYmVsLWNvbnRhaW5lci0tbWVkaXVtIHtcbiAgbGluZS1oZWlnaHQ6IDI1cHg7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtbGFiZWwtY29udGFpbmVyIC5mZi1pbnB1dC1sYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1kZWZhdWx0LWxhYmVsLWNvbG9yKTtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyIC5mZi1pbnB1dC1sYWJlbC1jb250YWluZXIgLmZmLWlucHV0LWxhYmVsLS1kYW5nZXIge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtbGFiZWwtY29udGFpbmVyIC5mZi1pbnB1dC1sYWJlbC0tZGlzYWJsZWQge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1sYWJlbC1iZy1jb2xvcik7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtbGFiZWwtY29udGFpbmVyIC5yZXF1aXJlZC1hc3RlcmlzayB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1lcnJvci10ZXh0LWNvbG9yKTtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyOmhvdmVyIC5mZi1pbnB1dC1sYWJlbCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1kZWZhdWx0LWxhYmVsLWNvbG9yKTtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyOmhvdmVyIC5mZi1pbnB1dC1sYWJlbC0tbm8taG92ZXIge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1sYWJlbC1jb2xvcik7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lcjpob3ZlciAuZmYtaW5wdXQtbGFiZWwtLWRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWRlZmF1bHQtYm9yZGVyLWNvbG9yKTtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyOmhvdmVyIC5mZi1pbnB1dC1sYWJlbC0tZGFuZ2VyIHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWVycm9yLXRleHQtY29sb3IpO1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXI6aG92ZXIgLmZmLWlucHV0LCAuZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lcjpob3ZlciAuZmYtaW5wdXQtbGFiZWwtY29udGFpbmVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lcjpob3ZlciAuZmYtaW5wdXQtLW5vLWhvdmVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pbnB1dC1kZWZhdWx0LWJvcmRlci1jb2xvcik7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lcjpob3ZlciAuZmYtaW5wdXQtLWRpc2FibGVkIHtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXI6aG92ZXIgLmZmLWlucHV0LS1kYW5nZXIge1xuICBib3JkZXItY29sb3I6IHZhcigtLWlucHV0LWVycm9yLXRleHQtY29sb3IpO1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1pbnB1dC1sYWJlbC1jb250YWluZXIge1xuICB0b3A6IC05cHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWxhYmVsLWJnLWNvbG9yKTtcbiAgbGluZS1oZWlnaHQ6IDE1cHg7XG4gIHBhZGRpbmc6IDBweCAycHg7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1pbnB1dC1sYWJlbC0tcHJpbWFyeSB7XG4gIGNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lcjpmb2N1cy13aXRoaW4gLmZmLWlucHV0LWxhYmVsLS1kYW5nZXIge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lcjpmb2N1cy13aXRoaW4gLmZmLWlucHV0LCAuZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lcjpmb2N1cy13aXRoaW4gLmZmLWlucHV0LWxhYmVsLWNvbnRhaW5lciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnJhbmQtY29sb3IpO1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1pbnB1dC0tZGFuZ2VyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pbnB1dC1lcnJvci10ZXh0LWNvbG9yKTtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyOmZvY3VzLXdpdGhpbiAuZmYtaW5wdXQ6OnBsYWNlaG9sZGVyLCAuZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lcjpmb2N1cy13aXRoaW4gLmZmLWlucHV0LWxhYmVsLWNvbnRhaW5lcjo6cGxhY2Vob2xkZXIge1xuICBvcGFjaXR5OiAxO1xuICBtYXJnaW4tYm90dG9tOiAxcHg7XG59XG4uZmYtaW5wdXQtZmllbGRzZXQgLmZmLWlucHV0LWNvbnRhaW5lciAuZmYtaW5wdXQtbWVzc2FnZSB7XG4gIHBhZGRpbmc6IDBweCA0cHg7XG4gIGxpbmUtaGVpZ2h0OiAxNXB4O1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXIgLmZmLWlucHV0LW1lc3NhZ2UtLXNwYWNlIHtcbiAgaGVpZ2h0OiAxNXB4O1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXIgLmZmLWlucHV0LW1lc3NhZ2UtLXNob3dIZWxwZXJUZXh0IHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWRlZmF1bHQtbGFiZWwtY29sb3IpO1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXIgLmZmLWlucHV0LW1lc3NhZ2UtLWRhbmdlciB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1lcnJvci10ZXh0LWNvbG9yKTtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyLS1mbG9hdCAuZmYtaW5wdXQtbGFiZWwtY29udGFpbmVyIHtcbiAgdG9wOiAtOXB4O1xuICBmb250LXNpemU6IDEwcHg7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWxhYmVsLWJnLWNvbG9yKTtcbiAgbGluZS1oZWlnaHQ6IDE1cHg7XG4gIHBhZGRpbmc6IDBweCAycHg7XG4gIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cbi5mZi1pbnB1dC1maWVsZHNldCAuZmYtaW5wdXQtY29udGFpbmVyLS1mbG9hdC0tZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmZmLWlucHV0LWZpZWxkc2V0IC5mZi1pbnB1dC1jb250YWluZXItLWZsb2F0LS1kaXNhYmxlZCAuZmYtaW5wdXQtbGFiZWwtY29udGFpbmVyIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuaW5wdXRbdHlwZT1udW1iZXJdOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uLFxuaW5wdXRbdHlwZT1udW1iZXJdOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uIHtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4vKiBGaXJlZm94ICovXG5pbnB1dFt0eXBlPW51bWJlcl0ge1xuICBhcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG4gIC1tb3otYXBwZWFyYW5jZTogdGV4dGZpZWxkO1xufVxuXG4uYXJyb3ctY29udGFpbmVyIHtcbiAgaGVpZ2h0OiAyOXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICByaWdodDogNnB4O1xuICB0b3A6IDUzJTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbn1cbi5hcnJvdy1jb250YWluZXItbGFiZWwge1xuICB0b3A6IDQ2JTtcbn1cbi5hcnJvdy1jb250YWluZXItbGFiZWwtZXJyb3Ige1xuICB0b3A6IDE1cHg7XG59XG4uYXJyb3ctY29udGFpbmVyLW5vLWxhYmVsLWVycm9yIHtcbiAgdG9wOiAxN3B4O1xufVxuLmFycm93LWNvbnRhaW5lci1zZWFyY2hJY29uIHtcbiAgdG9wOiA1MCU7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLmZmLWlucHV0LWljb24tY29udGFpbmVyIHtcbiAgaGVpZ2h0OiAyOXB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICByaWdodDogNnB4O1xuICB0b3A6IDUwJTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgei1pbmRleDogMjtcbn1cbi5mZi1pbnB1dC1pY29uLWNvbnRhaW5lci0tZGVmYXVsdCB7XG4gIHRvcDogNTAlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmYtaW5wdXQtaWNvbi1jb250YWluZXItLWVycm9yLmZmLWlucHV0LWljb24tY29udGFpbmVyLS13aXRoLWxhYmVsIHtcbiAgdG9wOiAzNiU7XG59XG4uZmYtaW5wdXQtaWNvbi1jb250YWluZXItLWVycm9yLmZmLWlucHV0LWljb24tY29udGFpbmVyLS1uby1sYWJlbCB7XG4gIHRvcDogNTAlO1xufVxuXG4uZmYtaW5wdXQtY2xlYXItaWNvbi1jb250YWluZXIge1xuICBoZWlnaHQ6IDI5cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHJpZ2h0OiAzMHB4O1xuICB0b3A6IDUwJTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgei1pbmRleDogMjtcbn1cbi5mZi1pbnB1dC1jbGVhci1pY29uLWNvbnRhaW5lci0tZGVmYXVsdCB7XG4gIHRvcDogNTAlO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uZmYtaW5wdXQtY2xlYXItaWNvbi1jb250YWluZXItLWlzT25seS1jbGVhci1pY29uIHtcbiAgcmlnaHQ6IDZweDtcbn1cbi5mZi1pbnB1dC1jbGVhci1pY29uLWNvbnRhaW5lci0tZXJyb3IuZmYtaW5wdXQtY2xlYXItaWNvbi1jb250YWluZXItLXdpdGgtbGFiZWwge1xuICB0b3A6IDM2JTtcbn1cbi5mZi1pbnB1dC1jbGVhci1pY29uLWNvbnRhaW5lci0tZXJyb3IuZmYtaW5wdXQtY2xlYXItaWNvbi1jb250YWluZXItLW5vLWxhYmVsIHtcbiAgdG9wOiA1MCU7XG59Il19 */");

package/lib/components/InputWithDropdown/InputWithDropdown.js

@@ -1,64 +1 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import classNames from 'classnames';
-import './InputWithDropdown.scss';
-import Select from '../Select/Select';
-import Typography from '../Typography';
-import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
-const InputWithDropdown = forwardRef(({ name = '', label, value, disabled = false, required = false, placeholder, error, helperText, optionsList, selectedOption = { label: '', value: '' }, autoComplete = 'off', onDropdownChangeHandler = () => { }, onInputChangeHandler, onInputBlurHandler, onClick, onKeyUp, onKeyDown = () => { }, onFocus, optionsRequired = true, dropdownPosition = 'right', type = 'text', leftDropDownPositionZindex, rightDropDownPositionZindex, pattern, inputMode, disableSelectHover = false, inputRefWithDropdown, autoFocus = false, }, ref) => {
-    const isValueFilled = !checkEmpty(value) || dropdownPosition === 'left';
-    const handleWheel = (e) => {
-        if (type !== 'number')
-            return;
-        const input = e.currentTarget;
-        const currentValue = parseFloat(input.value);
-        const isScrollDown = e.deltaY > 0;
-        if (!isNaN(currentValue) && currentValue <= 0 && isScrollDown) {
-            input.blur();
-            setTimeout(() => input.focus(), 0);
-        }
-    };
-    const handleOnKeyDown = (e) => {
-        const { type, value } = e.currentTarget;
-        const parsedValue = parseInt(value);
-        if (type === 'number') {
-            if (['Subtract', '-'].includes(e.key) ||
-                (e.key === 'ArrowDown' && (parsedValue <= 0 || isNaN(parsedValue)))) {
-                e.preventDefault();
-            }
-        }
-        onKeyDown?.(e);
-    };
-    return (_jsxs("div", { className: classNames('ff-input-with-dropdown-container', {
-            'ff-input-with-dropdown-container--filled': isValueFilled,
-        }), children: [_jsxs("fieldset", { className: classNames('ff-input-with-dropdown', {
-                    'ff-input-with-dropdown--filled': isValueFilled,
-                    'ff-input-with-dropdown--no-hover': isValueFilled,
-                    'ff-input-with-dropdown--disabled': !!disabled,
-                    'ff-input-with-dropdown--error': !!error,
-                    [`ff-input-with-dropdown--${dropdownPosition}`]: dropdownPosition,
-                }), children: [dropdownPosition === 'left' && (_jsxs(_Fragment, { children: [_jsx(Select, { optionsList: optionsList, selectedOption: selectedOption, showLabel: false, showBorder: false, onChange: onDropdownChangeHandler, disabled: disabled || !optionsRequired, optionZIndex: leftDropDownPositionZindex, optionsRequired: optionsRequired, className: classNames('ff-floating-dropdown', {
-                                    'ff-floating-dropdown--disabled': !!disabled,
-                                    'ff-floating-dropdown--error': !!error,
-                                    'ff-floating-dropdown--left': dropdownPosition === 'left',
-                                    'ff-floating-dropdown--no-hover': disableSelectHover,
-                                }), width: 94, height: 30, dropDownRef: inputRefWithDropdown }), _jsx("div", { className: "seperatorline" })] })), _jsxs("div", { className: classNames('ff-floating-label-input-container'), children: [_jsx(Typography, { as: "label", htmlFor: name, className: classNames('ff-floating-label', {
-                                    'ff-floating-label--filled': isValueFilled,
-                                    'ff-floating-label--no-hover': isValueFilled,
-                                    'ff-floating-label--error': !!error,
-                                }), required: required, children: label }), _jsx("input", { ref: ref, name: name, type: type, id: name, value: value, onChange: onInputChangeHandler, onBlur: onInputBlurHandler, placeholder: placeholder, autoComplete: autoComplete, required: required, disabled: disabled, onClick: onClick, onKeyUp: onKeyUp, onKeyDown: handleOnKeyDown, onWheel: handleWheel, onFocus: onFocus, className: classNames('ff-floating-input', {
-                                    'ff-floating-input--filled': isValueFilled,
-                                    'ff-floating-input--disabled': !!disabled,
-                                    'ff-floating-input--error': !!error,
-                                    'ff-floating-input--left-dropdown': dropdownPosition === 'left',
-                                    'ff-floating-input--right-dropdown': dropdownPosition === 'right',
-                                }), inputMode: inputMode, pattern: pattern, autoFocus: autoFocus })] }), dropdownPosition === 'right' && (_jsx(Select, { optionsList: optionsList, selectedOption: selectedOption, showLabel: false, showBorder: false, optionZIndex: rightDropDownPositionZindex, onChange: onDropdownChangeHandler, disabled: disabled || !optionsRequired, optionsRequired: optionsRequired, className: classNames('ff-floating-dropdown', {
-                            'ff-floating-dropdown--disabled': !!disabled,
-                            'ff-floating-dropdown--error': !!error,
-                            'ff-floating-dropdown--no-hover': disableSelectHover,
-                        }), width: 120, height: 30, dropDownRef: inputRefWithDropdown }))] }), error && helperText && (_jsx("span", { className: classNames('ff-helper-text', {
-                    'ff-helper-text-left': dropdownPosition === 'left',
-                }), children: helperText }))] }));
-});
-export default InputWithDropdown;
-//# sourceMappingURL=InputWithDropdown.js.map
+import{jsxs as o,Fragment as e,jsx as t}from"react/jsx-runtime";import{forwardRef as n}from"react";import i from"../../_virtual/index.js";import"./InputWithDropdown.scss.js";import r from"../Select/Select.js";import l from"../Typography/Typography.js";import{checkEmpty as f}from"../../utils/checkEmpty/checkEmpty.js";const d=n(({name:n="",label:d,value:a,disabled:p=!1,required:s=!1,placeholder:u,error:h,helperText:c,optionsList:w,selectedOption:g={label:"",value:""},autoComplete:m="off",onDropdownChangeHandler:b=()=>{},onInputChangeHandler:v,onInputBlurHandler:y,onClick:D,onKeyUp:N,onKeyDown:x=()=>{},onFocus:C,optionsRequired:j=!0,dropdownPosition:k="right",type:q="text",leftDropDownPositionZindex:F,rightDropDownPositionZindex:I,pattern:R,inputMode:T,disableSelectHover:L=!1,inputRefWithDropdown:B,autoFocus:H=!1},K)=>{const S=!f(a)||"left"===k;return o("div",{className:i("ff-input-with-dropdown-container",{"ff-input-with-dropdown-container--filled":S}),children:[o("fieldset",{className:i("ff-input-with-dropdown",{"ff-input-with-dropdown--filled":S,"ff-input-with-dropdown--no-hover":S,"ff-input-with-dropdown--disabled":!!p,"ff-input-with-dropdown--error":!!h,[`ff-input-with-dropdown--${k}`]:k}),children:["left"===k&&o(e,{children:[t(r,{optionsList:w,selectedOption:g,showLabel:!1,showBorder:!1,onChange:b,disabled:p||!j,optionZIndex:F,optionsRequired:j,className:i("ff-floating-dropdown",{"ff-floating-dropdown--disabled":!!p,"ff-floating-dropdown--error":!!h,"ff-floating-dropdown--left":"left"===k,"ff-floating-dropdown--no-hover":L}),width:94,height:30,dropDownRef:B}),t("div",{className:"seperatorline"})]}),o("div",{className:i("ff-floating-label-input-container"),children:[t(l,{as:"label",htmlFor:n,className:i("ff-floating-label",{"ff-floating-label--filled":S,"ff-floating-label--no-hover":S,"ff-floating-label--error":!!h}),required:s,children:d}),t("input",{ref:K,name:n,type:q,id:n,value:a,onChange:v,onBlur:y,placeholder:u,autoComplete:m,required:s,disabled:p,onClick:D,onKeyUp:N,onKeyDown:o=>{const{type:e,value:t}=o.currentTarget,n=parseInt(t);"number"===e&&(["Subtract","-"].includes(o.key)||"ArrowDown"===o.key&&(n<=0||isNaN(n)))&&o.preventDefault(),x?.(o)},onWheel:o=>{if("number"!==q)return;const e=o.currentTarget,t=parseFloat(e.value),n=o.deltaY>0;!isNaN(t)&&t<=0&&n&&(e.blur(),setTimeout(()=>e.focus(),0))},onFocus:C,className:i("ff-floating-input",{"ff-floating-input--filled":S,"ff-floating-input--disabled":!!p,"ff-floating-input--error":!!h,"ff-floating-input--left-dropdown":"left"===k,"ff-floating-input--right-dropdown":"right"===k}),inputMode:T,pattern:R,autoFocus:H})]}),"right"===k&&t(r,{optionsList:w,selectedOption:g,showLabel:!1,showBorder:!1,optionZIndex:I,onChange:b,disabled:p||!j,optionsRequired:j,className:i("ff-floating-dropdown",{"ff-floating-dropdown--disabled":!!p,"ff-floating-dropdown--error":!!h,"ff-floating-dropdown--no-hover":L}),width:120,height:30,dropDownRef:B})]}),h&&c&&t("span",{className:i("ff-helper-text",{"ff-helper-text-left":"left"===k}),children:c})]})});export{d as default};

package/lib/components/InputWithDropdown/InputWithDropdown.scss.js

@@ -0,0 +1 @@
+import t from"../../node_modules/style-inject/dist/style-inject.es.js";t(".ff-input-with-dropdown-container .ff-helper-text,.fontXs{font-family:Poppins;font-size:10px}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input,.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label,.fontSm{font-family:Poppins;font-size:12px}.fontMd{font-size:14px}.fontLg,.fontMd{font-family:Poppins}.fontLg{font-size:16px}.fontXL{font-size:18px}.font2Xl,.fontXL{font-family:Poppins}.font2Xl{font-size:24px}.font-size-8{font-family:Poppins;font-size:8px}.font-size-10{font-family:Poppins;font-size:10px}.font-size-20{font-family:Poppins;font-size:20px}.font-size-32{font-family:Poppins;font-size:32px}.font-size-80{font-family:Poppins;font-size:80px}.ff-input-with-dropdown-container{display:flex;flex-direction:column}.ff-input-with-dropdown-container .ff-input-with-dropdown{border:1px solid var(--input-default-border-color);border-radius:4px;display:flex;justify-content:space-between;padding:0;position:relative}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-input-with-dropdown--left{display:flex;flex-direction:row-reverse}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-input-with-dropdown--right{display:flex;flex-direction:row}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-input--left-dropdown{width:698px}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container{display:flex;flex:1}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label{color:var(--input-default-border-color);left:7px;position:absolute;top:6px;transition:all .3s ease-in-out;z-index:9}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label .ff-required-asterisk{color:var(--input-error-text-color)}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--filled{color:var(--input-active-text-color)}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--no-hover{color:var(--input-default-border-color)}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--error{color:var(--input-error-text-color)}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input{border:none;line-height:18px;outline:none;padding:6px 7px;width:100%;z-index:1}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-inner-spin-button,.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::placeholder{opacity:0}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input:disabled{background:transparent;cursor:not-allowed}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--error{border-color:var(--input-error-text-color)}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--left-dropdown{border-radius:4px}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--left-dropdown::placeholder{opacity:1}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--right-dropdown{border-radius:4px 0 0 4px;border-right:1px solid var(--input-default-border-color)}.ff-input-with-dropdown-container .ff-input-with-dropdown--no-hover{border-color:var(--input-default-border-color)}.ff-input-with-dropdown-container .ff-input-with-dropdown--disabled{cursor:not-allowed;opacity:.5}.ff-input-with-dropdown-container .ff-input-with-dropdown--error{border-color:var(--input-error-text-color)}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown{border:none;margin:0;outline:none;width:100%}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown:disabled{cursor:not-allowed}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown:hover{background-color:var(--dropdown-bg-color)}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown.ff-floating-dropdown--no-hover:hover{background-color:transparent}.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown--left{min-width:94px}.ff-input-with-dropdown-container .ff-input-with-dropdown .seperatorline{border-radius:2px;border-right:.5px solid var(--brand-color);flex-shrink:0;height:26px;margin-top:3px}.ff-input-with-dropdown-container:hover .ff-input-with-dropdown{border-color:var(--brand-color)}.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--disabled,.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--filled{border-color:var(--input-default-border-color)}.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--error{border-color:var(--input-error-text-color)}.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label{color:var(--input-hover-border-color)}.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--disabled,.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--filled{color:var(--input-default-border-color)}.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--error{color:var(--input-error-text-color)}.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input{border-color:var(--brand-color)}.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--disabled,.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--filled{border-color:var(--input-default-border-color)}.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--error{border-color:var(--input-error-text-color)}.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown{border-color:var(--input-active-text-color)}.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown--error{border-color:var(--input-error-text-color)}.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label{background-color:var(--input-label-bg-color);color:var(--input-active-text-color);font-size:10px!important;line-height:15px;padding:0 2px;top:-9px}.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label--error{color:var(--input-error-text-color)}.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input{border-color:var(--input-active-text-color)}.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input--error{border-color:var(--input-error-text-color)}.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input::placeholder{opacity:1}.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container{border-color:var(--input-active-text-color)}.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label{background-color:var(--input-label-bg-color);font-size:10px!important;line-height:15px;padding:0 2px;top:-9px}.ff-input-with-dropdown-container--filled span{font-size:8px}.ff-input-with-dropdown-container--filled .required-asterisk{color:var(--input-error-text-color)}.ff-input-with-dropdown-container .ff-helper-text{color:var(--input-error-text-color);padding:0 11px}.ff-input-with-dropdown-container .ff-helper-text-left{margin-left:94px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0V2l0aERyb3Bkb3duLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMERBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSx3T0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLFFBRUUsY0FDRixDQUVBLGdCQUpFLG1CQU9GLENBSEEsUUFFRSxjQUNGLENBRUEsUUFFRSxjQUNGLENBRUEsaUJBSkUsbUJBT0YsQ0FIQSxTQUVFLGNBQ0YsQ0FFQSxhQUNFLG1CQUFzQixDQUN0QixhQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGNBQ0UsbUJBQXNCLENBQ3RCLGNBQ0YsQ0FFQSxjQUNFLG1CQUFzQixDQUN0QixjQUNGLENBRUEsY0FDRSxtQkFBc0IsQ0FDdEIsY0FDRixDQUVBLGtDQUNFLFlBQWEsQ0FDYixxQkFDRixDQUNBLDBEQUVFLGtEQUFtRCxDQUNuRCxpQkFBa0IsQ0FGbEIsWUFBYSxDQUtiLDZCQUE4QixDQUY5QixTQUFVLENBQ1YsaUJBRUYsQ0FDQSx3RkFDRSxZQUFhLENBQ2IsMEJBQ0YsQ0FDQSx5RkFDRSxZQUFhLENBQ2Isa0JBQ0YsQ0FDQSw0RkFDRSxXQUNGLENBQ0EsNkZBQ0UsWUFBYSxDQUNiLE1BQ0YsQ0FDQSxnSEFHRSx1Q0FBd0MsQ0FFeEMsUUFBUyxDQUpULGlCQUFrQixDQUdsQixPQUFRLENBRVIsOEJBQWdDLENBSmhDLFNBS0YsQ0FDQSxzSUFDRSxtQ0FDRixDQUNBLHdIQUNFLG9DQUNGLENBQ0EsMEhBQ0UsdUNBQ0YsQ0FDQSx1SEFDRSxtQ0FDRixDQUNBLGdIQUlFLFdBQVksQ0FEWixnQkFBaUIsQ0FFakIsWUFBYSxDQUhiLGVBQWdCLENBRGhCLFVBQVcsQ0FLWCxTQUNGLENBQ0Esc1JBQ0UsdUJBQXdCLENBQ3hCLFFBQ0YsQ0FDQSw2SEFDRSxTQUNGLENBQ0EseUhBRUUsc0JBQXVCLENBRHZCLGtCQUVGLENBQ0EsdUhBQ0UsMENBQ0YsQ0FDQSwrSEFDRSxpQkFDRixDQUNBLDRJQUNFLFNBQ0YsQ0FDQSxnSUFFRSx5QkFBMEIsQ0FEMUIsd0RBRUYsQ0FDQSxvRUFDRSw4Q0FDRixDQUNBLG9FQUNFLGtCQUFtQixDQUNuQixVQUNGLENBQ0EsaUVBQ0UsMENBQ0YsQ0FDQSxnRkFFRSxXQUFZLENBRVosUUFBUyxDQURULFlBQWEsQ0FGYixVQUlGLENBQ0EseUZBQ0Usa0JBQ0YsQ0FDQSxzRkFDRSx5Q0FDRixDQUNBLHFIQUNFLDRCQUNGLENBQ0Esc0ZBQ0UsY0FDRixDQUNBLHlFQUtFLGlCQUFrQixDQUZsQiwwQ0FBNEMsQ0FDNUMsYUFBYyxDQUhkLFdBQVksQ0FDWixjQUlGLENBQ0EsZ0VBQ0UsK0JBQ0YsQ0FJQSxrSkFDRSw4Q0FDRixDQUNBLHVFQUNFLDBDQUNGLENBQ0EseUZBQ0UscUNBQ0YsQ0FJQSxvTUFDRSx1Q0FDRixDQUNBLGdHQUNFLG1DQUNGLENBQ0EsbUZBQ0UsK0JBQ0YsQ0FJQSx3TEFDRSw4Q0FDRixDQUNBLDBGQUNFLDBDQUNGLENBQ0EsdUVBQ0UsMkNBQ0YsQ0FDQSw4RUFDRSwwQ0FDRixDQUNBLDBGQUVFLDRDQUE2QyxDQUU3QyxvQ0FBcUMsQ0FFckMsd0JBQTBCLENBRDFCLGdCQUFpQixDQUZqQixhQUFnQixDQUZoQixRQU1GLENBQ0EsaUdBQ0UsbUNBQ0YsQ0FDQSwwRkFDRSwyQ0FDRixDQUNBLGlHQUNFLDBDQUNGLENBQ0EsdUdBQ0UsU0FDRixDQUNBLHFHQUNFLDJDQUNGLENBQ0Esd0hBRUUsNENBQTZDLENBRzdDLHdCQUEwQixDQUQxQixnQkFBaUIsQ0FEakIsYUFBZ0IsQ0FGaEIsUUFLRixDQUNBLCtDQUNFLGFBQ0YsQ0FDQSw2REFDRSxtQ0FDRixDQUNBLGtEQUNFLG1DQUFvQyxDQUNwQyxjQUNGLENBQ0EsdURBQ0UsZ0JBQ0YiLCJmaWxlIjoiSW5wdXRXaXRoRHJvcGRvd24uc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb250WHMsIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lciAuZmYtaGVscGVyLXRleHQge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTBweDtcbn1cblxuLmZvbnRTbSwgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1sYWJlbC1pbnB1dC1jb250YWluZXIgLmZmLWZsb2F0aW5nLWxhYmVsLCAuZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWxhYmVsLWlucHV0LWNvbnRhaW5lciAuZmYtZmxvYXRpbmctaW5wdXQge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMTJweDtcbn1cblxuLmZvbnRNZCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuXG4uZm9udExnIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDE2cHg7XG59XG5cbi5mb250WEwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMThweDtcbn1cblxuLmZvbnQyWGwge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMjRweDtcbn1cblxuLmZvbnQtc2l6ZS04IHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDhweDtcbn1cblxuLmZvbnQtc2l6ZS0xMCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiAxMHB4O1xufVxuXG4uZm9udC1zaXplLTIwIHtcbiAgZm9udC1mYW1pbHk6IFwiUG9wcGluc1wiO1xuICBmb250LXNpemU6IDIwcHg7XG59XG5cbi5mb250LXNpemUtMzIge1xuICBmb250LWZhbWlseTogXCJQb3BwaW5zXCI7XG4gIGZvbnQtc2l6ZTogMzJweDtcbn1cblxuLmZvbnQtc2l6ZS04MCB7XG4gIGZvbnQtZmFtaWx5OiBcIlBvcHBpbnNcIjtcbiAgZm9udC1zaXplOiA4MHB4O1xufVxuXG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gIHBhZGRpbmc6IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLS1sZWZ0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLS1yaWdodCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWlucHV0LS1sZWZ0LWRyb3Bkb3duIHtcbiAgd2lkdGg6IDY5OHB4O1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1sYWJlbC1pbnB1dC1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1sYWJlbC1pbnB1dC1jb250YWluZXIgLmZmLWZsb2F0aW5nLWxhYmVsIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiA5O1xuICBjb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xuICB0b3A6IDZweDtcbiAgbGVmdDogN3B4O1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlLWluLW91dDtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lciAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctbGFiZWwtaW5wdXQtY29udGFpbmVyIC5mZi1mbG9hdGluZy1sYWJlbCAuZmYtcmVxdWlyZWQtYXN0ZXJpc2sge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWxhYmVsLWlucHV0LWNvbnRhaW5lciAuZmYtZmxvYXRpbmctbGFiZWwtLWZpbGxlZCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1hY3RpdmUtdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWxhYmVsLWlucHV0LWNvbnRhaW5lciAuZmYtZmxvYXRpbmctbGFiZWwtLW5vLWhvdmVyIHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWRlZmF1bHQtYm9yZGVyLWNvbG9yKTtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lciAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctbGFiZWwtaW5wdXQtY29udGFpbmVyIC5mZi1mbG9hdGluZy1sYWJlbC0tZXJyb3Ige1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWxhYmVsLWlucHV0LWNvbnRhaW5lciAuZmYtZmxvYXRpbmctaW5wdXQge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogNnB4IDdweDtcbiAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgei1pbmRleDogMTtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lciAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctbGFiZWwtaW5wdXQtY29udGFpbmVyIC5mZi1mbG9hdGluZy1pbnB1dDo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiwgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1sYWJlbC1pbnB1dC1jb250YWluZXIgLmZmLWZsb2F0aW5nLWlucHV0Ojotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcbiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWxhYmVsLWlucHV0LWNvbnRhaW5lciAuZmYtZmxvYXRpbmctaW5wdXQ6OnBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMDtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lciAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctbGFiZWwtaW5wdXQtY29udGFpbmVyIC5mZi1mbG9hdGluZy1pbnB1dDpkaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1sYWJlbC1pbnB1dC1jb250YWluZXIgLmZmLWZsb2F0aW5nLWlucHV0LS1lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWxhYmVsLWlucHV0LWNvbnRhaW5lciAuZmYtZmxvYXRpbmctaW5wdXQtLWxlZnQtZHJvcGRvd24ge1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWxhYmVsLWlucHV0LWNvbnRhaW5lciAuZmYtZmxvYXRpbmctaW5wdXQtLWxlZnQtZHJvcGRvd246OnBsYWNlaG9sZGVyIHtcbiAgb3BhY2l0eTogMTtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lciAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctbGFiZWwtaW5wdXQtY29udGFpbmVyIC5mZi1mbG9hdGluZy1pbnB1dC0tcmlnaHQtZHJvcGRvd24ge1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCB2YXIoLS1pbnB1dC1kZWZhdWx0LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDRweCAwIDAgNHB4O1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLS1uby1ob3ZlciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLS1kaXNhYmxlZCB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIG9wYWNpdHk6IDAuNTtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lciAuZmYtaW5wdXQtd2l0aC1kcm9wZG93bi0tZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWlucHV0LWVycm9yLXRleHQtY29sb3IpO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1kcm9wZG93biB7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IG5vbmU7XG4gIG91dGxpbmU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lciAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctZHJvcGRvd246ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1kcm9wZG93bjpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRyb3Bkb3duLWJnLWNvbG9yKTtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lciAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctZHJvcGRvd24uZmYtZmxvYXRpbmctZHJvcGRvd24tLW5vLWhvdmVyOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWRyb3Bkb3duLS1sZWZ0IHtcbiAgbWluLXdpZHRoOiA5NHB4O1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5zZXBlcmF0b3JsaW5lIHtcbiAgaGVpZ2h0OiAyNnB4O1xuICBtYXJnaW4tdG9wOiAzcHg7XG4gIGJvcmRlci1yaWdodDogMC41cHggc29saWQgdmFyKC0tYnJhbmQtY29sb3IpO1xuICBmbGV4LXNocmluazogMDtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyOmhvdmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6aG92ZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tLWZpbGxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyOmhvdmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLS1kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyOmhvdmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLS1lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6aG92ZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tLWxlZnQgLmZmLWZsb2F0aW5nLWxhYmVsIHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWhvdmVyLWJvcmRlci1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6aG92ZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tLWxlZnQgLmZmLWZsb2F0aW5nLWxhYmVsLS1maWxsZWQge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyOmhvdmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLS1sZWZ0IC5mZi1mbG9hdGluZy1sYWJlbC0tZGlzYWJsZWQge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZGVmYXVsdC1ib3JkZXItY29sb3IpO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyOmhvdmVyIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLS1sZWZ0IC5mZi1mbG9hdGluZy1sYWJlbC0tZXJyb3Ige1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6aG92ZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWlucHV0IHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1icmFuZC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6aG92ZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWlucHV0LS1maWxsZWQge1xuICBib3JkZXItY29sb3I6IHZhcigtLWlucHV0LWRlZmF1bHQtYm9yZGVyLWNvbG9yKTtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lcjpob3ZlciAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctaW5wdXQtLWRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pbnB1dC1kZWZhdWx0LWJvcmRlci1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6aG92ZXIgLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWlucHV0LS1lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pbnB1dC1hY3RpdmUtdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLS1lcnJvciB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1sYWJlbCB7XG4gIHRvcDogLTlweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtbGFiZWwtYmctY29sb3IpO1xuICBwYWRkaW5nOiAwcHggMnB4O1xuICBjb2xvcjogdmFyKC0taW5wdXQtYWN0aXZlLXRleHQtY29sb3IpO1xuICBsaW5lLWhlaWdodDogMTVweDtcbiAgZm9udC1zaXplOiAxMHB4ICFpbXBvcnRhbnQ7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1sYWJlbC0tZXJyb3Ige1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXI6Zm9jdXMtd2l0aGluIC5mZi1pbnB1dC13aXRoLWRyb3Bkb3duIC5mZi1mbG9hdGluZy1pbnB1dCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taW5wdXQtYWN0aXZlLXRleHQtY29sb3IpO1xufVxuLmZmLWlucHV0LXdpdGgtZHJvcGRvd24tY29udGFpbmVyOmZvY3VzLXdpdGhpbiAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctaW5wdXQtLWVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pbnB1dC1lcnJvci10ZXh0LWNvbG9yKTtcbn1cbi5mZi1pbnB1dC13aXRoLWRyb3Bkb3duLWNvbnRhaW5lcjpmb2N1cy13aXRoaW4gLmZmLWlucHV0LXdpdGgtZHJvcGRvd24gLmZmLWZsb2F0aW5nLWlucHV0OjpwbGFjZWhvbGRlciB7XG4gIG9wYWNpdHk6IDE7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXItLWZpbGxlZCAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctbGFiZWwtaW5wdXQtY29udGFpbmVyIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1pbnB1dC1hY3RpdmUtdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXItLWZpbGxlZCAuZmYtaW5wdXQtd2l0aC1kcm9wZG93biAuZmYtZmxvYXRpbmctbGFiZWwtaW5wdXQtY29udGFpbmVyIC5mZi1mbG9hdGluZy1sYWJlbCB7XG4gIHRvcDogLTlweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtbGFiZWwtYmctY29sb3IpO1xuICBwYWRkaW5nOiAwcHggMnB4O1xuICBsaW5lLWhlaWdodDogMTVweDtcbiAgZm9udC1zaXplOiAxMHB4ICFpbXBvcnRhbnQ7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXItLWZpbGxlZCBzcGFuIHtcbiAgZm9udC1zaXplOiA4cHg7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXItLWZpbGxlZCAucmVxdWlyZWQtYXN0ZXJpc2sge1xuICBjb2xvcjogdmFyKC0taW5wdXQtZXJyb3ItdGV4dC1jb2xvcik7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWhlbHBlci10ZXh0IHtcbiAgY29sb3I6IHZhcigtLWlucHV0LWVycm9yLXRleHQtY29sb3IpO1xuICBwYWRkaW5nOiAwIDExcHg7XG59XG4uZmYtaW5wdXQtd2l0aC1kcm9wZG93bi1jb250YWluZXIgLmZmLWhlbHBlci10ZXh0LWxlZnQge1xuICBtYXJnaW4tbGVmdDogOTRweDtcbn0iXX0= */");