@carbon/ibm-products-web-components 0.30.0-rc.0 → 0.31.0-rc.0

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

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+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-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-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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-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}.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-custom--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}"]);
+
+export { styles as default };
+//# sourceMappingURL=interstitial-screen.scss.js.map

package/es-custom/components/interstitial-screen/interstitial-screen.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interstitial-screen.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es-custom/components/interstitial-screen/interstitial-screen.test.d.ts

@@ -0,0 +1 @@
+import './index';

package/es-custom/components/interstitial-screen/interstitial-screen.test.js

@@ -0,0 +1,329 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { fixture, oneEvent, html } from '@open-wc/testing';
+import './interstitial-screen.js';
+import './interstitial-screen-header.js';
+import './interstitial-screen-body.js';
+import './interstitial-screen-body-item.js';
+import CDSInterstitialScreenFooter from './interstitial-screen-footer.js';
+import { interstitialDetailsSignal } from './interstitial-screen-context.js';
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const templateSingleStep = (args = {}) => {
+    return html `
+    <c4p-interstitial-screen ?fullscreen=${args.fullscreen} ?open=${args.open}>
+      <c4p-interstitial-screen-header
+        header-title="Use case-specific title"
+        header-subtitle="Use case-specific sub title"
+        closeIconDescription="Close"
+      ></c4p-interstitial-screen-header>
+
+      <c4p-interstitial-screen-body>
+        <c4p-interstitial-screen-body-item id="${1}">
+          <div
+            role="complementary"
+            aria-label="Use case-specific heading"
+            class="c4p--interstitial-screen-view"
+          >
+            <section class="bodyText">body text</section>
+          </div></c4p-interstitial-screen-body-item
+        >
+      </c4p-interstitial-screen-body>
+
+      <c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>
+    </c4p-interstitial-screen>
+  `;
+};
+const templateMultiStep = (args = {}) => {
+    return html `
+    <c4p-interstitial-screen ?fullscreen=${args.fullscreen} ?open="true">
+      <c4p-interstitial-screen-header
+        header-title="Use case-specific title"
+        header-subtitle="Use case-specific sub title
+
+"
+      ></c4p-interstitial-screen-header>
+
+      <c4p-interstitial-screen-body>
+        <c4p-interstitial-screen-body-item id="${1}" stepTitle="step 1">
+          <div
+            role="complementary"
+            aria-label="Use case-specific heading"
+            class="c4p--interstitial-screen-view"
+          >
+            <section>
+              <h1>Use case-specific heading 1</h1>
+            </section>
+          </div></c4p-interstitial-screen-body-item
+        >
+        <c4p-interstitial-screen-body-item id="${2}" stepTitle="step 2">
+          <div
+            role="complementary"
+            aria-label="Use case-specific heading"
+            class="c4p--interstitial-screen-view"
+          >
+            <section>
+              <h1>Use case-specific heading 2</h1>
+            </section>
+          </div></c4p-interstitial-screen-body-item
+        >
+        <c4p-interstitial-screen-body-item id="${3}" stepTitle="step 3">
+          <div
+            role="complementary"
+            aria-label="Use case-specific heading"
+            class="c4p--interstitial-screen-view"
+          >
+            <section>
+              <h1>Use case-specific heading 3</h1>
+            </section>
+          </div></c4p-interstitial-screen-body-item
+        >
+      </c4p-interstitial-screen-body>
+
+      <c4p-interstitial-screen-footer></c4p-interstitial-screen-footer>
+    </c4p-interstitial-screen>
+  `;
+};
+const prefix = 'c4p';
+describe('c4p-interstitial-screen', function () {
+    it('should render single step modal variant', async () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const el = await fixture(templateSingleStep({ fullscreen: false, open: true }));
+        // Header
+        const header = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-header`);
+        const headerShadow = header.shadowRoot;
+        const headerTitle = (_b = (_a = headerShadow.querySelector('h1')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
+        const headerSubTitle = (_d = (_c = headerShadow
+            .querySelector('h2')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
+        expect(headerTitle).to.equal('Use case-specific title');
+        expect(headerSubTitle).to.equal('Use case-specific sub title');
+        // Body
+        const body = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-body`);
+        const bodyItem = body === null || body === void 0 ? void 0 : body.querySelector(`${prefix}-interstitial-screen-body-item`);
+        const contentText = (_f = (_e = bodyItem === null || bodyItem === void 0 ? void 0 : bodyItem.querySelector('.bodyText')) === null || _e === void 0 ? void 0 : _e.textContent) === null || _f === void 0 ? void 0 : _f.trim();
+        expect(contentText).to.equal('body text');
+        // Footer
+        const footer = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-footer`);
+        const footerShadow = footer.shadowRoot;
+        const startButtonText = (_h = (_g = footerShadow
+            .querySelector('cds-custom-button')) === null || _g === void 0 ? void 0 : _g.textContent) === null || _h === void 0 ? void 0 : _h.trim();
+        expect(startButtonText).to.equal('Get Started');
+    });
+    it('responds to hasCloseIcon and renders closeIconDescription', async () => {
+        var _a, _b, _c;
+        const el = (await fixture(templateSingleStep({ open: true, fullscreen: false })));
+        expect(el === null || el === void 0 ? void 0 : el.open).toBeTruthy();
+        const header = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-header`);
+        expect(header === null || header === void 0 ? void 0 : header.closeIconDescription).toBe('Close');
+        const headerEle = (_a = header.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('cds-custom-modal-header');
+        expect(headerEle).to.exist;
+        const closeButton = (_c = (_b = headerEle === null || headerEle === void 0 ? void 0 : headerEle.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.assignedNodes({ flatten: true }).find((node) => node.nodeName.toLowerCase() === 'cds-custom-modal-close-button');
+        expect(closeButton).to.exist;
+        // Capture both events
+        const beforeClosePromise = oneEvent(el, 'c4p-interstitial-beingclosed');
+        const closePromise = oneEvent(el, 'c4p-interstitial-closed');
+        closeButton === null || closeButton === void 0 ? void 0 : closeButton.click();
+        await el.updateComplete;
+        // Wait for the first event
+        const beforeCloseEvent = await beforeClosePromise;
+        expect(beforeCloseEvent.type).to.equal('c4p-interstitial-beingclosed');
+        expect(beforeCloseEvent.defaultPrevented).to.be.false;
+        // Wait for the second event
+        const closeEvent = await closePromise;
+        expect(closeEvent.type).to.equal('c4p-interstitial-closed');
+        expect(el === null || el === void 0 ? void 0 : el.open).to.be.false;
+    });
+    it('should render multi step modal variant', async () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const el = await fixture(templateMultiStep({ fullscreen: false}));
+        //verify c4p-interstitial-opened is dispatched
+        const eventPromise = oneEvent(el, 'c4p-interstitial-opened');
+        el.open = true;
+        await el.updateComplete;
+        const event = await eventPromise;
+        expect(event).to.exist;
+        expect(event.type).to.equal('c4p-interstitial-opened');
+        // Header
+        const header = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-header`);
+        const headerShadow = header.shadowRoot;
+        const headerTitle = (_b = (_a = headerShadow.querySelector('h1')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
+        const headerSubTitle = (_d = (_c = headerShadow
+            .querySelector('h2')) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
+        expect(headerTitle).to.equal('Use case-specific title');
+        expect(headerSubTitle).to.equal('Use case-specific sub title');
+        //progress indicator
+        const progressIndicatorStepsLength = (_e = headerShadow === null || headerShadow === void 0 ? void 0 : headerShadow.querySelector(`cds-custom-progress-indicator`)) === null || _e === void 0 ? void 0 : _e.children.length;
+        expect(progressIndicatorStepsLength).to.be.equal(3);
+        //check step 1 is active
+        const step1 = (_f = headerShadow === null || headerShadow === void 0 ? void 0 : headerShadow.querySelector(`cds-custom-progress-indicator`)) === null || _f === void 0 ? void 0 : _f.children[0];
+        expect(step1 === null || step1 === void 0 ? void 0 : step1.getAttribute('label')).to.equal('step 1');
+        expect(step1 === null || step1 === void 0 ? void 0 : step1.getAttribute('state')).to.equal('current');
+        // check content is of step 1
+        const body = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-body`);
+        const bodyItem = body === null || body === void 0 ? void 0 : body.querySelector(`${prefix}-interstitial-screen-body-item`);
+        const contentText = (_h = (_g = bodyItem === null || bodyItem === void 0 ? void 0 : bodyItem.querySelector('h1')) === null || _g === void 0 ? void 0 : _g.textContent) === null || _h === void 0 ? void 0 : _h.trim();
+        expect(contentText).to.equal('Use case-specific heading 1');
+    });
+    it('step navigation using footer action buttons', async () => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const el = await fixture(templateMultiStep({ fullscreen: false}));
+        // Header
+        const header = el.querySelector(`${prefix}-interstitial-screen-header`);
+        const headerShadow = header.shadowRoot;
+        // Step 1 active
+        let stepIndicator = headerShadow.querySelector(`cds-custom-progress-indicator`);
+        const step1 = stepIndicator === null || stepIndicator === void 0 ? void 0 : stepIndicator.children[0];
+        expect(step1 === null || step1 === void 0 ? void 0 : step1.getAttribute('label')).to.equal('step 1');
+        expect(step1 === null || step1 === void 0 ? void 0 : step1.getAttribute('state')).to.equal('current');
+        // Step 1 content check
+        const body = el.querySelector(`${prefix}-interstitial-screen-body`);
+        const bodyItem = body.querySelector(`${prefix}-interstitial-screen-body-item`);
+        expect((_b = (_a = bodyItem === null || bodyItem === void 0 ? void 0 : bodyItem.querySelector('h1')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()).to.equal('Use case-specific heading 1');
+        // Footer
+        const footer = el.querySelector(`${prefix}-interstitial-screen-footer`);
+        const footerShadow = footer.shadowRoot;
+        const nextButton = footerShadow.querySelector('.c4p--interstitial-screen--next-btn');
+        // Go to Step 2
+        nextButton.click();
+        (_c = body
+            .querySelectorAll(`${prefix}-interstitial-screen-body-item`)[1]) === null || _c === void 0 ? void 0 : _c.dispatchEvent(new Event('transitionend', { bubbles: true }));
+        await el.updateComplete;
+        await Promise.all([footer.updateComplete, header.updateComplete]);
+        stepIndicator = headerShadow.querySelector(`cds-custom-progress-indicator`);
+        const step2 = stepIndicator === null || stepIndicator === void 0 ? void 0 : stepIndicator.children[1];
+        expect(step2 === null || step2 === void 0 ? void 0 : step2.getAttribute('label')).to.equal('step 2');
+        expect(step2 === null || step2 === void 0 ? void 0 : step2.getAttribute('state')).to.equal('current');
+        // Go to Step 3
+        nextButton.click();
+        (_d = body
+            .querySelectorAll(`${prefix}-interstitial-screen-body-item`)[2]) === null || _d === void 0 ? void 0 : _d.dispatchEvent(new Event('transitionend', { bubbles: true }));
+        await el.updateComplete;
+        await Promise.all([footer.updateComplete, header.updateComplete]);
+        stepIndicator = headerShadow.querySelector(`cds-custom-progress-indicator`);
+        const step3 = stepIndicator === null || stepIndicator === void 0 ? void 0 : stepIndicator.children[2];
+        expect(step3 === null || step3 === void 0 ? void 0 : step3.getAttribute('label')).to.equal('step 3');
+        expect(step3 === null || step3 === void 0 ? void 0 : step3.getAttribute('state')).to.equal('current');
+        // Back to Step 2
+        const backButton = footerShadow.querySelector('.c4p--interstitial-screen--prev-btn');
+        expect(backButton).to.exist;
+        backButton.click();
+        (_e = body
+            .querySelectorAll(`${prefix}-interstitial-screen-body-item`)[1]) === null || _e === void 0 ? void 0 : _e.dispatchEvent(new Event('transitionend', { bubbles: true }));
+        await el.updateComplete;
+        await Promise.all([footer.updateComplete, header.updateComplete]);
+        stepIndicator = headerShadow.querySelector(`cds-custom-progress-indicator`);
+        expect((_f = stepIndicator === null || stepIndicator === void 0 ? void 0 : stepIndicator.children[1]) === null || _f === void 0 ? void 0 : _f.getAttribute('state')).to.equal('current');
+        // Forward to Step 3 again
+        nextButton.click();
+        (_g = body
+            .querySelectorAll(`${prefix}-interstitial-screen-body-item`)[2]) === null || _g === void 0 ? void 0 : _g.dispatchEvent(new Event('transitionend', { bubbles: true }));
+        await el.updateComplete;
+        await Promise.all([footer.updateComplete, header.updateComplete]);
+        const startButton = footerShadow.querySelector('.c4p--interstitial-screen--start-btn');
+        expect(startButton).to.exist;
+        // Close component
+        startButton.click();
+        await el.updateComplete;
+        expect(el.open).to.be.false;
+    });
+    it('should render single step fullscreen variant', async () => {
+        const el = await fixture(templateSingleStep({ fullscreen: true, open: true }));
+        expect(el === null || el === void 0 ? void 0 : el.isFullScreen).to.be.true;
+        const style = getComputedStyle(el);
+        expect(style.position).to.equal('fixed');
+        // Header
+        const header = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-header`);
+        expect(header).to.exist;
+        // Body
+        const body = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-body`);
+        expect(body).to.exist;
+        const footer = el === null || el === void 0 ? void 0 : el.querySelector(`${prefix}-interstitial-screen-footer`);
+        expect(footer).to.exist;
+    });
+    describe('handleAction', () => {
+        let component;
+        const mockCarouselAPI = {
+            next: vi.fn(),
+            prev: vi.fn(),
+        };
+        const mockDetails = {
+            currentStep: 1,
+            stepDetails: [
+                { stepTitle: 'Step 1', id: 1 },
+                { stepTitle: 'Step 2', id: 2 },
+                { stepTitle: 'Step 3', id: 3 },
+            ],
+            carouselAPI: mockCarouselAPI,
+            isFullScreen: false,
+            disableActions: {
+                next: false,
+                back: false,
+                cancel: false,
+            },
+        };
+        beforeEach(() => {
+            component = new CDSInterstitialScreenFooter();
+            component.asyncAction = true;
+            interstitialDetailsSignal.get = vi.fn(() => mockDetails);
+            mockCarouselAPI.next.mockClear();
+            mockCarouselAPI.prev.mockClear();
+        });
+        it('should dispatch "c4p-on-action" and proceed when allowed', async () => {
+            const dispatchSpy = vi
+                .spyOn(component, 'dispatchEvent')
+                .mockImplementation((event) => {
+                expect(event.type).toBe('c4p-on-action');
+                event.detail.proceed(true);
+                return true;
+            });
+            await component['handleAction']('next');
+            expect(dispatchSpy).toHaveBeenCalled();
+            expect(mockCarouselAPI.next).toHaveBeenCalled();
+            expect(component.loadingAction).toBe('');
+        });
+        it('should cancel if proceed(false) is called', async () => {
+            vi.spyOn(component, 'dispatchEvent').mockImplementation((event) => {
+                expect(event.type).toBe('c4p-on-action');
+                event.detail.proceed(false);
+                return true;
+            });
+            await component['handleAction']('next');
+            expect(mockCarouselAPI.next).not.toHaveBeenCalled();
+            expect(component.loadingAction).toBe('');
+        });
+        it('should cancel if event is canceled (dispatchEvent returns false)', async () => {
+            vi.spyOn(component, 'dispatchEvent').mockReturnValue(false);
+            await component['handleAction']('next');
+            expect(mockCarouselAPI.next).not.toHaveBeenCalled();
+        });
+        it('should call prev if actionType is "back"', async () => {
+            vi.spyOn(component, 'dispatchEvent').mockImplementation((event) => {
+                event.detail.proceed(true);
+                return true;
+            });
+            await component['handleAction']('back');
+            expect(mockCarouselAPI.prev).toHaveBeenCalled();
+        });
+        it('should call _handleUserInitiatedClose if actionType is not "next" or "back"', async () => {
+            component._handleUserInitiatedClose = vi.fn();
+            vi.spyOn(component, 'dispatchEvent').mockImplementation((event) => {
+                event.detail.proceed(true);
+                return true;
+            });
+            await component['handleAction']('skip');
+            expect(component._handleUserInitiatedClose).toHaveBeenCalledWith('skip');
+        });
+    });
+});
+//# sourceMappingURL=interstitial-screen.test.js.map

package/es-custom/components/interstitial-screen/interstitial-screen.test.js.map

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

package/es-custom/components/notification-panel/_story-assets/unread-notification-bell.d.ts

@@ -0,0 +1,3 @@
+export declare const UnreadNotificationBell: (attrs?: {
+    slot?: string;
+}) => import("lit-html").TemplateResult<1>;

package/es-custom/components/notification-panel/_story-assets/unread-notification-bell.js

@@ -0,0 +1,45 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { html } from 'lit';
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const UnreadNotificationBell = (attrs = {}) => html `
+  <svg
+    width="18px"
+    height="19px"
+    slot=${attrs.slot || ''}
+    viewBox="0 0 18 19"
+    xmlns="http://www.w3.org/2000/svg"
+    class="sb-unread-notification-icon"
+    aria-label="Unread notification bell"
+    role="img"
+  >
+    <title>Unread notification bell</title>
+    <g transform="translate(-1.000000, 0.000000)">
+      <path
+        d="M17.9419375,12.058125 L16.25,10.3661875 L16.25,8.125 C16.245845,4.91692673 13.816599,2.23147626 10.625,1.90675 L10.625,0.625 L9.375,0.625 L9.375,1.90675 C6.183401,2.23147626 3.754155,4.91692673 3.75,8.125 L3.75,10.3661875 L2.0580625,12.058125 C1.94086706,12.1753182 1.875,12.3342622 1.875,12.5 L1.875,14.375 C1.875,14.720178 2.15482203,15 2.5,15 L6.875,15 L6.875,15.4855 C6.84694527,17.1272367 8.05869477,18.5271305 9.6875,18.7346875 C10.5660567,18.8218694 11.4405518,18.5337871 12.0952737,17.9415019 C12.7499955,17.3492167 13.1239886,16.5078712 13.125,15.625 L13.125,15 L17.5,15 C17.845178,15 18.125,14.720178 18.125,14.375 L18.125,12.5 C18.125,12.3342622 18.0591329,12.1753182 17.9419375,12.058125 Z M11.875,15.625 C11.875,16.6605339 11.0355339,17.5 10,17.5 C8.96446609,17.5 8.125,16.6605339 8.125,15.625 L8.125,15 L11.875,15 L11.875,15.625 Z M16.875,13.75 L3.125,13.75 L3.125,12.7588125 L4.816875,11.066875 C4.93409336,10.949692 4.9999646,10.7907468 5,10.625 L5,8.125 C5,5.36357625 7.23857625,3.125 10,3.125 C12.7614237,3.125 15,5.36357625 15,8.125 L15,10.625 C15.0000354,10.7907468 15.0659066,10.949692 15.183125,11.066875 L16.875,12.7588125 L16.875,13.75 Z"
+        fill-rule="nonzero"
+      ></path>
+      <circle
+        stroke="#161616"
+        fill="#DA1E28"
+        cx="15"
+        cy="4.375"
+        r="2.5"
+      ></circle>
+    </g>
+  </svg>
+`;
+
+export { UnreadNotificationBell };
+//# sourceMappingURL=unread-notification-bell.js.map

package/es-custom/components/notification-panel/_story-assets/unread-notification-bell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread-notification-bell.js","sources":["../../../../src/components/notification-panel/_story-assets/unread-notification-bell.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAGU,MAAA,sBAAsB,GAAG,CAAC,KAA2B,GAAA,EAAE,KAAK,IAAI,CAAA;;;;WAIlE,KAAK,CAAC,IAAI,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es-custom/components/notification-panel/date-time-context.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const dateTimeLocaleContext: {
+    __context__: string;
+};

package/es-custom/components/notification-panel/date-time-context.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { createContext } from '@lit/context';
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const dateTimeLocaleContext = createContext('dateTimeLocale');
+
+export { dateTimeLocaleContext };
+//# sourceMappingURL=date-time-context.js.map

package/es-custom/components/notification-panel/date-time-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-context.js","sources":["../../../src/components/notification-panel/date-time-context.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;MAIU,qBAAqB,GAChC,aAAa,CAAiB,gBAAgB;;;;"}

package/es-custom/components/notification-panel/defs.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/es-custom/components/notification-panel/defs.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+//# sourceMappingURL=defs.js.map

package/es-custom/components/notification-panel/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es-custom/components/notification-panel/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './notification-panel';
+import './notification';
+import './notification-footer';

package/es-custom/components/notification-panel/index.js

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import './notification-panel.js';
+import './notification.js';
+import './notification-footer.js';
+//# sourceMappingURL=index.js.map

package/es-custom/components/notification-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}