@carbon/ibm-products-web-components 0.31.0-rc.0 → 0.32.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +414 -5
- package/es/components/about-modal/about-modal.scss.js +1 -1
- package/es/components/big-number/big-number-skeleton.d.ts +22 -0
- package/es/components/big-number/big-number-skeleton.js +56 -0
- package/es/components/big-number/big-number-skeleton.js.map +1 -0
- package/es/components/big-number/big-number-skeleton.scss.js +13 -0
- package/es/components/big-number/big-number-skeleton.scss.js.map +1 -0
- package/es/components/big-number/big-number.d.ts +37 -0
- package/es/components/big-number/big-number.js +184 -0
- package/es/components/big-number/big-number.js.map +1 -0
- package/es/components/big-number/big-number.scss.js +13 -0
- package/es/components/big-number/big-number.scss.js.map +1 -0
- package/es/{utilities/carousel/index.d.ts → components/big-number/big-number.test.d.ts} +1 -2
- package/es/components/big-number/big-number.test.js +113 -0
- package/es/components/big-number/big-number.test.js.map +1 -0
- package/es/components/big-number/constants.d.ts +19 -0
- package/es/components/big-number/constants.js +30 -0
- package/es/components/big-number/constants.js.map +1 -0
- package/es/components/big-number/index.d.ts +10 -0
- package/es/{node_modules/@carbon/utilities/es/dateTimeFormat → components/big-number}/index.js +2 -5
- package/es/components/big-number/index.js.map +1 -0
- package/es/components/checklist/checklist.scss.js +1 -1
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +422 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js +135 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +13 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js.map +1 -0
- package/es/{utilities/carousel/types.js → components/coachmark/coachmark-tagline/coachmark-tagline.test.d.ts} +4 -3
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.test.js +126 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.test.js.map +1 -0
- package/es/components/coachmark/coachmark-tagline/index.d.ts +9 -0
- package/{es-custom/utilities/carousel → es/components/coachmark/coachmark-tagline}/index.js +1 -1
- package/es/components/coachmark/coachmark-tagline/index.js.map +1 -0
- package/es/components/guide-banner/guide-banner-element.d.ts +7 -0
- package/es/components/guide-banner/guide-banner-element.js +14 -0
- package/es/components/guide-banner/guide-banner-element.js.map +1 -1
- package/es/components/guide-banner/guide-banner-element.scss.js +13 -0
- package/es/components/guide-banner/guide-banner-element.scss.js.map +1 -0
- package/es/components/guide-banner/guide-banner-element.test.d.ts +7 -0
- package/es/components/guide-banner/guide-banner-element.test.js +58 -0
- package/es/components/guide-banner/guide-banner-element.test.js.map +1 -0
- package/es/components/guide-banner/guide-banner.d.ts +4 -4
- package/es/components/guide-banner/guide-banner.js +4 -4
- 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/guide-banner/guide-banner.test.d.ts +6 -0
- package/es/components/guide-banner/guide-banner.test.js +3 -3
- package/es/components/guide-banner/guide-banner.test.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.d.ts +1 -0
- package/es/components/interstitial-screen/interstitial-screen-body.js +16 -4
- package/es/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-context.d.ts +1 -0
- package/es/components/interstitial-screen/interstitial-screen-context.js +5 -0
- package/es/components/interstitial-screen/interstitial-screen-context.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.js +15 -0
- package/es/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen.test.js +11 -0
- package/es/components/interstitial-screen/interstitial-screen.test.js.map +1 -1
- package/es/components/interstitial-screen/interstitial.figma.js +288 -0
- package/es/components/interstitial-screen/interstitial.figma.js.map +1 -0
- package/es/components/notification-panel/notification.js +2 -3
- package/es/components/notification-panel/notification.js.map +1 -1
- package/es/components/notification-panel/notification.test.js +2 -3
- package/es/components/notification-panel/notification.test.js.map +1 -1
- package/es/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js +2 -3
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -1
- package/es/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es/components/page-header/utils.js +17 -5
- package/es/components/page-header/utils.js.map +1 -1
- package/es/components/side-panel/side-panel.figma.js +229 -0
- package/es/components/side-panel/side-panel.figma.js.map +1 -0
- package/es/components/tearsheet/tearsheet.d.ts +33 -14
- package/es/components/tearsheet/tearsheet.js +65 -98
- package/es/components/tearsheet/tearsheet.js.map +1 -1
- package/es/components/tearsheet/tearsheet.scss.js +1 -1
- package/es/index.d.ts +4 -1
- package/es/index.js +3 -0
- package/es/index.js.map +1 -1
- package/es/packages/ibm-products-web-components/package.json.js +1 -1
- package/es/utilities/snapscroll/index.d.ts +7 -0
- package/es/utilities/snapscroll/index.js +9 -0
- package/es/utilities/snapscroll/index.js.map +1 -0
- package/es/utilities/snapscroll/snapscroll.d.ts +29 -0
- package/es/utilities/snapscroll/snapscroll.js +134 -0
- package/es/utilities/snapscroll/snapscroll.js.map +1 -0
- package/es/utilities/snapscroll/snapscroll.test.d.ts +1 -0
- package/es/utilities/snapscroll/snapscroll.test.js +41 -0
- package/es/utilities/snapscroll/snapscroll.test.js.map +1 -0
- package/es-custom/components/about-modal/about-modal.scss.js +1 -1
- package/es-custom/components/big-number/big-number-skeleton.d.ts +22 -0
- package/es-custom/components/big-number/big-number-skeleton.js +56 -0
- package/es-custom/components/big-number/big-number-skeleton.js.map +1 -0
- package/es-custom/components/big-number/big-number-skeleton.scss.js +13 -0
- package/es-custom/components/big-number/big-number-skeleton.scss.js.map +1 -0
- package/es-custom/components/big-number/big-number.d.ts +37 -0
- package/es-custom/components/big-number/big-number.js +184 -0
- package/es-custom/components/big-number/big-number.js.map +1 -0
- package/es-custom/components/big-number/big-number.scss.js +13 -0
- package/es-custom/components/big-number/big-number.scss.js.map +1 -0
- package/{lib/utilities/carousel/index.d.ts → es-custom/components/big-number/big-number.test.d.ts} +1 -2
- package/es-custom/components/big-number/big-number.test.js +113 -0
- package/es-custom/components/big-number/big-number.test.js.map +1 -0
- package/es-custom/components/big-number/constants.d.ts +19 -0
- package/es-custom/components/big-number/constants.js +30 -0
- package/es-custom/components/big-number/constants.js.map +1 -0
- package/es-custom/components/big-number/index.d.ts +10 -0
- package/es-custom/{node_modules/@carbon/utilities/es/dateTimeFormat → components/big-number}/index.js +2 -5
- package/es-custom/components/big-number/index.js.map +1 -0
- package/es-custom/components/checklist/checklist.scss.js +1 -1
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +422 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js +135 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +13 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js.map +1 -0
- package/es-custom/{utilities/carousel/types.js → components/coachmark/coachmark-tagline/coachmark-tagline.test.d.ts} +4 -3
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.test.js +126 -0
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.test.js.map +1 -0
- package/es-custom/components/coachmark/coachmark-tagline/index.d.ts +9 -0
- package/{es/utilities/carousel → es-custom/components/coachmark/coachmark-tagline}/index.js +1 -1
- package/es-custom/components/guide-banner/guide-banner-element.d.ts +7 -0
- package/es-custom/components/guide-banner/guide-banner-element.js +14 -0
- package/es-custom/components/guide-banner/guide-banner-element.js.map +1 -1
- package/es-custom/components/guide-banner/guide-banner-element.scss.js +13 -0
- package/es-custom/components/guide-banner/guide-banner-element.scss.js.map +1 -0
- package/es-custom/{utilities/carousel/index.d.ts → components/guide-banner/guide-banner-element.test.d.ts} +1 -2
- package/es-custom/components/guide-banner/guide-banner-element.test.js +58 -0
- package/es-custom/components/guide-banner/guide-banner-element.test.js.map +1 -0
- package/es-custom/components/guide-banner/guide-banner.d.ts +4 -4
- package/es-custom/components/guide-banner/guide-banner.js +4 -4
- 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/guide-banner/guide-banner.test.d.ts +6 -0
- package/es-custom/components/guide-banner/guide-banner.test.js +3 -3
- package/es-custom/components/guide-banner/guide-banner.test.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.d.ts +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js +16 -4
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-context.d.ts +1 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-context.js +5 -0
- package/es-custom/components/interstitial-screen/interstitial-screen-context.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.js +15 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.test.js +11 -0
- package/es-custom/components/interstitial-screen/interstitial-screen.test.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial.figma.js +288 -0
- package/es-custom/components/interstitial-screen/interstitial.figma.js.map +1 -0
- package/es-custom/components/notification-panel/notification.js +2 -3
- package/es-custom/components/notification-panel/notification.js.map +1 -1
- package/es-custom/components/notification-panel/notification.test.js +2 -3
- package/es-custom/components/notification-panel/notification.test.js.map +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-breadcrumbs.scss.js +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js +2 -3
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.js.map +1 -1
- package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js +1 -1
- package/es-custom/components/page-header/utils.js +17 -5
- package/es-custom/components/page-header/utils.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.figma.js +229 -0
- package/es-custom/components/side-panel/side-panel.figma.js.map +1 -0
- package/es-custom/components/tearsheet/tearsheet.d.ts +33 -14
- package/es-custom/components/tearsheet/tearsheet.js +65 -98
- package/es-custom/components/tearsheet/tearsheet.js.map +1 -1
- package/es-custom/components/tearsheet/tearsheet.scss.js +1 -1
- package/es-custom/index.d.ts +4 -1
- package/es-custom/index.js +3 -0
- package/es-custom/index.js.map +1 -1
- package/es-custom/packages/ibm-products-web-components/package.json.js +1 -1
- package/{es/utilities/carousel/swipeEvents.d.ts → es-custom/utilities/snapscroll/index.d.ts} +1 -1
- package/es-custom/utilities/snapscroll/index.js +9 -0
- package/es-custom/utilities/snapscroll/snapscroll.d.ts +29 -0
- package/es-custom/utilities/snapscroll/snapscroll.js +134 -0
- package/es-custom/utilities/snapscroll/snapscroll.js.map +1 -0
- package/es-custom/utilities/snapscroll/snapscroll.test.d.ts +1 -0
- package/es-custom/utilities/snapscroll/snapscroll.test.js +41 -0
- package/es-custom/utilities/snapscroll/snapscroll.test.js.map +1 -0
- package/lib/components/big-number/big-number-skeleton.d.ts +22 -0
- package/lib/components/big-number/big-number.d.ts +37 -0
- package/lib/components/big-number/big-number.test.d.ts +7 -0
- package/lib/components/big-number/constants.d.ts +19 -0
- package/lib/components/big-number/index.d.ts +10 -0
- package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +422 -0
- package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.test.d.ts +9 -0
- package/lib/components/coachmark/coachmark-tagline/index.d.ts +9 -0
- package/lib/components/guide-banner/guide-banner-element.d.ts +7 -0
- package/lib/components/guide-banner/guide-banner-element.test.d.ts +7 -0
- package/lib/components/guide-banner/guide-banner.d.ts +4 -4
- package/lib/components/guide-banner/guide-banner.test.d.ts +6 -0
- package/lib/components/interstitial-screen/interstitial-screen-body.d.ts +1 -0
- package/lib/components/interstitial-screen/interstitial-screen-context.d.ts +1 -0
- package/lib/components/tearsheet/tearsheet.d.ts +33 -14
- package/lib/index.d.ts +4 -1
- package/lib/utilities/snapscroll/index.d.ts +7 -0
- package/lib/utilities/snapscroll/snapscroll.d.ts +29 -0
- package/lib/utilities/snapscroll/snapscroll.test.d.ts +1 -0
- package/package.json +6 -3
- package/scss/components/big-number/big-number-skeleton.scss +59 -0
- package/scss/components/big-number/big-number.scss +27 -0
- package/scss/components/coachmark/coachmark-tagline/coachmark-tagline.scss +22 -0
- package/scss/components/guide-banner/guide-banner-element.scss +31 -0
- package/scss/components/guide-banner/guide-banner.scss +2 -0
- package/scss/components/interstitial-screen/interstitial-screen-body-item.scss +1 -1
- package/scss/components/interstitial-screen/interstitial-screen-body.scss +1 -1
- package/scss/components/page-header/_story-assets/_storybook-styles.scss +6 -4
- package/telemetry.yml +12 -3
- package/es/node_modules/@carbon/utilities/es/dateTimeFormat/index.js.map +0 -1
- package/es/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js +0 -11
- package/es/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js.map +0 -1
- package/es/node_modules/@carbon/utilities/es/documentLang/documentLang.js +0 -9
- package/es/node_modules/@carbon/utilities/es/documentLang/documentLang.js.map +0 -1
- package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +0 -11
- package/es/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +0 -1
- package/es/utilities/carousel/carousel.d.ts +0 -14
- package/es/utilities/carousel/carousel.js +0 -341
- package/es/utilities/carousel/carousel.js.map +0 -1
- package/es/utilities/carousel/swipeEvents.js +0 -109
- package/es/utilities/carousel/swipeEvents.js.map +0 -1
- package/es/utilities/carousel/types.d.ts +0 -37
- package/es/utilities/carousel/types.js.map +0 -1
- package/es-custom/node_modules/@carbon/utilities/es/dateTimeFormat/index.js.map +0 -1
- package/es-custom/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js +0 -11
- package/es-custom/node_modules/@carbon/utilities/es/dateTimeFormat/relative.js.map +0 -1
- package/es-custom/node_modules/@carbon/utilities/es/documentLang/documentLang.js +0 -9
- package/es-custom/node_modules/@carbon/utilities/es/documentLang/documentLang.js.map +0 -1
- package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js +0 -11
- package/es-custom/node_modules/@carbon/utilities/es/overflowHandler/overflowHandler.js.map +0 -1
- package/es-custom/utilities/carousel/carousel.d.ts +0 -14
- package/es-custom/utilities/carousel/carousel.js +0 -341
- package/es-custom/utilities/carousel/carousel.js.map +0 -1
- package/es-custom/utilities/carousel/swipeEvents.d.ts +0 -7
- package/es-custom/utilities/carousel/swipeEvents.js +0 -109
- package/es-custom/utilities/carousel/swipeEvents.js.map +0 -1
- package/es-custom/utilities/carousel/types.d.ts +0 -37
- package/es-custom/utilities/carousel/types.js.map +0 -1
- package/lib/utilities/carousel/carousel.d.ts +0 -14
- package/lib/utilities/carousel/swipeEvents.d.ts +0 -7
- package/lib/utilities/carousel/types.d.ts +0 -37
- /package/es-custom/{utilities/carousel → components/coachmark/coachmark-tagline}/index.js.map +0 -0
- /package/{es/utilities/carousel → es-custom/utilities/snapscroll}/index.js.map +0 -0
|
@@ -0,0 +1,135 @@
|
|
|
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 { __decorate } from 'tslib';
|
|
9
|
+
import { LitElement, html } from 'lit';
|
|
10
|
+
import { property } from 'lit/decorators.js';
|
|
11
|
+
import { prefix } from '../../../globals/settings.js';
|
|
12
|
+
import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
|
|
13
|
+
import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
|
|
14
|
+
import styles from './coachmark-tagline.scss.js';
|
|
15
|
+
import Close16 from '@carbon/icons/es/close/16.js';
|
|
16
|
+
import Idea16 from '@carbon/icons/es/idea/16.js';
|
|
17
|
+
import '@carbon/web-components/es/components/button/button.js';
|
|
18
|
+
import iconLoader from '@carbon/web-components/es/globals/internal/icon-loader';
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* @license
|
|
22
|
+
*
|
|
23
|
+
* Copyright IBM Corp. 2026
|
|
24
|
+
*
|
|
25
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
26
|
+
* LICENSE file in the root directory of this source tree.
|
|
27
|
+
*/
|
|
28
|
+
const blockClass = `${prefix}--coachmark-tagline`;
|
|
29
|
+
/**
|
|
30
|
+
* DO NOT USE. This component is for the exclusive use
|
|
31
|
+
* of other Onboarding components.
|
|
32
|
+
*
|
|
33
|
+
* Coachmark tagline component.
|
|
34
|
+
*
|
|
35
|
+
* @element c4p-coachmark-tagline
|
|
36
|
+
* @fires c4p-coachmark-tagline-close - Custom event fired when close button is clicked
|
|
37
|
+
* @fires c4p-coachmark-tagline-cta-click - Custom event fired when tagline CTA is clicked
|
|
38
|
+
*/
|
|
39
|
+
let CDSCoachmarkTagline = class CDSCoachmarkTagline extends HostListenerMixin(LitElement) {
|
|
40
|
+
constructor() {
|
|
41
|
+
super(...arguments);
|
|
42
|
+
/**
|
|
43
|
+
* Tooltip text and aria label for the Close button icon.
|
|
44
|
+
*/
|
|
45
|
+
this.closeIconDescription = 'Close';
|
|
46
|
+
/**
|
|
47
|
+
* The title of the tagline.
|
|
48
|
+
*/
|
|
49
|
+
this.title = '';
|
|
50
|
+
/**
|
|
51
|
+
* Whether the tagline is open.
|
|
52
|
+
*/
|
|
53
|
+
this.open = false;
|
|
54
|
+
}
|
|
55
|
+
firstUpdated() {
|
|
56
|
+
this.classList.add(blockClass);
|
|
57
|
+
if (this.open) {
|
|
58
|
+
this.classList.add(`${blockClass}--open`);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* Handles the close button click event.
|
|
63
|
+
*/
|
|
64
|
+
_handleClose() {
|
|
65
|
+
const closeEvent = new CustomEvent(`${prefix}-coachmark-tagline-close`, {
|
|
66
|
+
bubbles: true,
|
|
67
|
+
composed: true,
|
|
68
|
+
detail: {},
|
|
69
|
+
});
|
|
70
|
+
this.dispatchEvent(closeEvent);
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Handles the CTA button click event.
|
|
74
|
+
*/
|
|
75
|
+
_handleCtaClick(event) {
|
|
76
|
+
const ctaClickEvent = new CustomEvent(`${prefix}-coachmark-tagline-cta-click`, {
|
|
77
|
+
bubbles: true,
|
|
78
|
+
composed: true,
|
|
79
|
+
detail: { originalEvent: event },
|
|
80
|
+
});
|
|
81
|
+
this.dispatchEvent(ctaClickEvent);
|
|
82
|
+
}
|
|
83
|
+
/**
|
|
84
|
+
* Handles the CTA button double click event.
|
|
85
|
+
*/
|
|
86
|
+
_handleCtaDoubleClick(event) {
|
|
87
|
+
const ctaDoubleClickEvent = new CustomEvent(`${prefix}-coachmark-tagline-cta-dblclick`, {
|
|
88
|
+
bubbles: true,
|
|
89
|
+
composed: true,
|
|
90
|
+
detail: { originalEvent: event },
|
|
91
|
+
});
|
|
92
|
+
this.dispatchEvent(ctaDoubleClickEvent);
|
|
93
|
+
}
|
|
94
|
+
render() {
|
|
95
|
+
return html `
|
|
96
|
+
<button
|
|
97
|
+
class="${blockClass}__cta"
|
|
98
|
+
@click="${this._handleCtaClick}"
|
|
99
|
+
@dblclick="${this._handleCtaDoubleClick}"
|
|
100
|
+
>
|
|
101
|
+
${iconLoader(Idea16, { slot: 'icon' })} ${this.title}
|
|
102
|
+
</button>
|
|
103
|
+
<div class="${blockClass}--close-btn-container">
|
|
104
|
+
<cds-button
|
|
105
|
+
kind="ghost"
|
|
106
|
+
size="sm"
|
|
107
|
+
tooltip-text="${this.closeIconDescription}"
|
|
108
|
+
has-icon-only
|
|
109
|
+
class="${blockClass}--close-btn"
|
|
110
|
+
@click="${this._handleClose}"
|
|
111
|
+
>
|
|
112
|
+
${iconLoader(Close16, { slot: 'icon' })}
|
|
113
|
+
</cds-button>
|
|
114
|
+
</div>
|
|
115
|
+
`;
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
CDSCoachmarkTagline.shadowRootOptions = Object.assign(Object.assign({}, LitElement.shadowRootOptions), { delegatesFocus: true });
|
|
119
|
+
CDSCoachmarkTagline.styles = styles;
|
|
120
|
+
__decorate([
|
|
121
|
+
property({ type: String, attribute: 'close-icon-description' })
|
|
122
|
+
], CDSCoachmarkTagline.prototype, "closeIconDescription", void 0);
|
|
123
|
+
__decorate([
|
|
124
|
+
property({ type: String })
|
|
125
|
+
], CDSCoachmarkTagline.prototype, "title", void 0);
|
|
126
|
+
__decorate([
|
|
127
|
+
property({ type: Boolean, reflect: true, attribute: 'open' })
|
|
128
|
+
], CDSCoachmarkTagline.prototype, "open", void 0);
|
|
129
|
+
CDSCoachmarkTagline = __decorate([
|
|
130
|
+
carbonElement(`${prefix}-coachmark-tagline`)
|
|
131
|
+
], CDSCoachmarkTagline);
|
|
132
|
+
var CDSCoachmarkTagline$1 = CDSCoachmarkTagline;
|
|
133
|
+
|
|
134
|
+
export { CDSCoachmarkTagline$1 as default };
|
|
135
|
+
//# sourceMappingURL=coachmark-tagline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"coachmark-tagline.js","sources":["../../../../src/components/coachmark/coachmark-tagline/coachmark-tagline.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
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 { css } from 'lit';
|
|
9
|
+
|
|
10
|
+
var styles = css([".c4p--coachmark-tagline{background:#6929c4;background-image:linear-gradient(90deg,#001d6c,#6929c4);border-radius:.125rem .125rem 0 0;color:#fff!important;display:grid;grid-template-columns:[cta-col] auto [close-btn-col] 2.5rem;inline-size:18rem;inset-block-end:0;inset-inline-end:1rem;opacity:1;overflow:hidden;position:fixed;transition:opacity .24s cubic-bezier(.2,0,1,.9) .3s;transition-delay:.24s;z-index:1000}@media (prefers-reduced-motion){.c4p--coachmark-tagline{transition:none}}.c4p--coachmark-tagline:before{background:linear-gradient(90deg,#0043ce,#6929c4);content:\"\";inset:0;opacity:0;position:absolute;transition:opacity .24s cubic-bezier(.2,0,1,.9);z-index:-1}@media (prefers-reduced-motion){.c4p--coachmark-tagline:before{transition:none}}.c4p--coachmark-tagline:hover:before{opacity:1}.c4p--coachmark-tagline--is-open{background:#fff;opacity:0}.c4p--coachmark-tagline--is-open c4p--coachmark-tagline__cta{opacity:0}.c4p--coachmark-tagline--is-open c4p--coachmark-tagline--close-btn{display:none}.c4p--coachmark-tagline--is-open:before{background:#fff}.c4p--coachmark-tagline__cta{background:transparent;border:none;color:#fff!important;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:[icon-col] 2rem [body-col] auto;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding:.5rem 0;text-align:start}.c4p--coachmark-tagline__cta:focus{box-shadow:inset 0 0 0 3px #6929c4,inset 0 0 0 .25rem #fff;outline:1px solid transparent}.c4p--coachmark-tagline__cta:hover{cursor:pointer!important}.c4p--coachmark-tagline__cta .c4p--coachmark-tagline__idea{justify-self:center}.c4p--coachmark-tagline--close-btn-container{block-size:2rem;inline-size:2rem;margin-inline-start:auto}.c4p--coachmark-tagline--close-btn{block-size:2rem;border-color:transparent!important;border-radius:0;color:#fff;inline-size:2rem;margin-inline-start:auto!important;outline:1px solid transparent}.c4p--coachmark-tagline--close-btn:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.c4p--coachmark-tagline--close-btn:focus{box-shadow:inset 0 0 0 1px var(--cds-background-inverse,#393939),inset 0 0 0 .125rem #fff!important}.c4p--coachmark-tagline--close-btn svg>path{margin:0;fill:#fff!important}.c4p--coachmark-tagline--close-btn:hover{background-color:#7c3dd6!important}.c4p--coachmark-tagline__cta svg{justify-self:center}"]);
|
|
11
|
+
|
|
12
|
+
export { styles as default };
|
|
13
|
+
//# sourceMappingURL=coachmark-tagline.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"coachmark-tagline.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2026
|
|
3
5
|
*
|
|
4
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
7
|
* LICENSE file in the root directory of this source tree.
|
|
6
8
|
*/
|
|
7
|
-
|
|
8
|
-
//# sourceMappingURL=types.js.map
|
|
9
|
+
import './index';
|
|
@@ -0,0 +1,126 @@
|
|
|
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 { describe, it, expect } from 'vitest';
|
|
9
|
+
import { fixture, oneEvent, html } from '@open-wc/testing';
|
|
10
|
+
import './coachmark-tagline.js';
|
|
11
|
+
import { prefix } from '../../../globals/settings.js';
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* @license
|
|
15
|
+
*
|
|
16
|
+
* Copyright IBM Corp. 2026
|
|
17
|
+
*
|
|
18
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
19
|
+
* LICENSE file in the root directory of this source tree.
|
|
20
|
+
*/
|
|
21
|
+
const blockClass = `${prefix}--coachmark-tagline`;
|
|
22
|
+
const defaultProps = {
|
|
23
|
+
title: 'This is a tagline',
|
|
24
|
+
closeIconDescription: 'Close',
|
|
25
|
+
open: false,
|
|
26
|
+
};
|
|
27
|
+
const template = (props = defaultProps) => html `
|
|
28
|
+
<c4p-coachmark-tagline
|
|
29
|
+
title=${props.title}
|
|
30
|
+
close-icon-description=${props.closeIconDescription}
|
|
31
|
+
?open=${props.open}
|
|
32
|
+
>
|
|
33
|
+
</c4p-coachmark-tagline>
|
|
34
|
+
`;
|
|
35
|
+
describe('c4p-coachmark-tagline', () => {
|
|
36
|
+
it('should render a tagline', async () => {
|
|
37
|
+
const tagline = await fixture(template(Object.assign({}, defaultProps)));
|
|
38
|
+
expect(tagline).toBeDefined();
|
|
39
|
+
});
|
|
40
|
+
it('renders with correct title', async () => {
|
|
41
|
+
const el = (await fixture(template(Object.assign({}, defaultProps))));
|
|
42
|
+
expect(el.title).to.equal('This is a tagline');
|
|
43
|
+
const titleElement = el.shadowRoot.querySelector(`.${blockClass}__cta`);
|
|
44
|
+
expect(titleElement).to.exist;
|
|
45
|
+
expect(titleElement.textContent).to.include('This is a tagline');
|
|
46
|
+
});
|
|
47
|
+
it('has correct host classes', async () => {
|
|
48
|
+
const el = await fixture(template(Object.assign({}, defaultProps)));
|
|
49
|
+
expect(el.classList.contains(blockClass)).to.be.true;
|
|
50
|
+
});
|
|
51
|
+
it('applies className to the containing node', async () => {
|
|
52
|
+
const customClass = 'test';
|
|
53
|
+
const tagline = await fixture(template(Object.assign({}, defaultProps)));
|
|
54
|
+
tagline.classList.add(customClass);
|
|
55
|
+
expect(tagline.getAttribute('class')).to.include(customClass);
|
|
56
|
+
});
|
|
57
|
+
it('should render idea icon', async () => {
|
|
58
|
+
var _a;
|
|
59
|
+
const tagline = await fixture(template(Object.assign({}, defaultProps)));
|
|
60
|
+
const svg = (_a = tagline === null || tagline === void 0 ? void 0 : tagline.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('svg');
|
|
61
|
+
expect(svg).to.exist;
|
|
62
|
+
});
|
|
63
|
+
it('should render close button', async () => {
|
|
64
|
+
var _a;
|
|
65
|
+
const tagline = await fixture(template(Object.assign({}, defaultProps)));
|
|
66
|
+
const closeButton = (_a = tagline === null || tagline === void 0 ? void 0 : tagline.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${blockClass}--close-btn`);
|
|
67
|
+
expect(closeButton).to.exist;
|
|
68
|
+
});
|
|
69
|
+
it('dispatches close event when close button is clicked', async () => {
|
|
70
|
+
const el = (await fixture(template(Object.assign({}, defaultProps))));
|
|
71
|
+
const closeButton = el.shadowRoot.querySelector(`.${blockClass}--close-btn`);
|
|
72
|
+
const eventPromise = oneEvent(el, 'c4p-coachmark-tagline-close');
|
|
73
|
+
closeButton.click();
|
|
74
|
+
const event = await eventPromise;
|
|
75
|
+
expect(event).to.exist;
|
|
76
|
+
});
|
|
77
|
+
it('dispatches cta-click event when CTA button is clicked', async () => {
|
|
78
|
+
const el = (await fixture(template(Object.assign({}, defaultProps))));
|
|
79
|
+
const ctaButton = el.shadowRoot.querySelector(`.${blockClass}__cta`);
|
|
80
|
+
const eventPromise = oneEvent(el, 'c4p-coachmark-tagline-cta-click');
|
|
81
|
+
ctaButton.click();
|
|
82
|
+
const event = await eventPromise;
|
|
83
|
+
expect(event).to.exist;
|
|
84
|
+
expect(event.detail.originalEvent).to.exist;
|
|
85
|
+
});
|
|
86
|
+
it('reflects open attribute when open is true', async () => {
|
|
87
|
+
const el = (await fixture(template(Object.assign(Object.assign({}, defaultProps), { open: true }))));
|
|
88
|
+
await el.updateComplete;
|
|
89
|
+
expect(el.hasAttribute('open')).to.be.true;
|
|
90
|
+
expect(el.open).to.be.true;
|
|
91
|
+
});
|
|
92
|
+
it('updates open property', async () => {
|
|
93
|
+
const el = (await fixture(template(Object.assign({}, defaultProps))));
|
|
94
|
+
expect(el.open).to.be.false;
|
|
95
|
+
el.open = true;
|
|
96
|
+
await el.updateComplete;
|
|
97
|
+
expect(el.open).to.be.true;
|
|
98
|
+
expect(el.hasAttribute('open')).to.be.true;
|
|
99
|
+
});
|
|
100
|
+
it('dispatches cta-dblclick event when CTA button is double-clicked', async () => {
|
|
101
|
+
const el = (await fixture(template(Object.assign({}, defaultProps))));
|
|
102
|
+
const ctaButton = el.shadowRoot.querySelector(`.${blockClass}__cta`);
|
|
103
|
+
const eventPromise = oneEvent(el, 'c4p-coachmark-tagline-cta-dblclick');
|
|
104
|
+
ctaButton.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));
|
|
105
|
+
const event = await eventPromise;
|
|
106
|
+
expect(event).to.exist;
|
|
107
|
+
expect(event.detail.originalEvent).to.exist;
|
|
108
|
+
});
|
|
109
|
+
it('updates closeIconDescription property', async () => {
|
|
110
|
+
const el = (await fixture(template(Object.assign({}, defaultProps))));
|
|
111
|
+
expect(el.closeIconDescription).to.equal('Close');
|
|
112
|
+
el.closeIconDescription = 'Close dialog';
|
|
113
|
+
await el.updateComplete;
|
|
114
|
+
expect(el.closeIconDescription).to.equal('Close dialog');
|
|
115
|
+
});
|
|
116
|
+
it('updates title property', async () => {
|
|
117
|
+
const el = (await fixture(template(Object.assign({}, defaultProps))));
|
|
118
|
+
const newTitle = 'Updated title';
|
|
119
|
+
el.title = newTitle;
|
|
120
|
+
await el.updateComplete;
|
|
121
|
+
expect(el.title).to.equal(newTitle);
|
|
122
|
+
const ctaButton = el.shadowRoot.querySelector(`.${blockClass}__cta`);
|
|
123
|
+
expect(ctaButton.textContent).to.include(newTitle);
|
|
124
|
+
});
|
|
125
|
+
});
|
|
126
|
+
//# sourceMappingURL=coachmark-tagline.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"coachmark-tagline.test.js","sources":["../../../../src/components/coachmark/coachmark-tagline/coachmark-tagline.test.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -372,7 +372,14 @@ declare const CDSGuideBannerElement_base: {
|
|
|
372
372
|
};
|
|
373
373
|
};
|
|
374
374
|
} & typeof LitElement;
|
|
375
|
+
/**
|
|
376
|
+
* GuideBannerElement.
|
|
377
|
+
*
|
|
378
|
+
* @element c4p-guide-banner-element
|
|
379
|
+
* @csspart guide-banner-element
|
|
380
|
+
* */
|
|
375
381
|
declare class CDSGuideBannerElement extends CDSGuideBannerElement_base {
|
|
376
382
|
render(): import("lit-html").TemplateResult<1>;
|
|
383
|
+
static styles: any;
|
|
377
384
|
}
|
|
378
385
|
export default CDSGuideBannerElement;
|
|
@@ -10,6 +10,7 @@ import { LitElement, html } from 'lit';
|
|
|
10
10
|
import { prefix } from '../../globals/settings.js';
|
|
11
11
|
import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
|
|
12
12
|
import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
|
|
13
|
+
import styles from './guide-banner-element.scss.js';
|
|
13
14
|
|
|
14
15
|
/**
|
|
15
16
|
* @license
|
|
@@ -20,15 +21,28 @@ import { carbonElement } from '@carbon/web-components/es/globals/decorators/carb
|
|
|
20
21
|
* LICENSE file in the root directory of this source tree.
|
|
21
22
|
*/
|
|
22
23
|
const blockClass = `${prefix}--guidebanner__element`;
|
|
24
|
+
/**
|
|
25
|
+
* GuideBannerElement.
|
|
26
|
+
*
|
|
27
|
+
* @element c4p-guide-banner-element
|
|
28
|
+
* @csspart guide-banner-element
|
|
29
|
+
* */
|
|
23
30
|
let CDSGuideBannerElement = class CDSGuideBannerElement extends HostListenerMixin(LitElement) {
|
|
24
31
|
render() {
|
|
25
32
|
return html `
|
|
26
33
|
<div class="${blockClass}">
|
|
34
|
+
<div class="${blockClass}__title">
|
|
35
|
+
<slot name="title"></slot>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="${blockClass}__description">
|
|
38
|
+
<slot name="description"></slot>
|
|
39
|
+
</div>
|
|
27
40
|
<slot></slot>
|
|
28
41
|
</div>
|
|
29
42
|
`;
|
|
30
43
|
}
|
|
31
44
|
};
|
|
45
|
+
CDSGuideBannerElement.styles = styles;
|
|
32
46
|
CDSGuideBannerElement = __decorate([
|
|
33
47
|
carbonElement(`${prefix}-guide-banner-element`)
|
|
34
48
|
], CDSGuideBannerElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"guide-banner-element.js","sources":["../../../src/components/guide-banner/guide-banner-element.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"guide-banner-element.js","sources":["../../../src/components/guide-banner/guide-banner-element.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAQU,MAAA,UAAU,GAAG,CAAG,EAAA,MAAM;AAEnC;;;;;AAKK;AAGL,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAC/D,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;oBACK,UAAU,CAAA;sBACR,UAAU,CAAA;;;sBAGV,UAAU,CAAA;;;;;KAK3B;;;AAGI,qBAAM,CAAA,MAAA,GAAG,MAAH;AAfT,qBAAqB,GAAA,UAAA,CAAA;AAD1B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,qBAAA,CAAuB;AACzC,CAAA,EAAA,qBAAqB,CAgB1B;AAED,8BAAe,qBAAqB;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
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 { css } from 'lit';
|
|
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-element) .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)}:host(c4p-guide-banner-element) .c4p--guidebanner__element__description{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:2rem}"]);
|
|
11
|
+
|
|
12
|
+
export { styles as default };
|
|
13
|
+
//# sourceMappingURL=guide-banner-element.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"guide-banner-element.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,58 @@
|
|
|
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 { describe, it, expect } from 'vitest';
|
|
9
|
+
import { fixture, html } from '@open-wc/testing';
|
|
10
|
+
import CDSGuideBannerElement from './guide-banner-element.js';
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Copyright IBM Corp. 2025
|
|
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 template = () => {
|
|
19
|
+
return html `
|
|
20
|
+
<c4p-guide-banner-element>
|
|
21
|
+
<div slot="title">title</div>
|
|
22
|
+
<div slot="description">description</div>
|
|
23
|
+
<div class="children">children</div>
|
|
24
|
+
</c4p-guide-banner-element>
|
|
25
|
+
`;
|
|
26
|
+
};
|
|
27
|
+
describe('c4p-guide-banner-element', () => {
|
|
28
|
+
it('renders guide-banner-element', async () => {
|
|
29
|
+
const el = await fixture(template());
|
|
30
|
+
expect(el).to.be.instanceOf(CDSGuideBannerElement);
|
|
31
|
+
expect(el.shadowRoot).to.exist;
|
|
32
|
+
});
|
|
33
|
+
it('renders guide-banner-element with title', async () => {
|
|
34
|
+
var _a;
|
|
35
|
+
const el = await fixture(template());
|
|
36
|
+
const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="title"]`);
|
|
37
|
+
expect(slot).to.exist;
|
|
38
|
+
const node = slot.assignedNodes()[0];
|
|
39
|
+
const { innerText } = node;
|
|
40
|
+
expect(innerText).toBe('title');
|
|
41
|
+
});
|
|
42
|
+
it('renders guide-banner-element with description', async () => {
|
|
43
|
+
var _a;
|
|
44
|
+
const el = await fixture(template());
|
|
45
|
+
const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="description"]`);
|
|
46
|
+
expect(slot).to.exist;
|
|
47
|
+
const node = slot.assignedNodes()[0];
|
|
48
|
+
const { innerText } = node;
|
|
49
|
+
expect(innerText).toBe('description');
|
|
50
|
+
});
|
|
51
|
+
it('renders guide-banner-element with children', async () => {
|
|
52
|
+
const el = await fixture(template());
|
|
53
|
+
const node = el === null || el === void 0 ? void 0 : el.querySelector('.children');
|
|
54
|
+
expect(node).to.exist;
|
|
55
|
+
expect(node === null || node === void 0 ? void 0 : node.innerHTML).toBe('children');
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
//# sourceMappingURL=guide-banner-element.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"guide-banner-element.test.js","sources":["../../../src/components/guide-banner/guide-banner-element.test.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;AAKG;AAMH,MAAM,QAAQ,GAAG,MAAK;AACpB,IAAA,OAAO,IAAI,CAAA;;;;;;GAMV;AACH,CAAC;AAED,QAAQ,CAAC,0BAA0B,EAAE,MAAK;AACxC,IAAA,EAAE,CAAC,8BAA8B,EAAE,YAAW;QAC5C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC;AACpC,QAAA,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC;QAClD,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,KAAK;AAChC,KAAC,CAAC;AAEF,IAAA,EAAE,CAAC,yCAAyC,EAAE,YAAW;;QACvD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,EAAE,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CACvC,CAAoB,kBAAA,CAAA,CACF;AACpB,QAAA,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAgB;AACnD,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI;QAC1B,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;AACjC,KAAC,CAAC;AAEF,IAAA,EAAE,CAAC,+CAA+C,EAAE,YAAW;;QAC7D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,EAAE,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CACvC,CAA0B,wBAAA,CAAA,CACR;AACpB,QAAA,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAgB;AACnD,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI;QAC1B,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;AACvC,KAAC,CAAC;AAEF,IAAA,EAAE,CAAC,4CAA4C,EAAE,YAAW;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC;AACpC,QAAA,MAAM,IAAI,GAAG,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,MAAA,GAAA,MAAA,GAAF,EAAE,CAAE,aAAa,CAAC,WAAW,CAAC;AAC3C,QAAA,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK;AACrB,QAAA,MAAM,CAAC,IAAI,KAAJ,IAAA,IAAA,IAAI,uBAAJ,IAAI,CAAE,SAAS,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;AAC1C,KAAC,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -374,12 +374,12 @@ declare const CDSGuideBanner_base: {
|
|
|
374
374
|
};
|
|
375
375
|
} & typeof LitElement;
|
|
376
376
|
/**
|
|
377
|
-
*
|
|
377
|
+
* GuideBanner.
|
|
378
378
|
*
|
|
379
379
|
* @element c4p-guide-banner
|
|
380
|
-
* @csspart guide-banner
|
|
381
|
-
* @fires c4p-guide-banner-toggle Custom event fired when
|
|
382
|
-
* @fires c4p-guide-banner-close Custom event fired when
|
|
380
|
+
* @csspart guide-banner
|
|
381
|
+
* @fires c4p-guide-banner-toggle Custom event fired when banner is opened
|
|
382
|
+
* @fires c4p-guide-banner-close Custom event fired when banner is closed
|
|
383
383
|
* */
|
|
384
384
|
declare class CDSGuideBanner extends CDSGuideBanner_base {
|
|
385
385
|
collapseText?: string;
|
|
@@ -29,12 +29,12 @@ import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-load
|
|
|
29
29
|
const blockClass = `${prefix}--guidebanner`;
|
|
30
30
|
const blockEvent = `${prefix}-guidebanner`;
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* GuideBanner.
|
|
33
33
|
*
|
|
34
34
|
* @element c4p-guide-banner
|
|
35
|
-
* @csspart guide-banner
|
|
36
|
-
* @fires c4p-guide-banner-toggle Custom event fired when
|
|
37
|
-
* @fires c4p-guide-banner-close Custom event fired when
|
|
35
|
+
* @csspart guide-banner
|
|
36
|
+
* @fires c4p-guide-banner-toggle Custom event fired when banner is opened
|
|
37
|
+
* @fires c4p-guide-banner-close Custom event fired when banner is closed
|
|
38
38
|
* */
|
|
39
39
|
let CDSGuideBanner = class CDSGuideBanner extends HostListenerMixin(LitElement) {
|
|
40
40
|
constructor() {
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"guide-banner.js","sources":["../../../src/components/guide-banner/guide-banner.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
|