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

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

@@ -0,0 +1,263 @@
+/**
+ * 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 { __decorate } from 'tslib';
+import { nothing, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
+import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
+import '@carbon/web-components/es/components/button/index.js';
+import styles from './interstitial-screen-footer.scss.js';
+import { interstitialDetailsSignal } from './interstitial-screen-context.js';
+import { SignalWatcher } from '@lit-labs/signals';
+import '@carbon/web-components/es/components/inline-loading/inline-loading.js';
+import CDSModalFooter from '@carbon/web-components/es/components/modal/modal-footer';
+import ArrowRight from '@carbon/icons/es/arrow--right/16.js';
+import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+import { registerFocusableContainers } from '../../utilities/manageFocusTrap/manageFocusTrap.js';
+
+/**
+ * @license
+ *
+ * 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 blockClass = `${prefix}--interstitial-screen`;
+/**
+ * interstitial-screen-footer for footer section
+ * @element c4p-interstitial-screen-footer
+ * @fires c4p-on-action - The name of the custom event fired just before the action. You can use this event to perform any async/sync validation.
+ * if you pass async-action = true, the component will wait for an external listener (e.g., a form validation or confirmation modal) to resolve the proceed()
+ *  callback before continuing. When asyncAction is true, you must listen for the eventOnBeforeAction event and call the proceed() function
+ *  (either synchronously or with a promise) to allow navigation.
+ */
+let CDSInterstitialScreenFooter = class CDSInterstitialScreenFooter extends SignalWatcher(HostListenerMixin(CDSModalFooter)) {
+    constructor() {
+        super(...arguments);
+        /**
+         * The label for the Next button.
+         */
+        this.nextButtonLabel = 'Next';
+        /**
+         * The label for the Previous button.
+         */
+        this.previousButtonLabel = 'Back';
+        /**
+         * The label for the skip button.
+         */
+        this.skipButtonLabel = 'Skip';
+        /**
+         * The label for the start button.
+         */
+        this.startButtonLabel = 'Get Started';
+        this.slot = 'footer';
+        this.handleSkip = () => this.handleAction('skip');
+        this.handleStart = () => this.handleAction('start');
+        this.handleClickNext = () => this.handleAction('next');
+        this.handleClickPrev = () => this.handleAction('back');
+        this.handleAction = async (actionType) => {
+            var _a;
+            this.loadingAction = actionType;
+            const { currentStep, stepDetails } = interstitialDetailsSignal.get();
+            const stepCount = stepDetails.length;
+            let resolvePromise;
+            const proceedPromise = new Promise((resolve) => {
+                resolvePromise = resolve;
+            });
+            const customEvent = new CustomEvent(this.constructor.eventOnBeforeAction, {
+                bubbles: true,
+                composed: true,
+                cancelable: true,
+                detail: {
+                    step: currentStep,
+                    stepCount: stepCount,
+                    proceed: (allow) => {
+                        Promise.resolve(allow).then(resolvePromise);
+                    },
+                },
+            });
+            const eventNotCanceled = this.dispatchEvent(customEvent);
+            if (!eventNotCanceled) {
+                return;
+            }
+            const canProceed = this.asyncAction ? await proceedPromise : true;
+            this.loadingAction = '';
+            if (canProceed) {
+                const { carouselAPI } = interstitialDetailsSignal.get();
+                if (actionType == 'next') {
+                    carouselAPI === null || carouselAPI === void 0 ? void 0 : carouselAPI.next();
+                }
+                else if (actionType === 'back') {
+                    carouselAPI === null || carouselAPI === void 0 ? void 0 : carouselAPI.prev();
+                }
+                else {
+                    (_a = this._handleUserInitiatedClose) === null || _a === void 0 ? void 0 : _a.call(this, actionType);
+                }
+            }
+        };
+    }
+    firstUpdated(_changedProperties) {
+        registerFocusableContainers(this.childNodes.length > 0 ? this : this.shadowRoot);
+    }
+    updated(_changedProperties) {
+        if (_changedProperties.size === 0) {
+            // This logic ensures the start/next button receives focus when focus is lost from the "next" or "back" buttons
+            // during step navigation—particularly when those buttons are not rendered.
+            this.updateComplete.then(() => {
+                const { stepDetails, currentStep } = interstitialDetailsSignal.get();
+                const isMultiStep = Array.isArray(stepDetails) && stepDetails.length > 0;
+                const lastStepIndex = (stepDetails === null || stepDetails === void 0 ? void 0 : stepDetails.length) - 1;
+                if (!isMultiStep) {
+                    return;
+                }
+                const focusButton = (selector) => {
+                    var _a;
+                    const btn = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+                    btn === null || btn === void 0 ? void 0 : btn.focus();
+                };
+                if (currentStep === lastStepIndex) {
+                    focusButton(`.${prefix}--interstitial-screen--start-btn`);
+                }
+                else if (currentStep === 0) {
+                    focusButton(`.${prefix}--interstitial-screen--next-btn`);
+                }
+            });
+        }
+    }
+    _handleUserInitiatedClose(triggeredBy) {
+        const init = {
+            bubbles: true,
+            cancelable: true,
+            composed: true,
+            detail: {
+                triggeredBy,
+            },
+        };
+        this.dispatchEvent(new CustomEvent(this.constructor.eventRequestClose, init));
+    }
+    render() {
+        const { stepDetails, currentStep, disableActions } = interstitialDetailsSignal.get();
+        const { start, next, back, skip } = disableActions;
+        const isMulti = (stepDetails === null || stepDetails === void 0 ? void 0 : stepDetails.length) > 0;
+        const progStepCeil = (stepDetails === null || stepDetails === void 0 ? void 0 : stepDetails.length) - 1;
+        return html `<slot>
+      <div class="${blockClass}--footer">
+        ${isMulti
+            ? html `
+              <cds-button
+                class="${blockClass}--skip-btn"
+                kind="ghost"
+                size="lg"
+                title="${this.skipButtonLabel}"
+                @click="${this.handleSkip}"
+                ?disabled="${skip}"
+              >
+                ${this.skipButtonLabel}
+              </cds-button>
+            `
+            : ''}
+        <div class="${blockClass}--footer-controls">
+          ${isMulti && currentStep > 0
+            ? html `
+                <cds-button
+                  class="${blockClass}--prev-btn"
+                  kind="secondary"
+                  size="lg"
+                  title="${this.previousButtonLabel}"
+                  ?disabled="${back}"
+                  @click="${this.handleClickPrev}"
+                >
+                  ${this.previousButtonLabel}
+                  ${this.loadingAction === 'back'
+                ? html ` <cds-inline-loading slot="icon" aria-live="off">
+                      </cds-inline-loading>`
+                : nothing}
+                </cds-button>
+              `
+            : nothing}
+          ${isMulti && currentStep < progStepCeil
+            ? html `
+                <cds-button
+                  class="${blockClass}--next-btn"
+                  kind="primary"
+                  size="lg"
+                  title="${this.nextButtonLabel}"
+                  ?disabled="${next}"
+                  @click="${this.handleClickNext}"
+                >
+                  ${this.nextButtonLabel}
+                  ${this.loadingAction === 'next'
+                ? html ` <cds-inline-loading slot="icon" aria-live="off">
+                      </cds-inline-loading>`
+                : html `${iconLoader(ArrowRight, { slot: 'icon' })}`}
+                </cds-button>
+              `
+            : nothing}
+          ${(isMulti && currentStep === progStepCeil) || !isMulti
+            ? html `
+                <cds-button
+                  class="${blockClass}--start-btn"
+                  kind="primary"
+                  size="lg"
+                  title="${this.startButtonLabel}"
+                  ?disabled="${start}"
+                  @click="${this.handleStart}"
+                >
+                  ${this.startButtonLabel}
+                  ${this.loadingAction === 'start'
+                ? html ` <cds-inline-loading slot="icon" aria-live="off">
+                      </cds-inline-loading>`
+                : nothing}
+                </cds-button>
+              `
+            : nothing}
+        </div>
+      </div>
+    </slot>`;
+    }
+    static get eventRequestClose() {
+        return `${prefix}-request-close`;
+    }
+    /**
+     * The name of the custom event fired just before the action.
+     */
+    static get eventOnBeforeAction() {
+        return `${prefix}-on-action`;
+    }
+};
+CDSInterstitialScreenFooter.styles = styles;
+__decorate([
+    property({ reflect: true })
+], CDSInterstitialScreenFooter.prototype, "nextButtonLabel", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSInterstitialScreenFooter.prototype, "previousButtonLabel", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSInterstitialScreenFooter.prototype, "skipButtonLabel", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSInterstitialScreenFooter.prototype, "startButtonLabel", void 0);
+__decorate([
+    property({ reflect: true })
+], CDSInterstitialScreenFooter.prototype, "slot", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'async-action' })
+], CDSInterstitialScreenFooter.prototype, "asyncAction", void 0);
+__decorate([
+    state()
+], CDSInterstitialScreenFooter.prototype, "loadingAction", void 0);
+CDSInterstitialScreenFooter = __decorate([
+    carbonElement(`${prefix}-interstitial-screen-footer`)
+], CDSInterstitialScreenFooter);
+var CDSInterstitialScreenFooter$1 = CDSInterstitialScreenFooter;
+
+export { CDSInterstitialScreenFooter$1 as default };
+//# sourceMappingURL=interstitial-screen-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interstitial-screen-footer.js","sources":["../../../src/components/interstitial-screen/interstitial-screen-footer.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAiBH,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,uBAAuB;AAInD;;;;;;;AAOG;AAEH,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,aAAa,CACrD,iBAAiB,CAAC,cAAc,CAAC,CAClC,CAAA;AAFD,IAAA,WAAA,GAAA;;AAGE;;AAEG;QAEH,IAAe,CAAA,eAAA,GAAW,MAAM;AAChC;;AAEG;QAEH,IAAmB,CAAA,mBAAA,GAAW,MAAM;AACpC;;AAEG;QAEH,IAAe,CAAA,eAAA,GAAW,MAAM;AAChC;;AAEG;QAEH,IAAgB,CAAA,gBAAA,GAAG,aAAa;QAGhC,IAAI,CAAA,IAAA,GAAG,QAAQ;QA0EP,IAAU,CAAA,UAAA,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;QAC5C,IAAW,CAAA,WAAA,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;QAC9C,IAAe,CAAA,eAAA,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;QACjD,IAAe,CAAA,eAAA,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;AAEjD,QAAA,IAAA,CAAA,YAAY,GAAG,OAAO,UAAsB,KAAI;;AACtD,YAAA,IAAI,CAAC,aAAa,GAAG,UAAU;YAE/B,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,yBAAyB,CAAC,GAAG,EAAE;AACpE,YAAA,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM;AAEpC,YAAA,IAAI,cAAc;YAClB,MAAM,cAAc,GAAG,IAAI,OAAO,CAAU,CAAC,OAAO,KAAI;gBACtD,cAAc,GAAG,OAAO;AAC1B,aAAC,CAAC;YAEF,MAAM,WAAW,GAAG,IAAI,WAAW,CAE/B,IAAI,CAAC,WACN,CAAC,mBAAmB,EACrB;AACE,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,MAAM,EAAE;AACN,oBAAA,IAAI,EAAE,WAAW;AACjB,oBAAA,SAAS,EAAE,SAAS;AACpB,oBAAA,OAAO,EAAE,CAAC,KAAiC,KAAI;wBAC7C,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;qBAC5C;AACF,iBAAA;AACF,aAAA,CACF;YAED,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;YAExD,IAAI,CAAC,gBAAgB,EAAE;gBACrB;;AAGF,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,GAAG,MAAM,cAAc,GAAG,IAAI;AAEjE,YAAA,IAAI,CAAC,aAAa,GAAG,EAAE;YAEvB,IAAI,UAAU,EAAE;gBACd,MAAM,EAAE,WAAW,EAAE,GAAG,yBAAyB,CAAC,GAAG,EAAE;AAEvD,gBAAA,IAAI,UAAU,IAAI,MAAM,EAAE;AACxB,oBAAA,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,IAAI,EAAE;;AACd,qBAAA,IAAI,UAAU,KAAK,MAAM,EAAE;AAChC,oBAAA,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,IAAI,EAAE;;qBACd;AACL,oBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,yBAAyB,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAA,UAAU,CAAC;;;AAGlD,SAAC;;AAlHS,IAAA,YAAY,CAAC,kBAAkC,EAAA;AACvD,QAAA,2BAA2B,CACzB,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,UAAU,CACpD;;AAGO,IAAA,OAAO,CAAC,kBAAkC,EAAA;AAClD,QAAA,IAAI,kBAAkB,CAAC,IAAI,KAAK,CAAC,EAAE;;;AAGjC,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAK;gBAC5B,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,yBAAyB,CAAC,GAAG,EAAE;AAEpE,gBAAA,MAAM,WAAW,GACf,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;AACtD,gBAAA,MAAM,aAAa,GAAG,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,MAAM,IAAG,CAAC;gBAE7C,IAAI,CAAC,WAAW,EAAE;oBAChB;;AAGF,gBAAA,MAAM,WAAW,GAAG,CAAC,QAAgB,KAAI;;oBACvC,MAAM,GAAG,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CACxC,QAAQ,CACmB;AAC7B,oBAAA,GAAG,aAAH,GAAG,KAAA,MAAA,GAAA,MAAA,GAAH,GAAG,CAAE,KAAK,EAAE;AACd,iBAAC;AAED,gBAAA,IAAI,WAAW,KAAK,aAAa,EAAE;AACjC,oBAAA,WAAW,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,gCAAA,CAAkC,CAAC;;AACpD,qBAAA,IAAI,WAAW,KAAK,CAAC,EAAE;AAC5B,oBAAA,WAAW,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,+BAAA,CAAiC,CAAC;;AAE5D,aAAC,CAAC;;;AAIE,IAAA,yBAAyB,CAC/B,WAA4C,EAAA;AAE5C,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,WAAW;AACZ,aAAA;SACF;AAED,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAEX,IAAI,CAAC,WACN,CAAC,iBAAiB,EACnB,IAAI,CACL,CACF;;IA4DH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,GAChD,yBAAyB,CAAC,GAAG,EAAE;QACjC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,cAAc;AAClD,QAAA,MAAM,OAAO,GAAG,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,MAAM,IAAG,CAAC;AACvC,QAAA,MAAM,YAAY,GAAG,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,MAAM,IAAG,CAAC;AAE5C,QAAA,OAAO,IAAI,CAAA,CAAA;oBACK,UAAU,CAAA;UACpB;cACE,IAAI,CAAA;;yBAES,UAAU,CAAA;;;AAGV,uBAAA,EAAA,IAAI,CAAC,eAAe,CAAA;AACnB,wBAAA,EAAA,IAAI,CAAC,UAAU,CAAA;6BACZ,IAAI,CAAA;;AAEf,gBAAA,EAAA,IAAI,CAAC,eAAe;;AAEzB,YAAA;AACH,cAAE,EAAE;sBACQ,UAAU,CAAA;YACpB,OAAO,IAAI,WAAW,GAAG;cACvB,IAAI,CAAA;;2BAES,UAAU,CAAA;;;AAGV,yBAAA,EAAA,IAAI,CAAC,mBAAmB,CAAA;+BACpB,IAAI,CAAA;AACP,0BAAA,EAAA,IAAI,CAAC,eAAe,CAAA;;AAE5B,kBAAA,EAAA,IAAI,CAAC,mBAAmB;oBACxB,IAAI,CAAC,aAAa,KAAK;kBACrB,IAAI,CAAA,CAAA;AACkB,2CAAA;AACxB,kBAAE,OAAO;;AAEd,cAAA;AACH,cAAE,OAAO;YACT,OAAO,IAAI,WAAW,GAAG;cACvB,IAAI,CAAA;;2BAES,UAAU,CAAA;;;AAGV,yBAAA,EAAA,IAAI,CAAC,eAAe,CAAA;+BAChB,IAAI,CAAA;AACP,0BAAA,EAAA,IAAI,CAAC,eAAe,CAAA;;AAE5B,kBAAA,EAAA,IAAI,CAAC,eAAe;oBACpB,IAAI,CAAC,aAAa,KAAK;kBACrB,IAAI,CAAA,CAAA;AACkB,2CAAA;AACxB,kBAAE,IAAI,CAAA,CAAA,EAAG,UAAU,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAE,CAAA;;AAExD,cAAA;AACH,cAAE,OAAO;YACT,CAAC,OAAO,IAAI,WAAW,KAAK,YAAY,KAAK,CAAC;cAC5C,IAAI,CAAA;;2BAES,UAAU,CAAA;;;AAGV,yBAAA,EAAA,IAAI,CAAC,gBAAgB,CAAA;+BACjB,KAAK,CAAA;AACR,0BAAA,EAAA,IAAI,CAAC,WAAW,CAAA;;AAExB,kBAAA,EAAA,IAAI,CAAC,gBAAgB;oBACrB,IAAI,CAAC,aAAa,KAAK;kBACrB,IAAI,CAAA,CAAA;AACkB,2CAAA;AACxB,kBAAE,OAAO;;AAEd,cAAA;AACH,cAAE,OAAO;;;YAGT;;AAKV,IAAA,WAAW,iBAAiB,GAAA;QAC1B,OAAO,CAAA,EAAG,MAAM,CAAA,cAAA,CAAgB;;AAGlC;;AAEG;AACH,IAAA,WAAW,mBAAmB,GAAA;QAC5B,OAAO,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY;;;AAVvB,2BAAM,CAAA,MAAA,GAAG,MAAH;AAxOb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACM,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAKjC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACU,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,MAAA,CAAA;AAKrC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACM,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAKjC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACM,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAGjC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACX,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAUhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE;AACzD,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAGZ,UAAA,CAAA;AADC,IAAA,KAAK;AACQ,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAtCV,2BAA2B,GAAA,UAAA,CAAA;AADhC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B;AAC/C,CAAA,EAAA,2BAA2B,CA2PhC;AACD,oCAAe,2BAA2B;;;;"}

package/es/components/interstitial-screen/interstitial-screen-footer.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--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{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}:host{inline-size:100%}.c4p--interstitial-screen--footer{block-size:4rem}.c4p--interstitial-screen--footer-controls{display:flex}cds-button{block-size:100%}cds-inline-loading{inset-block-start:0;position:absolute}.c4p--interstitial-screen--skip-btn{padding-inline-start:0!important}.c4p--interstitial-screen--skip-btn::part(button){padding-inline-start:2rem}"]);
+
+export { styles as default };
+//# sourceMappingURL=interstitial-screen-footer.scss.js.map

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

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