plotboilerplate 1.28.0 → 1.28.1

package/src/_cjs/utils/dom/components/ColorGradientSelector.d.ts

@@ -1,118 +0,0 @@
-/**
- * A simple class for rendering color gradient dropdowns.
- *
- * As native dropdown do not support custom stylings in the way we need, we will implement
- * our own dropdown class.
- *
- * @author  Ikaros Kappler
- * @date    2025-08-19
- * @version 1.0.0
- */
-import { ColorGradient } from "../../datastructures/ColorGradient";
-export type ColorGradientSelectorChangeListener = (colorGradient: ColorGradient, gradientIndex: number, source: ColorGradientSelector) => void;
-/**
- * The initial properties to use.
- */
-export interface ColorGradientSelectorProps {
-    containerID?: string;
-    initialGradients?: Array<ColorGradient>;
-    selectedGradientIndex?: number;
-    isMobileMode?: boolean;
-}
-export declare class ColorGradientSelector {
-    private readonly baseID;
-    private readonly elementID;
-    private container;
-    private containerRef;
-    private mainButtonContainerRef;
-    private positioningContainerRef;
-    private isMobileMode;
-    private isDropdownOpen;
-    private css_buttonWidth;
-    private css_buttonHeight;
-    private css_buttonFontSize;
-    private css_buttonFontSize_larger;
-    private colorGradients;
-    private colorGradientOptionRefs;
-    private selectedGradientIndex;
-    private readonly installedChangeListeners;
-    static readonly DEFAULT_COLOR_GRADIENTS: Array<ColorGradient>;
-    /**
-     * 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).
-     */
-    constructor(options?: ColorGradientSelectorProps);
-    setGradients(gradients: Array<ColorGradient>, selectedIndex: number): void;
-    addGradient(gradient: ColorGradient): void;
-    private __removeAllChildNodes;
-    /**
-     * Adds a new color gradient change listener to this ColorGradientPicker.
-     *
-     * @param {ColorGradientChangeListener} listener - The listener to add.
-     * @returns {boolean} True, if the listener was added and did not exist before.
-     */
-    addChangeListener(listener: ColorGradientSelectorChangeListener): boolean;
-    /**
-     *
-     * @param {ColorGradientChangeListener} listener The listener to remove.
-     * @returns {boolean} True, if the listener existed and has been removed.
-     */
-    removeChangeListener(listener: ColorGradientSelectorChangeListener): boolean;
-    getSelectedColorGradient(): ColorGradient;
-    private __fireChangeEvent;
-    /**
-     * Creates a handler for click events on the main button.
-     *
-     * @returns
-     */
-    private __mainButtonClickHandler;
-    /**
-     * Creates a handler for click events on one of the option button in the dropdown.
-     *
-     * @returns
-     */
-    private __optionButtonClickHandler;
-    private __optionButtonDeleteHandler;
-    /**
-     * Once a slider element was added or removed then the following indices must be updated.
-     *
-     * @param {number} startIndex - The slider index to start updating at.
-     */
-    __updateOptionDataSetIndices(startIndex: number): void;
-    private __setSelectedIndex;
-    /**
-     * Sets the backround color of the main button (of this dropdown) element.
-     *
-     * @param {ColorGradient} gradient - The gradient color to display. Must not be null.
-     */
-    private __setMainButtonGradient;
-    /**
-     * Renders a new option button for the dropdown menu.
-     *
-     * @param {ColorGradient} gradient
-     * @returns {JsxElement}
-     */
-    private __renderOptionButton;
-    /**
-     * Creates a new array of option buttons (refs).
-     * @returns
-     */
-    private _renderAllOptionButtons;
-    /**
-     * Init the container contents.
-     *
-     * @private
-     */
-    private _render;
-    /**
-     * Adds custom styles (global STYLE tag).
-     *
-     * @private
-     */
-    private __createCustomStylesElement;
-}

package/src/_cjs/utils/dom/components/ColorGradientSelector.js

@@ -1,327 +0,0 @@
-"use strict";
-/**
- * A simple class for rendering color gradient dropdowns.
- *
- * As native dropdown do not support custom stylings in the way we need, we will implement
- * our own dropdown class.
- *
- * @author  Ikaros Kappler
- * @date    2025-08-19
- * @version 1.0.0
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorGradientSelector = void 0;
-var NoReact = require("noreact");
-var Color_1 = require("../../datastructures/Color");
-var ColorGradient_1 = require("../../datastructures/ColorGradient");
-var ColorGradientSelector = /** @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 ColorGradientSelector(options) {
-        var _this = this;
-        this.isDropdownOpen = false;
-        this.css_buttonWidth = "100px";
-        this.css_buttonHeight = "1.8em";
-        this.css_buttonFontSize = "0.725em";
-        this.css_buttonFontSize_larger = "1.0em";
-        this.colorGradients = [];
-        // TODO: this does not really need to be a pair, does it?
-        this.colorGradientOptionRefs = [];
-        this.selectedGradientIndex = -1;
-        this.installedChangeListeners = [];
-        /**
-         * Adds custom styles (global STYLE tag).
-         *
-         * @private
-         */
-        this.__createCustomStylesElement = function () {
-            // Thanks to Ana Tudor
-            //    https://css-tricks.com/multi-thumb-sliders-particular-two-thumb-case/
-            return (NoReact.createElement("style", null, "\n\n    #".concat(_this.elementID, " button {\n      border: 0px solid lightgray;\n      padding: 0.25em;\n      /* background-color: rgba(255,255,255,0.9); */\n    }\n\n    #").concat(_this.elementID, " .positioning-container button {\n      border-radius: 0;\n    }\n\n    #").concat(_this.elementID, " .main-button:hover {\n      background-color: rgba(216,216,216,0.9);\n    }\n\n    #").concat(_this.elementID, " .option-gradient-button:hover, #").concat(_this.elementID, " .option-delete-button:hover {\n      background-color: rgba(216,216,216,0.9);\n    }\n\n\n    ")));
-        };
-        options = options || {};
-        if (options.containerID) {
-            var cont = document.getElementById(options.containerID);
-            if (!cont) {
-                throw "Cannot create ColorGradientPicker. Component ID does not exist.";
-            }
-            this.container = cont;
-        }
-        else {
-            this.container = document.createElement("div");
-        }
-        this.isMobileMode = Boolean(options.isMobileMode);
-        if (this.isMobileMode) {
-            this.css_buttonWidth = "200px";
-            this.css_buttonHeight = "2.5em";
-            this.css_buttonFontSize = "1.25em";
-            this.css_buttonFontSize_larger = "1.45em";
-        }
-        this.baseID = Math.floor(Math.random() * 65535);
-        this.elementID = "color-gradient-selector-".concat(this.baseID);
-        this.colorGradients =
-            typeof options.initialGradients === "undefined" ? ColorGradientSelector.DEFAULT_COLOR_GRADIENTS : options.initialGradients;
-        this.selectedGradientIndex = typeof options.selectedGradientIndex === "undefined" ? 0 : options.selectedGradientIndex;
-        document.head.appendChild(this.__createCustomStylesElement());
-        this.container.append(this._render());
-    } // END constructor
-    // TODO: implement this?
-    ColorGradientSelector.prototype.setGradients = function (gradients, selectedIndex) {
-        var _this = this;
-        // First empty the container
-        this.__removeAllChildNodes(this.positioningContainerRef.current);
-        this.colorGradients = [];
-        this.colorGradientOptionRefs = [];
-        this.selectedGradientIndex = selectedIndex;
-        // Re-render button array
-        gradients.map(function (grad) {
-            _this.addGradient(grad);
-        });
-    };
-    ColorGradientSelector.prototype.addGradient = function (gradient) {
-        // Render a new button
-        var index = this.colorGradients.length;
-        var refMainContainer = NoReact.useRef();
-        var refActionButton = NoReact.useRef();
-        var refDeleteButton = NoReact.useRef();
-        this.__renderOptionButton(gradient, index, refMainContainer, refActionButton, refDeleteButton);
-        this.colorGradients.push(gradient);
-        this.colorGradientOptionRefs.push({ mainButton: refActionButton, deleteButton: refDeleteButton });
-        // Add to container
-        this.positioningContainerRef.current.appendChild(refMainContainer.current);
-    };
-    // +---------------------------------------------------------------------------------
-    // | A helper function to remove all child nodes.
-    // +-------------------------------
-    ColorGradientSelector.prototype.__removeAllChildNodes = function (node) {
-        while (node.lastChild) {
-            node.removeChild(node.lastChild);
-        }
-    };
-    /**
-     * Adds a new color gradient change listener to this ColorGradientPicker.
-     *
-     * @param {ColorGradientChangeListener} listener - The listener to add.
-     * @returns {boolean} True, if the listener was added and did not exist before.
-     */
-    ColorGradientSelector.prototype.addChangeListener = function (listener) {
-        for (var i = 0; i < this.installedChangeListeners.length; i++) {
-            if (this.installedChangeListeners[i] === listener) {
-                return false;
-            }
-        }
-        this.installedChangeListeners.push(listener);
-        return true;
-    };
-    /**
-     *
-     * @param {ColorGradientChangeListener} listener The listener to remove.
-     * @returns {boolean} True, if the listener existed and has been removed.
-     */
-    ColorGradientSelector.prototype.removeChangeListener = function (listener) {
-        for (var i = 0; i < this.installedChangeListeners.length; i++) {
-            if (this.installedChangeListeners[i] === listener) {
-                this.installedChangeListeners.splice(i, 1);
-                return true;
-            }
-        }
-        return false;
-    };
-    ColorGradientSelector.prototype.getSelectedColorGradient = function () {
-        return this.colorGradients[this.selectedGradientIndex];
-    };
-    ColorGradientSelector.prototype.__fireChangeEvent = function () {
-        var newColorGradient = this.getSelectedColorGradient();
-        for (var i = 0; i < this.installedChangeListeners.length; i++) {
-            this.installedChangeListeners[i](newColorGradient, this.selectedGradientIndex, this);
-        }
-    };
-    /**
-     * Creates a handler for click events on the main button.
-     *
-     * @returns
-     */
-    ColorGradientSelector.prototype.__mainButtonClickHandler = function () {
-        var _self = this;
-        return function (_evt) {
-            // _self.mainButtonContainerRef.current.style.visibility = "hidden";
-            _self.positioningContainerRef.current.style.visibility = _self.isDropdownOpen ? "hidden" : "visible";
-            _self.isDropdownOpen = !_self.isDropdownOpen;
-        };
-    };
-    /**
-     * Creates a handler for click events on one of the option button in the dropdown.
-     *
-     * @returns
-     */
-    ColorGradientSelector.prototype.__optionButtonClickHandler = function () {
-        var _self = this;
-        return function (evt) {
-            _self.positioningContainerRef.current.style.visibility = "hidden";
-            _self.isDropdownOpen = false;
-            var targetButton = evt.currentTarget;
-            var clickedIndex_raw = targetButton.dataset["gradientIndex"];
-            var clickedIndex = Number.parseInt(clickedIndex_raw);
-            console.log("clickedIndex", clickedIndex, clickedIndex_raw, targetButton.dataset, targetButton);
-            if (Number.isNaN(clickedIndex)) {
-                // Stop here. This is not what we want.
-                return;
-            }
-            // Find child: and set selected.
-            _self.__setSelectedIndex(clickedIndex);
-            _self.__fireChangeEvent();
-        };
-    };
-    ColorGradientSelector.prototype.__optionButtonDeleteHandler = function () {
-        var _this = this;
-        var _self = this;
-        return function (evt) {
-            if (_this.colorGradientOptionRefs.length === 1) {
-                // Keep the last record
-                return;
-            }
-            var targetButton = evt.currentTarget;
-            var clickedIndex_raw = targetButton.dataset["gradientIndex"];
-            var clickedIndex = Number.parseInt(clickedIndex_raw);
-            console.log("clickedIndex", clickedIndex, clickedIndex_raw, targetButton.dataset, targetButton);
-            if (Number.isNaN(clickedIndex)) {
-                // Stop here. This is not what we want.
-                return;
-            }
-            // Find child: and remove from DOM
-            console.log("this.colorGradientOptionRefs", _this.colorGradientOptionRefs, "clickedIndex", clickedIndex);
-            var refPair = _this.colorGradientOptionRefs[clickedIndex];
-            refPair.mainButton.current.parentElement.remove();
-            // Remove from logic
-            // Remove 1 element at the given index
-            _this.colorGradients.splice(clickedIndex, 1);
-            _this.colorGradientOptionRefs.splice(clickedIndex, 1);
-            // Update all following elements in the list.
-            _this.__updateOptionDataSetIndices(clickedIndex);
-            if (_this.selectedGradientIndex >= clickedIndex) {
-                // this.selectedGradientIndex--;
-                _this.__setSelectedIndex(_this.selectedGradientIndex);
-            }
-            console.log("All refs", _this.colorGradientOptionRefs);
-        };
-    };
-    /**
-     * Once a slider element was added or removed then the following indices must be updated.
-     *
-     * @param {number} startIndex - The slider index to start updating at.
-     */
-    ColorGradientSelector.prototype.__updateOptionDataSetIndices = function (startIndex) {
-        // Update all elements to the right of the new elelemt
-        for (var i = startIndex; i < this.colorGradientOptionRefs.length; i++) {
-            this.colorGradientOptionRefs[i].mainButton.current.dataset["gradientIndex"] = "".concat(i);
-            this.colorGradientOptionRefs[i].deleteButton.current.dataset["gradientIndex"] = "".concat(i);
-        }
-    };
-    ColorGradientSelector.prototype.__setSelectedIndex = function (newSelectedIndex) {
-        for (var i = 0; i < this.colorGradientOptionRefs.length; i++) {
-            var ref = this.colorGradientOptionRefs[i].mainButton;
-            // Find child: and set selected.
-            ref.current.querySelectorAll(".option-gradient-radio-circle")[0].innerHTML = newSelectedIndex === i ? "🞊" : "🞅";
-        }
-        this.selectedGradientIndex = newSelectedIndex;
-        var selectedGradient = this.colorGradients[this.selectedGradientIndex];
-        // Display new gradient in the main button
-        this.__setMainButtonGradient(selectedGradient);
-    };
-    /**
-     * Sets the backround color of the main button (of this dropdown) element.
-     *
-     * @param {ColorGradient} gradient - The gradient color to display. Must not be null.
-     */
-    ColorGradientSelector.prototype.__setMainButtonGradient = function (gradient) {
-        var colorDisplay = this.mainButtonContainerRef.current.querySelectorAll(".main-button-gradient-display")[0];
-        colorDisplay.style["background"] = gradient.toColorGradientString();
-    };
-    /**
-     * Renders a new option button for the dropdown menu.
-     *
-     * @param {ColorGradient} gradient
-     * @returns {JsxElement}
-     */
-    ColorGradientSelector.prototype.__renderOptionButton = function (gradient, index, refMainContainer, refActionButton, refDelButton) {
-        return (NoReact.createElement("div", { sx: { d: "flex", flexDirection: "row" }, ref: refMainContainer },
-            NoReact.createElement("button", { className: "option-gradient-button", onClick: this.__optionButtonClickHandler(), style: {
-                    d: "flex",
-                    w: "100%",
-                    fontSize: this.css_buttonFontSize,
-                    minHeight: this.css_buttonHeight,
-                    maxHeight: this.css_buttonHeight
-                }, ref: refActionButton, "data-gradientIndex": "".concat(index) },
-                NoReact.createElement("div", { className: "option-gradient-radio-circle", sx: { w: "2em", flexShrink: 2, alignContent: "center" } }, index === 0 ? "🞊" : "🞅"),
-                NoReact.createElement("div", { sx: { w: "calc( 100% - 2em )", mr: "1em", background: gradient.toColorGradientString() } }, "\u00A0")),
-            NoReact.createElement("button", { classname: "option-delete-button", sx: { fontSize: this.css_buttonFontSize, minHeight: this.css_buttonHeight, maxHeight: this.css_buttonHeight }, onClick: this.__optionButtonDeleteHandler(), "data-gradientIndex": "".concat(index), ref: refDelButton },
-                NoReact.createElement("div", { sx: { w: "2em", flexShrink: 2, alignContent: "center" } }, "\uD83D\uDDD1"))));
-    };
-    /**
-     * Creates a new array of option buttons (refs).
-     * @returns
-     */
-    ColorGradientSelector.prototype._renderAllOptionButtons = function () {
-        var _this = this;
-        var _self = this;
-        // First clear all references
-        _self.colorGradientOptionRefs = [];
-        return this.colorGradients.map(function (colorGradient, index) {
-            // console.log("num", num, index);
-            var refMainContainer = NoReact.useRef();
-            var refActionButton = NoReact.useRef();
-            var refDelButton = NoReact.useRef();
-            _self.colorGradientOptionRefs.push({ mainButton: refActionButton, deleteButton: refDelButton });
-            return _this.__renderOptionButton(colorGradient, index, refMainContainer, refActionButton, refDelButton);
-        });
-    };
-    /**
-     * Init the container contents.
-     *
-     * @private
-     */
-    ColorGradientSelector.prototype._render = function () {
-        var _self = this;
-        // console.log("Rendering ...", NoReact);
-        this.containerRef = NoReact.useRef();
-        this.mainButtonContainerRef = NoReact.useRef();
-        this.positioningContainerRef = NoReact.useRef();
-        var selectedGradient = this.colorGradients[this.selectedGradientIndex];
-        return (NoReact.createElement("div", { id: this.elementID, className: "color-gradient-selector", style: { minWidth: this.css_buttonWidth, maxWidth: this.css_buttonWidth, pos: "relative" }, ref: this.containerRef },
-            NoReact.createElement("button", { className: "main-button", ref: this.mainButtonContainerRef, style: {
-                    d: "flex",
-                    minWidth: this.css_buttonWidth,
-                    maxWidth: this.css_buttonWidth,
-                    minHeight: this.css_buttonHeight,
-                    maxHeight: this.css_buttonHeight
-                }, onClick: this.__mainButtonClickHandler() },
-                NoReact.createElement("div", { className: "main-button-gradient-display", sx: { w: "calc( 100% - ".concat(this.css_buttonFontSize, " )"), background: selectedGradient.toColorGradientString() } }, "\u00A0"),
-                NoReact.createElement("div", { sx: { w: this.css_buttonHeight, flexShrink: 2, fontSize: this.css_buttonFontSize_larger } }, "\u25BE")),
-            NoReact.createElement("div", { className: "positioning-container", ref: this.positioningContainerRef, style: {
-                    minWidth: this.css_buttonWidth,
-                    maxHeight: "25vh",
-                    overflowY: "auto",
-                    v: "hidden",
-                    d: "flex",
-                    fd: "column",
-                    pos: "absolute",
-                    l: 0,
-                    zIndex: 999
-                } }, _self._renderAllOptionButtons())));
-    }; // END function render()
-    ColorGradientSelector.DEFAULT_COLOR_GRADIENTS = [
-        ColorGradient_1.ColorGradient.createDefault(),
-        ColorGradient_1.ColorGradient.createFrom(Color_1.Color.Red, Color_1.Color.Green),
-        ColorGradient_1.ColorGradient.createFrom(Color_1.Color.Blue, Color_1.Color.Gold)
-    ];
-    return ColorGradientSelector;
-}());
-exports.ColorGradientSelector = ColorGradientSelector;
-//# sourceMappingURL=ColorGradientSelector.js.map

package/src/_cjs/utils/dom/components/ColorGradientSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorGradientSelector.js","sourceRoot":"","sources":["../../../../ts/utils/dom/components/ColorGradientSelector.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;;;AAEH,iCAAmC;AAGnC,oDAAmD;AACnD,oEAAmE;AAkBnE;IAiCE;;;;;;;;OAQG;IACH,+BAAY,OAAoC;QAAhD,iBA2BC;QA3DO,mBAAc,GAAY,KAAK,CAAC;QAEhC,oBAAe,GAAG,OAAO,CAAC;QAC1B,qBAAgB,GAAG,OAAO,CAAC;QAC3B,uBAAkB,GAAG,SAAS,CAAC;QAC/B,8BAAyB,GAAG,OAAO,CAAC;QAEpC,mBAAc,GAAyB,EAAE,CAAC;QAClD,yDAAyD;QACjD,4BAAuB,GAG1B,EAAE,CAAC;QACA,0BAAqB,GAAW,CAAC,CAAC,CAAC;QAE1B,6BAAwB,GAA+C,EAAE,CAAC;QAwW3F;;;;WAIG;QACK,gCAA2B,GAAG;YACpC,sBAAsB;YACtB,2EAA2E;YAC3E,OAAO,CACL,qCAAQ,mBAEP,KAAI,CAAC,SAAS,wJAMd,KAAI,CAAC,SAAS,sFAId,KAAI,CAAC,SAAS,kGAId,KAAI,CAAC,SAAS,8CAAoC,KAAI,CAAC,SAAS,oGAKlE,CAAS,CACT,CAAC;QACJ,CAAC,CAAC;QAtXA,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;QACxB,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;YACxB,IAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC1D,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,MAAM,iEAAiE,CAAC;YAC1E,CAAC;YACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAClD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;YAC/B,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC;YAChC,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC;YACnC,IAAI,CAAC,yBAAyB,GAAG,QAAQ,CAAC;QAC5C,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC;QAChD,IAAI,CAAC,SAAS,GAAG,kCAA2B,IAAI,CAAC,MAAM,CAAE,CAAC;QAE1D,IAAI,CAAC,cAAc;YACjB,OAAO,OAAO,CAAC,gBAAgB,KAAK,WAAW,CAAC,CAAC,CAAC,qBAAqB,CAAC,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC;QAC7H,IAAI,CAAC,qBAAqB,GAAG,OAAO,OAAO,CAAC,qBAAqB,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,qBAAqB,CAAC;QAEtH,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,2BAA2B,EAAE,CAAC,CAAC;QAC9D,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC,kBAAkB;IAEpB,wBAAwB;IACjB,4CAAY,GAAnB,UAAoB,SAA+B,EAAE,aAAqB;QAA1E,iBAUC;QATC,4BAA4B;QAC5B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;QACjE,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QACzB,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC;QAClC,IAAI,CAAC,qBAAqB,GAAG,aAAa,CAAC;QAC3C,yBAAyB;QACzB,SAAS,CAAC,GAAG,CAAC,UAAC,IAAmB;YAChC,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,2CAAW,GAAlB,UAAmB,QAAuB;QACxC,sBAAsB;QACtB,IAAM,KAAK,GAAW,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;QACjD,IAAM,gBAAgB,GAAgC,OAAO,CAAC,MAAM,EAAkB,CAAC;QACvF,IAAM,eAAe,GAAmC,OAAO,CAAC,MAAM,EAAqB,CAAC;QAC5F,IAAM,eAAe,GAAmC,OAAO,CAAC,MAAM,EAAqB,CAAC;QAE5F,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;QAC/F,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,CAAC;QAClG,mBAAmB;QACnB,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7E,CAAC;IAED,qFAAqF;IACrF,iDAAiD;IACjD,mCAAmC;IAC3B,qDAAqB,GAA7B,UAA8B,IAAU;QACtC,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;YACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACH,iDAAiB,GAAjB,UAAkB,QAA6C;QAC7D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9D,IAAI,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE,CAAC;gBAClD,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC;QACD,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7C,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;;OAIG;IACH,oDAAoB,GAApB,UAAqB,QAA6C;QAChE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9D,IAAI,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE,CAAC;gBAClD,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC3C,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,wDAAwB,GAA/B;QACE,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACzD,CAAC;IAEO,iDAAiB,GAAzB;QACE,IAAM,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;QACzD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9D,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QACvF,CAAC;IACH,CAAC;IAED;;;;OAIG;IACK,wDAAwB,GAAhC;QACE,IAAM,KAAK,GAAG,IAAI,CAAC;QACnB,OAAO,UAAC,IAAgB;YACtB,oEAAoE;YACpE,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;YACrG,KAAK,CAAC,cAAc,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC;QAC/C,CAAC,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACK,0DAA0B,GAAlC;QACE,IAAM,KAAK,GAAG,IAAI,CAAC;QACnB,OAAO,UAAC,GAAe;YACrB,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YAClE,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC;YAC7B,IAAM,YAAY,GAAsB,GAAG,CAAC,aAAkC,CAAC;YAC/E,IAAM,gBAAgB,GAAW,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;YACvE,IAAM,YAAY,GAAW,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;YAC/D,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YAChG,IAAI,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC/B,uCAAuC;gBACvC,OAAO;YACT,CAAC;YACD,gCAAgC;YAChC,KAAK,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;YACvC,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;IAEO,2DAA2B,GAAnC;QAAA,iBA+BC;QA9BC,IAAM,KAAK,GAAG,IAAI,CAAC;QACnB,OAAO,UAAC,GAAe;YACrB,IAAI,KAAI,CAAC,uBAAuB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC9C,uBAAuB;gBACvB,OAAO;YACT,CAAC;YACD,IAAM,YAAY,GAAsB,GAAG,CAAC,aAAkC,CAAC;YAC/E,IAAM,gBAAgB,GAAW,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;YACvE,IAAM,YAAY,GAAW,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;YAC/D,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YAChG,IAAI,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC/B,uCAAuC;gBACvC,OAAO;YACT,CAAC;YACD,kCAAkC;YAClC,OAAO,CAAC,GAAG,CAAC,8BAA8B,EAAE,KAAI,CAAC,uBAAuB,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;YACxG,IAAM,OAAO,GAAG,KAAI,CAAC,uBAAuB,CAAC,YAAY,CAAC,CAAC;YAC3D,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;YAClD,oBAAoB;YACpB,sCAAsC;YACtC,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;YAC5C,KAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;YACrD,6CAA6C;YAC7C,KAAI,CAAC,4BAA4B,CAAC,YAAY,CAAC,CAAC;YAChD,IAAI,KAAI,CAAC,qBAAqB,IAAI,YAAY,EAAE,CAAC;gBAC/C,gCAAgC;gBAChC,KAAI,CAAC,kBAAkB,CAAC,KAAI,CAAC,qBAAqB,CAAC,CAAC;YACtD,CAAC;YACD,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,KAAI,CAAC,uBAAuB,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,4DAA4B,GAA5B,UAA6B,UAAkB;QAC7C,sDAAsD;QACtD,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACtE,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,UAAG,CAAC,CAAE,CAAC;YACrF,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,UAAG,CAAC,CAAE,CAAC;QACzF,CAAC;IACH,CAAC;IAEO,kDAAkB,GAA1B,UAA2B,gBAAwB;QACjD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,uBAAuB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7D,IAAM,GAAG,GAAmC,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;YACvF,gCAAgC;YAChC,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,+BAA+B,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,gBAAgB,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QACpH,CAAC;QACD,IAAI,CAAC,qBAAqB,GAAG,gBAAgB,CAAC;QAC9C,IAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACzE,0CAA0C;QAC1C,IAAI,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;IACjD,CAAC;IAED;;;;OAIG;IACK,uDAAuB,GAA/B,UAAgC,QAAuB;QACrD,IAAM,YAAY,GAAG,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,gBAAgB,CACvE,+BAA+B,CAChC,CAAC,CAAC,CAAmB,CAAC;QACvB,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;IACtE,CAAC;IAED;;;;;OAKG;IACK,oDAAoB,GAA5B,UACE,QAAuB,EACvB,KAAa,EACb,gBAA6C,EAC7C,eAA+C,EAC/C,YAA4C;QAE5C,OAAO,CACL,+BAAK,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,gBAAgB;YACjE,kCACE,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,IAAI,CAAC,0BAA0B,EAAE,EAC1C,KAAK,EAAE;oBACL,CAAC,EAAE,MAAM;oBACT,CAAC,EAAE,MAAM;oBACT,QAAQ,EAAE,IAAI,CAAC,kBAAkB;oBACjC,SAAS,EAAE,IAAI,CAAC,gBAAgB;oBAChC,SAAS,EAAE,IAAI,CAAC,gBAAgB;iBACjC,EACD,GAAG,EAAE,eAAe,wBACA,UAAG,KAAK,CAAE;gBAE9B,+BAAK,SAAS,EAAC,8BAA8B,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,IAClG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACtB;gBACN,+BAAK,EAAE,EAAE,EAAE,CAAC,EAAE,oBAAoB,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,qBAAqB,EAAE,EAAE,aAAc,CACpG;YACT,kCACE,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAC7G,OAAO,EAAE,IAAI,CAAC,2BAA2B,EAAE,wBACvB,UAAG,KAAK,CAAE,EAC9B,GAAG,EAAE,YAAY;gBAEjB,+BAAK,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAU,CAC/D,CACL,CACP,CAAC;IACJ,CAAC;IAED;;;OAGG;IACK,uDAAuB,GAA/B;QAAA,iBAYC;QAXC,IAAM,KAAK,GAAG,IAAI,CAAC;QACnB,6BAA6B;QAC7B,KAAK,CAAC,uBAAuB,GAAG,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAC,aAA4B,EAAE,KAAa;YACzE,kCAAkC;YAClC,IAAM,gBAAgB,GAAgC,OAAO,CAAC,MAAM,EAAkB,CAAC;YACvF,IAAM,eAAe,GAAmC,OAAO,CAAC,MAAM,EAAqB,CAAC;YAC5F,IAAM,YAAY,GAAmC,OAAO,CAAC,MAAM,EAAqB,CAAC;YACzF,KAAK,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CAAC;YAChG,OAAO,KAAI,CAAC,oBAAoB,CAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC;QAC1G,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACK,uCAAO,GAAf;QACE,IAAM,KAAK,GAAG,IAAI,CAAC;QACnB,yCAAyC;QACzC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,MAAM,EAAkB,CAAC;QACrD,IAAI,CAAC,sBAAsB,GAAG,OAAO,CAAC,MAAM,EAAqB,CAAC;QAClE,IAAI,CAAC,uBAAuB,GAAG,OAAO,CAAC,MAAM,EAAkB,CAAC;QAEhE,IAAM,gBAAgB,GAAkB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAExF,OAAO,CACL,+BACE,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,GAAG,EAAE,UAAU,EAAE,EAC1F,GAAG,EAAE,IAAI,CAAC,YAAY;YAItB,kCACE,SAAS,EAAC,aAAa,EACvB,GAAG,EAAE,IAAI,CAAC,sBAAsB,EAChC,KAAK,EAAE;oBACL,CAAC,EAAE,MAAM;oBACT,QAAQ,EAAE,IAAI,CAAC,eAAe;oBAC9B,QAAQ,EAAE,IAAI,CAAC,eAAe;oBAC9B,SAAS,EAAE,IAAI,CAAC,gBAAgB;oBAChC,SAAS,EAAE,IAAI,CAAC,gBAAgB;iBACjC,EACD,OAAO,EAAE,IAAI,CAAC,wBAAwB,EAAE;gBAExC,+BACE,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,EAAE,CAAC,EAAE,uBAAgB,IAAI,CAAC,kBAAkB,OAAI,EAAE,UAAU,EAAE,gBAAgB,CAAC,qBAAqB,EAAE,EAAE,aAGxG;gBACN,+BAAK,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,yBAAyB,EAAE,aAAS,CAChG;YACT,+BACE,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAE,IAAI,CAAC,uBAAuB,EACjC,KAAK,EAAE;oBACL,QAAQ,EAAE,IAAI,CAAC,eAAe;oBAC9B,SAAS,EAAE,MAAM;oBACjB,SAAS,EAAE,MAAM;oBACjB,CAAC,EAAE,QAAQ;oBACX,CAAC,EAAE,MAAM;oBACT,EAAE,EAAE,QAAQ;oBACZ,GAAG,EAAE,UAAU;oBACf,CAAC,EAAE,CAAC;oBACJ,MAAM,EAAE,GAAG;iBACZ,IAEA,KAAK,CAAC,uBAAuB,EAAE,CAC5B,CACF,CACP,CAAC;IACJ,CAAC,EAAC,wBAAwB;IApWH,6CAAuB,GAAyB;QACrE,6BAAa,CAAC,aAAa,EAAE;QAC7B,6BAAa,CAAC,UAAU,CAAC,aAAK,CAAC,GAAG,EAAE,aAAK,CAAC,KAAK,CAAC;QAChD,6BAAa,CAAC,UAAU,CAAC,aAAK,CAAC,IAAI,EAAE,aAAK,CAAC,IAAI,CAAC;KACjD,AAJ6C,CAI5C;IAmYJ,4BAAC;CAAA,AAlaD,IAkaC;AAlaY,sDAAqB"}

package/src/_cjs/utils/dom/components/Test.d.ts

@@ -1,7 +0,0 @@
-/**
- * @author  Ikaros Kappler
- * @date    2025-06-25
- * @version 1.0.0
- */
-import { JsxElement } from "typescript";
-export declare const Test: (name: string) => JsxElement;

package/src/_cjs/utils/dom/components/Test.js

@@ -1,30 +0,0 @@
-"use strict";
-/**
- * @author  Ikaros Kappler
- * @date    2025-06-25
- * @version 1.0.0
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Test = void 0;
-var NoReact = require("noreact");
-var Test = function (name) {
-    var click1 = function () {
-        console.log("First clicked");
-    };
-    var click2 = function () {
-        console.log("Second clicked");
-    };
-    var mouseEnter = function (event) {
-        event.target.style["background-color"] = "grey";
-    };
-    var mouseOut = function (event) {
-        event.target.style["background-color"] = "DeepSkyBlue";
-    };
-    return (NoReact.createElement("div", { className: "NoReact-main" },
-        "Hello ",
-        name,
-        NoReact.createElement("div", { className: "NoReact-child-1", onClick: click1 }, "Hello Nested"),
-        NoReact.createElement("div", { className: "NoReact-child-2", onClick: click2, onMouseEnter: mouseEnter, onMouseOut: mouseOut, style: { backgroundColor: "yellow" } }, "Hello Nested 2")));
-};
-exports.Test = Test;
-//# sourceMappingURL=Test.js.map

package/src/_cjs/utils/dom/components/Test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Test.js","sourceRoot":"","sources":["../../../../ts/utils/dom/components/Test.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAEH,iCAAmC;AAG5B,IAAM,IAAI,GAAG,UAAC,IAAY;IAC/B,IAAM,MAAM,GAAG;QACb,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,MAAM,GAAG;QACb,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,KAAY;QAC7B,KAAK,CAAC,MAAyB,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC;IACtE,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,KAAY;QAC3B,KAAK,CAAC,MAAyB,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,aAAa,CAAC;IAC7E,CAAC,CAAC;IAEF,OAAO,CACL,+BAAK,SAAS,EAAC,cAAc;;QACpB,IAAI;QACX,+BAAK,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,mBAE1C;QACN,+BACE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,UAAU,EACxB,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,qBAGhC,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf"}

package/src/_cjs/utils/dom/getAvailableContainerSpace.d.ts

@@ -1,2 +0,0 @@
-import { XYDimension } from "../../interfaces/core";
-export declare const getAvailableContainerSpace: (element: HTMLElement | SVGElement) => XYDimension;

package/src/_cjs/utils/dom/getAvailableContainerSpace.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAvailableContainerSpace = void 0;
-var getFProp_1 = require("./getFProp");
-var getAvailableContainerSpace = function (element) {
-    // const _self: PlotBoilerplate = this;
-    var container = element.parentNode; // Element | Document | DocumentFragment;
-    // var canvas : HTMLCanvasElement = _self.canvas;
-    // _self.canvas.style.display = "none";
-    /* var
-    padding : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding') ) || 0,
-    border : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-width') ) || 0,
-    pl : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding-left') ) || padding,
-    pr : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding-right') ) || padding,
-    pt : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding-top') ) || padding,
-    pb : number = parseFloat( globalThis.getComputedStyle(container, null).getPropertyValue('padding-bottom') ) || padding,
-    bl : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-left-width') ) || border,
-    br : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-right-width') ) || border,
-    bt : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-top-width') ) || border,
-    bb : number = parseFloat( globalThis.getComputedStyle(_self.canvas, null).getPropertyValue('border-bottom-width') ) || border;
-    */
-    var padding = (0, getFProp_1.getFProp)(container, "padding") || 0, border = (0, getFProp_1.getFProp)(element, "border-width") || 0, pl = (0, getFProp_1.getFProp)(container, "padding-left") || padding, pr = (0, getFProp_1.getFProp)(container, "padding-right") || padding, pt = (0, getFProp_1.getFProp)(container, "padding-top") || padding, pb = (0, getFProp_1.getFProp)(container, "padding-bottom") || padding, bl = (0, getFProp_1.getFProp)(element, "border-left-width") || border, br = (0, getFProp_1.getFProp)(element, "border-right-width") || border, bt = (0, getFProp_1.getFProp)(element, "border-top-width") || border, bb = (0, getFProp_1.getFProp)(element, "border-bottom-width") || border;
-    var w = container.clientWidth;
-    var h = container.clientHeight;
-    // _self.canvas.style.display = "block";
-    return { width: w - pl - pr - bl - br, height: h - pt - pb - bt - bb };
-};
-exports.getAvailableContainerSpace = getAvailableContainerSpace;
-//# sourceMappingURL=getAvailableContainerSpace.js.map

package/src/_cjs/utils/dom/getAvailableContainerSpace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getAvailableContainerSpace.js","sourceRoot":"","sources":["../../../ts/utils/dom/getAvailableContainerSpace.ts"],"names":[],"mappings":";;;AACA,uCAAsC;AAG/B,IAAM,0BAA0B,GAAG,UAAC,OAAgC;IACvE,uCAAuC;IACvC,IAAM,SAAS,GAAgB,OAAO,CAAC,UAAoC,CAAC,CAAC,yCAAyC;IACtH,iDAAiD;IACjD,uCAAuC;IACvC;;;;;;;;;;;MAWD;IACC,IAAI,OAAO,GAAW,IAAA,mBAAQ,EAAC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,EACvD,MAAM,GAAW,IAAA,mBAAQ,EAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EACvD,EAAE,GAAW,IAAA,mBAAQ,EAAC,SAAS,EAAE,cAAc,CAAC,IAAI,OAAO,EAC3D,EAAE,GAAW,IAAA,mBAAQ,EAAC,SAAS,EAAE,eAAe,CAAC,IAAI,OAAO,EAC5D,EAAE,GAAW,IAAA,mBAAQ,EAAC,SAAS,EAAE,aAAa,CAAC,IAAI,OAAO,EAC1D,EAAE,GAAW,IAAA,mBAAQ,EAAC,SAAS,EAAE,gBAAgB,CAAC,IAAI,OAAO,EAC7D,EAAE,GAAW,IAAA,mBAAQ,EAAC,OAAO,EAAE,mBAAmB,CAAC,IAAI,MAAM,EAC7D,EAAE,GAAW,IAAA,mBAAQ,EAAC,OAAO,EAAE,oBAAoB,CAAC,IAAI,MAAM,EAC9D,EAAE,GAAW,IAAA,mBAAQ,EAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI,MAAM,EAC5D,EAAE,GAAW,IAAA,mBAAQ,EAAC,OAAO,EAAE,qBAAqB,CAAC,IAAI,MAAM,CAAC;IAClE,IAAI,CAAC,GAAW,SAAS,CAAC,WAAW,CAAC;IACtC,IAAI,CAAC,GAAW,SAAS,CAAC,YAAY,CAAC;IACvC,wCAAwC;IACxC,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;AACzE,CAAC,CAAA;AA/BU,QAAA,0BAA0B,8BA+BpC"}

package/src/_cjs/utils/dom/getFProp.d.ts

@@ -1,5 +0,0 @@
-/**
- * Internal helper function used to get 'float' properties from elements.
- * Used to determine border withs and paddings that were defined using CSS.
- */
-export declare const getFProp: (elem: HTMLElement | SVGElement, propName: string) => number;

package/src/_cjs/utils/dom/getFProp.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFProp = void 0;
-/**
- * Internal helper function used to get 'float' properties from elements.
- * Used to determine border withs and paddings that were defined using CSS.
- */
-var getFProp = function (elem, propName) {
-    return parseFloat(globalThis.getComputedStyle(elem, null).getPropertyValue(propName));
-};
-exports.getFProp = getFProp;
-//# sourceMappingURL=getFProp.js.map

package/src/_cjs/utils/dom/getFProp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFProp.js","sourceRoot":"","sources":["../../../ts/utils/dom/getFProp.ts"],"names":[],"mappings":";;;AAAA;;;GAGG;AACK,IAAM,QAAQ,GAAG,UAAC,IAA8B,EAAE,QAAgB;IACtE,OAAO,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;AACxF,CAAC,CAAA;AAFW,QAAA,QAAQ,YAEnB"}

package/src/_cjs/utils/dom/guiSizeToggler.d.ts

@@ -1,18 +0,0 @@
-/**
- * @requires lil-gui
- *
- * @author   Ikaros Kappler
- * @date     2021-12-13
- * @modified 2022-01-10
- * @modified 2024-06-25 Ported to typescript and moved to utils/dom (was located inside demos before).
- * @modified 2024-10-02 Added a transition time.
- * @version  1.1.1
- */
-import { GUI } from "../../interfaces/externals";
-interface ITogglerConfig {
-    guiDoubleSize?: boolean;
-}
-export declare const guiSizeToggler: (gui: GUI, config: ITogglerConfig, cssProps: Record<string, string>) => {
-    update: () => void;
-};
-export {};

package/src/_cjs/utils/dom/guiSizeToggler.js

@@ -1,44 +0,0 @@
-"use strict";
-/**
- * @requires lil-gui
- *
- * @author   Ikaros Kappler
- * @date     2021-12-13
- * @modified 2022-01-10
- * @modified 2024-06-25 Ported to typescript and moved to utils/dom (was located inside demos before).
- * @modified 2024-10-02 Added a transition time.
- * @version  1.1.1
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.guiSizeToggler = void 0;
-/**
- * @param {GUI} gui - The GUI (compatible with dat.gui and lil-gui).
- * @param {boolean} guiDoubleSize - True or false.
- * @param {Record<string,string>} cssProps - The CSS props to use.
- */
-var applyGuiSize = function (gui, guiDoubleSize, cssProps) {
-    if (cssProps && cssProps.hasOwnProperty("transformOrigin")) {
-        gui.domElement.style["transform-origin"] = cssProps["transformOrigin"];
-    }
-    else {
-        gui.domElement.style["transform-origin"] = "100% 0%";
-    }
-    var transform = cssProps && cssProps.hasOwnProperty("transform") ? cssProps["transform"] + " " : "";
-    // console.log("transform", transform);
-    if (guiDoubleSize) {
-        gui.domElement.style["transform"] = transform + "scale(2.0)";
-    }
-    else {
-        gui.domElement.style["transform"] = transform + "scale(1.0)";
-    }
-};
-var guiSizeToggler = function (gui, config, cssProps) {
-    gui.domElement.style["transition"] = "transform 0.5s";
-    return {
-        update: function () {
-            applyGuiSize(gui, Boolean(config.guiDoubleSize), cssProps);
-        }
-    };
-};
-exports.guiSizeToggler = guiSizeToggler;
-//# sourceMappingURL=guiSizeToggler.js.map

package/src/_cjs/utils/dom/guiSizeToggler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"guiSizeToggler.js","sourceRoot":"","sources":["../../../ts/utils/dom/guiSizeToggler.ts"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;;;AAQH;;;;GAIG;AACH,IAAM,YAAY,GAAG,UAAC,GAAQ,EAAE,aAAsB,EAAE,QAAgC;IACtF,IAAI,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,CAAC;QAC3D,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACzE,CAAC;SAAM,CAAC;QACN,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,SAAS,CAAC;IACvD,CAAC;IAED,IAAM,SAAS,GAAG,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtG,uCAAuC;IACvC,IAAI,aAAa,EAAE,CAAC;QAClB,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,YAAY,CAAC;IAC/D,CAAC;SAAM,CAAC;QACN,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,YAAY,CAAC;IAC/D,CAAC;AACH,CAAC,CAAC;AAEK,IAAM,cAAc,GAAG,UAAC,GAAQ,EAAE,MAAsB,EAAE,QAAgC;IAC/F,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,gBAAgB,CAAC;IACtD,OAAO;QACL,MAAM,EAAE;YACN,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC,CAAC;QAC7D,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,cAAc,kBAOzB"}