@domql/element 3.0.4 → 3.0.6

package/create.js

@@ -16,7 +16,6 @@ import {
   OPTIONS,
   initProps,
   createIfConditionFlag,
-  deepClone,
   createRoot
 } from '@domql/utils'
 

package/dist/cjs/mixins/classList.js

@@ -29,9 +29,9 @@ module.exports = __toCommonJS(classList_exports);
 var import_utils = require("@domql/utils");
 const assignKeyAsClassname = (element) => {
   const { key } = element;
-  if (element.class === true) element.class = key;
-  else if (!element.class && typeof key === "string" && key.charAt(0) === "_" && key.charAt(1) !== "_") {
-    element.class = key.slice(1);
+  if (element.classlist === true) element.classlist = key;
+  else if (!element.classlist && typeof key === "string" && key.charAt(0) === "_" && key.charAt(1) !== "_") {
+    element.classlist = key.slice(1);
   }
 };
 const classify = (obj, element) => {
@@ -49,11 +49,10 @@ const classify = (obj, element) => {
 const classList = (params, element) => {
   if (!params) return;
   const { key } = element;
-  if (params === true) params = element.class = { key };
-  if ((0, import_utils.isString)(params)) params = element.class = { default: params };
+  if (params === true) params = element.classlist = { key };
+  if ((0, import_utils.isString)(params)) params = element.classlist = { default: params };
   if ((0, import_utils.isObject)(params)) params = classify(params, element);
   const className = params.replace(/\s+/g, " ").trim();
-  if (element.ref) element.ref.class = className;
   return className;
 };
 const applyClassListOnNode = (params, element, node) => {

package/dist/cjs/mixins/registry.js

@@ -42,11 +42,11 @@ var import_style = __toESM(require("./style.js"), 1);
 var import_text = __toESM(require("./text.js"), 1);
 const REGISTRY = {
   attr: import_attr.default,
-  style: import_style.default,
+  styles: import_style.default,
   text: import_text.default,
   html: import_html.default,
   data: import_data.default,
-  class: import_classList.classList,
+  classlist: import_classList.classList,
   state: import_state.default,
   scope: import_scope.default,
   deps: (param, el) => param || el.parent.deps,

package/dist/cjs/set.js

@@ -77,7 +77,7 @@ const updateContent = async function(params, opts) {
 async function setContent(param, element, opts) {
   const content = await (0, import_utils.execPromise)(param, element);
   if (content && element) {
-    set.call(element, content, opts);
+    await set.call(element, content, opts);
   }
 }
 const removeContent = function(el, opts = {}) {

package/dist/esm/create.js

@@ -13,7 +13,6 @@ import {
   OPTIONS,
   initProps,
   createIfConditionFlag,
-  deepClone,
   createRoot
 } from "@domql/utils";
 import { applyAnimationFrame, triggerEventOn } from "@domql/event";

package/dist/esm/mixins/classList.js

@@ -1,9 +1,9 @@
 import { exec, isObject, isString } from "@domql/utils";
 const assignKeyAsClassname = (element) => {
   const { key } = element;
-  if (element.class === true) element.class = key;
-  else if (!element.class && typeof key === "string" && key.charAt(0) === "_" && key.charAt(1) !== "_") {
-    element.class = key.slice(1);
+  if (element.classlist === true) element.classlist = key;
+  else if (!element.classlist && typeof key === "string" && key.charAt(0) === "_" && key.charAt(1) !== "_") {
+    element.classlist = key.slice(1);
   }
 };
 const classify = (obj, element) => {
@@ -21,11 +21,10 @@ const classify = (obj, element) => {
 const classList = (params, element) => {
   if (!params) return;
   const { key } = element;
-  if (params === true) params = element.class = { key };
-  if (isString(params)) params = element.class = { default: params };
+  if (params === true) params = element.classlist = { key };
+  if (isString(params)) params = element.classlist = { default: params };
   if (isObject(params)) params = classify(params, element);
   const className = params.replace(/\s+/g, " ").trim();
-  if (element.ref) element.ref.class = className;
   return className;
 };
 const applyClassListOnNode = (params, element, node) => {

package/dist/esm/mixins/registry.js

@@ -4,15 +4,15 @@ import data from "./data.js";
 import html from "./html.js";
 import scope from "./scope.js";
 import state from "./state.js";
-import style from "./style.js";
+import styles from "./style.js";
 import text from "./text.js";
 const REGISTRY = {
   attr,
-  style,
+  styles,
   text,
   html,
   data,
-  class: classList,
+  classlist: classList,
   state,
   scope,
   deps: (param, el) => param || el.parent.deps,

package/dist/esm/set.js

@@ -47,7 +47,7 @@ const updateContent = async function(params, opts) {
 async function setContent(param, element, opts) {
   const content = await execPromise(param, element);
   if (content && element) {
-    set.call(element, content, opts);
+    await set.call(element, content, opts);
   }
 }
 const removeContent = function(el, opts = {}) {

package/mixins/classList.js

@@ -4,14 +4,14 @@ import { exec, isObject, isString } from '@domql/utils'
 
 export const assignKeyAsClassname = element => {
   const { key } = element
-  if (element.class === true) element.class = key
+  if (element.classlist === true) element.classlist = key
   else if (
-    !element.class &&
+    !element.classlist &&
     typeof key === 'string' &&
     key.charAt(0) === '_' &&
     key.charAt(1) !== '_'
   ) {
-    element.class = key.slice(1)
+    element.classlist = key.slice(1)
   }
 }
 
@@ -32,12 +32,11 @@ export const classify = (obj, element) => {
 export const classList = (params, element) => {
   if (!params) return
   const { key } = element
-  if (params === true) params = element.class = { key }
-  if (isString(params)) params = element.class = { default: params }
+  if (params === true) params = element.classlist = { key }
+  if (isString(params)) params = element.classlist = { default: params }
   if (isObject(params)) params = classify(params, element)
   // TODO: fails on string
   const className = params.replace(/\s+/g, ' ').trim()
-  if (element.ref) element.ref.class = className // TODO: this check is NOT needed in new DOMQL
   return className
 }
 

package/mixins/registry.js

@@ -6,16 +6,16 @@ import data from './data.js'
 import html from './html.js'
 import scope from './scope.js'
 import state from './state.js'
-import style from './style.js'
+import styles from './style.js'
 import text from './text.js'
 
 export const REGISTRY = {
   attr,
-  style,
+  styles,
   text,
   html,
   data,
-  class: classList,
+  classlist: classList,
   state,
   scope,
   deps: (param, el) => param || el.parent.deps,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "3.0.4",
+  "version": "3.0.6",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -27,13 +27,13 @@
     "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/event": "^3.0.1",
-    "@domql/render": "^3.0.1",
+    "@domql/event": "^3.0.6",
+    "@domql/render": "^3.0.6",
     "@domql/report": "^3.0.0",
-    "@domql/state": "^3.0.1",
-    "@domql/utils": "^3.0.1"
+    "@domql/state": "^3.0.6",
+    "@domql/utils": "^3.0.6"
   },
-  "gitHead": "d8c63b6532af4d9c9600a1046a27482054e19396",
+  "gitHead": "ef6f7abdb0a8cdaa28559e377bc10a12e76ef8f0",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/set.js

@@ -58,7 +58,7 @@ export async function setContent (param, element, opts) {
   const content = await execPromise(param, element)
 
   if (content && element) {
-    set.call(element, content, opts)
+    await set.call(element, content, opts)
   }
 }