@carbon/web-components 2.31.0-rc.0 → 2.31.0

package/es/components/notification/actionable-notification.d.ts

@@ -377,11 +377,20 @@ declare class CDSActionableNotification extends CDSActionableNotification_base {
      * Specify if focus should be moved to the component when the notification contains actions
      */
     hasFocus: boolean;
+    /**
+     * Node to track focus going outside of actionable notification content.
+     */
+    private _startSentinelNode;
+    /**
+     * Node to track focus going outside of actionable notification content.
+     */
+    private _endSentinelNode;
     /**
      * Handles `keydown` event on this event.
      * Escape will close the notification if `closeOnEscape` is true
      */
     private _handleKeyDown;
+    private _handleBlur;
     connectedCallback(): void;
     protected _renderIcon(): any;
     protected _renderText(): import("lit-html").TemplateResult<1>;
@@ -391,6 +400,15 @@ declare class CDSActionableNotification extends CDSActionableNotification_base {
     caption: string;
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
+    /**
+     * @param ms The number of milliseconds.
+     * @returns A promise that is resolves after the given milliseconds.
+     */
+    private static _delay;
+    /**
+     * A selector selecting tabbable nodes.
+     */
+    static get selectorTabbable(): string;
     /**
      * A selector that will return the action button element
      */

package/es/components/notification/actionable-notification.js

@@ -13,8 +13,8 @@ import InformationSquareFilled20 from '../../icons/information--square--filled/2
 import WarningFilled20 from '../../icons/warning--filled/20.js';
 import WarningAltFilled20 from '../../icons/warning--alt--filled/20.js';
 import { svg, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { prefix } from '../../globals/settings.js';
+import { property, query } from 'lit/decorators.js';
+import { prefix, selectorTabbable } from '../../globals/settings.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 import { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs.js';
 import CDSInlineNotification from './inline-notification.js';
@@ -22,6 +22,7 @@ import styles from './actionable-notification.scss.js';
 import HostListener from '../../globals/decorators/host-listener.js';
 import HostListenerMixin from '../../globals/mixins/host-listener.js';
 
+var CDSActionableNotification_1;
 /**
  * The default icons, keyed by notification kind.
  */
@@ -33,6 +34,45 @@ const iconsForKinds = {
     [NOTIFICATION_KIND.WARNING_ALT]: WarningAltFilled20,
     [NOTIFICATION_KIND.ERROR]: ErrorFilled20,
 };
+// eslint-disable-next-line no-bitwise
+const PRECEDING = Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;
+// eslint-disable-next-line no-bitwise
+const FOLLOWING = Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;
+/**
+ * Tries to focus on the given elements and bails out if one of them is successful.
+ *
+ * @param elems The elements.
+ * @param reverse `true` to go through the list in reverse order.
+ * @returns `true` if one of the attempts is successful, `false` otherwise.
+ */
+function tryFocusElems(elems, reverse = false) {
+    var _a, _b;
+    if (!reverse) {
+        for (let i = 0; i < elems.length; ++i) {
+            const elem = elems[i];
+            elem.focus();
+            const active = elem.ownerDocument.activeElement;
+            if (active === elem ||
+                (active === null || active === void 0 ? void 0 : active.contains(elem)) ||
+                ((_a = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(elem))) {
+                return true;
+            }
+        }
+    }
+    else {
+        for (let i = elems.length - 1; i >= 0; --i) {
+            const elem = elems[i];
+            elem.focus();
+            const active = elem.ownerDocument.activeElement;
+            if (active === elem ||
+                (active === null || active === void 0 ? void 0 : active.contains(elem)) ||
+                ((_b = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _b === void 0 ? void 0 : _b.contains(elem))) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
 /**
  * Actionable notification.
  *
@@ -44,7 +84,7 @@ const iconsForKinds = {
  *   Cancellation of this event stops the user-initiated action of closing this notification.
  * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.
  */
-let CDSActionableNotification = class CDSActionableNotification extends HostListenerMixin(CDSInlineNotification) {
+let CDSActionableNotification = CDSActionableNotification_1 = class CDSActionableNotification extends HostListenerMixin(CDSInlineNotification) {
     constructor() {
         super(...arguments);
         this._type = NOTIFICATION_TYPE.ACTIONABLE;
@@ -74,6 +114,57 @@ let CDSActionableNotification = class CDSActionableNotification extends HostList
                 this.open = false;
             }
         };
+        this._handleBlur = async ({ target, relatedTarget }) => {
+            var _a, _b;
+            const { open, _startSentinelNode: startSentinelNode, _endSentinelNode: endSentinelNode, } = this;
+            const oldContains = target !== this &&
+                (this.contains(target) ||
+                    (((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(target)) &&
+                        target !== startSentinelNode &&
+                        target !== endSentinelNode));
+            const currentContains = relatedTarget !== this &&
+                (this.contains(relatedTarget) ||
+                    (((_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.contains(relatedTarget)) &&
+                        relatedTarget !== startSentinelNode &&
+                        relatedTarget !== endSentinelNode));
+            // Performs focus wrapping if _all_ of the following is met:
+            // * This notification is open
+            // * Notification role attribute is set to 'alertdialog'
+            // * The viewport still has focus
+            // * Notification body used to have focus but no longer has focus
+            const { selectorTabbable: selectorTabbableForActionableNotification } = this
+                .constructor;
+            if (open &&
+                this.getAttribute('role') === 'alertdialog' &&
+                relatedTarget &&
+                !(relatedTarget instanceof CDSActionableNotification_1) &&
+                oldContains &&
+                !currentContains) {
+                const comparisonResult = target.compareDocumentPosition(relatedTarget);
+                // tabbable elements in Shadow root
+                const shadowElems = this.shadowRoot.querySelectorAll(selectorTabbableForActionableNotification);
+                // tabbable elements in light DOM
+                const lightElems = this.querySelectorAll(selectorTabbableForActionableNotification);
+                // eslint-disable-next-line no-bitwise
+                if (relatedTarget === startSentinelNode || comparisonResult & PRECEDING) {
+                    await this.constructor._delay();
+                    if (!tryFocusElems(shadowElems, true) &&
+                        !tryFocusElems(lightElems, true) &&
+                        relatedTarget !== this) {
+                        this.focus();
+                    }
+                }
+                // eslint-disable-next-line no-bitwise
+                else if (relatedTarget === endSentinelNode ||
+                    comparisonResult & FOLLOWING) {
+                    await this.constructor._delay();
+                    if (!tryFocusElems(lightElems) &&
+                        !tryFocusElems(shadowElems)) {
+                        this.focus();
+                    }
+                }
+            }
+        };
         /**
          * The caption.
          */
@@ -145,13 +236,38 @@ let CDSActionableNotification = class CDSActionableNotification extends HostList
     render() {
         const { _type: type } = this;
         return html `
+      <a
+        id="start-sentinel"
+        class="${prefix}--visually-hidden"
+        href="javascript:void 0"
+        role="navigation"></a>
       <div class="${prefix}--${type}-notification__details">
         ${this._renderIcon()} ${this._renderText()}
       </div>
       <slot name="action"></slot>
       ${this._renderButton()}
+      <a
+        id="end-sentinel"
+        class="${prefix}--visually-hidden"
+        href="javascript:void 0"
+        role="navigation"></a>
     `;
     }
+    /**
+     * @param ms The number of milliseconds.
+     * @returns A promise that is resolves after the given milliseconds.
+     */
+    static _delay(ms = 0) {
+        return new Promise((resolve) => {
+            setTimeout(resolve, ms);
+        });
+    }
+    /**
+     * A selector selecting tabbable nodes.
+     */
+    static get selectorTabbable() {
+        return selectorTabbable;
+    }
     /**
      * A selector that will return the action button element
      */
@@ -172,14 +288,24 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'has-focus' })
 ], CDSActionableNotification.prototype, "hasFocus", void 0);
+__decorate([
+    query('#start-sentinel')
+], CDSActionableNotification.prototype, "_startSentinelNode", void 0);
+__decorate([
+    query('#end-sentinel')
+], CDSActionableNotification.prototype, "_endSentinelNode", void 0);
 __decorate([
     HostListener('keydown')
     // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
 ], CDSActionableNotification.prototype, "_handleKeyDown", void 0);
+__decorate([
+    HostListener('shadowRoot:focusout')
+    // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
+], CDSActionableNotification.prototype, "_handleBlur", void 0);
 __decorate([
     property()
 ], CDSActionableNotification.prototype, "caption", void 0);
-CDSActionableNotification = __decorate([
+CDSActionableNotification = CDSActionableNotification_1 = __decorate([
     carbonElement(`${prefix}-actionable-notification`)
 ], CDSActionableNotification);
 var CDSActionableNotification$1 = CDSActionableNotification;

package/es/components/notification/actionable-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionable-notification.js","sources":["../../../src/components/notification/actionable-notification.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"actionable-notification.js","sources":["../../../src/components/notification/actionable-notification.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsBA;;AAEG;AACH,MAAM,aAAa,GAAG;AACpB,IAAA,CAAC,iBAAiB,CAAC,OAAO,GAAG,iBAAiB;AAC9C,IAAA,CAAC,iBAAiB,CAAC,IAAI,GAAG,mBAAmB;AAC7C,IAAA,CAAC,iBAAiB,CAAC,WAAW,GAAG,yBAAyB;AAC1D,IAAA,CAAC,iBAAiB,CAAC,OAAO,GAAG,eAAe;AAC5C,IAAA,CAAC,iBAAiB,CAAC,WAAW,GAAG,kBAAkB;AACnD,IAAA,CAAC,iBAAiB,CAAC,KAAK,GAAG,aAAa;CACzC,CAAC;AAEF;AACA,MAAM,SAAS,GACb,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC,0BAA0B,CAAC;AACrE;AACA,MAAM,SAAS,GACb,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC,8BAA8B,CAAC;AAEzE;;;;;;AAMG;AACH,SAAS,aAAa,CAAC,KAA8B,EAAE,OAAO,GAAG,KAAK,EAAA;;IACpE,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;AACrC,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,KAAK,EAAE,CAAC;AACb,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC;YACjD,IACE,MAAM,KAAK,IAAI;iBACf,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;AACtB,iBAAA,CAAA,EAAA,GAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAN,MAAM,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,IAAI,CAAC,CAAA,EAClC;AACA,gBAAA,OAAO,IAAI,CAAC;aACb;SACF;KACF;SAAM;AACL,QAAA,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE;AAC1C,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,KAAK,EAAE,CAAC;AACb,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAc,CAAC,aAAa,CAAC;YACjD,IACE,MAAM,KAAK,IAAI;iBACf,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;AACtB,iBAAA,CAAA,EAAA,GAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAN,MAAM,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,IAAI,CAAC,CAAA,EAClC;AACA,gBAAA,OAAO,IAAI,CAAC;aACb;SACF;KACF;AACD,IAAA,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;AAUG;AAEH,IAAM,yBAAyB,iCAA/B,MAAM,yBAA0B,SAAQ,iBAAiB,CACvD,qBAAqB,CACtB,CAAA;AAFD,IAAA,WAAA,GAAA;;AAGY,QAAA,IAAA,CAAA,KAAK,GAAG,iBAAiB,CAAC,UAAU,CAAC;AAE/C;;AAEG;QAEH,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;AAEf;;AAEG;QAEH,IAAiB,CAAA,iBAAA,GAAG,EAAE,CAAC;AAEvB;;AAEG;QAEH,IAAa,CAAA,aAAA,GAAG,IAAI,CAAC;AAErB;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAC;AAchB;;;AAGG;AAGK,QAAA,IAAA,CAAA,cAAc,GAAG,OAAO,KAAoB,KAAI;AACtD,YAAA,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;YACtB,IAAI,IAAI,CAAC,aAAa,IAAI,GAAG,KAAK,QAAQ,EAAE;AAC1C,gBAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;aACnB;AACH,SAAC,CAAC;QAIM,IAAW,CAAA,WAAA,GAAG,OAAO,EAAE,MAAM,EAAE,aAAa,EAAc,KAAI;;AACpE,YAAA,MAAM,EACJ,IAAI,EACJ,kBAAkB,EAAE,iBAAiB,EACrC,gBAAgB,EAAE,eAAe,GAClC,GAAG,IAAI,CAAC;AACT,YAAA,MAAM,WAAW,GACf,MAAM,KAAK,IAAI;AACf,iBAAC,IAAI,CAAC,QAAQ,CAAC,MAAc,CAAC;qBAC3B,CAAA,MAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,MAAc,CAAC;AACxC,wBAAA,MAAM,KAAM,iBAA0B;AACtC,wBAAA,MAAM,KAAM,eAAwB,CAAC,CAAC,CAAC;AAC7C,YAAA,MAAM,eAAe,GACnB,aAAa,KAAK,IAAI;AACtB,iBAAC,IAAI,CAAC,QAAQ,CAAC,aAAqB,CAAC;qBAClC,CAAA,MAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,aAAqB,CAAC;AAC/C,wBAAA,aAAa,KAAM,iBAA0B;AAC7C,wBAAA,aAAa,KAAM,eAAwB,CAAC,CAAC,CAAC;;;;;;AAOpD,YAAA,MAAM,EAAE,gBAAgB,EAAE,yCAAyC,EAAE,GAAG,IAAI;AACzE,iBAAA,WAA+C,CAAC;AACnD,YAAA,IACE,IAAI;AACJ,gBAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,aAAa;gBAC3C,aAAa;AACb,gBAAA,EAAE,aAAa,YAAY,2BAAyB,CAAC;gBACrD,WAAW;gBACX,CAAC,eAAe,EAChB;gBACA,MAAM,gBAAgB,GAAI,MAAe,CAAC,uBAAuB,CAC/D,aAAqB,CACtB,CAAC;;gBAEF,MAAM,WAAW,GAAG,IAAI,CAAC,UAAW,CAAC,gBAAgB,CACnD,yCAAyC,CAC1C,CAAC;;gBAEF,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CACtC,yCAAyC,CAC1C,CAAC;;gBAEF,IAAI,aAAa,KAAK,iBAAiB,IAAI,gBAAgB,GAAG,SAAS,EAAE;AACvE,oBAAA,MAAO,IAAI,CAAC,WAAgD,CAAC,MAAM,EAAE,CAAC;AACtE,oBAAA,IACE,CAAC,aAAa,CAAC,WAAsC,EAAE,IAAI,CAAC;AAC5D,wBAAA,CAAC,aAAa,CAAC,UAAqC,EAAE,IAAI,CAAC;wBAC3D,aAAa,KAAK,IAAI,EACtB;wBACA,IAAI,CAAC,KAAK,EAAE,CAAC;qBACd;iBACF;;qBAEI,IACH,aAAa,KAAK,eAAe;oBACjC,gBAAgB,GAAG,SAAS,EAC5B;AACA,oBAAA,MAAO,IAAI,CAAC,WAAgD,CAAC,MAAM,EAAE,CAAC;AACtE,oBAAA,IACE,CAAC,aAAa,CAAC,UAAqC,CAAC;AACrD,wBAAA,CAAC,aAAa,CAAC,WAAsC,CAAC,EACtD;wBACA,IAAI,CAAC,KAAK,EAAE,CAAC;qBACd;iBACF;aACF;AACH,SAAC,CAAC;AAuCF;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;KA8Ed;IAvHC,iBAAiB,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;AAC9B,YAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;SAC1C;QACD,KAAK,CAAC,iBAAiB,EAAE,CAAC;KAC3B;IAES,WAAW,GAAA;QACnB,MAAM,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACrD,MAAM,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,GAAG,aAAa,CAAC;AACvC,QAAA,OAAO,CAAC,IAAI;AACV,cAAE,SAAS;cACT,IAAI,CAAC;AACH,gBAAA,KAAK,EAAE,CAAA,EAAG,MAAM,CAAA,EAAA,EAAK,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAqB,mBAAA,CAAA;gBACrE,QAAQ,EAAE,CAAC,qBAAqB;AAC9B,sBAAE,SAAS;AACX,sBAAE,GAAG,CAAA,CAAA,OAAA,EAAU,qBAAqB,CAAU,QAAA,CAAA;AACjD,aAAA,CAAC,CAAC;KACR;IAES,WAAW,GAAA;QACnB,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;AAC9C,QAAA,OAAO,IAAI,CAAA,CAAA;AACK,kBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;AACb,oBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;AACb,sBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;cACzB,KAAK,CAAA;;AAEK,sBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;cACzB,QAAQ,CAAA;;;;;KAKjB,CAAC;KACH;AAQD,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAC9B,IAAI,CAAC,WAAgD;AACnD,aAAA,oBAAoB,CACxB,CAAC;AACF,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACnC,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;SAClE;AACD,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;AACxC,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAN,MAAM,CAAE,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;aAC9C;iBAAM;gBACL,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,eAAe,CAAC,cAAc,CAAC,CAAC;aACzC;SACF;AACD,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE;AAC5C,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAN,MAAM,CAAE,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;aACnD;iBAAM;gBACL,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;aAC9C;SACF;AACD,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AACrC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;SACF;KACF;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;AAC7B,QAAA,OAAO,IAAI,CAAA,CAAA;;;iBAGE,MAAM,CAAA;;;AAGH,kBAAA,EAAA,MAAM,KAAK,IAAI,CAAA;AACzB,QAAA,EAAA,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAA;;;QAG1C,IAAI,CAAC,aAAa,EAAE,CAAA;;;iBAGX,MAAM,CAAA;;;KAGlB,CAAC;KACH;AAED;;;AAGG;AACK,IAAA,OAAO,MAAM,CAAC,EAAE,GAAG,CAAC,EAAA;AAC1B,QAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;AAC7B,YAAA,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAC1B,SAAC,CAAC,CAAC;KACJ;AAED;;AAEG;AACH,IAAA,WAAW,gBAAgB,GAAA;AACzB,QAAA,OAAO,gBAAgB,CAAC;KACzB;AAED;;AAEG;AACH,IAAA,WAAW,oBAAoB,GAAA;QAC7B,OAAO,CAAA,EAAG,MAAM,CAAA,+BAAA,CAAiC,CAAC;KACnD;;AAEM,yBAAM,CAAA,MAAA,GAAG,MAAH,CAAU;AA7OvB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC5B,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;AACrD,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMvB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;AACpD,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMrB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AACnD,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMR,UAAA,CAAA;IADP,KAAK,CAAC,iBAAiB,CAAC;AACsB,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMvC,UAAA,CAAA;IADP,KAAK,CAAC,eAAe,CAAC;AACsB,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQrC,UAAA,CAAA;IAFP,YAAY,CAAC,SAAS,CAAC;;AAOtB,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIM,UAAA,CAAA;IAFP,YAAY,CAAC,qBAAqB,CAAC;;AAwElC,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA2CF,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACE,CAAA,EAAA,yBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAzKT,yBAAyB,GAAA,2BAAA,GAAA,UAAA,CAAA;AAD9B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,wBAAA,CAA0B,CAAC;AAC7C,CAAA,EAAA,yBAAyB,CAuP9B,CAAA;AAED,kCAAe,yBAAyB;;;;"}

package/es/components/overflow-menu/overflow-menu-body.js

@@ -78,6 +78,7 @@ let CDSOverflowMenuBody = class CDSOverflowMenuBody extends CDSFloatingMenu {
                     this.selected = document.activeElement;
                 }
                 if (key in NAVIGATION_DIRECTION) {
+                    event.preventDefault();
                     this._navigate(NAVIGATION_DIRECTION[key]);
                 }
                 if (key === 'Escape') {

package/es/components/overflow-menu/overflow-menu-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu-body.js","sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"overflow-menu-body.js","sources":["../../../src/components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}

package/es/globals/settings.d.ts

@@ -9,5 +9,5 @@ declare const prefix = "cds";
  * A selector selecting tabbable nodes.
  * Borrowed from `carbon-angular`. tabbable === focusable.
  */
-declare const selectorTabbable = "\n  a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],\n  cds-accordion-item,\n  cds-button,\n  cds-breadcrumb-link,\n  cds-checkbox,\n  cds-code-snippet,\n  cds-combo-box,\n  cds-content-switcher-item,\n  cds-copy-button,\n  cds-table-header-row,\n  cds-table-row,\n  cds-table-toolbar-search,\n  cds-date-picker-input,\n  cds-dropdown,\n  cds-input,\n  cds-link,\n  cds-number-input,\n  cds-modal,\n  cds-modal-close-button,\n  cds-multi-select,\n  cds-inline-notification,\n  cds-toast-notification,\n  cds-overflow-menu,\n  cds-overflow-menu-item,\n  cds-page-sizes-select,\n  cds-pages-select,\n  cds-progress-step,\n  cds-radio-button,\n  cds-search,\n  cds-slider,\n  cds-slider-input,\n  cds-structured-list,\n  cds-tab,\n  cds-filter-tag,\n  cds-textarea,\n  cds-text-input,\n  cds-clickable-tile,\n  cds-expandable-tile,\n  cds-radio-tile,\n  cds-selectable-tile,\n  cds-toggle,\n  cds-tooltip,\n  cds-tooltip-definition,\n  cds-tooltip-icon,\n  cds-header-menu,\n  cds-header-menu-button,\n  cds-header-menu-item,\n  cds-header-name,\n  cds-header-nav-item,\n  cds-side-nav-link,\n  cds-side-nav-menu,\n  cds-side-nav-menu-item\n";
+declare const selectorTabbable = "\n  a[href]:not(#start-sentinel, #end-sentinel), area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],\n  cds-accordion-item,\n  cds-actionable-notification-button,\n  cds-button,\n  cds-breadcrumb-link,\n  cds-checkbox,\n  cds-code-snippet,\n  cds-combo-box,\n  cds-content-switcher-item,\n  cds-copy-button,\n  cds-table-header-row,\n  cds-table-row,\n  cds-table-toolbar-search,\n  cds-date-picker-input,\n  cds-dropdown,\n  cds-input,\n  cds-link,\n  cds-number-input,\n  cds-modal,\n  cds-modal-close-button,\n  cds-multi-select,\n  cds-inline-notification,\n  cds-toast-notification,\n  cds-overflow-menu,\n  cds-overflow-menu-item,\n  cds-page-sizes-select,\n  cds-pages-select,\n  cds-progress-step,\n  cds-radio-button,\n  cds-search,\n  cds-slider,\n  cds-slider-input,\n  cds-structured-list,\n  cds-tab,\n  cds-filter-tag,\n  cds-textarea,\n  cds-text-input,\n  cds-clickable-tile,\n  cds-expandable-tile,\n  cds-radio-tile,\n  cds-selectable-tile,\n  cds-toggle,\n  cds-tooltip,\n  cds-tooltip-definition,\n  cds-tooltip-icon,\n  cds-header-menu,\n  cds-header-menu-button,\n  cds-header-menu-item,\n  cds-header-name,\n  cds-header-nav-item,\n  cds-side-nav-link,\n  cds-side-nav-menu,\n  cds-side-nav-menu-item\n";
 export { prefix, selectorTabbable };

package/es/globals/settings.js

@@ -17,11 +17,12 @@ const prefix = 'cds';
  * Borrowed from `carbon-angular`. tabbable === focusable.
  */
 const selectorTabbable = `
-  a[href], area[href], input:not([disabled]):not([tabindex='-1']),
+  a[href]:not(#start-sentinel, #end-sentinel), area[href], input:not([disabled]):not([tabindex='-1']),
   button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),
   textarea:not([disabled]):not([tabindex='-1']),
   iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],
   ${prefix}-accordion-item,
+  ${prefix}-actionable-notification-button,
   ${prefix}-button,
   ${prefix}-breadcrumb-link,
   ${prefix}-checkbox,

package/es/globals/settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings.js","sources":["../../src/globals/settings.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAEG,MAAA,MAAM,GAAG,MAAM;AAErB;;;AAGG;AACH,MAAM,gBAAgB,GAAG,CAAA;;;;;IAKrB,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;;;;;"}
+{"version":3,"file":"settings.js","sources":["../../src/globals/settings.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAEG,MAAA,MAAM,GAAG,MAAM;AAErB;;;AAGG;AACH,MAAM,gBAAgB,GAAG,CAAA;;;;;IAKrB,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;IACN,MAAM,CAAA;;;;;"}

package/es-custom/components/modal/modal.js

@@ -123,6 +123,33 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
                     }
                 }
             }
+            // Adjust scroll if needed so that element with focus is not obscured by gradient
+            const modal = document.querySelector(`${prefix}-modal`);
+            const modalContent = document.querySelector(`${prefix}-modal-body`);
+            if (!modal ||
+                !modal.hasAttribute('has-scrolling-content') ||
+                !modalContent ||
+                !relatedTarget ||
+                !modalContent.contains(relatedTarget)) {
+                return;
+            }
+            const lastContent = modalContent.children[modalContent.children.length - 1];
+            const gradientSpacing = modalContent.scrollHeight -
+                lastContent.offsetTop -
+                lastContent.clientHeight;
+            for (let elem of modalContent.children) {
+                if (elem.contains(relatedTarget)) {
+                    const spaceBelow = modalContent.clientHeight -
+                        elem.offsetTop +
+                        modalContent.scrollTop -
+                        elem.clientHeight;
+                    if (spaceBelow < gradientSpacing) {
+                        modalContent.scrollTop =
+                            modalContent.scrollTop + (gradientSpacing - spaceBelow);
+                    }
+                    break;
+                }
+            }
         };
         this._handleKeydown = ({ key, target }) => {
             if (key === 'Esc' || key === 'Escape') {

package/es-custom/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}

package/es-custom/components/notification/actionable-notification.d.ts

@@ -377,11 +377,20 @@ declare class CDSActionableNotification extends CDSActionableNotification_base {
      * Specify if focus should be moved to the component when the notification contains actions
      */
     hasFocus: boolean;
+    /**
+     * Node to track focus going outside of actionable notification content.
+     */
+    private _startSentinelNode;
+    /**
+     * Node to track focus going outside of actionable notification content.
+     */
+    private _endSentinelNode;
     /**
      * Handles `keydown` event on this event.
      * Escape will close the notification if `closeOnEscape` is true
      */
     private _handleKeyDown;
+    private _handleBlur;
     connectedCallback(): void;
     protected _renderIcon(): any;
     protected _renderText(): import("lit-html").TemplateResult<1>;
@@ -391,6 +400,15 @@ declare class CDSActionableNotification extends CDSActionableNotification_base {
     caption: string;
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
+    /**
+     * @param ms The number of milliseconds.
+     * @returns A promise that is resolves after the given milliseconds.
+     */
+    private static _delay;
+    /**
+     * A selector selecting tabbable nodes.
+     */
+    static get selectorTabbable(): string;
     /**
      * A selector that will return the action button element
      */

package/es-custom/components/notification/actionable-notification.js

@@ -13,8 +13,8 @@ import InformationSquareFilled20 from '../../icons/information--square--filled/2
 import WarningFilled20 from '../../icons/warning--filled/20.js';
 import WarningAltFilled20 from '../../icons/warning--alt--filled/20.js';
 import { svg, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { prefix } from '../../globals/settings.js';
+import { property, query } from 'lit/decorators.js';
+import { prefix, selectorTabbable } from '../../globals/settings.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 import { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs.js';
 import CDSInlineNotification from './inline-notification.js';
@@ -22,6 +22,7 @@ import styles from './actionable-notification.scss.js';
 import HostListener from '../../globals/decorators/host-listener.js';
 import HostListenerMixin from '../../globals/mixins/host-listener.js';
 
+var CDSActionableNotification_1;
 /**
  * The default icons, keyed by notification kind.
  */
@@ -33,6 +34,45 @@ const iconsForKinds = {
     [NOTIFICATION_KIND.WARNING_ALT]: WarningAltFilled20,
     [NOTIFICATION_KIND.ERROR]: ErrorFilled20,
 };
+// eslint-disable-next-line no-bitwise
+const PRECEDING = Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;
+// eslint-disable-next-line no-bitwise
+const FOLLOWING = Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;
+/**
+ * Tries to focus on the given elements and bails out if one of them is successful.
+ *
+ * @param elems The elements.
+ * @param reverse `true` to go through the list in reverse order.
+ * @returns `true` if one of the attempts is successful, `false` otherwise.
+ */
+function tryFocusElems(elems, reverse = false) {
+    var _a, _b;
+    if (!reverse) {
+        for (let i = 0; i < elems.length; ++i) {
+            const elem = elems[i];
+            elem.focus();
+            const active = elem.ownerDocument.activeElement;
+            if (active === elem ||
+                (active === null || active === void 0 ? void 0 : active.contains(elem)) ||
+                ((_a = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(elem))) {
+                return true;
+            }
+        }
+    }
+    else {
+        for (let i = elems.length - 1; i >= 0; --i) {
+            const elem = elems[i];
+            elem.focus();
+            const active = elem.ownerDocument.activeElement;
+            if (active === elem ||
+                (active === null || active === void 0 ? void 0 : active.contains(elem)) ||
+                ((_b = active === null || active === void 0 ? void 0 : active.shadowRoot) === null || _b === void 0 ? void 0 : _b.contains(elem))) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
 /**
  * Actionable notification.
  *
@@ -44,7 +84,7 @@ const iconsForKinds = {
  *   Cancellation of this event stops the user-initiated action of closing this notification.
  * @fires cds-custom-notification-closed - The custom event fired after this notification is closed upon a user gesture.
  */
-let CDSActionableNotification = class CDSActionableNotification extends HostListenerMixin(CDSInlineNotification) {
+let CDSActionableNotification = CDSActionableNotification_1 = class CDSActionableNotification extends HostListenerMixin(CDSInlineNotification) {
     constructor() {
         super(...arguments);
         this._type = NOTIFICATION_TYPE.ACTIONABLE;
@@ -74,6 +114,57 @@ let CDSActionableNotification = class CDSActionableNotification extends HostList
                 this.open = false;
             }
         };
+        this._handleBlur = async ({ target, relatedTarget }) => {
+            var _a, _b;
+            const { open, _startSentinelNode: startSentinelNode, _endSentinelNode: endSentinelNode, } = this;
+            const oldContains = target !== this &&
+                (this.contains(target) ||
+                    (((_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(target)) &&
+                        target !== startSentinelNode &&
+                        target !== endSentinelNode));
+            const currentContains = relatedTarget !== this &&
+                (this.contains(relatedTarget) ||
+                    (((_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.contains(relatedTarget)) &&
+                        relatedTarget !== startSentinelNode &&
+                        relatedTarget !== endSentinelNode));
+            // Performs focus wrapping if _all_ of the following is met:
+            // * This notification is open
+            // * Notification role attribute is set to 'alertdialog'
+            // * The viewport still has focus
+            // * Notification body used to have focus but no longer has focus
+            const { selectorTabbable: selectorTabbableForActionableNotification } = this
+                .constructor;
+            if (open &&
+                this.getAttribute('role') === 'alertdialog' &&
+                relatedTarget &&
+                !(relatedTarget instanceof CDSActionableNotification_1) &&
+                oldContains &&
+                !currentContains) {
+                const comparisonResult = target.compareDocumentPosition(relatedTarget);
+                // tabbable elements in Shadow root
+                const shadowElems = this.shadowRoot.querySelectorAll(selectorTabbableForActionableNotification);
+                // tabbable elements in light DOM
+                const lightElems = this.querySelectorAll(selectorTabbableForActionableNotification);
+                // eslint-disable-next-line no-bitwise
+                if (relatedTarget === startSentinelNode || comparisonResult & PRECEDING) {
+                    await this.constructor._delay();
+                    if (!tryFocusElems(shadowElems, true) &&
+                        !tryFocusElems(lightElems, true) &&
+                        relatedTarget !== this) {
+                        this.focus();
+                    }
+                }
+                // eslint-disable-next-line no-bitwise
+                else if (relatedTarget === endSentinelNode ||
+                    comparisonResult & FOLLOWING) {
+                    await this.constructor._delay();
+                    if (!tryFocusElems(lightElems) &&
+                        !tryFocusElems(shadowElems)) {
+                        this.focus();
+                    }
+                }
+            }
+        };
         /**
          * The caption.
          */
@@ -145,13 +236,38 @@ let CDSActionableNotification = class CDSActionableNotification extends HostList
     render() {
         const { _type: type } = this;
         return html `
+      <a
+        id="start-sentinel"
+        class="${prefix}--visually-hidden"
+        href="javascript:void 0"
+        role="navigation"></a>
       <div class="${prefix}--${type}-notification__details">
         ${this._renderIcon()} ${this._renderText()}
       </div>
       <slot name="action"></slot>
       ${this._renderButton()}
+      <a
+        id="end-sentinel"
+        class="${prefix}--visually-hidden"
+        href="javascript:void 0"
+        role="navigation"></a>
     `;
     }
+    /**
+     * @param ms The number of milliseconds.
+     * @returns A promise that is resolves after the given milliseconds.
+     */
+    static _delay(ms = 0) {
+        return new Promise((resolve) => {
+            setTimeout(resolve, ms);
+        });
+    }
+    /**
+     * A selector selecting tabbable nodes.
+     */
+    static get selectorTabbable() {
+        return selectorTabbable;
+    }
     /**
      * A selector that will return the action button element
      */
@@ -172,14 +288,24 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'has-focus' })
 ], CDSActionableNotification.prototype, "hasFocus", void 0);
+__decorate([
+    query('#start-sentinel')
+], CDSActionableNotification.prototype, "_startSentinelNode", void 0);
+__decorate([
+    query('#end-sentinel')
+], CDSActionableNotification.prototype, "_endSentinelNode", void 0);
 __decorate([
     HostListener('keydown')
     // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
 ], CDSActionableNotification.prototype, "_handleKeyDown", void 0);
+__decorate([
+    HostListener('shadowRoot:focusout')
+    // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
+], CDSActionableNotification.prototype, "_handleBlur", void 0);
 __decorate([
     property()
 ], CDSActionableNotification.prototype, "caption", void 0);
-CDSActionableNotification = __decorate([
+CDSActionableNotification = CDSActionableNotification_1 = __decorate([
     carbonElement(`${prefix}-actionable-notification`)
 ], CDSActionableNotification);
 var CDSActionableNotification$1 = CDSActionableNotification;