{"version":3,"file":"noreact-main.min.js","mappings":"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","sources":["webpack://noreact/./src/cjs/createRoot.js","webpack://noreact/./src/cjs/interfaces.js","webpack://noreact/./src/cjs/TestApp.js","webpack://noreact/./src/cjs/createElement.js","webpack://noreact/./src/cjs/NoReact.js","webpack://noreact/./src/cjs/useRef.js","webpack://noreact/webpack/bootstrap","webpack://noreact/./src/cjs/entry.js"],"sourcesContent":["\"use strict\";\n/**\n * A function to create the root element of a NoReact app.\n *\n * @author  Ikaros Kappler\n * @version 1.0.0\n * @date    2025-06-25\n */\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports._createRoot = exports.RootNode = void 0;\nvar RootNode = /** @class */ (function () {\n    function RootNode(rootHtmlElement) {\n        this.rootHtmlNode = rootHtmlElement;\n    }\n    /**\n     * In this implementation rendering just means to append the built JSX result to the DOM node.\n     * @param {HTMLElement} content\n     */\n    RootNode.prototype.render = function (content) {\n        this.rootHtmlNode.appendChild(content);\n    };\n    return RootNode;\n}());\nexports.RootNode = RootNode;\nvar _createRoot = function (rootHtmlElement) {\n    return new RootNode(rootHtmlElement);\n};\nexports._createRoot = _createRoot;\n//# sourceMappingURL=createRoot.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ClickHandlerNames = void 0;\nexports.ClickHandlerNames = [\n    \"onchange\",\n    \"onclick\",\n    \"oninput\",\n    \"onkeydown\",\n    \"onkeyup\",\n    \"onkeypress\",\n    \"onload\",\n    \"onmouseover\",\n    \"onmouseout\",\n    \"onmouseenter\",\n    \"onmouseover\",\n    \"onmouseout\",\n    \"ontouchcancel\",\n    \"ontouchend\",\n    \"ontouchmove\",\n    \"ontouchstart\",\n    \"onmousedown\",\n    \"onmouseup\"\n];\n//# sourceMappingURL=interfaces.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.TestApp = void 0;\nvar NoReact_1 = require(\"./NoReact\");\nvar TestApp = function (name) {\n    var click1 = function () {\n        console.log(\"First clicked\");\n    };\n    var click2 = function () {\n        console.log(\"Second clicked\");\n    };\n    var mouseEnter = function (event) {\n        event.target.style[\"background-color\"] = \"grey\";\n    };\n    var mouseOut = function (event) {\n        event.target.style[\"background-color\"] = \"DeepSkyBlue\";\n    };\n    return (NoReact_1.default.createElement(\"div\", { className: \"NoReact-main\", style: { padding: \"3em\", mx: \"2em\", my: 0 } },\n        \"Hello \",\n        name,\n        NoReact_1.default.createElement(\"div\", { className: \"NoReact-child-1\", onClick: click1 }, \"Hello Nested\"),\n        NoReact_1.default.createElement(\"div\", { className: \"NoReact-child-2\", onClick: click2, onMouseEnter: mouseEnter, onMouseOut: mouseOut, style: { backgroundColor: \"yellow\" } }, \"Hello Nested 2\"),\n        NoReact_1.default.createElement(\"div\", null, [\"A\", \"B\", \"C\"].map(function (text) {\n            return NoReact_1.default.createElement(\"div\", null, text);\n        }))));\n};\nexports.TestApp = TestApp;\n//# sourceMappingURL=TestApp.js.map","\"use strict\";\n/**\n * A function to create the root element of a NoReact app.\n *\n * @author  Ikaros Kappler\n * @version 1.0.0\n * @date    2025-06-25\n */\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n        if (ar || !(i in from)) {\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n            ar[i] = from[i];\n        }\n    }\n    return to.concat(ar || Array.prototype.slice.call(from));\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports._createElement = void 0;\nvar interfaces_1 = require(\"./interfaces\");\nvar useRef_1 = require(\"./useRef\");\nvar PADDING_LEFT = \"padding-left\";\nvar PADDING_RIGHT = \"padding-right\";\nvar PADDING_TOP = \"padding-top\";\nvar PADDING_BOTTOM = \"padding-bottom\";\nvar MARGIN_LEFT = \"margin-left\";\nvar MARGIN_RIGHT = \"margin-right\";\nvar MARGIN_TOP = \"margin-top\";\nvar MARGIN_BOTTOM = \"margin-bottom\";\n/**\n * The main function to create new elements from their JSX defintion.\n *\n * @param {string} name - The node name, like 'div' or 'button' or 'p'.\n * @param {ElementProps} props - The attribte mapping to apply to the new node, like 'className', 'style', 'id'.\n * @param {IElementContent...} content - The node's content.\n * @returns\n */\nvar _createElement = function (name, props) {\n    var content = [];\n    for (var _i = 2; _i < arguments.length; _i++) {\n        content[_i - 2] = arguments[_i];\n    }\n    props = props || {};\n    var newNode = document.createElement(name);\n    _addAttributes(newNode, props);\n    _addContent(newNode, content);\n    return newNode;\n};\nexports._createElement = _createElement;\n/**\n * A private helper function to add content to a newly created node.\n *\n * @param {HTMLElement} node - The node to add content to.\n * @param {IElementContent...} content - The content to add.\n * @returns\n */\nvar _addContent = function (node) {\n    var content = [];\n    for (var _i = 1; _i < arguments.length; _i++) {\n        content[_i - 1] = arguments[_i];\n    }\n    if (!content || !Array.isArray(content)) {\n        return;\n    }\n    content.forEach(function (child) {\n        if (typeof child === \"undefined\") {\n            return;\n        }\n        if (Array.isArray(child)) {\n            _addContent.apply(void 0, __spreadArray([node], child, false));\n        }\n        else if (typeof child === \"string\") {\n            node.append(child);\n        }\n        else {\n            // console.log(\"HTMLElement child\", typeof child, child);\n            node.appendChild(child);\n        }\n    });\n};\n/**\n * Apply node attribute (properties) to a newly created node.\n *\n * @param {HTMLElement} node - The node to apply the properties/attributes to.\n * @param {ElementProps} props - The attribute set.\n */\nvar _addAttributes = function (node, props) {\n    Object.keys(props).forEach(function (key) {\n        // console.log(\"key\", key, \"value\", props[key]);\n        if (!key) {\n            return; // Ignore empty keys\n        }\n        else {\n            var value = props[key];\n            _addAttribute(node, key, value);\n        }\n    });\n};\n/**\n * Adds a single attribute to the newly created node.\n *\n * @param {HTMLElement} node - The node to add the attribute to.\n * @param {string} key - The attribute name, like 'className', 'style', 'id'.\n * @param {string | Function | CSSStyleSheet | Ref<HTMLElement | undefined>} value - The attribute's value.\n */\nvar _addAttribute = function (node, key, value) {\n    if (!key) {\n        return;\n    }\n    var keyLow = key.toLocaleLowerCase();\n    if (keyLow === \"classname\") {\n        node.setAttribute(\"class\", \"\".concat(value));\n    }\n    else if (key === \"style\" || key === \"sx\") {\n        _applyStyles(node, value);\n    }\n    else if (key === \"ref\") {\n        if (!(value instanceof useRef_1.Ref)) {\n            console.warn(\"Warning, passed object is not a ref.\");\n        }\n        if (!value.current) {\n            value.current = node;\n        }\n        // No real attribute\n    }\n    else if (keyLow.length > 5 && keyLow.startsWith(\"data-\")) {\n        var dataKey = key.substring(5);\n        var dataKeyCamelCased = camelize(dataKey);\n        // console.log(\"Handling data attribute\", dataKey);\n        // console.log(\"Applying data set key\", \"dataKey\", dataKey, \"dataKeyCamelCased\", dataKeyCamelCased, value);\n        if (typeof value !== \"string\") {\n            console.warn(\"Warning, passed object is not a string. Cannot set data attribute '\".concat(dataKey, \"'.\"));\n        }\n        else if (value.length === 0) {\n            console.warn(\"Warning, passed value is empty. Cannot set data attribute '\".concat(dataKey, \"'.\"));\n        }\n        else {\n            node.dataset[dataKeyCamelCased] = value;\n            // console.log(\"Node data set\", node.dataset);\n        }\n    }\n    else if (keyLow.length > 2 && keyLow.startsWith(\"on\") && interfaces_1.ClickHandlerNames.includes(keyLow)) {\n        // This is probably a function\n        // Remove the 'on' part\n        var eventName = keyLow.substring(2);\n        node.addEventListener(eventName, value);\n    }\n    else {\n        node.setAttribute(\"\".concat(key), \"\".concat(value));\n    }\n};\n/**\n * Kebab-case to camelCase.\n *\n * See\n *    https://stackoverflow.com/questions/57556471/convert-kebab-case-to-camelcase-with-javascript\n */\nvar camelize = function (str) {\n    var arr = str.split(\"-\");\n    var capital = arr.map(function (item, index) { return (index ? item.charAt(0).toUpperCase() + item.slice(1) : item); });\n    // ^-- change here.\n    var capitalString = capital.join(\"\");\n    // console.log(capitalString);\n    return capitalString;\n};\n/**\n * Apply styles and respect mini-styles.\n *\n * @param {HTMLElement} node - The node to add the attribute to.\n * @param {string | Function | CSSStyleSheet | Ref<HTMLElement | undefined>} value - The attribute's stylesheet value.\n */\nvar _applyStyles = function (node, value) {\n    if (typeof value === \"object\") {\n        // Unwind mini-styles\n        var finalStyles_1 = new CSSStyleSheet();\n        var keys = Object.keys(value);\n        keys.forEach(function (key) {\n            switch (key) {\n                // Paddings\n                case \"p\":\n                    finalStyles_1[PADDING_LEFT] = value[key];\n                    finalStyles_1[PADDING_RIGHT] = value[key];\n                    finalStyles_1[PADDING_TOP] = value[key];\n                    finalStyles_1[PADDING_BOTTOM] = value[key];\n                    break;\n                case \"px\":\n                    finalStyles_1[PADDING_LEFT] = value[key];\n                    finalStyles_1[PADDING_RIGHT] = value[key];\n                    break;\n                case \"py\":\n                    finalStyles_1[PADDING_TOP] = value[key];\n                    finalStyles_1[PADDING_BOTTOM] = value[key];\n                    break;\n                case \"pt\":\n                    finalStyles_1[PADDING_TOP] = value[key];\n                    break;\n                case \"pb\":\n                    finalStyles_1[PADDING_BOTTOM] = value[key];\n                    break;\n                case \"pl\":\n                    finalStyles_1[PADDING_LEFT] = value[key];\n                    break;\n                case \"pr\":\n                    finalStyles_1[PADDING_RIGHT] = value[key];\n                    break;\n                // Margins\n                case \"m\":\n                    finalStyles_1[MARGIN_LEFT] = value[key];\n                    finalStyles_1[MARGIN_RIGHT] = value[key];\n                    finalStyles_1[MARGIN_TOP] = value[key];\n                    finalStyles_1[MARGIN_BOTTOM] = value[key];\n                    break;\n                case \"mx\":\n                    finalStyles_1[MARGIN_LEFT] = value[key];\n                    finalStyles_1[MARGIN_RIGHT] = value[key];\n                    break;\n                case \"my\":\n                    finalStyles_1[MARGIN_TOP] = value[key];\n                    finalStyles_1[MARGIN_BOTTOM] = value[key];\n                    break;\n                case \"mt\":\n                    finalStyles_1[MARGIN_TOP] = value[key];\n                    break;\n                case \"mb\":\n                    finalStyles_1[MARGIN_BOTTOM] = value[key];\n                    break;\n                case \"ml\":\n                    finalStyles_1[MARGIN_LEFT] = value[key];\n                    break;\n                case \"mr\":\n                    finalStyles_1[MARGIN_RIGHT] = value[key];\n                    break;\n                // Display\n                case \"d\":\n                    finalStyles_1[\"display\"] = value[key];\n                    break;\n                // Flex-Direction\n                case \"fd\":\n                    finalStyles_1[\"flex-direction\"] = value[key];\n                    break;\n                // Visibility\n                case \"v\":\n                    finalStyles_1[\"visibility\"] = value[key];\n                    break;\n                // Position\n                case \"pos\":\n                    finalStyles_1[\"position\"] = value[key];\n                    break;\n                // Left\n                case \"l\":\n                    finalStyles_1[\"left\"] = value[key];\n                    break;\n                // Right\n                case \"l\":\n                    finalStyles_1[\"right\"] = value[key];\n                    break;\n                // Top\n                case \"t\":\n                    finalStyles_1[\"top\"] = value[key];\n                    break;\n                // Tottom\n                case \"b\":\n                    finalStyles_1[\"bottom\"] = value[key];\n                    break;\n                // Width\n                case \"w\":\n                    finalStyles_1[\"width\"] = value[key];\n                    break;\n                // Height\n                case \"h\":\n                    finalStyles_1[\"height\"] = value[key];\n                    break;\n                default:\n                    finalStyles_1[key] = value[key];\n            }\n        });\n        // Object.assign(node.style, value);\n        Object.assign(node.style, finalStyles_1);\n    }\n    else {\n        console.warn(\"Cannot assign CSS properties of type \".concat(typeof value, \". Please use an object with CSS mappings.\"));\n    }\n};\n//# sourceMappingURL=createElement.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.NoReact = void 0;\nvar TestApp_1 = require(\"./TestApp\");\nvar createElement_1 = require(\"./createElement\");\nvar createRoot_1 = require(\"./createRoot\");\nvar useRef_1 = require(\"./useRef\");\nexports.NoReact = {\n    createRoot: createRoot_1._createRoot,\n    createElement: createElement_1._createElement,\n    useRef: useRef_1.useRef,\n    TestApp: TestApp_1.TestApp\n};\nexports.default = exports.NoReact;\n//# sourceMappingURL=NoReact.js.map","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.useRef = exports.Ref = void 0;\nvar Ref = /** @class */ (function () {\n    function Ref(value) {\n        this.current = value;\n    }\n    return Ref;\n}());\nexports.Ref = Ref;\nvar useRef = function () {\n    return new Ref(undefined);\n};\nexports.useRef = useRef;\n//# sourceMappingURL=useRef.js.map","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// Expose all your components to the global scope here.\n\n// First variant:\nglobalThis._createElement = require(\"./createElement\")._createElement;\n\n// Alternative variant:\n// you might wrap your components into a library.\n// This is usually used to keep the gloal scope clean and avoid naming collisions\n// with other libraries.\nglobalThis.NoReact = require(\"./NoReact\").NoReact;\n\n// globalThis.TestApp = require(\"./TestApp\").TestApp;\n"],"names":["Object","defineProperty","exports","value","_createRoot","RootNode","rootHtmlElement","this","rootHtmlNode","prototype","render","content","appendChild","ClickHandlerNames","TestApp","NoReact_1","name","default","createElement","className","style","padding","mx","my","onClick","console","log","onMouseEnter","event","target","onMouseOut","backgroundColor","map","text","__spreadArray","to","from","pack","arguments","length","ar","i","l","Array","slice","call","concat","_createElement","interfaces_1","useRef_1","PADDING_LEFT","PADDING_RIGHT","PADDING_TOP","PADDING_BOTTOM","MARGIN_LEFT","MARGIN_RIGHT","MARGIN_TOP","MARGIN_BOTTOM","props","_i","newNode","document","_addAttributes","_addContent","node","isArray","forEach","child","apply","append","keys","key","_addAttribute","keyLow","toLocaleLowerCase","setAttribute","_applyStyles","Ref","warn","current","startsWith","dataKey","substring","dataKeyCamelCased","camelize","dataset","includes","eventName","addEventListener","str","split","item","index","charAt","toUpperCase","join","finalStyles_1","CSSStyleSheet","assign","NoReact","TestApp_1","createElement_1","createRoot_1","createRoot","useRef","undefined","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","module","__webpack_modules__","globalThis"],"sourceRoot":""}