@antimatter-audio/antimatter-ui 16.7.0 → 16.9.0

package/dist/index.js

@@ -267,14 +267,14 @@ const decimalToPercent = (decimal)=>Math.round(100 * (typeof decimal === 'string
 const percentToDecimal = (percent)=>Math.round(0.01 * (typeof percent === 'string' ? parseFloat(percent) : percent));
 const inputCharacterIsValid = (char)=>{
     const validCharacter = /^[\d.-]$/;
+    if (char === null || char === undefined) return false;
     return validCharacter.test(char.toString());
 };
 const clamp = (val, min = 0, max = 1)=>{
     return Math.max(min, Math.min(max, val));
 };
-function snapToLegalValue({ value, properties }) {
-    const { interval, start, end } = properties;
-    if (interval == 0) return value;
+function snapToLegalValue({ value, interval, start, end }) {
+    if (interval === 0) return value;
     const roundedInterval = parseFloat(interval?.toFixed(2));
     const formattedValue = start + roundedInterval * Math.floor((value - start) / roundedInterval + 0.5);
     return parseFloat(clamp(formattedValue, start, end)?.toFixed(2));
@@ -301,7 +301,9 @@ const getValidValueForInput = ({ value, oldValue, properties })=>{
         } else {
             return parseFloat(snapToLegalValue({
                 value: parseFloat(validValue),
-                properties
+                interval: properties.interval,
+                start: properties.start,
+                end: properties.end
             })?.toFixed(2));
         }
     } else {
@@ -383,19 +385,59 @@ const randomizeValue = (min, max)=>{
 //   min?: number;
 //   max?: number;
 // }
-const incrementValue = ({ incrementType, numSteps, delta, startingValue, buttonIncrement, buttonDirection = StepDirection.up, interval })=>{
+const getTotalNumStepsMultiplier = (incrementType, numSteps)=>{
+    return incrementType === IncrementType.standard || incrementType === IncrementType.button ? Math.max(Math.abs(numSteps * 0.01), 1) : 1;
+};
+const incrementValue = ({ incrementType, sliderNumSteps, comboboxNumChoices, delta, startingValue, buttonIncrement, buttonDirection = StepDirection.up, sliderInterval, sliderMin, sliderMax })=>{
     const hasButtonIncrementType = incrementType === IncrementType.button || incrementType === IncrementType.indexButton;
-    // const hasVelocity =
-    //   incrementType === IncrementType.standard ||
-    //   incrementType === IncrementType.index;
+    const hasVelocity = incrementType === IncrementType.standard || incrementType === IncrementType.index;
     const isFloatValue = incrementType === IncrementType.standard || incrementType === IncrementType.fine || incrementType === IncrementType.button;
     // const velocityMultiplier: number = 1;
-    const buttonIncrementMultiplier = incrementType === IncrementType.button && buttonIncrement ? Math.abs(buttonIncrement) : 1;
-    const totalNumStepsMultiplier = incrementType === IncrementType.standard ? Math.abs(numSteps * 0.01) : 1;
-    const signMultiplier = hasButtonIncrementType ? Math.sign(buttonDirection === StepDirection.down ? -1 : 1) : delta ?? 1;
-    const returnVal = (startingValue ?? 0) + (interval ?? 0) * // velocityMultiplier *
-    buttonIncrementMultiplier * totalNumStepsMultiplier * signMultiplier;
-    return isFloatValue ? parseFloat(returnVal?.toFixed(2)) : Math.round(returnVal);
+    const buttonIncrementMultiplier = hasButtonIncrementType && buttonIncrement ? Math.abs(buttonIncrement) : 1;
+    const totalNumStepsMultiplier = getTotalNumStepsMultiplier(incrementType, (isFloatValue ? sliderNumSteps : comboboxNumChoices) ?? 0);
+    const deltaMultiplier = hasVelocity ? Math.abs(delta ?? 1) : 1;
+    const signMultiplier = hasButtonIncrementType ? Math.sign(buttonDirection === StepDirection.down ? -1 : 1) : Math.sign(delta ?? 1);
+    const returnVal = (startingValue ?? 0) + (incrementType === IncrementType.indexButton || incrementType === IncrementType.index ? 1 : sliderInterval ?? 0) * signMultiplier * deltaMultiplier * buttonIncrementMultiplier * totalNumStepsMultiplier;
+    return isFloatValue ? Math.max(sliderMin, Math.min(parseFloat(returnVal?.toFixed(2)), sliderMax)) : Math.max(0, Math.min((comboboxNumChoices ?? 0) - 1, Math.round(returnVal)));
+};
+const incrementSlider = ({ delta, incrementType, startingValue, sliderInterval, sliderNumSteps, sliderMin, sliderMax })=>{
+    return incrementValue({
+        delta,
+        incrementType,
+        startingValue,
+        sliderInterval,
+        sliderNumSteps,
+        sliderMin,
+        sliderMax
+    });
+};
+const incrementSliderButton = ({ startingValue, buttonIncrement, buttonDirection, sliderInterval, sliderNumSteps, sliderMin, sliderMax })=>{
+    return incrementValue({
+        incrementType: IncrementType.button,
+        startingValue,
+        buttonIncrement,
+        buttonDirection,
+        sliderInterval,
+        sliderNumSteps,
+        sliderMin,
+        sliderMax
+    });
+};
+const incrementIndex = ({ delta, startingValue, comboboxNumChoices })=>{
+    return incrementValue({
+        delta,
+        incrementType: IncrementType.index,
+        startingValue,
+        comboboxNumChoices
+    });
+};
+const incrementIndexButton = ({ startingValue, comboboxNumChoices, buttonDirection })=>{
+    return incrementValue({
+        incrementType: IncrementType.indexButton,
+        startingValue,
+        comboboxNumChoices,
+        buttonDirection
+    });
 };
 const generateDropShadowFilterString = (colors, radius)=>{
     let output = [];
@@ -469,6 +511,11 @@ const animateRotaryCircle = ({ animationFrameRef, elementRef, prevValRef, active
         animationFrameRef.current = requestAnimationFrame(()=>{
             if (elementRef.current) {
                 elementRef.current.style.strokeDashoffset = `${polarity === Polarity.unipolar ? unipolarOffset : bipolarOffset}`;
+            // console.log(
+            //   value,
+            //   elementRef.current.style.strokeDashoffset,
+            //   'strokeDashoffsetstrokeDashoffsetstrokeDashoffset',
+            // );
             }
         });
         prevValRef.current = value;
@@ -713,6 +760,7 @@ function Button({ disabled, text, id, className, style, onClick, children, outer
         borderColor: componentIsHovered && highlightBorderColor ? highlightBorderColor : borderColor,
         children: jsx("button", {
             id: id,
+            "data-testid": "button-component",
             onMouseDown: handleMouseDown,
             disabled: disabled,
             onClick: onClick && onClick,
@@ -1224,6 +1272,7 @@ function Icon({ icon, onClick, disabled = false, color = 'var(--color-text)', pa
             ...style
         },
         children: jsx(Icon, {
+            "data-testid": "icon-component",
             width: numberWidth,
             color: disabled ? 'var(--color-gray-400)' : color
         })
@@ -1238,6 +1287,7 @@ function Label({ value, id, className, style, color = 'var(--color-text)', highl
 ], uppercase, outerGlowRadius, outerGlowColor, blur, children, htmlFor, fontSize = FontSizes.medium, ...rest }) {
     const [componentIsHovered, setComponentIsHovered] = useState(false);
     return jsx("label", {
+        "data-testid": "label-component",
         id: id,
         htmlFor: htmlFor,
         onMouseEnter: ()=>setComponentIsHovered(true),
@@ -1348,11 +1398,17 @@ function Tabs({ items, initialSelectedIndex = undefined, id = '', className, pad
     useEffect(()=>{
         if (dataSource === DataSource.JuceCombobox) {
             setTimeout(()=>{
-                setChoices(comboBoxState.properties.choices);
-                setSelectedIndex(comboBoxState.getChoiceIndex());
+                if (comboBoxState.properties.choices.length > 0) {
+                    setChoices(comboBoxState.properties.choices);
+                    setSelectedIndex(comboBoxState.getChoiceIndex());
+                }
             });
         } else {
-            setChoices(items?.length ? items : []);
+            setTimeout(()=>{
+                if (items?.length) {
+                    setChoices(items);
+                }
+            });
         }
     }, []);
     useEffect(()=>{
@@ -1991,16 +2047,12 @@ const useCombobox = ({ id, label, items = [], filter, onChange, displayValInHead
                     saveToBackend: false
                 });
             }
-            if (selectedIndex > 0 && selectedIndex < choices.length) {
-                const newValue = incrementValue({
-                    delta: delta[1] * -1,
-                    incrementType: IncrementType.index,
-                    startingValue: selectedIndex,
-                    interval: properties?.interval ?? 0,
-                    numSteps: properties?.numSteps ?? 0
-                });
-                comboBoxState?.setChoiceIndex(newValue);
-            }
+            const newValue = incrementIndex({
+                delta: delta[1] * -1,
+                startingValue: selectedIndex,
+                comboboxNumChoices: properties?.choices?.length ?? 0
+            });
+            comboBoxState?.setChoiceIndex(newValue);
         }
     }, {
         enabled: !isDisabled,
@@ -2042,22 +2094,21 @@ const useCombobox = ({ id, label, items = [], filter, onChange, displayValInHead
         }
     };
     const incrementComboboxButton = ()=>{
-        if (selectedIndex < properties.choices.length - 1) {
-            const newIndex = incrementValue({
-                interval: properties?.interval,
+        if (selectedIndex <= properties.choices.length - 1) {
+            const newIndex = incrementIndexButton({
                 startingValue: selectedIndex,
-                incrementType: IncrementType.indexButton,
-                numSteps: properties?.choices?.length
+                comboboxNumChoices: properties?.choices?.length,
+                buttonDirection: StepDirection.up
             });
             handleChange(newIndex);
         }
     };
     const decrementComboboxButton = ()=>{
         if (selectedIndex > 0) {
-            const newIndex = incrementValue({
+            const newIndex = incrementIndexButton({
                 startingValue: selectedIndex,
-                incrementType: IncrementType.indexButton,
-                numSteps: properties?.choices?.length
+                comboboxNumChoices: properties?.choices?.length,
+                buttonDirection: StepDirection.down
             });
             handleChange(newIndex);
         }
@@ -2137,7 +2188,7 @@ function ComboboxComponent({ id, anchorTo, excludeItems = [], items, onChange, c
             }) : null,
             jsxs(Combobox$2, {
                 value: selectedIndexLabel,
-                onChange: (selectedIndexLabel)=>handleChange(selectedIndexLabel),
+                onChange: (selectedIndexLabel)=>selectedIndexLabel && handleChange(selectedIndexLabel),
                 onClose: ()=>{
                     setIncludeFilterString('');
                 },
@@ -2283,6 +2334,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
                     flexDirection: Box.flexDirection.column,
                     className: `${className ?? ''} ComboboxComponent`,
                     width: getStringSizeValue(width) || 'auto',
+                    "data-testid": "combobox-component",
                     style: {
                         color: componentIsHovered && buttonHighlightColor ? buttonHighlightColor : color,
                         // position: 'relative',
@@ -2322,6 +2374,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
                                 },
                                 children: [
                                     jsx(ListboxButton, {
+                                        "data-testid": "combobox-button",
                                         className: "Combobox-button-element",
                                         // onMouseEnter={() => setComponentIsHovered(true)}
                                         // onMouseLeave={() => setComponentIsHovered(false)}
@@ -2360,6 +2413,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
                                                 id: "Combobox-up-arrow",
                                                 className: "Combobox-arrow",
                                                 backgroundColor: "transparent",
+                                                "data-testid": "combobox-up-arrow",
                                                 highlightIconColor: buttonHighlightColor,
                                                 highlightColor: buttonHighlightColor,
                                                 disabledIconColor: labelColor,
@@ -2379,6 +2433,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
                                             jsx(IconButton, {
                                                 id: "Combobox-down-arrow",
                                                 className: "Combobox-arrow",
+                                                "data-testid": "combobox-down-arrow",
                                                 backgroundColor: "transparent",
                                                 disabledIconColor: labelColor,
                                                 highlightIconColor: buttonHighlightColor,
@@ -2401,6 +2456,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
                                 ]
                             }),
                             jsx(ListboxOptions, {
+                                "data-testid": "combobox-options",
                                 anchor: anchorTo,
                                 portal: false,
                                 className: "Combobox-items z-10",
@@ -2410,6 +2466,7 @@ function Combobox$1({ label, showLabel, color = 'var(--color-text)', labelColor,
                                     width
                                 },
                                 children: choices?.map((item, i)=>jsx(ListboxOption, {
+                                        "data-testid": "combobox-option",
                                         className: classnames('Combobox-item'),
                                         value: item,
                                         // onMouseEnter={() => setHoveredDropdownItem(item)}
@@ -2528,7 +2585,6 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
     // const [isHighlighted, setIsHighlighted] = useState<boolean>(false);
     const valueRef = useRef(null);
     const inputRef = useRef(null);
-    const isLocalhost = window.location.hostname === 'localhost';
     const inputId = `${id}-input`;
     // Sets up listeners to handle changes on the backend
     // const currentOuterGlowColor = !isHighlighted
@@ -2539,7 +2595,9 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
         const sliderState = Juce.getSliderState(id);
         const legalVal = snapToLegalValue({
             value: sliderState?.scaledValue,
-            properties: sliderState.properties
+            interval: sliderState.properties.interval,
+            start: sliderState.properties.start,
+            end: sliderState.properties.end
         });
         setInternalValue(legalVal);
         valueRef.current = legalVal;
@@ -2557,24 +2615,23 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
         }
     }
     useEffect(()=>{
-        if (!isLocalhost) {
-            document.addEventListener('keyup', handleKeyUp);
-            //TODO: don't get slider state if value is passed as a prop?
-            const sliderState = Juce.getSliderState(id);
-            const valueListenerId = sliderState?.valueChangedEvent.addListener((e)=>{
-                const legalVal = snapToLegalValue({
-                    value: sliderState?.scaledValue,
-                    properties: sliderState.properties
-                });
-                valueRef.current = legalVal;
-                setInternalValue(legalVal);
+        document.addEventListener('keyup', handleKeyUp);
+        //TODO: don't get slider state if value is passed as a prop?
+        const sliderState = Juce.getSliderState(id);
+        const valueListenerId = sliderState?.valueChangedEvent.addListener((e)=>{
+            const legalVal = snapToLegalValue({
+                value: sliderState?.scaledValue,
+                interval: sliderState.properties.interval,
+                start: sliderState.properties.start,
+                end: sliderState.properties.end
             });
-            return ()=>{
-                document.removeEventListener('keyup', handleKeyUp);
-                sliderState?.valueChangedEvent.removeListener(valueListenerId);
-            };
-        }
-        return;
+            valueRef.current = legalVal;
+            setInternalValue(legalVal);
+        });
+        return ()=>{
+            document.removeEventListener('keyup', handleKeyUp);
+            sliderState?.valueChangedEvent.removeListener(valueListenerId);
+        };
     }, [
         window
     ]);
@@ -2611,6 +2668,7 @@ function Input({ onComplete, value, min, max, fontSize = FontSizes.xSmall, style
     return jsx("input", {
         id: inputId,
         ref: inputRef,
+        "data-testid": "input-component",
         className: classnames('TextInput', className),
         // onFocus={() => setIsHighlighted(true)}
         onBlur: (e)=>{
@@ -2693,7 +2751,7 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
     const sliderState = Juce.getSliderState(id);
     // const numSteps = sliderState?.getNumSteps();
     const [scaledValue, setScaledValue] = useState(0);
-    const [normalisedValue, setNormalisedValue] = useState(sliderState?.normalisedValue);
+    const [normalisedValue, setNormalisedValue] = useState(sliderState?.getNormalisedValue());
     const dragInProgress = useRef(false);
     const { highlightedItemChanged, setDefaultParameter, updateModSlotRowTarget, getModSlotPreview, mainPanelrandomizerObject } = useGlobalContext();
     const randomizerObjectToUse = randomizerObject && Object.keys(randomizerObject).length > 0 ? randomizerObject : mainPanelrandomizerObject;
@@ -2734,7 +2792,7 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
     // Update JUCE state
     const setJuceScaledValue = (newValue)=>{
         if (previousScaledValueRef?.current !== newValue) {
-            !isLocalhost && sliderState.setScaledValue(clamp(newValue, sliderState?.properties?.start, sliderState?.properties?.end));
+            sliderState.setScaledValue(clamp(newValue, sliderState?.properties?.start, sliderState?.properties?.end));
             rowId && changeHandler(newValue, rowId);
             previousScaledValueRef.current = newValue;
         }
@@ -2756,31 +2814,28 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
         id
     ]);
     // Sets up listeners to handle changes on the backend
-    //@ts-expect-error
     useEffect(()=>{
-        if (!isLocalhost) {
-            document.addEventListener('keydown', keyDownListener);
-            document.addEventListener('keyup', keyUpListener);
-            const valueListenerId = sliderState?.valueChangedEvent.addListener(()=>{
-                const sliderState = Juce.getSliderState(id);
-                setNormalisedValue(sliderState.getNormalisedValue());
-                setScaledValue(parseFloat(sliderState?.scaledValue?.toFixed(2)));
-                if (displayValInHeader && (label || properties?.name)) {
-                    highlightedItemChanged({
-                        label: label || properties?.name || '',
-                        value: parseFloat(sliderState?.scaledValue?.toFixed(2))
-                    });
-                }
-            });
-            const propertiesListenerId = sliderState?.propertiesChangedEvent.addListener(()=>setProperties(sliderState?.properties));
-            previousScaledValueRef.current = sliderState.scaledValue;
-            return ()=>{
-                document.removeEventListener('keydown', keyDownListener);
-                document.removeEventListener('keyup', keyUpListener);
-                sliderState?.valueChangedEvent.removeListener(valueListenerId);
-                sliderState?.propertiesChangedEvent.removeListener(propertiesListenerId);
-            };
-        }
+        document.addEventListener('keydown', keyDownListener);
+        document.addEventListener('keyup', keyUpListener);
+        const valueListenerId = sliderState?.valueChangedEvent.addListener((e)=>{
+            const sliderState = Juce.getSliderState(id);
+            setNormalisedValue(sliderState.getNormalisedValue());
+            setScaledValue(parseFloat(sliderState?.scaledValue?.toFixed(2)));
+            if (displayValInHeader && (label || properties?.name)) {
+                highlightedItemChanged({
+                    label: label || properties?.name || '',
+                    value: parseFloat(sliderState?.scaledValue?.toFixed(2))
+                });
+            }
+        });
+        const propertiesListenerId = sliderState?.propertiesChangedEvent.addListener(()=>setProperties(sliderState?.properties));
+        previousScaledValueRef.current = sliderState.scaledValue;
+        return ()=>{
+            document.removeEventListener('keydown', keyDownListener);
+            document.removeEventListener('keyup', keyUpListener);
+            sliderState?.valueChangedEvent.removeListener(valueListenerId);
+            sliderState?.propertiesChangedEvent.removeListener(propertiesListenerId);
+        };
     }, [
         window,
         changeHandler
@@ -2807,12 +2862,14 @@ const useSlider = ({ id, rowId, label, displayValInHeader = true, mockProperties
                 }
                 if (dragOrientation !== DragOrientation.followCursor) {
                     const deltaVal = dragOrientation === DragOrientation.vertical ? delta[1] * -1 : delta[0];
-                    const newValue = incrementValue({
+                    const newValue = incrementSlider({
                         delta: deltaVal,
                         incrementType: optionIsDown ? IncrementType.fine : IncrementType.standard,
                         startingValue: previousScaledValueRef.current || 0,
-                        interval: properties?.interval ?? 0,
-                        numSteps: properties?.numSteps ?? 0
+                        sliderInterval: properties?.interval ?? 0,
+                        sliderNumSteps: properties?.numSteps ?? 0,
+                        sliderMin: properties?.start ?? 0,
+                        sliderMax: properties?.end ?? 0
                     });
                     setJuceScaledValue(newValue);
                 }
@@ -2887,7 +2944,7 @@ styleInject(css_248z$c);
 var css_248z$b = ".ControlGroup.isFocused {\n  --b: 1px; /* thickness of the border */\n  --c: var(--slider-highlight-color); /* color of the border */\n  --w: 5px; /* width of border */\n\n  border: var(--b) solid #0000; /* space for the border */\n  --_g: #0000 90deg, var(--c) 0;\n  --_p: var(--w) var(--w) border-box no-repeat;\n  background:\n    conic-gradient(from 90deg at top var(--b) left var(--b), var(--_g)) 0 0 /\n      var(--_p),\n    conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100% 0 /\n      var(--_p),\n    conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0 100% /\n      var(--_p),\n    conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g))\n      100% 100% / var(--_p);\n}\n";
 styleInject(css_248z$b);
 
-function ControlGroupWrapper({ id, isDisabled = false, isFocused, className, children, width = 'auto', height = 'auto', borderHighlightColor = 'var(--color-brand)', flexDirection = FlexDirection$1.column, style }) {
+function ControlGroupWrapper({ id, isDisabled = false, isFocused, className, children, width = 'auto', height = 'auto', gap = Spacing.none, borderHighlightColor = 'var(--color-brand)', flexDirection = FlexDirection$1.column, style }) {
     // EXPECTED CONTROL GROUP STRUCTURE
     // <ControlGroup id={id-control-group}>
     //    <Slider id={id}></Slider>
@@ -2897,6 +2954,7 @@ function ControlGroupWrapper({ id, isDisabled = false, isFocused, className, chi
     return jsx(Box, {
         id: groupId,
         width: width,
+        gap: Box.gap.none,
         className: `ControlGroup ${isFocused ? 'isFocused' : ''} ${isDisabled ? 'isDisabled' : ''} ${className ? className : ''}`,
         style: {
             //@ts-expect-error
@@ -2910,6 +2968,7 @@ function ControlGroupWrapper({ id, isDisabled = false, isFocused, className, chi
     });
 }
 ControlGroupWrapper.FlexDirection = FlexDirection$1;
+ControlGroupWrapper.gap = Spacing;
 
 const ProgressCircle = ({ width, height, polarity = Polarity.unipolar, strokeWidth = 5, // trackOffset = 0,
 indicatorLineColor, indicatorLineGradient, outerGlowRadius, outerGlowColors = [], blur, indicatorLineRange, trackColor, radius, circ, activeZone, normalisedValue })=>{
@@ -2967,6 +3026,7 @@ indicatorLineColor, indicatorLineGradient, outerGlowRadius, outerGlowColors = []
                 ref: sliderElementRef,
                 id: "circle2",
                 className: "ProgressCircle-fg",
+                "data-testid": "progress-circle-component",
                 cx: cx,
                 cy: cy,
                 r: radius,
@@ -3288,6 +3348,7 @@ function RotaryCircle({ polarity = Polarity.unipolar, className, id, trackWidth
         id: id,
         tabIndex: 0,
         className: classnames('Slider', 'RotarySlider', polarity === Polarity.unipolar ? 'Slider-polarity-unipolar' : 'Slider-polarity-bipolar', className),
+        "data-testid": "slider-component",
         ...bindDrag(),
         onDoubleClick: ()=>{
             onDoubleClick && onDoubleClick();
@@ -3558,12 +3619,14 @@ function useGroupFocus({ isDisabled, id, inputRef, incrementBy }) {
     const increment = ()=>{
         if (!isMainSliderACombobox) {
             const scaledVal = sliderState?.scaledValue;
-            const newValue = incrementValue({
-                incrementType: IncrementType.button,
-                numSteps: sliderState?.properties?.numSteps,
+            const newValue = incrementSliderButton({
+                sliderNumSteps: sliderState?.properties?.numSteps,
                 startingValue: scaledVal,
                 buttonDirection: StepDirection.up,
-                interval: sliderState?.properties?.interval
+                sliderInterval: sliderState?.properties?.interval,
+                sliderMin: sliderState?.properties?.start,
+                sliderMax: sliderState?.properties?.end,
+                buttonIncrement: 1
             });
             sliderState.setScaledValue(newValue);
         } else {
@@ -3574,12 +3637,14 @@ function useGroupFocus({ isDisabled, id, inputRef, incrementBy }) {
     const decrement = ()=>{
         if (!isMainSliderACombobox) {
             const scaledVal = sliderState?.scaledValue;
-            const newValue = incrementValue({
-                incrementType: IncrementType.button,
-                numSteps: sliderState?.properties?.numSteps,
+            const newValue = incrementSliderButton({
+                sliderNumSteps: sliderState?.properties?.numSteps,
                 startingValue: scaledVal,
                 buttonDirection: StepDirection.down,
-                interval: sliderState?.properties?.interval
+                sliderInterval: sliderState?.properties?.interval,
+                sliderMin: sliderState?.properties?.start,
+                sliderMax: sliderState?.properties?.end,
+                buttonIncrement: 1
             });
             sliderState?.setScaledValue(newValue);
         } else {
@@ -3695,7 +3760,6 @@ indicatorId, indicatorLineColor, indicatorLineGradient = GradientStyles.unicolor
         id,
         inputRef
     });
-    // console.l
     // const defaultTrackWidth = size === RotarySliderSizes.large ? 5 : 3;
     const defaultHandleShape = size === RotarySliderSizes.large ? RotarySliderHandleShapes.circle : RotarySliderHandleShapes.rectangle;
     return jsx(Box, {
@@ -3797,7 +3861,7 @@ RotarySlider.handleShape = RotarySliderHandleShapes;
 RotarySlider.gradient = GradientStyles;
 RotarySlider.trackWidth = TrackWidths;
 
-var css_248z$9 = ".BarSlider-innerWrapper:hover {\n  cursor: pointer;\n}\n\n.BarSlider-Track {\n  touch-action: none;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  max-width: 100%;\n  background-color: var(--bg-lv5);\n}\n\n.BarSlider-Track.isHighlighted {\n  background-color: var(--bg-lv6);\n}\n.Barslider-IndicatorLineWrapper,\n.BarSlider-HandleWrapper {\n  position: absolute;\n  pointer-events: none;\n}\n\n.BarSlider-IndicatorLine {\n  position: absolute;\n  top: 0;\n  /* left: 0; */\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n}\n.BarSlider-Handle {\n  position: absolute;\n  pointer-events: none;\n}\n\n.BarSliderHandle {\n  pointer-events: auto;\n}\n.Barslider-IndicatorLineWrapper {\n  /* border-radius: var(--trackBorderRadius); */\n  overflow: hidden;\n}\n\n.BarSlider-Input {\n  font-weight: bold;\n  width: 100%;\n}\n\n.BarSlider-Input.includeValueInHeightIsFalse {\n  position: absolute;\n  bottom: -1.7em;\n  left: 0;\n  right: 0;\n  z-index: 10;\n}\n";
+var css_248z$9 = ".BarSlider-innerWrapper:hover,\n.BarSlider-dragWrapper:hover {\n  cursor: pointer;\n}\n\n.BarSlider-Track {\n  touch-action: none;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  max-width: 100%;\n  background-color: var(--bg-lv5);\n}\n\n.BarSlider-Track.isHighlighted {\n  background-color: var(--bg-lv6);\n}\n.Barslider-IndicatorLineWrapper,\n.BarSlider-HandleWrapper {\n  position: absolute;\n  pointer-events: none;\n}\n\n.BarSlider-IndicatorLine {\n  position: absolute;\n  top: 0;\n  /* left: 0; */\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n}\n.BarSlider-Handle {\n  position: absolute;\n  pointer-events: none;\n}\n\n.BarSliderHandle {\n  pointer-events: auto;\n}\n.Barslider-IndicatorLineWrapper {\n  /* border-radius: var(--trackBorderRadius); */\n  overflow: hidden;\n}\n\n.BarSlider-Input {\n  font-weight: bold;\n  width: 100%;\n}\n\n.BarSlider-Input.includeValueInHeightIsFalse {\n  position: absolute;\n  bottom: -1.7em;\n  left: 0;\n  right: 0;\n  z-index: 10;\n}\n";
 styleInject(css_248z$9);
 
 function Slider$1({ polarity = Polarity.unipolar, orientation = Orientation.vertical, dragOrientation = DragOrientation.followCursor, isRandomizable = false, randomizerObject, isStandalone = true, isHighlighted = false, showValue = true, showHandle = true, showLabel = true, showInsetBoxShadow = true, resetterObject, className, id, width, height = Height.full, onChange, outerGlowRadius, outerGlowColors, trackBorderRadius = 20, blur, style, indicatorLineColor = 'var(--color-brand)', indicatorLineGradient, trackColor = 'var(--bg-lv3)', markColor = 'var(--bg-lv7)', markHighlightColor = 'var(--color-text)', trackStrokeColor, handleFillColor, handleStrokeColor, cornerBorderHighlightColor, trackWidth = TrackWidths.small, label, labelColor, marks = [], inputHighlightColor = 'var(--color-brand)', includeValueInHeight = true, // Mocks the initial scaled value of the slider for web veiws outside of JUCE
@@ -3865,7 +3929,7 @@ mockInitialNormalisedValue = 0, mockProperties = {
         normalisedValue
     ]);
     const trackWidthMap = {
-        small: 5,
+        small: 8,
         large: 10
     };
     const trackStringWidth = typeof trackWidth === 'string' ? trackWidth !== TrackWidths.full ? `${trackWidthMap[trackWidth]}px` : '100%' : `${trackWidth}px`;
@@ -3882,10 +3946,6 @@ mockInitialNormalisedValue = 0, mockProperties = {
         [GradientStyles.unicolor]: singleColorGradient
     };
     const marginSize = Spacing.mediumSmall;
-    // const handleRef = useRef(null);
-    // useEffect(() => {
-    //   console.log(normalisedValue, 'NORMALIZEDVAL');
-    // }, [normalisedValue]);
     return jsxs(Box, {
         flexDirection: Box.flexDirection.column,
         justifyContent: Box.justifyContent.center,
@@ -3893,7 +3953,7 @@ mockInitialNormalisedValue = 0, mockProperties = {
         className: classnames('BarSlider', isVertical && 'BarSlider--isVertical', isHorizontal && 'BarSlider--isHorizontal', className),
         id: id,
         ref: sliderElementRef,
-        gap: Box.gap.none,
+        gap: isVertical ? ControlGroupWrapper.gap.small : ControlGroupWrapper.gap.none,
         height: isVertical ? height : 'auto',
         width: isHorizontal ? width : width ?? '100%',
         style: {
@@ -3915,22 +3975,25 @@ mockInitialNormalisedValue = 0, mockProperties = {
             jsxs(ControlGroupWrapper, {
                 id: id,
                 width: '100%',
+                gap: isVertical ? ControlGroupWrapper.gap.small : ControlGroupWrapper.gap.none,
                 height: '100%',
                 isFocused: isFocused,
-                className: `RotarySlider-HighlightWrapper`,
+                className: `BarSlider-HighlightWrapper`,
                 borderHighlightColor: cornerBorderHighlightColor,
                 children: [
                     jsxs(Box, {
                         style: {
                             position: 'relative'
                         },
+                        className: "BarSlider-dragWrapper",
                         fullHeight: true,
+                        ...drag(),
                         padding: isStandalone ? isVertical ? [
                             Box.padding.none
                         ] : [
-                            marginSize,
+                            Box.padding.mediumSmall,
                             Box.padding.small,
-                            Box.padding.none,
+                            marginSize,
                             Box.padding.small
                         ] : [
                             Box.padding.none
@@ -3994,7 +4057,7 @@ mockInitialNormalisedValue = 0, mockProperties = {
                                     touchAction: 'none'
                                 },
                                 "data-sliderElement": "true",
-                                ...drag(),
+                                "data-testid": "slider-component",
                                 children: jsxs("div", {
                                     className: classnames('BarSlider-Track', isHighlighted && 'isHighlighted'),
                                     // onMouseEnter={onMouseEnter}
@@ -4329,6 +4392,7 @@ function Heading({ value, id, className, style, removeLineHeight = false, color
 ], fontSize = FontSizes.large, children }) {
     const Tag = tag;
     return jsx(Tag, {
+        "data-testid": "heading-component",
         id: id,
         style: {
             fontSize: `var(--text-${fontSize}`,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}