@carbon/ibm-products-web-components 0.33.0 → 0.34.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/es/components/coachmark/coachmark-helpers.d.ts +11 -0
- package/es/components/coachmark/coachmark-helpers.js +35 -0
- package/es/components/coachmark/coachmark-helpers.js.map +1 -0
- package/es/components/coachmark/coachmark.js +1 -1
- package/es/components/coachmark/coachmark.js.map +1 -1
- package/es/components/guide-banner/guide-banner.js +1 -0
- package/es/components/guide-banner/guide-banner.js.map +1 -1
- package/es/components/guide-banner/guide-banner.scss.js +1 -1
- package/es/components/options-tile/options-tile.d.ts +5 -0
- package/es/components/options-tile/options-tile.js +24 -5
- package/es/components/options-tile/options-tile.js.map +1 -1
- package/es/components/options-tile/options-tile.scss.js +1 -1
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es/utilities/makeDraggable/makeDraggable.js +19 -10
- package/es/utilities/makeDraggable/makeDraggable.js.map +1 -1
- package/es/utilities/snapscroll/index.d.ts +1 -1
- package/es/utilities/snapscroll/index.js +1 -1
- package/es/utilities/snapscroll/snapscroll.d.ts +10 -0
- package/es/utilities/snapscroll/snapscroll.js +112 -9
- package/es/utilities/snapscroll/snapscroll.js.map +1 -1
- package/es-custom/components/coachmark/coachmark-helpers.d.ts +11 -0
- package/es-custom/components/coachmark/coachmark-helpers.js +35 -0
- package/es-custom/components/coachmark/coachmark-helpers.js.map +1 -0
- package/es-custom/components/coachmark/coachmark.js +1 -1
- package/es-custom/components/coachmark/coachmark.js.map +1 -1
- package/es-custom/components/guide-banner/guide-banner.js +1 -0
- package/es-custom/components/guide-banner/guide-banner.js.map +1 -1
- package/es-custom/components/guide-banner/guide-banner.scss.js +1 -1
- package/es-custom/components/options-tile/options-tile.d.ts +5 -0
- package/es-custom/components/options-tile/options-tile.js +24 -5
- 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/packages/ibm-products-web-components/package.json.js +1 -1
- package/es-custom/utilities/makeDraggable/makeDraggable.js +19 -10
- package/es-custom/utilities/makeDraggable/makeDraggable.js.map +1 -1
- package/es-custom/utilities/snapscroll/index.d.ts +1 -1
- package/es-custom/utilities/snapscroll/index.js +1 -1
- package/es-custom/utilities/snapscroll/snapscroll.d.ts +10 -0
- package/es-custom/utilities/snapscroll/snapscroll.js +112 -9
- package/es-custom/utilities/snapscroll/snapscroll.js.map +1 -1
- package/lib/components/coachmark/coachmark-helpers.d.ts +11 -0
- package/lib/components/options-tile/options-tile.d.ts +5 -0
- package/lib/utilities/snapscroll/index.d.ts +1 -1
- package/lib/utilities/snapscroll/snapscroll.d.ts +10 -0
- package/package.json +4 -5
- package/scss/components/guide-banner/guide-banner.scss +4 -0
- package/scss/components/options-tile/options-tile.scss +12 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2026
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
export declare const handleClick: () => void;
|
|
10
|
+
export declare const handleDone: () => void;
|
|
11
|
+
export declare const handleCoachmarkOpened: () => void;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { prefix } from '../../globals/settings.js';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* @license
|
|
12
|
+
*
|
|
13
|
+
* Copyright IBM Corp. 2026
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/
|
|
18
|
+
const handleClick = () => {
|
|
19
|
+
const coachmark = document.querySelector('c4p-coachmark');
|
|
20
|
+
coachmark === null || coachmark === void 0 ? void 0 : coachmark.toggleAttribute('open');
|
|
21
|
+
};
|
|
22
|
+
const handleDone = () => {
|
|
23
|
+
var _a;
|
|
24
|
+
(_a = document.querySelector(`${prefix}-coachmark`)) === null || _a === void 0 ? void 0 : _a.removeAttribute('open');
|
|
25
|
+
};
|
|
26
|
+
// Listen for coachmark-opened event to focus the Done button
|
|
27
|
+
const handleCoachmarkOpened = () => {
|
|
28
|
+
setTimeout(() => {
|
|
29
|
+
const doneButton = document.querySelector('.coachmark-body cds-button');
|
|
30
|
+
doneButton === null || doneButton === void 0 ? void 0 : doneButton.focus();
|
|
31
|
+
}, 100);
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
export { handleClick, handleCoachmarkOpened, handleDone };
|
|
35
|
+
//# sourceMappingURL=coachmark-helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"coachmark-helpers.js","sources":["../../../src/components/coachmark/coachmark-helpers.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;AAOG;AAII,MAAM,WAAW,GAAG,MAAK;IAC9B,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC;IACzD,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,eAAe,CAAC,MAAM,CAAC;AACpC;AAEO,MAAM,UAAU,GAAG,MAAK;;AAC7B,IAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,aAAa,CAAC,CAAG,EAAA,MAAM,CAAY,UAAA,CAAA,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,eAAe,CAAC,MAAM,CAAC;AACxE;AAEA;AACO,MAAM,qBAAqB,GAAG,MAAK;IACxC,UAAU,CAAC,MAAK;QACd,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,4BAA4B,CAAC;AACtE,QAAA,UAA0B,aAA1B,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAkB,KAAK,EAAE;KACrC,EAAE,GAAG,CAAC;AACT;;;;"}
|
|
@@ -76,7 +76,7 @@ let CDSCoachmark = class CDSCoachmark extends SignalWatcher(HostListenerMixin(Li
|
|
|
76
76
|
const header = assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.find((el) => el.tagName.toLowerCase() === `${prefix}-coachmark-header`);
|
|
77
77
|
requestAnimationFrame(() => {
|
|
78
78
|
var _a;
|
|
79
|
-
const dragHandle = (_a = header.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(
|
|
79
|
+
const dragHandle = (_a = header.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${prefix}--coachmark-header-drag-handle`);
|
|
80
80
|
const draggable = makeDraggable({
|
|
81
81
|
el: popoverContent,
|
|
82
82
|
dragHandle: header,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"coachmark.js","sources":["../../../src/components/coachmark/coachmark.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAiBU,MAAA,UAAU,GAAG,CAAG,EAAA,MAAM;AAEnC;;;;;;AAMG;AAEH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,aAAa,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAA;AAAvE,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAY,KAAK;AACrB;;AAEG;AAEH,QAAA,IAAA,CAAA,KAAK,GAAY,iBAAiB,CAAC,GAAG;AAMtC;;AAEG;QAEH,IAAQ,CAAA,QAAA,GAAa,KAAK;AAC1B;;AAEG;QAEH,IAAY,CAAA,YAAA,GAAa,KAAK;AAE9B;;AAEG;QAEH,IAAU,CAAA,UAAA,GAAa,KAAK;QAEpB,IAAW,CAAA,WAAA,GAAwB,IAAI;;IAE/C,oBAAoB,GAAA;QAClB,KAAK,CAAC,oBAAoB,EAAE;AAC5B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE;;AAEpB,QAAA,2BAA2B,EAAE;;IAGvB,cAAc,GAAA;;AACpB,QAAA,MAAM,OAAO,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAC5C,CAAA,CAAA,EAAI,UAAU,CAAA,SAAA,CAAW,CACX;QAChB,MAAM,cAAc,GAAG,OAAO,CAAC,aAAa,CAC1C,qBAAqB,CACP;QAChB,MAAM,OAAO,GAAG,cAAc,CAAC,aAAa,CAC1C,CAAI,CAAA,EAAA,UAAU,CAAW,SAAA,CAAA,CACX;QAChB,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC;AAC1C,QAAA,MAAM,gBAAgB,GAAG,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAClE,MAAM,MAAM,GAAG,gBAAgB,KAAhB,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAE,IAAI,CACnC,CAAC,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,CAAG,EAAA,MAAM,CAAmB,iBAAA,CAAA,CACnD;QAChB,qBAAqB,CAAC,MAAK;;
|
|
1
|
+
{"version":3,"file":"coachmark.js","sources":["../../../src/components/coachmark/coachmark.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -59,6 +59,7 @@ let CDSGuideBanner = class CDSGuideBanner extends HostListenerMixin(LitElement)
|
|
|
59
59
|
this.dispatchEvent(new CustomEvent(this.constructor.eventOnClose, init));
|
|
60
60
|
}
|
|
61
61
|
_handleToggle() {
|
|
62
|
+
this.open = !this.open;
|
|
62
63
|
const init = {
|
|
63
64
|
bubbles: true,
|
|
64
65
|
composed: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"guide-banner.js","sources":["../../../src/components/guide-banner/guide-banner.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAcU,MAAA,UAAU,GAAG,CAAG,EAAA,MAAM;AACnC,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,cAAc;AAE1C;;;;;;;AAOK;AAGL,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAA1D,IAAA,WAAA,GAAA;;QAEE,IAAY,CAAA,YAAA,GAAY,EAAE;QAG1B,IAAU,CAAA,UAAA,GAAY,EAAE;QAGxB,IAAI,CAAA,IAAA,GAAY,KAAK;QAGrB,IAAS,CAAA,SAAA,GAAY,EAAE;;AAEvB,IAAA,WAAW,WAAW,GAAA;QACpB,OAAO,CAAA,EAAG,UAAU,CAAA,OAAA,CAAS;;AAG/B,IAAA,WAAW,YAAY,GAAA;QACrB,OAAO,CAAA,EAAG,UAAU,CAAA,MAAA,CAAQ;;IAGtB,YAAY,GAAA;AAClB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE,EAAE;SACX;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAqC,CAAC,YAAY,EACxD,IAAI,CACL,CACF;;IAGK,aAAa,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG;AACX,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,MAAM,EAAE;gBACN,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,aAAA;SACF;AACD,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACZ,IAAI,CAAC,WAAqC,CAAC,WAAW,EACvD,IAAI,CACL,CACF;;IAGK,SAAS,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,IAAI,CAAA,CAAe,YAAA,EAAA,UAAU,YAAY,IAAI,CAAC,SAAS,CAAA,MAAA,CAAQ;;AAExE,QAAA,OAAO,OAAO;;IAGR,UAAU,GAAA;AAChB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU;AAClE,QAAA,OAAO,IAAI,CAAA,CAAA;;;eAGA,UAAU,CAAA;AACV,aAAA,EAAA,IAAI,CAAC,aAAa;;QAEzB,UAAU;kBACA;;IAGhB,MAAM,GAAA;QACJ,MAAM,OAAO,GAAG,QAAQ,CAAC;AACvB,YAAA,CAAC,CAAG,EAAA,UAAU,CAAE,CAAA,GAAG,IAAI;YACvB,CAAC,CAAA,EAAG,UAAU,CAAyB,uBAAA,CAAA,GAAG,CAAC,IAAI,CAAC,IAAI;AACrD,SAAA,CAAC;AACF,QAAA,OAAO,IAAI,CAAA;oBACK,OAAO,CAAA;sBACL,UAAU,CAAA;wBACR,UAAU,CAAA;;gBAElB,UAAU,CAAC,MAAM,EAAE;AACnB,YAAA,IAAI,EAAE,MAAM;SACb,CAAC;;;YAGJ,IAAI,CAAC,SAAS,EAAE;;;;qBAIP,UAAU,CAAA;;;AAGT,oBAAA,EAAA,IAAI,CAAC,YAAY,CAAA;;cAEzB,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;AAG1B,uBAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;;;qBAIb,CAAC,GAAe,KAAI;YAC3B,GAAG,CAAC,cAAc,EAAE;SACrB;;0BAEa,UAAU,CAAA;oCACA,IAAI,CAAC,UAAU,EAAE,CAAA;;;;;KAKhD;;;AAGI,cAAM,CAAA,MAAA,GAAG,MAAH;
|
|
1
|
+
{"version":3,"file":"guide-banner.js","sources":["../../../src/components/guide-banner/guide-banner.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--guidebanner{--cds-ai-aura-end:transparent;--cds-ai-aura-hover-background:#333;--cds-ai-aura-hover-end:transparent;--cds-ai-aura-hover-start:rgba(69,137,255,.4);--cds-ai-aura-start:rgba(69,137,255,.1);--cds-ai-aura-start-sm:rgba(69,137,255,.16);--cds-ai-border-end:#4589ff;--cds-ai-border-start:rgba(166,200,255,.36);--cds-ai-border-strong:#78a9ff;--cds-ai-drop-shadow:rgba(0,0,0,.28);--cds-ai-inner-shadow:rgba(69,137,255,.16);--cds-ai-overlay:rgba(0,0,0,.5);--cds-ai-popover-background:#161616;--cds-ai-popover-caret-bottom:#4589ff;--cds-ai-popover-caret-bottom-background:#202d45;--cds-ai-popover-caret-bottom-background-actions:#1e283a;--cds-ai-popover-caret-center:#4870b5;--cds-ai-popover-shadow-outer-01:rgba(0,0,0,.12);--cds-ai-popover-shadow-outer-02:rgba(0,0,0,.08);--cds-ai-skeleton-background:rgba(120,169,255,.5);--cds-ai-skeleton-element-background:rgba(120,169,255,.3);--cds-background:#161616;--cds-background-active:hsla(0,0%,55%,.4);--cds-background-brand:#0f62fe;--cds-background-hover:hsla(0,0%,55%,.16);--cds-background-inverse:#f4f4f4;--cds-background-inverse-hover:#e8e8e8;--cds-background-selected:hsla(0,0%,55%,.24);--cds-background-selected-hover:hsla(0,0%,55%,.32);--cds-border-disabled:hsla(0,0%,55%,.5);--cds-border-interactive:#4589ff;--cds-border-inverse:#f4f4f4;--cds-border-strong-01:#6f6f6f;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#a8a8a8;--cds-border-subtle-00:#393939;--cds-border-subtle-01:#525252;--cds-border-subtle-02:#6f6f6f;--cds-border-subtle-03:#6f6f6f;--cds-border-subtle-selected-01:#6f6f6f;--cds-border-subtle-selected-02:#8d8d8d;--cds-border-subtle-selected-03:#8d8d8d;--cds-border-tile-01:#525252;--cds-border-tile-02:#6f6f6f;--cds-border-tile-03:#8d8d8d;--cds-chat-avatar-agent:#c6c6c6;--cds-chat-avatar-bot:#8d8d8d;--cds-chat-avatar-user:#4589ff;--cds-chat-bubble-agent:#262626;--cds-chat-bubble-agent-text:#f4f4f4;--cds-chat-bubble-border:#525252;--cds-chat-bubble-user:#393939;--cds-chat-bubble-user-text:#f4f4f4;--cds-chat-button:#78a9ff;--cds-chat-button-active:hsla(0,0%,55%,.4);--cds-chat-button-hover:hsla(0,0%,55%,.16);--cds-chat-button-selected:hsla(0,0%,55%,.24);--cds-chat-button-text-hover:#a6c8ff;--cds-chat-button-text-selected:#c6c6c6;--cds-chat-header-background:#262626;--cds-chat-header-text:#f4f4f4;--cds-chat-prompt-background:#161616;--cds-chat-prompt-border-end:rgba(38,38,38,0);--cds-chat-prompt-border-start:#262626;--cds-chat-prompt-text:#f4f4f4;--cds-chat-shell-background:#262626;--cds-field-01:#262626;--cds-field-02:#393939;--cds-field-03:#525252;--cds-field-hover-01:#333;--cds-field-hover-02:#474747;--cds-field-hover-03:#636363;--cds-focus:#fff;--cds-focus-inset:#161616;--cds-focus-inverse:#0f62fe;--cds-highlight:#001d6c;--cds-icon-disabled:hsla(0,0%,96%,.25);--cds-icon-interactive:#fff;--cds-icon-inverse:#161616;--cds-icon-on-color:#fff;--cds-icon-on-color-disabled:hsla(0,0%,100%,.25);--cds-icon-primary:#f4f4f4;--cds-icon-secondary:#c6c6c6;--cds-interactive:#4589ff;--cds-layer-01:#262626;--cds-layer-02:#393939;--cds-layer-03:#525252;--cds-layer-accent-01:#393939;--cds-layer-accent-02:#525252;--cds-layer-accent-03:#6f6f6f;--cds-layer-accent-active-01:#6f6f6f;--cds-layer-accent-active-02:#8d8d8d;--cds-layer-accent-active-03:#393939;--cds-layer-accent-hover-01:#474747;--cds-layer-accent-hover-02:#636363;--cds-layer-accent-hover-03:#5e5e5e;--cds-layer-active-01:#525252;--cds-layer-active-02:#6f6f6f;--cds-layer-active-03:#8d8d8d;--cds-layer-background-01:#161616;--cds-layer-background-02:#262626;--cds-layer-background-03:#393939;--cds-layer-hover-01:#333;--cds-layer-hover-02:#474747;--cds-layer-hover-03:#636363;--cds-layer-selected-01:#393939;--cds-layer-selected-02:#525252;--cds-layer-selected-03:#6f6f6f;--cds-layer-selected-disabled:#a8a8a8;--cds-layer-selected-hover-01:#474747;--cds-layer-selected-hover-02:#636363;--cds-layer-selected-hover-03:#5e5e5e;--cds-layer-selected-inverse:#f4f4f4;--cds-link-inverse:#0f62fe;--cds-link-inverse-active:#161616;--cds-link-inverse-hover:#0043ce;--cds-link-inverse-visited:#8a3ffc;--cds-link-primary:#78a9ff;--cds-link-primary-hover:#a6c8ff;--cds-link-secondary:#a6c8ff;--cds-link-visited:#be95ff;--cds-overlay:rgba(0,0,0,.6);--cds-shadow:rgba(0,0,0,.8);--cds-skeleton-background:#292929;--cds-skeleton-element:#393939;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#a56eff;--cds-support-error:#fa4d56;--cds-support-error-inverse:#da1e28;--cds-support-info:#4589ff;--cds-support-info-inverse:#0043ce;--cds-support-success:#42be65;--cds-support-success-inverse:#24a148;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-syntax-angle-bracket:#8d8d8d;--cds-syntax-annotation:#08bdba;--cds-syntax-arithmetic-operator:#e0e0e0;--cds-syntax-atom:#f4f4f4;--cds-syntax-attribute:#33b1ff;--cds-syntax-attribute-name:#33b1ff;--cds-syntax-attribute-value:#f4f4f4;--cds-syntax-bitwise-operator:#e0e0e0;--cds-syntax-block-comment:#42be65;--cds-syntax-bool:#f4f4f4;--cds-syntax-brace:#e0e0e0;--cds-syntax-bracket:#e0e0e0;--cds-syntax-character:#f4f4f4;--cds-syntax-class-name:#3ddbd9;--cds-syntax-color:#f4f4f4;--cds-syntax-comment:#42be65;--cds-syntax-compare-operator:#e0e0e0;--cds-syntax-constant:#4589ff;--cds-syntax-content:#f4f4f4;--cds-syntax-content-separator:#e0e0e0;--cds-syntax-control-keyword:#be95ff;--cds-syntax-control-operator:#be95ff;--cds-syntax-definition:#33b1ff;--cds-syntax-definition-keyword:#33b1ff;--cds-syntax-definition-operator:#33b1ff;--cds-syntax-deref-operator:#e0e0e0;--cds-syntax-doc-comment:#42be65;--cds-syntax-doc-string:#f4f4f4;--cds-syntax-document-meta:#42be65;--cds-syntax-emphasis:#f4f4f4;--cds-syntax-escape:#e0e0e0;--cds-syntax-float:#6fdc8c;--cds-syntax-function:#f1c21b;--cds-syntax-heading:#33b1ff;--cds-syntax-heading-1:#33b1ff;--cds-syntax-heading-2:#33b1ff;--cds-syntax-heading-3:#33b1ff;--cds-syntax-heading-4:#33b1ff;--cds-syntax-heading-5:#33b1ff;--cds-syntax-heading-6:#33b1ff;--cds-syntax-integer:#6fdc8c;--cds-syntax-invalid:#fa4d56;--cds-syntax-keyword:#4589ff;--cds-syntax-label-name:#a6c8ff;--cds-syntax-line-comment:#42be65;--cds-syntax-link:#4589ff;--cds-syntax-list:#f4f4f4;--cds-syntax-literal:#f4f4f4;--cds-syntax-local:#a6c8ff;--cds-syntax-logic-operator:#e0e0e0;--cds-syntax-macro-name:#f4f4f4;--cds-syntax-meta:#42be65;--cds-syntax-modifier:#4589ff;--cds-syntax-module-keyword:#be95ff;--cds-syntax-monospace:#f4f4f4;--cds-syntax-name:#a6c8ff;--cds-syntax-namespace:#3ddbd9;--cds-syntax-null:#f4f4f4;--cds-syntax-number:#6fdc8c;--cds-syntax-operator:#e0e0e0;--cds-syntax-operator-keyword:#4589ff;--cds-syntax-paren:#e0e0e0;--cds-syntax-processing-instruction:#f4f4f4;--cds-syntax-property-name:#33b1ff;--cds-syntax-punctuation:#e0e0e0;--cds-syntax-quote:#42be65;--cds-syntax-regexp:#be95ff;--cds-syntax-self:#3ddbd9;--cds-syntax-separator:#e0e0e0;--cds-syntax-special:#4589ff;--cds-syntax-special-string:#be95ff;--cds-syntax-square-bracket:#e0e0e0;--cds-syntax-standard:#4589ff;--cds-syntax-strikethrough:#f4f4f4;--cds-syntax-string:#f4f4f4;--cds-syntax-strong:#f4f4f4;--cds-syntax-tag:#3ddbd9;--cds-syntax-tag-name:#3ddbd9;--cds-syntax-type:#3ddbd9;--cds-syntax-type-name:#3ddbd9;--cds-syntax-type-operator:#3ddbd9;--cds-syntax-unit:#6fdc8c;--cds-syntax-update-operator:#e0e0e0;--cds-syntax-url:#e0e0e0;--cds-syntax-variable:#a6c8ff;--cds-syntax-variable-name:#a6c8ff;--cds-text-disabled:hsla(0,0%,96%,.25);--cds-text-error:#ff8389;--cds-text-helper:#a8a8a8;--cds-text-inverse:#161616;--cds-text-on-color:#fff;--cds-text-on-color-disabled:hsla(0,0%,100%,.25);--cds-text-placeholder:hsla(0,0%,96%,.4);--cds-text-primary:#f4f4f4;--cds-text-secondary:#c6c6c6;--cds-toggle-off:#6f6f6f;--cds-spacing-01:0.125rem;--cds-spacing-02:0.25rem;--cds-spacing-03:0.5rem;--cds-spacing-04:0.75rem;--cds-spacing-05:1rem;--cds-spacing-06:1.5rem;--cds-spacing-07:2rem;--cds-spacing-08:2.5rem;--cds-spacing-09:3rem;--cds-spacing-10:4rem;--cds-spacing-11:5rem;--cds-spacing-12:6rem;--cds-spacing-13:10rem;--cds-fluid-spacing-01:0;--cds-fluid-spacing-02:2vw;--cds-fluid-spacing-03:5vw;--cds-fluid-spacing-04:10vw;--cds-caption-01-font-size:0.75rem;--cds-caption-01-font-weight:400;--cds-caption-01-line-height:1.33333;--cds-caption-01-letter-spacing:0.32px;--cds-caption-02-font-size:0.875rem;--cds-caption-02-font-weight:400;--cds-caption-02-line-height:1.28572;--cds-caption-02-letter-spacing:0.32px;--cds-label-01-font-size:0.75rem;--cds-label-01-font-weight:400;--cds-label-01-line-height:1.33333;--cds-label-01-letter-spacing:0.32px;--cds-label-02-font-size:0.875rem;--cds-label-02-font-weight:400;--cds-label-02-line-height:1.28572;--cds-label-02-letter-spacing:0.16px;--cds-helper-text-01-font-size:0.75rem;--cds-helper-text-01-line-height:1.33333;--cds-helper-text-01-letter-spacing:0.32px;--cds-helper-text-02-font-size:0.875rem;--cds-helper-text-02-font-weight:400;--cds-helper-text-02-line-height:1.28572;--cds-helper-text-02-letter-spacing:0.16px;--cds-body-short-01-font-size:0.875rem;--cds-body-short-01-font-weight:400;--cds-body-short-01-line-height:1.28572;--cds-body-short-01-letter-spacing:0.16px;--cds-body-short-02-font-size:1rem;--cds-body-short-02-font-weight:400;--cds-body-short-02-line-height:1.375;--cds-body-short-02-letter-spacing:0;--cds-body-long-01-font-size:0.875rem;--cds-body-long-01-font-weight:400;--cds-body-long-01-line-height:1.42857;--cds-body-long-01-letter-spacing:0.16px;--cds-body-long-02-font-size:1rem;--cds-body-long-02-font-weight:400;--cds-body-long-02-line-height:1.5;--cds-body-long-02-letter-spacing:0;--cds-code-01-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-01-font-size:0.75rem;--cds-code-01-font-weight:400;--cds-code-01-line-height:1.33333;--cds-code-01-letter-spacing:0.32px;--cds-code-02-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-02-font-size:0.875rem;--cds-code-02-font-weight:400;--cds-code-02-line-height:1.42857;--cds-code-02-letter-spacing:0.32px;--cds-heading-01-font-size:0.875rem;--cds-heading-01-font-weight:600;--cds-heading-01-line-height:1.42857;--cds-heading-01-letter-spacing:0.16px;--cds-heading-02-font-size:1rem;--cds-heading-02-font-weight:600;--cds-heading-02-line-height:1.5;--cds-heading-02-letter-spacing:0;--cds-productive-heading-01-font-size:0.875rem;--cds-productive-heading-01-font-weight:600;--cds-productive-heading-01-line-height:1.28572;--cds-productive-heading-01-letter-spacing:0.16px;--cds-productive-heading-02-font-size:1rem;--cds-productive-heading-02-font-weight:600;--cds-productive-heading-02-line-height:1.375;--cds-productive-heading-02-letter-spacing:0;--cds-productive-heading-03-font-size:1.25rem;--cds-productive-heading-03-font-weight:400;--cds-productive-heading-03-line-height:1.4;--cds-productive-heading-03-letter-spacing:0;--cds-productive-heading-04-font-size:1.75rem;--cds-productive-heading-04-font-weight:400;--cds-productive-heading-04-line-height:1.28572;--cds-productive-heading-04-letter-spacing:0;--cds-productive-heading-05-font-size:2rem;--cds-productive-heading-05-font-weight:400;--cds-productive-heading-05-line-height:1.25;--cds-productive-heading-05-letter-spacing:0;--cds-productive-heading-06-font-size:2.625rem;--cds-productive-heading-06-font-weight:300;--cds-productive-heading-06-line-height:1.199;--cds-productive-heading-06-letter-spacing:0;--cds-productive-heading-07-font-size:3.375rem;--cds-productive-heading-07-font-weight:300;--cds-productive-heading-07-line-height:1.19;--cds-productive-heading-07-letter-spacing:0;--cds-expressive-paragraph-01-font-size:1.5rem;--cds-expressive-paragraph-01-font-weight:300;--cds-expressive-paragraph-01-line-height:1.334;--cds-expressive-paragraph-01-letter-spacing:0;--cds-expressive-heading-01-font-size:0.875rem;--cds-expressive-heading-01-font-weight:600;--cds-expressive-heading-01-line-height:1.42857;--cds-expressive-heading-01-letter-spacing:0.16px;--cds-expressive-heading-02-font-size:1rem;--cds-expressive-heading-02-font-weight:600;--cds-expressive-heading-02-line-height:1.5;--cds-expressive-heading-02-letter-spacing:0;--cds-expressive-heading-03-font-size:1.25rem;--cds-expressive-heading-03-font-weight:400;--cds-expressive-heading-03-line-height:1.4;--cds-expressive-heading-03-letter-spacing:0;--cds-expressive-heading-04-font-size:1.75rem;--cds-expressive-heading-04-font-weight:400;--cds-expressive-heading-04-line-height:1.28572;--cds-expressive-heading-04-letter-spacing:0;--cds-expressive-heading-05-font-size:2rem;--cds-expressive-heading-05-font-weight:400;--cds-expressive-heading-05-line-height:1.25;--cds-expressive-heading-05-letter-spacing:0;--cds-expressive-heading-06-font-size:2rem;--cds-expressive-heading-06-font-weight:600;--cds-expressive-heading-06-line-height:1.25;--cds-expressive-heading-06-letter-spacing:0;--cds-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-01-font-size:1.25rem;--cds-quotation-01-font-weight:400;--cds-quotation-01-line-height:1.3;--cds-quotation-01-letter-spacing:0;--cds-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-02-font-size:2rem;--cds-quotation-02-font-weight:300;--cds-quotation-02-line-height:1.25;--cds-quotation-02-letter-spacing:0;--cds-display-01-font-size:2.625rem;--cds-display-01-font-weight:300;--cds-display-01-line-height:1.19;--cds-display-01-letter-spacing:0;--cds-display-02-font-size:2.625rem;--cds-display-02-font-weight:600;--cds-display-02-line-height:1.19;--cds-display-02-letter-spacing:0;--cds-display-03-font-size:2.625rem;--cds-display-03-font-weight:300;--cds-display-03-line-height:1.19;--cds-display-03-letter-spacing:0;--cds-display-04-font-size:2.625rem;--cds-display-04-font-weight:300;--cds-display-04-line-height:1.19;--cds-display-04-letter-spacing:0;--cds-legal-01-font-size:0.75rem;--cds-legal-01-font-weight:400;--cds-legal-01-line-height:1.33333;--cds-legal-01-letter-spacing:0.32px;--cds-legal-02-font-size:0.875rem;--cds-legal-02-font-weight:400;--cds-legal-02-line-height:1.28572;--cds-legal-02-letter-spacing:0.16px;--cds-body-compact-01-font-size:0.875rem;--cds-body-compact-01-font-weight:400;--cds-body-compact-01-line-height:1.28572;--cds-body-compact-01-letter-spacing:0.16px;--cds-body-compact-02-font-size:1rem;--cds-body-compact-02-font-weight:400;--cds-body-compact-02-line-height:1.375;--cds-body-compact-02-letter-spacing:0;--cds-heading-compact-01-font-size:0.875rem;--cds-heading-compact-01-font-weight:600;--cds-heading-compact-01-line-height:1.28572;--cds-heading-compact-01-letter-spacing:0.16px;--cds-heading-compact-02-font-size:1rem;--cds-heading-compact-02-font-weight:600;--cds-heading-compact-02-line-height:1.375;--cds-heading-compact-02-letter-spacing:0;--cds-body-01-font-size:0.875rem;--cds-body-01-font-weight:400;--cds-body-01-line-height:1.42857;--cds-body-01-letter-spacing:0.16px;--cds-body-02-font-size:1rem;--cds-body-02-font-weight:400;--cds-body-02-line-height:1.5;--cds-body-02-letter-spacing:0;--cds-heading-03-font-size:1.25rem;--cds-heading-03-font-weight:400;--cds-heading-03-line-height:1.4;--cds-heading-03-letter-spacing:0;--cds-heading-04-font-size:1.75rem;--cds-heading-04-font-weight:400;--cds-heading-04-line-height:1.28572;--cds-heading-04-letter-spacing:0;--cds-heading-05-font-size:2rem;--cds-heading-05-font-weight:400;--cds-heading-05-line-height:1.25;--cds-heading-05-letter-spacing:0;--cds-heading-06-font-size:2.625rem;--cds-heading-06-font-weight:300;--cds-heading-06-line-height:1.199;--cds-heading-06-letter-spacing:0;--cds-heading-07-font-size:3.375rem;--cds-heading-07-font-weight:300;--cds-heading-07-line-height:1.19;--cds-heading-07-letter-spacing:0;--cds-fluid-heading-03-font-size:1.25rem;--cds-fluid-heading-03-font-weight:400;--cds-fluid-heading-03-line-height:1.4;--cds-fluid-heading-03-letter-spacing:0;--cds-fluid-heading-04-font-size:1.75rem;--cds-fluid-heading-04-font-weight:400;--cds-fluid-heading-04-line-height:1.28572;--cds-fluid-heading-04-letter-spacing:0;--cds-fluid-heading-05-font-size:2rem;--cds-fluid-heading-05-font-weight:400;--cds-fluid-heading-05-line-height:1.25;--cds-fluid-heading-05-letter-spacing:0;--cds-fluid-heading-06-font-size:2rem;--cds-fluid-heading-06-font-weight:600;--cds-fluid-heading-06-line-height:1.25;--cds-fluid-heading-06-letter-spacing:0;--cds-fluid-paragraph-01-font-size:1.5rem;--cds-fluid-paragraph-01-font-weight:300;--cds-fluid-paragraph-01-line-height:1.334;--cds-fluid-paragraph-01-letter-spacing:0;--cds-fluid-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-01-font-size:1.25rem;--cds-fluid-quotation-01-font-weight:400;--cds-fluid-quotation-01-line-height:1.3;--cds-fluid-quotation-01-letter-spacing:0;--cds-fluid-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-02-font-size:2rem;--cds-fluid-quotation-02-font-weight:300;--cds-fluid-quotation-02-line-height:1.25;--cds-fluid-quotation-02-letter-spacing:0;--cds-fluid-display-01-font-size:2.625rem;--cds-fluid-display-01-font-weight:300;--cds-fluid-display-01-line-height:1.19;--cds-fluid-display-01-letter-spacing:0;--cds-fluid-display-02-font-size:2.625rem;--cds-fluid-display-02-font-weight:600;--cds-fluid-display-02-line-height:1.19;--cds-fluid-display-02-letter-spacing:0;--cds-fluid-display-03-font-size:2.625rem;--cds-fluid-display-03-font-weight:300;--cds-fluid-display-03-line-height:1.19;--cds-fluid-display-03-letter-spacing:0;--cds-fluid-display-04-font-size:2.625rem;--cds-fluid-display-04-font-weight:300;--cds-fluid-display-04-line-height:1.19;--cds-fluid-display-04-letter-spacing:0;--cds-true: }@media (forced-colors:active),screen and (-ms-high-contrast:active){.c4p--guidebanner{--cds-icon-primary:ButtonText;--cds-icon-secondary:ButtonText;--cds-icon-interactive:ButtonText;--cds-icon-disabled:GrayText;--cds-icon-on-color-disabled:GrayText;--cds-icon-inverse:SelectedItemText;--cds-icon-on-color:SelectedItemText;--cds-button-disabled:GrayText;--cds-interactive:ButtonText;--cds-link-primary:LinkText;--cds-link-primary-hover:LinkText;--cds-link-secondary:LinkText;--cds-link-inverse:SelectedItemText;--cds-link-inverse-hover:SelectedItemText;--cds-link-inverse-visited:SelectedItemText;--cds-link-visited:VisitedText;--cds-background-selected:SelectedItem;--cds-background-selected-hover:SelectedItem;--cds-background-inverse:SelectedItem;--cds-layer-selected-inverse:SelectedItem}}.c4p--guidebanner{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6);background:linear-gradient(90deg,#001d6c,#6929c4);background-color:#001d6c;position:relative}.c4p--guidebanner__icon-idea{color:#f4f4f4;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.c4p--guidebanner__title{color:#f4f4f4;font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);padding:1rem 10.9375rem 0 3.25rem}.c4p--guidebanner__close-button{inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--guidebanner__close-button button{block-size:2rem;inline-size:2rem;min-block-size:2rem;padding-block-start:6px}.c4p--guidebanner__close-button button:active,.c4p--guidebanner__close-button button:hover{background-color:#7433e3}.c4p--guidebanner__close-button button path{fill:#fff}.c4p--guidebanner__carousel{color:#f4f4f4;padding:0 0 1rem}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel{margin-block-end:0}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{display:flex;flex-flow:column;flex-shrink:0;inline-size:25rem;margin:1rem 0 0;max-block-size:32rem;opacity:1;padding-inline-start:3.25rem;scroll-snap-align:start;transition:max-height 50ms cubic-bezier(.2,0,1,.9),margin-top 50ms cubic-bezier(.2,0,1,.9),opacity .3s cubic-bezier(.2,0,1,.9)}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{margin-block-start:0;max-block-size:.5rem;opacity:0}.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element{inline-size:28rem;padding-inline-end:3.25rem}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin:1rem 0 0}.c4p--guidebanner__carousel .c4p--guidebanner__element-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--guidebanner__carousel .cds--btn--tertiary{border-color:#fff;color:#fff}.c4p--guidebanner__carousel .cds--btn--tertiary:active,.c4p--guidebanner__carousel .cds--btn--tertiary:hover{background-color:#fff;border-color:#fff;color:#161616}.c4p--guidebanner__carousel .cds--btn--tertiary svg{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-inline-end:1rem;position:absolute}.c4p--guidebanner__carousel .cds--btn--ghost{color:#a6c8ff;margin-inline-start:-1rem}.c4p--guidebanner__carousel .cds--btn--ghost:active,.c4p--guidebanner__carousel .cds--btn--ghost:hover{background-color:#7f3ae7;color:#f4f4f4}.c4p--guidebanner__carousel .c4p--guidebanner__element-link,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:visited{color:#a6c8ff}.c4p--guidebanner__carousel .c4p--guidebanner__element-link:active,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:hover{color:#d0e2ff}.c4p--guidebanner__navigation{border-block-start:.0625rem solid #8a3ffc;display:flex}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation{border-block-start:none}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button{color:#a6c8ff;margin-inline-start:2.125rem}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active,.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover{background-color:#7433e3;color:#f4f4f4}.c4p--guidebanner__navigation .c4p--guidebanner__back-button{margin-inline-start:auto}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button{display:none}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:hover,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:hover{background-color:#7433e3}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button path{fill:#fff}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button[disabled] path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button[disabled] path{fill:#9b63ff}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea{inset-inline-start:2rem}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__title{padding-inline-start:4.25rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container,.c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation{padding-inline-start:1rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled{inline-size:4rem}:host(c4p-guide-banner) details{display:flex;flex-direction:column-reverse}:host(c4p-guide-banner) ::-webkit-details-marker,:host(c4p-guide-banner) ::marker{content:\"\";display:none}"]);
|
|
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--guidebanner{--cds-ai-aura-end:transparent;--cds-ai-aura-hover-background:#333;--cds-ai-aura-hover-end:transparent;--cds-ai-aura-hover-start:rgba(69,137,255,.4);--cds-ai-aura-start:rgba(69,137,255,.1);--cds-ai-aura-start-sm:rgba(69,137,255,.16);--cds-ai-border-end:#4589ff;--cds-ai-border-start:rgba(166,200,255,.36);--cds-ai-border-strong:#78a9ff;--cds-ai-drop-shadow:rgba(0,0,0,.28);--cds-ai-inner-shadow:rgba(69,137,255,.16);--cds-ai-overlay:rgba(0,0,0,.5);--cds-ai-popover-background:#161616;--cds-ai-popover-caret-bottom:#4589ff;--cds-ai-popover-caret-bottom-background:#202d45;--cds-ai-popover-caret-bottom-background-actions:#1e283a;--cds-ai-popover-caret-center:#4870b5;--cds-ai-popover-shadow-outer-01:rgba(0,0,0,.12);--cds-ai-popover-shadow-outer-02:rgba(0,0,0,.08);--cds-ai-skeleton-background:rgba(120,169,255,.5);--cds-ai-skeleton-element-background:rgba(120,169,255,.3);--cds-background:#161616;--cds-background-active:hsla(0,0%,55%,.4);--cds-background-brand:#0f62fe;--cds-background-hover:hsla(0,0%,55%,.16);--cds-background-inverse:#f4f4f4;--cds-background-inverse-hover:#e8e8e8;--cds-background-selected:hsla(0,0%,55%,.24);--cds-background-selected-hover:hsla(0,0%,55%,.32);--cds-border-disabled:hsla(0,0%,55%,.5);--cds-border-interactive:#4589ff;--cds-border-inverse:#f4f4f4;--cds-border-strong-01:#6f6f6f;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#a8a8a8;--cds-border-subtle-00:#393939;--cds-border-subtle-01:#525252;--cds-border-subtle-02:#6f6f6f;--cds-border-subtle-03:#6f6f6f;--cds-border-subtle-selected-01:#6f6f6f;--cds-border-subtle-selected-02:#8d8d8d;--cds-border-subtle-selected-03:#8d8d8d;--cds-border-tile-01:#525252;--cds-border-tile-02:#6f6f6f;--cds-border-tile-03:#8d8d8d;--cds-chat-avatar-agent:#c6c6c6;--cds-chat-avatar-bot:#8d8d8d;--cds-chat-avatar-user:#4589ff;--cds-chat-bubble-agent:#262626;--cds-chat-bubble-agent-text:#f4f4f4;--cds-chat-bubble-border:#525252;--cds-chat-bubble-user:#393939;--cds-chat-bubble-user-text:#f4f4f4;--cds-chat-button:#78a9ff;--cds-chat-button-active:hsla(0,0%,55%,.4);--cds-chat-button-hover:hsla(0,0%,55%,.16);--cds-chat-button-selected:hsla(0,0%,55%,.24);--cds-chat-button-text-hover:#a6c8ff;--cds-chat-button-text-selected:#c6c6c6;--cds-chat-header-background:#262626;--cds-chat-header-text:#f4f4f4;--cds-chat-prompt-background:#161616;--cds-chat-prompt-border-end:rgba(38,38,38,0);--cds-chat-prompt-border-start:#262626;--cds-chat-prompt-text:#f4f4f4;--cds-chat-shell-background:#262626;--cds-field-01:#262626;--cds-field-02:#393939;--cds-field-03:#525252;--cds-field-hover-01:#333;--cds-field-hover-02:#474747;--cds-field-hover-03:#636363;--cds-focus:#fff;--cds-focus-inset:#161616;--cds-focus-inverse:#0f62fe;--cds-highlight:#001d6c;--cds-icon-disabled:hsla(0,0%,96%,.25);--cds-icon-interactive:#fff;--cds-icon-inverse:#161616;--cds-icon-on-color:#fff;--cds-icon-on-color-disabled:hsla(0,0%,100%,.25);--cds-icon-primary:#f4f4f4;--cds-icon-secondary:#c6c6c6;--cds-interactive:#4589ff;--cds-layer-01:#262626;--cds-layer-02:#393939;--cds-layer-03:#525252;--cds-layer-accent-01:#393939;--cds-layer-accent-02:#525252;--cds-layer-accent-03:#6f6f6f;--cds-layer-accent-active-01:#6f6f6f;--cds-layer-accent-active-02:#8d8d8d;--cds-layer-accent-active-03:#393939;--cds-layer-accent-hover-01:#474747;--cds-layer-accent-hover-02:#636363;--cds-layer-accent-hover-03:#5e5e5e;--cds-layer-active-01:#525252;--cds-layer-active-02:#6f6f6f;--cds-layer-active-03:#8d8d8d;--cds-layer-background-01:#161616;--cds-layer-background-02:#262626;--cds-layer-background-03:#393939;--cds-layer-hover-01:#333;--cds-layer-hover-02:#474747;--cds-layer-hover-03:#636363;--cds-layer-selected-01:#393939;--cds-layer-selected-02:#525252;--cds-layer-selected-03:#6f6f6f;--cds-layer-selected-disabled:#a8a8a8;--cds-layer-selected-hover-01:#474747;--cds-layer-selected-hover-02:#636363;--cds-layer-selected-hover-03:#5e5e5e;--cds-layer-selected-inverse:#f4f4f4;--cds-link-inverse:#0f62fe;--cds-link-inverse-active:#161616;--cds-link-inverse-hover:#0043ce;--cds-link-inverse-visited:#8a3ffc;--cds-link-primary:#78a9ff;--cds-link-primary-hover:#a6c8ff;--cds-link-secondary:#a6c8ff;--cds-link-visited:#be95ff;--cds-overlay:rgba(0,0,0,.6);--cds-shadow:rgba(0,0,0,.8);--cds-skeleton-background:#292929;--cds-skeleton-element:#393939;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#a56eff;--cds-support-error:#fa4d56;--cds-support-error-inverse:#da1e28;--cds-support-info:#4589ff;--cds-support-info-inverse:#0043ce;--cds-support-success:#42be65;--cds-support-success-inverse:#24a148;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-syntax-angle-bracket:#8d8d8d;--cds-syntax-annotation:#08bdba;--cds-syntax-arithmetic-operator:#e0e0e0;--cds-syntax-atom:#f4f4f4;--cds-syntax-attribute:#33b1ff;--cds-syntax-attribute-name:#33b1ff;--cds-syntax-attribute-value:#f4f4f4;--cds-syntax-bitwise-operator:#e0e0e0;--cds-syntax-block-comment:#42be65;--cds-syntax-bool:#f4f4f4;--cds-syntax-brace:#e0e0e0;--cds-syntax-bracket:#e0e0e0;--cds-syntax-character:#f4f4f4;--cds-syntax-class-name:#3ddbd9;--cds-syntax-color:#f4f4f4;--cds-syntax-comment:#42be65;--cds-syntax-compare-operator:#e0e0e0;--cds-syntax-constant:#4589ff;--cds-syntax-content:#f4f4f4;--cds-syntax-content-separator:#e0e0e0;--cds-syntax-control-keyword:#be95ff;--cds-syntax-control-operator:#be95ff;--cds-syntax-definition:#33b1ff;--cds-syntax-definition-keyword:#33b1ff;--cds-syntax-definition-operator:#33b1ff;--cds-syntax-deref-operator:#e0e0e0;--cds-syntax-doc-comment:#42be65;--cds-syntax-doc-string:#f4f4f4;--cds-syntax-document-meta:#42be65;--cds-syntax-emphasis:#f4f4f4;--cds-syntax-escape:#e0e0e0;--cds-syntax-float:#6fdc8c;--cds-syntax-function:#f1c21b;--cds-syntax-heading:#33b1ff;--cds-syntax-heading-1:#33b1ff;--cds-syntax-heading-2:#33b1ff;--cds-syntax-heading-3:#33b1ff;--cds-syntax-heading-4:#33b1ff;--cds-syntax-heading-5:#33b1ff;--cds-syntax-heading-6:#33b1ff;--cds-syntax-integer:#6fdc8c;--cds-syntax-invalid:#fa4d56;--cds-syntax-keyword:#4589ff;--cds-syntax-label-name:#a6c8ff;--cds-syntax-line-comment:#42be65;--cds-syntax-link:#4589ff;--cds-syntax-list:#f4f4f4;--cds-syntax-literal:#f4f4f4;--cds-syntax-local:#a6c8ff;--cds-syntax-logic-operator:#e0e0e0;--cds-syntax-macro-name:#f4f4f4;--cds-syntax-meta:#42be65;--cds-syntax-modifier:#4589ff;--cds-syntax-module-keyword:#be95ff;--cds-syntax-monospace:#f4f4f4;--cds-syntax-name:#a6c8ff;--cds-syntax-namespace:#3ddbd9;--cds-syntax-null:#f4f4f4;--cds-syntax-number:#6fdc8c;--cds-syntax-operator:#e0e0e0;--cds-syntax-operator-keyword:#4589ff;--cds-syntax-paren:#e0e0e0;--cds-syntax-processing-instruction:#f4f4f4;--cds-syntax-property-name:#33b1ff;--cds-syntax-punctuation:#e0e0e0;--cds-syntax-quote:#42be65;--cds-syntax-regexp:#be95ff;--cds-syntax-self:#3ddbd9;--cds-syntax-separator:#e0e0e0;--cds-syntax-special:#4589ff;--cds-syntax-special-string:#be95ff;--cds-syntax-square-bracket:#e0e0e0;--cds-syntax-standard:#4589ff;--cds-syntax-strikethrough:#f4f4f4;--cds-syntax-string:#f4f4f4;--cds-syntax-strong:#f4f4f4;--cds-syntax-tag:#3ddbd9;--cds-syntax-tag-name:#3ddbd9;--cds-syntax-type:#3ddbd9;--cds-syntax-type-name:#3ddbd9;--cds-syntax-type-operator:#3ddbd9;--cds-syntax-unit:#6fdc8c;--cds-syntax-update-operator:#e0e0e0;--cds-syntax-url:#e0e0e0;--cds-syntax-variable:#a6c8ff;--cds-syntax-variable-name:#a6c8ff;--cds-text-disabled:hsla(0,0%,96%,.25);--cds-text-error:#ff8389;--cds-text-helper:#a8a8a8;--cds-text-inverse:#161616;--cds-text-on-color:#fff;--cds-text-on-color-disabled:hsla(0,0%,100%,.25);--cds-text-placeholder:hsla(0,0%,96%,.4);--cds-text-primary:#f4f4f4;--cds-text-secondary:#c6c6c6;--cds-toggle-off:#6f6f6f;--cds-spacing-01:0.125rem;--cds-spacing-02:0.25rem;--cds-spacing-03:0.5rem;--cds-spacing-04:0.75rem;--cds-spacing-05:1rem;--cds-spacing-06:1.5rem;--cds-spacing-07:2rem;--cds-spacing-08:2.5rem;--cds-spacing-09:3rem;--cds-spacing-10:4rem;--cds-spacing-11:5rem;--cds-spacing-12:6rem;--cds-spacing-13:10rem;--cds-fluid-spacing-01:0;--cds-fluid-spacing-02:2vw;--cds-fluid-spacing-03:5vw;--cds-fluid-spacing-04:10vw;--cds-caption-01-font-size:0.75rem;--cds-caption-01-font-weight:400;--cds-caption-01-line-height:1.33333;--cds-caption-01-letter-spacing:0.32px;--cds-caption-02-font-size:0.875rem;--cds-caption-02-font-weight:400;--cds-caption-02-line-height:1.28572;--cds-caption-02-letter-spacing:0.32px;--cds-label-01-font-size:0.75rem;--cds-label-01-font-weight:400;--cds-label-01-line-height:1.33333;--cds-label-01-letter-spacing:0.32px;--cds-label-02-font-size:0.875rem;--cds-label-02-font-weight:400;--cds-label-02-line-height:1.28572;--cds-label-02-letter-spacing:0.16px;--cds-helper-text-01-font-size:0.75rem;--cds-helper-text-01-line-height:1.33333;--cds-helper-text-01-letter-spacing:0.32px;--cds-helper-text-02-font-size:0.875rem;--cds-helper-text-02-font-weight:400;--cds-helper-text-02-line-height:1.28572;--cds-helper-text-02-letter-spacing:0.16px;--cds-body-short-01-font-size:0.875rem;--cds-body-short-01-font-weight:400;--cds-body-short-01-line-height:1.28572;--cds-body-short-01-letter-spacing:0.16px;--cds-body-short-02-font-size:1rem;--cds-body-short-02-font-weight:400;--cds-body-short-02-line-height:1.375;--cds-body-short-02-letter-spacing:0;--cds-body-long-01-font-size:0.875rem;--cds-body-long-01-font-weight:400;--cds-body-long-01-line-height:1.42857;--cds-body-long-01-letter-spacing:0.16px;--cds-body-long-02-font-size:1rem;--cds-body-long-02-font-weight:400;--cds-body-long-02-line-height:1.5;--cds-body-long-02-letter-spacing:0;--cds-code-01-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-01-font-size:0.75rem;--cds-code-01-font-weight:400;--cds-code-01-line-height:1.33333;--cds-code-01-letter-spacing:0.32px;--cds-code-02-font-family:\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace;--cds-code-02-font-size:0.875rem;--cds-code-02-font-weight:400;--cds-code-02-line-height:1.42857;--cds-code-02-letter-spacing:0.32px;--cds-heading-01-font-size:0.875rem;--cds-heading-01-font-weight:600;--cds-heading-01-line-height:1.42857;--cds-heading-01-letter-spacing:0.16px;--cds-heading-02-font-size:1rem;--cds-heading-02-font-weight:600;--cds-heading-02-line-height:1.5;--cds-heading-02-letter-spacing:0;--cds-productive-heading-01-font-size:0.875rem;--cds-productive-heading-01-font-weight:600;--cds-productive-heading-01-line-height:1.28572;--cds-productive-heading-01-letter-spacing:0.16px;--cds-productive-heading-02-font-size:1rem;--cds-productive-heading-02-font-weight:600;--cds-productive-heading-02-line-height:1.375;--cds-productive-heading-02-letter-spacing:0;--cds-productive-heading-03-font-size:1.25rem;--cds-productive-heading-03-font-weight:400;--cds-productive-heading-03-line-height:1.4;--cds-productive-heading-03-letter-spacing:0;--cds-productive-heading-04-font-size:1.75rem;--cds-productive-heading-04-font-weight:400;--cds-productive-heading-04-line-height:1.28572;--cds-productive-heading-04-letter-spacing:0;--cds-productive-heading-05-font-size:2rem;--cds-productive-heading-05-font-weight:400;--cds-productive-heading-05-line-height:1.25;--cds-productive-heading-05-letter-spacing:0;--cds-productive-heading-06-font-size:2.625rem;--cds-productive-heading-06-font-weight:300;--cds-productive-heading-06-line-height:1.199;--cds-productive-heading-06-letter-spacing:0;--cds-productive-heading-07-font-size:3.375rem;--cds-productive-heading-07-font-weight:300;--cds-productive-heading-07-line-height:1.19;--cds-productive-heading-07-letter-spacing:0;--cds-expressive-paragraph-01-font-size:1.5rem;--cds-expressive-paragraph-01-font-weight:300;--cds-expressive-paragraph-01-line-height:1.334;--cds-expressive-paragraph-01-letter-spacing:0;--cds-expressive-heading-01-font-size:0.875rem;--cds-expressive-heading-01-font-weight:600;--cds-expressive-heading-01-line-height:1.42857;--cds-expressive-heading-01-letter-spacing:0.16px;--cds-expressive-heading-02-font-size:1rem;--cds-expressive-heading-02-font-weight:600;--cds-expressive-heading-02-line-height:1.5;--cds-expressive-heading-02-letter-spacing:0;--cds-expressive-heading-03-font-size:1.25rem;--cds-expressive-heading-03-font-weight:400;--cds-expressive-heading-03-line-height:1.4;--cds-expressive-heading-03-letter-spacing:0;--cds-expressive-heading-04-font-size:1.75rem;--cds-expressive-heading-04-font-weight:400;--cds-expressive-heading-04-line-height:1.28572;--cds-expressive-heading-04-letter-spacing:0;--cds-expressive-heading-05-font-size:2rem;--cds-expressive-heading-05-font-weight:400;--cds-expressive-heading-05-line-height:1.25;--cds-expressive-heading-05-letter-spacing:0;--cds-expressive-heading-06-font-size:2rem;--cds-expressive-heading-06-font-weight:600;--cds-expressive-heading-06-line-height:1.25;--cds-expressive-heading-06-letter-spacing:0;--cds-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-01-font-size:1.25rem;--cds-quotation-01-font-weight:400;--cds-quotation-01-line-height:1.3;--cds-quotation-01-letter-spacing:0;--cds-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-quotation-02-font-size:2rem;--cds-quotation-02-font-weight:300;--cds-quotation-02-line-height:1.25;--cds-quotation-02-letter-spacing:0;--cds-display-01-font-size:2.625rem;--cds-display-01-font-weight:300;--cds-display-01-line-height:1.19;--cds-display-01-letter-spacing:0;--cds-display-02-font-size:2.625rem;--cds-display-02-font-weight:600;--cds-display-02-line-height:1.19;--cds-display-02-letter-spacing:0;--cds-display-03-font-size:2.625rem;--cds-display-03-font-weight:300;--cds-display-03-line-height:1.19;--cds-display-03-letter-spacing:0;--cds-display-04-font-size:2.625rem;--cds-display-04-font-weight:300;--cds-display-04-line-height:1.19;--cds-display-04-letter-spacing:0;--cds-legal-01-font-size:0.75rem;--cds-legal-01-font-weight:400;--cds-legal-01-line-height:1.33333;--cds-legal-01-letter-spacing:0.32px;--cds-legal-02-font-size:0.875rem;--cds-legal-02-font-weight:400;--cds-legal-02-line-height:1.28572;--cds-legal-02-letter-spacing:0.16px;--cds-body-compact-01-font-size:0.875rem;--cds-body-compact-01-font-weight:400;--cds-body-compact-01-line-height:1.28572;--cds-body-compact-01-letter-spacing:0.16px;--cds-body-compact-02-font-size:1rem;--cds-body-compact-02-font-weight:400;--cds-body-compact-02-line-height:1.375;--cds-body-compact-02-letter-spacing:0;--cds-heading-compact-01-font-size:0.875rem;--cds-heading-compact-01-font-weight:600;--cds-heading-compact-01-line-height:1.28572;--cds-heading-compact-01-letter-spacing:0.16px;--cds-heading-compact-02-font-size:1rem;--cds-heading-compact-02-font-weight:600;--cds-heading-compact-02-line-height:1.375;--cds-heading-compact-02-letter-spacing:0;--cds-body-01-font-size:0.875rem;--cds-body-01-font-weight:400;--cds-body-01-line-height:1.42857;--cds-body-01-letter-spacing:0.16px;--cds-body-02-font-size:1rem;--cds-body-02-font-weight:400;--cds-body-02-line-height:1.5;--cds-body-02-letter-spacing:0;--cds-heading-03-font-size:1.25rem;--cds-heading-03-font-weight:400;--cds-heading-03-line-height:1.4;--cds-heading-03-letter-spacing:0;--cds-heading-04-font-size:1.75rem;--cds-heading-04-font-weight:400;--cds-heading-04-line-height:1.28572;--cds-heading-04-letter-spacing:0;--cds-heading-05-font-size:2rem;--cds-heading-05-font-weight:400;--cds-heading-05-line-height:1.25;--cds-heading-05-letter-spacing:0;--cds-heading-06-font-size:2.625rem;--cds-heading-06-font-weight:300;--cds-heading-06-line-height:1.199;--cds-heading-06-letter-spacing:0;--cds-heading-07-font-size:3.375rem;--cds-heading-07-font-weight:300;--cds-heading-07-line-height:1.19;--cds-heading-07-letter-spacing:0;--cds-fluid-heading-03-font-size:1.25rem;--cds-fluid-heading-03-font-weight:400;--cds-fluid-heading-03-line-height:1.4;--cds-fluid-heading-03-letter-spacing:0;--cds-fluid-heading-04-font-size:1.75rem;--cds-fluid-heading-04-font-weight:400;--cds-fluid-heading-04-line-height:1.28572;--cds-fluid-heading-04-letter-spacing:0;--cds-fluid-heading-05-font-size:2rem;--cds-fluid-heading-05-font-weight:400;--cds-fluid-heading-05-line-height:1.25;--cds-fluid-heading-05-letter-spacing:0;--cds-fluid-heading-06-font-size:2rem;--cds-fluid-heading-06-font-weight:600;--cds-fluid-heading-06-line-height:1.25;--cds-fluid-heading-06-letter-spacing:0;--cds-fluid-paragraph-01-font-size:1.5rem;--cds-fluid-paragraph-01-font-weight:300;--cds-fluid-paragraph-01-line-height:1.334;--cds-fluid-paragraph-01-letter-spacing:0;--cds-fluid-quotation-01-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-01-font-size:1.25rem;--cds-fluid-quotation-01-font-weight:400;--cds-fluid-quotation-01-line-height:1.3;--cds-fluid-quotation-01-letter-spacing:0;--cds-fluid-quotation-02-font-family:\"IBM Plex Serif\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",serif;--cds-fluid-quotation-02-font-size:2rem;--cds-fluid-quotation-02-font-weight:300;--cds-fluid-quotation-02-line-height:1.25;--cds-fluid-quotation-02-letter-spacing:0;--cds-fluid-display-01-font-size:2.625rem;--cds-fluid-display-01-font-weight:300;--cds-fluid-display-01-line-height:1.19;--cds-fluid-display-01-letter-spacing:0;--cds-fluid-display-02-font-size:2.625rem;--cds-fluid-display-02-font-weight:600;--cds-fluid-display-02-line-height:1.19;--cds-fluid-display-02-letter-spacing:0;--cds-fluid-display-03-font-size:2.625rem;--cds-fluid-display-03-font-weight:300;--cds-fluid-display-03-line-height:1.19;--cds-fluid-display-03-letter-spacing:0;--cds-fluid-display-04-font-size:2.625rem;--cds-fluid-display-04-font-weight:300;--cds-fluid-display-04-line-height:1.19;--cds-fluid-display-04-letter-spacing:0;--cds-true: }@media (forced-colors:active),screen and (-ms-high-contrast:active){.c4p--guidebanner{--cds-icon-primary:ButtonText;--cds-icon-secondary:ButtonText;--cds-icon-interactive:ButtonText;--cds-icon-disabled:GrayText;--cds-icon-on-color-disabled:GrayText;--cds-icon-inverse:SelectedItemText;--cds-icon-on-color:SelectedItemText;--cds-button-disabled:GrayText;--cds-interactive:ButtonText;--cds-link-primary:LinkText;--cds-link-primary-hover:LinkText;--cds-link-secondary:LinkText;--cds-link-inverse:SelectedItemText;--cds-link-inverse-hover:SelectedItemText;--cds-link-inverse-visited:SelectedItemText;--cds-link-visited:VisitedText;--cds-background-selected:SelectedItem;--cds-background-selected-hover:SelectedItem;--cds-background-inverse:SelectedItem;--cds-layer-selected-inverse:SelectedItem}}.c4p--guidebanner{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6);background:linear-gradient(90deg,#001d6c,#6929c4);background-color:#001d6c;position:relative}.c4p--guidebanner__icon-idea{color:#f4f4f4;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.c4p--guidebanner__title{color:#f4f4f4;font-size:var(--cds-heading-compact-02-font-size,1rem);font-weight:var(--cds-heading-compact-02-font-weight,600);letter-spacing:var(--cds-heading-compact-02-letter-spacing,0);line-height:var(--cds-heading-compact-02-line-height,1.375);padding:1rem 10.9375rem 0 3.25rem}.c4p--guidebanner__close-button{inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--guidebanner__close-button button{block-size:2rem;inline-size:2rem;min-block-size:2rem;padding-block-start:6px}.c4p--guidebanner__close-button button:active,.c4p--guidebanner__close-button button:hover{background-color:#7433e3}.c4p--guidebanner__close-button button path{fill:#fff}.c4p--guidebanner__carousel{color:#f4f4f4;padding:0 0 1rem}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel{margin-block-end:0}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{display:flex;flex-flow:column;flex-shrink:0;inline-size:25rem;margin:1rem 0 0;max-block-size:32rem;opacity:1;padding-inline-start:3.25rem;scroll-snap-align:start;transition:max-height 50ms cubic-bezier(.2,0,1,.9),margin-top 50ms cubic-bezier(.2,0,1,.9),opacity .3s cubic-bezier(.2,0,1,.9)}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element{margin-block-start:0;max-block-size:.5rem;opacity:0}.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element{inline-size:28rem;padding-inline-end:3.25rem}.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin:1rem 0 0}.c4p--guidebanner__carousel .c4p--guidebanner__element-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);margin-block-end:1rem}.c4p--guidebanner__carousel .cds--btn--tertiary{border-color:#fff;color:#fff}.c4p--guidebanner__carousel .cds--btn--tertiary:active,.c4p--guidebanner__carousel .cds--btn--tertiary:hover{background-color:#fff;border-color:#fff;color:#161616}.c4p--guidebanner__carousel .cds--btn--tertiary svg{block-size:1rem;flex-shrink:0;inline-size:1rem;inset-inline-end:1rem;position:absolute}.c4p--guidebanner__carousel .cds--btn--ghost{color:#a6c8ff;margin-inline-start:-1rem}.c4p--guidebanner__carousel .cds--btn--ghost:active,.c4p--guidebanner__carousel .cds--btn--ghost:hover{background-color:#7f3ae7;color:#f4f4f4}.c4p--guidebanner__carousel .c4p--guidebanner__element-link,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:visited{color:#a6c8ff}.c4p--guidebanner__carousel .c4p--guidebanner__element-link:active,.c4p--guidebanner__carousel .c4p--guidebanner__element-link:hover{color:#d0e2ff}.c4p--guidebanner__navigation{border-block-start:.0625rem solid #8a3ffc;display:flex}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation{border-block-start:none}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button{color:#a6c8ff;margin-inline-start:2.125rem}.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active,.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover{background-color:#7433e3;color:#f4f4f4}.c4p--guidebanner__navigation .c4p--guidebanner__back-button{margin-inline-start:auto}.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button{display:none}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:hover,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:active,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:hover{background-color:#7433e3}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button path{fill:#fff}.c4p--guidebanner__navigation .c4p--guidebanner__back-button button[disabled] path,.c4p--guidebanner__navigation .c4p--guidebanner__next-button button[disabled] path{fill:#9b63ff}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea{inset-inline-start:2rem}.c4p--guidebanner__with-left-gutter .c4p--guidebanner__title{padding-inline-start:4.25rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container,.c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation{padding-inline-start:1rem}.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled{inline-size:4rem}:host(c4p-guide-banner) details{display:flex;flex-direction:column-reverse}:host(c4p-guide-banner) ::-webkit-details-marker,:host(c4p-guide-banner) ::marker{content:\"\";display:none}:host(c4p-guide-banner) .c4p--guidebanner__title{padding-block-end:1rem}"]);
|
|
11
11
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=guide-banner.scss.js.map
|
|
@@ -405,8 +405,13 @@ declare class CDSOptionsTile extends CDSOptionsTile_base {
|
|
|
405
405
|
* here and only referenced internally.
|
|
406
406
|
*/
|
|
407
407
|
private _open;
|
|
408
|
+
/**
|
|
409
|
+
* Tracks whether the toggle slot has content
|
|
410
|
+
*/
|
|
411
|
+
private _hasToggle;
|
|
408
412
|
static get eventOpen(): string;
|
|
409
413
|
static get eventClose(): string;
|
|
414
|
+
private _handleToggleSlotChange;
|
|
410
415
|
private _toggle;
|
|
411
416
|
private _handleOpen;
|
|
412
417
|
private _handleClose;
|
|
@@ -61,6 +61,10 @@ let CDSOptionsTile = class CDSOptionsTile extends HostListenerMixin(LitElement)
|
|
|
61
61
|
* here and only referenced internally.
|
|
62
62
|
*/
|
|
63
63
|
this._open = false;
|
|
64
|
+
/**
|
|
65
|
+
* Tracks whether the toggle slot has content
|
|
66
|
+
*/
|
|
67
|
+
this._hasToggle = false;
|
|
64
68
|
}
|
|
65
69
|
static get eventOpen() {
|
|
66
70
|
return `${blockEvent}-open`;
|
|
@@ -68,6 +72,11 @@ let CDSOptionsTile = class CDSOptionsTile extends HostListenerMixin(LitElement)
|
|
|
68
72
|
static get eventClose() {
|
|
69
73
|
return `${blockEvent}-close`;
|
|
70
74
|
}
|
|
75
|
+
_handleToggleSlotChange(e) {
|
|
76
|
+
const target = e.target;
|
|
77
|
+
const toggleElements = target === null || target === void 0 ? void 0 : target.assignedElements();
|
|
78
|
+
this._hasToggle = toggleElements && toggleElements.length > 0;
|
|
79
|
+
}
|
|
71
80
|
_toggle(evt) {
|
|
72
81
|
const { newState } = evt;
|
|
73
82
|
this._open = newState === 'open';
|
|
@@ -94,12 +103,16 @@ let CDSOptionsTile = class CDSOptionsTile extends HostListenerMixin(LitElement)
|
|
|
94
103
|
this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
|
|
95
104
|
}
|
|
96
105
|
render() {
|
|
97
|
-
const { _open, defaultOpen, size, titleId, titleText } = this;
|
|
106
|
+
const { _open, _hasToggle, defaultOpen, size, titleId, titleText } = this;
|
|
98
107
|
const classes = classMap({
|
|
99
108
|
[`${blockClass}`]: true,
|
|
100
109
|
[`${blockClass}--xl`]: size === 'xl',
|
|
101
110
|
[`${blockClass}--open`]: _open,
|
|
102
111
|
});
|
|
112
|
+
const headerClasses = classMap({
|
|
113
|
+
[`${blockClass}__header`]: true,
|
|
114
|
+
[`${blockClass}__header--has-toggle`]: _hasToggle,
|
|
115
|
+
});
|
|
103
116
|
return html `
|
|
104
117
|
<details
|
|
105
118
|
@toggle=${this._toggle}
|
|
@@ -107,7 +120,13 @@ let CDSOptionsTile = class CDSOptionsTile extends HostListenerMixin(LitElement)
|
|
|
107
120
|
part="options-tile"
|
|
108
121
|
open=${defaultOpen || nothing}
|
|
109
122
|
>
|
|
110
|
-
<summary class="${
|
|
123
|
+
<summary class="${headerClasses}">
|
|
124
|
+
<div class="${blockClass}__header-right">
|
|
125
|
+
<slot
|
|
126
|
+
name="toggle"
|
|
127
|
+
@slotchange=${this._handleToggleSlotChange}
|
|
128
|
+
></slot>
|
|
129
|
+
</div>
|
|
111
130
|
<div class="${blockClass}__header-left">
|
|
112
131
|
${iconLoader(ChevronDown20, {
|
|
113
132
|
slot: 'icon',
|
|
@@ -120,9 +139,6 @@ let CDSOptionsTile = class CDSOptionsTile extends HostListenerMixin(LitElement)
|
|
|
120
139
|
</div>
|
|
121
140
|
</div>
|
|
122
141
|
</div>
|
|
123
|
-
<div class="${blockClass}__header-right">
|
|
124
|
-
<slot name="toggle"></slot>
|
|
125
|
-
</div>
|
|
126
142
|
</summary>
|
|
127
143
|
<div class="${blockClass}__body">
|
|
128
144
|
<cds-layer level="1">
|
|
@@ -149,6 +165,9 @@ __decorate([
|
|
|
149
165
|
__decorate([
|
|
150
166
|
state()
|
|
151
167
|
], CDSOptionsTile.prototype, "_open", void 0);
|
|
168
|
+
__decorate([
|
|
169
|
+
state()
|
|
170
|
+
], CDSOptionsTile.prototype, "_hasToggle", void 0);
|
|
152
171
|
CDSOptionsTile = __decorate([
|
|
153
172
|
carbonElement(`${prefix}-options-tile`)
|
|
154
173
|
], CDSOptionsTile);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"options-tile.js","sources":["../../../src/components/options-tile/options-tile.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAcU,MAAA,UAAU,GAAG,CAAG,EAAA,MAAM;AACnC,MAAM,UAAU,GAAG,CAAG,EAAA,MAAM,eAAe;AAE3C;;;;;;;AAOK;AAGL,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAA1D,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAW,CAAA,WAAA,GAAa,KAAK;AAE7B;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAiB,IAAI;AAEzB;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAW,EAAE;AAEpB;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAW,EAAE;AAEtB;;;;AAIG;QAEK,IAAK,CAAA,KAAA,GAAG,KAAK;;
|
|
1
|
+
{"version":3,"file":"options-tile.js","sources":["../../../src/components/options-tile/options-tile.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}:host(c4p-options-tile) .c4p--options-tile{background:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6)}:host(c4p-options-tile) .c4p--options-tile ::-webkit-details-marker,:host(c4p-options-tile) .c4p--options-tile ::marker{content:\"\";display:none}:host(c4p-options-tile) .c4p--options-tile__header{align-items:center;block-size:3rem;cursor:pointer;display:flex;justify-content:space-between;padding-inline:1rem;padding-inline-end:1rem}:host(c4p-options-tile) .c4p--options-tile__header:hover{background:var(--cds-background-hover,hsla(0,0%,55%,.12))}:host(c4p-options-tile) .c4p--options-tile__header:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}:host(c4p-options-tile) .c4p--options-tile__header-left{align-items:center;display:flex}:host(c4p-options-tile) .c4p--options-tile__header-right{align-items:center;display:flex}:host(c4p-options-tile) .c4p--options-tile__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}:host(c4p-options-tile) .c4p--options-tile__title-block{margin-inline-end:1rem;margin-inline-start:1rem}:host(c4p-options-tile) .c4p--options-tile__summary{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}:host(c4p-options-tile) .c4p--options-tile__body{padding-block-end:1.5rem;padding-block-start:.5rem;padding-inline:1rem;padding-inline-start:3rem}:host(c4p-options-tile) .c4p--options-tile--xl .c4p--options-tile__header{block-size:4rem}:host(c4p-options-tile) .c4p--options-tile--xl .c4p--options-tile__summary{margin-block-start:.125rem}:host(c4p-options-tile) .c4p--options-tile--open .c4p--options-tile__chevron{transform:rotate(-180deg)}:host(c4p-options-tile) .c4p--options-tile--open .c4p--options-tile__summary{display:none}"]);
|
|
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}:host(c4p-options-tile){position:relative}:host(c4p-options-tile) .c4p--options-tile{background:var(--cds-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-border-subtle-01,#c6c6c6);position:relative}:host(c4p-options-tile) .c4p--options-tile ::-webkit-details-marker,:host(c4p-options-tile) .c4p--options-tile ::marker{content:\"\";display:none}:host(c4p-options-tile) .c4p--options-tile__header{align-items:center;block-size:3rem;cursor:pointer;display:flex;justify-content:space-between;padding-inline:1rem;padding-inline-end:1rem}:host(c4p-options-tile) .c4p--options-tile__header:hover{background:var(--cds-background-hover,hsla(0,0%,55%,.12))}:host(c4p-options-tile) .c4p--options-tile__header:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}:host(c4p-options-tile) .c4p--options-tile__header-left{align-items:center;display:flex}:host(c4p-options-tile) .c4p--options-tile__header-right{align-items:center;block-size:3rem;display:flex;inset-block-start:0;inset-inline-end:0;padding-inline:1rem;position:absolute}:host(c4p-options-tile) .c4p--options-tile__header--has-toggle{inline-size:calc(100% - 6rem)}:host(c4p-options-tile) .c4p--options-tile__title{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}:host(c4p-options-tile) .c4p--options-tile__title-block{margin-inline-end:1rem;margin-inline-start:1rem}:host(c4p-options-tile) .c4p--options-tile__summary{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}:host(c4p-options-tile) .c4p--options-tile__body{padding-block-end:1.5rem;padding-block-start:.5rem;padding-inline:1rem;padding-inline-start:3rem}:host(c4p-options-tile) .c4p--options-tile--xl .c4p--options-tile__header{block-size:4rem}:host(c4p-options-tile) .c4p--options-tile--xl .c4p--options-tile__summary{margin-block-start:.125rem}:host(c4p-options-tile) .c4p--options-tile--open .c4p--options-tile__chevron{transform:rotate(-180deg)}:host(c4p-options-tile) .c4p--options-tile--open .c4p--options-tile__summary{display:none}"]);
|
|
11
11
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=options-tile.scss.js.map
|
|
@@ -38,12 +38,17 @@ const makeDraggable = ({ el, dragHandle, focusableDragHandle, dragStep, shiftDra
|
|
|
38
38
|
const onKeyDown = (e) => {
|
|
39
39
|
if (e.key === 'Enter') {
|
|
40
40
|
isDragging = !isDragging;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
41
|
+
if (isDragging) {
|
|
42
|
+
// Get current transform values when starting keyboard drag
|
|
43
|
+
const style = window.getComputedStyle(el);
|
|
44
|
+
const matrix = new DOMMatrix(style.transform);
|
|
45
|
+
currentX = matrix.m41;
|
|
46
|
+
currentY = matrix.m42;
|
|
47
|
+
dispatch('dragstart', { keyboard: true });
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
dispatch('dragend', { keyboard: true });
|
|
51
|
+
}
|
|
47
52
|
}
|
|
48
53
|
if (!isDragging) {
|
|
49
54
|
return;
|
|
@@ -55,16 +60,20 @@ const makeDraggable = ({ el, dragHandle, focusableDragHandle, dragStep, shiftDra
|
|
|
55
60
|
e.preventDefault();
|
|
56
61
|
break;
|
|
57
62
|
case 'ArrowLeft':
|
|
58
|
-
|
|
63
|
+
currentX -= distance;
|
|
64
|
+
el.style.transform = `translate(${currentX}px, ${currentY}px)`;
|
|
59
65
|
break;
|
|
60
66
|
case 'ArrowRight':
|
|
61
|
-
|
|
67
|
+
currentX += distance;
|
|
68
|
+
el.style.transform = `translate(${currentX}px, ${currentY}px)`;
|
|
62
69
|
break;
|
|
63
70
|
case 'ArrowUp':
|
|
64
|
-
|
|
71
|
+
currentY -= distance;
|
|
72
|
+
el.style.transform = `translate(${currentX}px, ${currentY}px)`;
|
|
65
73
|
break;
|
|
66
74
|
case 'ArrowDown':
|
|
67
|
-
|
|
75
|
+
currentY += distance;
|
|
76
|
+
el.style.transform = `translate(${currentX}px, ${currentY}px)`;
|
|
68
77
|
break;
|
|
69
78
|
}
|
|
70
79
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"makeDraggable.js","sources":["../../../src/utilities/makeDraggable/makeDraggable.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAiCH;;;AAGG;AACU,MAAA,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,aAAa,GACE,KAAI;IACnB,IAAI,UAAU,EAAE;AACd,QAAA,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AAChC,QAAA,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS;;SACtB;AACL,QAAA,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;;IAG1B,IAAI,UAAU,GAAG,KAAK;IACtB,IAAI,QAAQ,GAAG,CAAC;IAChB,IAAI,QAAQ,GAAG,CAAC;IAChB,IAAI,aAAa,GAAG,CAAC;IACrB,IAAI,aAAa,GAAG,CAAC;AAErB,IAAA,MAAM,QAAQ,GAAG,CACf,IAAO,EACP,MAAsB,KACpB;AACF,QAAA,MAAM,SAAS,GAAoC;YACjD,MAAM;AACN,YAAA,OAAO,EAAE,IAAI;SACd;QACD,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACpD,KAAC;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,CAAgB,KAAI;AACrC,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,UAAU,GAAG,CAAC,UAAU
|
|
1
|
+
{"version":3,"file":"makeDraggable.js","sources":["../../../src/utilities/makeDraggable/makeDraggable.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -4,4 +4,4 @@
|
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
-
export { snapScroll, scrollNext, scrollPrevious, blockClass, getNextSibling, getPreviousSibling, } from './snapscroll';
|
|
7
|
+
export { snapScroll, scrollNext, scrollPrevious, blockClass, getNextSibling, getPreviousSibling, hasNextSiblingNotInView, hasPreviousSiblingNotInView, } from './snapscroll';
|
|
@@ -5,5 +5,5 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
export { blockClass, getNextSibling, getPreviousSibling, scrollNext, scrollPrevious, snapScroll } from './snapscroll.js';
|
|
8
|
+
export { blockClass, getNextSibling, getPreviousSibling, hasNextSiblingNotInView, hasPreviousSiblingNotInView, scrollNext, scrollPrevious, snapScroll } from './snapscroll.js';
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -27,3 +27,13 @@ export declare function scrollNext(): void;
|
|
|
27
27
|
export declare function scrollPrevious(): void;
|
|
28
28
|
export declare function getNextSibling(): Element | null | undefined;
|
|
29
29
|
export declare function getPreviousSibling(): Element | null | undefined;
|
|
30
|
+
/**
|
|
31
|
+
* Checks if there are any next siblings that are not fully in view
|
|
32
|
+
* @returns true if there are more items to scroll to in the next direction
|
|
33
|
+
*/
|
|
34
|
+
export declare function hasNextSiblingNotInView(): boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Checks if there are any previous siblings that are not fully in view
|
|
37
|
+
* @returns true if there are more items to scroll to in the previous direction
|
|
38
|
+
*/
|
|
39
|
+
export declare function hasPreviousSiblingNotInView(): boolean;
|