@vaadin/component-base 24.2.0-alpha14 → 24.2.0-alpha16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "24.2.0-alpha14",
+  "version": "24.2.0-alpha16",
   "publishConfig": {
     "access": "public"
   },
@@ -42,5 +42,5 @@
     "@vaadin/testing-helpers": "^0.5.0",
     "sinon": "^13.0.2"
   },
-  "gitHead": "203a2fda8d879db6ee8bccd7cf5b915de3e5008b"
+  "gitHead": "133d3aeb00dedc8be975affa81c7af4b4d22acf6"
 }

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.2.0-alpha14';
+      return '24.2.0-alpha16';
     }
 
     /** @protected */

package/src/polylit-mixin.js

@@ -93,17 +93,6 @@ const PolylitMixinImplementation = (superclass) => {
 
       let result = defaultDescriptor;
 
-      if ('value' in options) {
-        // Set the default value
-        this.addCheckedInitializer((instance) => {
-          if (typeof options.value === 'function') {
-            instance[name] = options.value.call(instance);
-          } else {
-            instance[name] = options.value;
-          }
-        });
-      }
-
       if (options.sync) {
         result = {
           get: defaultDescriptor.get,
@@ -129,6 +118,10 @@ const PolylitMixinImplementation = (superclass) => {
           // This is run during construction of the element
           instance[`_set${upper(name)}`] = function (value) {
             setter.call(instance, value);
+
+            if (options.sync) {
+              this.performUpdate();
+            }
           };
         });
 
@@ -142,6 +135,19 @@ const PolylitMixinImplementation = (superclass) => {
         };
       }
 
+      if ('value' in options) {
+        // Set the default value
+        this.addCheckedInitializer((instance) => {
+          const value = typeof options.value === 'function' ? options.value.call(instance) : options.value;
+
+          if (options.readOnly) {
+            instance[`_set${upper(name)}`](value);
+          } else {
+            instance[name] = value;
+          }
+        });
+      }
+
       if (options.observer) {
         const method = options.observer;
 

package/src/tooltip-controller.d.ts

@@ -28,7 +28,7 @@ export class TooltipController extends SlotController {
    * via `aria-describedby` attribute used by screen readers.
    * When not set, defaults to `target`.
    */
-  ariaTarget: HTMLElement;
+  ariaTarget: HTMLElement | HTMLElement[];
 
   /**
    * Object with properties passed to `generator`
@@ -62,7 +62,7 @@ export class TooltipController extends SlotController {
    * Set an HTML element for linking with the tooltip overlay
    * via `aria-describedby` attribute used by screen readers.
    */
-  setAriaTarget(ariaTarget: HTMLElement): void;
+  setAriaTarget(ariaTarget: HTMLElement | HTMLElement[]): void;
 
   /**
    * Set a context object to be used by generator.

package/src/tooltip-controller.js

@@ -49,6 +49,19 @@ export class TooltipController extends SlotController {
     if (this.shouldShow !== undefined) {
       tooltipNode.shouldShow = this.shouldShow;
     }
+
+    this.__notifyChange();
+  }
+
+  /**
+   * Override to notify the host when the tooltip is removed.
+   *
+   * @param {Node} tooltipNode
+   * @protected
+   * @override
+   */
+  teardownNode() {
+    this.__notifyChange();
   }
 
   /**
@@ -145,4 +158,9 @@ export class TooltipController extends SlotController {
       tooltipNode.target = target;
     }
   }
+
+  /** @private */
+  __notifyChange() {
+    this.dispatchEvent(new CustomEvent('tooltip-changed', { detail: { node: this.node } }));
+  }
 }