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

package/es/utilities/carousel/carousel.js

@@ -13,6 +13,12 @@ import { registerSwipeEvents } from './swipeEvents.js';
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/**
+ * Initializes a carousel with the given configuration.
+ * @param carouselContainer - The HTMLElement representing the carousel container.
+ * @param config - Optional configuration object.
+ * @returns An object containing methods to control the carousel.
+ */
 const initCarousel = (carouselContainer, config) => {
     const prefix = 'carousel';
     let viewIndexStack = [0];
@@ -20,9 +26,26 @@ const initCarousel = (carouselContainer, config) => {
     const refs = {};
     const minHeight = 10; // 10 rem
     const { onViewChangeStart, onViewChangeEnd, excludeSwipeSupport } = config || {};
+    /**
+     * Registers an HTMLElement at a specific index in the refs array.
+     *
+     * @param {number} index - The index at which to register the HTMLElement.
+     * @param {HTMLElement} ref - The HTMLElement to register.
+     *
+     * @example
+     * registerRef(0, document.getElementById('myElement'));
+     */
     const registerRef = (index, ref) => {
         refs[index] = ref;
     };
+    /**
+     * Wraps all child elements of a given container into a new div with the specified class.
+     * If an element with the specified class already exists as a child of the container, the function does nothing.
+     *
+     * @param {HTMLElement} container - The container element to wrap child elements of.
+     * @param {string} wrapperClass - The class name to apply to the new wrapper div.
+     * @returns {void}
+     */
     const wrapAllItems = (container, wrapperClass) => {
         if (container.querySelector(`.${wrapperClass}`)) {
             return;
@@ -40,6 +63,10 @@ const initCarousel = (carouselContainer, config) => {
             elem: refs[id],
         }));
     };
+    /**
+     * Retrieves the current carousel response based on the view index stack and reference objects.
+     * @returns {CarouselResponse} - An object containing carousel response details.
+     */
     const getCallbackResponse = () => {
         const totalRefs = Object.keys(refs).length;
         const lastElementRef = refs[totalRefs - 1];
@@ -51,11 +78,27 @@ const initCarousel = (carouselContainer, config) => {
             historyStack: historicalData,
         };
     };
+    /**
+     * Handles the start of a transition in the application.
+     * This function is responsible for capturing the current state of the view index stack
+     * and invoking a callback function if it exists.
+     *
+     * @function handleTransitionStart
+     * @returns {void}
+     */
     const handleTransitionStart = () => {
         previousViewIndexStack = [...viewIndexStack];
         const callbackData = getCallbackResponse();
         onViewChangeStart === null || onViewChangeStart === void 0 ? void 0 : onViewChangeStart(callbackData);
     };
+    /**
+     * Handles the 'transitionend' event for a given element.
+     * This function checks if the element has a 'data-index' attribute and if its value matches the current view index.
+     * If both conditions are met, it calls the 'onViewChangeEnd' callback with the response from 'getCallbackResponse'.
+     *
+     * @param {HTMLElement | null} el - The element to handle the 'transitionend' event for.
+     * @returns {void}
+     */
     const handleTransitionEnd = (el) => {
         if (!el) {
             return;
@@ -67,11 +110,24 @@ const initCarousel = (carouselContainer, config) => {
             onViewChangeEnd === null || onViewChangeEnd === void 0 ? void 0 : onViewChangeEnd(callbackData);
         }
     };
+    /**
+     * A utility function to sanitize an index value.
+     * This function ensures the index stays within the bounds of the refs array.
+     *
+     * @param {number} idx - The index to be sanitized.
+     * @returns {number} - The sanitized index.
+     */
     const sanitizeIndex = (idx) => {
         const floorVal = 0;
         const ceilVal = Object.keys(refs).length - 1;
         return Math.max(floorVal, Math.min(idx, ceilVal));
     };
+    /**
+     * Handles the 'transitionend' event for a given element.
+     * This function checks if the element has a 'data-index' attribute and if its value matches the current view index.
+     * If both conditions are met, it calls the 'onViewChangeEnd' callback with the response from 'getCallbackResponse'.
+     * @returns {void}
+     */
     const transitionToViewIndex = (idx) => {
         const sanitizedIndex = sanitizeIndex(idx);
         if (viewIndexStack[0] !== sanitizedIndex) {
@@ -83,6 +139,16 @@ const initCarousel = (carouselContainer, config) => {
     const transitionComplete = (ref) => {
         handleTransitionEnd(ref);
     };
+    /**
+     * Attaches class names to an HTMLElement based on given conditions.
+     *
+     * @param {HTMLElement} viewItem - The HTML element to which class names will be added.
+     * @param {boolean} isInViewStack - Indicates if the view item is in the view stack.
+     * @param {boolean} isActive - Indicates if the view item is active.
+     * @param {boolean} isBeingRecycledOut - Indicates if the view item is being recycled out.
+     * @param {boolean} isBeingRecycledIn - Indicates if the view item is being recycled in.
+     * @returns {void}
+     */
     const attachClassNames = (viewItem, isInViewStack, isActive, isBeingRecycledOut, isBeingRecycledIn) => {
         viewItem.classList.add(`${prefix}__view`);
         viewItem.classList.toggle(`${prefix}__view-in-stack`, isInViewStack && !isActive);
@@ -100,6 +166,12 @@ const initCarousel = (carouselContainer, config) => {
     const remToPx = (rem) => {
         return (rem * parseFloat(getComputedStyle(document.documentElement).fontSize));
     };
+    /**
+     * Updates the height of the items wrapper in a carousel based on the smallest item height and a threshold height.
+     * This function ensures that the items wrapper does not have a height smaller than the threshold, adjusting the item height if necessary.
+     *
+     * @param {number} itemHeightSmallest - The smallest height of an item in pixels.
+     */
     const updateHeightForWrapper = (itemHeightSmallest) => {
         const thresholdHeight = remToPx(minHeight);
         const containerHeight = carouselContainer.clientHeight;
@@ -113,6 +185,10 @@ const initCarousel = (carouselContainer, config) => {
             }
         }
     };
+    /**
+     * Performs animation on view items based on their state in the view index stack.
+     * @param {boolean} isInitial - A flag indicating if this is the initial animation.
+     */
     const performAnimation = (isInitial) => {
         let itemHeightSmallest = 0;
         Array.from(viewItems).forEach((viewItem, index) => {
@@ -145,6 +221,8 @@ const initCarousel = (carouselContainer, config) => {
                         transitionComplete(viewItem);
                     }
                 };
+                // store reference on the element for later removal
+                viewItem._carouselListener = listener;
                 viewItem.addEventListener('animationend', listener);
                 viewItem.addEventListener('transitionend', listener);
                 viewItem.setAttribute('data-index', index.toString());
@@ -154,10 +232,22 @@ const initCarousel = (carouselContainer, config) => {
             handleTransitionEnd(Array.from(viewItems)[0]);
         }
     };
+    /**
+     * A utility function to navigate to the next view in the stack.
+     * This function increments the current view index and transitions to the new index.
+     *
+     * @returns {void} - This function does not return any value.
+     */
     const navigateNext = () => {
         const targetViewIndex = viewIndexStack[0] + 1;
         transitionToViewIndex(targetViewIndex);
     };
+    /**
+     * Navigates to the previous view in the view stack.
+     * @function navigatePrev
+     * @description This function checks if there is a previous view in the stack. If so, it triggers a transition start, removes the current view from the stack, and performs an animation to transition to the previous view.
+     * @returns {void} - This function does not return a value.
+     */
     const navigatePrev = () => {
         if (viewIndexStack.length - 1 >= 1) {
             handleTransitionStart();
@@ -165,22 +255,62 @@ const initCarousel = (carouselContainer, config) => {
             performAnimation(false);
         }
     };
+    /**
+     * A function that transitions the view to a specified index.
+     *
+     * @param {number} index - The index to transition to.
+     * @returns {void} - This function does not return a value.
+     */
     const goToIndex = (index) => {
         transitionToViewIndex(index);
     };
+    /**
+     * Retrieves the currently active item and its index from the view index stack and references.
+     * @returns An object containing the index and the corresponding item reference.
+     */
     const getActiveItem = () => {
         return {
             index: viewIndexStack[0],
             item: refs[viewIndexStack[0]],
         };
     };
+    /**
+     * Resets the view index stack and performs an animation.
+     *
+     * @returns {void}
+     */
     const reset = () => {
         viewIndexStack = [0];
         performAnimation(false);
     };
+    /**
+     * Removes event listeners for 'animationend' and 'transitionend' events from all elements with references stored in the `refs` object.
+     * Also registers swipe events if `excludeSwipeSupport` is false.
+     */
     const destroyEvents = () => {
-        registerSwipeEvents(carouselContainer, navigateNext, navigatePrev, true);
+        Object.values(refs).forEach((el) => {
+            if (el && el._carouselListener) {
+                el.removeEventListener('animationend', el._carouselListener);
+                el.removeEventListener('transitionend', el._carouselListener);
+            }
+        });
+        if (!excludeSwipeSupport) {
+            registerSwipeEvents(carouselContainer, navigateNext, navigatePrev, true);
+        }
     };
+    /**
+     * Retrieves carousel items from a given container element.
+     * If the container has a 'slot' element, it fetches all elements assigned to that slot.
+     * Otherwise, it fetches all direct children of the container.
+     *
+     * @param {HTMLElement} container - The container element from which to extract carousel items.
+     * @returns {HTMLElement[]} An array of HTMLElements representing the carousel items.
+     *
+     * @example
+     * const carouselContainer = document.querySelector('.carousel-container');
+     * const carouselItems = getCarouselItems(carouselContainer);
+     * console.log(carouselItems); // Logs the carousel items as HTMLElements
+     */
     const getCarouselItems = (container) => {
         const slot = container.querySelector('slot');
         return slot
@@ -202,7 +332,8 @@ const initCarousel = (carouselContainer, config) => {
         reset,
         goToIndex,
         getActiveItem,
-        destroyEvents: !excludeSwipeSupport ? destroyEvents : null,
+        destroyEvents,
+        allViews: refs,
     };
 };
 

package/es/utilities/carousel/carousel.js.map

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

package/es/utilities/carousel/types.d.ts

@@ -32,5 +32,6 @@ interface InitCarousel {
     goToIndex: (index: number) => void;
     getActiveItem: () => ActiveItem;
     destroyEvents: (() => void) | null;
+    allViews: Record<number, HTMLElement | null>;
 }
 export type { CarouselStackHistory, CarouselResponse, InitCarousel };

package/es-custom/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-custom/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-custom/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-custom/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":"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"}
+{"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-custom/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-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--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-custom-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-custom-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-custom-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-custom-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-custom-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-custom/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-custom/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-custom/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-custom/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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"}