@carbon/ibm-products-web-components 0.21.0 → 0.22.0-rc.0

package/custom-elements.json

@@ -141,6 +141,10 @@
         }
       ],
       "events": [
+        {
+          "name": "c4p-about-modal-beingclosed",
+          "description": "The custom event fired before this about modal is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this about modal."
+        },
         {
           "name": "c4p-about-modal-closed",
           "description": "The custom event fired after this about modal is closed upon a user gesture."
@@ -341,7 +345,20 @@
       "name": "c4p-interstitial-screen-body",
       "path": "./src/components/interstitial-screen/interstitial-screen-body.ts",
       "description": "interstitial-screen-body for body section",
+      "attributes": [
+        {
+          "name": "slot",
+          "type": "string",
+          "default": "\"body\""
+        }
+      ],
       "properties": [
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "type": "string",
+          "default": "\"body\""
+        },
         {
           "name": "stepType",
           "type": "\"single\" | \"multi\"",
@@ -430,6 +447,11 @@
           "type": "string",
           "default": "\"Get Started\""
         },
+        {
+          "name": "slot",
+          "type": "string",
+          "default": "\"footer\""
+        },
         {
           "name": "async-action",
           "description": "Enables support for asynchronous validation or user confirmation before proceeding\nto the next interstitial step. When set to true, the component will wait for an external\n listener (e.g., a form validation or confirmation modal) to resolve the proceed() callback before continuing.\nWhen asyncAction is true, you must listen for the eventOnBeforeAction event and\ncall the proceed() function (either synchronously or with a promise) to allow navigation."
@@ -464,6 +486,12 @@
           "type": "string",
           "default": "\"Get Started\""
         },
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "type": "string",
+          "default": "\"footer\""
+        },
         {
           "name": "asyncAction",
           "attribute": "async-action",
@@ -594,6 +622,11 @@
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "slot",
+          "type": "string",
+          "default": "\"header\""
+        },
         {
           "name": "header-subtitle",
           "description": "Tooltip text and aria label for the Close button icon.",
@@ -621,6 +654,12 @@
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "type": "string",
+          "default": "\"header\""
+        },
         {
           "name": "headerSubTitle",
           "attribute": "header-subtitle",
@@ -642,6 +681,11 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "getElementForAriaLive",
+          "type": "() => TemplateResult<1>",
+          "default": "\"() => {\\n    const currentStep = interstitialDetailsSignal.get().currentStep;\\n    const stepDetails = interstitialDetailsSignal.get().stepDetails;\\n    return html` <div\\n      aria-live=\\\"polite\\\"\\n      aria-atomic=\\\"true\\\"\\n      class=\\\"${carbonPrefix}--visually-hidden\\\"\\n    >\\n      Step ${currentStep + 1} of ${stepDetails.length}\\n    </div>`;\\n  }\""
+        },
         {
           "name": "enabledWarnings",
           "description": "Read or set all the enabled warning categories for this class.\n\nThis property is only used in development builds.",
@@ -995,6 +1039,10 @@
           "name": "dismiss-all-label",
           "description": "Sets the label text for the \"Dismiss all\" button in the Notification panel"
         },
+        {
+          "name": "empty-state-label",
+          "description": "Sets the empty state label text when there are no notifications"
+        },
         {
           "name": "donot-disturb-label",
           "description": "Sets the label text for the \"Do Not Disturb\" toggle in the Notification panel"
@@ -1038,6 +1086,11 @@
           "attribute": "dismiss-all-label",
           "description": "Sets the label text for the \"Dismiss all\" button in the Notification panel"
         },
+        {
+          "name": "emptyStateLabel",
+          "attribute": "empty-state-label",
+          "description": "Sets the empty state label text when there are no notifications"
+        },
         {
           "name": "doNotDisturbLabel",
           "attribute": "donot-disturb-label",
@@ -1231,9 +1284,9 @@
       "description": "OptionsTile.",
       "attributes": [
         {
-          "name": "open",
-          "description": "If `true` the body of the component is shown",
-          "type": "boolean",
+          "name": "defaultOpen",
+          "description": "Determines if the tile is open by default",
+          "type": "boolean | undefined",
           "default": "false"
         },
         {
@@ -1257,10 +1310,10 @@
       ],
       "properties": [
         {
-          "name": "open",
-          "attribute": "open",
-          "description": "If `true` the body of the component is shown",
-          "type": "boolean",
+          "name": "defaultOpen",
+          "attribute": "defaultOpen",
+          "description": "Determines if the tile is open by default",
+          "type": "boolean | undefined",
           "default": "false"
         },
         {
@@ -1378,6 +1431,34 @@
         }
       ]
     },
+    {
+      "name": "set-of-tags",
+      "path": "./src/components/page-header/_story-assets/set-of-tags/set-of-tags.ts",
+      "attributes": [
+        {
+          "name": "tags-data",
+          "type": "TagType[]",
+          "default": "[]"
+        }
+      ],
+      "properties": [
+        {
+          "name": "hiddenTags",
+          "type": "TagType[]",
+          "default": "[]"
+        },
+        {
+          "name": "tagsData",
+          "attribute": "tags-data",
+          "type": "TagType[]",
+          "default": "[]"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
     {
       "name": "c4p-page-header-breadcrumb",
       "path": "./src/components/page-header/page-header-breadcrumb.ts",
@@ -1437,6 +1518,9 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "context"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -1502,6 +1586,9 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "context"
+        },
         {
           "name": "styles",
           "default": "\"styles\""
@@ -3198,13 +3285,13 @@
           "name": "collapse-label",
           "description": "The label on the collapse button.",
           "type": "string",
-          "default": "\"View less\""
+          "default": "\"\""
         },
         {
           "name": "expand-label",
           "description": "The label on expand button.",
           "type": "string",
-          "default": "\"View more\""
+          "default": "\"\""
         },
         {
           "name": "id",
@@ -3251,14 +3338,14 @@
           "attribute": "collapse-label",
           "description": "The label on the collapse button.",
           "type": "string",
-          "default": "\"View less\""
+          "default": "\"\""
         },
         {
           "name": "expandLabel",
           "attribute": "expand-label",
           "description": "The label on expand button.",
           "type": "string",
-          "default": "\"View more\""
+          "default": "\"\""
         },
         {
           "name": "id",
@@ -3315,13 +3402,13 @@
           "name": "collapse-label",
           "description": "The label on the collapse button.",
           "type": "string",
-          "default": "\"View less\""
+          "default": "\"\""
         },
         {
           "name": "expand-label",
           "description": "The label on expand button.",
           "type": "string",
-          "default": "\"View more\""
+          "default": "\"\""
         },
         {
           "name": "id",
@@ -3368,14 +3455,14 @@
           "attribute": "collapse-label",
           "description": "The label on the collapse button.",
           "type": "string",
-          "default": "\"View less\""
+          "default": "\"\""
         },
         {
           "name": "expandLabel",
           "attribute": "expand-label",
           "description": "The label on expand button.",
           "type": "string",
-          "default": "\"View more\""
+          "default": "\"\""
         },
         {
           "name": "id",

package/es/components/about-modal/about-modal.d.ts

@@ -39,9 +39,11 @@ declare const CDSAboutModal_base: {
         hidePopover(): void;
         showPopover(): void;
         togglePopover(force?: boolean): boolean;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options? /**
-         * A visual symbol used to represent the product.
-         */: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options
+        /**
+         * Determines if About Modal is open or not.
+         */
+        ?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
@@ -366,6 +368,9 @@ declare const CDSAboutModal_base: {
  * @csspart dialog The dialog.
  *   The custom event fired before this about modal is being closed upon a user gesture.
  *   Cancellation of this event stops the user-initiated action of closing this about modal.
+ * @fires c4p-about-modal-beingclosed
+ *   The custom event fired before this about modal is being closed upon a user gesture.
+ *   Cancellation of this event stops the user-initiated action of closing this about modal.
  * @fires c4p-about-modal-closed - The custom event fired after this about modal is closed upon a user gesture.
  */
 declare class CDSAboutModal extends CDSAboutModal_base {
@@ -414,6 +419,12 @@ declare class CDSAboutModal extends CDSAboutModal_base {
     updated(): void;
     render(): import("lit-html").TemplateResult<1>;
     private _handleKeydown;
+    /**
+     * Handles `click` event on this element.
+     *
+     * @param event The event.
+     */
+    private _handleOutsideClick;
     /**
      * Handles user-initiated close request of this About Modal.
      *
@@ -425,6 +436,11 @@ declare class CDSAboutModal extends CDSAboutModal_base {
      * The name of the custom event fired after this About Modal is closed upon a user gesture.
      */
     static get eventClose(): string;
+    /**
+     * The name of the custom event fired before this About modal is being closed upon a user gesture.
+     * Cancellation of this event stops the user-initiated action of closing this About modal.
+     */
+    static get eventBeforeClose(): string;
     static styles: any;
 }
 export default CDSAboutModal;

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

@@ -8,7 +8,7 @@
 import { __decorate } from 'tslib';
 import { LitElement, html } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
-import { prefix } from '../../globals/settings.js';
+import { carbonPrefix, prefix } from '../../globals/settings.js';
 import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import '@carbon/web-components/es/components/modal/index.js';
@@ -31,6 +31,9 @@ const blockClass = `${prefix}--about-modal`;
  * @csspart dialog The dialog.
  *   The custom event fired before this about modal is being closed upon a user gesture.
  *   Cancellation of this event stops the user-initiated action of closing this about modal.
+ * @fires c4p-about-modal-beingclosed
+ *   The custom event fired before this about modal is being closed upon a user gesture.
+ *   Cancellation of this event stops the user-initiated action of closing this about modal.
  * @fires c4p-about-modal-closed - The custom event fired after this about modal is closed upon a user gesture.
  */
 let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
@@ -53,6 +56,20 @@ let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
                 this._handleClose(target);
             }
         };
+        /**
+         * Handles `click` event on this element.
+         *
+         * @param event The event.
+         */
+        this._handleOutsideClick = (event) => {
+            var _a, _b;
+            const modal = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal`);
+            const modalContent = (_b = modal === null || modal === void 0 ? void 0 : modal.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`.${carbonPrefix}--modal-container`);
+            const path = event.composedPath();
+            if (modalContent && !path.includes(modalContent)) {
+                this._handleClose(event.target);
+            }
+        };
         /**
          * Handles user-initiated close request of this About Modal.
          *
@@ -68,7 +85,10 @@ let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
                     triggeredBy,
                 },
             };
-            this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
+            if (this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose, init))) {
+                this.open = false;
+                this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
+            }
         };
     }
     firstUpdated() {
@@ -124,6 +144,13 @@ let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
     static get eventClose() {
         return `${prefix}-about-modal-closed`;
     }
+    /**
+     * The name of the custom event fired before this About modal is being closed upon a user gesture.
+     * Cancellation of this event stops the user-initiated action of closing this About modal.
+     */
+    static get eventBeforeClose() {
+        return `${prefix}-about-modal-beingclosed`;
+    }
 };
 CDSAboutModal.styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader
 __decorate([
@@ -163,6 +190,10 @@ __decorate([
     HostListener('document:keydown')
     // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
 ], CDSAboutModal.prototype, "_handleKeydown", void 0);
+__decorate([
+    HostListener('click')
+    // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
+], CDSAboutModal.prototype, "_handleOutsideClick", void 0);
 CDSAboutModal = __decorate([
     carbonElement(`${prefix}-about-modal`)
 ], CDSAboutModal);

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

@@ -1 +1 @@
-{"version":3,"file":"about-modal.js","sources":["../../../src/components/about-modal/about-modal.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAUU,MAAA,UAAU,GAAG,CAAG,EAAA,MAAM;AAEnC;;;;;;;;AAQG;AAEH,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAAzD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,IAAI;AAEX;;AAEG;QAEH,IAAoB,CAAA,oBAAA,GAAG,OAAO;AA2C9B;;AAEG;QACc,IAAa,CAAA,aAAA,GAAG,KAAK;QA4D9B,IAAc,CAAA,cAAA,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,EAAiB,KAAI;YAC1D,IAAI,GAAG,KAAK,KAAK,IAAI,GAAG,KAAK,QAAQ,EAAE;AACrC,gBAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;;AAE7B,SAAC;AAED;;;;AAIG;AACK,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,WAA+B,KAAI;AACzD,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;AACjB,YAAA,MAAM,IAAI,GAAG;AACX,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,MAAM,EAAE;oBACN,WAAW;AACZ,iBAAA;aACF;AACD,YAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAoC,CAAC,UAAU,EACrD,IAAI,CACL,CACF;AACH,SAAC;;IAnFD,YAAY,GAAA;QACV,IAAI,CAAC,cAAc,EAAE;;IAGvB,OAAO,GAAA;QACL,IAAI,CAAC,cAAc,EAAE;;IAEvB,MAAM,GAAA;QACJ,MAAM,EACJ,IAAI,EACJ,oBAAoB,EACpB,YAAY,EAAE,WAAW,EACzB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,cAAc,EACd,OAAO,EACP,KAAK,EACL,aAAa,GACd,GAAG,IAAI;AACR,QAAA,OAAO,IAAI,CAAA;yBACU,IAAI,CAAA;qBACR,CAAG,EAAA,UAAU,CAAQ,MAAA,CAAA,CAAA,CAAA,EAAI,IAAI,CAAA;;;qBAG7B,WAAW;iCACC,oBAAoB;;+BAEtB,KAAK,CAAA;;;mBAGjB,IAAI,CAAC,aAAa,GAAG,CAAG,EAAA,UAAU,CAAiB,eAAA,CAAA,GAAG,EAAE,CAAA;;AAEpD,qBAAA,EAAA,CAAA,EAAG,UAAU,CAAgB,cAAA,CAAA,CAAA;yBAC3B,CAAG,EAAA,UAAU,CAAW,SAAA,CAAA,CAAA,CAAA,EAAI,OAAO,CAAA;cAC9C,KAAK;YACP,KAAK,CAAC,MAAM,GAAG,CAAC;AAChB,YAAA,IAAI,CAAA,CAAA,YAAA,EAAe,CAAG,EAAA,UAAU,CAAmB,iBAAA,CAAA,CAAA;gBAC/C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;AACtB,kBAAA,CAAA;cACL,OAAO;AACT,YAAA,IAAI,CAAA,CAAY,SAAA,EAAA,CAAA,EAAG,UAAU,CAAW,SAAA,CAAA,CAAA,CAAA,EAAI,OAAO,CAAM,IAAA,CAAA;cACvD,aAAa;AACf,YAAA,IAAI,CAAA;yBACS,CAAG,EAAA,UAAU,CAAkB,gBAAA,CAAA,CAAA,CAAA,EAAI,aAAa,CAAA;AAC5D,YAAA,CAAA;;;UAGH,cAAc;YAChB,IAAI,CAAA,CAAuB,oBAAA,EAAA,cAAc,CAAuB,qBAAA,CAAA;;KAEnE;;IAkCK,cAAc,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,aAAa;gBAChB,IAAI,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY;;;AAI/D;;AAEG;AAEH,IAAA,WAAW,UAAU,GAAA;QACnB,OAAO,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;;;AAEhC,aAAA,CAAA,MAAM,GAAG,MAAM,CAAC;AA3JvB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;AAC9B,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACK,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,sBAAA,EAAA,MAAA,CAAA;AAM/B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACZ,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAMd,UAAA,CAAA;AADC,IAAA,QAAQ;AACJ,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAML,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAClB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMR,UAAA,CAAA;AADC,IAAA,QAAQ;AACH,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMN,UAAA,CAAA;AADC,IAAA,QAAQ;AACM,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ;AACD,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMR,UAAA,CAAA;AADC,IAAA,QAAQ;AACH,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAIW,UAAA,CAAA;AAAhB,IAAA,KAAK;AAAiC,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAEN,UAAA,CAAA;IAAhC,KAAK,CAAC,gBAAgB;AAAkC,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AA0DjD,UAAA,CAAA;IAFP,YAAY,CAAC,kBAAkB;;AAM9B,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAzHE,aAAa,GAAA,UAAA,CAAA;AADlB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,YAAA,CAAc;AAChC,CAAA,EAAA,aAAa,CAiKlB;AAED,sBAAe,aAAa;;;;"}
+{"version":3,"file":"about-modal.js","sources":["../../../src/components/about-modal/about-modal.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}

package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css(["@keyframes out-to-active{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes active-to-out{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}.carousel__view,:host(.carousel__view){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(0);z-index:80}@media (prefers-reduced-motion:no-preference){.carousel__view,:host(.carousel__view){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view,:host(.carousel__view){animation:none;transition:none}}.carousel__view-active,:host(.carousel__view-active){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-100%);z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-active,:host(.carousel__view-active){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-active,:host(.carousel__view-active){animation:none;transition:none}}.carousel__view-in-stack,:host(.carousel__view-in-stack){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-200%);z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-in-stack,:host(.carousel__view-in-stack){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-in-stack,:host(.carousel__view-in-stack){animation:none;transition:none}}.carousel__view-recycle-in,:host(.carousel__view-recycle-in){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:out-to-active .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:none;transition:none}}.carousel__view-recycle-out,:host(.carousel__view-recycle-out){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:active-to-out .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:none;transition:none}}:host{box-sizing:border-box!important;padding-inline-start:2rem}"]);
+var styles = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}@keyframes out-to-active{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes active-to-out{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}.carousel__view,:host(.carousel__view){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(0);z-index:80}@media (prefers-reduced-motion:no-preference){.carousel__view,:host(.carousel__view){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view,:host(.carousel__view){animation:none;transition:none}}.carousel__view:focus,:host(.carousel__view:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view:focus,:host(.carousel__view:focus){outline-style:dotted}}.carousel__view-active,:host(.carousel__view-active){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-100%);z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-active,:host(.carousel__view-active){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-active,:host(.carousel__view-active){animation:none;transition:none}}.carousel__view-active:focus,:host(.carousel__view-active:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-active:focus,:host(.carousel__view-active:focus){outline-style:dotted}}.carousel__view-in-stack,:host(.carousel__view-in-stack){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-200%);z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-in-stack,:host(.carousel__view-in-stack){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-in-stack,:host(.carousel__view-in-stack){animation:none;transition:none}}.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline-style:dotted}}.carousel__view-recycle-in,:host(.carousel__view-recycle-in){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:out-to-active .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:none;transition:none}}.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline-style:dotted}}.carousel__view-recycle-out,:host(.carousel__view-recycle-out){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:active-to-out .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:none;transition:none}}.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline-style:dotted}}:host{box-sizing:border-box!important;padding-inline-start:2rem}"]);
 
 export { styles as default };
 //# sourceMappingURL=interstitial-screen-body-item.scss.js.map

package/es/components/interstitial-screen/interstitial-screen-body.d.ts

@@ -363,6 +363,7 @@ declare const CDSInterstitialScreenBody_base: {
  * @fires c4p-on-after-step-change -  The name of the custom event fired at the end of  the step change.
  */
 declare class CDSInterstitialScreenBody extends CDSInterstitialScreenBody_base {
+    slot: string;
     stepType: 'single' | 'multi';
     private carouselAPI;
     private carouselElement;
@@ -370,6 +371,7 @@ declare class CDSInterstitialScreenBody extends CDSInterstitialScreenBody_base {
     private _initCarousel;
     private onViewChangeStart;
     private onViewChangeEnd;
+    private updateAriaHiddenTabIndex;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
     /**

package/es/components/interstitial-screen/interstitial-screen-body.js

@@ -7,7 +7,7 @@
 
 import { __decorate } from 'tslib';
 import { LitElement, html } from 'lit';
-import { state } from 'lit/decorators.js';
+import { property, state } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings.js';
 import '@carbon/web-components/es/components/modal/index.js';
 import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
@@ -35,6 +35,7 @@ const blockClass = `${prefix}--interstitial-screen`;
 let CDSInterstitialScreenBody = class CDSInterstitialScreenBody extends HostListenerMixin(LitElement) {
     constructor() {
         super(...arguments);
+        this.slot = 'body';
         this.stepType = 'multi';
         this.carouselElement = createRef();
         this.onViewChangeStart = ({ currentIndex, lastIndex, totalViews }) => {
@@ -50,6 +51,9 @@ let CDSInterstitialScreenBody = class CDSInterstitialScreenBody extends HostList
             }));
         };
         this.onViewChangeEnd = ({ currentIndex, lastIndex, totalViews }) => {
+            if (currentIndex > 0) {
+                this.updateAriaHiddenTabIndex(currentIndex);
+            }
             updateInterstitialDetailsSignal({
                 name: 'currentStep',
                 detail: currentIndex,
@@ -65,15 +69,31 @@ let CDSInterstitialScreenBody = class CDSInterstitialScreenBody extends HostList
                 },
             }));
         };
+        this.updateAriaHiddenTabIndex = (itemNumber) => {
+            var _a, _b;
+            const allViews = (_a = this.carouselAPI) === null || _a === void 0 ? void 0 : _a.allViews;
+            (_b = Object.values(allViews)) === null || _b === void 0 ? void 0 : _b.forEach((item, idx) => {
+                const isActive = idx === itemNumber;
+                if (item) {
+                    // Set aria-hidden based on active state
+                    item.setAttribute('aria-hidden', String(!isActive));
+                    if (!isActive) {
+                        item.setAttribute('inert', ''); // Disable interactivity
+                    }
+                    else {
+                        item.removeAttribute('inert'); // Re-enable interactivity
+                    }
+                    item.removeAttribute('tabindex');
+                }
+            });
+        };
     }
     firstUpdated() {
-        var _a;
-        const slot = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
-        const assigned = slot.assignedElements({ flatten: true });
-        if (assigned.length === 1) {
+        const bodyItems = this.querySelectorAll(`${prefix}-interstitial-screen-body-item`);
+        if (bodyItems.length === 1) {
             this.stepType = 'single';
         }
-        else if (assigned.length > 1) {
+        else if (bodyItems.length > 1) {
             this.stepType = 'multi';
             //initialize carousel for multi-step
             this._initCarousel();
@@ -86,6 +106,7 @@ let CDSInterstitialScreenBody = class CDSInterstitialScreenBody extends HostList
             excludeSwipeSupport: true,
         });
         interstitialDetailsSignal.set(Object.assign(Object.assign({}, interstitialDetailsSignal.get()), { carouselAPI: this.carouselAPI }));
+        this.updateAriaHiddenTabIndex(0);
     }
     render() {
         return html `
@@ -117,6 +138,9 @@ let CDSInterstitialScreenBody = class CDSInterstitialScreenBody extends HostList
     }
 };
 CDSInterstitialScreenBody.styles = styles;
+__decorate([
+    property({ reflect: true })
+], CDSInterstitialScreenBody.prototype, "slot", void 0);
 __decorate([
     state()
 ], CDSInterstitialScreenBody.prototype, "stepType", void 0);

package/es/components/interstitial-screen/interstitial-screen-body.js.map

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

package/es/components/interstitial-screen/interstitial-screen-body.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--interstitial-screen--body{background-color:var(--cds-background,#fff);flex-grow:1;margin:0;overflow:hidden auto;padding:0}.c4p--interstitial-screen--progress{margin-block-end:.75rem}.c4p--interstitial-screen__carousel{block-size:100%}.c4p--interstitial-screen__carousel .c4p--carousel__item{flex:0 0 100%;scroll-snap-align:start}.c4p--interstitial-screen--internal-body{margin:0!important;padding:0!important}.c4p--interstitial-screen--content{block-size:100%}.c4p--interstitial-screen--internal-header{background-color:var(--cds-background,#fff);margin-block-end:0!important;min-block-size:3rem;padding-block-start:1.5rem;padding-inline-start:2rem!important;position:relative}.c4p--interstitial-screen--internal-header:empty{min-block-size:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer{margin-block-end:1rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);margin-block-end:.5rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1:empty{padding:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2:empty{padding:0}.c4p--interstitial-screen--internal-header--has-title{background:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.c4p--interstitial-screen--internal-header--has-title .c4p--interstitial-screen--progress{margin-block-start:0}.c4p--interstitial-screen--footer{background:var(--cds-background,#fff);border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);box-sizing:initial;display:flex;flex-direction:row;inline-size:100%;justify-content:flex-end}.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn{inline-size:18.75%;min-inline-size:12.5rem;padding-block-end:2rem}.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn{flex-grow:1!important;max-inline-size:none;padding-inline-start:2rem}.c4p--interstitial-screen--footer .cds--inline-loading{inline-size:2rem;inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--interstitial-screen--footer-controls{display:flex;flex-direction:row;margin-inline-start:auto}.c4p--interstitial-screen--full-screen,:host([fullscreen]){inset-block-start:0;inset-inline:0;position:fixed}.c4p--interstitial-screen--full-screen .c4p--interstitial-screen--container,:host([fullscreen]) .c4p--interstitial-screen--container{block-size:100vh;display:flex;flex-direction:column;margin:0;max-inline-size:100vw;padding:0}.c4p--interstitial-screen__body-container{padding:0}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}.c4p--interstitial-screen--body{block-size:100%}.c4p--interstitial-screen__carousel,.c4p--interstitial-screen__contentWrapper{display:flex}:host{display:flex;flex-grow:1;padding-block-end:0!important}"]);
+var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-feature-settings:\"liga\" 1;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--interstitial-screen--body{background-color:var(--cds-background,#fff);flex-grow:1;margin:0;overflow:hidden auto;padding:0}.c4p--interstitial-screen--progress{margin-block-end:.75rem}.c4p--interstitial-screen__carousel{block-size:100%}.c4p--interstitial-screen__carousel .c4p--carousel__item{flex:0 0 100%;scroll-snap-align:start}.c4p--interstitial-screen--internal-body{margin:0!important;padding:0!important}.c4p--interstitial-screen--content{block-size:100%}.c4p--interstitial-screen--internal-header{background-color:var(--cds-background,#fff);margin-block-end:0!important;min-block-size:3rem;padding-block-start:1.5rem;padding-inline-start:2rem!important;position:relative}.c4p--interstitial-screen--internal-header:empty{min-block-size:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer{margin-block-end:1rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572);margin-block-end:.5rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1:empty{padding:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2:empty{padding:0}.c4p--interstitial-screen--internal-header--has-title{background:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}.c4p--interstitial-screen--internal-header--has-title .c4p--interstitial-screen--progress{margin-block-start:0}.c4p--interstitial-screen--footer{background:var(--cds-background,#fff);border-block-start:1px solid var(--cds-border-subtle-01,#c6c6c6);box-sizing:initial;display:flex;flex-direction:row;inline-size:100%;justify-content:flex-end}.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn{inline-size:18.75%;min-inline-size:12.5rem;padding-block-end:2rem}.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn{flex-grow:1!important;max-inline-size:none;padding-inline-start:2rem}.c4p--interstitial-screen--footer .cds--inline-loading{inline-size:2rem;inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--interstitial-screen--footer-controls{display:flex;flex-direction:row;margin-inline-start:auto}.c4p--interstitial-screen--full-screen,:host([fullscreen]){inset-block-start:0;inset-inline:0;position:fixed}.c4p--interstitial-screen--full-screen .c4p--interstitial-screen--container,:host([fullscreen]) .c4p--interstitial-screen--container{block-size:100vh;display:flex;flex-direction:column;margin:0;max-inline-size:100vw;padding:0}.c4p--interstitial-screen__body-container{padding:0}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}.c4p--interstitial-screen--body{block-size:100%}.c4p--interstitial-screen__carousel,.c4p--interstitial-screen__contentWrapper{display:flex}:host{flex-grow:1;padding-block-end:0!important}"]);
 
 export { styles as default };
 //# sourceMappingURL=interstitial-screen-body.scss.js.map