@vaadin/component-base 24.1.0-alpha3 → 24.1.0-alpha5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "24.1.0-alpha3",
+  "version": "24.1.0-alpha5",
   "publishConfig": {
     "access": "public"
   },
@@ -42,5 +42,5 @@
     "@vaadin/testing-helpers": "^0.4.0",
     "sinon": "^13.0.2"
   },
-  "gitHead": "077b4a8e8fff063b9eba4581af81f9e152cb852d"
+  "gitHead": "1ab6c977fe239d94aac5f39940c1a4722ad4bb63"
 }

package/src/async.js

@@ -20,13 +20,10 @@
  * asynchronous tasks.
  */
 
-// Microtask implemented using Mutation Observer
 let microtaskCurrHandle = 0;
 let microtaskLastHandle = 0;
 const microtaskCallbacks = [];
-let microtaskNodeContent = 0;
 let microtaskScheduled = false;
-const microtaskNode = document.createTextNode('');
 
 function microtaskFlush() {
   microtaskScheduled = false;
@@ -47,8 +44,6 @@ function microtaskFlush() {
   microtaskLastHandle += len;
 }
 
-new window.MutationObserver(microtaskFlush).observe(microtaskNode, { characterData: true });
-
 /**
  * Async interface wrapper around `setTimeout`.
  *
@@ -166,12 +161,6 @@ export { idlePeriod };
 /**
  * Async interface for enqueuing callbacks that run at microtask timing.
  *
- * Note that microtask timing is achieved via a single `MutationObserver`,
- * and thus callbacks enqueued with this API will all run in a single
- * batch, and not interleaved with other microtasks such as promises.
- * Promises are avoided as an implementation choice for the time being
- * due to Safari bugs that cause Promises to lack microtask guarantees.
- *
  * @namespace
  * @summary Async interface for enqueuing callbacks that run at microtask
  *   timing.
@@ -187,8 +176,7 @@ const microTask = {
   run(callback) {
     if (!microtaskScheduled) {
       microtaskScheduled = true;
-      microtaskNode.textContent = microtaskNodeContent;
-      microtaskNodeContent += 1;
+      queueMicrotask(() => microtaskFlush());
     }
     microtaskCallbacks.push(callback);
     const result = microtaskCurrHandle;

package/src/dom-utils.d.ts

@@ -13,6 +13,16 @@
  */
 export function getAncestorRootNodes(node: Node): Node[];
 
+/**
+ * Takes a string with values separated by space and returns a set the values
+ */
+export function deserializeAttributeValue(value: string): Set<string>;
+
+/**
+ * Takes a set of string values and returns a string with values separated by space
+ */
+export function serializeAttributeValue(values: Set<string>): string;
+
 /**
  * Adds a value to an attribute containing space-delimited values.
  */

package/src/dom-utils.js

@@ -41,10 +41,12 @@ export function getAncestorRootNodes(node) {
 }
 
 /**
+ * Takes a string with values separated by space and returns a set the values
+ *
  * @param {string} value
  * @return {Set<string>}
  */
-function deserializeAttributeValue(value) {
+export function deserializeAttributeValue(value) {
   if (!value) {
     return new Set();
   }
@@ -53,11 +55,13 @@ function deserializeAttributeValue(value) {
 }
 
 /**
+ * Takes a set of string values and returns a string with values separated by space
+ *
  * @param {Set<string>} values
  * @return {string}
  */
-function serializeAttributeValue(values) {
-  return [...values].join(' ');
+export function serializeAttributeValue(values) {
+  return values ? [...values].join(' ') : '';
 }
 
 /**

package/src/element-mixin.js

@@ -45,7 +45,7 @@ const registered = new Set();
 export const ElementMixin = (superClass) =>
   class VaadinElementMixin extends DirMixin(superClass) {
     static get version() {
-      return '24.1.0-alpha3';
+      return '24.1.0-alpha5';
     }
 
     /** @protected */