domql 1.5.130 → 1.5.132

package/package.json

@@ -2,7 +2,7 @@
   "name": "domql",
   "description": "DOM rendering Javascript framework at early stage.",
   "author": "symbo.ls",
-  "version": "1.5.130",
+  "version": "1.5.132",
   "repository": "https://github.com/domql/domql",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

package/packages/router/dist/cjs/index.js

@@ -0,0 +1,81 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var router_exports = {};
+__export(router_exports, {
+  getActiveRoute: () => getActiveRoute,
+  lastLevel: () => lastLevel,
+  router: () => router
+});
+module.exports = __toCommonJS(router_exports);
+var import_globals = require("@domql/globals");
+var import_utils = require("@domql/utils");
+const getActiveRoute = (route = import_globals.window.location.pathname, level) => `/${route.split("/")[level + 1]}`;
+let lastLevel = 0;
+const defaultOptions = {
+  level: lastLevel,
+  pushState: true,
+  scrollToTop: true,
+  scrollToNode: false,
+  scrollDocument: false,
+  useFragment: false,
+  updateState: true,
+  scrollToOffset: 0,
+  scrollToOptions: { behavior: "smooth" }
+};
+const router = (element, path, state = {}, options = defaultOptions) => {
+  (0, import_utils.merge)(options, defaultOptions);
+  lastLevel = options.lastLevel;
+  const [pathname, hash] = path.split("#");
+  const route = getActiveRoute(pathname, options.level);
+  const content = element.routes[route] || element.routes["/*"];
+  if (content) {
+    if (options.pushState)
+      import_globals.window.history.pushState(state, null, pathname + (hash ? `#${hash}` : ""));
+    element.set({ tag: options.useFragment && "fragment", extend: content });
+    if (options.updateState)
+      element.state.update({ route, hash }, { preventContentUpdate: !options.stateContentUpdate });
+    const rootNode = element.node;
+    const scrollNode = options.scrollDocument ? document.documentElement : rootNode;
+    if (options.scrollToTop) {
+      scrollNode.scrollTo({
+        ...options.scrollToOptions || {},
+        top: 0,
+        left: 0
+      });
+    }
+    if (options.scrollToNode) {
+      content.content.node.scrollTo({
+        ...options.scrollToOptions || {},
+        top: 0,
+        left: 0
+      });
+    }
+    if (hash) {
+      const activeNode = document.getElementById(hash);
+      if (activeNode) {
+        const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - options.scrollToOffset || 0;
+        scrollNode.scrollTo({
+          ...options.scrollToOptions || {},
+          top,
+          left: 0
+        });
+      }
+    }
+  }
+};

package/packages/router/dist/cjs/package.json

@@ -0,0 +1,4 @@
+{
+  "type": "commonjs",
+  "main": "index.js"
+}

package/src/element/iterate.js

@@ -23,9 +23,7 @@ export const applyEvents = element => {
 
     const appliedFunction = element.on[param]
     if (isFunction(appliedFunction)) {
-      node.addEventListener(param, event =>
-        appliedFunction(event, element, element.state, element.context),
-      true)
+      node.addEventListener(param, event => appliedFunction(event, element, element.state, element.context))
     }
   }
 }

package/src/element/node.js

@@ -39,7 +39,7 @@ export const createNode = (element, options) => {
 
   // node.dataset // .key = element.key
 
-  if (ENV === 'test' || ENV === 'development') {
+  if (ENV === 'test' || ENV === 'development' || options.alowRefReference) {
     node.ref = element
     if (isFunction(node.setAttribute)) node.setAttribute('key', element.key)
   }