dialogshift-webchat-sdk 2.9.9 → 2.10.1

package/bundles/dialogshift-webchat-sdk.umd.js

@@ -2780,16 +2780,31 @@ var ActionButtonWidget = /** @class */ (function (_super) {
                     teaserButton: true,
                 });
             });
+            this.getBoxElem().addEventListener('keydown', function (event) {
+                if (event.key === 'Enter') {
+                    _this.app.triggerElement({
+                        successor: _this.actionButton.getSuccessor(),
+                        teaserButton: true,
+                    });
+                }
+            });
         }
         if (this.actionButton.getType() === _models__WEBPACK_IMPORTED_MODULE_2__.ActionButtonType.callback) {
             this.getBoxElem().addEventListener('click', function () {
                 var callback = _this.actionButton.getCallback();
                 callback();
             });
+            this.getBoxElem().addEventListener('keydown', function (event) {
+                if (event.key === 'Enter') {
+                    var callback = _this.actionButton.getCallback();
+                    callback();
+                }
+            });
         }
     };
     ActionButtonWidget.prototype.render = function () {
         _super.prototype.render.call(this);
+        this.getBoxElem().tabIndex = 0;
         this.bindEvents();
     };
     ActionButtonWidget.prototype.getBaseCls = function () {
@@ -2853,6 +2868,11 @@ var ChatButtonWidget = /** @class */ (function (_super) {
         this.getBoxElem().addEventListener('click', function () {
             _this.toggle();
         });
+        this.getBoxElem().addEventListener('keydown', function (event) {
+            if (event.key === 'Enter') {
+                _this.toggle();
+            }
+        });
     };
     ChatButtonWidget.prototype.getBaseCls = function () {
         return _config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonCls;
@@ -2861,6 +2881,7 @@ var ChatButtonWidget = /** @class */ (function (_super) {
         var boxElem = this.getBoxElem();
         var iconContainer = document.createElement('div');
         iconContainer.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonIconContainerCls);
+        iconContainer.tabIndex = 0;
         iconContainer.innerHTML = _consts__WEBPACK_IMPORTED_MODULE_2__.iconSvg;
         boxElem.appendChild(iconContainer);
         boxElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.buttonLogoCls);
@@ -3135,9 +3156,16 @@ var HeaderCloseButtonWidget = /** @class */ (function (_super) {
         this.getBoxElem().addEventListener('click', function () {
             _this.fire('click');
         });
+        this.getBoxElem().addEventListener('keydown', function (event) {
+            if (event.key === 'Enter') {
+                _this.fire('click');
+            }
+        });
     };
     HeaderCloseButtonWidget.prototype.render = function () {
         _super.prototype.render.call(this);
+        this.getBoxElem().tabIndex = 0;
+        this.getBoxElem().ariaLabel = 'Close Chat';
         this.bindEvents();
     };
     HeaderCloseButtonWidget.prototype.getBaseCls = function () {
@@ -3508,6 +3536,8 @@ var TeaserWidget = /** @class */ (function (_super) {
     TeaserWidget.prototype.render = function () {
         this.crossElem = this.createNode();
         this.crossElem.classList.add(_config_config__WEBPACK_IMPORTED_MODULE_1__.config.teaserCrossCls);
+        this.crossElem.tabIndex = 0;
+        this.crossElem.ariaLabel = 'Close Chat Teaser';
         this.bindEvents();
         this.getBoxElem().appendChild(this.crossElem);
         _super.prototype.render.call(this);
@@ -3581,7 +3611,18 @@ var TeaserWidget = /** @class */ (function (_super) {
             event.stopPropagation();
             _this.hide();
         });
+        this.crossElem.addEventListener('keydown', function (event) {
+            if (event.key === 'Enter') {
+                event.stopPropagation();
+                _this.hide();
+            }
+        });
         this.getBoxElem().addEventListener('click', function () { return _this.fire('click'); });
+        this.getBoxElem().addEventListener('keydown', function (event) {
+            if (event.key === 'Enter') {
+                _this.fire('click');
+            }
+        });
     };
     return TeaserWidget;
 }(_core_base_widget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget));