@vonage/vivid 3.0.0-next.43 → 3.0.0-next.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid",
-  "version": "3.0.0-next.43",
+  "version": "3.0.0-next.44",
   "type": "module",
   "module": "./index.esm.js",
   "main": "./index.js",

package/popup/index.js

@@ -1944,27 +1944,35 @@ class Popup extends FoundationElement {
     this.arrow = false;
     this.alternate = false;
     this.placement = 'left';
+
+    _Popup_handleKeydown.set(this, event => {
+      if (event.key === keyEscape) {
+        this.open = false;
+      }
+    });
   }
 
   disconnectedCallback() {
     var _a, _b;
 
     super.disconnectedCallback();
-    (_a = __classPrivateFieldGet(this, _Popup_anchorEl, "f")) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', e => __classPrivateFieldGet(this, _Popup_instances, "m", _Popup_handleKeydown).call(this, e));
+    (_a = __classPrivateFieldGet(this, _Popup_anchorEl, "f")) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', __classPrivateFieldGet(this, _Popup_handleKeydown, "f"));
     (_b = __classPrivateFieldGet(this, _Popup_cleanup, "f")) === null || _b === void 0 ? void 0 : _b.call(this);
   }
 
   attributeChangedCallback(name, oldValue, newValue) {
-    var _a, _b;
+    var _a, _b, _c;
 
     super.attributeChangedCallback(name, oldValue, newValue);
 
     switch (name) {
       case 'anchor':
         {
+          (_a = __classPrivateFieldGet(this, _Popup_anchorEl, "f")) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', __classPrivateFieldGet(this, _Popup_handleKeydown, "f"));
+
           __classPrivateFieldSet(this, _Popup_anchorEl, __classPrivateFieldGet(this, _Popup_instances, "m", _Popup_getAnchorById).call(this), "f");
 
-          (_a = __classPrivateFieldGet(this, _Popup_anchorEl, "f")) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', e => __classPrivateFieldGet(this, _Popup_instances, "m", _Popup_handleKeydown).call(this, e));
+          (_b = __classPrivateFieldGet(this, _Popup_anchorEl, "f")) === null || _b === void 0 ? void 0 : _b.addEventListener('keydown', __classPrivateFieldGet(this, _Popup_handleKeydown, "f"));
           break;
         }
     }
@@ -1972,7 +1980,7 @@ class Popup extends FoundationElement {
     if (__classPrivateFieldGet(this, _Popup_anchorEl, "f") && this.popupEl) {
       __classPrivateFieldSet(this, _Popup_cleanup, autoUpdate(__classPrivateFieldGet(this, _Popup_anchorEl, "f"), this.popupEl, () => this.updatePosition()), "f");
     } else {
-      (_b = __classPrivateFieldGet(this, _Popup_cleanup, "f")) === null || _b === void 0 ? void 0 : _b.call(this);
+      (_c = __classPrivateFieldGet(this, _Popup_cleanup, "f")) === null || _c === void 0 ? void 0 : _c.call(this);
     }
   }
 
@@ -1995,7 +2003,7 @@ class Popup extends FoundationElement {
   }
 
 }
-_Popup_cleanup = new WeakMap(), _Popup_anchorEl = new WeakMap(), _Popup_instances = new WeakSet(), _Popup_arrowPosition_get = function _Popup_arrowPosition_get() {
+_Popup_cleanup = new WeakMap(), _Popup_anchorEl = new WeakMap(), _Popup_handleKeydown = new WeakMap(), _Popup_instances = new WeakSet(), _Popup_arrowPosition_get = function _Popup_arrowPosition_get() {
   return {
     top: 'bottom',
     right: 'left',
@@ -2049,12 +2057,6 @@ _Popup_cleanup = new WeakMap(), _Popup_anchorEl = new WeakMap(), _Popup_instance
   });
 }, _Popup_getAnchorById = function _Popup_getAnchorById() {
   return document.getElementById(this.anchor);
-}, _Popup_handleKeydown = function _Popup_handleKeydown({
-  key
-}) {
-  if (key === keyEscape) {
-    this.open = false;
-  }
 };
 
 __decorate([attr({

package/progress-ring/index.js

@@ -22,7 +22,7 @@ const getClasses = ({
   connotation,
   density,
   paused
-}) => classNames('base', ['disabled', !!paused], [`connotation-${connotation}`, !!connotation], [`density-${(density ? Number(density) : 0) + 9}`, !!density]);
+}) => classNames('base', ['disabled', !!paused], [`connotation-${connotation}`, !!connotation], [`density-${(density ? Number(density) : 0) + 10}`, !!density]);
 
 const progressSegments = 44;
 const ProgressRingTemplate = _ => html(_t || (_t = _2`