plotboilerplate 1.24.0 → 1.25.0

package/src/cjs/utils/dom/components/ColorGradientPickerJSX.js

@@ -0,0 +1,520 @@
+"use strict";
+/**
+ * Approach for a 'simple' color gradient picker for my PlotBoilerplate library.
+ *
+ * @author  Ikaros Kappler
+ * @date    2025-06-27
+ * @version 1.0.0
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorGradientPicker = void 0;
+var NoReact = require("noreact");
+var Color_1 = require("../../datastructures/Color");
+var ColorGradientPicker = /** @class */ (function () {
+    /**
+     * The constructor: creates a new color gradient picker in the given container.
+     * If no container or ID is given then a new unbound `container` will be created (DIV).
+     *
+     * Pass a container ID or nothing – in the latter case the constructor will create
+     * a new DIV element.
+     *
+     * @param {string?} containerID - (optional) If you want to use an existing container (should be a DIV).
+     */
+    function ColorGradientPicker(containerID) {
+        var _this = this;
+        this._sliderElementRefs = [];
+        this.sliderMin = 0;
+        this.sliderMax = 100;
+        this.indicatorWidth_num = 1.0;
+        this.indicatorWidth = "1em";
+        this.indicatorWidth_half = "0.5em";
+        this.indicatorHeight = "1em";
+        this.COLORSET = ["#ff0000", "#ff8800", "#ffff00", "#00ff00", "#0000ff", "#8800ff"];
+        /**
+         * Creates a callback function for range slider.
+         *
+         * @returns
+         */
+        this.__createSliderChangeHandler = function () {
+            var _self = _this;
+            return function (e) {
+                var targetSlider = e.target;
+                console.log("Clicked", targetSlider ? targetSlider.getAttribute("id") : null);
+                if (!targetSlider) {
+                    return false;
+                }
+                var currentSliderValue = Number.parseFloat(targetSlider.value);
+                var rangeSliderIndexRaw = targetSlider.dataset["rangeSliderIndex"];
+                console.log("rangeSliderIndexRaw", rangeSliderIndexRaw);
+                if (!rangeSliderIndexRaw) {
+                    return false;
+                }
+                var rangeSliderIndex = Number.parseInt(rangeSliderIndexRaw);
+                var leftSliderValue = _this.__getSliderValue(rangeSliderIndex - 1, _self.sliderMin);
+                var rightSliderValue = _this.__getSliderValue(rangeSliderIndex + 1, _self.sliderMax);
+                if (leftSliderValue >= currentSliderValue) {
+                    targetSlider.value = "".concat(leftSliderValue);
+                    _self.__updateBackgroundGradient();
+                    _self.__updateColorIndicator(rangeSliderIndex);
+                    return false;
+                }
+                else if (rightSliderValue <= currentSliderValue) {
+                    targetSlider.value = "".concat(rightSliderValue);
+                    _self.__updateBackgroundGradient();
+                    _self.__updateColorIndicator(rangeSliderIndex);
+                    return false;
+                }
+                else {
+                    _self.__updateBackgroundGradient();
+                    _self.__updateColorIndicator(rangeSliderIndex);
+                    return true;
+                }
+            };
+        };
+        if (containerID) {
+            var cont = document.getElementById(containerID);
+            if (!cont) {
+                throw "Cannot create ColorGradientPicker. Component ID does not exist.";
+            }
+            this.container = cont;
+        }
+        else {
+            this.container = document.createElement("div");
+        }
+        this.baseID = Math.floor(Math.random() * 65535);
+        this.container.append(this._render("test"));
+        this.__updateColorIndicator(0);
+        this.__updateBackgroundGradient();
+    } // END constructor
+    /**
+     * Creates a new color range input element.
+     *
+     * @private
+     * @param {number} baseID
+     * @param index
+     * @param sliderMin
+     * @param sliderMax
+     * @param initialValue
+     * @param initialColor
+     * @returns
+     */
+    ColorGradientPicker.prototype.__createColorRangeInput = function (index, sliderMin, sliderMax, initialValue, initialColor) {
+        var sliderHandler = this.__createSliderChangeHandler();
+        var ref = NoReact.useRef();
+        // this._sliderElementRefs.push(ref);
+        this._sliderElementRefs.splice(index, 0, ref);
+        console.log("new _sliderElementRefs", this._sliderElementRefs);
+        // Update all elements to the right of the new elelemt
+        // for (var i = index + 1; i < this._sliderElementRefs.length; i++) {
+        //   this._sliderElementRefs[i].current.setAttribute("data-range-slider-index", `${i}`);
+        //   this._sliderElementRefs[i].current.setAttribute("id", `rage-slider-${this.baseID}-${i}`);
+        // }
+        this.__updateSliderDataSetIndices(index + 1);
+        return (NoReact.createElement("input", { id: "rage-slider-".concat(this.baseID, "-").concat(index), type: "range", min: sliderMin, max: sliderMax, value: initialValue, style: { position: "absolute", left: "0px", top: "0px", width: "100%" }, "data-range-slider-index": index, "data-color-value": initialColor, onChange: sliderHandler, onClick: sliderHandler, 
+            // onMouseDown={mouseDownHandler}
+            // onMouseUp={mouseUpHandler}
+            ref: ref }));
+    };
+    ColorGradientPicker.prototype.getRangeLength = function () {
+        return this.sliderMax - this.sliderMin;
+    };
+    ColorGradientPicker.prototype.__colorChangeHandler = function () {
+        var _this = this;
+        var _self = this;
+        return function (_evt) {
+            // const colorInput : HTMLInputElement | null = evt.target;
+            console.log("__colorChangeHandler");
+            var activeSliderIndex_raw = _this.colorInputRef.current.dataset["activeSliderIndex"];
+            if (!activeSliderIndex_raw) {
+                console.warn("Cannot update color indicator; no active range slider set.");
+                return false;
+            }
+            var activeSliderIndex = Number.parseInt(activeSliderIndex_raw);
+            if (Number.isNaN(activeSliderIndex) || activeSliderIndex < 0 || activeSliderIndex >= _self._sliderElementRefs.length) {
+                console.warn("Cannot update color indicator; active index invalid or out of bounds.", activeSliderIndex);
+                return false;
+            }
+            var newColor = _self.colorInputRef.current.value;
+            var rangeSlider = _self._sliderElementRefs[activeSliderIndex].current;
+            rangeSlider.dataset["colorValue"] = newColor;
+            // rangeSlider.dataset["colorValue"] = newColor;
+            _this.colorIndicatorColorButtonRef.current.style["background-color"] = newColor;
+            _self.__updateBackgroundGradient();
+            return true;
+        };
+    };
+    /**
+     * Removed the current color slider from the DOM and highlights the left neighbour.
+     * @returns
+     */
+    ColorGradientPicker.prototype.__handleRemoveColor = function () {
+        // const colorInput : HTMLInputElement | null = evt.target;
+        console.log("__colorChangeHandler");
+        var activeSliderIndex_raw = this.colorInputRef.current.dataset["activeSliderIndex"];
+        if (!activeSliderIndex_raw) {
+            console.warn("Cannot remove color indicator; no active range slider set.");
+            return false;
+        }
+        var activeSliderIndex = Number.parseInt(activeSliderIndex_raw);
+        if (Number.isNaN(activeSliderIndex) || activeSliderIndex < 0 || activeSliderIndex >= this._sliderElementRefs.length) {
+            console.warn("Cannot remove color indicator; active index invalid or out of bounds.", activeSliderIndex);
+            return false;
+        }
+        if (activeSliderIndex === 0 || activeSliderIndex + 1 === this.getRangeLength()) {
+            console.warn("Cannot remove color indicator; leftmost and rightmost slider must not be removed.", activeSliderIndex);
+            return false;
+        }
+        var sliderElementRef = this._sliderElementRefs[activeSliderIndex];
+        sliderElementRef.current.remove();
+        this._sliderElementRefs.splice(activeSliderIndex, 1);
+        // Update all elements to the right of the removed elelemt
+        this.__updateSliderDataSetIndices(activeSliderIndex);
+        // Set left element active
+        this.__updateColorIndicator(activeSliderIndex - 1);
+        this.__updateBackgroundGradient();
+        return true;
+    };
+    ColorGradientPicker.prototype.__updateSliderDataSetIndices = function (startIndex) {
+        // Update all elements to the right of the new elelemt
+        for (var i = startIndex; i < this._sliderElementRefs.length; i++) {
+            this._sliderElementRefs[i].current.setAttribute("data-range-slider-index", "".concat(i));
+            this._sliderElementRefs[i].current.setAttribute("id", "rage-slider-".concat(this.baseID, "-").concat(i));
+        }
+    };
+    ColorGradientPicker.prototype.__containerClickHandler = function () {
+        var _this = this;
+        var _self = this;
+        var maxDifference = _self.getRangeLength() * 0.01;
+        return function (evt) {
+            var relativeValue = _this.__clickEventToRelativeValue(evt);
+            if (relativeValue < 0 || relativeValue > 1.0) {
+                // Clicked somewhere outside the range
+                return;
+            }
+            var absoluteValue = _this.__relativeToAbsolute(relativeValue);
+            console.log("click", "relativeValue", relativeValue, "absoluteValue", absoluteValue);
+            // Check if click position (ratio) is far enough away from any slider
+            var _a = _self.__locateClosestSliderValue(absoluteValue), leftSliderIndex = _a[0], closestSliderValue = _a[1];
+            var diff = Math.abs(closestSliderValue - absoluteValue);
+            // console.log(
+            //   "[__containerClickHandler] closestSliderValue",
+            //   closestSliderValue,
+            //   "leftSliderIndex",
+            //   leftSliderIndex,
+            //   "relativeValue",
+            //   relativeValue,
+            //   "difference",
+            //   diff
+            // );
+            if (diff >= maxDifference) {
+                console.log("Add slider here");
+                _self.__addSliderAt(absoluteValue, leftSliderIndex);
+            }
+            else {
+                console.debug("Don't add slider here.");
+            }
+        };
+    };
+    ColorGradientPicker.prototype.__locateClosestSliderValue = function (absoluteValue) {
+        var allSliderValues = this.__getAllSliderValues();
+        console.log("allSliderValues", allSliderValues);
+        if (allSliderValues.length === 0) {
+            console.warn("[Warn] All slider values array is empty. This should not happen, cannot proceed.");
+            return [NaN, NaN]; // This should not happen: at least two values must be present in a gradient
+        }
+        console.log("__locateClosestSliderValue", "allSliderValues", allSliderValues);
+        // Todo: Find closest ratio value
+        // let closestSliderValue = Number.MAX_VALUE;
+        var leftSliderIndex = 0;
+        var closestSliderValue = allSliderValues[leftSliderIndex];
+        for (var i = 1; i < allSliderValues.length; i++) {
+            var curVal = allSliderValues[i];
+            if (Math.abs(curVal - absoluteValue) < Math.abs(closestSliderValue - absoluteValue)) {
+                closestSliderValue = curVal;
+                if (curVal > absoluteValue) {
+                    leftSliderIndex = i - 1;
+                }
+                else {
+                    leftSliderIndex = i;
+                }
+            }
+        }
+        return [leftSliderIndex, closestSliderValue];
+    };
+    ColorGradientPicker.prototype.__clickEventToRelativeValue = function (evt) {
+        var target = evt.target;
+        var rect = target.getBoundingClientRect();
+        var x = evt.clientX - rect.left; //x position within the element.
+        var width = rect.width; // target.clientWidth;
+        var relativeValue = x / width;
+        console.log("width", width, "x", x, "relativeValue", relativeValue);
+        return relativeValue;
+    };
+    ColorGradientPicker.prototype.__addSliderAt = function (absoluteValue, leftSliderIndex) {
+        console.log("__addSliderAt", "absoluteValue", absoluteValue, "leftSliderIndex", leftSliderIndex);
+        var leftSlider = this._sliderElementRefs[leftSliderIndex].current;
+        // const colorAtPosition = this.__getSliderColorAt(relativeValue);
+        var newColor = this.__getSliderColorAt(absoluteValue);
+        var newSliderIndex = leftSliderIndex + 1;
+        var _newSlider = this.__createColorRangeInput(newSliderIndex, this.sliderMin, this.sliderMax, absoluteValue, newColor.cssRGB() // initialColor: string
+        );
+        var sliderRef = this._sliderElementRefs[newSliderIndex];
+        leftSlider.after(sliderRef.current);
+        // No visible change, but let's reflect this in the output gradient anyway
+        this.__updateBackgroundGradient();
+        // Highlight the newly added range slider
+        this.__updateColorIndicator(newSliderIndex);
+    };
+    /**
+     * Get the slider color at the given absolute value. That value must be inside the [MIN_VALUE, MAX_VALUE] interval.
+     * @param absoluteValue
+     * @returns
+     */
+    ColorGradientPicker.prototype.__getSliderColorAt = function (absoluteValue) {
+        console.log("__getSliderColorAt", "absoluteValue", absoluteValue);
+        // Locate interval
+        var leftIndex = this.__locateIntervalAt(absoluteValue);
+        var leftSliderValue = this.__getSliderValue(leftIndex, NaN);
+        var rightSliderValue = this.__getSliderValue(leftIndex + 1, NaN);
+        if (Number.isNaN(leftSliderValue) || Number.isNaN(rightSliderValue)) {
+            console.warn("[Warn] Failed to determine left/right slider values at indices ".concat(leftIndex, " or ").concat(rightSliderValue, ". Cannot proceed for absolute value ").concat(absoluteValue, "."));
+            return null;
+        }
+        var leftColorString = this.__getSliderColor(leftIndex, null);
+        var rightColorString = this.__getSliderColor(leftIndex + 1, null);
+        if (!leftColorString || !rightColorString) {
+            console.warn("[Warn] Failed to determine left/right color string values at indices ".concat(leftIndex, " or ").concat(rightSliderValue, ". Cannot proceed for absolute value ").concat(absoluteValue, "."));
+            return null;
+        }
+        var positionInsideInterval = (absoluteValue - leftSliderValue) / (rightSliderValue - leftSliderValue);
+        console.log("leftColorString", leftColorString, "rightColorString", rightColorString);
+        var leftColorObject = Color_1.Color.parse(leftColorString);
+        var rightColorObject = Color_1.Color.parse(rightColorString);
+        var newColor = leftColorObject.interpolate(rightColorObject, positionInsideInterval);
+        // console.log(
+        //   "absoluteValue",
+        //   absoluteValue,
+        //   "leftIndex",
+        //   leftIndex,
+        //   "leftSliderValue",
+        //   leftSliderValue,
+        //   "leftColorObject",
+        //   leftColorObject.cssRGB(),
+        //   "rightSliderValue",
+        //   rightSliderValue,
+        //   "rightColorObject",
+        //   rightColorObject.cssRGB(),
+        //   "positionInsideInterval",
+        //   positionInsideInterval,
+        //   "newColor",
+        //   newColor.cssRGB()
+        // );
+        return newColor;
+    };
+    /**
+     * Locate the slider interval that contains the given (absolute) slider value. The given value must be
+     * somewhere between MIN_VALUE and MAX_VALUE (usually between 0 and 100 in the default configuraion.).
+     *
+     * @param {number} absoluteValue - The absolute value to search for.
+     * @returns {number} The left slider inder the containing interval is starting with – or -1 if out of bounds.
+     */
+    ColorGradientPicker.prototype.__locateIntervalAt = function (absoluteValue) {
+        for (var i = 0; i + 1 < this._sliderElementRefs.length; i++) {
+            if (this.__getSliderValue(i, this.sliderMin) <= absoluteValue &&
+                absoluteValue < this.__getSliderValue(i + 1, this.sliderMax)) {
+                return i;
+            }
+        }
+        return -1;
+    };
+    /**
+     * Converts a relative value in [0..1] to [min..max].
+     * @param relativeValue
+     */
+    ColorGradientPicker.prototype.__relativeToAbsolute = function (relativeValue) {
+        return this.sliderMin + (this.sliderMax - this.sliderMin) * relativeValue;
+    };
+    /**
+     * Get the value of the n-th rangel slider.
+     *
+     * @param {number} sliderIndex
+     * @param {number} fallback
+     * @returns
+     */
+    ColorGradientPicker.prototype.__getSliderValue = function (sliderIndex, fallback) {
+        if (sliderIndex < 0 || sliderIndex >= this._sliderElementRefs.length) {
+            return fallback;
+        }
+        return Number.parseFloat(this._sliderElementRefs[sliderIndex].current.value);
+    };
+    ColorGradientPicker.prototype.__getAllSliderValues = function () {
+        var _this = this;
+        // return this._sliderElementRefs.map((ref, index: number) => this.__getSliderPercentage(index));
+        return this._sliderElementRefs.map(function (ref, index) { return _this.__getSliderValue(index, NaN); });
+    };
+    /**
+     * Updates the container's background to display the configured color gradient.
+     *
+     * @private
+     */
+    ColorGradientPicker.prototype.__updateBackgroundGradient = function () {
+        var colorGradient = this.getColorGradient();
+        this.containerRef.current.style["background"] = colorGradient;
+    };
+    ColorGradientPicker.prototype.__updateColorIndicator = function (rangeSliderIndex) {
+        var colorValue = this.__getSliderColor(rangeSliderIndex, "grey");
+        var ratio = this.__getSliderPercentage(rangeSliderIndex);
+        // console.log("__updateColorIndicator", colorValue, ratio);
+        // this.colorIndicatorButtonRef.current.style["left"] = `calc( ${ratio * 100}% + ${
+        //   (1.0 - ratio) * this.indicatorWidth_num * 0.5
+        // }em - ${ratio * this.indicatorWidth_num * 0.5}em)`;
+        this.colorInputContainerRef.current.style["left"] = "calc( ".concat(ratio * 100, "% + ").concat((1.0 - ratio) * this.indicatorWidth_num * 0.5, "em - ").concat(ratio * this.indicatorWidth_num * 0.5, "em)");
+        this.colorIndicatorColorButtonRef.current.style["background-color"] = colorValue;
+        this.colorInputRef.current.value = colorValue;
+        this.colorInputRef.current.dataset["activeSliderIndex"] = "".concat(rangeSliderIndex);
+        if (rangeSliderIndex <= 0 || rangeSliderIndex + 1 >= this.getRangeLength()) {
+            this.colorIndicatorRemoveButtonRef.current.style["visibility"] = "hidden";
+        }
+        else {
+            this.colorIndicatorRemoveButtonRef.current.style["visibility"] = "visible";
+        }
+    };
+    /**
+     * Get a color gradient CSS value string from the current editor settings.
+     *
+     * @instance
+     * @memberof ColorGradientPicker
+     * @returns {string}
+     */
+    ColorGradientPicker.prototype.getColorGradient = function () {
+        // Example:
+        //    linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 38%, rgba(161, 210, 108, 1) 68%, rgba(237, 221, 83, 1) 100%)
+        var buffer = ["linear-gradient( 90deg, "];
+        for (var i = 0; i < this._sliderElementRefs.length; i++) {
+            if (i > 0) {
+                buffer.push(",");
+            }
+            var colorValue = this.__getSliderColor(i, "black");
+            buffer.push(colorValue);
+            // const sliderValue: number = this.__getSliderValue(i, 0.0);
+            // const percentage: number = (this.sliderMin + sliderValue) / (this.sliderMax - this.sliderMin);
+            var percentage = this.__getSliderPercentage(i);
+            buffer.push("".concat(percentage * 100, "%"));
+        }
+        buffer.push(")");
+        return buffer.join(" ");
+    };
+    /**
+     * Get the configured color value of the n-th rangel slider.
+     *
+     * @param {number} sliderIndex
+     * @param {string} fallback
+     * @returns
+     */
+    ColorGradientPicker.prototype.__getSliderColor = function (sliderIndex, fallback) {
+        if (sliderIndex < 0 || sliderIndex >= this._sliderElementRefs.length) {
+            return fallback;
+        }
+        var colorValue = this._sliderElementRefs[sliderIndex].current.dataset["colorValue"];
+        return colorValue ? colorValue : fallback;
+    };
+    /**
+     * Get the slider's value in a mapped range of 0.0 ... 1.0.
+     *
+     * @param sliderIndex
+     * @returns
+     */
+    ColorGradientPicker.prototype.__getSliderPercentage = function (sliderIndex) {
+        var sliderValue = this.__getSliderValue(sliderIndex, 0.0);
+        var percentage = (this.sliderMin + sliderValue) / (this.sliderMax - this.sliderMin);
+        return percentage;
+    };
+    /**
+     * Init the container contents.
+     *
+     * @private
+     */
+    ColorGradientPicker.prototype._render = function (name) {
+        var _this = this;
+        var _self = this;
+        console.log("Rendering ...", NoReact);
+        this.colorIndicatorColorButtonRef = NoReact.useRef();
+        this.colorIndicatorRemoveButtonRef = NoReact.useRef();
+        this.colorInputRef = NoReact.useRef();
+        this.colorInputContainerRef = NoReact.useRef();
+        this.containerRef = NoReact.useRef();
+        var handleIndicatorButtonClick = function (evt) {
+            evt.preventDefault(); // Prevent other inputs to react to this event.
+            evt.stopPropagation();
+            // But fake a click on the input element
+            _self.colorInputRef.current.click();
+        };
+        var handleRemoveColorButtonClick = function (evt) {
+            evt.preventDefault(); // Prevent other inputs to react to this event.
+            evt.stopPropagation();
+            console.log("Todo: remove color");
+            // TODO
+            _self.__handleRemoveColor();
+        };
+        var currentColors = [0, 1, 2, 3, 4, 5];
+        var stepCount = currentColors.length;
+        var elementId = "color-gradient-container-".concat(this.baseID);
+        return (NoReact.createElement("div", { id: elementId, style: {
+                display: "flex",
+                flexDirection: "column",
+                width: "100%",
+                height: "32px",
+                position: "relative"
+            }, ref: this.containerRef, onClick: this.__containerClickHandler() },
+            createCustomStylesElement(elementId),
+            currentColors.map(function (index) {
+                var initialColor = _this.COLORSET[index % _this.COLORSET.length];
+                var initialValue = (100 / (stepCount - 1)) * index;
+                return _this.__createColorRangeInput(index, _this.sliderMin, _this.sliderMax, initialValue, initialColor);
+            }),
+            NoReact.createElement("div", { style: { width: "100%" } },
+                NoReact.createElement("input", { id: "color-indicator-input-".concat(this.baseID), type: "color", style: { visibility: "hidden" }, "data-active-slider-index": "", ref: this.colorInputRef, onInput: this.__colorChangeHandler() }),
+                NoReact.createElement("div", { ref: this.colorInputContainerRef, style: {
+                        position: "absolute",
+                        bottom: "0px",
+                        left: "0%",
+                        display: "flex",
+                        flexDirection: "column",
+                        transform: "translate(0%, 100%)"
+                    } },
+                    NoReact.createElement("button", { id: "color-indicator-button-".concat(this.baseID), style: {
+                            backgroundColor: "grey",
+                            borderRadius: "3px",
+                            border: "1px solid grey",
+                            width: this.indicatorWidth, // "1em",
+                            height: this.indicatorHeight, // "1em",
+                            transform: "translate(-50%, 0%)"
+                        }, onClick: handleIndicatorButtonClick, ref: this.colorIndicatorColorButtonRef }),
+                    NoReact.createElement("button", { id: "color-remove-button-".concat(this.baseID), className: "color-remove-button", style: {
+                            backgroundColor: "grey",
+                            borderRadius: "3px",
+                            border: "1px solid grey",
+                            width: this.indicatorWidth, // "1em",
+                            height: this.indicatorHeight, // "1em",
+                            transform: "translate(-50%, 50%)",
+                            lineHeight: "0.5em",
+                            padding: 0
+                        }, onClick: handleRemoveColorButtonClick, ref: this.colorIndicatorRemoveButtonRef },
+                        NoReact.createElement("span", { style: { fontSize: "0.5em" } }, "\uD83D\uDDD1"))))));
+    };
+    return ColorGradientPicker;
+}());
+exports.ColorGradientPicker = ColorGradientPicker;
+/**
+ * Adds custom styles (global STYLE tag).
+ *
+ * @private
+ */
+var createCustomStylesElement = function (elementId) {
+    var thumbWidth = "0.5em";
+    var thumbHeight = "1.333em";
+    // Thanks to Ana Tudor
+    //    https://css-tricks.com/multi-thumb-sliders-particular-two-thumb-case/
+    return (NoReact.createElement("style", null, "\n    #".concat(elementId, " input[type='range'] {\n\n      -webkit-appearance: none;\n\n      grid-column: 1;\n      grid-row: 2;\n      \n      /* same as before */\n      background: none; /* get rid of white Chrome background */\n      color: #000;\n      font: inherit; /* fix too small font-size in both Chrome & Firefox */\n      margin: 0;\n      pointer-events: none; /* let clicks pass through */\n    }\n\n    #").concat(elementId, " input[type='range']::-webkit-slider-runnable-track {\n      -webkit-appearance: none;\n\n      background: none; /* get rid of Firefox track background */\n      height: 100%;\n      width: 100%;\n\n      pointer-events: none;\n    }\n\n    #").concat(elementId, " input[type='range']::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      background: currentcolor;\n      border: none; /* get rid of Firefox thumb border */\n      border-radius: 6px; /* get rid of Firefox corner rounding */\n      pointer-events: auto; /* catch clicks */\n      width: ").concat(thumbWidth, "; \n      height: ").concat(thumbHeight, ";\n    }\n\n    #").concat(elementId, " input[type='range']:focus::-webkit-slider-thumb {\n      border: 2px solid white;\n    }\n\n    #").concat(elementId, " input[type='range']::-moz-range-track {\n      -webkit-appearance: none;\n      background: none; /* get rid of Firefox track background */\n      height: 100%;\n      width: 100%;\n      pointer-events: none;\n    }\n\n    #").concat(elementId, " input[type='range']::-moz-range-thumb {\n      /* -webkit-appearance: none; */\n      background: currentcolor;\n      border: none; /* get rid of Firefox thumb border */\n      border-radius: 6px; /* get rid of Firefox corner rounding */\n      pointer-events: auto; /* catch clicks */\n      width: ").concat(thumbWidth, "; \n      height: ").concat(thumbHeight, ";\n    }\n\n    #").concat(elementId, " input[type='range']:focus::-moz-range-thumb {\n      border: 2px solid white;\n    }\n\n    #").concat(elementId, " input[type='range'] {\n      /* same as before */\n      z-index: 1;\n    }\n    \n    #").concat(elementId, " input[type='range']:focus {\n        z-index: 2;\n        /* outline: dotted 1px orange; */\n        color: darkorange;\n    }\n    ")));
+};
+//# sourceMappingURL=ColorGradientPickerJSX.js.map

package/src/cjs/utils/dom/components/ColorGradientPickerJSX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorGradientPickerJSX.js","sourceRoot":"","sources":["../../../../ts/utils/dom/components/ColorGradientPickerJSX.tsx"],"names":[],"mappings":"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"}