@vaadin/component-base 23.1.0-rc3 → 23.2.0-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "23.1.0-rc3",
+  "version": "23.2.0-alpha1",
   "publishConfig": {
     "access": "public"
   },
@@ -42,5 +42,5 @@
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "49c312fbe0228adb559296d45655bbfd4eac6235"
+  "gitHead": "f226a2976c270d3d53c824f6e0a740a5d3382d91"
 }

package/src/controller-mixin.js

@@ -5,6 +5,11 @@
  */
 import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
+/**
+ * @typedef ReactiveController
+ * @type {import('lit').ReactiveController}
+ */
+
 /**
  * A mixin for connecting controllers to the element.
  *
@@ -17,7 +22,7 @@ export const ControllerMixin = dedupingMixin(
         super();
 
         /**
-         * @type {Set<import('lit').ReactiveController>}
+         * @type {Set<ReactiveController>}
          */
         this.__controllers = new Set();
       }
@@ -47,7 +52,7 @@ export const ControllerMixin = dedupingMixin(
       /**
        * Registers a controller to participate in the element update cycle.
        *
-       * @param {import('lit').ReactiveController} controller
+       * @param {ReactiveController} controller
        * @protected
        */
       addController(controller) {
@@ -61,7 +66,7 @@ export const ControllerMixin = dedupingMixin(
       /**
        * Removes a controller from the element.
        *
-       * @param {import('lit').ReactiveController} controller
+       * @param {ReactiveController} controller
        * @protected
        */
       removeController(controller) {

package/src/element-mixin.js

@@ -39,7 +39,7 @@ const registered = new Set();
 export const ElementMixin = (superClass) =>
   class VaadinElementMixin extends DirMixin(superClass) {
     static get version() {
-      return '23.1.0-rc3';
+      return '23.2.0-alpha1';
     }
 
     /** @protected */

package/src/slot-controller.js

@@ -3,8 +3,8 @@
  * Copyright (c) 2021 - 2022 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-import { dashToCamelCase } from '@polymer/polymer/lib/utils/case-map.js';
 import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
+import { generateUniqueId } from './unique-id-utils.js';
 
 /**
  * A controller for providing content to slot element and observing changes.
@@ -20,14 +20,7 @@ export class SlotController extends EventTarget {
    */
   static generateId(slotName, host) {
     const prefix = slotName || 'default';
-
-    // Support dash-case slot names e.g. "error-message"
-    const field = `${dashToCamelCase(prefix)}Id`;
-
-    // Maintain the unique ID counter for a given prefix.
-    this[field] = 1 + this[field] || 0;
-
-    return `${prefix}-${host.localName}-${this[field]}`;
+    return `${prefix}-${host.localName}-${generateUniqueId()}`;
   }
 
   constructor(host, slotName, slotFactory, slotInitializer) {

package/src/unique-id-utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * Resets the unique id counter.
+ */
+export function resetUniqueId(): void;
+
+/**
+ * Returns a unique integer id.
+ */
+export function generateUniqueId(): number;

package/src/unique-id-utils.js

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright (c) 2021 - 2022 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+let uniqueId = 0;
+
+/**
+ * Resets the unique id counter.
+ *
+ * @return {void}
+ */
+export function resetUniqueId() {
+  uniqueId = 0;
+}
+
+/**
+ * Returns a unique integer id.
+ *
+ * @return {number}
+ */
+export function generateUniqueId() {
+  // eslint-disable-next-line no-plusplus
+  return uniqueId++;
+}