jqx-es 1.2.6 → 1.2.8

package/{src → Resource/Common}/Popup.js

@@ -60,7 +60,7 @@ export default function($) {
     if (evt.target.closest(`#closeHandleIcon`) || !evt.target.closest(`#jqxPopupContent`)) {
       initHidePopup();
     }
-
+    
     return true;
   }
 

package/{src → Resource/Common}/Utilities.js

@@ -1,42 +1,53 @@
+import { default as IS, maybe } from "./TypeofAnything.js";
+import {ATTRS} from "./EmbedResources.js";
 import {default as tagFNFactory} from "./tinyDOM.js";
-import {default as IS, maybe} from "./TypeofAnything.js";
 import styleFactory from "./LifeCSS.js";
-import {ATTRS} from "./EmbedResources.js";
+import {createElementFromHtmlString, inject2DOMTree, cleanupHtml} from "./DOM.js";
+import PopupFactory from "./Popup.js";
+import { listeners, default as HandleFactory } from "./HandlerFactory.js";
+import tagLib from "./HTMLTags.js";
 
+const systemLog = systemLogFactory();
+const insertPositions = Object.freeze(new Proxy({
+  start: "afterbegin", afterbegin: "afterbegin",
+  end: "beforeend", beforeend: "beforeend",
+  before: "beforebegin", beforebegin: "beforebegin",
+  after: "afterend", afterend: "afterend" }, {
+  get(obj, key) { return obj[String(key).toLowerCase()] ?? obj[key]; }
+}));
 const characters4RandomString = [...Array(26)]
   .map((x, i) => String.fromCharCode(i + 65))
   .concat([...Array(26)].map((x, i) => String.fromCharCode(i + 97)))
   .concat([...Array(10)].map((x, i) => `${i}`));
-const systemLog = systemLogFactory();
 const datasetKeyProxy = Object.freeze({
   get(obj, key) { return obj[toCamelcase(key)] || obj[key]; },
   enumerable: false,
   configurable: false
 });
-const insertPositions = Object.freeze(new Proxy({
-  start: "afterbegin", afterbegin: "afterbegin",
-  end: "beforeend", beforeend: "beforeend",
-  before: "beforebegin", beforebegin: "beforebegin",
-  after: "afterend", afterend: "afterend" }, {
-  get(obj, key) { return obj[String(key).toLowerCase()] ?? obj[key]; }
-}));
 
 export {
-  addHandlerId, after, applyStyle, assignAttrValues, before, checkProp, cloneAndDestroy, css, datasetKeyProxy,
-  ElemArray2HtmlString, emptyElement, escHtml, ExamineElementFeatureFactory, findParentScrollDistance,
-  input2Collection, insertPositions, IS, isArrayOfHtmlElements, isArrayOfHtmlStrings, isCommentOrTextNode,
-  isHtmlString, isNode, isNonEmptyString, logTime, loop, maybe, randomNr, randomString, resolveEventTypeParameter,
-  selectedFactoryHelpers, setCollectionFromCssSelector, setData, styleFactory, systemLog, tagFNFactory,
-  toCamelcase, toDashedNotation, truncate2SingleStr, truncateHtmlStr,
+  after, applyStyle, assignAttrValues, ATTRS, before, checkProp, cleanupHtml, cloneAndDestroy,
+  createElementFromHtmlString, datasetKeyProxy, inject2DOMTree, ElemArray2HtmlString, emptyElement,
+  escHtml, findParentScrollDistance, HandleFactory, input2Collection, insertPositions, IS, isArrayOfHtmlElements,
+  isArrayOfHtmlStrings, isComment, isCommentOrTextNode, isHtmlString, isModal, isNode, isNonEmptyString,
+  isText, isVisible, isWritable, listeners, logTime, maybe, pad0, PopupFactory, randomNr, randomString,
+  resolveEventTypeParameter, setData, styleFactory, systemLog, tagFNFactory, tagLib, toCamelcase,
+  toDashedNotation, truncate2SingleStr, truncateHtmlStr, ucFirst,
 };
 
-function pad0(nr, n=2) {
-  return `${nr}`.padStart(n, `0`);
+function checkProp(prop) {
+  return prop.startsWith(`data`) || ATTRS.html.find(attr => prop.toLowerCase() === attr);
 }
 
-function randomNr(max, min = 0) {
-  [max, min] = [Math.floor(max), Math.ceil(min)];
-  return Math.floor( ([...crypto.getRandomValues(new Uint32Array(1))].shift() / 2 ** 32 ) * (max - min + 1) + min );
+function emptyElement(el) {
+  return el && (el.textContent = "");
+}
+
+function findParentScrollDistance(node, distance = 0, top = true) {
+  node = node?.parentElement;
+  const what = top ? `scrollTop` : `scrollLeft`;
+  distance += node ? node[what] : 0;
+  return !node ? distance : findParentScrollDistance(node, distance, top);
 }
 
 function isNonEmptyString(str, minlen = 1) {
@@ -44,70 +55,18 @@ function isNonEmptyString(str, minlen = 1) {
   return IS(str, String) && str.length >= minlen;
 }
 
-function resolveEventTypeParameter (maybeTypes) {
-  maybeTypes = IS(maybeTypes, String) && /,/.test(maybeTypes) ? maybeTypes.split(`,`) : maybeTypes;
-  return IS(maybeTypes, Array)
-    ? maybeTypes.filter(t => isNonEmptyString(t)).map(t => t.trim().toLowerCase())
-    : IS(maybeTypes, String) && maybeTypes?.trim().toLowerCase() || ``;
-}
-
-function loop(instance, callback) {
-  const cleanCollection = instance.collection.filter(el => !isCommentOrTextNode(el));
-  for (let i = 0; i < cleanCollection.length; i += 1) {
-    callback(cleanCollection[i], i);
-  }
-
-  return instance;
-}
-
-function shuffle(array) {
-  let i = array.length;
-  while (i--) {
-    const ri = randomNr(i);
-    [array[i], array[ri]] = [array[ri], array[i]];
-  }
-  return array;
-}
-
-function truncateHtmlStr(str, maxLength = 120) {
- return `${str}`
-   .trim()
-   .slice(0, maxLength)
-   .replace(/>\s+</g, `><`)
-   .replace(/</g, `&lt;`)
-   .replace(/\s{2,}/g, ` `)
-   .replace(/\n/g, `\\n`) + (str.length > maxLength ? ` &hellip;` : ``).trim();
-}
-
-function toDashedNotation(str2Convert) {
-  return str2Convert.replace(/[A-Z]/g, a => `-${a.toLowerCase()}`).replace(/^-|-$/, ``);
-}
-
-function ucFirst([first, ...theRest]) {
-  return `${first.toUpperCase()}${theRest.join(``)}`;
-}
-
-function toCamelcase(str2Convert) {
-  return IS(str2Convert, String)
-    ? str2Convert.toLowerCase()
-      .split(`-`)
-      .map( (str, i) => i && `${ucFirst(str)}` || str)
-      .join(``)
-    : str2Convert;
-}
-
-function randomString() {
-  return `_${shuffle(characters4RandomString).slice(0, 8).join(``)}`;
-}
-
 function truncate2SingleStr(str, maxLength = 120) {
   return truncateHtmlStr(str, maxLength).replace(/&lt;/g, `<`);
 }
 
-function logTime() {
-  return ((d) =>
-    `[${pad0(d.getHours())}:${pad0(d.getMinutes())}:${
-      pad0(d.getSeconds())}.${pad0(d.getMilliseconds(), 3)}]`)(new Date());
+function truncateHtmlStr(str, maxLength = 120) {
+  return `${str}`
+    .trim()
+    .slice(0, maxLength)
+    .replace(/>\s+</g, `><`)
+    .replace(/</g, `&lt;`)
+    .replace(/\s{2,}/g, ` `)
+    .replace(/\n/g, `\\n`) + (str.length > maxLength ? ` &hellip;` : ``).trim();
 }
 
 function escHtml(html) {
@@ -120,39 +79,72 @@ function escHtml(html) {
   }
 }
 
-function isCommentOrTextNode(node) {
-  return IS(node, Comment, Text);
-}
-
-function isNode(input) {
-  return IS(input, Text, HTMLElement, Comment)
-}
-
-function isComment(input) {
-  IS(input, Comment);
-}
-
-function isText(input) {
-  return IS(input, Text);
+/* private */
+function decodeForConsole(something) {
+  return IS(something, String) &&
+    Object.assign(
+      document.createElement(`textarea`),
+      {innerHTML: something}).textContent || something;
 }
 
-function isHtmlString(input) {
-  return IS(input, String) && /^<|>$/.test(`${input}`.trim());
+function systemLogFactory() {
+  let on = false;
+  const backLog = [];
+  const systemLogger = {
+    get on() { on = true; return systemLogger; },
+    get off() { on = false; return systemLogger; },
+    get backLog() { return backLog; },
+  };
+  
+  function error(...args) {
+    backLog.unshift(...args.map(arg => `${logTime()} ⨻ ${decodeForConsole(arg)}`));
+    console.error(backLog.slice(0, args.length).join(`\n`));
+    return systemLogger;
+  }
+  
+  function log(...args) {
+    backLog.unshift(...args.map(arg => `${logTime()} ✔ ${decodeForConsole(arg)}`));
+    switch(on) {
+      case true: console.log(backLog.slice(0, args.length).join(`\n`));
+      default: return systemLogger;
+    }
+  }
+  
+  Object.defineProperties(systemLogger, {
+    log: {value: log, enumerable: false},
+    error: {value: error, enumerable: false},
+  });
+  
+  return Object.freeze(systemLogger);
 }
 
-function isArrayOfHtmlElements(input) {
-  return IS(input, Array) && !input?.find(el => !isNode(el));
+function logTime() {
+  return ((d) =>
+    `[${pad0(d.getHours())}:${pad0(d.getMinutes())}:${
+      pad0(d.getSeconds())}.${pad0(d.getMilliseconds(), 3)}]`)(new Date());
 }
 
-function isArrayOfHtmlStrings(input) {
-  return IS(input, Array) && !input?.find(s => !isHtmlString(s));
+function assignAttrValues(el, keyValuePairs) {
+  if (el) {
+    for (let [key, value] of Object.entries(keyValuePairs)) {
+      key = toDashedNotation(key);
+      if (key.startsWith(`data`)) {
+        return setData(el, value);
+      }
+      
+      if (IS(value, String) && checkProp(key)) {
+        el.setAttribute(key, value.split(/[, ]/)?.join(` `));
+      }
+    }
+  }
 }
 
-function ElemArray2HtmlString(elems) {
-  return elems?.filter(el => el).reduce((acc, el) =>
-    acc.concat(isComment(el) ? `<!--${el.data}-->`
-      : isCommentOrTextNode(el) ?  el.textContent
-        : el.outerHTML), ``);
+function setData(el, keyValuePairs) {
+  if (el && IS(keyValuePairs, Object)) {
+    for (const [key, value] of Object.entries(keyValuePairs)) {
+      el.setAttribute(`data-${toDashedNotation(key)}`, value);
+    }
+  }
 }
 
 function input2Collection(input) {
@@ -164,31 +156,40 @@ function input2Collection(input) {
             : input.isJQx ? input.collection : undefined;
 }
 
-function setCollectionFromCssSelector(input, root, self) {
-  const selectorRoot = root !== document.body && (IS(input, String) && input.toLowerCase() !== "body") ? root : document;
-  let errorStr = undefined;
+function after(instance, elem2AddAfter) {
+  return instance.andThen(elem2AddAfter);
+}
+
+function before (instance, elem2AddBefore) {
+  return instance.andThen(elem2AddBefore, true);
+}
 
-  try { self.collection = [...selectorRoot.querySelectorAll(input)]; }
-  catch (err) { errorStr = `Invalid CSS querySelector. [${!IS(input, String) ? `Nothing valid given!` : input}]`; }
-  const collectionLen = self.collection.length;
-  return collectionLen < 1
-    ? `CSS querySelector "${input}", output: nothing`
-    : errorStr ?? `CSS querySelector "${input}", output ${collectionLen} element${collectionLen > 1 ? `s` : ``}`;
+function isNode(input) {
+  return IS(input, Text, HTMLElement, Comment)
 }
 
-function  addHandlerId(instance) {
-  const handleId = instance.data.get(`hid`) || `HID${randomString()}`;
-  instance.data.add({hid: handleId});
-  return `[data-hid="${handleId}"]`;
+function applyStyle(el, rules) {
+  if (IS(rules, Object)) {
+    for (let [key, value] of Object.entries(rules)) {
+      let priority;
+      if (/!important/i.test(value)) {
+        value = value.slice(0, value.indexOf(`!`)).trim();
+        priority = 'important';
+      }
+      
+      el.style.setProperty(toDashedNotation(key), value, priority)
+    }
+  }
 }
 
-function selectedFactoryHelpers() {
-  return {
-    isCommentOrTextNode, isNode, isComment, isText, isHtmlString, isArrayOfHtmlElements,
-    isArrayOfHtmlStrings, ElemArray2HtmlString, input2Collection, setCollectionFromCssSelector,
-    addHandlerId, cssRuleEdit: styleFactory({createWithId: `JQxStylesheet`}) };
+function cloneAndDestroy(elem) {
+  const cloned = elem.cloneNode(true)
+  cloned.removeAttribute && cloned.removeAttribute(`id`);
+  elem.isConnected ? elem.remove() : elem = null;
+  return cloned;
 }
 
+
 function isVisible(el) {
   if (!el) { return undefined; }
   const elStyle = el.style;
@@ -205,169 +206,85 @@ function isWritable(elem) {
   return [...elem.parentNode.querySelectorAll(`:is(:read-write)`)]?.find(el => el === elem) ?? false;
 }
 
-function isModal(elem) {
-  return [...elem.parentNode.querySelectorAll(`:is(:modal)`)]?.find(el => el === elem) ?? false;
+function ElemArray2HtmlString(elems) {
+  return elems?.filter(el => el).reduce((acc, el) =>
+    acc.concat(isComment(el) ? `<!--${el.data}-->`
+      : isCommentOrTextNode(el) ?  el.textContent
+        : el.outerHTML), ``);
 }
 
-function ExamineElementFeatureFactory() {
-  const notApplicable = `n/a`;
-  const noElements = Object.freeze({
-    notInDOM: true, writable: notApplicable, modal: notApplicable, empty: true,
-    open: notApplicable, visible: notApplicable, });
-
-  return self => {
-    const firstElem = self.node;
-
-    return IS(firstElem, Node)
-      ? Object.freeze({
-        get writable() {
-          return isWritable(firstElem);
-        },
-        get modal() {
-          return isModal(firstElem);
-        },
-        get inDOM() {
-          return firstElem.isConnected;
-        },
-        get open() {
-          return firstElem.open ?? false;
-        },
-        get visible() {
-          return isVisible(firstElem);
-        },
-        get disabled() {
-          return firstElem.hasAttribute("readonly") || firstElem.hasAttribute("disabled");
-        },
-        get empty() {
-          return self.collection.length < 1;
-        },
-        get virtual() {
-          return self.isVirtual;
-        }
-      })
-      : noElements;
-  };
+/* private */
+function pad0(nr, n=2) {
+  return `${nr}`.padStart(n, `0`);
 }
 
-function decodeForConsole(something) {
-  return IS(something, String) &&
-    Object.assign(
-      document.createElement(`textarea`),
-      {innerHTML: something}).textContent || something;
+function randomNr(max, min = 0) {
+  [max, min] = [Math.floor(max), Math.ceil(min)];
+  return Math.floor( ([...crypto.getRandomValues(new Uint32Array(1))].shift() / 2 ** 32 ) * (max - min + 1) + min );
 }
 
-function systemLogFactory() {
-  let on = false;
-  const backLog = [];
-  const systemLogger = {
-    get on() { on = true; return systemLogger; },
-    get off() { on = false; return systemLogger; },
-    get backLog() { return backLog; },
-  };
-
-  function error(...args) {
-    backLog.unshift(...args.map(arg => `${logTime()} ⨻ ${decodeForConsole(arg)}`));
-    console.error(backLog.slice(0, args.length).join(`\n`));
-    return systemLogger;
-  }
-
-  function log(...args) {
-    backLog.unshift(...args.map(arg => `${logTime()} ✔ ${decodeForConsole(arg)}`));
-    switch(on) {
-      case true: console.log(backLog.slice(0, args.length).join(`\n`));
-      default: return systemLogger;
-    }
-  }
-
-  Object.defineProperties(systemLogger, {
-    log: {value: log, enumerable: false},
-    error: {value: error, enumerable: false},
-  });
+function randomString() {
+  return `_${shuffle(characters4RandomString).slice(0, 8).join(``)}`;
+}
 
-  return Object.freeze(systemLogger);
+function resolveEventTypeParameter (maybeTypes) {
+  maybeTypes = IS(maybeTypes, String) && /,/.test(maybeTypes) ? maybeTypes.split(`,`) : maybeTypes;
+  return IS(maybeTypes, Array)
+    ? maybeTypes.filter(t => isNonEmptyString(t)).map(t => t.trim().toLowerCase())
+    : IS(maybeTypes, String) && maybeTypes?.trim().toLowerCase() || ``;
 }
 
-function cloneAndDestroy(elem) {
-  const cloned = elem.cloneNode(true)
-  cloned.removeAttribute && cloned.removeAttribute(`id`);
-  elem.isConnected ? elem.remove() : elem = null;
-  return cloned;
+function isModal(elem) {
+  return [...elem.parentNode.querySelectorAll(`:is(:modal)`)]?.find(el => el === elem) ?? false;
 }
 
-function setData(el, keyValuePairs) {
-  if (el && IS(keyValuePairs, Object)) {
-    for (const [key, value] of Object.entries(keyValuePairs)) {
-      el.setAttribute(`data-${toDashedNotation(key)}`, value);
-    }
+/* private */
+function shuffle(array) {
+  let i = array.length;
+  while (i--) {
+    const ri = randomNr(i);
+    [array[i], array[ri]] = [array[ri], array[i]];
   }
+  return array;
 }
 
-function before (instance, elem2AddBefore) {
-  return instance.andThen(elem2AddBefore, true);
+function toCamelcase(str2Convert) {
+  return IS(str2Convert, String)
+    ? str2Convert.toLowerCase()
+      .split(`-`)
+      .map( (str, i) => i && `${ucFirst(str)}` || str)
+      .join(``)
+    : str2Convert;
 }
 
-function after(instance, elem2AddAfter) {
-  return instance.andThen(elem2AddAfter);
+function toDashedNotation(str2Convert) {
+  return str2Convert.replace(/[A-Z]/g, a => `-${a.toLowerCase()}`).replace(/^-|-$/, ``);
 }
 
-function findParentScrollDistance(node, distance = 0, top = true) {
-  node = node?.parentElement;
-  const what = top ? `scrollTop` : `scrollLeft`;
-  distance += node ? node[what] : 0;
-  return !node ? distance : findParentScrollDistance(node, distance, top);
+function ucFirst([first, ...theRest]) {
+  return `${first.toUpperCase()}${theRest.join(``)}`;
 }
 
-function emptyElement(el) {
-  return el && (el.textContent = "");
+function isCommentOrTextNode(node) {
+  return IS(node, Comment, Text);
 }
 
-function checkProp(prop) {
-  return prop.startsWith(`data`) || ATTRS.html.find(attr => prop.toLowerCase() === attr);
+function isComment(input) {
+  IS(input, Comment);
 }
 
-function css(el, keyOrKvPairs, value, jqx) {
-  if (value && IS(keyOrKvPairs, String)) {
-    keyOrKvPairs = {[keyOrKvPairs]: value === "-" ? "" : value};
-  }
-
-  let nwClass = undefined;
-
-  if (keyOrKvPairs.className) {
-    nwClass = keyOrKvPairs.className;
-    delete keyOrKvPairs.className;
-  }
-
-  const classExists = ([...el.classList].find(c => c.startsWith(`JQxClass-`) || nwClass && c === nwClass));
-  nwClass = classExists || nwClass || `JQxClass-${randomString().slice(1)}`;
-  jqx.editCssRule(`.${nwClass}`, keyOrKvPairs);
-  el.classList.add(nwClass);
+function isText(input) {
+  return IS(input, Text);
 }
 
-function assignAttrValues(/*NODOC*/el, keyValuePairs) {
-  if (el) {
-    for (let [key, value] of Object.entries(keyValuePairs)) {
-      key = toDashedNotation(key);
-      if (key.startsWith(`data`)) {
-        return setData(el, value);
-      }
-
-      if (IS(value, String) && checkProp(key)) {
-        el.setAttribute(key, value.split(/[, ]/)?.join(` `));
-      }
-    }
-  }
+function isHtmlString(input) {
+  return IS(input, String) && /^<|>$/.test(`${input}`.trim());
 }
 
-function applyStyle(el, rules) {
-  if (IS(rules, Object)) {
-    for (let [key, value] of Object.entries(rules)) {
-      let priority;
-      if (/!important/i.test(value)) {
-        value = value.slice(0, value.indexOf(`!`)).trim();
-        priority = 'important';
-      }
+function isArrayOfHtmlElements(input) {
+  return IS(input, Array) && !input?.find(el => !isNode(el));
+}
 
-      el.style.setProperty(toDashedNotation(key), value, priority)
-    }
-  }
+function isArrayOfHtmlStrings(input) {
+  return IS(input, Array) && !input?.find(s => !isHtmlString(s));
 }

package/{src → Resource/Common}/tinyDOM.js

@@ -1,9 +1,8 @@
 // JQx adapted from https://github.com/KooiInc/tinyDOM
 import { IS, maybe } from "./Utilities.js";
-const defaultTinyDOM = tinyDOM();
 const converts = { html: `innerHTML`, text: `textContent`,  class: `className` };
 
-export default defaultTinyDOM;
+export default tinyDOM();
 
 function tinyDOM() {
   const tinyDOMProxyGetter = { get(obj, key) {

package/index.js

@@ -2,82 +2,5 @@
   This code is classfree object oriented. No this. No prototype. No class.
   Inspired by Douglas Crockford (see https://youtu.be/XFTOG895C7c?t=2562)
 */
-
-import { proxify, addJQxStaticMethods } from "./src/JQxFactory.js";
-import { inject2DOMTree, createElementFromHtmlString } from "./src/DOM.js";
-import {
-  isHtmlString, truncateHtmlStr, isArrayOfHtmlStrings, isArrayOfHtmlElements,
-  ElemArray2HtmlString, input2Collection, setCollectionFromCssSelector,
-  IS, systemLog, insertPositions } from "./src/Utilities.js";
-
-export default addJQxStaticMethods(JQxFactory());
-
-function JQxFactory() {
-  const logLineLength = 70;
-
-  return function JQx(input, root, position = insertPositions.BeforeEnd) {
-    if (input?.isJQx) { return input; }
-    const isVirtual = IS(root, HTMLBRElement);
-    root = (!isVirtual && root && root.isJQx ? root[0] : root) || document.body;
-    position = position && Object.values(insertPositions).find(pos => position === pos) ? position : undefined;
-    const isRawHtml = isHtmlString(input);
-    const isRawHtmlArray = !isRawHtml && isArrayOfHtmlStrings(input);
-    const shouldCreateElements = isRawHtmlArray || isRawHtml;
-
-    let instance = {
-      collection: input2Collection(input) ?? [],
-      isVirtual,
-      isJQx: true,
-    };
-
-    const isRawElemCollection = isArrayOfHtmlElements(instance.collection);
-
-    const logStr = `JQx: input => ${
-      isRawHtmlArray
-        ? `"${truncateHtmlStr(input.join(`, `), logLineLength)}"`
-        : !shouldCreateElements && isRawElemCollection ? `element collection [${
-            truncateHtmlStr( instance.collection.map(el => `${
-              IS(el, Comment, Text) ? `Comment|Text @` : ``} ${
-                el?.outerHTML || el?.textContent}`).join(`, `), logLineLength)}]`
-          : `"${truncateHtmlStr(input, logLineLength)}"`}`;
-
-    if (instance.collection.length && isRawElemCollection) {
-      systemLog.log(logStr);
-
-      if (!isVirtual) {
-        instance.collection.forEach(el => {
-          if (!root.contains(el)) {
-            inject2DOMTree([el], root, position);
-          }
-        });
-      }
-
-      return proxify(instance);
-    }
-
-    if (shouldCreateElements) {
-      [input].flat().forEach(htmlStringOrComment =>
-        instance.collection.push(createElementFromHtmlString(htmlStringOrComment)));
-
-      if (instance.collection.length > 0) {
-        const errors = instance.collection.filter( el => el?.dataset?.jqxcreationerror );
-        instance.collection = instance.collection.filter(el => !el?.dataset?.jqxcreationerror);
-
-        systemLog.log(`${logStr}`);
-        systemLog.log(`JQx: created ${instance.isVirtual ? `VIRTUAL ` : ``}[${
-          truncateHtmlStr(ElemArray2HtmlString(instance.collection).trim() ||
-            "sanitized: no elements remaining", logLineLength)}]`);
-
-        if (!instance.isVirtual) {
-          inject2DOMTree(instance.collection, root, position);
-        }
-      }
-
-      return proxify(instance);
-    }
-
-    const forLog = setCollectionFromCssSelector(input, root, instance);
-    systemLog.log(`JQx: input => ${forLog}`);
-    return proxify(instance);
-  }
-}
+import JQx from "./src/JQxConstructorFactory.js";
+export default JQx;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jqx-es",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "private": false,
   "type": "module",
   "description": "JQuery alike with a few twists",