eyjs 7.2.1 → 7.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/changelog.md +1 -1
  2. package/dist/eye.cjs.js +3 -4
  3. package/dist/eye.cjs.js.map +1 -1
  4. package/dist/eye.esm.js +3 -4
  5. package/dist/eye.esm.js.map +1 -1
  6. package/dist/eye.umd.js +3 -4
  7. package/dist/eye.umd.js.map +1 -1
  8. package/dist/eye.umd.min.js +1 -1
  9. package/dist/eye.umd.min.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/eye.js +3 -4
  12. package/src/eye.min.js +1 -1
package/dist/eye.umd.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"eye.umd.min.js","sources":["../src/eye.js"],"sourcesContent":["/**\r\n * @typedef {Object} AttrMap\r\n * @property {HTMLDivElement} parent - append newly created element to a parent\r\n * @property {Array<String>|String} class - class or array of classes to set\r\n * @property {String} id - set element ID\r\n * @property {Object} data - dataset values to set\r\n * @property {String} text - set element text\r\n * @property {String} html - set element html\r\n */\r\n\r\nconst unitlessProps = new Set([\r\n \"opacity\", \"zIndex\", \"fontWeight\", \"lineHeight\",\r\n \"flex\", \"flexGrow\", \"flexShrink\", \"order\"\r\n]);\r\n\r\n/**\r\n * Returns the associated class event of that event\r\n * example: for click event it returns new MouseEvent(\"click\")\r\n * @param {string} ev \r\n */\r\nfunction getEvent(type, options = {}) {\r\n switch (type) {\r\n // Mouse Events\r\n case 'click':\r\n case 'dblclick':\r\n case 'mousedown':\r\n case 'mouseup':\r\n case 'mousemove':\r\n case 'mouseenter':\r\n case 'mouseleave':\r\n case 'mouseover':\r\n case 'mouseout':\r\n return new MouseEvent(type, options);\r\n\r\n // Pointer Events\r\n case 'pointerdown':\r\n case 'pointerup':\r\n case 'pointermove':\r\n case 'pointerenter':\r\n case 'pointerleave':\r\n case 'pointerover':\r\n case 'pointerout':\r\n return new PointerEvent(type, options);\r\n\r\n // Keyboard Events\r\n case 'keydown':\r\n case 'keyup':\r\n case 'keypress':\r\n return new KeyboardEvent(type, options);\r\n\r\n // Focus Events\r\n case 'focus':\r\n case 'blur':\r\n case 'focusin':\r\n case 'focusout':\r\n return new FocusEvent(type, options);\r\n\r\n // Input & Form Events\r\n case 'input':\r\n case 'change':\r\n case 'submit':\r\n case 'reset':\r\n return new Event(type, options);\r\n\r\n // Wheel\r\n case 'wheel':\r\n return new WheelEvent(type, options);\r\n\r\n // Clipboard\r\n case 'copy':\r\n case 'cut':\r\n case 'paste':\r\n return new ClipboardEvent(type, options);\r\n\r\n // UI\r\n case 'scroll':\r\n case 'resize':\r\n return new UIEvent(type, options);\r\n\r\n // Default: fallback to generic Event\r\n default:\r\n return new CustomEvent(type, options);\r\n }\r\n}\r\n\r\n/**\r\n * @typedef {EyeElement & {\r\n * refresh: (attrs: AttrMap) => ModelEyeElement\r\n * }} ModelEyeElement eye element definition for model elements\r\n */\r\n\r\nconst events = [\r\n // Mouse Events\r\n \"click\",\r\n \"dblclick\",\r\n \"mousedown\",\r\n \"mouseup\",\r\n \"mousemove\",\r\n \"mouseenter\",\r\n \"mouseleave\",\r\n \"mouseover\",\r\n \"mouseout\",\r\n \"contextmenu\",\r\n\r\n // Keyboard Events\r\n \"keydown\",\r\n \"keypress\", // Deprecated\r\n \"keyup\",\r\n\r\n // Focus Events\r\n \"focus\",\r\n \"blur\",\r\n \"focusin\",\r\n \"focusout\",\r\n\r\n // Form Events\r\n \"submit\",\r\n \"change\",\r\n \"input\",\r\n \"reset\",\r\n \"select\",\r\n\r\n // Touch Events (for mobile)\r\n \"touchstart\",\r\n \"touchend\",\r\n \"touchmove\",\r\n \"touchcancel\",\r\n\r\n // Pointer Events\r\n \"pointerdown\",\r\n \"pointerup\",\r\n \"pointermove\",\r\n \"pointerenter\",\r\n \"pointerleave\",\r\n \"pointercancel\",\r\n\r\n // Drag and Drop Events\r\n \"dragstart\",\r\n \"dragend\",\r\n \"dragenter\",\r\n \"dragover\",\r\n \"dragleave\",\r\n \"drop\",\r\n\r\n // Window/Document Events\r\n \"resize\",\r\n \"scroll\",\r\n \"load\",\r\n \"beforeunload\",\r\n \"unload\",\r\n\r\n // Media Events\r\n \"play\",\r\n \"pause\",\r\n \"ended\",\r\n \"volumechange\",\r\n \"timeupdate\",\r\n\r\n // Clipboard Events\r\n \"copy\",\r\n \"cut\",\r\n \"paste\",\r\n\r\n // Animation and Transition Events\r\n \"animationstart\",\r\n \"animationend\",\r\n \"animationiteration\",\r\n \"transitionstart\",\r\n \"transitionend\",\r\n\r\n // Mutation Events\r\n \"DOMSubtreeModified\",\r\n \"DOMNodeInserted\",\r\n \"DOMNodeRemoved\",\r\n\r\n // Other Events\r\n \"error\",\r\n \"hashchange\",\r\n \"popstate\",\r\n];\r\n\r\nconst htmlElements = [\r\n // Metadata\r\n \"<base>\",\r\n \"<head>\",\r\n \"<link>\",\r\n \"<meta>\",\r\n \"<style>\",\r\n \"<title>\",\r\n\r\n // Sections\r\n \"<body>\",\r\n \"<address>\",\r\n \"<article>\",\r\n \"<aside>\",\r\n \"<footer>\",\r\n \"<header>\",\r\n \"<h1>\",\r\n \"<h2>\",\r\n \"<h3>\",\r\n \"<h4>\",\r\n \"<h5>\",\r\n \"<h6>\",\r\n \"<main>\",\r\n \"<nav>\",\r\n \"<section>\",\r\n\r\n // Text content\r\n \"<blockquote>\",\r\n \"<dd>\",\r\n \"<div>\",\r\n \"<dl>\",\r\n \"<dt>\",\r\n \"<figcaption>\",\r\n \"<figure>\",\r\n \"<hr>\",\r\n \"<li>\",\r\n \"<ol>\",\r\n \"<p>\",\r\n \"<pre>\",\r\n \"<ul>\",\r\n\r\n // Inline text semantics\r\n \"<a>\",\r\n \"<abbr>\",\r\n \"<b>\",\r\n \"<bdi>\",\r\n \"<bdo>\",\r\n \"<br>\",\r\n \"<cite>\",\r\n \"<code>\",\r\n \"<data>\",\r\n \"<dfn>\",\r\n \"<em>\",\r\n \"<i>\",\r\n \"<kbd>\",\r\n \"<mark>\",\r\n \"<q>\",\r\n \"<rp>\",\r\n \"<rt>\",\r\n \"<ruby>\",\r\n \"<s>\",\r\n \"<samp>\",\r\n \"<small>\",\r\n \"<span>\",\r\n \"<strong>\",\r\n \"<sub>\",\r\n \"<sup>\",\r\n \"<time>\",\r\n \"<u>\",\r\n \"<var>\",\r\n \"<wbr>\",\r\n\r\n // Image and multimedia\r\n \"<area>\",\r\n \"<audio>\",\r\n \"<img>\",\r\n \"<map>\",\r\n \"<track>\",\r\n \"<video>\",\r\n\r\n // Embedded content\r\n \"<embed>\",\r\n \"<iframe>\",\r\n \"<object>\",\r\n \"<picture>\",\r\n \"<portal>\",\r\n \"<source>\",\r\n\r\n // Scripting\r\n \"<canvas>\",\r\n \"<noscript>\",\r\n \"<script>\",\r\n\r\n // Demarcating edits\r\n \"<del>\",\r\n \"<ins>\",\r\n\r\n // Table content\r\n \"<caption>\",\r\n \"<col>\",\r\n \"<colgroup>\",\r\n \"<table>\",\r\n \"<tbody>\",\r\n \"<td>\",\r\n \"<tfoot>\",\r\n \"<th>\",\r\n \"<thead>\",\r\n \"<tr>\",\r\n\r\n // Forms\r\n \"<button>\",\r\n \"<datalist>\",\r\n \"<fieldset>\",\r\n \"<form>\",\r\n \"<input>\",\r\n \"<label>\",\r\n \"<legend>\",\r\n \"<meter>\",\r\n \"<optgroup>\",\r\n \"<option>\",\r\n \"<output>\",\r\n \"<progress>\",\r\n \"<select>\",\r\n \"<textarea>\",\r\n\r\n // Interactive elements\r\n \"<details>\",\r\n \"<dialog>\",\r\n \"<summary>\",\r\n\r\n // Web components / scripting base\r\n \"<slot>\",\r\n \"<template>\",\r\n];\r\n\r\nfunction flat(word) {\r\n let n = \"\";\r\n for (let i = 0; i < word.length; i++) {\r\n const t = word[i];\r\n if (t === t.toUpperCase() && t !== t.toLowerCase()) n += \"-\" + t;\r\n else n += t;\r\n }\r\n return n.toLowerCase();\r\n}\r\n\r\nconst localdata = new WeakMap();\r\n\r\n/**\r\n * cmcl stands for Create Model Children Layers, recursively creates model layers one by one\r\n * @param {EyeElement} parent\r\n * @param {Object} layer\r\n * @returns {Array<{name: string,set: (parent: EyeElement, value: String) =>}>}\r\n */\r\nfunction cmcl(parent, layer) {\r\n let obj = [];\r\n for (const key in layer) {\r\n const subcontent = layer[key];\r\n const [def, _set] = key.split(\":\");\r\n const [tagName, ...cls] = def.split(\".\");\r\n let [_set_name = null, _set_default = null] = (_set || \"\")\r\n .split(\"-\")\r\n .map((a) => a.trim());\r\n\r\n let elm = e(tagName.trim(), {\r\n class: cls,\r\n parent,\r\n data: _set ? { value: _set_name } : undefined,\r\n });\r\n\r\n if (_set && _set_name) {\r\n obj.push({\r\n name: _set_name,\r\n set(parent, value) {\r\n let elm = parent.find(`[data-value=\"${_set_name}\"]`);\r\n elm.textContent = value ?? _set_default;\r\n }\r\n });\r\n }\r\n\r\n // recursive\r\n if (\r\n subcontent &&\r\n typeof subcontent === \"object\" &&\r\n !(subcontent instanceof Array)\r\n )\r\n obj = obj.concat(cmcl(elm, subcontent));\r\n }\r\n return obj;\r\n}\r\n\r\nlet delegationEvents = [\"click\", \"dblclick\", \"submit\", \"input\", \"change\", \"keydown\", \"keyup\", \"keypress\", \"focusin\", \"focusout\", \"mousedown\", \"mouseup\", \"mousemove\", \"contextmenu\", \"auxclick\", \"wheel\", \"mouseover\", \"mouseout\", \"pointerdown\", \"pointerup\", \"pointermove\", \"pointerover\", \"pointerout\", \"gotpointercapture\", \"lostpointercapture\", \"pointercancel\"];\r\nlet normalSetterGetter = (action, v, elm) => v;\r\n\r\n/**\r\n * Eye wrapper offers a subset of functions that ease DOM minipulation! Power of JQuery with \r\n * some a modern design and a bunch of new functions.\r\n * @author Yousef Neji\r\n */\r\nexport class EyeElement {\r\n /**\r\n * Raw html element\r\n * @type {Array<HTMLElement>}\r\n */\r\n #raw = null;\r\n\r\n /**\r\n * Used to store delegated events listeners\r\n * @type {Map<String,Set<{callback, target: string}>>}\r\n */\r\n #dlgListeners = new Map();\r\n\r\n /**\r\n * Custom way or modifier that redefine the way you set/get\r\n * this element `textContent` or `value`:\r\n * - access this feature from `.redefine` method.\r\n */\r\n #customSet = {\r\n value: normalSetterGetter,\r\n text: normalSetterGetter\r\n };\r\n\r\n /**\r\n * Called internally to initiate the main EyeElement functionalities\r\n * @method EyeElement#init\r\n * @param {string|HTMLElement} selector\r\n * @param {AttrMap} attrs\r\n * @param {Object} css\r\n * @returns {EyeElement}\r\n */\r\n constructor(selector, attrs, css) {\r\n let _this = this;\r\n if (selector instanceof HTMLElement) {\r\n this.#raw = [selector];\r\n } else if (htmlElements.includes(selector)) {\r\n // creating a new element\r\n this.#raw = [document.createElement(selector.substring(1, selector.length - 1))];\r\n } else if (Array.isArray(selector)) {\r\n this.#raw = [];\r\n selector.forEach((a) => {\r\n if (a instanceof EyeElement) _this.#raw = _this.#raw.concat(...a.raw);\r\n else if (a instanceof HTMLElement) _this.#raw.push(a);\r\n })\r\n } else {\r\n // selecting\r\n let s = selector.slice(-1) === \"!\";\r\n this.#raw = [...document.querySelectorAll(s ? selector.slice(0, -1) : selector)];\r\n }\r\n\r\n /**\r\n * Handler used to integrate delegation concept/algorithme\r\n * @param {Event} e \r\n */\r\n function handler(e) {\r\n let name = e.type,\r\n listeners = _this.#dlgListeners,\r\n _etarget = e.target,\r\n me = this; // refers to the element being listening to the event\r\n\r\n if (listeners.has(name)) {\r\n let cbs = listeners.get(name);\r\n cbs?.forEach(({ callback, target }) => {\r\n if (_etarget.closest(target)) {\r\n // we hitting the target\r\n callback(e, me);\r\n }\r\n })\r\n }\r\n }\r\n\r\n this.each((elm, idx) => {\r\n let parentElm = null;\r\n if (attrs)\r\n for (const key in attrs) {\r\n const value = attrs[key];\r\n if (key == \"class\")\r\n elm.classList.add.apply(\r\n elm.classList,\r\n (value instanceof Array ? value : value.split(\" \")).filter(a => a != \"\")\r\n );\r\n else if (key == \"text\") elm.textContent = value;\r\n else if (key == \"html\") elm.innerHTML = value;\r\n else if (key == \"data\") for (const k in value) elm.dataset[k] = value[k];\r\n else if (key == \"parent\") parentElm = value;\r\n else if (key in elm) elm[key] = value;\r\n else if (key[0] != \"_\") elm.setAttribute(key, value); // we must ignore _ started keys 'cause they are used by models\r\n }\r\n if (css)\r\n for (const key in css)\r\n if (key.indexOf(\"-\") != -1) elm.style[key] = css[key];\r\n else elm.style[flat(key)] = css[key];\r\n if (parentElm instanceof EyeElement || parentElm instanceof HTMLElement) parentElm.append(elm);\r\n\r\n // creating the delegation handling model\r\n delegationEvents.forEach(ev => {\r\n elm.addEventListener(ev, handler);\r\n })\r\n })\r\n\r\n // creating/initiating events functions\r\n events.forEach(ev => {\r\n _this[ev] = function (cb) {\r\n if (cb) {\r\n if (typeof cb == \"function\") _this.on(ev, cb);\r\n } else _this.trigger(ev);\r\n\r\n return _this;\r\n }\r\n })\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * Length of current selection\r\n * @type {Number}\r\n */\r\n get length() {\r\n return this.#raw.length;\r\n }\r\n\r\n /**\r\n * Raw html element\r\n * @type {HTMLElement}\r\n */\r\n get raw() {\r\n return this.#raw;\r\n }\r\n\r\n /**\r\n * Run(loop) through selected NodeList, or run a single call for one single element\r\n * @method EyeElement#each\r\n * @param {(elm: HTMLElement, index: number, current: EyeElement)=>} cb \r\n * @returns {EyeElement}\r\n */\r\n each(cb) {\r\n for (let i = 0; i < this.#raw.length; i++) {\r\n const elm = this.#raw[i];\r\n let exit = cb(elm, i, this);\r\n if (exit === false) break;\r\n }\r\n return this;\r\n }\r\n /**\r\n * Run(loop) through selected NodeList's children.\r\n * @param {(elm: HTMLElement, index: number, parent: HTMLElement, Object: EyeElement)=>{}} cb \r\n * @returns {EyeElement}\r\n */\r\n eachChild(cb) {\r\n let _this = this;\r\n return this.each(function (elm, i, parent) {\r\n let exit = true;\r\n for (let j = 0; j < elm.children.length; j++) {\r\n exit = cb(elm.children[j], j, elm, _this);\r\n if (exit === false) break;\r\n }\r\n if (exit === false) return;\r\n })\r\n }\r\n /**\r\n * Set or get element html\r\n * @method EyeElement#html\r\n * @param {string} [html]\r\n * @returns {EyeElement|string}\r\n */\r\n html(html) {\r\n let out = undefined;\r\n this.each((elm, idx) => {\r\n if (html === undefined) return out = elm.innerHTML;// getting the first one and exiting\r\n elm.innerHTML = html;\r\n })\r\n return out != undefined ? out : this;\r\n }\r\n /**\r\n * Set or get element text\r\n * @method EyeElement#text\r\n * @param {string} [text]\r\n * @returns {EyeElement|string}\r\n */\r\n text(text) {\r\n let out = undefined;\r\n this.each((elm, idx) => {\r\n if (text === undefined) return out = this.#customSet.text(\"get\", elm.textContent, elm);\r\n elm.textContent = this.#customSet.text(\"set\", text, elm);\r\n })\r\n return out != undefined ? out : this;\r\n }\r\n /**\r\n * Set or get element's data values\r\n * @method EyeElement#data\r\n * @param {string} key\r\n * @param {*} [value]\r\n * @returns {EyeElement|string}\r\n */\r\n data(key, value) {\r\n if (!localdata.has(this)) localdata.set(this, {});\r\n if (key) {\r\n if (value != undefined) localdata.get(this)[key] = value;\r\n else return localdata.get(this)[key];\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Set or get an attribute value\r\n * @method EyeElement#attr\r\n * @param {string} name\r\n * @param {*} [value]\r\n * @returns {EyeElement|string}\r\n */\r\n attr(name, value) {\r\n let out = \"\";\r\n this.each((elm, idx) => {\r\n if (name.indexOf(\"data-\") === 0) {\r\n let [key, val] = name.split(\"-\").map((a) => a.trim());\r\n // modify data\r\n if (value == undefined) return out = elm.dataset[val];\r\n elm.dataset[val] = value;\r\n } else {\r\n if (name in elm) {\r\n if (value == undefined) return out = elm[name];\r\n elm[name] = value;\r\n } else if (name[0] != \"_\") {\r\n if (value == undefined) return out = elm.getAttribute(name)\r\n elm.setAttribute(name, value);\r\n }\r\n }\r\n })\r\n return out ? out : this;\r\n }\r\n /**\r\n * Removing attribute of this element\r\n * @type {string} attrName\r\n * @returns {EyeElement}\r\n */\r\n rAttr(attrName) {\r\n if (attrName) {\r\n this.each((elm, idx) => {\r\n elm.removeAttribute(attrName);\r\n })\r\n }\r\n return this;\r\n }\r\n /**\r\n * Super fancy class function that allows to modify class with different methods in one as follow:\r\n * - `\"classname\"`: add classname to the element.\r\n * - `\"-classname\"`: remove classname from class list.\r\n * - `\"%classname\"`: toggle classname existing.\r\n * - `\"?classname\"`: check classname existing in class list.\r\n * - `\"classnameA/classnameB\"`: replace classnameA by classnameB\r\n * @method EyeElement#class\r\n * @param {string} actions\r\n * @returns {EyeElement|string}\r\n */\r\n class(actions) {\r\n let out = undefined;\r\n this.each((elm, idx) => {\r\n if (typeof actions === \"number\") return out = elm.classList.item(actions);\r\n\r\n actions.split(\" \").forEach((action) => {\r\n if (action[0] == \"-\") {\r\n elm.classList.remove(action.substring(1, action.length));\r\n } else if (action[0] == \"%\") {\r\n elm.classList.toggle(action.substring(1, action.length));\r\n } else if (action[0] == \"?\") {\r\n out = elm.classList.contains(action.substring(1, action.length));\r\n } else if (action.indexOf(\"/\") != -1) {\r\n let [v1, v2] = action.split(\"/\");\r\n elm.classList.replace(v1, v2);\r\n } else {\r\n elm.classList.add(action);\r\n }\r\n });\r\n if (out) return;\r\n })\r\n\r\n return out != undefined ? out : this;\r\n }\r\n /**\r\n * Show/display the element\r\n * @method EyeElement#show\r\n * @param {string} cls\r\n * @returns {EyeElement}\r\n */\r\n show(cls) {\r\n this.each((elm, idx) => {\r\n elm.style.display = cls ?? \"inline-block\";\r\n })\r\n return this;\r\n }\r\n /**\r\n * Hide the element\r\n * @method EyeElement#hide\r\n * @param {boolean} opacity whether to hide by making invisible?\r\n * @returns {EyeElement}\r\n */\r\n hide(opacity) {\r\n this.each((elm, idx) => {\r\n if (opacity) elm.style.opacity = 0;\r\n else elm.style.display = \"none\";\r\n })\r\n return this;\r\n }\r\n /**\r\n * Append one or more elements to the current element, only effect the first element in the selected list\r\n * @method EyeElement#append\r\n * @param {HTMLElement|Array<Node|EyeElement>} elm\r\n * @param {\"next\" | \"after\" | \"previous\" | \"before\" | \"first\" | \"afterbegin\" | \"last\" | \"beforeend\"} [pos] [optional]\r\n * @returns {EyeElement}\r\n */\r\n append(elm, pos) {\r\n (Array.isArray(elm) ? elm : [elm]).forEach(item => {\r\n let nodes = [];\r\n if (item instanceof EyeElement) nodes = [...item.raw];\r\n else if (item instanceof HTMLElement) nodes = [item];\r\n\r\n nodes.forEach(node => {\r\n switch (pos) {\r\n case \"next\":\r\n case \"after\":\r\n this.#raw[0].after(node);\r\n break;\r\n case \"previous\":\r\n case \"before\":\r\n this.#raw[0].before(node);\r\n break;\r\n case \"afterbegin\":\r\n case \"first\":\r\n this.#raw[0].prepend(node);\r\n break;\r\n case \"beforeend\":\r\n case \"last\":\r\n default:\r\n this.#raw[0].append(node);\r\n }\r\n })\r\n })\r\n return this;\r\n }\r\n /**\r\n * Insert element after this one, or return the one lies there\r\n * @method EyeElement#after\r\n * @param {EyeElement|HTMLElement|AttrMap} elm \r\n * @returns {EyeElement|HTMLElement}\r\n */\r\n after(elm) {\r\n if (elm instanceof HTMLElement || elm instanceof EyeElement || elm instanceof Node)\r\n this.#raw[0].after(elm instanceof EyeElement ? elm.raw[0] : elm);\r\n else return this.#raw[0].nextElementSibling ? e(this.#raw[0].nextElementSibling, elm) : null;\r\n return this;\r\n }\r\n /**\r\n * Insert element before this one, or return the one lies there\r\n * @method EyeElement#before\r\n * @param {EyeElement|HTMLElement|AttrMap} elm \r\n * @returns {EyeElement|HTMLElement}\r\n */\r\n before(elm) {\r\n if (elm instanceof HTMLElement || elm instanceof EyeElement || elm instanceof Node)\r\n this.#raw[0].before(elm instanceof EyeElement ? elm.raw[0] : elm);\r\n else return this.#raw[0].previousElementSibling ? e(this.#raw[0].previousElementSibling, elm) : null\r\n return this;\r\n }\r\n /**\r\n * Replace current element with the new element, or multiple elements with multiple selected elements\r\n * @method EyeElement#replaceWith\r\n * @param {...HTMLElement|EyeElement} elms\r\n * @param {string} [pos] [optional]\r\n * @returns {EyeElement}\r\n */\r\n replaceWith(...elms) {\r\n let nodes = [];\r\n (Array.isArray(elms) ? elms : [elms]).forEach(item => {\r\n if (item instanceof EyeElement) nodes = nodes.concat(...item.raw);\r\n else if (item instanceof HTMLElement) nodes.push(item)\r\n })\r\n this.#raw[0].replaceWith(...nodes);\r\n return this;\r\n }\r\n /**\r\n * Get current element parent or append it to one\r\n * @method EyeElement#parent\r\n * @param {HTMLElement|EyeElement} parent\r\n * @param {boolean} clone [true] append clones of the elements\r\n * @returns {EyeElement}\r\n */\r\n parent(parent, clone) {\r\n if (parent) {\r\n if (!(parent instanceof HTMLElement) && !(parent instanceof EyeElement))\r\n throw new Error(\r\n \"[EyeJS] Unable to append current element to parent because it's not HTMLElement\"\r\n );\r\n this.each(elm => {\r\n parent.append(clone === true ? elm.cloneNode(true) : elm);\r\n })\r\n return this;\r\n }\r\n return e(this.#raw[0].parentElement);\r\n }\r\n /**\r\n * Returns whether current node is the same/equal (depending on `check`) as the passed node or not\r\n * @method EyeElement#is\r\n * @param {HTMLElement|EyeElement} node\r\n * @param {\"connected\" | \"same\" | \"equal\"} [check] check type `same`, `equal`\r\n * @returns {boolean}\r\n */\r\n is(node, check) {\r\n node = node instanceof EyeElement ? node.#raw[0] : node;\r\n if (node === \"connected\") return this.#raw[0].isConnected;\r\n switch (check) {\r\n case \"same\":\r\n return this.#raw[0].isSameNode(node);\r\n case \"equal\":\r\n return this.#raw[0].isEqualNode(node);\r\n default:\r\n console.error(\r\n `[EyeJS] Unknown check \"${check}\", possible values are [\"same\",\"equal\",\"connected\"]`\r\n );\r\n return false;\r\n }\r\n }\r\n /**\r\n * Set or get a css attribute\r\n * @method EyeElement#css\r\n * @param {string} attr\r\n * @param {string|number} [value]\r\n * @returns {EyeElement|string}\r\n */\r\n css(attr, value) {\r\n if (attr) {\r\n if (!unitlessProps.has(attr) && typeof value === \"number\" && value != 0) value = `${value}px`;\r\n let out = undefined;\r\n attr = flat(attr);\r\n this.each((elm, idx) => {\r\n if (value === undefined) return out = elm.style[attr];\r\n elm.style[attr] = value;\r\n })\r\n return out != undefined ? out : this;\r\n } else return console.error(`[EyeJS] missing argument \"attr\" in function .css`);\r\n }\r\n /**\r\n * Remove current element\r\n * @method EyeElement#remove\r\n * @returns {EyeElement}\r\n */\r\n remove() {\r\n this.each((elm, idx) => {\r\n elm.remove();\r\n })\r\n return this;\r\n }\r\n /**\r\n * @overload\r\n * @param {string} ev\r\n * @param {function} cb\r\n */\r\n /**\r\n * @overload\r\n * @param {string} ev\r\n * @param {string} trg optionally define a target element for the event\r\n * @param {function} cb\r\n *\r\n */\r\n /**\r\n * Attach an listener/handler to specific event or events\r\n * @method EyeElement#on\r\n * @param {string} ev may contain multiple events separated by \" \"(space)\r\n * @param {string|function} arg2 \r\n * @param {function} [arg3]\r\n * @returns {EyeElement|void}\r\n */\r\n on(ev, arg2, arg3) {\r\n ev = ev.split(\" \");\r\n let target = typeof arg2 === \"string\" ? arg2 : null;\r\n let cb = typeof arg2 === \"function\" ? arg2 : arg3;\r\n let _this = this;\r\n if (typeof cb !== \"function\")\r\n return console.error(\r\n \"[EyeJS] .on method is missing the actuall callback `cb` or not of type function\"\r\n );\r\n\r\n let outsider = null;\r\n ev.forEach(evt => {\r\n if (target) {\r\n if (!delegationEvents.includes(evt))\r\n return outsider = evt; // outsider events \r\n\r\n if (!_this.#dlgListeners.has(evt))\r\n _this.#dlgListeners.set(evt, new Set());\r\n _this.#dlgListeners.get(evt).add({ callback: cb, target });\r\n } else {\r\n _this.each((elm) => {\r\n elm.addEventListener(evt, cb);\r\n })\r\n }\r\n })\r\n\r\n if (outsider !== null)\r\n return console.error(`[EyeJS] trying to use delegation for an inappropriate event \"${outsider}\"`);\r\n\r\n return this;\r\n }\r\n /**\r\n * Remove event listener of a specific event\r\n * @method EyeElement#off\r\n * @param {string} ev \r\n * @param {function} cb \r\n * @returns {EyeElement|void}\r\n */\r\n off(ev, cb) {\r\n let _this = this,\r\n listeners = _this.#dlgListeners;\r\n if (typeof cb != \"function\")\r\n return console.error(\r\n \"[EyeJS] .off method is missing the actuall callback `cb` or not of type function\"\r\n );\r\n ev = ev.split(\" \");\r\n\r\n this.each((elm, idx) => {\r\n ev.forEach(evt => elm.removeEventListener(evt, cb));\r\n })\r\n // now delegated events\r\n ev.forEach(evt => {\r\n if (listeners.has(evt)) {\r\n let set = listeners.get(evt);\r\n for (const item of set) {\r\n if (cb === item.callback) {\r\n // found it & remove it\r\n set.delete(item);\r\n }\r\n }\r\n }\r\n })\r\n }\r\n /**\r\n * Trigger specific event for this element\r\n * @method EyeElement#trigger\r\n * @param {string} ev \r\n * @returns {EyeElement}\r\n */\r\n trigger(ev) {\r\n this.each((elm, idx) => {\r\n elm.dispatchEvent(ev instanceof Event ? ev : getEvent(ev));\r\n })\r\n return this;\r\n }\r\n /**\r\n * Find one or multiple child elements by `selector`\r\n * @method EyeElement#find\r\n * @param {string} selector \r\n * @returns {HTMLElement|Array<HTMLElement>}\r\n */\r\n find(selector) {\r\n let found = [];\r\n this.each((elm, idx) => {\r\n elm.querySelectorAll(selector).forEach(res => found.push(res));\r\n })\r\n return found.length == 0 ? null : found;\r\n }\r\n /**\r\n * Returns a clone of current selected element/s\r\n * @method EyeElement#clone\r\n * @param {HTMLElement} [parent] optionally append new clone to a parent\r\n * @returns {Array<EyeElement>}\r\n */\r\n clone(parent) {\r\n let list = [];\r\n this.each((nd) => {\r\n list.push(nd.cloneNode(true));\r\n })\r\n if (parent instanceof HTMLElement || parent instanceof EyeElement) list.forEach(el => parent.append(el));\r\n return list;\r\n }\r\n /**\r\n * Compute DOMRect or style declaration of current element\r\n * @method EyeElement#compute\r\n * @param {\"bounds\" | \"style\"} type \r\n * @returns {DOMRect|CSSStyleDeclaration}\r\n */\r\n compute(type) {\r\n type = type || \"bounds\";\r\n if (type === \"bounds\")\r\n return (this.#raw[0]).getBoundingClientRect();\r\n else if (type == \"style\")\r\n return getComputedStyle(this.#raw[0])\r\n console.error(`[EyeJS] unknown type \"${type}\" in function .compute, possible values are \"bounds\" \"style\"`);\r\n }\r\n\r\n /**\r\n * Get specific client informations.\r\n * @param {\"width\" | \"height\" | \"left\" | \"top\"} attr \r\n * @returns {EyeElement}\r\n */\r\n client(attr) {\r\n if (['width', 'height', 'left', 'top'].includes(attr))\r\n return this.#raw[0][`client${attr[0].toUpperCase()}${attr.substring(1, attr.length)}`];\r\n else console.error(`[EyeJS] Unknown client* attribute \"${attr}\" in .client(attr)`);\r\n return this;\r\n }\r\n /**\r\n * Activate/disactive different pointer features such as PointerLock, pointerCapture...\r\n * @method EyeElement#pointer\r\n * @param {\"capture\" | \"lock\"} action \r\n * @param {boolean} status \r\n * @param {string} [pid] \r\n * @returns {EyeElement}\r\n */\r\n pointer(action, status, pid) {\r\n this.each((elm, idx) => {\r\n if (action === \"capture\") {\r\n if (status === true) elm.setPointerCapture(pid);\r\n else elm.releasePointerCapture(pid);\r\n } else if (action === \"lock\") {\r\n if (status === true) elm.requestPointerLock();\r\n else document.exitPointerLock();\r\n }\r\n });\r\n return this;\r\n }\r\n /**\r\n * Returns the count of children for this element\r\n * @type {number}\r\n */\r\n get childlen() {\r\n return this.#raw[0].children.length;\r\n }\r\n /**\r\n * Select a child of this element\r\n * @method EyeElement#child\r\n * @param {number} index \r\n * @returns {EyeElement|null}\r\n */\r\n child(index) {\r\n if (index === undefined) return this.#raw[0].children.length;\r\n if (this.#raw[0].children[index]) return e(this.#raw[0].children[index]);\r\n return null;\r\n }\r\n /**\r\n * Set/get the value of the current element\r\n * @method EyeElement#val\r\n * @param {*} value \r\n * @returns \r\n */\r\n val(value) {\r\n if (value != undefined) this.each((a) => a.value = this.#customSet.value(\"set\", value, a));\r\n else return this.#customSet.value(\"get\", this.#raw[0].value, this.#raw[0]);\r\n return this;\r\n }\r\n /**\r\n * Serialize this element to send it over network, returns 3 formats `json`, `url` & `fd`(formData) \r\n * @method EyeElement#serialize\r\n * @param {{inputs: Array<string>}} opts\r\n * @returns {{json: Object, url: String, fd: FormData}}\r\n */\r\n serialize(opts) {\r\n opts = opts || {};\r\n let {\r\n inputs = [\"input\", \"textarea\", \"select\"],\r\n } = opts;\r\n let out = {\r\n json: {},\r\n url: \"\",\r\n fd: new FormData()\r\n };\r\n this.#raw[0].querySelectorAll(inputs.join(','))\r\n .forEach((inp, i) => {\r\n let name = inp.name || inp.dataset.name;\r\n let value = inp.value || inp.textContent;\r\n if (typeof opts[name] === \"function\") value = opts[name](inp);\r\n\r\n if (inp.type == \"file\")\r\n inp.files.forEach(file => {\r\n out.fd.append(name, file);\r\n })\r\n else {\r\n out.json[name] = value;\r\n out.fd.append(name, value);\r\n }\r\n })\r\n\r\n out.url = new URLSearchParams(out.json).toString();\r\n return out;\r\n }\r\n /**\r\n * Redefine the way `.text` or `.val` set or get data to and from this element.\r\n * @method EyeElement#redefine\r\n * @param {\"text\" | \"value\"} type \r\n * @param {(action: \"set\" | \"get\", value: *, elm: EyeElement) => *} process \r\n * @returns {EyeElement}\r\n */\r\n redefine(type, process) {\r\n if ([\"text\", \"value\"].includes(type) && typeof process == \"function\")\r\n this.#customSet[type] = process;\r\n return this;\r\n }\r\n /**\r\n * Animate current object \r\n * @method EyeElement#animate\r\n * @param {Array<Keyframe>} keyframes \r\n * @param {KeyframeAnimationOptions} opts \r\n * @returns {Array<Animation>|Animation}\r\n */\r\n animate(keyframes, opts) {\r\n /**\r\n * @type {Array<Animation>}\r\n */\r\n let anmts = [];\r\n opts.duration = opts.duration || 1000;\r\n this.each((elm, i) => {\r\n anmts.push(elm.animate(keyframes, opts));\r\n })\r\n return anmts.length == 1 ? anmts[0] : anmts;\r\n }\r\n\r\n /**\r\n * Find first element position within parent element\r\n * @method EyeElement#position\r\n * @returns {number}\r\n */\r\n position() {\r\n let pos = -1;\r\n for (let i = 0; i < this.#raw[0].parentNode.children.length; i++) {\r\n const child = this.#raw[0].parentNode.children[i];\r\n if (this.#raw[0].isSameNode(child)) {\r\n pos = i;\r\n break;\r\n }\r\n }\r\n return pos;\r\n }\r\n\r\n /**\r\n * Get drawing context for canvas\r\n * @param {\"2d\"|\"webgl\"|\"webgl2\"|\"bitmaprenderer\"} contextId \r\n * @param {*} contextSettings \r\n * @returns {EyeElement}\r\n */\r\n getctx(contextId, contextSettings) {\r\n this.each(d => {\r\n if (typeof d.getContext == \"function\") d.getContext(contextId, contextSettings);\r\n })\r\n return this;\r\n }\r\n};\r\n\r\n/**\r\n * Creates or select nodes using css selectors, offering a pack of useful functions to use around your code!\r\n * @param {String} tag\r\n * @param {AttrMap} attrs\r\n * @param {Object} css CSS styles to be applied to the element.\r\n * @returns {EyeElement}\r\n */\r\nfunction e(tag, attrs, css) {\r\n if (typeof tag === \"string\" && tag.indexOf(\"model:\") === 0 || tag === \"model\") {\r\n if (!attrs) return console.error(\"[EyeJS] Model creation requires parameter 'attr' as prototype, none delivered!\");\r\n\r\n tag = tag.split(\":\");\r\n let cls = [\"eye-model\"];\r\n if (tag[1])\r\n cls = cls.concat(tag[1].split(\" \").filter(a => a != \"\"));\r\n // creating a model\r\n let model = e(\"<div>\", {\r\n class: cls.join(\" \"),\r\n });\r\n\r\n let sets = cmcl(model, attrs);\r\n\r\n /**\r\n * @param {string} attrs\r\n * @returns {ModelEyeElement}\r\n */\r\n return (attrs) => {\r\n let copy = e(model.clone(attrs?.parent));\r\n // define & attach the refresh function\r\n copy.refresh = function (attrs = {}) {\r\n let def = attrs.default === false ? false : true;\r\n sets.forEach((item) => {\r\n if (def === true || (!def && attrs.hasOwnProperty(item.name)))\r\n item.set(copy, attrs[item.name]);\r\n });\r\n return this;\r\n };\r\n return copy.refresh(attrs);\r\n };\r\n } else {\r\n let ne = new EyeElement(tag, attrs, css);\r\n return ne.length === 0 ? null : ne;\r\n }\r\n}\r\n\r\n// gloablly exposed\r\nwindow.e = e;\r\nwindow.EyeElement = EyeElement;\r\nexport default e;\r\n"],"names":["unitlessProps","Set","events","htmlElements","flat","word","n","i","length","t","toUpperCase","toLowerCase","localdata","WeakMap","cmcl","parent","layer","obj","key","subcontent","def","_set","split","tagName","cls","_set_name","_set_default","map","a","trim","elm","e","class","data","value","undefined","push","name","set","find","textContent","Array","concat","delegationEvents","normalSetterGetter","action","v","EyeElement","raw","dlgListeners","Map","customSet","text","constructor","selector","attrs","css","_this","this","HTMLElement","includes","document","createElement","substring","isArray","forEach","s","slice","querySelectorAll","handler","type","listeners","_etarget","target","me","has","cbs","get","callback","closest","each","idx","parentElm","classList","add","apply","filter","innerHTML","k","dataset","setAttribute","indexOf","style","append","ev","addEventListener","cb","on","trigger","eachChild","exit","j","children","html","out","attr","val","getAttribute","rAttr","attrName","removeAttribute","actions","item","remove","toggle","contains","v1","v2","replace","show","display","hide","opacity","pos","nodes","node","after","before","prepend","Node","nextElementSibling","previousElementSibling","replaceWith","elms","clone","Error","cloneNode","parentElement","is","check","isConnected","isSameNode","isEqualNode","console","error","arg2","arg3","outsider","evt","off","removeEventListener","delete","dispatchEvent","Event","options","MouseEvent","PointerEvent","KeyboardEvent","FocusEvent","WheelEvent","ClipboardEvent","UIEvent","CustomEvent","getEvent","found","res","list","nd","el","compute","getBoundingClientRect","getComputedStyle","client","pointer","status","pid","setPointerCapture","releasePointerCapture","requestPointerLock","exitPointerLock","childlen","child","index","serialize","opts","inputs","json","url","fd","FormData","join","inp","files","file","URLSearchParams","toString","redefine","process","animate","keyframes","anmts","duration","position","parentNode","getctx","contextId","contextSettings","d","getContext","tag","model","sets","copy","refresh","default","hasOwnProperty","ne","window"],"mappings":"2OAUA,MAAMA,EAAgB,IAAIC,IAAI,CAC5B,UAAW,SAAU,aAAc,aACnC,OAAQ,WAAY,aAAc,UA+EpC,MAAMC,EAAS,CAEb,QACA,WACA,YACA,UACA,YACA,aACA,aACA,YACA,WACA,cAGA,UACA,WACA,QAGA,QACA,OACA,UACA,WAGA,SACA,SACA,QACA,QACA,SAGA,aACA,WACA,YACA,cAGA,cACA,YACA,cACA,eACA,eACA,gBAGA,YACA,UACA,YACA,WACA,YACA,OAGA,SACA,SACA,OACA,eACA,SAGA,OACA,QACA,QACA,eACA,aAGA,OACA,MACA,QAGA,iBACA,eACA,qBACA,kBACA,gBAGA,qBACA,kBACA,iBAGA,QACA,aACA,YAGIC,EAAe,CAEnB,SACA,SACA,SACA,SACA,UACA,UAGA,SACA,YACA,YACA,UACA,WACA,WACA,OACA,OACA,OACA,OACA,OACA,OACA,SACA,QACA,YAGA,eACA,OACA,QACA,OACA,OACA,eACA,WACA,OACA,OACA,OACA,MACA,QACA,OAGA,MACA,SACA,MACA,QACA,QACA,OACA,SACA,SACA,SACA,QACA,OACA,MACA,QACA,SACA,MACA,OACA,OACA,SACA,MACA,SACA,UACA,SACA,WACA,QACA,QACA,SACA,MACA,QACA,QAGA,SACA,UACA,QACA,QACA,UACA,UAGA,UACA,WACA,WACA,YACA,WACA,WAGA,WACA,aACA,WAGA,QACA,QAGA,YACA,QACA,aACA,UACA,UACA,OACA,UACA,OACA,UACA,OAGA,WACA,aACA,aACA,SACA,UACA,UACA,WACA,UACA,aACA,WACA,WACA,aACA,WACA,aAGA,YACA,WACA,YAGA,SACA,cAGF,SAASC,EAAKC,GACZ,IAAIC,EAAI,GACR,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAKG,OAAQD,IAAK,CACpC,MAAME,EAAIJ,EAAKE,GACXE,IAAMA,EAAEC,eAAiBD,IAAMA,EAAEE,cAAeL,GAAK,IAAMG,EAC1DH,GAAKG,CACX,CACD,OAAOH,EAAEK,aACX,CAEA,MAAMC,EAAY,IAAIC,QAQtB,SAASC,E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"}
1
+ {"version":3,"file":"eye.umd.min.js","sources":["../src/eye.js"],"sourcesContent":["/**\r\n * @typedef {Object} AttrMap\r\n * @property {HTMLDivElement} parent - append newly created element to a parent\r\n * @property {Array<String>|String} class - class or array of classes to set\r\n * @property {String} id - set element ID\r\n * @property {Object} data - dataset values to set\r\n * @property {String} text - set element text\r\n * @property {String} html - set element html\r\n */\r\n\r\nconst unitlessProps = new Set([\r\n \"opacity\", \"zIndex\", \"fontWeight\", \"lineHeight\",\r\n \"flex\", \"flexGrow\", \"flexShrink\", \"order\"\r\n]);\r\n\r\n/**\r\n * Returns the associated class event of that event\r\n * example: for click event it returns new MouseEvent(\"click\")\r\n * @param {string} ev \r\n */\r\nfunction getEvent(type, options = {}) {\r\n switch (type) {\r\n // Mouse Events\r\n case 'click':\r\n case 'dblclick':\r\n case 'mousedown':\r\n case 'mouseup':\r\n case 'mousemove':\r\n case 'mouseenter':\r\n case 'mouseleave':\r\n case 'mouseover':\r\n case 'mouseout':\r\n return new MouseEvent(type, options);\r\n\r\n // Pointer Events\r\n case 'pointerdown':\r\n case 'pointerup':\r\n case 'pointermove':\r\n case 'pointerenter':\r\n case 'pointerleave':\r\n case 'pointerover':\r\n case 'pointerout':\r\n return new PointerEvent(type, options);\r\n\r\n // Keyboard Events\r\n case 'keydown':\r\n case 'keyup':\r\n case 'keypress':\r\n return new KeyboardEvent(type, options);\r\n\r\n // Focus Events\r\n case 'focus':\r\n case 'blur':\r\n case 'focusin':\r\n case 'focusout':\r\n return new FocusEvent(type, options);\r\n\r\n // Input & Form Events\r\n case 'input':\r\n case 'change':\r\n case 'submit':\r\n case 'reset':\r\n return new Event(type, options);\r\n\r\n // Wheel\r\n case 'wheel':\r\n return new WheelEvent(type, options);\r\n\r\n // Clipboard\r\n case 'copy':\r\n case 'cut':\r\n case 'paste':\r\n return new ClipboardEvent(type, options);\r\n\r\n // UI\r\n case 'scroll':\r\n case 'resize':\r\n return new UIEvent(type, options);\r\n\r\n // Default: fallback to generic Event\r\n default:\r\n return new CustomEvent(type, options);\r\n }\r\n}\r\n\r\n/**\r\n * @typedef {EyeElement & {\r\n * refresh: (attrs: AttrMap) => ModelEyeElement\r\n * }} ModelEyeElement eye element definition for model elements\r\n */\r\n\r\nconst events = [\r\n // Mouse Events\r\n \"click\",\r\n \"dblclick\",\r\n \"mousedown\",\r\n \"mouseup\",\r\n \"mousemove\",\r\n \"mouseenter\",\r\n \"mouseleave\",\r\n \"mouseover\",\r\n \"mouseout\",\r\n \"contextmenu\",\r\n\r\n // Keyboard Events\r\n \"keydown\",\r\n \"keypress\", // Deprecated\r\n \"keyup\",\r\n\r\n // Focus Events\r\n \"focus\",\r\n \"blur\",\r\n \"focusin\",\r\n \"focusout\",\r\n\r\n // Form Events\r\n \"submit\",\r\n \"change\",\r\n \"input\",\r\n \"reset\",\r\n \"select\",\r\n\r\n // Touch Events (for mobile)\r\n \"touchstart\",\r\n \"touchend\",\r\n \"touchmove\",\r\n \"touchcancel\",\r\n\r\n // Pointer Events\r\n \"pointerdown\",\r\n \"pointerup\",\r\n \"pointermove\",\r\n \"pointerenter\",\r\n \"pointerleave\",\r\n \"pointercancel\",\r\n\r\n // Drag and Drop Events\r\n \"dragstart\",\r\n \"dragend\",\r\n \"dragenter\",\r\n \"dragover\",\r\n \"dragleave\",\r\n \"drop\",\r\n\r\n // Window/Document Events\r\n \"resize\",\r\n \"scroll\",\r\n \"load\",\r\n \"beforeunload\",\r\n \"unload\",\r\n\r\n // Media Events\r\n \"play\",\r\n \"pause\",\r\n \"ended\",\r\n \"volumechange\",\r\n \"timeupdate\",\r\n\r\n // Clipboard Events\r\n \"copy\",\r\n \"cut\",\r\n \"paste\",\r\n\r\n // Animation and Transition Events\r\n \"animationstart\",\r\n \"animationend\",\r\n \"animationiteration\",\r\n \"transitionstart\",\r\n \"transitionend\",\r\n\r\n // Mutation Events\r\n \"DOMSubtreeModified\",\r\n \"DOMNodeInserted\",\r\n \"DOMNodeRemoved\",\r\n\r\n // Other Events\r\n \"error\",\r\n \"hashchange\",\r\n \"popstate\",\r\n];\r\n\r\nconst htmlElements = [\r\n // Metadata\r\n \"<base>\",\r\n \"<head>\",\r\n \"<link>\",\r\n \"<meta>\",\r\n \"<style>\",\r\n \"<title>\",\r\n\r\n // Sections\r\n \"<body>\",\r\n \"<address>\",\r\n \"<article>\",\r\n \"<aside>\",\r\n \"<footer>\",\r\n \"<header>\",\r\n \"<h1>\",\r\n \"<h2>\",\r\n \"<h3>\",\r\n \"<h4>\",\r\n \"<h5>\",\r\n \"<h6>\",\r\n \"<main>\",\r\n \"<nav>\",\r\n \"<section>\",\r\n\r\n // Text content\r\n \"<blockquote>\",\r\n \"<dd>\",\r\n \"<div>\",\r\n \"<dl>\",\r\n \"<dt>\",\r\n \"<figcaption>\",\r\n \"<figure>\",\r\n \"<hr>\",\r\n \"<li>\",\r\n \"<ol>\",\r\n \"<p>\",\r\n \"<pre>\",\r\n \"<ul>\",\r\n\r\n // Inline text semantics\r\n \"<a>\",\r\n \"<abbr>\",\r\n \"<b>\",\r\n \"<bdi>\",\r\n \"<bdo>\",\r\n \"<br>\",\r\n \"<cite>\",\r\n \"<code>\",\r\n \"<data>\",\r\n \"<dfn>\",\r\n \"<em>\",\r\n \"<i>\",\r\n \"<kbd>\",\r\n \"<mark>\",\r\n \"<q>\",\r\n \"<rp>\",\r\n \"<rt>\",\r\n \"<ruby>\",\r\n \"<s>\",\r\n \"<samp>\",\r\n \"<small>\",\r\n \"<span>\",\r\n \"<strong>\",\r\n \"<sub>\",\r\n \"<sup>\",\r\n \"<time>\",\r\n \"<u>\",\r\n \"<var>\",\r\n \"<wbr>\",\r\n\r\n // Image and multimedia\r\n \"<area>\",\r\n \"<audio>\",\r\n \"<img>\",\r\n \"<map>\",\r\n \"<track>\",\r\n \"<video>\",\r\n\r\n // Embedded content\r\n \"<embed>\",\r\n \"<iframe>\",\r\n \"<object>\",\r\n \"<picture>\",\r\n \"<portal>\",\r\n \"<source>\",\r\n\r\n // Scripting\r\n \"<canvas>\",\r\n \"<noscript>\",\r\n \"<script>\",\r\n\r\n // Demarcating edits\r\n \"<del>\",\r\n \"<ins>\",\r\n\r\n // Table content\r\n \"<caption>\",\r\n \"<col>\",\r\n \"<colgroup>\",\r\n \"<table>\",\r\n \"<tbody>\",\r\n \"<td>\",\r\n \"<tfoot>\",\r\n \"<th>\",\r\n \"<thead>\",\r\n \"<tr>\",\r\n\r\n // Forms\r\n \"<button>\",\r\n \"<datalist>\",\r\n \"<fieldset>\",\r\n \"<form>\",\r\n \"<input>\",\r\n \"<label>\",\r\n \"<legend>\",\r\n \"<meter>\",\r\n \"<optgroup>\",\r\n \"<option>\",\r\n \"<output>\",\r\n \"<progress>\",\r\n \"<select>\",\r\n \"<textarea>\",\r\n\r\n // Interactive elements\r\n \"<details>\",\r\n \"<dialog>\",\r\n \"<summary>\",\r\n\r\n // Web components / scripting base\r\n \"<slot>\",\r\n \"<template>\",\r\n];\r\n\r\nfunction flat(word) {\r\n let n = \"\";\r\n for (let i = 0; i < word.length; i++) {\r\n const t = word[i];\r\n if (t === t.toUpperCase() && t !== t.toLowerCase()) n += \"-\" + t;\r\n else n += t;\r\n }\r\n return n.toLowerCase();\r\n}\r\n\r\nconst localdata = new WeakMap();\r\n\r\n/**\r\n * cmcl stands for Create Model Children Layers, recursively creates model layers one by one\r\n * @param {EyeElement} parent\r\n * @param {Object} layer\r\n * @returns {Array<{name: string,set: (parent: EyeElement, value: String) =>}>}\r\n */\r\nfunction cmcl(parent, layer) {\r\n let obj = [];\r\n for (const key in layer) {\r\n const subcontent = layer[key];\r\n const [def, _set] = key.split(\":\");\r\n const [tagName, ...cls] = def.split(\".\");\r\n let [_set_name = null, _set_default = null] = (_set || \"\")\r\n .split(\"-\")\r\n .map((a) => a.trim());\r\n\r\n let elm = e(tagName.trim(), {\r\n class: cls,\r\n parent,\r\n data: _set ? { value: _set_name } : undefined,\r\n });\r\n\r\n if (_set && _set_name) {\r\n obj.push({\r\n name: _set_name,\r\n set(parent, value) {\r\n let elm = parent.find(`[data-value=\"${_set_name}\"]`);\r\n elm.textContent = value ?? _set_default;\r\n }\r\n });\r\n }\r\n\r\n // recursive\r\n if (\r\n subcontent &&\r\n typeof subcontent === \"object\" &&\r\n !(subcontent instanceof Array)\r\n )\r\n obj = obj.concat(cmcl(elm, subcontent));\r\n }\r\n return obj;\r\n}\r\n\r\nlet delegationEvents = [\"click\", \"dblclick\", \"submit\", \"input\", \"change\", \"keydown\", \"keyup\", \"keypress\", \"focusin\", \"focusout\", \"mousedown\", \"mouseup\", \"mousemove\", \"contextmenu\", \"auxclick\", \"wheel\", \"mouseover\", \"mouseout\", \"pointerdown\", \"pointerup\", \"pointermove\", \"pointerover\", \"pointerout\", \"gotpointercapture\", \"lostpointercapture\", \"pointercancel\"];\r\nlet normalSetterGetter = (action, v, elm) => v;\r\n\r\n/**\r\n * Eye wrapper offers a subset of functions that ease DOM minipulation! Power of JQuery with \r\n * some a modern design and a bunch of new functions.\r\n * @author Yousef Neji\r\n */\r\nexport class EyeElement {\r\n /**\r\n * Raw html element\r\n * @type {Array<HTMLElement>}\r\n */\r\n #raw = null;\r\n\r\n /**\r\n * Used to store delegated events listeners\r\n * @type {Map<String,Set<{callback, target: string}>>}\r\n */\r\n #dlgListeners = new Map();\r\n\r\n /**\r\n * Custom way or modifier that redefine the way you set/get\r\n * this element `textContent` or `value`:\r\n * - access this feature from `.redefine` method.\r\n */\r\n #customSet = {\r\n value: normalSetterGetter,\r\n text: normalSetterGetter\r\n };\r\n\r\n /**\r\n * Called internally to initiate the main EyeElement functionalities\r\n * @method EyeElement#init\r\n * @param {string|HTMLElement} selector\r\n * @param {AttrMap} attrs\r\n * @param {Object} css\r\n * @returns {EyeElement}\r\n */\r\n constructor(selector, attrs, css) {\r\n let _this = this;\r\n if (selector instanceof HTMLElement) {\r\n this.#raw = [selector];\r\n } else if (htmlElements.includes(selector)) {\r\n // creating a new element\r\n this.#raw = [document.createElement(selector.substring(1, selector.length - 1))];\r\n } else if (Array.isArray(selector)) {\r\n this.#raw = [];\r\n selector.forEach((a) => {\r\n if (a instanceof EyeElement) _this.#raw = _this.#raw.concat(...a.raw);\r\n else if (a instanceof HTMLElement) _this.#raw.push(a);\r\n })\r\n } else {\r\n // selecting\r\n let s = selector.slice(-1) === \"!\";\r\n this.#raw = [...document.querySelectorAll(s ? selector.slice(0, -1) : selector)];\r\n }\r\n\r\n /**\r\n * Handler used to integrate delegation concept/algorithme\r\n * @param {Event} e \r\n */\r\n function handler(e) {\r\n let name = e.type,\r\n listeners = _this.#dlgListeners,\r\n _etarget = e.target,\r\n me = this; // refers to the element being listening to the event\r\n\r\n if (listeners.has(name)) {\r\n let cbs = listeners.get(name);\r\n cbs?.forEach(({ callback, target }) => {\r\n if (_etarget.closest(target)) {\r\n // we hitting the target\r\n callback(e, me);\r\n }\r\n })\r\n }\r\n }\r\n\r\n this.each((elm, idx) => {\r\n let parentElm = null;\r\n if (attrs)\r\n for (const key in attrs) {\r\n const value = attrs[key];\r\n if (key == \"class\")\r\n elm.classList.add.apply(\r\n elm.classList,\r\n (value instanceof Array ? value : value.split(\" \")).filter(a => a != \"\")\r\n );\r\n else if (key == \"text\") elm.textContent = value;\r\n else if (key == \"html\") elm.innerHTML = value;\r\n else if (key == \"data\") for (const k in value) elm.dataset[k] = value[k];\r\n else if (key == \"parent\") parentElm = value;\r\n else if (key in elm) elm[key] = value;\r\n else if (key[0] != \"_\") elm.setAttribute(key, value); // we must ignore _ started keys 'cause they are used by models\r\n }\r\n if (css)\r\n for (const key in css)\r\n if (key.indexOf(\"-\") != -1) elm.style[key] = css[key];\r\n else elm.style[flat(key)] = css[key];\r\n if (parentElm instanceof EyeElement || parentElm instanceof HTMLElement) parentElm.append(elm);\r\n\r\n // creating the delegation handling model\r\n delegationEvents.forEach(ev => {\r\n elm.addEventListener(ev, handler);\r\n })\r\n })\r\n\r\n // creating/initiating events functions\r\n events.forEach(ev => {\r\n _this[ev] = function (cb) {\r\n if (cb) {\r\n if (typeof cb == \"function\") _this.on(ev, cb);\r\n } else _this.trigger(ev);\r\n\r\n return _this;\r\n }\r\n })\r\n\r\n return this;\r\n }\r\n\r\n /**\r\n * Length of current selection\r\n * @type {Number}\r\n */\r\n get length() {\r\n return this.#raw.length;\r\n }\r\n\r\n /**\r\n * Raw html element\r\n * @type {HTMLElement}\r\n */\r\n get raw() {\r\n return this.#raw;\r\n }\r\n\r\n /**\r\n * Run(loop) through selected NodeList, or run a single call for one single element\r\n * @method EyeElement#each\r\n * @param {(elm: HTMLElement, index: number, current: EyeElement)=>} cb \r\n * @returns {EyeElement}\r\n */\r\n each(cb) {\r\n for (let i = 0; i < this.#raw.length; i++) {\r\n const elm = this.#raw[i];\r\n let exit = cb(elm, i, this);\r\n if (exit === false) break;\r\n }\r\n return this;\r\n }\r\n /**\r\n * Run(loop) through selected NodeList's children.\r\n * @param {(elm: HTMLElement, index: number, parent: HTMLElement, Object: EyeElement)=>{}} cb \r\n * @returns {EyeElement}\r\n */\r\n eachChild(cb) {\r\n let _this = this;\r\n return this.each(function (elm, i, parent) {\r\n let exit = true;\r\n for (let j = 0; j < elm.children.length; j++) {\r\n exit = cb(elm.children[j], j, elm, _this);\r\n if (exit === false) break;\r\n }\r\n if (exit === false) return;\r\n })\r\n }\r\n /**\r\n * Set or get element html\r\n * @method EyeElement#html\r\n * @param {string} [html]\r\n * @returns {EyeElement|string}\r\n */\r\n html(html) {\r\n let out = undefined;\r\n this.each((elm, idx) => {\r\n if (html === undefined) return out = elm.innerHTML;// getting the first one and exiting\r\n elm.innerHTML = html;\r\n })\r\n return out != undefined ? out : this;\r\n }\r\n /**\r\n * Set or get element text\r\n * @method EyeElement#text\r\n * @param {string} [text]\r\n * @returns {EyeElement|string}\r\n */\r\n text(text) {\r\n let out = undefined;\r\n this.each((elm, idx) => {\r\n if (text === undefined) return out = this.#customSet.text(\"get\", elm.textContent, elm);\r\n elm.textContent = this.#customSet.text(\"set\", text, elm);\r\n })\r\n return out != undefined ? out : this;\r\n }\r\n /**\r\n * Set or get element's data values\r\n * @method EyeElement#data\r\n * @param {string} key\r\n * @param {*} [value]\r\n * @returns {EyeElement|string}\r\n */\r\n data(key, value) {\r\n if (!localdata.has(this)) localdata.set(this, {});\r\n if (key) {\r\n if (value != undefined) localdata.get(this)[key] = value;\r\n else return localdata.get(this)[key];\r\n }\r\n return this;\r\n }\r\n\r\n /**\r\n * Set or get an attribute value\r\n * @method EyeElement#attr\r\n * @param {string} name\r\n * @param {*} [value]\r\n * @returns {EyeElement|string}\r\n */\r\n attr(name, value) {\r\n let out = \"\";\r\n this.each((elm, idx) => {\r\n if (name.indexOf(\"data-\") === 0) {\r\n let [key, val] = name.split(\"-\").map((a) => a.trim());\r\n // modify data\r\n if (value == undefined) return out = elm.dataset[val];\r\n elm.dataset[val] = value;\r\n } else {\r\n if (name in elm) {\r\n if (value == undefined) return out = elm[name];\r\n elm[name] = value;\r\n } else if (name[0] != \"_\") {\r\n if (value == undefined) return out = elm.getAttribute(name)\r\n elm.setAttribute(name, value);\r\n }\r\n }\r\n })\r\n return out ? out : this;\r\n }\r\n /**\r\n * Removing attribute of this element\r\n * @type {string} attrName\r\n * @returns {EyeElement}\r\n */\r\n rAttr(attrName) {\r\n if (attrName) {\r\n this.each((elm, idx) => {\r\n elm.removeAttribute(attrName);\r\n })\r\n }\r\n return this;\r\n }\r\n /**\r\n * Super fancy class function that allows to modify class with different methods in one as follow:\r\n * - `\"classname\"`: add classname to the element.\r\n * - `\"-classname\"`: remove classname from class list.\r\n * - `\"%classname\"`: toggle classname existing.\r\n * - `\"?classname\"`: check classname existing in class list.\r\n * - `\"classnameA/classnameB\"`: replace classnameA by classnameB\r\n * @method EyeElement#class\r\n * @param {string} actions\r\n * @returns {EyeElement|string}\r\n */\r\n class(actions) {\r\n let out = undefined;\r\n this.each((elm, idx) => {\r\n if (typeof actions === \"number\") return out = elm.classList.item(actions);\r\n\r\n actions.split(\" \").forEach((action) => {\r\n if (action[0] == \"-\") {\r\n elm.classList.remove(action.substring(1, action.length));\r\n } else if (action[0] == \"%\") {\r\n elm.classList.toggle(action.substring(1, action.length));\r\n } else if (action[0] == \"?\") {\r\n out = elm.classList.contains(action.substring(1, action.length));\r\n } else if (action.indexOf(\"/\") != -1) {\r\n let [v1, v2] = action.split(\"/\");\r\n elm.classList.replace(v1, v2);\r\n } else {\r\n elm.classList.add(action);\r\n }\r\n });\r\n if (out) return;\r\n })\r\n\r\n return out != undefined ? out : this;\r\n }\r\n /**\r\n * Show/display the element\r\n * @method EyeElement#show\r\n * @param {string} cls\r\n * @returns {EyeElement}\r\n */\r\n show(cls) {\r\n this.each((elm, idx) => {\r\n elm.style.display = cls ?? \"inline-block\";\r\n })\r\n return this;\r\n }\r\n /**\r\n * Hide the element\r\n * @method EyeElement#hide\r\n * @param {boolean} opacity whether to hide by making invisible?\r\n * @returns {EyeElement}\r\n */\r\n hide(opacity) {\r\n this.each((elm, idx) => {\r\n if (opacity) elm.style.opacity = 0;\r\n else elm.style.display = \"none\";\r\n })\r\n return this;\r\n }\r\n /**\r\n * Append one or more elements to the current element, only effect the first element in the selected list\r\n * @method EyeElement#append\r\n * @param {HTMLElement|Array<Node|EyeElement>} elm\r\n * @param {\"next\" | \"after\" | \"previous\" | \"before\" | \"first\" | \"afterbegin\" | \"last\" | \"beforeend\"} [pos] [optional]\r\n * @returns {EyeElement}\r\n */\r\n append(elm, pos) {\r\n (Array.isArray(elm) ? elm : [elm]).forEach(item => {\r\n let nodes = [];\r\n if (item instanceof EyeElement) nodes = [...item.raw];\r\n else if (item instanceof HTMLElement) nodes = [item];\r\n\r\n nodes.forEach(node => {\r\n switch (pos) {\r\n case \"next\":\r\n case \"after\":\r\n this.#raw[0].after(node);\r\n break;\r\n case \"previous\":\r\n case \"before\":\r\n this.#raw[0].before(node);\r\n break;\r\n case \"afterbegin\":\r\n case \"first\":\r\n this.#raw[0].prepend(node);\r\n break;\r\n case \"beforeend\":\r\n case \"last\":\r\n default:\r\n this.#raw[0].append(node);\r\n }\r\n })\r\n })\r\n return this;\r\n }\r\n /**\r\n * Insert element after this one, or return the one lies there\r\n * @method EyeElement#after\r\n * @param {EyeElement|HTMLElement|AttrMap} elm \r\n * @returns {EyeElement|HTMLElement}\r\n */\r\n after(elm) {\r\n if (elm instanceof HTMLElement || elm instanceof EyeElement || elm instanceof Node)\r\n this.#raw[0].after(elm instanceof EyeElement ? elm.raw[0] : elm);\r\n else return this.#raw[0].nextElementSibling ? e(this.#raw[0].nextElementSibling, elm) : null;\r\n return this;\r\n }\r\n /**\r\n * Insert element before this one, or return the one lies there\r\n * @method EyeElement#before\r\n * @param {EyeElement|HTMLElement|AttrMap} elm \r\n * @returns {EyeElement|HTMLElement}\r\n */\r\n before(elm) {\r\n if (elm instanceof HTMLElement || elm instanceof EyeElement || elm instanceof Node)\r\n this.#raw[0].before(elm instanceof EyeElement ? elm.raw[0] : elm);\r\n else return this.#raw[0].previousElementSibling ? e(this.#raw[0].previousElementSibling, elm) : null\r\n return this;\r\n }\r\n /**\r\n * Replace current element with the new element, or multiple elements with multiple selected elements\r\n * @method EyeElement#replaceWith\r\n * @param {...HTMLElement|EyeElement} elms\r\n * @param {string} [pos] [optional]\r\n * @returns {EyeElement}\r\n */\r\n replaceWith(...elms) {\r\n let nodes = [];\r\n (Array.isArray(elms) ? elms : [elms]).forEach(item => {\r\n if (item instanceof EyeElement) nodes = nodes.concat(...item.raw);\r\n else if (item instanceof HTMLElement) nodes.push(item)\r\n })\r\n this.#raw[0].replaceWith(...nodes);\r\n return this;\r\n }\r\n /**\r\n * Get current element parent or append it to one\r\n * @method EyeElement#parent\r\n * @param {HTMLElement|EyeElement} parent\r\n * @param {boolean} clone [true] append clones of the elements\r\n * @returns {EyeElement}\r\n */\r\n parent(parent, clone) {\r\n if (parent) {\r\n if (!(parent instanceof HTMLElement) && !(parent instanceof EyeElement))\r\n throw new Error(\r\n \"[EyeJS] Unable to append current element to parent because it's not HTMLElement\"\r\n );\r\n this.each(elm => {\r\n parent.append(clone === true ? elm.cloneNode(true) : elm);\r\n })\r\n return this;\r\n }\r\n return e(this.#raw[0].parentElement);\r\n }\r\n /**\r\n * Returns whether current node is the same/equal (depending on `check`) as the passed node or not\r\n * @method EyeElement#is\r\n * @param {HTMLElement|EyeElement} node\r\n * @param {\"connected\" | \"same\" | \"equal\"} [check] check type `same`, `equal`\r\n * @returns {boolean}\r\n */\r\n is(node, check) {\r\n node = node instanceof EyeElement ? node.#raw[0] : node;\r\n if (node === \"connected\") return this.#raw[0].isConnected;\r\n switch (check) {\r\n case \"same\":\r\n return this.#raw[0].isSameNode(node);\r\n case \"equal\":\r\n return this.#raw[0].isEqualNode(node);\r\n default:\r\n console.error(\r\n `[EyeJS] Unknown check \"${check}\", possible values are [\"same\",\"equal\",\"connected\"]`\r\n );\r\n return false;\r\n }\r\n }\r\n /**\r\n * Set or get a css attribute\r\n * @method EyeElement#css\r\n * @param {string} attr\r\n * @param {string|number} [value]\r\n * @returns {EyeElement|string}\r\n */\r\n css(attr, value) {\r\n if (attr) {\r\n if (!unitlessProps.has(attr) && typeof value === \"number\" && value != 0) value = `${value}px`;\r\n let out = undefined;\r\n attr = flat(attr);\r\n this.each((elm, idx) => {\r\n if (value === undefined) return out = elm.style[attr];\r\n elm.style[attr] = value;\r\n })\r\n return out != undefined ? out : this;\r\n } else return console.error(`[EyeJS] missing argument \"attr\" in function .css`);\r\n }\r\n /**\r\n * Remove current element\r\n * @method EyeElement#remove\r\n * @returns {EyeElement}\r\n */\r\n remove() {\r\n this.each((elm, idx) => {\r\n elm.remove();\r\n })\r\n return this;\r\n }\r\n /**\r\n * @overload\r\n * @param {string} ev\r\n * @param {function} cb\r\n */\r\n /**\r\n * @overload\r\n * @param {string} ev\r\n * @param {string} trg optionally define a target element for the event\r\n * @param {function} cb\r\n *\r\n */\r\n /**\r\n * Attach an listener/handler to specific event or events\r\n * @method EyeElement#on\r\n * @param {string} ev may contain multiple events separated by \" \"(space)\r\n * @param {string|function} arg2 \r\n * @param {function} [arg3]\r\n * @returns {EyeElement|void}\r\n */\r\n on(ev, arg2, arg3) {\r\n ev = ev.split(\" \");\r\n let target = typeof arg2 === \"string\" ? arg2 : null;\r\n let cb = typeof arg2 === \"function\" ? arg2 : arg3;\r\n let _this = this;\r\n if (typeof cb !== \"function\")\r\n return console.error(\r\n \"[EyeJS] .on method is missing the actuall callback `cb` or not of type function\"\r\n );\r\n\r\n let outsider = null;\r\n ev.forEach(evt => {\r\n if (target) {\r\n if (!delegationEvents.includes(evt))\r\n return outsider = evt; // outsider events \r\n\r\n if (!_this.#dlgListeners.has(evt))\r\n _this.#dlgListeners.set(evt, new Set());\r\n _this.#dlgListeners.get(evt).add({ callback: cb, target });\r\n } else {\r\n _this.each((elm) => {\r\n elm.addEventListener(evt, cb);\r\n })\r\n }\r\n })\r\n\r\n if (outsider !== null)\r\n return console.error(`[EyeJS] trying to use delegation for an inappropriate event \"${outsider}\"`);\r\n\r\n return this;\r\n }\r\n /**\r\n * Remove event listener of a specific event\r\n * @method EyeElement#off\r\n * @param {string} ev \r\n * @param {function} cb \r\n * @returns {EyeElement|void}\r\n */\r\n off(ev, cb) {\r\n let _this = this,\r\n listeners = _this.#dlgListeners;\r\n if (typeof cb != \"function\")\r\n return console.error(\r\n \"[EyeJS] .off method is missing the actuall callback `cb` or not of type function\"\r\n );\r\n ev = ev.split(\" \");\r\n\r\n this.each((elm, idx) => {\r\n ev.forEach(evt => elm.removeEventListener(evt, cb));\r\n })\r\n // now delegated events\r\n ev.forEach(evt => {\r\n if (listeners.has(evt)) {\r\n let set = listeners.get(evt);\r\n for (const item of set) {\r\n if (cb === item.callback) {\r\n // found it & remove it\r\n set.delete(item);\r\n }\r\n }\r\n }\r\n })\r\n }\r\n /**\r\n * Trigger specific event for this element\r\n * @method EyeElement#trigger\r\n * @param {string} ev \r\n * @returns {EyeElement}\r\n */\r\n trigger(ev) {\r\n this.each((elm, idx) => {\r\n elm.dispatchEvent(ev instanceof Event ? ev : getEvent(ev));\r\n })\r\n return this;\r\n }\r\n /**\r\n * Find one or multiple child elements by `selector`\r\n * @method EyeElement#find\r\n * @param {string} selector \r\n * @returns {HTMLElement|Array<HTMLElement>}\r\n */\r\n find(selector) {\r\n let found = [];\r\n this.each((elm, idx) => {\r\n elm.querySelectorAll(selector).forEach(res => found.push(res));\r\n })\r\n return found.length == 0 ? null : found;\r\n }\r\n /**\r\n * Returns a clone of current selected element/s\r\n * @method EyeElement#clone\r\n * @param {HTMLElement} [parent] optionally append new clone to a parent\r\n * @returns {Array<EyeElement>}\r\n */\r\n clone(parent) {\r\n let list = [];\r\n this.each((nd) => {\r\n list.push(nd.cloneNode(true));\r\n })\r\n if (parent instanceof HTMLElement || parent instanceof EyeElement) list.forEach(el => parent.append(el));\r\n return list;\r\n }\r\n /**\r\n * Compute DOMRect or style declaration of current element\r\n * @method EyeElement#compute\r\n * @param {\"bounds\" | \"style\"} type \r\n * @returns {DOMRect|CSSStyleDeclaration}\r\n */\r\n compute(type) {\r\n type = type || \"bounds\";\r\n if (type === \"bounds\")\r\n return (this.#raw[0]).getBoundingClientRect();\r\n else if (type == \"style\")\r\n return getComputedStyle(this.#raw[0])\r\n console.error(`[EyeJS] unknown type \"${type}\" in function .compute, possible values are \"bounds\" \"style\"`);\r\n }\r\n\r\n /**\r\n * Get specific client informations.\r\n * @param {\"width\" | \"height\" | \"left\" | \"top\"} attr \r\n * @returns {EyeElement}\r\n */\r\n client(attr) {\r\n if (['width', 'height', 'left', 'top'].includes(attr))\r\n return this.#raw[0][`client${attr[0].toUpperCase()}${attr.substring(1, attr.length)}`];\r\n else console.error(`[EyeJS] Unknown client* attribute \"${attr}\" in .client(attr)`);\r\n return this;\r\n }\r\n /**\r\n * Activate/disactive different pointer features such as PointerLock, pointerCapture...\r\n * @method EyeElement#pointer\r\n * @param {\"capture\" | \"lock\"} action \r\n * @param {boolean} status \r\n * @param {string} [pid] \r\n * @returns {EyeElement}\r\n */\r\n pointer(action, status, pid) {\r\n this.each((elm, idx) => {\r\n if (action === \"capture\") {\r\n if (status === true) elm.setPointerCapture(pid);\r\n else elm.releasePointerCapture(pid);\r\n } else if (action === \"lock\") {\r\n if (status === true) elm.requestPointerLock();\r\n else document.exitPointerLock();\r\n }\r\n });\r\n return this;\r\n }\r\n /**\r\n * Returns the count of children for this element\r\n * @type {number}\r\n */\r\n get childlen() {\r\n return this.#raw[0].children.length;\r\n }\r\n /**\r\n * Select a child of this element\r\n * @method EyeElement#child\r\n * @param {number} index \r\n * @returns {EyeElement|null}\r\n */\r\n child(index) {\r\n if (index === undefined) return this.#raw[0].children.length;\r\n if (this.#raw[0].children[index]) return e(this.#raw[0].children[index]);\r\n return null;\r\n }\r\n /**\r\n * Set/get the value of the current element\r\n * @method EyeElement#val\r\n * @param {*} value \r\n * @returns \r\n */\r\n val(value) {\r\n if (value != undefined) this.each((a) => a.value = this.#customSet.value(\"set\", value, a));\r\n else return this.#customSet.value(\"get\", this.#raw[0].value, this.#raw[0]);\r\n return this;\r\n }\r\n /**\r\n * Serialize this element to send it over network, returns 3 formats `json`, `url` & `fd`(formData) \r\n * @method EyeElement#serialize\r\n * @param {{inputs: Array<string>}} opts\r\n * @returns {{json: Object, url: String, fd: FormData}}\r\n */\r\n serialize(opts) {\r\n opts = opts || {};\r\n let {\r\n inputs = [\"input\", \"textarea\", \"select\"],\r\n } = opts;\r\n let out = {\r\n json: {},\r\n url: \"\",\r\n fd: new FormData()\r\n };\r\n this.#raw[0].querySelectorAll(inputs.join(','))\r\n .forEach((inp, i) => {\r\n let name = inp.name || inp.dataset.name;\r\n let value = inp.value || inp.textContent;\r\n if (typeof opts[name] === \"function\") value = opts[name](inp);\r\n\r\n if (inp.type == \"file\")\r\n inp.files.forEach(file => {\r\n out.fd.append(name, file);\r\n })\r\n else {\r\n out.json[name] = value;\r\n out.fd.append(name, value);\r\n }\r\n })\r\n\r\n out.url = new URLSearchParams(out.json).toString();\r\n return out;\r\n }\r\n /**\r\n * Redefine the way `.text` or `.val` set or get data to and from this element.\r\n * @method EyeElement#redefine\r\n * @param {\"text\" | \"value\"} type \r\n * @param {(action: \"set\" | \"get\", value: *, elm: EyeElement) => *} process \r\n * @returns {EyeElement}\r\n */\r\n redefine(type, process) {\r\n if ([\"text\", \"value\"].includes(type) && typeof process == \"function\")\r\n this.#customSet[type] = process;\r\n return this;\r\n }\r\n /**\r\n * Animate current object \r\n * @method EyeElement#animate\r\n * @param {Array<Keyframe>} keyframes \r\n * @param {KeyframeAnimationOptions} opts \r\n * @returns {Array<Animation>|Animation}\r\n */\r\n animate(keyframes, opts) {\r\n /**\r\n * @type {Array<Animation>}\r\n */\r\n let anmts = [];\r\n opts.duration = opts.duration || 1000;\r\n this.each((elm, i) => {\r\n anmts.push(elm.animate(keyframes, opts));\r\n })\r\n return anmts.length == 1 ? anmts[0] : anmts;\r\n }\r\n\r\n /**\r\n * Find first element position within parent element\r\n * @method EyeElement#position\r\n * @returns {number}\r\n */\r\n position() {\r\n let pos = -1;\r\n for (let i = 0; i < this.#raw[0].parentNode.children.length; i++) {\r\n const child = this.#raw[0].parentNode.children[i];\r\n if (this.#raw[0].isSameNode(child)) {\r\n pos = i;\r\n break;\r\n }\r\n }\r\n return pos;\r\n }\r\n\r\n /**\r\n * Get drawing context for canvas\r\n * @param {\"2d\"|\"webgl\"|\"webgl2\"|\"bitmaprenderer\"} contextId \r\n * @param {*} contextSettings \r\n * @returns {EyeElement|CanvasRenderingContext2D}\r\n */\r\n getctx(contextId, contextSettings) {\r\n if (typeof this.#raw[0].getContext === \"function\")\r\n return this.#raw[0].getContext(contextId, contextSettings);\r\n return this;\r\n }\r\n};\r\n\r\n/**\r\n * Creates or select nodes using css selectors, offering a pack of useful functions to use around your code!\r\n * @param {String} tag\r\n * @param {AttrMap} attrs\r\n * @param {Object} css CSS styles to be applied to the element.\r\n * @returns {EyeElement}\r\n */\r\nfunction e(tag, attrs, css) {\r\n if (typeof tag === \"string\" && tag.indexOf(\"model:\") === 0 || tag === \"model\") {\r\n if (!attrs) return console.error(\"[EyeJS] Model creation requires parameter 'attr' as prototype, none delivered!\");\r\n\r\n tag = tag.split(\":\");\r\n let cls = [\"eye-model\"];\r\n if (tag[1])\r\n cls = cls.concat(tag[1].split(\" \").filter(a => a != \"\"));\r\n // creating a model\r\n let model = e(\"<div>\", {\r\n class: cls.join(\" \"),\r\n });\r\n\r\n let sets = cmcl(model, attrs);\r\n\r\n /**\r\n * @param {string} attrs\r\n * @returns {ModelEyeElement}\r\n */\r\n return (attrs) => {\r\n let copy = e(model.clone(attrs?.parent));\r\n // define & attach the refresh function\r\n copy.refresh = function (attrs = {}) {\r\n let def = attrs.default === false ? false : true;\r\n sets.forEach((item) => {\r\n if (def === true || (!def && attrs.hasOwnProperty(item.name)))\r\n item.set(copy, attrs[item.name]);\r\n });\r\n return this;\r\n };\r\n return copy.refresh(attrs);\r\n };\r\n } else {\r\n let ne = new EyeElement(tag, attrs, css);\r\n return ne.length === 0 ? null : ne;\r\n }\r\n}\r\n\r\n// gloablly exposed\r\nwindow.e = e;\r\nwindow.EyeElement = EyeElement;\r\nexport default e;\r\n"],"names":["unitlessProps","Set","events","htmlElements","flat","word","n","i","length","t","toUpperCase","toLowerCase","localdata","WeakMap","cmcl","parent","layer","obj","key","subcontent","def","_set","split","tagName","cls","_set_name","_set_default","map","a","trim","elm","e","class","data","value","undefined","push","name","set","find","textContent","Array","concat","delegationEvents","normalSetterGetter","action","v","EyeElement","raw","dlgListeners","Map","customSet","text","constructor","selector","attrs","css","_this","this","HTMLElement","includes","document","createElement","substring","isArray","forEach","s","slice","querySelectorAll","handler","type","listeners","_etarget","target","me","has","cbs","get","callback","closest","each","idx","parentElm","classList","add","apply","filter","innerHTML","k","dataset","setAttribute","indexOf","style","append","ev","addEventListener","cb","on","trigger","eachChild","exit","j","children","html","out","attr","val","getAttribute","rAttr","attrName","removeAttribute","actions","item","remove","toggle","contains","v1","v2","replace","show","display","hide","opacity","pos","nodes","node","after","before","prepend","Node","nextElementSibling","previousElementSibling","replaceWith","elms","clone","Error","cloneNode","parentElement","is","check","isConnected","isSameNode","isEqualNode","console","error","arg2","arg3","outsider","evt","off","removeEventListener","delete","dispatchEvent","Event","options","MouseEvent","PointerEvent","KeyboardEvent","FocusEvent","WheelEvent","ClipboardEvent","UIEvent","CustomEvent","getEvent","found","res","list","nd","el","compute","getBoundingClientRect","getComputedStyle","client","pointer","status","pid","setPointerCapture","releasePointerCapture","requestPointerLock","exitPointerLock","childlen","child","index","serialize","opts","inputs","json","url","fd","FormData","join","inp","files","file","URLSearchParams","toString","redefine","process","animate","keyframes","anmts","duration","position","parentNode","getctx","contextId","contextSettings","getContext","tag","model","sets","copy","refresh","default","hasOwnProperty","ne","window"],"mappings":"2OAUA,MAAMA,EAAgB,IAAIC,IAAI,CAC5B,UAAW,SAAU,aAAc,aACnC,OAAQ,WAAY,aAAc,UA+EpC,MAAMC,EAAS,CAEb,QACA,WACA,YACA,UACA,YACA,aACA,aACA,YACA,WACA,cAGA,UACA,WACA,QAGA,QACA,OACA,UACA,WAGA,SACA,SACA,QACA,QACA,SAGA,aACA,WACA,YACA,cAGA,cACA,YACA,cACA,eACA,eACA,gBAGA,YACA,UACA,YACA,WACA,YACA,OAGA,SACA,SACA,OACA,eACA,SAGA,OACA,QACA,QACA,eACA,aAGA,OACA,MACA,QAGA,iBACA,eACA,qBACA,kBACA,gBAGA,qBACA,kBACA,iBAGA,QACA,aACA,YAGIC,EAAe,CAEnB,SACA,SACA,SACA,SACA,UACA,UAGA,SACA,YACA,YACA,UACA,WACA,WACA,OACA,OACA,OACA,OACA,OACA,OACA,SACA,QACA,YAGA,eACA,OACA,QACA,OACA,OACA,eACA,WACA,OACA,OACA,OACA,MACA,QACA,OAGA,MACA,SACA,MACA,QACA,QACA,OACA,SACA,SACA,SACA,QACA,OACA,MACA,QACA,SACA,MACA,OACA,OACA,SACA,MACA,SACA,UACA,SACA,WACA,QACA,QACA,SACA,MACA,QACA,QAGA,SACA,UACA,QACA,QACA,UACA,UAGA,UACA,WACA,WACA,YACA,WACA,WAGA,WACA,aACA,WAGA,QACA,QAGA,YACA,QACA,aACA,UACA,UACA,OACA,UACA,OACA,UACA,OAGA,WACA,aACA,aACA,SACA,UACA,UACA,WACA,UACA,aACA,WACA,WACA,aACA,WACA,aAGA,YACA,WACA,YAGA,SACA,cAGF,SAASC,EAAKC,GACZ,IAAIC,EAAI,GACR,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAKG,OAAQD,IAAK,CACpC,MAAME,EAAIJ,EAAKE,GACXE,IAAMA,EAAEC,eAAiBD,IAAMA,EAAEE,cAAeL,GAAK,IAAMG,EAC1DH,GAAKG,CACX,CACD,OAAOH,EAAEK,aACX,CAEA,MAAMC,EAAY,IAAIC,QAQtB,SAASC,E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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eyjs",
3
- "version": "7.2.1",
3
+ "version": "7.2.2",
4
4
  "description": "Library that make document manipulation a lot easier",
5
5
  "main": "./src/eye.js",
6
6
  "module": "dist/eye.esm.js",
package/src/eye.js CHANGED
@@ -1113,12 +1113,11 @@ export class EyeElement {
1113
1113
  * Get drawing context for canvas
1114
1114
  * @param {"2d"|"webgl"|"webgl2"|"bitmaprenderer"} contextId
1115
1115
  * @param {*} contextSettings
1116
- * @returns {EyeElement}
1116
+ * @returns {EyeElement|CanvasRenderingContext2D}
1117
1117
  */
1118
1118
  getctx(contextId, contextSettings) {
1119
- this.each(d => {
1120
- if (typeof d.getContext == "function") d.getContext(contextId, contextSettings);
1121
- })
1119
+ if (typeof this.#raw[0].getContext === "function")
1120
+ return this.#raw[0].getContext(contextId, contextSettings);
1122
1121
  return this;
1123
1122
  }
1124
1123
  };
package/src/eye.min.js CHANGED
@@ -1 +1 @@
1
- const unitlessProps=new Set(["opacity","zIndex","fontWeight","lineHeight","flex","flexGrow","flexShrink","order"]);function getEvent(e,t={}){switch(e){case"click":case"dblclick":case"mousedown":case"mouseup":case"mousemove":case"mouseenter":case"mouseleave":case"mouseover":case"mouseout":return new MouseEvent(e,t);case"pointerdown":case"pointerup":case"pointermove":case"pointerenter":case"pointerleave":case"pointerover":case"pointerout":return new PointerEvent(e,t);case"keydown":case"keyup":case"keypress":return new KeyboardEvent(e,t);case"focus":case"blur":case"focusin":case"focusout":return new FocusEvent(e,t);case"input":case"change":case"submit":case"reset":return new Event(e,t);case"wheel":return new WheelEvent(e,t);case"copy":case"cut":case"paste":return new ClipboardEvent(e,t);case"scroll":case"resize":return new UIEvent(e,t);default:return new CustomEvent(e,t)}}const events=["click","dblclick","mousedown","mouseup","mousemove","mouseenter","mouseleave","mouseover","mouseout","contextmenu","keydown","keypress","keyup","focus","blur","focusin","focusout","submit","change","input","reset","select","touchstart","touchend","touchmove","touchcancel","pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","dragstart","dragend","dragenter","dragover","dragleave","drop","resize","scroll","load","beforeunload","unload","play","pause","ended","volumechange","timeupdate","copy","cut","paste","animationstart","animationend","animationiteration","transitionstart","transitionend","DOMSubtreeModified","DOMNodeInserted","DOMNodeRemoved","error","hashchange","popstate"],htmlElements=["<base>","<head>","<link>","<meta>","<style>","<title>","<body>","<address>","<article>","<aside>","<footer>","<header>","<h1>","<h2>","<h3>","<h4>","<h5>","<h6>","<main>","<nav>","<section>","<blockquote>","<dd>","<div>","<dl>","<dt>","<figcaption>","<figure>","<hr>","<li>","<ol>","<p>","<pre>","<ul>","<a>","<abbr>","<b>","<bdi>","<bdo>","<br>","<cite>","<code>","<data>","<dfn>","<em>","<i>","<kbd>","<mark>","<q>","<rp>","<rt>","<ruby>","<s>","<samp>","<small>","<span>","<strong>","<sub>","<sup>","<time>","<u>","<var>","<wbr>","<area>","<audio>","<img>","<map>","<track>","<video>","<embed>","<iframe>","<object>","<picture>","<portal>","<source>","<canvas>","<noscript>","<script>","<del>","<ins>","<caption>","<col>","<colgroup>","<table>","<tbody>","<td>","<tfoot>","<th>","<thead>","<tr>","<button>","<datalist>","<fieldset>","<form>","<input>","<label>","<legend>","<meter>","<optgroup>","<option>","<output>","<progress>","<select>","<textarea>","<details>","<dialog>","<summary>","<slot>","<template>"];function flat(e){let t="";for(let n=0;n<e.length;n++){const r=e[n];r===r.toUpperCase()&&r!==r.toLowerCase()?t+="-"+r:t+=r}return t.toLowerCase()}const localdata=new WeakMap;function cmcl(t,n){let r=[];for(const s in n){const i=n[s],[a,o]=s.split(":"),[l,...c]=a.split(".");let[u=null,h=null]=(o||"").split("-").map((e=>e.trim())),d=e(l.trim(),{class:c,parent:t,data:o?{value:u}:void 0});o&&u&&r.push({name:u,set(e,t){e.find(`[data-value="${u}"]`).textContent=t??h}}),!i||"object"!=typeof i||i instanceof Array||(r=r.concat(cmcl(d,i)))}return r}let delegationEvents=["click","dblclick","submit","input","change","keydown","keyup","keypress","focusin","focusout","mousedown","mouseup","mousemove","contextmenu","auxclick","wheel","mouseover","mouseout","pointerdown","pointerup","pointermove","pointerover","pointerout","gotpointercapture","lostpointercapture","pointercancel"],normalSetterGetter=(e,t,n)=>t;export class EyeElement{#e=null;#t=new Map;#n={value:normalSetterGetter,text:normalSetterGetter};constructor(e,t,n){let r=this;if(e instanceof HTMLElement)this.#e=[e];else if(htmlElements.includes(e))this.#e=[document.createElement(e.substring(1,e.length-1))];else if(Array.isArray(e))this.#e=[],e.forEach((e=>{e instanceof EyeElement?r.#e=r.#e.concat(...e.raw):e instanceof HTMLElement&&r.#e.push(e)}));else{let t="!"===e.slice(-1);this.#e=[...document.querySelectorAll(t?e.slice(0,-1):e)]}function s(e){let t=e.type,n=r.#t,s=e.target,i=this;if(n.has(t)){let r=n.get(t);r?.forEach((({callback:t,target:n})=>{s.closest(n)&&t(e,i)}))}}return this.each(((e,r)=>{let i=null;if(t)for(const n in t){const r=t[n];if("class"==n)e.classList.add.apply(e.classList,(r instanceof Array?r:r.split(" ")).filter((e=>""!=e)));else if("text"==n)e.textContent=r;else if("html"==n)e.innerHTML=r;else if("data"==n)for(const t in r)e.dataset[t]=r[t];else"parent"==n?i=r:n in e?e[n]=r:"_"!=n[0]&&e.setAttribute(n,r)}if(n)for(const t in n)-1!=t.indexOf("-")?e.style[t]=n[t]:e.style[flat(t)]=n[t];(i instanceof EyeElement||i instanceof HTMLElement)&&i.append(e),delegationEvents.forEach((t=>{e.addEventListener(t,s)}))})),events.forEach((e=>{r[e]=function(t){return t?"function"==typeof t&&r.on(e,t):r.trigger(e),r}})),this}get length(){return this.#e.length}get raw(){return this.#e}each(e){for(let t=0;t<this.#e.length;t++){if(!1===e(this.#e[t],t,this))break}return this}eachChild(e){let t=this;return this.each((function(n,r,s){let i=!0;for(let r=0;r<n.children.length&&(i=e(n.children[r],r,n,t),!1!==i);r++);}))}html(e){let t;return this.each(((n,r)=>{if(void 0===e)return t=n.innerHTML;n.innerHTML=e})),null!=t?t:this}text(e){let t;return this.each(((n,r)=>{if(void 0===e)return t=this.#n.text("get",n.textContent,n);n.textContent=this.#n.text("set",e,n)})),null!=t?t:this}data(e,t){if(localdata.has(this)||localdata.set(this,{}),e){if(null==t)return localdata.get(this)[e];localdata.get(this)[e]=t}return this}attr(e,t){let n="";return this.each(((r,s)=>{if(0===e.indexOf("data-")){let[s,i]=e.split("-").map((e=>e.trim()));if(null==t)return n=r.dataset[i];r.dataset[i]=t}else if(e in r){if(null==t)return n=r[e];r[e]=t}else if("_"!=e[0]){if(null==t)return n=r.getAttribute(e);r.setAttribute(e,t)}})),n||this}rAttr(e){return e&&this.each(((t,n)=>{t.removeAttribute(e)})),this}class(e){let t;return this.each(((n,r)=>{if("number"==typeof e)return t=n.classList.item(e);e.split(" ").forEach((e=>{if("-"==e[0])n.classList.remove(e.substring(1,e.length));else if("%"==e[0])n.classList.toggle(e.substring(1,e.length));else if("?"==e[0])t=n.classList.contains(e.substring(1,e.length));else if(-1!=e.indexOf("/")){let[t,r]=e.split("/");n.classList.replace(t,r)}else n.classList.add(e)}))})),null!=t?t:this}show(e){return this.each(((t,n)=>{t.style.display=e??"inline-block"})),this}hide(e){return this.each(((t,n)=>{e?t.style.opacity=0:t.style.display="none"})),this}append(e,t){return(Array.isArray(e)?e:[e]).forEach((e=>{let n=[];e instanceof EyeElement?n=[...e.raw]:e instanceof HTMLElement&&(n=[e]),n.forEach((e=>{switch(t){case"next":case"after":this.#e[0].after(e);break;case"previous":case"before":this.#e[0].before(e);break;case"afterbegin":case"first":this.#e[0].prepend(e);break;default:this.#e[0].append(e)}}))})),this}after(t){return t instanceof HTMLElement||t instanceof EyeElement||t instanceof Node?(this.#e[0].after(t instanceof EyeElement?t.raw[0]:t),this):this.#e[0].nextElementSibling?e(this.#e[0].nextElementSibling,t):null}before(t){return t instanceof HTMLElement||t instanceof EyeElement||t instanceof Node?(this.#e[0].before(t instanceof EyeElement?t.raw[0]:t),this):this.#e[0].previousElementSibling?e(this.#e[0].previousElementSibling,t):null}replaceWith(...e){let t=[];return(Array.isArray(e)?e:[e]).forEach((e=>{e instanceof EyeElement?t=t.concat(...e.raw):e instanceof HTMLElement&&t.push(e)})),this.#e[0].replaceWith(...t),this}parent(t,n){if(t){if(!(t instanceof HTMLElement||t instanceof EyeElement))throw new Error("[EyeJS] Unable to append current element to parent because it's not HTMLElement");return this.each((e=>{t.append(!0===n?e.cloneNode(!0):e)})),this}return e(this.#e[0].parentElement)}is(e,t){if("connected"===(e=e instanceof EyeElement?e.#e[0]:e))return this.#e[0].isConnected;switch(t){case"same":return this.#e[0].isSameNode(e);case"equal":return this.#e[0].isEqualNode(e);default:return console.error(`[EyeJS] Unknown check "${t}", possible values are ["same","equal","connected"]`),!1}}css(e,t){if(e){let n;return unitlessProps.has(e)||"number"!=typeof t||0==t||(t=`${t}px`),e=flat(e),this.each(((r,s)=>{if(void 0===t)return n=r.style[e];r.style[e]=t})),null!=n?n:this}return console.error('[EyeJS] missing argument "attr" in function .css')}remove(){return this.each(((e,t)=>{e.remove()})),this}on(e,t,n){e=e.split(" ");let r="string"==typeof t?t:null,s="function"==typeof t?t:n,i=this;if("function"!=typeof s)return console.error("[EyeJS] .on method is missing the actuall callback `cb` or not of type function");let a=null;return e.forEach((e=>{if(r){if(!delegationEvents.includes(e))return a=e;i.#t.has(e)||i.#t.set(e,new Set),i.#t.get(e).add({callback:s,target:r})}else i.each((t=>{t.addEventListener(e,s)}))})),null!==a?console.error(`[EyeJS] trying to use delegation for an inappropriate event "${a}"`):this}off(e,t){let n=this.#t;if("function"!=typeof t)return console.error("[EyeJS] .off method is missing the actuall callback `cb` or not of type function");e=e.split(" "),this.each(((n,r)=>{e.forEach((e=>n.removeEventListener(e,t)))})),e.forEach((e=>{if(n.has(e)){let r=n.get(e);for(const e of r)t===e.callback&&r.delete(e)}}))}trigger(e){return this.each(((t,n)=>{t.dispatchEvent(e instanceof Event?e:getEvent(e))})),this}find(e){let t=[];return this.each(((n,r)=>{n.querySelectorAll(e).forEach((e=>t.push(e)))})),0==t.length?null:t}clone(e){let t=[];return this.each((e=>{t.push(e.cloneNode(!0))})),(e instanceof HTMLElement||e instanceof EyeElement)&&t.forEach((t=>e.append(t))),t}compute(e){return"bounds"===(e=e||"bounds")?this.#e[0].getBoundingClientRect():"style"==e?getComputedStyle(this.#e[0]):void console.error(`[EyeJS] unknown type "${e}" in function .compute, possible values are "bounds" "style"`)}client(e){return["width","height","left","top"].includes(e)?this.#e[0][`client${e[0].toUpperCase()}${e.substring(1,e.length)}`]:(console.error(`[EyeJS] Unknown client* attribute "${e}" in .client(attr)`),this)}pointer(e,t,n){return this.each(((r,s)=>{"capture"===e?!0===t?r.setPointerCapture(n):r.releasePointerCapture(n):"lock"===e&&(!0===t?r.requestPointerLock():document.exitPointerLock())})),this}get childlen(){return this.#e[0].children.length}child(t){return void 0===t?this.#e[0].children.length:this.#e[0].children[t]?e(this.#e[0].children[t]):null}val(e){return null==e?this.#n.value("get",this.#e[0].value,this.#e[0]):(this.each((t=>t.value=this.#n.value("set",e,t))),this)}serialize(e){e=e||{};let{inputs:t=["input","textarea","select"]}=e,n={json:{},url:"",fd:new FormData};return this.#e[0].querySelectorAll(t.join(",")).forEach(((t,r)=>{let s=t.name||t.dataset.name,i=t.value||t.textContent;"function"==typeof e[s]&&(i=e[s](t)),"file"==t.type?t.files.forEach((e=>{n.fd.append(s,e)})):(n.json[s]=i,n.fd.append(s,i))})),n.url=new URLSearchParams(n.json).toString(),n}redefine(e,t){return["text","value"].includes(e)&&"function"==typeof t&&(this.#n[e]=t),this}animate(e,t){let n=[];return t.duration=t.duration||1e3,this.each(((r,s)=>{n.push(r.animate(e,t))})),1==n.length?n[0]:n}position(){let e=-1;for(let t=0;t<this.#e[0].parentNode.children.length;t++){const n=this.#e[0].parentNode.children[t];if(this.#e[0].isSameNode(n)){e=t;break}}return e}getctx(e,t){return this.each((n=>{"function"==typeof n.getContext&&n.getContext(e,t)})),this}}function e(t,n,r){if("string"==typeof t&&0===t.indexOf("model:")||"model"===t){if(!n)return console.error("[EyeJS] Model creation requires parameter 'attr' as prototype, none delivered!");let r=["eye-model"];(t=t.split(":"))[1]&&(r=r.concat(t[1].split(" ").filter((e=>""!=e))));let s=e("<div>",{class:r.join(" ")}),i=cmcl(s,n);return t=>{let n=e(s.clone(t?.parent));return n.refresh=function(e={}){let t=!1!==e.default;return i.forEach((r=>{(!0===t||!t&&e.hasOwnProperty(r.name))&&r.set(n,e[r.name])})),this},n.refresh(t)}}{let e=new EyeElement(t,n,r);return 0===e.length?null:e}}window.e=e,window.EyeElement=EyeElement;export default e;
1
+ const unitlessProps=new Set(["opacity","zIndex","fontWeight","lineHeight","flex","flexGrow","flexShrink","order"]);function getEvent(e,t={}){switch(e){case"click":case"dblclick":case"mousedown":case"mouseup":case"mousemove":case"mouseenter":case"mouseleave":case"mouseover":case"mouseout":return new MouseEvent(e,t);case"pointerdown":case"pointerup":case"pointermove":case"pointerenter":case"pointerleave":case"pointerover":case"pointerout":return new PointerEvent(e,t);case"keydown":case"keyup":case"keypress":return new KeyboardEvent(e,t);case"focus":case"blur":case"focusin":case"focusout":return new FocusEvent(e,t);case"input":case"change":case"submit":case"reset":return new Event(e,t);case"wheel":return new WheelEvent(e,t);case"copy":case"cut":case"paste":return new ClipboardEvent(e,t);case"scroll":case"resize":return new UIEvent(e,t);default:return new CustomEvent(e,t)}}const events=["click","dblclick","mousedown","mouseup","mousemove","mouseenter","mouseleave","mouseover","mouseout","contextmenu","keydown","keypress","keyup","focus","blur","focusin","focusout","submit","change","input","reset","select","touchstart","touchend","touchmove","touchcancel","pointerdown","pointerup","pointermove","pointerenter","pointerleave","pointercancel","dragstart","dragend","dragenter","dragover","dragleave","drop","resize","scroll","load","beforeunload","unload","play","pause","ended","volumechange","timeupdate","copy","cut","paste","animationstart","animationend","animationiteration","transitionstart","transitionend","DOMSubtreeModified","DOMNodeInserted","DOMNodeRemoved","error","hashchange","popstate"],htmlElements=["<base>","<head>","<link>","<meta>","<style>","<title>","<body>","<address>","<article>","<aside>","<footer>","<header>","<h1>","<h2>","<h3>","<h4>","<h5>","<h6>","<main>","<nav>","<section>","<blockquote>","<dd>","<div>","<dl>","<dt>","<figcaption>","<figure>","<hr>","<li>","<ol>","<p>","<pre>","<ul>","<a>","<abbr>","<b>","<bdi>","<bdo>","<br>","<cite>","<code>","<data>","<dfn>","<em>","<i>","<kbd>","<mark>","<q>","<rp>","<rt>","<ruby>","<s>","<samp>","<small>","<span>","<strong>","<sub>","<sup>","<time>","<u>","<var>","<wbr>","<area>","<audio>","<img>","<map>","<track>","<video>","<embed>","<iframe>","<object>","<picture>","<portal>","<source>","<canvas>","<noscript>","<script>","<del>","<ins>","<caption>","<col>","<colgroup>","<table>","<tbody>","<td>","<tfoot>","<th>","<thead>","<tr>","<button>","<datalist>","<fieldset>","<form>","<input>","<label>","<legend>","<meter>","<optgroup>","<option>","<output>","<progress>","<select>","<textarea>","<details>","<dialog>","<summary>","<slot>","<template>"];function flat(e){let t="";for(let n=0;n<e.length;n++){const r=e[n];r===r.toUpperCase()&&r!==r.toLowerCase()?t+="-"+r:t+=r}return t.toLowerCase()}const localdata=new WeakMap;function cmcl(t,n){let r=[];for(const s in n){const i=n[s],[a,o]=s.split(":"),[l,...c]=a.split(".");let[u=null,h=null]=(o||"").split("-").map((e=>e.trim())),d=e(l.trim(),{class:c,parent:t,data:o?{value:u}:void 0});o&&u&&r.push({name:u,set(e,t){e.find(`[data-value="${u}"]`).textContent=t??h}}),!i||"object"!=typeof i||i instanceof Array||(r=r.concat(cmcl(d,i)))}return r}let delegationEvents=["click","dblclick","submit","input","change","keydown","keyup","keypress","focusin","focusout","mousedown","mouseup","mousemove","contextmenu","auxclick","wheel","mouseover","mouseout","pointerdown","pointerup","pointermove","pointerover","pointerout","gotpointercapture","lostpointercapture","pointercancel"],normalSetterGetter=(e,t,n)=>t;export class EyeElement{#e=null;#t=new Map;#n={value:normalSetterGetter,text:normalSetterGetter};constructor(e,t,n){let r=this;if(e instanceof HTMLElement)this.#e=[e];else if(htmlElements.includes(e))this.#e=[document.createElement(e.substring(1,e.length-1))];else if(Array.isArray(e))this.#e=[],e.forEach((e=>{e instanceof EyeElement?r.#e=r.#e.concat(...e.raw):e instanceof HTMLElement&&r.#e.push(e)}));else{let t="!"===e.slice(-1);this.#e=[...document.querySelectorAll(t?e.slice(0,-1):e)]}function s(e){let t=e.type,n=r.#t,s=e.target,i=this;if(n.has(t)){let r=n.get(t);r?.forEach((({callback:t,target:n})=>{s.closest(n)&&t(e,i)}))}}return this.each(((e,r)=>{let i=null;if(t)for(const n in t){const r=t[n];if("class"==n)e.classList.add.apply(e.classList,(r instanceof Array?r:r.split(" ")).filter((e=>""!=e)));else if("text"==n)e.textContent=r;else if("html"==n)e.innerHTML=r;else if("data"==n)for(const t in r)e.dataset[t]=r[t];else"parent"==n?i=r:n in e?e[n]=r:"_"!=n[0]&&e.setAttribute(n,r)}if(n)for(const t in n)-1!=t.indexOf("-")?e.style[t]=n[t]:e.style[flat(t)]=n[t];(i instanceof EyeElement||i instanceof HTMLElement)&&i.append(e),delegationEvents.forEach((t=>{e.addEventListener(t,s)}))})),events.forEach((e=>{r[e]=function(t){return t?"function"==typeof t&&r.on(e,t):r.trigger(e),r}})),this}get length(){return this.#e.length}get raw(){return this.#e}each(e){for(let t=0;t<this.#e.length;t++){if(!1===e(this.#e[t],t,this))break}return this}eachChild(e){let t=this;return this.each((function(n,r,s){let i=!0;for(let r=0;r<n.children.length&&(i=e(n.children[r],r,n,t),!1!==i);r++);}))}html(e){let t;return this.each(((n,r)=>{if(void 0===e)return t=n.innerHTML;n.innerHTML=e})),null!=t?t:this}text(e){let t;return this.each(((n,r)=>{if(void 0===e)return t=this.#n.text("get",n.textContent,n);n.textContent=this.#n.text("set",e,n)})),null!=t?t:this}data(e,t){if(localdata.has(this)||localdata.set(this,{}),e){if(null==t)return localdata.get(this)[e];localdata.get(this)[e]=t}return this}attr(e,t){let n="";return this.each(((r,s)=>{if(0===e.indexOf("data-")){let[s,i]=e.split("-").map((e=>e.trim()));if(null==t)return n=r.dataset[i];r.dataset[i]=t}else if(e in r){if(null==t)return n=r[e];r[e]=t}else if("_"!=e[0]){if(null==t)return n=r.getAttribute(e);r.setAttribute(e,t)}})),n||this}rAttr(e){return e&&this.each(((t,n)=>{t.removeAttribute(e)})),this}class(e){let t;return this.each(((n,r)=>{if("number"==typeof e)return t=n.classList.item(e);e.split(" ").forEach((e=>{if("-"==e[0])n.classList.remove(e.substring(1,e.length));else if("%"==e[0])n.classList.toggle(e.substring(1,e.length));else if("?"==e[0])t=n.classList.contains(e.substring(1,e.length));else if(-1!=e.indexOf("/")){let[t,r]=e.split("/");n.classList.replace(t,r)}else n.classList.add(e)}))})),null!=t?t:this}show(e){return this.each(((t,n)=>{t.style.display=e??"inline-block"})),this}hide(e){return this.each(((t,n)=>{e?t.style.opacity=0:t.style.display="none"})),this}append(e,t){return(Array.isArray(e)?e:[e]).forEach((e=>{let n=[];e instanceof EyeElement?n=[...e.raw]:e instanceof HTMLElement&&(n=[e]),n.forEach((e=>{switch(t){case"next":case"after":this.#e[0].after(e);break;case"previous":case"before":this.#e[0].before(e);break;case"afterbegin":case"first":this.#e[0].prepend(e);break;default:this.#e[0].append(e)}}))})),this}after(t){return t instanceof HTMLElement||t instanceof EyeElement||t instanceof Node?(this.#e[0].after(t instanceof EyeElement?t.raw[0]:t),this):this.#e[0].nextElementSibling?e(this.#e[0].nextElementSibling,t):null}before(t){return t instanceof HTMLElement||t instanceof EyeElement||t instanceof Node?(this.#e[0].before(t instanceof EyeElement?t.raw[0]:t),this):this.#e[0].previousElementSibling?e(this.#e[0].previousElementSibling,t):null}replaceWith(...e){let t=[];return(Array.isArray(e)?e:[e]).forEach((e=>{e instanceof EyeElement?t=t.concat(...e.raw):e instanceof HTMLElement&&t.push(e)})),this.#e[0].replaceWith(...t),this}parent(t,n){if(t){if(!(t instanceof HTMLElement||t instanceof EyeElement))throw new Error("[EyeJS] Unable to append current element to parent because it's not HTMLElement");return this.each((e=>{t.append(!0===n?e.cloneNode(!0):e)})),this}return e(this.#e[0].parentElement)}is(e,t){if("connected"===(e=e instanceof EyeElement?e.#e[0]:e))return this.#e[0].isConnected;switch(t){case"same":return this.#e[0].isSameNode(e);case"equal":return this.#e[0].isEqualNode(e);default:return console.error(`[EyeJS] Unknown check "${t}", possible values are ["same","equal","connected"]`),!1}}css(e,t){if(e){let n;return unitlessProps.has(e)||"number"!=typeof t||0==t||(t=`${t}px`),e=flat(e),this.each(((r,s)=>{if(void 0===t)return n=r.style[e];r.style[e]=t})),null!=n?n:this}return console.error('[EyeJS] missing argument "attr" in function .css')}remove(){return this.each(((e,t)=>{e.remove()})),this}on(e,t,n){e=e.split(" ");let r="string"==typeof t?t:null,s="function"==typeof t?t:n,i=this;if("function"!=typeof s)return console.error("[EyeJS] .on method is missing the actuall callback `cb` or not of type function");let a=null;return e.forEach((e=>{if(r){if(!delegationEvents.includes(e))return a=e;i.#t.has(e)||i.#t.set(e,new Set),i.#t.get(e).add({callback:s,target:r})}else i.each((t=>{t.addEventListener(e,s)}))})),null!==a?console.error(`[EyeJS] trying to use delegation for an inappropriate event "${a}"`):this}off(e,t){let n=this.#t;if("function"!=typeof t)return console.error("[EyeJS] .off method is missing the actuall callback `cb` or not of type function");e=e.split(" "),this.each(((n,r)=>{e.forEach((e=>n.removeEventListener(e,t)))})),e.forEach((e=>{if(n.has(e)){let r=n.get(e);for(const e of r)t===e.callback&&r.delete(e)}}))}trigger(e){return this.each(((t,n)=>{t.dispatchEvent(e instanceof Event?e:getEvent(e))})),this}find(e){let t=[];return this.each(((n,r)=>{n.querySelectorAll(e).forEach((e=>t.push(e)))})),0==t.length?null:t}clone(e){let t=[];return this.each((e=>{t.push(e.cloneNode(!0))})),(e instanceof HTMLElement||e instanceof EyeElement)&&t.forEach((t=>e.append(t))),t}compute(e){return"bounds"===(e=e||"bounds")?this.#e[0].getBoundingClientRect():"style"==e?getComputedStyle(this.#e[0]):void console.error(`[EyeJS] unknown type "${e}" in function .compute, possible values are "bounds" "style"`)}client(e){return["width","height","left","top"].includes(e)?this.#e[0][`client${e[0].toUpperCase()}${e.substring(1,e.length)}`]:(console.error(`[EyeJS] Unknown client* attribute "${e}" in .client(attr)`),this)}pointer(e,t,n){return this.each(((r,s)=>{"capture"===e?!0===t?r.setPointerCapture(n):r.releasePointerCapture(n):"lock"===e&&(!0===t?r.requestPointerLock():document.exitPointerLock())})),this}get childlen(){return this.#e[0].children.length}child(t){return void 0===t?this.#e[0].children.length:this.#e[0].children[t]?e(this.#e[0].children[t]):null}val(e){return null==e?this.#n.value("get",this.#e[0].value,this.#e[0]):(this.each((t=>t.value=this.#n.value("set",e,t))),this)}serialize(e){e=e||{};let{inputs:t=["input","textarea","select"]}=e,n={json:{},url:"",fd:new FormData};return this.#e[0].querySelectorAll(t.join(",")).forEach(((t,r)=>{let s=t.name||t.dataset.name,i=t.value||t.textContent;"function"==typeof e[s]&&(i=e[s](t)),"file"==t.type?t.files.forEach((e=>{n.fd.append(s,e)})):(n.json[s]=i,n.fd.append(s,i))})),n.url=new URLSearchParams(n.json).toString(),n}redefine(e,t){return["text","value"].includes(e)&&"function"==typeof t&&(this.#n[e]=t),this}animate(e,t){let n=[];return t.duration=t.duration||1e3,this.each(((r,s)=>{n.push(r.animate(e,t))})),1==n.length?n[0]:n}position(){let e=-1;for(let t=0;t<this.#e[0].parentNode.children.length;t++){const n=this.#e[0].parentNode.children[t];if(this.#e[0].isSameNode(n)){e=t;break}}return e}getctx(e,t){return"function"==typeof this.#e[0].getContext?this.#e[0].getContext(e,t):this}}function e(t,n,r){if("string"==typeof t&&0===t.indexOf("model:")||"model"===t){if(!n)return console.error("[EyeJS] Model creation requires parameter 'attr' as prototype, none delivered!");let r=["eye-model"];(t=t.split(":"))[1]&&(r=r.concat(t[1].split(" ").filter((e=>""!=e))));let s=e("<div>",{class:r.join(" ")}),i=cmcl(s,n);return t=>{let n=e(s.clone(t?.parent));return n.refresh=function(e={}){let t=!1!==e.default;return i.forEach((r=>{(!0===t||!t&&e.hasOwnProperty(r.name))&&r.set(n,e[r.name])})),this},n.refresh(t)}}{let e=new EyeElement(t,n,r);return 0===e.length?null:e}}window.e=e,window.EyeElement=EyeElement;export default e;