@carbon/ibm-products-web-components 0.21.0 → 0.22.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +102 -15
- package/es/components/about-modal/about-modal.d.ts +19 -3
- package/es/components/about-modal/about-modal.js +33 -2
- package/es/components/about-modal/about-modal.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
- package/es/components/interstitial-screen/interstitial-screen-body.js +30 -6
- package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.js +32 -3
- package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
- package/es/components/interstitial-screen/interstitial-screen-header.js +17 -1
- package/es/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.d.ts +9 -5
- package/es/components/interstitial-screen/interstitial-screen.js +45 -22
- package/es/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
- package/es/components/interstitial-screen/interstitial-screen.test.js +329 -0
- package/es/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
- package/es/components/notification-panel/notification-panel.d.ts +6 -1
- package/es/components/notification-panel/notification-panel.js +27 -8
- package/es/components/notification-panel/notification-panel.js.map +1 -1
- package/es/components/notification-panel/notification-panel.test.js +53 -0
- package/es/components/notification-panel/notification-panel.test.js.map +1 -1
- package/es/components/options-tile/options-tile.d.ts +9 -2
- package/es/components/options-tile/options-tile.js +26 -12
- package/es/components/options-tile/options-tile.js.map +1 -1
- package/es/components/options-tile/options-tile.scss.js +1 -1
- package/es/components/options-tile/options-tile.test.js +7 -7
- package/es/components/options-tile/options-tile.test.js.map +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
- package/es/components/page-header/_story-assets/set-of-tags/index.js +9 -0
- package/es/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
- package/es/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
- package/es/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
- package/es/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
- package/es/components/page-header/context.d.ts +1 -0
- package/es/components/page-header/context.js +1 -0
- package/es/components/page-header/context.js.map +1 -1
- package/es/components/page-header/page-header-breadcrumb.d.ts +1 -0
- package/es/components/page-header/page-header-breadcrumb.js +14 -2
- package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header-content.d.ts +1 -0
- package/es/components/page-header/page-header-content.js +12 -2
- package/es/components/page-header/page-header-content.js.map +1 -1
- package/es/components/page-header/page-header-title-breadcrumb.js +6 -0
- package/es/components/page-header/page-header-title-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header.d.ts +2 -0
- package/es/components/page-header/page-header.js +33 -1
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/page-header/page-header.scss.js +1 -1
- package/es/components/side-panel/_story-assets/index.js +4 -0
- package/es/components/side-panel/_story-assets/index.js.map +1 -1
- package/es/components/side-panel/side-panel.d.ts +12 -13
- package/es/components/side-panel/side-panel.js +59 -89
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +1 -1
- package/es/components/truncated-text/truncated-text.js +25 -7
- package/es/components/truncated-text/truncated-text.js.map +1 -1
- package/es/components/truncated-text/truncated-text.scss.js +1 -1
- package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
- package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es/utilities/carousel/carousel.d.ts +6 -0
- package/es/utilities/carousel/carousel.js +133 -2
- package/es/utilities/carousel/carousel.js.map +1 -1
- package/es/utilities/carousel/types.d.ts +1 -0
- package/es-custom/components/about-modal/about-modal.d.ts +19 -3
- package/es-custom/components/about-modal/about-modal.js +33 -2
- package/es-custom/components/about-modal/about-modal.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js +30 -6
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +32 -3
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js +17 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.d.ts +9 -5
- package/es-custom/components/interstitial-screen/interstitial-screen.js +45 -22
- package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.test.js +329 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.test.js.map +1 -0
- package/es-custom/components/notification-panel/notification-panel.d.ts +6 -1
- package/es-custom/components/notification-panel/notification-panel.js +27 -8
- package/es-custom/components/notification-panel/notification-panel.js.map +1 -1
- package/es-custom/components/notification-panel/notification-panel.test.js +53 -0
- package/es-custom/components/notification-panel/notification-panel.test.js.map +1 -1
- package/es-custom/components/options-tile/options-tile.d.ts +9 -2
- package/es-custom/components/options-tile/options-tile.js +26 -12
- package/es-custom/components/options-tile/options-tile.js.map +1 -1
- package/es-custom/components/options-tile/options-tile.scss.js +1 -1
- package/es-custom/components/options-tile/options-tile.test.js +7 -7
- package/es-custom/components/options-tile/options-tile.test.js.map +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/index.js +9 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/index.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js +260 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +13 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map +1 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js +44 -0
- package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js.map +1 -0
- package/es-custom/components/page-header/context.d.ts +1 -0
- package/es-custom/components/page-header/context.js +1 -0
- package/es-custom/components/page-header/context.js.map +1 -1
- package/es-custom/components/page-header/page-header-breadcrumb.d.ts +1 -0
- package/es-custom/components/page-header/page-header-breadcrumb.js +14 -2
- package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header-content.d.ts +1 -0
- package/es-custom/components/page-header/page-header-content.js +12 -2
- package/es-custom/components/page-header/page-header-content.js.map +1 -1
- package/es-custom/components/page-header/page-header-title-breadcrumb.js +6 -0
- package/es-custom/components/page-header/page-header-title-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header.d.ts +2 -0
- package/es-custom/components/page-header/page-header.js +33 -1
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/page-header/page-header.scss.js +1 -1
- package/es-custom/components/side-panel/_story-assets/index.js +4 -0
- package/es-custom/components/side-panel/_story-assets/index.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.d.ts +12 -13
- package/es-custom/components/side-panel/side-panel.js +59 -89
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +1 -1
- package/es-custom/components/truncated-text/truncated-text.js +25 -7
- package/es-custom/components/truncated-text/truncated-text.js.map +1 -1
- package/es-custom/components/truncated-text/truncated-text.scss.js +1 -1
- package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +11 -0
- package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +1 -0
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/utilities/carousel/carousel.d.ts +6 -0
- package/es-custom/utilities/carousel/carousel.js +133 -2
- package/es-custom/utilities/carousel/carousel.js.map +1 -1
- package/es-custom/utilities/carousel/types.d.ts +1 -0
- package/lib/components/about-modal/about-modal.d.ts +19 -3
- package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +2 -0
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +3 -0
- package/lib/components/interstitial-screen/interstitial-screen-header.d.ts +2 -0
- package/lib/components/interstitial-screen/interstitial-screen.d.ts +9 -5
- package/lib/components/interstitial-screen/interstitial-screen.test.d.ts +1 -0
- package/lib/components/notification-panel/notification-panel.d.ts +6 -1
- package/lib/components/options-tile/options-tile.d.ts +9 -2
- package/lib/components/page-header/_story-assets/set-of-tags/index.d.ts +9 -0
- package/lib/components/page-header/_story-assets/set-of-tags/set-of-tags.d.ts +40 -0
- package/lib/components/page-header/_story-assets/set-of-tags/utils.d.ts +23 -0
- package/lib/components/page-header/context.d.ts +1 -0
- package/lib/components/page-header/page-header-breadcrumb.d.ts +1 -0
- package/lib/components/page-header/page-header-content.d.ts +1 -0
- package/lib/components/page-header/page-header.d.ts +2 -0
- package/lib/components/side-panel/side-panel.d.ts +12 -13
- package/lib/utilities/carousel/carousel.d.ts +6 -0
- package/lib/utilities/carousel/types.d.ts +1 -0
- package/package.json +4 -3
- package/scss/components/interstitial-screen/interstitial-screen-body-item.scss +1 -1
- package/scss/components/interstitial-screen/interstitial-screen-body.scss +0 -1
- package/scss/components/interstitial-screen/interstitial-screen-footer.scss +0 -1
- package/scss/components/options-tile/options-tile.scss +8 -2
- package/scss/components/options-tile/story-styles.scss +21 -0
- package/scss/components/page-header/_story-assets/set-of-tags/set-of-tags.scss +94 -0
- package/scss/components/page-header/page-header.scss +69 -33
- package/scss/components/truncated-text/truncated-text.scss +4 -0
@@ -6,6 +6,7 @@
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
8
8
|
*/
|
9
|
+
import { PropertyValues } from 'lit';
|
9
10
|
import '@carbon/web-components/es/components/button/index.js';
|
10
11
|
import '@carbon/web-components/es/components/inline-loading/inline-loading.js';
|
11
12
|
import { CDSModalFooter } from '@carbon/web-components/es/index.js';
|
@@ -383,6 +384,7 @@ declare class CDSInterstitialScreenFooter extends CDSInterstitialScreenFooter_ba
|
|
383
384
|
* The label for the start button.
|
384
385
|
*/
|
385
386
|
startButtonLabel: string;
|
387
|
+
slot: string;
|
386
388
|
/**
|
387
389
|
* Enables support for asynchronous validation or user confirmation before proceeding
|
388
390
|
* to the next interstitial step. When set to true, the component will wait for an external
|
@@ -392,6 +394,7 @@ declare class CDSInterstitialScreenFooter extends CDSInterstitialScreenFooter_ba
|
|
392
394
|
*/
|
393
395
|
asyncAction: any;
|
394
396
|
loadingAction: any;
|
397
|
+
protected updated(_changedProperties: PropertyValues): void;
|
395
398
|
private _handleUserInitiatedClose;
|
396
399
|
private handleSkip;
|
397
400
|
private handleStart;
|
@@ -55,12 +55,13 @@ let CDSInterstitialScreenFooter = class CDSInterstitialScreenFooter extends Sign
|
|
55
55
|
* The label for the start button.
|
56
56
|
*/
|
57
57
|
this.startButtonLabel = 'Get Started';
|
58
|
+
this.slot = 'footer';
|
58
59
|
this.handleSkip = () => this.handleAction('skip');
|
59
60
|
this.handleStart = () => this.handleAction('start');
|
60
61
|
this.handleClickNext = () => this.handleAction('next');
|
61
62
|
this.handleClickPrev = () => this.handleAction('back');
|
62
63
|
this.handleAction = async (actionType) => {
|
63
|
-
var _a
|
64
|
+
var _a;
|
64
65
|
this.loadingAction = actionType;
|
65
66
|
const { currentStep, stepDetails } = interstitialDetailsSignal.get();
|
66
67
|
const stepCount = stepDetails.length;
|
@@ -87,7 +88,7 @@ let CDSInterstitialScreenFooter = class CDSInterstitialScreenFooter extends Sign
|
|
87
88
|
const canProceed = this.asyncAction ? await proceedPromise : true;
|
88
89
|
this.loadingAction = '';
|
89
90
|
if (canProceed) {
|
90
|
-
const carouselAPI
|
91
|
+
const { carouselAPI } = interstitialDetailsSignal.get();
|
91
92
|
if (actionType == 'next') {
|
92
93
|
carouselAPI.next();
|
93
94
|
}
|
@@ -95,11 +96,36 @@ let CDSInterstitialScreenFooter = class CDSInterstitialScreenFooter extends Sign
|
|
95
96
|
carouselAPI.prev();
|
96
97
|
}
|
97
98
|
else {
|
98
|
-
(
|
99
|
+
(_a = this._handleUserInitiatedClose) === null || _a === void 0 ? void 0 : _a.call(this, actionType);
|
99
100
|
}
|
100
101
|
}
|
101
102
|
};
|
102
103
|
}
|
104
|
+
updated(_changedProperties) {
|
105
|
+
if (_changedProperties.size === 0) {
|
106
|
+
// This logic ensures the start/next button receives focus when focus is lost from the "next" or "back" buttons
|
107
|
+
// during step navigation—particularly when those buttons are not rendered.
|
108
|
+
this.updateComplete.then(() => {
|
109
|
+
const { stepDetails, currentStep } = interstitialDetailsSignal.get();
|
110
|
+
const isMultiStep = Array.isArray(stepDetails) && stepDetails.length > 0;
|
111
|
+
const lastStepIndex = (stepDetails === null || stepDetails === void 0 ? void 0 : stepDetails.length) - 1;
|
112
|
+
if (!isMultiStep) {
|
113
|
+
return;
|
114
|
+
}
|
115
|
+
const focusButton = (selector) => {
|
116
|
+
var _a;
|
117
|
+
const btn = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
|
118
|
+
btn === null || btn === void 0 ? void 0 : btn.focus();
|
119
|
+
};
|
120
|
+
if (currentStep === lastStepIndex) {
|
121
|
+
focusButton(`.${prefix}--interstitial-screen--start-btn`);
|
122
|
+
}
|
123
|
+
else if (currentStep === 0) {
|
124
|
+
focusButton(`.${prefix}--interstitial-screen--next-btn`);
|
125
|
+
}
|
126
|
+
});
|
127
|
+
}
|
128
|
+
}
|
103
129
|
_handleUserInitiatedClose(triggeredBy) {
|
104
130
|
const init = {
|
105
131
|
bubbles: true,
|
@@ -214,6 +240,9 @@ __decorate([
|
|
214
240
|
__decorate([
|
215
241
|
property({ reflect: true })
|
216
242
|
], CDSInterstitialScreenFooter.prototype, "startButtonLabel", void 0);
|
243
|
+
__decorate([
|
244
|
+
property({ reflect: true })
|
245
|
+
], CDSInterstitialScreenFooter.prototype, "slot", void 0);
|
217
246
|
__decorate([
|
218
247
|
property({ type: Boolean, reflect: true, attribute: 'async-action' })
|
219
248
|
], CDSInterstitialScreenFooter.prototype, "asyncAction", void 0);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"interstitial-screen-footer.js","sources":["../../../src/components/interstitial-screen/interstitial-screen-footer.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAeH,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;
|
1
|
+
{"version":3,"file":"interstitial-screen-footer.js","sources":["../../../src/components/interstitial-screen/interstitial-screen-footer.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
@@ -7,7 +7,7 @@
|
|
7
7
|
|
8
8
|
import { css } from 'lit';
|
9
9
|
|
10
|
-
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{display:flex;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}"]);
|
10
|
+
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}"]);
|
11
11
|
|
12
12
|
export { styles as default };
|
13
13
|
//# sourceMappingURL=interstitial-screen-footer.scss.js.map
|
@@ -365,6 +365,7 @@ declare class CDSInterstitialScreenHeader extends CDSInterstitialScreenHeader_ba
|
|
365
365
|
* Provide an optional title to be applied to the header.
|
366
366
|
*/
|
367
367
|
headerTitle: string;
|
368
|
+
slot: string;
|
368
369
|
/**
|
369
370
|
* Tooltip text and aria label for the Close button icon.
|
370
371
|
*/
|
@@ -384,6 +385,7 @@ declare class CDSInterstitialScreenHeader extends CDSInterstitialScreenHeader_ba
|
|
384
385
|
* @param triggeredBy The element that triggered this close request.
|
385
386
|
*/
|
386
387
|
private _handleUserInitiatedClose;
|
388
|
+
getElementForAriaLive: () => import("lit-html").TemplateResult<1>;
|
387
389
|
getProgressIndicatorContent(stepDetails: any): import("lit-html").TemplateResult<1>;
|
388
390
|
getTitleContent(): import("lit-html").TemplateResult<1>;
|
389
391
|
getHeaderContent(): import("lit-html").TemplateResult<1>;
|
@@ -8,7 +8,7 @@
|
|
8
8
|
import { __decorate } from 'tslib';
|
9
9
|
import { LitElement, html, nothing } from 'lit';
|
10
10
|
import { property } from 'lit/decorators.js';
|
11
|
-
import { prefix } from '../../globals/settings.js';
|
11
|
+
import { carbonPrefix, prefix } from '../../globals/settings.js';
|
12
12
|
import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
|
13
13
|
import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
|
14
14
|
import { classMap } from 'lit-html/directives/class-map.js';
|
@@ -38,6 +38,7 @@ let CDSInterstitialScreenHeader = class CDSInterstitialScreenHeader extends Sign
|
|
38
38
|
* Provide an optional title to be applied to the header.
|
39
39
|
*/
|
40
40
|
this.headerTitle = '';
|
41
|
+
this.slot = 'header';
|
41
42
|
/**
|
42
43
|
* Tooltip text and aria label for the Close button icon.
|
43
44
|
*/
|
@@ -63,6 +64,17 @@ let CDSInterstitialScreenHeader = class CDSInterstitialScreenHeader extends Sign
|
|
63
64
|
}
|
64
65
|
return 'invalid';
|
65
66
|
};
|
67
|
+
this.getElementForAriaLive = () => {
|
68
|
+
const currentStep = interstitialDetailsSignal.get().currentStep;
|
69
|
+
const stepDetails = interstitialDetailsSignal.get().stepDetails;
|
70
|
+
return html ` <div
|
71
|
+
aria-live="polite"
|
72
|
+
aria-atomic="true"
|
73
|
+
class="${carbonPrefix}--visually-hidden"
|
74
|
+
>
|
75
|
+
Step ${currentStep + 1} of ${stepDetails.length}
|
76
|
+
</div>`;
|
77
|
+
};
|
66
78
|
}
|
67
79
|
/**
|
68
80
|
* Handles user-initiated close request of this tearsheet.
|
@@ -90,6 +102,7 @@ let CDSInterstitialScreenHeader = class CDSInterstitialScreenHeader extends Sign
|
|
90
102
|
state="${this.getStepState(index)}"
|
91
103
|
></cds-progress-step>`)}
|
92
104
|
</cds-progress-indicator>
|
105
|
+
${this.getElementForAriaLive()}
|
93
106
|
</div>
|
94
107
|
`;
|
95
108
|
}
|
@@ -139,6 +152,9 @@ CDSInterstitialScreenHeader.styles = styles;
|
|
139
152
|
__decorate([
|
140
153
|
property({ reflect: true, attribute: 'header-title' })
|
141
154
|
], CDSInterstitialScreenHeader.prototype, "headerTitle", void 0);
|
155
|
+
__decorate([
|
156
|
+
property({ reflect: true })
|
157
|
+
], CDSInterstitialScreenHeader.prototype, "slot", void 0);
|
142
158
|
__decorate([
|
143
159
|
property({ reflect: true, attribute: 'header-subtitle' })
|
144
160
|
], CDSInterstitialScreenHeader.prototype, "headerSubTitle", void 0);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"interstitial-screen-header.js","sources":["../../../src/components/interstitial-screen/interstitial-screen-header.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAaH,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,uBAAuB;AACnD,MAAM,gBAAgB,GAAG,CAAG,EAAA,UAAU,mBAAmB;AAEzD;;;AAGG;AAEH,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,aAAa,CACrD,iBAAiB,CAAC,UAAU,CAAC,CAC9B,CAAA;AAFD,IAAA,WAAA,GAAA;;AAGE;;AAEG;QAEH,IAAW,CAAA,WAAA,GAAW,EAAE;
|
1
|
+
{"version":3,"file":"interstitial-screen-header.js","sources":["../../../src/components/interstitial-screen/interstitial-screen-header.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAaH,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,uBAAuB;AACnD,MAAM,gBAAgB,GAAG,CAAG,EAAA,UAAU,mBAAmB;AAEzD;;;AAGG;AAEH,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,aAAa,CACrD,iBAAiB,CAAC,UAAU,CAAC,CAC9B,CAAA;AAFD,IAAA,WAAA,GAAA;;AAGE;;AAEG;QAEH,IAAW,CAAA,WAAA,GAAW,EAAE;QAExB,IAAI,CAAA,IAAA,GAAG,QAAQ;AACf;;AAEG;QAGH,IAAc,CAAA,cAAA,GAAW,EAAE;AAE3B;;AAEG;QAEH,IAAoB,CAAA,oBAAA,GAAW,OAAO;AAEtC;;AAEG;QAEH,IAAqB,CAAA,qBAAA,GAAY,KAAK;AAE9B,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,KAAK,KAAI;YAC/B,MAAM,WAAW,GAAG,yBAAyB,CAAC,GAAG,EAAE,CAAC,WAAW;AAC/D,YAAA,IAAI,KAAK,KAAK,WAAW,EAAE;AACzB,gBAAA,OAAO,SAAS;;AACX,iBAAA,IAAI,KAAK,GAAG,WAAW,EAAE;AAC9B,gBAAA,OAAO,UAAU;;AACZ,iBAAA,IAAI,KAAK,GAAG,WAAW,EAAE;AAC9B,gBAAA,OAAO,YAAY;;AAGrB,YAAA,OAAO,SAAS;AAClB,SAAC;QA2BD,IAAqB,CAAA,qBAAA,GAAG,MAAK;YAC3B,MAAM,WAAW,GAAG,yBAAyB,CAAC,GAAG,EAAE,CAAC,WAAW;YAC/D,MAAM,WAAW,GAAG,yBAAyB,CAAC,GAAG,EAAE,CAAC,WAAW;AAC/D,YAAA,OAAO,IAAI,CAAA,CAAA;;;eAGA,YAAY,CAAA;;AAEd,WAAA,EAAA,WAAW,GAAG,CAAC,CAAO,IAAA,EAAA,WAAW,CAAC,MAAM;WAC1C;AACT,SAAC;;AAnCD;;;;AAIG;AACK,IAAA,yBAAyB,CAAC,WAA+B,EAAA;AAC/D,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;;AAcH,IAAA,2BAA2B,CAAC,WAAW,EAAA;AACrC,QAAA,OAAO,IAAI,CAAA;oBACK,UAAU,CAAA;;YAElB,WAAW,CAAC,GAAG,CACf,CAAC,IAAI,EAAE,KAAK,KACV,IAAI,CAAA,CAAA;AACO,uBAAA,EAAA,IAAI,CAAC,SAAS,CAAA;AAChB,qBAAA,EAAA,IAAI,CAAC,EAAE,CAAA;AACL,uBAAA,EAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;oCACb,CACzB;;UAED,IAAI,CAAC,qBAAqB,EAAE;;KAEjC;;IAGH,eAAe,GAAA;QACb,OAAO,IAAI,CAAA,CAAA,aAAA,EAAgB,UAAU,CAAA;QACjC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAA,CAAO,IAAA,EAAA,IAAI,CAAC,WAAW,CAAO,KAAA,CAAA;QACtD,IAAI,CAAC,cAAc,IAAI,IAAI,CAAA,CAAO,IAAA,EAAA,IAAI,CAAC,cAAc,CAAO,KAAA,CAAA;WACzD;;IAGT,gBAAgB,GAAA;QACd,MAAM,WAAW,GAAG,yBAAyB,CAAC,GAAG,EAAE,CAAC,WAAW;AAE/D,QAAA,OAAO,IAAI,CAAA;;AAEP,MAAA,EAAA,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,GAAG,OAAO;;;;AAKtE,UAAA,EAAA,CAAC,IAAI,CAAC,qBAAqB,IAAI,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,MAAM,IAAG;AACnD,cAAE,IAAI,CAAC,2BAA2B,CAAC,WAAW;AAC9C,cAAE,OACN;;;KAGL;;IAGH,MAAM,GAAA;QACJ,MAAM,EAAE,YAAY,EAAE,GAAG,yBAAyB,CAAC,GAAG,EAAE;QAExD,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAG,EAAA,gBAAgB,CAAE,CAAA,GAAG,IAAI;AAC7B,YAAA,CAAC,CAAG,EAAA,gBAAgB,CAAa,WAAA,CAAA,GAC/B,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,cAAc;AAC1C,SAAA,CAAC;AACF,QAAA,OAAO;cACH,IAAI,CAAA,CAAmB,gBAAA,EAAA,OAAO,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAW,SAAA;AACvE,cAAE,IAAI,CAAA,CAAA,yBAAA,EAA4B,OAAO,CAAA;;AAEd,+BAAA,EAAA,IAAI,CAAC,oBAAoB;AACpC,oBAAA,EAAA,IAAI,CAAC,yBAAyB,CAAA;;;YAGxC,IAAI,CAAC,gBAAgB,EAAE;4BACP;;AAK1B,IAAA,WAAW,iBAAiB,GAAA;QAC1B,OAAO,CAAA,EAAG,MAAM,CAAA,cAAA,CAAgB;;;AAH3B,2BAAM,CAAA,MAAA,GAAG,MAAH;AAvIb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE;AAC7B,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAEzB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACX,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMhB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE;AAC7B,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAM5B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACY,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,sBAAA,EAAA,MAAA,CAAA;AAMvC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACH,CAAA,EAAA,2BAAA,CAAA,SAAA,EAAA,uBAAA,EAAA,MAAA,CAAA;AA3BnC,2BAA2B,GAAA,UAAA,CAAA;AADhC,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B;AAC/C,CAAA,EAAA,2BAA2B,CAmJhC;AACD,oCAAe,2BAA2B;;;;"}
|
@@ -391,19 +391,23 @@ declare class CDSInterstitialScreen extends CDSInterstitialScreen_base {
|
|
391
391
|
* @ignore
|
392
392
|
*/
|
393
393
|
modalBody: HTMLElement;
|
394
|
-
private header;
|
395
|
-
private body;
|
396
|
-
private footer;
|
397
394
|
private _wasOpen;
|
398
395
|
connectedCallback(): void;
|
396
|
+
disconnectedCallback(): void;
|
399
397
|
firstUpdated(): void;
|
400
398
|
updated(changedProps: Map<string | number | symbol, unknown>): void;
|
401
399
|
private dispatchInItializeEvent;
|
400
|
+
/**
|
401
|
+
* Handles `click` event on this element.
|
402
|
+
*
|
403
|
+
* @param event The event.
|
404
|
+
*/
|
405
|
+
private _handleOutsideClick;
|
402
406
|
private setDisableActionButtons;
|
403
407
|
_handleClose(e: any): void;
|
404
|
-
renderFullScreen(): import("lit-html").TemplateResult<1
|
408
|
+
renderFullScreen(): import("lit-html").TemplateResult<1>;
|
405
409
|
renderModal(): import("lit-html").TemplateResult<1>;
|
406
|
-
render(): import("lit-html").TemplateResult<1
|
410
|
+
render(): import("lit-html").TemplateResult<1> | typeof nothing;
|
407
411
|
static styles: any;
|
408
412
|
static get eventOnInterstitialOpened(): string;
|
409
413
|
/**
|
@@ -6,15 +6,16 @@
|
|
6
6
|
*/
|
7
7
|
|
8
8
|
import { __decorate } from 'tslib';
|
9
|
-
import { LitElement,
|
9
|
+
import { LitElement, html, nothing } from 'lit';
|
10
10
|
import { property, state, query } from 'lit/decorators.js';
|
11
|
-
import { prefix } from '../../globals/settings.js';
|
11
|
+
import { carbonPrefix, prefix } from '../../globals/settings.js';
|
12
12
|
import '@carbon/web-components/es/components/modal/index.js';
|
13
13
|
import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
|
14
14
|
import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
|
15
15
|
import styles from './interstitial-screen.scss.js';
|
16
16
|
import { SignalWatcher } from '@lit-labs/signals';
|
17
17
|
import { interstitialDetailsSignal, updateInterstitialDetailsSignal, resetInterstitialDetailsSignal } from './interstitial-screen-context.js';
|
18
|
+
import HostListener from '@carbon/web-components/es/globals/decorators/host-listener';
|
18
19
|
|
19
20
|
/**
|
20
21
|
* @license
|
@@ -48,9 +49,6 @@ let CDSInterstitialScreen = class CDSInterstitialScreen extends SignalWatcher(Ho
|
|
48
49
|
*/
|
49
50
|
this.open = false;
|
50
51
|
this.stepDetails = [];
|
51
|
-
this.header = null;
|
52
|
-
this.body = null;
|
53
|
-
this.footer = null;
|
54
52
|
this._wasOpen = false;
|
55
53
|
this.dispatchInItializeEvent = () => {
|
56
54
|
setTimeout(() => {
|
@@ -73,6 +71,20 @@ let CDSInterstitialScreen = class CDSInterstitialScreen extends SignalWatcher(Ho
|
|
73
71
|
}));
|
74
72
|
});
|
75
73
|
};
|
74
|
+
/**
|
75
|
+
* Handles `click` event on this element.
|
76
|
+
*
|
77
|
+
* @param event The event.
|
78
|
+
*/
|
79
|
+
this._handleOutsideClick = (event) => {
|
80
|
+
var _a, _b;
|
81
|
+
const modal = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal`);
|
82
|
+
const modalContent = (_b = modal === null || modal === void 0 ? void 0 : modal.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`.${carbonPrefix}--modal-container`);
|
83
|
+
const path = event.composedPath();
|
84
|
+
if (modalContent && !path.includes(modalContent)) {
|
85
|
+
this._handleClose(event);
|
86
|
+
}
|
87
|
+
};
|
76
88
|
this.setDisableActionButtons = (config) => {
|
77
89
|
updateInterstitialDetailsSignal({ name: 'disableActions', detail: config });
|
78
90
|
};
|
@@ -81,13 +93,18 @@ let CDSInterstitialScreen = class CDSInterstitialScreen extends SignalWatcher(Ho
|
|
81
93
|
super.connectedCallback();
|
82
94
|
this.addEventListener(`${prefix}-request-close`, this._handleClose);
|
83
95
|
}
|
96
|
+
disconnectedCallback() {
|
97
|
+
var _a;
|
98
|
+
const { carouselAPI } = interstitialDetailsSignal.get();
|
99
|
+
(_a = carouselAPI === null || carouselAPI === void 0 ? void 0 : carouselAPI.destroyEvents) === null || _a === void 0 ? void 0 : _a.call(carouselAPI);
|
100
|
+
}
|
84
101
|
firstUpdated() {
|
85
|
-
// This has to do since cds-modal does not accept cds-body inside a slotted children.It will append it explicitly append cds body
|
86
|
-
this.header = this.querySelector(`${prefix}-interstitial-screen-header`);
|
87
|
-
this.body = this.querySelector(`${prefix}-interstitial-screen-body`);
|
88
|
-
this.footer = this.querySelector(`${prefix}-interstitial-screen-footer`);
|
89
102
|
this.requestUpdate(); // Ensure re-render
|
90
103
|
resetInterstitialDetailsSignal();
|
104
|
+
updateInterstitialDetailsSignal({
|
105
|
+
name: 'isFullScreen',
|
106
|
+
detail: this.isFullScreen,
|
107
|
+
});
|
91
108
|
}
|
92
109
|
updated(changedProps) {
|
93
110
|
if (changedProps.has('open')) {
|
@@ -116,13 +133,13 @@ let CDSInterstitialScreen = class CDSInterstitialScreen extends SignalWatcher(Ho
|
|
116
133
|
}
|
117
134
|
//template methods
|
118
135
|
renderFullScreen() {
|
119
|
-
return
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
136
|
+
return html `
|
137
|
+
<div class="${blockClass}--container">
|
138
|
+
<slot name="header"></slot>
|
139
|
+
<slot name="body"></slot>
|
140
|
+
<slot name="footer"></slot>
|
141
|
+
</div>
|
142
|
+
`;
|
126
143
|
}
|
127
144
|
renderModal() {
|
128
145
|
return html `<cds-modal
|
@@ -132,19 +149,21 @@ let CDSInterstitialScreen = class CDSInterstitialScreen extends SignalWatcher(Ho
|
|
132
149
|
size="lg"
|
133
150
|
?open="${this.open}"
|
134
151
|
>
|
135
|
-
|
152
|
+
<slot name="header"></slot>
|
136
153
|
<cds-modal-body class="${blockClass}__body-container">
|
137
|
-
|
154
|
+
<slot name="body"></slot>
|
138
155
|
</cds-modal-body>
|
139
156
|
<cds-modal-footer>
|
140
|
-
|
157
|
+
<slot name="footer"></slot>
|
141
158
|
</cds-modal-footer>
|
142
159
|
</cds-modal>`;
|
143
160
|
}
|
144
161
|
render() {
|
145
|
-
return this.
|
146
|
-
?
|
147
|
-
|
162
|
+
return this.open
|
163
|
+
? this.isFullScreen
|
164
|
+
? html `${this.renderFullScreen()}`
|
165
|
+
: html `${this.renderModal()}`
|
166
|
+
: nothing;
|
148
167
|
}
|
149
168
|
static get eventOnInterstitialOpened() {
|
150
169
|
return `${prefix}-interstitial-opened`;
|
@@ -177,6 +196,10 @@ __decorate([
|
|
177
196
|
__decorate([
|
178
197
|
query('cds-modal-body')
|
179
198
|
], CDSInterstitialScreen.prototype, "modalBody", void 0);
|
199
|
+
__decorate([
|
200
|
+
HostListener('click')
|
201
|
+
// @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
|
202
|
+
], CDSInterstitialScreen.prototype, "_handleOutsideClick", void 0);
|
180
203
|
CDSInterstitialScreen = __decorate([
|
181
204
|
carbonElement(`${prefix}-interstitial-screen`)
|
182
205
|
], CDSInterstitialScreen);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"interstitial-screen.js","sources":["../../../src/components/interstitial-screen/interstitial-screen.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"
|
1
|
+
{"version":3,"file":"interstitial-screen.js","sources":["../../../src/components/interstitial-screen/interstitial-screen.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
import './index';
|