npm - @carbon/ibm-products-web-components - Versions diffs - 0.37.0 → 0.38.0 - Mend

@carbon/ibm-products-web-components 0.37.0 → 0.38.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.

Files changed (275) hide show

package/es-custom/components/about-modal/about-modal.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"about-modal.scss.js","names":[],"sources":["../../../src/components/about-modal/about-modal.scss?lit"],"sourcesContent":["/\n Copyright IBM Corp. 2025, 2025\n\n This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\n$css--plex: true !default;\n\n/ Other Carbon settings. /\n@use '@carbon/styles' as styles;\n@use '@carbon/styles/scss/reset';\n@use '@carbon/styles/scss/breakpoint' as ;\n@use '@carbon/styles/scss/config' as carbon-config;\n@use '@carbon/styles/scss/motion' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/themes/scss/themes';\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/utilities';\n@use '@carbon/styles/scss/utilities/ai-gradient' as ;\n@use '@carbon/styles/scss/components/modal' as ;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use 'sass:map';\n\n$prefix: 'c4p';\n\n@use '@carbon/ibm-products-styles/scss/components/AboutModal/index' as *;\n\n:host(#{$prefix}-about-modal) {\n .#{$prefix}--about-modal__logo {\n margin: $spacing-05 $spacing-05 $spacing-07 $spacing-05;\n }\n #{carbon-config.$prefix}-modal-header {\n padding: 0 20% 0 $spacing-05;\n grid-row: auto;\n margin-block-end: 0;\n overflow-y: visible;\n }\n #{carbon-config.$prefix}-modal-body {\n @include type.type-style('body-compact-02');\n\n overflow: hidden auto;\n grid-row: auto;\n min-block-size: $spacing-10;\n padding-block-start: 0;\n padding-inline: $spacing-05 20%;\n &:not(.#{carbon-config.$prefix}--modal-scroll-content) {\n margin-block-end: $spacing-06;\n padding-block-end: 0;\n }\n &.#{carbon-config.$prefix}--modal-scroll-content {\n padding-block-end: $spacing-06;\n }\n }\n\n .#{carbon-config.$prefix}--modal-content--overflow-indicator {\n background-image: linear-gradient(to bottom, #00000000, $layer-01);\n inset-block-end: 0;\n }\n\n #{carbon-config.$prefix}-modal-heading {\n @include type.type-style('heading-04');\n\n color: $text-primary;\n margin-block-end: $spacing-02;\n }\n\n .#{$prefix}--about-modal__version {\n color: $text-secondary;\n }\n\n .#{$prefix}--about-modal__content,\n .#{$prefix}--about-modal__copyright-text {\n @include type.type-style('label-01');\n\n color: $text-secondary;\n margin-block: $spacing-06 0;\n }\n\n .#{$prefix}--about-modal__copyright-text {\n margin-block-start: $spacing-05;\n }\n\n .#{$prefix}--about-modal__content:first-child,\n .#{$prefix}--about-modal__copyright-text:first-child {\n margin-block-start: $spacing-07;\n }\n #{carbon-config.$prefix}-link {\n display: inline-flex;\n }\n .#{$prefix}--about-modal__links-container {\n @include type.type-style('body-compact-01');\n\n margin-block-start: $spacing-06;\n #{carbon-config.$prefix}-link + #{carbon-config.$prefix}-link {\n border-inline-start: 1px solid $border-strong-01;\n margin-inline-start: $spacing-03;\n padding-inline-start: $spacing-03;\n }\n }\n #{carbon-config.$prefix}-modal-footer {\n ~~@include styles.theme(styles.$g100);\n\n~~ display: block;\n padding: $spacing-05;\n background-color: $layer-02;\n block-size: auto;\n .#{$prefix}--about-modal__footer-label {\n @include type.type-style('label-01');\n\n color: $text-secondary;\n margin-block-end: $spacing-02;\n }\n .#{$prefix}--about-modal__footer--tech-logo {\n block-size: $spacing-06;\n inline-size: $spacing-06;\n margin-inline-end: $spacing-03;\n object-fit: contain;\n }\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"about-modal.scss.js","names":[],"sources":["../../../src/components/about-modal/about-modal.scss?lit"],"sourcesContent":["/\n Copyright IBM Corp. 2025, 2025\n\n This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n/\n\n$css--plex: true !default;\n\n/ Other Carbon settings. /\n@use '@carbon/styles' as styles;\n@use '@carbon/styles/scss/reset';\n@use '@carbon/styles/scss/breakpoint' as ;\n@use '@carbon/styles/scss/config' as carbon-config;\n@use '@carbon/styles/scss/motion' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/themes/scss/themes';\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/utilities';\n@use '@carbon/styles/scss/utilities/ai-gradient' as ;\n@use '@carbon/styles/scss/components/modal' as ;\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use 'sass:map';\n\n$prefix: 'c4p';\n\n@use '@carbon/ibm-products-styles/scss/components/AboutModal/index' as *;\n\n:host(#{$prefix}-about-modal) {\n .#{$prefix}--about-modal__logo {\n margin: $spacing-05 $spacing-05 $spacing-07 $spacing-05;\n }\n #{carbon-config.$prefix}-modal-header {\n padding: 0 20% 0 $spacing-05;\n grid-row: auto;\n margin-block-end: 0;\n overflow-y: visible;\n }\n #{carbon-config.$prefix}-modal-body {\n @include type.type-style('body-compact-02');\n\n overflow: hidden auto;\n grid-row: auto;\n min-block-size: $spacing-10;\n padding-block-start: 0;\n padding-inline: $spacing-05 20%;\n &:not(.#{carbon-config.$prefix}--modal-scroll-content) {\n margin-block-end: $spacing-06;\n padding-block-end: 0;\n }\n &.#{carbon-config.$prefix}--modal-scroll-content {\n padding-block-end: $spacing-06;\n }\n }\n\n .#{carbon-config.$prefix}--modal-content--overflow-indicator {\n background-image: linear-gradient(to bottom, #00000000, $layer-01);\n inset-block-end: 0;\n }\n\n #{carbon-config.$prefix}-modal-heading {\n @include type.type-style('heading-04');\n\n color: $text-primary;\n margin-block-end: $spacing-02;\n }\n\n .#{$prefix}--about-modal__version {\n color: $text-secondary;\n }\n\n .#{$prefix}--about-modal__content,\n .#{$prefix}--about-modal__copyright-text {\n @include type.type-style('label-01');\n\n color: $text-secondary;\n margin-block: $spacing-06 0;\n }\n\n .#{$prefix}--about-modal__copyright-text {\n margin-block-start: $spacing-05;\n }\n\n .#{$prefix}--about-modal__content:first-child,\n .#{$prefix}--about-modal__copyright-text:first-child {\n margin-block-start: $spacing-07;\n }\n #{carbon-config.$prefix}-link {\n display: inline-flex;\n }\n .#{$prefix}--about-modal__links-container {\n @include type.type-style('body-compact-01');\n\n margin-block-start: $spacing-06;\n #{carbon-config.$prefix}-link + #{carbon-config.$prefix}-link {\n border-inline-start: 1px solid $border-strong-01;\n margin-inline-start: $spacing-03;\n padding-inline-start: $spacing-03;\n }\n }\n #{carbon-config.$prefix}-modal-footer {\n display: block;\n padding: $spacing-05;\n background-color: $layer-02;\n block-size: auto;\n .#{$prefix}--about-modal__footer-label {\n @include type.type-style('label-01');\n\n color: $text-secondary;\n margin-block-end: $spacing-02;\n }\n .#{$prefix}--about-modal__footer--tech-logo {\n block-size: $spacing-06;\n inline-size: $spacing-06;\n margin-inline-end: $spacing-03;\n object-fit: contain;\n }\n }\n}\n"],"mappings":""}

package/es-custom/components/coachmark/coachmark-header.js CHANGED Viewed

@@ -37,9 +37,18 @@ let CDSCoachmarkHeader = class CDSCoachmarkHeader extends SignalWatcher(HostList
 		super(..._args);
 		this.closeIconDescription = "";
 		this.dragIconDescription = "";
-		this._handleClick = () => {
+		this._handleClick = (event) => {
+			event.stopPropagation();
 			const coachmark = this.closest(`${prefix}-coachmark`);
-			if (coachmark) coachmark.open = false;
+			if (coachmark) {
+				coachmark.dispatchEvent(new CustomEvent(`${prefix}-coachmark-request-close`, {
+					bubbles: true,
+					composed: true,
+					cancelable: true,
+					detail: { source: "header-close-button" }
+				}));
+				coachmark.open = false;
+			}
 			updateCoachmarkDetailsSignal({
 				name: "open",
 				detail: false

package/es-custom/components/coachmark/coachmark-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"coachmark-header.js","names":["styles","customElement"],"sources":["../../../src/components/coachmark/coachmark-header.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport '@carbon/web-components/es-custom/components/button/index';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './coachmark-header.scss?lit';\nimport Close from '@carbon/icons/es/close/16';\nimport Draggable from '@carbon/icons/es/draggable/16';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport {\n coachmarkDetailsSignal,\n updateCoachmarkDetailsSignal,\n} from './coachmark-context';\nimport iconLoader from '@carbon/web-components/es/globals/internal/icon-loader';\n\n/\n coachmark-header for content header section\n * @element c4p-coachmark-header\n /\n@customElement(`${prefix}-coachmark-header`)\nclass CDSCoachmarkHeader extends SignalWatcher(HostListenerMixin(LitElement)) {\n /\n Tooltip text and aria label for the Close button icon.\n /\n @property({ reflect: true })\n closeIconDescription?: string = '';\n\n /\n Tooltip text and aria label for the Drag button icon.\n */\n @property({ reflect: true })\n dragIconDescription?: string = '';\n\n private _handleClick = () => {\n ~~// Find and close the parent coachmark~~\n const coachmark = this.closest(`${prefix}-coachmark`) as ~~any~~;\n if (coachmark) {\n coachmark.open = false;\n }\n\n updateCoachmarkDetailsSignal({\n name: 'open',\n detail: false,\n });\n };\n\n render() {\n const { floating } = coachmarkDetailsSignal.get();\n return html`\n ${floating\n ? html`\n <cds-custom-button\n kind=\"ghost\"\n size=\"sm\"\n class=\"${prefix}--coachmark-header-drag-handle\"\n tooltip-text=\"${this.dragIconDescription}\"\n >\n ${iconLoader(Draggable, {\n slot: 'icon',\n class: `${prefix}--coachmark-header-drag-icon`,\n })}\n </cds-custom-button>\n `\n : nothing}\n <slot name=\"header\"></slot>\n <cds-custom-button\n kind=\"ghost\"\n size=\"sm\"\n tooltip-text=\"${this.closeIconDescription}\"\n @click=${this._handleClick}\n >\n ${iconLoader(Close, {\n slot: 'icon',\n class: `${prefix}--coachmark-header-close-icon`,\n })}\n </cds-custom-button>\n `;\n }\n static styles = styles;\n}\n\nexport default CDSCoachmarkHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,+BACM,2BAA2B,cAAc,kBAAkB,WAAW,CAAC,CAAC;;;8BAK5C;6BAMD;~~4BAEF~~;~~GAE3B~~,MAAM,YAAY,KAAK,QAAQ,GAAG,OAAO,YAAY;AACrD,OAAI,~~UACF~~,~~WAAU~~,OAAO;~~AAGnB~~,gCAA6B;IAC3B,MAAM;IACN,QAAQ;IACT,CAAC;;;CAGJ,SAAS;EACP,MAAM,EAAE,aAAa,uBAAuB,KAAK;AACjD,SAAO,IAAI;QACP,WACE,IAAI;;;;uBAIS,OAAO;8BACA,KAAK,oBAAoB;;gBAEvC,WAAW,WAAW;GACtB,MAAM;GACN,OAAO,GAAG,OAAO;GAClB,CAAC,CAAC;;cAGP,QAAQ;;;;;wBAKM,KAAK,qBAAqB;iBACjC,KAAK,aAAa;;UAEzB,WAAW,OAAO;GAClB,MAAM;GACN,OAAO,GAAG,OAAO;GAClB,CAAC,CAAC;;;;;gBAIOA;;;~~YAtDf~~,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;iCAX7BC,cAAc,GAAG,OAAO,mBAAmB;~~AA8D5C~~,+BAAe"}
1	+ {"version":3,"file":"coachmark-header.js","names":["styles","customElement"],"sources":["../../../src/components/coachmark/coachmark-header.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\nimport { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport '@carbon/web-components/es-custom/components/button/index';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './coachmark-header.scss?lit';\nimport Close from '@carbon/icons/es/close/16';\nimport Draggable from '@carbon/icons/es/draggable/16';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport {\n coachmarkDetailsSignal,\n updateCoachmarkDetailsSignal,\n} from './coachmark-context';\nimport iconLoader from '@carbon/web-components/es/globals/internal/icon-loader';\n\n/\n coachmark-header for content header section\n * @element c4p-coachmark-header\n /\n@customElement(`${prefix}-coachmark-header`)\nclass CDSCoachmarkHeader extends SignalWatcher(HostListenerMixin(LitElement)) {\n /\n Tooltip text and aria label for the Close button icon.\n /\n @property({ reflect: true })\n closeIconDescription?: string = '';\n\n /\n Tooltip text and aria label for the Drag button icon.\n */\n @property({ reflect: true })\n dragIconDescription?: string = '';\n\n private _handleClick = (event: Event) => {\n event.stopPropagation();\n\n const coachmark = this.closest(`${prefix}-coachmark`) as HTMLElement \| null;\n if (coachmark) {\n coachmark.dispatchEvent(\n new CustomEvent(`${prefix}-coachmark-request-close`, {\n bubbles: true,\n composed: true,\n cancelable: true,\n detail: { source: 'header-close-button' },\n })\n );\n\n (coachmark as any).open = false;\n }\n\n updateCoachmarkDetailsSignal({\n name: 'open',\n detail: false,\n });\n };\n\n render() {\n const { floating } = coachmarkDetailsSignal.get();\n return html`\n ${floating\n ? html`\n <cds-custom-button\n kind=\"ghost\"\n size=\"sm\"\n class=\"${prefix}--coachmark-header-drag-handle\"\n tooltip-text=\"${this.dragIconDescription}\"\n >\n ${iconLoader(Draggable, {\n slot: 'icon',\n class: `${prefix}--coachmark-header-drag-icon`,\n })}\n </cds-custom-button>\n `\n : nothing}\n <slot name=\"header\"></slot>\n <cds-custom-button\n kind=\"ghost\"\n size=\"sm\"\n tooltip-text=\"${this.closeIconDescription}\"\n @click=${this._handleClick}\n >\n ${iconLoader(Close, {\n slot: 'icon',\n class: `${prefix}--coachmark-header-close-icon`,\n })}\n </cds-custom-button>\n `;\n }\n static styles = styles;\n}\n\nexport default CDSCoachmarkHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,+BACM,2BAA2B,cAAc,kBAAkB,WAAW,CAAC,CAAC;;;8BAK5C;6BAMD;uBAEP,UAAiB;AACvC,SAAM,iBAAiB;GAEvB,MAAM,YAAY,KAAK,QAAQ,GAAG,OAAO,YAAY;AACrD,OAAI,WAAW;AACb,cAAU,cACR,IAAI,YAAY,GAAG,OAAO,2BAA2B;KACnD,SAAS;KACT,UAAU;KACV,YAAY;KACZ,QAAQ,EAAE,QAAQ,uBAAuB;KAC1C,CAAC,CACH;AAED,IAAC,UAAkB,OAAO;;AAG5B,gCAA6B;IAC3B,MAAM;IACN,QAAQ;IACT,CAAC;;;CAGJ,SAAS;EACP,MAAM,EAAE,aAAa,uBAAuB,KAAK;AACjD,SAAO,IAAI;QACP,WACE,IAAI;;;;uBAIS,OAAO;8BACA,KAAK,oBAAoB;;gBAEvC,WAAW,WAAW;GACtB,MAAM;GACN,OAAO,GAAG,OAAO;GAClB,CAAC,CAAC;;cAGP,QAAQ;;;;;wBAKM,KAAK,qBAAqB;iBACjC,KAAK,aAAa;;UAEzB,WAAW,OAAO;GAClB,MAAM;GACN,OAAO,GAAG,OAAO;GAClB,CAAC,CAAC;;;;;gBAIOA;;;YAhEf,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;iCAX7BC,cAAc,GAAG,OAAO,mBAAmB;AAwE5C,+BAAe"}

package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"coachmark-tagline.js","names":["styles","customElement"],"sources":["../../../../src/components/coachmark/coachmark-tagline/coachmark-tagline.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../../globals/settings';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './coachmark-tagline.scss?lit';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport Idea16 from '@carbon/icons/es/idea/16.js';\nimport '@carbon/web-components/es-custom/components/button/button.js';\nimport iconLoader from '@carbon/web-components/es/globals/internal/icon-loader';\n\nconst blockClass = `${prefix}--coachmark-tagline`;\n\n/\n DO NOT USE. This component is for the exclusive use\n * of other Onboarding components.\n \n Coachmark tagline component.\n \n @element c4p-coachmark-tagline\n * @fires c4p-coachmark-tagline-close - Custom event fired when close button is clicked\n * @fires c4p-coachmark-tagline-cta-click - Custom event fired when tagline CTA is clicked\n /\n@customElement(`${prefix}-coachmark-tagline`)\nclass CDSCoachmarkTagline extends HostListenerMixin(LitElement) {\n /\n Tooltip text and aria label for the Close button icon.\n /\n @property({ type: String, attribute: 'close-icon-description' })\n closeIconDescription = 'Close';\n\n /\n The title of the tagline.\n /\n @property({ type: String })\n title = '';\n\n /\n Whether the tagline is open.\n /\n @property({ type: Boolean, reflect: true, attribute: 'open' })\n open = false;\n\n firstUpdated() {\n this.classList.add(blockClass);\n }\n\n updated(changedProperties: Map<string, unknown>) {\n if (changedProperties.has('open')) {\n if (this.open) {\n this.classList.add(`${blockClass}--open`);\n } else {\n this.classList.remove(`${blockClass}--open`);\n }\n }\n }\n /\n Handles the close button click event.\n /\n private _handleClose() {\n const closeEvent = new CustomEvent(`${prefix}-coachmark-tagline-close`, {\n bubbles: true,\n composed: true,\n detail: {},\n });\n this.dispatchEvent(closeEvent);\n }\n\n /\n Handles the CTA button click event.\n /\n private _handleCtaClick(event: Event) {\n const ctaClickEvent = new CustomEvent(\n `${prefix}-coachmark-tagline-cta-click`,\n {\n bubbles: true,\n composed: true,\n detail: { originalEvent: event },\n }\n );\n this.dispatchEvent(ctaClickEvent);\n }\n\n /\n Handles the CTA button double click event.\n */\n private _handleCtaDoubleClick(event: Event) {\n const ctaDoubleClickEvent = new CustomEvent(\n `${prefix}-coachmark-tagline-cta-dblclick`,\n {\n bubbles: true,\n composed: true,\n detail: { originalEvent: event },\n }\n );\n this.dispatchEvent(ctaDoubleClickEvent);\n }\n\n render() {\n return html`\n <button\n class=\"${blockClass}__cta\"\n @click=\"${this._handleCtaClick}\"\n @dblclick=\"${this._handleCtaDoubleClick}\"\n >\n ${iconLoader(Idea16, { slot: 'icon' })} ${this.title}\n </button>\n <div class=\"${blockClass}--close-btn-container\">\n <cds-custom-button\n kind=\"ghost\"\n size=\"sm\"\n tooltip-text=\"${this.closeIconDescription}\"\n has-icon-only\n class=\"${blockClass}--close-btn\"\n @click=\"${this._handleClose}\"\n >\n ${iconLoader(Close16, { slot: 'icon' })}\n </cds-custom-button>\n </div>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n static styles = styles;\n}\nexport default CDSCoachmarkTagline;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,aAAa,GAAG,OAAO;;;;;;;;;;;AAY7B,gCACM,4BAA4B,kBAAkB,WAAW,CAAC;;;8BAKvC;eAMf;cAMD;;CAEP,eAAe;AACb,OAAK,UAAU,IAAI,WAAW;;CAGhC,QAAQ,mBAAyC;AAC/C,MAAI,kBAAkB,IAAI,OAAO,CAC/B,KAAI,KAAK,KACP,MAAK,UAAU,IAAI,GAAG,WAAW,QAAQ;MAEzC,MAAK,UAAU,OAAO,GAAG,WAAW,QAAQ;;;;;~~CAOlD~~,AAAQ,eAAe;EACrB,MAAM,aAAa,IAAI,YAAY,GAAG,OAAO,2BAA2B;GACtE,SAAS;GACT,UAAU;GACV,QAAQ,EAAE;GACX,CAAC;AACF,OAAK,cAAc,WAAW;;;;;CAMhC,AAAQ,gBAAgB,OAAc;EACpC,MAAM,gBAAgB,IAAI,YACxB,GAAG,OAAO,+BACV;GACE,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,eAAe,OAAO;GACjC,CACF;AACD,OAAK,cAAc,cAAc;;;;;CAMnC,AAAQ,sBAAsB,OAAc;EAC1C,MAAM,sBAAsB,IAAI,YAC9B,GAAG,OAAO,kCACV;GACE,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,eAAe,OAAO;GACjC,CACF;AACD,OAAK,cAAc,oBAAoB;;CAGzC,SAAS;AACP,SAAO,IAAI;;iBAEE,WAAW;kBACV,KAAK,gBAAgB;qBAClB,KAAK,sBAAsB;;UAEtC,WAAW,QAAQ,EAAE,MAAM,QAAQ,CAAC,CAAC,GAAG,KAAK,MAAM;;oBAEzC,WAAW;;;;0BAIL,KAAK,qBAAqB;;mBAEjC,WAAW;oBACV,KAAK,aAAa;;YAE1B,WAAW,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAC;;;;;;2BAMrB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeA;;;~~YAnGf~~,SAAS;CAAE,MAAM;CAAQ,WAAW;CAA0B,CAAC;YAM/D,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAQ,CAAC;kCAjB/DC,cAAc,GAAG,OAAO,oBAAoB;~~AA0G7C~~,gCAAe"}
1	+ {"version":3,"file":"coachmark-tagline.js","names":["styles","customElement"],"sources":["../../../../src/components/coachmark/coachmark-tagline/coachmark-tagline.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../../globals/settings';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './coachmark-tagline.scss?lit';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport Idea16 from '@carbon/icons/es/idea/16.js';\nimport '@carbon/web-components/es-custom/components/button/button.js';\nimport iconLoader from '@carbon/web-components/es/globals/internal/icon-loader';\n\nconst blockClass = `${prefix}--coachmark-tagline`;\n\n/\n DO NOT USE. This component is for the exclusive use\n * of other Onboarding components.\n \n Coachmark tagline component.\n \n @element c4p-coachmark-tagline\n * @fires c4p-coachmark-tagline-close - Custom event fired when close button is clicked\n * @fires c4p-coachmark-tagline-cta-click - Custom event fired when tagline CTA is clicked\n /\n@customElement(`${prefix}-coachmark-tagline`)\nclass CDSCoachmarkTagline extends HostListenerMixin(LitElement) {\n /\n Tooltip text and aria label for the Close button icon.\n /\n @property({ type: String, attribute: 'close-icon-description' })\n closeIconDescription = 'Close';\n\n /\n The title of the tagline.\n /\n @property({ type: String })\n title = '';\n\n /\n Whether the tagline is open.\n /\n @property({ type: Boolean, reflect: true, attribute: 'open' })\n open = false;\n\n firstUpdated() {\n this.classList.add(blockClass);\n }\n\n updated(changedProperties: Map<string, unknown>) {\n if (changedProperties.has('open')) {\n if (this.open) {\n this.classList.add(`${blockClass}--open`);\n } else {\n this.classList.remove(`${blockClass}--open`);\n }\n }\n }\n\n /\n Handles the close button click event.\n /\n private _handleClose() {\n const closeEvent = new CustomEvent(`${prefix}-coachmark-tagline-close`, {\n bubbles: true,\n composed: true,\n detail: {},\n });\n this.dispatchEvent(closeEvent);\n }\n\n /\n Handles the CTA button click event.\n /\n private _handleCtaClick(event: Event) {\n const ctaClickEvent = new CustomEvent(\n `${prefix}-coachmark-tagline-cta-click`,\n {\n bubbles: true,\n composed: true,\n detail: { originalEvent: event },\n }\n );\n this.dispatchEvent(ctaClickEvent);\n }\n\n /\n Handles the CTA button double click event.\n */\n private _handleCtaDoubleClick(event: Event) {\n const ctaDoubleClickEvent = new CustomEvent(\n `${prefix}-coachmark-tagline-cta-dblclick`,\n {\n bubbles: true,\n composed: true,\n detail: { originalEvent: event },\n }\n );\n this.dispatchEvent(ctaDoubleClickEvent);\n }\n\n render() {\n return html`\n <button\n class=\"${blockClass}__cta\"\n @click=\"${this._handleCtaClick}\"\n @dblclick=\"${this._handleCtaDoubleClick}\"\n >\n ${iconLoader(Idea16, { slot: 'icon' })} ${this.title}\n </button>\n <div class=\"${blockClass}--close-btn-container\">\n <cds-custom-button\n kind=\"ghost\"\n size=\"sm\"\n tooltip-text=\"${this.closeIconDescription}\"\n has-icon-only\n class=\"${blockClass}--close-btn\"\n @click=\"${this._handleClose}\"\n >\n ${iconLoader(Close16, { slot: 'icon' })}\n </cds-custom-button>\n </div>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n static styles = styles;\n}\nexport default CDSCoachmarkTagline;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,aAAa,GAAG,OAAO;;;;;;;;;;;AAY7B,gCACM,4BAA4B,kBAAkB,WAAW,CAAC;;;8BAKvC;eAMf;cAMD;;CAEP,eAAe;AACb,OAAK,UAAU,IAAI,WAAW;;CAGhC,QAAQ,mBAAyC;AAC/C,MAAI,kBAAkB,IAAI,OAAO,CAC/B,KAAI,KAAK,KACP,MAAK,UAAU,IAAI,GAAG,WAAW,QAAQ;MAEzC,MAAK,UAAU,OAAO,GAAG,WAAW,QAAQ;;;;;CAQlD,AAAQ,eAAe;EACrB,MAAM,aAAa,IAAI,YAAY,GAAG,OAAO,2BAA2B;GACtE,SAAS;GACT,UAAU;GACV,QAAQ,EAAE;GACX,CAAC;AACF,OAAK,cAAc,WAAW;;;;;CAMhC,AAAQ,gBAAgB,OAAc;EACpC,MAAM,gBAAgB,IAAI,YACxB,GAAG,OAAO,+BACV;GACE,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,eAAe,OAAO;GACjC,CACF;AACD,OAAK,cAAc,cAAc;;;;;CAMnC,AAAQ,sBAAsB,OAAc;EAC1C,MAAM,sBAAsB,IAAI,YAC9B,GAAG,OAAO,kCACV;GACE,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,eAAe,OAAO;GACjC,CACF;AACD,OAAK,cAAc,oBAAoB;;CAGzC,SAAS;AACP,SAAO,IAAI;;iBAEE,WAAW;kBACV,KAAK,gBAAgB;qBAClB,KAAK,sBAAsB;;UAEtC,WAAW,QAAQ,EAAE,MAAM,QAAQ,CAAC,CAAC,GAAG,KAAK,MAAM;;oBAEzC,WAAW;;;;0BAIL,KAAK,qBAAqB;;mBAEjC,WAAW;oBACV,KAAK,aAAa;;YAE1B,WAAW,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAC;;;;;;2BAMrB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeA;;;YApGf,SAAS;CAAE,MAAM;CAAQ,WAAW;CAA0B,CAAC;YAM/D,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAQ,CAAC;kCAjB/DC,cAAc,GAAG,OAAO,oBAAoB;AA2G7C,gCAAe"}

package/es-custom/components/coachmark/coachmark.js CHANGED Viewed

@@ -34,6 +34,9 @@ const blockClass = `${prefix}--coachmark`;
 * @fires c4p-coachmark-opened
 *   The custom event fired when the coachmark is opened.
 *   This event can be used to perform actions such as focusing elements when the coachmark becomes visible.
+* @fires c4p-coachmark-closed
+*   The custom event fired when the coachmark is closed.
+*   This event can be used to perform actions such as restoring focus when the coachmark is dismissed.
 */
 let CDSCoachmark = class CDSCoachmark extends SignalWatcher(HostListenerMixin(LitElement)) {
 	constructor(..._args) {
@@ -103,6 +106,7 @@ let CDSCoachmark = class CDSCoachmark extends SignalWatcher(HostListenerMixin(Li
 				detail: { open: this.open }
 			};
 			if (this.open) this.dispatchEvent(new CustomEvent(this.constructor.eventOpen, init));
+			else this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
 		}
 	}
 	render() {
@@ -134,6 +138,12 @@ let CDSCoachmark = class CDSCoachmark extends SignalWatcher(HostListenerMixin(Li
 	static get eventOpen() {
 		return `${prefix}-coachmark-opened`;
 	}
+	/**
+	* The name of the custom event fired when this coachmark is closed.
+	*/
+	static get eventClose() {
+		return `${prefix}-coachmark-closed`;
+	}
 	static {
 		this.styles = coachmark_default$1;
 	}

package/es-custom/components/coachmark/coachmark.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"coachmark.js","names":["styles","customElement"],"sources":["../../../src/components/coachmark/coachmark.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './coachmark.scss?lit';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport '@carbon/web-components/es-custom/components/popover/index.js';\nimport { POPOVER_ALIGNMENT } from '@carbon/web-components/es/components/popover/defs.js';\nimport { makeDraggable } from '../../utilities/makeDraggable/makeDraggable';\nimport {\n resetCoachmarkDetailsSignal,\n updateCoachmarkDetailsSignal,\n} from './coachmark-context';\n\nexport const blockClass = `${prefix}--coachmark`;\n\n/\n coachmark main component\n * @element c4p-coachmark\n * @fires c4p-coachmark-opened\n * The custom event fired when the coachmark is opened.\n * This event can be used to perform actions such as focusing elements when the coachmark becomes visible.\n /\n@customElement(`${prefix}-coachmark`)\nclass CDSCoachmark extends SignalWatcher(HostListenerMixin(LitElement)) {\n /\n Specifies whether the component is currently open.\n /\n @property({ type: Boolean, reflect: true })\n open: boolean = false;\n /\n Where to render the Coachmark relative to its target.\n /\n @property({ reflect: true, type: String })\n align?: string = POPOVER_ALIGNMENT.TOP;\n /\n Fine tune the position of the target in pixels.\n /\n @property({ type: Object })\n position?: { x: number; y: number };\n /\n Specifies whether the component is floating or not.\n /\n @property({ type: Boolean, reflect: true })\n floating?: boolean = false;\n /\n Specify whether the component should be rendered on high-contrast.\n /\n @property({ reflect: true })\n highContrast?: boolean = false;\n /\n Specify whether a drop shadow should be rendered on the popover.\n /\n @property({ reflect: true })\n dropShadow?: boolean = false;\n /\n Specify whether a caret should be rendered on the popover. This is intended to use only for coachmark patterns.\n /\n @property({ reflect: true })\n caret?: boolean = false;\n\n private dragCleanup: (() => void) \| null = null;\n\n disconnectedCallback() {\n super.disconnectedCallback();\n if (this.dragCleanup) {\n this.dragCleanup();\n }\n resetCoachmarkDetailsSignal();\n }\n\n private setupDraggable() {\n const popover = this.shadowRoot?.querySelector(\n `.${blockClass}--popover`\n ) as HTMLElement;\n const popoverContent = popover.querySelector(\n 'cds-custom-popover-content'\n ) as HTMLElement;\n const wrapper = popoverContent.querySelector(\n `.${blockClass}--wrapper`\n ) as HTMLElement;\n const slot = wrapper.querySelector('slot');\n const assignedElements = slot?.assignedElements({ flatten: true });\n const header = assignedElements?.find(\n (el) => el.tagName.toLowerCase() === `${prefix}-coachmark-header`\n ) as HTMLElement;\n requestAnimationFrame(() => {\n const dragHandle = header.shadowRoot?.querySelector(\n `.${prefix}--coachmark-header-drag-handle`\n ) as HTMLElement;\n\n const draggable = makeDraggable({\n el: popoverContent,\n dragHandle: header,\n focusableDragHandle: dragHandle,\n });\n\n const onDragStart = () => {\n popoverContent.classList.add('is-dragging');\n popoverContent.setAttribute(\n 'aria-label',\n 'Picked up the draggable popoverContent'\n );\n };\n const onDragEnd = () => {\n popoverContent.classList.remove('is-dragging');\n popoverContent.setAttribute(\n 'aria-label',\n 'Draggable popoverContent was dropped'\n );\n };\n\n popoverContent.addEventListener('dragstart', onDragStart);\n popoverContent.addEventListener('dragend', onDragEnd);\n\n // store cleanup\n this.dragCleanup = () => {\n popoverContent.removeEventListener('dragstart', onDragStart);\n popoverContent.removeEventListener('dragend', onDragEnd);\n draggable.cleanup?.();\n };\n });\n }\n\n firstUpdated() {\n if (this.floating) {\n this.classList.add(`${blockClass}--floating`);\n this.setupDraggable();\n updateCoachmarkDetailsSignal({\n name: 'floating',\n detail: this.floating,\n });\n }\n }\n\n updated(changedProps: Map<string, unknown>) {\n if (changedProps.has('position')) {\n const { x = 0, y = 0 } = this.position ?? {};\n if (x !== 0 \|\| y !== 0) {\n this.style.transform = `translate(${x}px, ${y}px)`;\n }\n }\n\n // Dispatch custom events when coachmark opens or closes\n if (changedProps.has('open')) {\n const init = {\n bubbles: true,\n composed: true,\n detail: { open: this.open },\n };\n\n if (this.open) {\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSCoachmark).eventOpen,\n init\n )\n );\n }\n }\n }\n\n private handlePopoverClosed = () => {\n // Sync coachmark's open state when popover closes\n // This ensures the states stay in sync for outside clicks\n if (this.open) {\n this.open = false;\n }\n };\n\n render() {\n // Use explicit caret value if provided, otherwise derive from floating state\n const caretValue =\n this.caret !== undefined\n ? this.caret\n : this.floating === true\n ? false\n : true;\n\n return html`\n <cds-custom-popover\n part=\"popover\"\n exportparts=\"popover-container\"\n class=\"${blockClass}--popover\"\n ?open=${this.open}\n .caret=${caretValue}\n ?highContrast=${this.highContrast}\n align=${this.align}\n ?dropShadow=${this.dropShadow}\n @cds-custom-popover-closed=${this.handlePopoverClosed}\n >\n <slot name=\"trigger\"></slot>\n <cds-custom-popover-content part=\"popover-content\" exportparts=\"content\">\n <div class=\"${blockClass}--wrapper\">\n <slot></slot>\n </div>\n </cds-custom-popover-content>\n </cds-custom-popover>\n `;\n }\n\n /\n The name of the custom event fired when this coachmark is opened.\n */\n static get eventOpen() {\n return `${prefix}-coachmark-opened`;\n }\n\n static styles = styles;\n}\n\nexport default CDSCoachmark;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,aAAa,GAAG,OAAO~~;;;;;;;;AASpC~~,yBACM,qBAAqB,cAAc,kBAAkB,WAAW,CAAC,CAAC;;;cAKtD;eAKC,kBAAkB;kBAUd;sBAKI;oBAKF;eAKL;qBAEyB;~~mCAqGP~~;AAGlC,OAAI,KAAK,KACP,MAAK,OAAO;;;~~CAvGhB~~,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,MAAI,KAAK,YACP,MAAK,aAAa;AAEpB,+BAA6B;;CAG/B,AAAQ,iBAAiB;EAIvB,MAAM,kBAHU,KAAK,YAAY,cAC/B,IAAI,WAAW,WAChB,EAC8B,cAC7B,sBACD;EAMD,MAAM,UALU,eAAe,cAC7B,IAAI,WAAW,WAChB,CACoB,cAAc,OAAO,EACX,iBAAiB,EAAE,SAAS,MAAM,CAAC,GACjC,MAC9B,OAAO,GAAG,QAAQ,aAAa,KAAK,GAAG,OAAO,mBAChD;AACD,8BAA4B;GAC1B,MAAM,aAAa,OAAO,YAAY,cACpC,IAAI,OAAO,gCACZ;GAED,MAAM,YAAY,cAAc;IAC9B,IAAI;IACJ,YAAY;IACZ,qBAAqB;IACtB,CAAC;GAEF,MAAM,oBAAoB;AACxB,mBAAe,UAAU,IAAI,cAAc;AAC3C,mBAAe,aACb,cACA,yCACD;;GAEH,MAAM,kBAAkB;AACtB,mBAAe,UAAU,OAAO,cAAc;AAC9C,mBAAe,aACb,cACA,uCACD;;AAGH,kBAAe,iBAAiB,aAAa,YAAY;AACzD,kBAAe,iBAAiB,WAAW,UAAU;AAGrD,QAAK,oBAAoB;AACvB,mBAAe,oBAAoB,aAAa,YAAY;AAC5D,mBAAe,oBAAoB,WAAW,UAAU;AACxD,cAAU,WAAW;;IAEvB;;CAGJ,eAAe;AACb,MAAI,KAAK,UAAU;AACjB,QAAK,UAAU,IAAI,GAAG,WAAW,YAAY;AAC7C,QAAK,gBAAgB;AACrB,gCAA6B;IAC3B,MAAM;IACN,QAAQ,KAAK;IACd,CAAC;;;CAIN,QAAQ,cAAoC;AAC1C,MAAI,aAAa,IAAI,WAAW,EAAE;GAChC,MAAM,EAAE,IAAI,GAAG,IAAI,MAAM,KAAK,YAAY,EAAE;AAC5C,OAAI,MAAM,KAAK,MAAM,EACnB,MAAK,MAAM,YAAY,aAAa,EAAE,MAAM,EAAE;;AAKlD,MAAI,aAAa,IAAI,OAAO,EAAE;GAC5B,MAAM,OAAO;IACX,SAAS;IACT,UAAU;IACV,QAAQ,EAAE,MAAM,KAAK,MAAM;IAC5B;AAED,OAAI,KAAK,KACP,MAAK,cACH,IAAI,YACD,KAAK,YAAoC,WAC1C,KACD,CACF;;;CAaP,SAAS;EAEP,MAAM,aACJ,KAAK,UAAU,SACX,KAAK,QACL,KAAK,aAAa,OAChB,QACA;AAER,SAAO,IAAI;;;;iBAIE,WAAW;gBACZ,KAAK,KAAK;iBACT,WAAW;wBACJ,KAAK,aAAa;gBAC1B,KAAK,MAAM;sBACL,KAAK,WAAW;8BACR,KAAK,oBAAoB;;;;wBAI/B,WAAW;;;;;;;;;;CAWjC,WAAW,YAAY;AACrB,SAAO,GAAG,OAAO;;;gBAGHA;;;~~YApLf~~,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAK1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAKzC,SAAS,EAAE,MAAM,QAAQ,CAAC;YAK1B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAK1C,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,SAAS,EAAE,SAAS,MAAM,CAAC;2BAnC7BC,cAAc,GAAG,OAAO,YAAY;~~AA4LrC~~,wBAAe"}
1	+ {"version":3,"file":"coachmark.js","names":["styles","customElement"],"sources":["../../../src/components/coachmark/coachmark.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport styles from './coachmark.scss?lit';\nimport { SignalWatcher } from '@lit-labs/signals';\nimport '@carbon/web-components/es-custom/components/popover/index.js';\nimport { POPOVER_ALIGNMENT } from '@carbon/web-components/es/components/popover/defs.js';\nimport { makeDraggable } from '../../utilities/makeDraggable/makeDraggable';\nimport {\n resetCoachmarkDetailsSignal,\n updateCoachmarkDetailsSignal,\n} from './coachmark-context';\n\nexport const blockClass = `${prefix}--coachmark`;\n\n/\n coachmark main component\n * @element c4p-coachmark\n * @fires c4p-coachmark-opened\n * The custom event fired when the coachmark is opened.\n * This event can be used to perform actions such as focusing elements when the coachmark becomes visible.\n * @fires c4p-coachmark-closed\n * The custom event fired when the coachmark is closed.\n * This event can be used to perform actions such as restoring focus when the coachmark is dismissed.\n /\n@customElement(`${prefix}-coachmark`)\nclass CDSCoachmark extends SignalWatcher(HostListenerMixin(LitElement)) {\n /\n Specifies whether the component is currently open.\n /\n @property({ type: Boolean, reflect: true })\n open: boolean = false;\n /\n Where to render the Coachmark relative to its target.\n /\n @property({ reflect: true, type: String })\n align?: string = POPOVER_ALIGNMENT.TOP;\n /\n Fine tune the position of the target in pixels.\n /\n @property({ type: Object })\n position?: { x: number; y: number };\n /\n Specifies whether the component is floating or not.\n /\n @property({ type: Boolean, reflect: true })\n floating?: boolean = false;\n /\n Specify whether the component should be rendered on high-contrast.\n /\n @property({ reflect: true })\n highContrast?: boolean = false;\n /\n Specify whether a drop shadow should be rendered on the popover.\n /\n @property({ reflect: true })\n dropShadow?: boolean = false;\n /\n Specify whether a caret should be rendered on the popover. This is intended to use only for coachmark patterns.\n /\n @property({ reflect: true })\n caret?: boolean = false;\n\n private dragCleanup: (() => void) \| null = null;\n\n disconnectedCallback() {\n super.disconnectedCallback();\n if (this.dragCleanup) {\n this.dragCleanup();\n }\n resetCoachmarkDetailsSignal();\n }\n\n private setupDraggable() {\n const popover = this.shadowRoot?.querySelector(\n `.${blockClass}--popover`\n ) as HTMLElement;\n const popoverContent = popover.querySelector(\n 'cds-custom-popover-content'\n ) as HTMLElement;\n const wrapper = popoverContent.querySelector(\n `.${blockClass}--wrapper`\n ) as HTMLElement;\n const slot = wrapper.querySelector('slot');\n const assignedElements = slot?.assignedElements({ flatten: true });\n const header = assignedElements?.find(\n (el) => el.tagName.toLowerCase() === `${prefix}-coachmark-header`\n ) as HTMLElement;\n requestAnimationFrame(() => {\n const dragHandle = header.shadowRoot?.querySelector(\n `.${prefix}--coachmark-header-drag-handle`\n ) as HTMLElement;\n\n const draggable = makeDraggable({\n el: popoverContent,\n dragHandle: header,\n focusableDragHandle: dragHandle,\n });\n\n const onDragStart = () => {\n popoverContent.classList.add('is-dragging');\n popoverContent.setAttribute(\n 'aria-label',\n 'Picked up the draggable popoverContent'\n );\n };\n const onDragEnd = () => {\n popoverContent.classList.remove('is-dragging');\n popoverContent.setAttribute(\n 'aria-label',\n 'Draggable popoverContent was dropped'\n );\n };\n\n popoverContent.addEventListener('dragstart', onDragStart);\n popoverContent.addEventListener('dragend', onDragEnd);\n\n // store cleanup\n this.dragCleanup = () => {\n popoverContent.removeEventListener('dragstart', onDragStart);\n popoverContent.removeEventListener('dragend', onDragEnd);\n draggable.cleanup?.();\n };\n });\n }\n\n firstUpdated() {\n if (this.floating) {\n this.classList.add(`${blockClass}--floating`);\n this.setupDraggable();\n updateCoachmarkDetailsSignal({\n name: 'floating',\n detail: this.floating,\n });\n }\n }\n\n updated(changedProps: Map<string, unknown>) {\n if (changedProps.has('position')) {\n const { x = 0, y = 0 } = this.position ?? {};\n if (x !== 0 \|\| y !== 0) {\n this.style.transform = `translate(${x}px, ${y}px)`;\n }\n }\n\n // Dispatch custom events when coachmark opens or closes\n if (changedProps.has('open')) {\n const init = {\n bubbles: true,\n composed: true,\n detail: { open: this.open },\n };\n\n if (this.open) {\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSCoachmark).eventOpen,\n init\n )\n );\n } else {\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSCoachmark).eventClose,\n init\n )\n );\n }\n }\n }\n\n private handlePopoverClosed = () => {\n // Sync coachmark's open state when popover closes\n // This ensures the states stay in sync for outside clicks\n if (this.open) {\n this.open = false;\n }\n };\n\n render() {\n // Use explicit caret value if provided, otherwise derive from floating state\n const caretValue =\n this.caret !== undefined\n ? this.caret\n : this.floating === true\n ? false\n : true;\n\n return html`\n <cds-custom-popover\n part=\"popover\"\n exportparts=\"popover-container\"\n class=\"${blockClass}--popover\"\n ?open=${this.open}\n .caret=${caretValue}\n ?highContrast=${this.highContrast}\n align=${this.align}\n ?dropShadow=${this.dropShadow}\n @cds-custom-popover-closed=${this.handlePopoverClosed}\n >\n <slot name=\"trigger\"></slot>\n <cds-custom-popover-content part=\"popover-content\" exportparts=\"content\">\n <div class=\"${blockClass}--wrapper\">\n <slot></slot>\n </div>\n </cds-custom-popover-content>\n </cds-custom-popover>\n `;\n }\n\n /\n The name of the custom event fired when this coachmark is opened.\n /\n static get eventOpen() {\n return `${prefix}-coachmark-opened`;\n }\n\n /\n The name of the custom event fired when this coachmark is closed.\n */\n static get eventClose() {\n return `${prefix}-coachmark-closed`;\n }\n\n static styles = styles;\n}\n\nexport default CDSCoachmark;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,aAAa,GAAG,OAAO;;;;;;;;;;;AAYpC,yBACM,qBAAqB,cAAc,kBAAkB,WAAW,CAAC,CAAC;;;cAKtD;eAKC,kBAAkB;kBAUd;sBAKI;oBAKF;eAKL;qBAEyB;mCA4GP;AAGlC,OAAI,KAAK,KACP,MAAK,OAAO;;;CA9GhB,uBAAuB;AACrB,QAAM,sBAAsB;AAC5B,MAAI,KAAK,YACP,MAAK,aAAa;AAEpB,+BAA6B;;CAG/B,AAAQ,iBAAiB;EAIvB,MAAM,kBAHU,KAAK,YAAY,cAC/B,IAAI,WAAW,WAChB,EAC8B,cAC7B,sBACD;EAMD,MAAM,UALU,eAAe,cAC7B,IAAI,WAAW,WAChB,CACoB,cAAc,OAAO,EACX,iBAAiB,EAAE,SAAS,MAAM,CAAC,GACjC,MAC9B,OAAO,GAAG,QAAQ,aAAa,KAAK,GAAG,OAAO,mBAChD;AACD,8BAA4B;GAC1B,MAAM,aAAa,OAAO,YAAY,cACpC,IAAI,OAAO,gCACZ;GAED,MAAM,YAAY,cAAc;IAC9B,IAAI;IACJ,YAAY;IACZ,qBAAqB;IACtB,CAAC;GAEF,MAAM,oBAAoB;AACxB,mBAAe,UAAU,IAAI,cAAc;AAC3C,mBAAe,aACb,cACA,yCACD;;GAEH,MAAM,kBAAkB;AACtB,mBAAe,UAAU,OAAO,cAAc;AAC9C,mBAAe,aACb,cACA,uCACD;;AAGH,kBAAe,iBAAiB,aAAa,YAAY;AACzD,kBAAe,iBAAiB,WAAW,UAAU;AAGrD,QAAK,oBAAoB;AACvB,mBAAe,oBAAoB,aAAa,YAAY;AAC5D,mBAAe,oBAAoB,WAAW,UAAU;AACxD,cAAU,WAAW;;IAEvB;;CAGJ,eAAe;AACb,MAAI,KAAK,UAAU;AACjB,QAAK,UAAU,IAAI,GAAG,WAAW,YAAY;AAC7C,QAAK,gBAAgB;AACrB,gCAA6B;IAC3B,MAAM;IACN,QAAQ,KAAK;IACd,CAAC;;;CAIN,QAAQ,cAAoC;AAC1C,MAAI,aAAa,IAAI,WAAW,EAAE;GAChC,MAAM,EAAE,IAAI,GAAG,IAAI,MAAM,KAAK,YAAY,EAAE;AAC5C,OAAI,MAAM,KAAK,MAAM,EACnB,MAAK,MAAM,YAAY,aAAa,EAAE,MAAM,EAAE;;AAKlD,MAAI,aAAa,IAAI,OAAO,EAAE;GAC5B,MAAM,OAAO;IACX,SAAS;IACT,UAAU;IACV,QAAQ,EAAE,MAAM,KAAK,MAAM;IAC5B;AAED,OAAI,KAAK,KACP,MAAK,cACH,IAAI,YACD,KAAK,YAAoC,WAC1C,KACD,CACF;OAED,MAAK,cACH,IAAI,YACD,KAAK,YAAoC,YAC1C,KACD,CACF;;;CAaP,SAAS;EAEP,MAAM,aACJ,KAAK,UAAU,SACX,KAAK,QACL,KAAK,aAAa,OAChB,QACA;AAER,SAAO,IAAI;;;;iBAIE,WAAW;gBACZ,KAAK,KAAK;iBACT,WAAW;wBACJ,KAAK,aAAa;gBAC1B,KAAK,MAAM;sBACL,KAAK,WAAW;8BACR,KAAK,oBAAoB;;;;wBAI/B,WAAW;;;;;;;;;;CAWjC,WAAW,YAAY;AACrB,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,aAAa;AACtB,SAAO,GAAG,OAAO;;;gBAGHA;;;YAlMf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAK1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC;YAKzC,SAAS,EAAE,MAAM,QAAQ,CAAC;YAK1B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAK1C,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAK3B,SAAS,EAAE,SAAS,MAAM,CAAC;2BAnC7BC,cAAc,GAAG,OAAO,YAAY;AA0MrC,wBAAe"}

package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js CHANGED Viewed

@@ -8,7 +8,7 @@
 import { css } from "lit";
 //#region src/components/interstitial-screen/interstitial-screen-body-item.scss?lit
-var interstitial_screen_body_item_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}@keyframes out-to-active{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes active-to-out{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.carousel__view,:host(.carousel__view){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(0);z-index:80}@media (prefers-reduced-motion:no-preference){.carousel__view,:host(.carousel__view){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view,:host(.carousel__view){animation:none;transition:none}}.carousel__view:focus,:host(.carousel__view:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view:focus,:host(.carousel__view:focus){outline-style:dotted}}.carousel__view-active,:host(.carousel__view-active){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-100%);z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-active,:host(.carousel__view-active){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-active,:host(.carousel__view-active){animation:none;transition:none}}.carousel__view-active:focus,:host(.carousel__view-active:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-active:focus,:host(.carousel__view-active:focus){outline-style:dotted}}.carousel__view-in-stack,:host(.carousel__view-in-stack){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-200%);z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-in-stack,:host(.carousel__view-in-stack){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-in-stack,:host(.carousel__view-in-stack){animation:none;transition:none}}.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline-style:dotted}}.carousel__view-recycle-in,:host(.carousel__view-recycle-in){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:out-to-active .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:none;transition:none}}.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline-style:dotted}}.carousel__view-recycle-out,:host(.carousel__view-recycle-out){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:active-to-out .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:none;transition:none}}.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline-style:dotted}}:host{box-sizing:border-box!important;padding-inline-start:2rem}"]);
+var interstitial_screen_body_item_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}.carousel__live-region,:host(.carousel__live-region){block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;white-space:nowrap}.carousel__view,:host(.carousel__view){visibility:hidden}.carousel__view-active,.carousel__view-recycle-in,.carousel__view-recycle-out,:host(.carousel__view-active),:host(.carousel__view-recycle-in),:host(.carousel__view-recycle-out){visibility:visible}@keyframes out-to-active{0%{transform:translateX(-100%)}to{transform:translateX(-200%)}}@keyframes active-to-out{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.carousel__view,:host(.carousel__view){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(0);z-index:80}@media (prefers-reduced-motion:no-preference){.carousel__view,:host(.carousel__view){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view,:host(.carousel__view){animation:none;transition:none}}.carousel__view:focus,:host(.carousel__view:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view:focus,:host(.carousel__view:focus){outline-style:dotted}}.carousel__view-active,:host(.carousel__view-active){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-100%);z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-active,:host(.carousel__view-active){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-active,:host(.carousel__view-active){animation:none;transition:none}}.carousel__view-active:focus,:host(.carousel__view-active:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-active:focus,:host(.carousel__view-active:focus){outline-style:dotted}}.carousel__view-in-stack,:host(.carousel__view-in-stack){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-200%);z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-in-stack,:host(.carousel__view-in-stack){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-in-stack,:host(.carousel__view-in-stack){animation:none;transition:none}}.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline-style:dotted}}.carousel__view-recycle-in,:host(.carousel__view-recycle-in){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:out-to-active .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:none;transition:none}}.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline-style:dotted}}.carousel__view-recycle-out,:host(.carousel__view-recycle-out){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:active-to-out .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:none;transition:none}}.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline-style:dotted}}:host{box-sizing:border-box!important;padding-inline-start:2rem}"]);
 //#endregion
 export { interstitial_screen_body_item_default as default };

package/es-custom/components/interstitial-screen/interstitial-screen-body-item.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interstitial-screen-body-item.scss.js","names":[],"sources":["../../../src/components/interstitial-screen/interstitial-screen-body-item.scss?lit"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n@use '@carbon/utilities/scss/carousel' as carousel;\n@use '@carbon/styles/scss/spacing' as ;\n\n@include carousel.carousel();\n\n:host {\n /* stylelint-disable-next-line declaration-no-important */\n box-sizing: border-box !important;\n padding-inline-start: $spacing-07;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"interstitial-screen-body-item.scss.js","names":[],"sources":["../../../src/components/interstitial-screen/interstitial-screen-body-item.scss?lit"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n@use '@carbon/utilities/scss/carousel/_index' as carousel;\n@use '@carbon/styles/scss/spacing' as ;\n\n@include carousel.carousel();\n\n:host {\n /* stylelint-disable-next-line declaration-no-important */\n box-sizing: border-box !important;\n padding-inline-start: $spacing-07;\n}\n"],"mappings":""}

package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js CHANGED Viewed

@@ -8,7 +8,7 @@
 import { css } from "lit";
 //#region src/components/interstitial-screen/interstitial-screen-body.scss?lit
-var interstitial_screen_body_default = 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}:root{color-scheme:var(--cds-custom-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-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-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--interstitial-screen--body{background-color:var(--cds-custom-background,#fff);flex-grow:1;margin:0;overflow:hidden auto;padding:0}.c4p--interstitial-screen--progress{margin-block-end:.75rem;overflow:auto}.c4p--interstitial-screen__carousel{block-size:100%}.c4p--interstitial-screen__carousel .c4p--carousel__item{flex:0 0 100%;scroll-snap-align:start}.c4p--interstitial-screen--internal-body{margin:0!important;padding:0!important}.c4p--interstitial-screen--content{block-size:100%}.c4p--interstitial-screen--internal-header{background-color:var(--cds-custom-background,#fff);margin-block-end:0!important;padding-block-start:1.5rem;padding-inline-start:2rem;position:relative}@media (max-width:41.98rem){.c4p--interstitial-screen--internal-header{padding-inline:1rem}}.c4p--interstitial-screen--internal-header:empty{min-block-size:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer{margin-block-end:1rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1{font-size:var(--cds-custom-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-productive-heading-04-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-04-letter-spacing,0);line-height:var(--cds-custom-productive-heading-04-line-height,1.28572);margin-block-end:.5rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1:empty{padding:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2{font-size:var(--cds-custom-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-productive-heading-03-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-03-letter-spacing,0);line-height:var(--cds-custom-productive-heading-03-line-height,1.4)}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2:empty{padding:0}.c4p--interstitial-screen--internal-header--has-title{background:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6)}.c4p--interstitial-screen--internal-header--has-title .c4p--interstitial-screen--progress{margin-block-start:0}.c4p--interstitial-screen--footer{background:var(--cds-custom-background,#fff);border-block-start:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);inline-size:100%}@media (max-width:41.98rem){.c4p--interstitial-screen--footer{block-size:auto}}.c4p--interstitial-screen--footer .cds-custom--btn-set{display:flex;inline-size:100%;justify-content:flex-end}@media (max-width:41.98rem){.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn{flex:1 1 0;inline-size:auto;max-inline-size:none;min-inline-size:0}}@media (min-width:42rem){.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn{flex-shrink:0;inline-size:15rem;max-inline-size:15rem}.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn{flex:1 1 auto;max-inline-size:none}}.c4p--interstitial-screen--footer .cds-custom--inline-loading{inline-size:2rem;inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--interstitial-screen--footer-controls{display:flex;flex-direction:row;margin-inline-start:auto}.c4p--interstitial-screen--full-screen,:host([fullscreen]){inset-block-start:0;inset-inline:0;position:fixed}.c4p--interstitial-screen--full-screen .c4p--interstitial-screen--container,:host([fullscreen]) .c4p--interstitial-screen--container{block-size:100vh;display:flex;flex-direction:column;margin:0;max-inline-size:100vw;padding:0}.c4p--interstitial-screen__body-container{padding:0}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}@keyframes out-to-active{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes active-to-out{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.carousel__view,:host(.carousel__view){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(0);z-index:80}@media (prefers-reduced-motion:no-preference){.carousel__view,:host(.carousel__view){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view,:host(.carousel__view){animation:none;transition:none}}.carousel__view:focus,:host(.carousel__view:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view:focus,:host(.carousel__view:focus){outline-style:dotted}}.carousel__view-active,:host(.carousel__view-active){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-100%);z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-active,:host(.carousel__view-active){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-active,:host(.carousel__view-active){animation:none;transition:none}}.carousel__view-active:focus,:host(.carousel__view-active:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-active:focus,:host(.carousel__view-active:focus){outline-style:dotted}}.carousel__view-in-stack,:host(.carousel__view-in-stack){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-200%);z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-in-stack,:host(.carousel__view-in-stack){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-in-stack,:host(.carousel__view-in-stack){animation:none;transition:none}}.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline-style:dotted}}.carousel__view-recycle-in,:host(.carousel__view-recycle-in){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:out-to-active .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:none;transition:none}}.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline-style:dotted}}.carousel__view-recycle-out,:host(.carousel__view-recycle-out){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:active-to-out .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:none;transition:none}}.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline-style:dotted}}.c4p--interstitial-screen--body{block-size:100%}.c4p--interstitial-screen--body:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--interstitial-screen--body:focus{outline-style:dotted}}.c4p--interstitial-screen__carousel,.c4p--interstitial-screen__contentWrapper{display:flex}:host{flex-grow:1;padding-block-end:0!important}"]);
+var interstitial_screen_body_default = 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}:root{color-scheme:var(--cds-custom-color-scheme,light)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-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-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xs,1.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-sm,2rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-md,2.5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-lg,3rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-xl,4rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-custom-layout-size-height-context:var(--cds-custom-layout-size-height-2xl,5rem);--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-custom-layout-size-height:var(--cds-custom-layout-size-height-context,var(--cds-custom-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-custom-layout-size-height-min:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-custom-layout-size-height-max:var(--cds-custom-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-custom-layout-density-padding-inline-context:var(--cds-custom-layout-density-padding-inline-normal,1rem);--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-custom-layout-density-padding-inline:var(--cds-custom-layout-density-padding-inline-context,var(--cds-custom-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-custom-layout-density-padding-inline-min:var(--cds-custom-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-custom-layout-density-padding-inline-max:var(--cds-custom-layout-density-padding-inline-normal,1rem)}:root{--cds-custom-layout-size-height-xs:1.5rem;--cds-custom-layout-size-height-sm:2rem;--cds-custom-layout-size-height-md:2.5rem;--cds-custom-layout-size-height-lg:3rem;--cds-custom-layout-size-height-xl:4rem;--cds-custom-layout-size-height-2xl:5rem;--cds-custom-layout-size-height-min:0px;--cds-custom-layout-size-height-max:999999999px;--cds-custom-layout-density-padding-inline-condensed:0.5rem;--cds-custom-layout-density-padding-inline-normal:1rem;--cds-custom-layout-density-padding-inline-min:0px;--cds-custom-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.c4p--carousel{position:relative}.c4p--carousel:focus{outline:none}.c4p--carousel__elements-container{overflow:hidden}.c4p--carousel__elements-container--scroll-max,.c4p--carousel__elements-container--scrolled{inline-size:2rem;inset-block:0;pointer-events:none;position:absolute;z-index:1}.c4p--carousel__elements-container--scrolled{inset-inline-start:0}.c4p--carousel__elements-container--scroll-max{inset-inline-end:0}.c4p--carousel__elements{display:flex;overflow:scroll;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c4p--carousel__elements:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--carousel__elements:focus{outline-style:dotted}}@media (prefers-reduced-motion){.c4p--carousel__elements{scroll-behavior:auto}}.c4p--carousel__elements::-webkit-scrollbar{display:none}.c4p--interstitial-screen--body{background-color:var(--cds-custom-background,#fff);flex-grow:1;margin:0;overflow:hidden auto;padding:0}.c4p--interstitial-screen--progress{margin-block-end:.75rem;overflow:auto}.c4p--interstitial-screen__carousel{block-size:100%}.c4p--interstitial-screen__carousel .c4p--carousel__item{flex:0 0 100%;scroll-snap-align:start}.c4p--interstitial-screen--internal-body{margin:0!important;padding:0!important}.c4p--interstitial-screen--content{block-size:100%}.c4p--interstitial-screen--internal-header{background-color:var(--cds-custom-background,#fff);margin-block-end:0!important;padding-block-start:1.5rem;padding-inline-start:2rem;position:relative}@media (max-width:41.98rem){.c4p--interstitial-screen--internal-header{padding-inline:1rem}}.c4p--interstitial-screen--internal-header:empty{min-block-size:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer{margin-block-end:1rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1{font-size:var(--cds-custom-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-productive-heading-04-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-04-letter-spacing,0);line-height:var(--cds-custom-productive-heading-04-line-height,1.28572);margin-block-end:.5rem}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1:empty{padding:0}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2{font-size:var(--cds-custom-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-productive-heading-03-font-weight,400);letter-spacing:var(--cds-custom-productive-heading-03-letter-spacing,0);line-height:var(--cds-custom-productive-heading-03-line-height,1.4)}.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2:empty{padding:0}.c4p--interstitial-screen--internal-header--has-title{background:var(--cds-custom-layer-01,#f4f4f4);border-block-end:1px solid var(--cds-custom-border-subtle-01,#c6c6c6)}.c4p--interstitial-screen--internal-header--has-title .c4p--interstitial-screen--progress{margin-block-start:0}.c4p--interstitial-screen--footer{background:var(--cds-custom-background,#fff);border-block-start:1px solid var(--cds-custom-border-subtle-01,#c6c6c6);inline-size:100%}@media (max-width:41.98rem){.c4p--interstitial-screen--footer{block-size:auto}}.c4p--interstitial-screen--footer .cds-custom--btn-set{display:flex;inline-size:100%;justify-content:flex-end}@media (max-width:41.98rem){.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn{flex:1 1 0;inline-size:auto;max-inline-size:none;min-inline-size:0}}@media (min-width:42rem){.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn{flex-shrink:0;inline-size:15rem;max-inline-size:15rem}.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn{flex:1 1 auto;max-inline-size:none}}.c4p--interstitial-screen--footer .cds-custom--inline-loading{inline-size:2rem;inset-block-start:0;inset-inline-end:0;position:absolute}.c4p--interstitial-screen--footer-controls{display:flex;flex-direction:row;margin-inline-start:auto}.c4p--interstitial-screen--full-screen,:host([fullscreen]){inset-block-start:0;inset-inline:0;position:fixed}.c4p--interstitial-screen--full-screen .c4p--interstitial-screen--container,:host([fullscreen]) .c4p--interstitial-screen--container{block-size:100vh;display:flex;flex-direction:column;margin:0;max-inline-size:100vw;padding:0}.c4p--interstitial-screen__body-container{padding:0}.carousel__view-stack .carousel__itemsWrapper{block-size:100%;inline-size:100%;min-inline-size:20vh;overflow:hidden;position:relative}.carousel__live-region,:host(.carousel__live-region){block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;white-space:nowrap}.carousel__view,:host(.carousel__view){visibility:hidden}.carousel__view-active,.carousel__view-recycle-in,.carousel__view-recycle-out,:host(.carousel__view-active),:host(.carousel__view-recycle-in),:host(.carousel__view-recycle-out){visibility:visible}@keyframes out-to-active{0%{transform:translateX(-100%)}to{transform:translateX(-200%)}}@keyframes active-to-out{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.carousel__view,:host(.carousel__view){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(0);z-index:80}@media (prefers-reduced-motion:no-preference){.carousel__view,:host(.carousel__view){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view,:host(.carousel__view){animation:none;transition:none}}.carousel__view:focus,:host(.carousel__view:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view:focus,:host(.carousel__view:focus){outline-style:dotted}}.carousel__view-active,:host(.carousel__view-active){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-100%);z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-active,:host(.carousel__view-active){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-active,:host(.carousel__view-active){animation:none;transition:none}}.carousel__view-active:focus,:host(.carousel__view-active:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-active:focus,:host(.carousel__view-active:focus){outline-style:dotted}}.carousel__view-in-stack,:host(.carousel__view-in-stack){block-size:100%;inline-size:100%;inset-inline-start:100%;overflow:hidden auto;transform:translateX(-200%);z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-in-stack,:host(.carousel__view-in-stack){transition:transform .24s cubic-bezier(.5,0,.1,1)}}@media (prefers-reduced-motion:reduce){.carousel__view-in-stack,:host(.carousel__view-in-stack){animation:none;transition:none}}.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-in-stack:focus,:host(.carousel__view-in-stack:focus){outline-style:dotted}}.carousel__view-recycle-in,:host(.carousel__view-recycle-in){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:100}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:out-to-active .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-in,:host(.carousel__view-recycle-in){animation:none;transition:none}}.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-in:focus,:host(.carousel__view-recycle-in:focus){outline-style:dotted}}.carousel__view-recycle-out,:host(.carousel__view-recycle-out){block-size:100%;inline-size:100%;overflow:hidden auto;z-index:90}@media (prefers-reduced-motion:no-preference){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:active-to-out .24s cubic-bezier(.5,0,.1,1) forwards}}@media (prefers-reduced-motion:reduce){.carousel__view-recycle-out,:host(.carousel__view-recycle-out){animation:none;transition:none}}.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.carousel__view-recycle-out:focus,:host(.carousel__view-recycle-out:focus){outline-style:dotted}}.c4p--interstitial-screen--body{block-size:100%}.c4p--interstitial-screen--body:focus{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.c4p--interstitial-screen--body:focus{outline-style:dotted}}.c4p--interstitial-screen__carousel,.c4p--interstitial-screen__contentWrapper{display:flex}:host{flex-grow:1;padding-block-end:0!important}"]);
 //#endregion
 export { interstitial_screen_body_default as default };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"interstitial-screen-body.scss.js","names":[],"sources":["../../../src/components/interstitial-screen/interstitial-screen-body.scss?lit"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n@use './interstitial-screen';\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/utilities/scss/carousel' as carousel;\n@use '@carbon/styles/scss/utilities' as ;\n\n@include carousel.wrapperStyles();\n@include carousel.viewStyles();\n\n$prefix: 'c4p';\n\n.#{$prefix}--interstitial-screen--body {\n block-size: 100%;\n\n &:focus {\n @include focus-outline('outline');\n }\n}\n.#{$prefix}--interstitial-screen__carousel,\n.#{$prefix}--interstitial-screen__contentWrapper {\n display: flex;\n}\n\n:host {\n flex-grow: 1;\n / stylelint-disable-next-line declaration-no-important */\n padding-block-end: 0 !important;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"interstitial-screen-body.scss.js","names":[],"sources":["../../../src/components/interstitial-screen/interstitial-screen-body.scss?lit"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n@use './interstitial-screen';\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/utilities/scss/carousel/_index' as carousel;\n@use '@carbon/styles/scss/utilities' as ;\n\n@include carousel.wrapperStyles();\n@include carousel.viewStyles();\n\n$prefix: 'c4p';\n\n.#{$prefix}--interstitial-screen--body {\n block-size: 100%;\n\n &:focus {\n @include focus-outline('outline');\n }\n}\n.#{$prefix}--interstitial-screen__carousel,\n.#{$prefix}--interstitial-screen__contentWrapper {\n display: flex;\n}\n\n:host {\n flex-grow: 1;\n / stylelint-disable-next-line declaration-no-important */\n padding-block-end: 0 !important;\n}\n"],"mappings":""}

package/es-custom/components/page-header/_story-assets/overflowHandler.js ADDED Viewed

@@ -0,0 +1,122 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+//#region src/components/page-header/_story-assets/overflowHandler.ts
+/**
+* Copyright IBM Corp. 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+* Calculates the size (width or height) of a given HTML element.
+*
+* This function performs an expensive calculation by temporarily changing the
+* display style of the element if it is not currently visible. It then uses
+* `getBoundingClientRect` to retrieve the size of the element.
+*
+* @param el - The HTML element whose size is to be calculated.
+* @param dimension - The dimension to measure ('width' or 'height').
+* @returns The size of the element in pixels. Returns 0 if the element is not provided.
+*/
+function getSize(el, dimension) {
+	if (!el) return 0;
+	const originalDisplay = el.style.display;
+	if (!el.offsetParent && getComputedStyle(el).display === "none") el.style.display = "inline-block";
+	let size = el.getBoundingClientRect()[dimension];
+	el.style.display = originalDisplay;
+	const computedStyles = getComputedStyle(el);
+	size = dimension === "width" ? size + parseInt(computedStyles.paddingLeft) + parseInt(computedStyles.paddingRight) + parseInt(computedStyles.marginLeft) + parseInt(computedStyles.marginRight) : size + parseInt(computedStyles.paddingTop) + parseInt(computedStyles.paddingBottom) + parseInt(computedStyles.marginTop) + parseInt(computedStyles.marginBottom);
+	return size;
+}
+/**
+* Updates the overflow handler by determining which items should be visible and which should be hidden.
+*
+* @param options - Configuration options for updating the overflow handler.
+* @param options.container - Container for overflowing
+* @param options.items - Child elements within container
+* @param options.offset - Children with data-offset attribute
+* @param options.sizes - Sizes of child elements
+* @param options.fixedSizes - Fixed sizes of child elements with data-fixed attribute
+* @param options.offsetSize - Total offset size
+* @param options.offsetValue - Additional offset
+* @param options.maxVisibleItems - Max visible items
+* @param options.dimension - width | height used to measure overflow
+* @param options.onChange - onChange callback
+* @param options.previousHiddenItems - Array of previously hidden items
+* @returns An array of hidden items after the update.
+*/
+function updateOverflowHandler({ container, items, offset, sizes, fixedSizes, offsetSize, maxVisibleItems, dimension, onChange, previousHiddenItems = [], offsetValue = 0 }) {
+	const containerSize = dimension === "width" ? container.clientWidth : container.clientHeight;
+	let visibleItems = [];
+	let hiddenItems = [];
+	const totalSize = sizes.reduce((sum, size) => sum + size, 0);
+	const totalFixedSize = fixedSizes.reduce((sum, size) => sum + size, 0);
+	if (totalSize + totalFixedSize <= containerSize) {
+		visibleItems = maxVisibleItems ? items.slice(0, maxVisibleItems) : [...items];
+		hiddenItems = maxVisibleItems ? items.slice(maxVisibleItems) : [];
+	} else {
+		const available = containerSize - offsetSize - totalFixedSize - offsetValue;
+		let accumulated = 0;
+		let breakIndex = items.length;
+		for (let i = 0; i < items.length; i++) {
+			const size = sizes[i];
+			if (accumulated + size <= available && (!maxVisibleItems || visibleItems.length < maxVisibleItems)) {
+				visibleItems.push(items[i]);
+				accumulated += size;
+			} else {
+				breakIndex = i;
+				break;
+			}
+		}
+		hiddenItems = items.slice(breakIndex);
+	}
+	if (previousHiddenItems.length === hiddenItems.length && previousHiddenItems.every((item, index) => item === hiddenItems[index])) return previousHiddenItems;
+	visibleItems.forEach((item) => item.removeAttribute("data-hidden"));
+	hiddenItems.forEach((item) => item.setAttribute("data-hidden", ""));
+	if (offset) offset.toggleAttribute("data-hidden", hiddenItems.length === 0);
+	onChange(visibleItems, hiddenItems);
+	return hiddenItems;
+}
+function createOverflowHandler({ container, maxVisibleItems, onChange, dimension = "width", offsetValue = 0 }) {
+	if (!(container instanceof HTMLElement)) throw new Error("container must be an HTMLElement");
+	if (typeof onChange !== "function") throw new Error("onChange must be a function");
+	if (maxVisibleItems !== void 0 && (!Number.isInteger(maxVisibleItems) || maxVisibleItems <= 0)) throw new Error("maxVisibleItems must be a positive integer");
+	const children = Array.from(container.children);
+	const offset = children.find((item) => item.hasAttribute("data-offset"));
+	const fixedItems = children.filter((item) => item.hasAttribute("data-fixed"));
+	const items = children.filter((item) => item !== offset && !fixedItems.includes(item));
+	const fixedSizes = fixedItems.map((item) => getSize(item, dimension));
+	const sizes = items.map((item) => getSize(item, dimension));
+	const offsetSize = getSize(offset, dimension);
+	let previousHiddenItems = [];
+	function update() {
+		previousHiddenItems = updateOverflowHandler({
+			container,
+			items,
+			offset,
+			sizes,
+			fixedSizes,
+			offsetSize,
+			maxVisibleItems,
+			dimension,
+			onChange,
+			previousHiddenItems,
+			offsetValue
+		});
+	}
+	const resizeObserver = new ResizeObserver(() => requestAnimationFrame(update));
+	resizeObserver.observe(container);
+	requestAnimationFrame(update);
+	return { disconnect() {
+		resizeObserver.disconnect();
+	} };
+}
+//#endregion
+export { createOverflowHandler, getSize, updateOverflowHandler };
+//# sourceMappingURL=overflowHandler.js.map

package/es-custom/components/page-header/_story-assets/overflowHandler.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"overflowHandler.js","names":[],"sources":["../../../../src/components/page-header/_story-assets/overflowHandler.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n// TODO: delete this file after overflowHandler from carbon/utils gets updated\n\n/**\n * Calculates the size (width or height) of a given HTML element.\n *\n * This function performs an expensive calculation by temporarily changing the\n * display style of the element if it is not currently visible. It then uses\n * `getBoundingClientRect` to retrieve the size of the element.\n *\n * @param el - The HTML element whose size is to be calculated.\n * @param dimension - The dimension to measure ('width' or 'height').\n * @returns The size of the element in pixels. Returns 0 if the element is not provided.\n */\nexport function getSize(\n el: HTMLElement,\n dimension: 'width' | 'height'\n): number {\n if (!el) {\n return 0;\n }\n const originalDisplay = el.style.display;\n if (!el.offsetParent && getComputedStyle(el).display === 'none') {\n el.style.display = 'inline-block';\n }\n let size = el.getBoundingClientRect()[dimension];\n el.style.display = originalDisplay;\n const computedStyles = getComputedStyle(el);\n size =\n dimension === 'width'\n ? size +\n parseInt(computedStyles.paddingLeft) +\n parseInt(computedStyles.paddingRight) +\n parseInt(computedStyles.marginLeft) +\n parseInt(computedStyles.marginRight)\n : size +\n parseInt(computedStyles.paddingTop) +\n parseInt(computedStyles.paddingBottom) +\n parseInt(computedStyles.marginTop) +\n parseInt(computedStyles.marginBottom);\n return size;\n}\n\n/**\n * Options for updating the overflow handler.\n * Determines which items should be visible and which should be hidden\n * based on the container size, item sizes, and other constraints.\n */\nexport interface UpdateOverflowHandlerOptions {\n /** The container element that holds the items. */\n container: HTMLElement;\n /** An array of item elements to be managed for overflow. */\n items: HTMLElement[];\n /** An element that represents the offset, which can be shown or hidden based on overflow. Identified by `data-offset` attribute. */\n offset: HTMLElement;\n /** An array of sizes corresponding to each item in the `items` array. */\n sizes: number[];\n /** An array of sizes corresponding to each item in the fixed items array. */\n fixedSizes: number[];\n /** The size of the offset element. */\n offsetSize: number;\n /** The maximum number of items that can be visible at once. If undefined, all items can be visible. */\n maxVisibleItems?: number;\n /** The dimension to consider for overflow, either 'width' or 'height'. */\n dimension: 'width' | 'height';\n /** A callback function that is called when the visible or hidden items change. */\n onChange: (visibleItems: HTMLElement[], hiddenItems: HTMLElement[]) => void;\n /** An array of previously hidden items to compare against the new hidden items. */\n previousHiddenItems?: HTMLElement[];\n offsetValue?: number;\n}\n\n/**\n * Updates the overflow handler by determining which items should be visible and which should be hidden.\n *\n * @param options - Configuration options for updating the overflow handler.\n * @param options.container - Container for overflowing\n * @param options.items - Child elements within container\n * @param options.offset - Children with data-offset attribute\n * @param options.sizes - Sizes of child elements\n * @param options.fixedSizes - Fixed sizes of child elements with data-fixed attribute\n * @param options.offsetSize - Total offset size\n * @param options.offsetValue - Additional offset\n * @param options.maxVisibleItems - Max visible items\n * @param options.dimension - width | height used to measure overflow\n * @param options.onChange - onChange callback\n * @param options.previousHiddenItems - Array of previously hidden items\n * @returns An array of hidden items after the update.\n */\nexport function updateOverflowHandler({\n container,\n items,\n offset,\n sizes,\n fixedSizes,\n offsetSize,\n maxVisibleItems,\n dimension,\n onChange,\n previousHiddenItems = [],\n offsetValue = 0,\n}: UpdateOverflowHandlerOptions): HTMLElement[] {\n const containerSize =\n dimension === 'width' ? container.clientWidth : container.clientHeight;\n\n let visibleItems: HTMLElement[] = [];\n let hiddenItems: HTMLElement[] = [];\n\n const totalSize = sizes.reduce((sum, size) => sum + size, 0);\n const totalFixedSize = fixedSizes.reduce((sum, size) => sum + size, 0);\n\n if (totalSize + totalFixedSize <= containerSize) {\n visibleItems = maxVisibleItems\n ? items.slice(0, maxVisibleItems)\n : [...items];\n hiddenItems = maxVisibleItems ? items.slice(maxVisibleItems) : [];\n } else {\n const available = containerSize - offsetSize - totalFixedSize - offsetValue;\n let accumulated = 0;\n let breakIndex = items.length;\n\n for (let i = 0; i < items.length; i++) {\n const size = sizes[i];\n if (\n accumulated + size <= available &&\n (!maxVisibleItems || visibleItems.length < maxVisibleItems)\n ) {\n visibleItems.push(items[i]);\n accumulated += size;\n } else {\n breakIndex = i;\n break;\n }\n }\n hiddenItems = items.slice(breakIndex);\n }\n\n if (\n previousHiddenItems.length === hiddenItems.length &&\n previousHiddenItems.every((item, index) => item === hiddenItems[index])\n ) {\n return previousHiddenItems;\n }\n\n visibleItems.forEach((item) => item.removeAttribute('data-hidden'));\n hiddenItems.forEach((item) => item.setAttribute('data-hidden', ''));\n\n if (offset) {\n offset.toggleAttribute('data-hidden', hiddenItems.length === 0);\n }\n onChange(visibleItems, hiddenItems);\n return hiddenItems;\n}\n\n/**\n * Options for initializing an overflow handler.\n */\nexport interface OverflowHandlerOptions {\n /**\n * The container element that holds the items. along with offset item\n */\n container: HTMLElement;\n /**\n * Maximum number of visible items. If provided, only this number of items will be shown.\n */\n maxVisibleItems?: number;\n /**\n * Callback function invoked when the visible and hidden items change.\n * @param visibleItems - The array of items that are currently visible.\n * @param hiddenItems - The array of items that are currently hidden.\n */\n onChange: (visibleItems: HTMLElement[], hiddenItems: HTMLElement[]) => void;\n /**\n * The dimension to consider for overflow calculations. Defaults to 'width'.\n */\n dimension?: 'width' | 'height';\n offsetValue?: number;\n}\n\n/**\n * Represents an instance of an overflow handler.\n */\nexport interface OverflowHandler {\n /**\n * Disconnects the overflow handler, cleaning up any event listeners or resources.\n */\n disconnect: () => void;\n}\n\nexport function createOverflowHandler({\n container,\n maxVisibleItems,\n onChange,\n dimension = 'width',\n offsetValue = 0,\n}: OverflowHandlerOptions): OverflowHandler {\n // Error handling\n if (!(container instanceof HTMLElement)) {\n throw new Error('container must be an HTMLElement');\n }\n if (typeof onChange !== 'function') {\n throw new Error('onChange must be a function');\n }\n if (\n maxVisibleItems !== undefined &&\n (!Number.isInteger(maxVisibleItems) || maxVisibleItems <= 0)\n ) {\n throw new Error('maxVisibleItems must be a positive integer');\n }\n\n const children = Array.from(container.children) as HTMLElement[];\n const offset = children.find((item) =>\n item.hasAttribute('data-offset')\n ) as HTMLElement;\n const fixedItems = children.filter((item) =>\n item.hasAttribute('data-fixed')\n ) as HTMLElement[];\n const items = children.filter(\n (item) => item !== offset && !fixedItems.includes(item)\n );\n\n const fixedSizes = fixedItems.map((item) => getSize(item, dimension));\n const sizes = items.map((item) => getSize(item, dimension));\n const offsetSize = getSize(offset, dimension);\n\n let previousHiddenItems: HTMLElement[] = [];\n\n function update() {\n previousHiddenItems = updateOverflowHandler({\n container,\n items,\n offset,\n sizes,\n fixedSizes,\n offsetSize,\n maxVisibleItems,\n dimension,\n onChange,\n previousHiddenItems,\n offsetValue,\n });\n }\n\n const resizeObserver = new ResizeObserver(() =>\n requestAnimationFrame(update)\n );\n resizeObserver.observe(container);\n\n requestAnimationFrame(update); // Initial update\n\n return {\n disconnect() {\n resizeObserver.disconnect();\n },\n };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,QACd,IACA,WACQ;AACR,KAAI,CAAC,GACH,QAAO;CAET,MAAM,kBAAkB,GAAG,MAAM;AACjC,KAAI,CAAC,GAAG,gBAAgB,iBAAiB,GAAG,CAAC,YAAY,OACvD,IAAG,MAAM,UAAU;CAErB,IAAI,OAAO,GAAG,uBAAuB,CAAC;AACtC,IAAG,MAAM,UAAU;CACnB,MAAM,iBAAiB,iBAAiB,GAAG;AAC3C,QACE,cAAc,UACV,OACA,SAAS,eAAe,YAAY,GACpC,SAAS,eAAe,aAAa,GACrC,SAAS,eAAe,WAAW,GACnC,SAAS,eAAe,YAAY,GACpC,OACA,SAAS,eAAe,WAAW,GACnC,SAAS,eAAe,cAAc,GACtC,SAAS,eAAe,UAAU,GAClC,SAAS,eAAe,aAAa;AAC3C,QAAO;;;;;;;;;;;;;;;;;;;AAiDT,SAAgB,sBAAsB,EACpC,WACA,OACA,QACA,OACA,YACA,YACA,iBACA,WACA,UACA,sBAAsB,EAAE,EACxB,cAAc,KACgC;CAC9C,MAAM,gBACJ,cAAc,UAAU,UAAU,cAAc,UAAU;CAE5D,IAAI,eAA8B,EAAE;CACpC,IAAI,cAA6B,EAAE;CAEnC,MAAM,YAAY,MAAM,QAAQ,KAAK,SAAS,MAAM,MAAM,EAAE;CAC5D,MAAM,iBAAiB,WAAW,QAAQ,KAAK,SAAS,MAAM,MAAM,EAAE;AAEtE,KAAI,YAAY,kBAAkB,eAAe;AAC/C,iBAAe,kBACX,MAAM,MAAM,GAAG,gBAAgB,GAC/B,CAAC,GAAG,MAAM;AACd,gBAAc,kBAAkB,MAAM,MAAM,gBAAgB,GAAG,EAAE;QAC5D;EACL,MAAM,YAAY,gBAAgB,aAAa,iBAAiB;EAChE,IAAI,cAAc;EAClB,IAAI,aAAa,MAAM;AAEvB,OAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;GACrC,MAAM,OAAO,MAAM;AACnB,OACE,cAAc,QAAQ,cACrB,CAAC,mBAAmB,aAAa,SAAS,kBAC3C;AACA,iBAAa,KAAK,MAAM,GAAG;AAC3B,mBAAe;UACV;AACL,iBAAa;AACb;;;AAGJ,gBAAc,MAAM,MAAM,WAAW;;AAGvC,KACE,oBAAoB,WAAW,YAAY,UAC3C,oBAAoB,OAAO,MAAM,UAAU,SAAS,YAAY,OAAO,CAEvE,QAAO;AAGT,cAAa,SAAS,SAAS,KAAK,gBAAgB,cAAc,CAAC;AACnE,aAAY,SAAS,SAAS,KAAK,aAAa,eAAe,GAAG,CAAC;AAEnE,KAAI,OACF,QAAO,gBAAgB,eAAe,YAAY,WAAW,EAAE;AAEjE,UAAS,cAAc,YAAY;AACnC,QAAO;;AAsCT,SAAgB,sBAAsB,EACpC,WACA,iBACA,UACA,YAAY,SACZ,cAAc,KAC4B;AAE1C,KAAI,EAAE,qBAAqB,aACzB,OAAM,IAAI,MAAM,mCAAmC;AAErD,KAAI,OAAO,aAAa,WACtB,OAAM,IAAI,MAAM,8BAA8B;AAEhD,KACE,oBAAoB,WACnB,CAAC,OAAO,UAAU,gBAAgB,IAAI,mBAAmB,GAE1D,OAAM,IAAI,MAAM,6CAA6C;CAG/D,MAAM,WAAW,MAAM,KAAK,UAAU,SAAS;CAC/C,MAAM,SAAS,SAAS,MAAM,SAC5B,KAAK,aAAa,cAAc,CACjC;CACD,MAAM,aAAa,SAAS,QAAQ,SAClC,KAAK,aAAa,aAAa,CAChC;CACD,MAAM,QAAQ,SAAS,QACpB,SAAS,SAAS,UAAU,CAAC,WAAW,SAAS,KAAK,CACxD;CAED,MAAM,aAAa,WAAW,KAAK,SAAS,QAAQ,MAAM,UAAU,CAAC;CACrE,MAAM,QAAQ,MAAM,KAAK,SAAS,QAAQ,MAAM,UAAU,CAAC;CAC3D,MAAM,aAAa,QAAQ,QAAQ,UAAU;CAE7C,IAAI,sBAAqC,EAAE;CAE3C,SAAS,SAAS;AAChB,wBAAsB,sBAAsB;GAC1C;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;;CAGJ,MAAM,iBAAiB,IAAI,qBACzB,sBAAsB,OAAO,CAC9B;AACD,gBAAe,QAAQ,UAAU;AAEjC,uBAAsB,OAAO;AAE7B,QAAO,EACL,aAAa;AACX,iBAAe,YAAY;IAE9B"}

package/es-custom/components/page-header/index.js CHANGED Viewed

@@ -13,3 +13,6 @@ import "./page-header-hero-image.js";
 import "./page-header-tabs.js";
 import "./page-header-title-breadcrumb.js";
 import "./page-header-scroller.js";
+import "./page-header-breadcrumbs-set/index.js";
+import "./page-header-actions-set/index.js";
+import "./page-header-tags-set/index.js";

package/es-custom/components/page-header/page-header-actions-set/index.js ADDED Viewed

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import "./page-header-actions-set.js";