@carbon-labs/wc-global-header 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -0
- package/README.md +34 -0
- package/es/_virtual/_commonjsHelpers.js +6 -0
- package/es/_virtual/_commonjsHelpers.js.map +1 -0
- package/es/_virtual/index.js +8 -0
- package/es/_virtual/index.js.map +1 -0
- package/es/_virtual/index2.js +4 -0
- package/es/_virtual/index2.js.map +1 -0
- package/es/components/global-header/global-header.d.ts +15 -0
- package/es/components/global-header/global-header.js +23 -0
- package/es/components/global-header/global-header.js.map +1 -0
- package/es/components/global-header/src/components/AuthContext/AuthContext.d.ts +26 -0
- package/es/components/global-header/src/components/AuthContext/AuthContext.js +238 -0
- package/es/components/global-header/src/components/AuthContext/AuthContext.js.map +1 -0
- package/es/components/global-header/src/components/AuthContext/AuthContext.types.d.ts +17 -0
- package/es/components/global-header/src/components/AuthContext/__stories__/AuthContext.stories.d.ts +12 -0
- package/es/components/global-header/src/components/AuthContext/__tests__/AuthContext.test.d.ts +9 -0
- package/es/components/global-header/src/components/AuthContext/_index.scss.js +6 -0
- package/es/components/global-header/src/components/AuthContext/_index.scss.js.map +1 -0
- package/es/components/global-header/src/components/CommonHeader/CommonHeader.d.ts +36 -0
- package/es/components/global-header/src/components/CommonHeader/CommonHeader.js +245 -0
- package/es/components/global-header/src/components/CommonHeader/CommonHeader.js.map +1 -0
- package/es/components/global-header/src/components/CommonHeader/WideSideNav.d.ts +15 -0
- package/es/components/global-header/src/components/CommonHeader/WideSideNav.js +32 -0
- package/es/components/global-header/src/components/CommonHeader/WideSideNav.js.map +1 -0
- package/es/components/global-header/src/components/CommonHeader/__stories__/CommonHeader.stories.d.ts +20 -0
- package/es/components/global-header/src/components/CommonHeader/__stories__/SideNav.stories.d.ts +16 -0
- package/es/components/global-header/src/components/CommonHeader/__tests__/CommonHeader.test.d.ts +9 -0
- package/es/components/global-header/src/components/CommonHeader/__tests__/WideSideNav.test.d.ts +9 -0
- package/es/components/global-header/src/components/CommonHeader/_index.scss.js +6 -0
- package/es/components/global-header/src/components/CommonHeader/_index.scss.js.map +1 -0
- package/es/components/global-header/src/components/HeaderContext/HeaderContext.d.ts +43 -0
- package/es/components/global-header/src/components/HeaderContext/HeaderContext.js +311 -0
- package/es/components/global-header/src/components/HeaderContext/HeaderContext.js.map +1 -0
- package/es/components/global-header/src/components/HeaderContext/HeaderContext.types.d.ts +46 -0
- package/es/components/global-header/src/components/HeaderContext/__tests__/HeaderContext.test.d.ts +9 -0
- package/es/components/global-header/src/components/HeaderContext/_index.scss.js +6 -0
- package/es/components/global-header/src/components/HeaderContext/_index.scss.js.map +1 -0
- package/es/components/global-header/src/components/HybridIpaasHeader/HybridIpaasHeader.d.ts +41 -0
- package/es/components/global-header/src/components/HybridIpaasHeader/__stories__/HybridIPaasHeader.stories.d.ts +20 -0
- package/es/components/global-header/src/components/HybridIpaasHeader/__tests__/HybridIpaasHeader.test.d.ts +10 -0
- package/es/components/global-header/src/components/LogoutHeader/LogoutHeader.d.ts +17 -0
- package/es/components/global-header/src/components/LogoutHeader/__stories__/LogoutHeader.stories.d.ts +15 -0
- package/es/components/global-header/src/components/LogoutHeader/__tests__/LogoutHeader.test.d.ts +9 -0
- package/es/components/global-header/src/components/LogoutTile/LogoutTile.d.ts +24 -0
- package/es/components/global-header/src/components/LogoutTile/__stories__/LogoutTile.stories.d.ts +14 -0
- package/es/components/global-header/src/components/LogoutTile/__tests__/LogoutTile.test.d.ts +9 -0
- package/es/components/global-header/src/components/ProfilePopover/ProfilePopover.d.ts +22 -0
- package/es/components/global-header/src/components/ProfilePopover/ProfilePopover.js +100 -0
- package/es/components/global-header/src/components/ProfilePopover/ProfilePopover.js.map +1 -0
- package/es/components/global-header/src/components/ProfilePopover/__tests__/ProfilePopover.test.d.ts +9 -0
- package/es/components/global-header/src/components/ProfilePopover/_index.scss.js +6 -0
- package/es/components/global-header/src/components/ProfilePopover/_index.scss.js.map +1 -0
- package/es/components/global-header/src/components/Search/Search.d.ts +25 -0
- package/es/components/global-header/src/components/Search/Search.js +72 -0
- package/es/components/global-header/src/components/Search/Search.js.map +1 -0
- package/es/components/global-header/src/components/Search/__tests__/Search.test.d.ts +9 -0
- package/es/components/global-header/src/components/Search/_index.scss.js +6 -0
- package/es/components/global-header/src/components/Search/_index.scss.js.map +1 -0
- package/es/components/global-header/src/components/SideNavItem/SideNavItem.d.ts +31 -0
- package/es/components/global-header/src/components/SideNavItem/SideNavItem.js +214 -0
- package/es/components/global-header/src/components/SideNavItem/SideNavItem.js.map +1 -0
- package/es/components/global-header/src/components/SideNavItem/SideNavItem.scss.js +6 -0
- package/es/components/global-header/src/components/SideNavItem/SideNavItem.scss.js.map +1 -0
- package/es/components/global-header/src/components/SideNavItem/__tests__/SideNavItem.test.d.ts +9 -0
- package/es/components/global-header/src/components/Switcher/Switcher.d.ts +29 -0
- package/es/components/global-header/src/components/Switcher/Switcher.js +188 -0
- package/es/components/global-header/src/components/Switcher/Switcher.js.map +1 -0
- package/es/components/global-header/src/components/Switcher/Switcher.types.d.ts +11 -0
- package/es/components/global-header/src/components/Switcher/__tests__/Switcher.test.d.ts +9 -0
- package/es/components/global-header/src/components/Switcher/_index.scss.js +6 -0
- package/es/components/global-header/src/components/Switcher/_index.scss.js.map +1 -0
- package/es/components/global-header/src/components/TrialContent/TrialContent.d.ts +11 -0
- package/es/components/global-header/src/components/TrialContent/TrialContent.js +74 -0
- package/es/components/global-header/src/components/TrialContent/TrialContent.js.map +1 -0
- package/es/components/global-header/src/components/TrialContent/TrialContent.types.d.ts +12 -0
- package/es/components/global-header/src/components/TrialContent/__stories__/TrialContent.stories.d.ts +14 -0
- package/es/components/global-header/src/components/TrialPopover/TrialPopover.d.ts +23 -0
- package/es/components/global-header/src/components/TrialPopover/TrialPopover.js +79 -0
- package/es/components/global-header/src/components/TrialPopover/TrialPopover.js.map +1 -0
- package/es/components/global-header/src/components/TrialPopover/__tests__/TrialPopover.test.d.ts +9 -0
- package/es/components/global-header/src/components/TrialPopover/_index.scss.js +6 -0
- package/es/components/global-header/src/components/TrialPopover/_index.scss.js.map +1 -0
- package/es/components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.d.ts +19 -0
- package/es/components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.js +63 -0
- package/es/components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.js.map +1 -0
- package/es/components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.stories.d.ts +15 -0
- package/es/components/global-header/src/components/UnauthenticatedContext/__tests__/UnauthenticatedContext.test.d.ts +9 -0
- package/es/components/global-header/src/components/UserProfileImage/UserProfileImage.d.ts +31 -0
- package/es/components/global-header/src/components/UserProfileImage/UserProfileImage.js +104 -0
- package/es/components/global-header/src/components/UserProfileImage/UserProfileImage.js.map +1 -0
- package/es/components/global-header/src/components/UserProfileImage/UserProfileImage.scss.js +6 -0
- package/es/components/global-header/src/components/UserProfileImage/UserProfileImage.scss.js.map +1 -0
- package/es/components/global-header/src/components/UserProfileImage/UserProfileImage.types.d.ts +21 -0
- package/es/components/global-header/src/components/UserProfileImage/__tests__/UserProfileImage.test.d.ts +9 -0
- package/es/components/global-header/src/components/_index.scss.js +6 -0
- package/es/components/global-header/src/components/_index.scss.js.map +1 -0
- package/es/components/global-header/src/constant.d.ts +53 -0
- package/es/components/global-header/src/constant.js +38 -0
- package/es/components/global-header/src/constant.js.map +1 -0
- package/es/components/global-header/src/global-header.scss.js +6 -0
- package/es/components/global-header/src/global-header.scss.js.map +1 -0
- package/es/components/global-header/src/global-header.template.d.ts +16 -0
- package/es/components/global-header/src/global-header.template.js +20 -0
- package/es/components/global-header/src/global-header.template.js.map +1 -0
- package/es/components/global-header/src/globals/__tests__/useScript.test.d.ts +9 -0
- package/es/components/global-header/src/globals/__tests__/utils.test.d.ts +9 -0
- package/es/components/global-header/src/globals/useScript.d.ts +10 -0
- package/es/components/global-header/src/globals/useScript.js +47 -0
- package/es/components/global-header/src/globals/useScript.js.map +1 -0
- package/es/components/global-header/src/globals/utils.d.ts +22 -0
- package/es/components/global-header/src/globals/utils.js +89 -0
- package/es/components/global-header/src/globals/utils.js.map +1 -0
- package/es/components/global-header/src/index.d.ts +12 -0
- package/es/components/global-header/src/types/Header.types.d.ts +267 -0
- package/es/components/global-header/src/types/Header.types.js +22 -0
- package/es/components/global-header/src/types/Header.types.js.map +1 -0
- package/es/index.d.ts +9 -0
- package/es/index.js +2 -0
- package/es/index.js.map +1 -0
- package/es/node_modules/classnames/index.js +86 -0
- package/es/node_modules/classnames/index.js.map +1 -0
- package/lib/_virtual/_commonjsHelpers.js +8 -0
- package/lib/_virtual/_commonjsHelpers.js.map +1 -0
- package/lib/_virtual/index.js +12 -0
- package/lib/_virtual/index.js.map +1 -0
- package/lib/_virtual/index2.js +6 -0
- package/lib/_virtual/index2.js.map +1 -0
- package/lib/components/global-header/global-header.d.ts +15 -0
- package/lib/components/global-header/global-header.js +25 -0
- package/lib/components/global-header/global-header.js.map +1 -0
- package/lib/components/global-header/src/components/AuthContext/AuthContext.d.ts +26 -0
- package/lib/components/global-header/src/components/AuthContext/AuthContext.js +238 -0
- package/lib/components/global-header/src/components/AuthContext/AuthContext.js.map +1 -0
- package/lib/components/global-header/src/components/AuthContext/AuthContext.types.d.ts +17 -0
- package/lib/components/global-header/src/components/AuthContext/__stories__/AuthContext.stories.d.ts +12 -0
- package/lib/components/global-header/src/components/AuthContext/__tests__/AuthContext.test.d.ts +9 -0
- package/lib/components/global-header/src/components/AuthContext/_index.scss.js +10 -0
- package/lib/components/global-header/src/components/AuthContext/_index.scss.js.map +1 -0
- package/lib/components/global-header/src/components/CommonHeader/CommonHeader.d.ts +36 -0
- package/lib/components/global-header/src/components/CommonHeader/CommonHeader.js +245 -0
- package/lib/components/global-header/src/components/CommonHeader/CommonHeader.js.map +1 -0
- package/lib/components/global-header/src/components/CommonHeader/WideSideNav.d.ts +15 -0
- package/lib/components/global-header/src/components/CommonHeader/WideSideNav.js +32 -0
- package/lib/components/global-header/src/components/CommonHeader/WideSideNav.js.map +1 -0
- package/lib/components/global-header/src/components/CommonHeader/__stories__/CommonHeader.stories.d.ts +20 -0
- package/lib/components/global-header/src/components/CommonHeader/__stories__/SideNav.stories.d.ts +16 -0
- package/lib/components/global-header/src/components/CommonHeader/__tests__/CommonHeader.test.d.ts +9 -0
- package/lib/components/global-header/src/components/CommonHeader/__tests__/WideSideNav.test.d.ts +9 -0
- package/lib/components/global-header/src/components/CommonHeader/_index.scss.js +10 -0
- package/lib/components/global-header/src/components/CommonHeader/_index.scss.js.map +1 -0
- package/lib/components/global-header/src/components/HeaderContext/HeaderContext.d.ts +43 -0
- package/lib/components/global-header/src/components/HeaderContext/HeaderContext.js +311 -0
- package/lib/components/global-header/src/components/HeaderContext/HeaderContext.js.map +1 -0
- package/lib/components/global-header/src/components/HeaderContext/HeaderContext.types.d.ts +46 -0
- package/lib/components/global-header/src/components/HeaderContext/__tests__/HeaderContext.test.d.ts +9 -0
- package/lib/components/global-header/src/components/HeaderContext/_index.scss.js +10 -0
- package/lib/components/global-header/src/components/HeaderContext/_index.scss.js.map +1 -0
- package/lib/components/global-header/src/components/HybridIpaasHeader/HybridIpaasHeader.d.ts +41 -0
- package/lib/components/global-header/src/components/HybridIpaasHeader/__stories__/HybridIPaasHeader.stories.d.ts +20 -0
- package/lib/components/global-header/src/components/HybridIpaasHeader/__tests__/HybridIpaasHeader.test.d.ts +10 -0
- package/lib/components/global-header/src/components/LogoutHeader/LogoutHeader.d.ts +17 -0
- package/lib/components/global-header/src/components/LogoutHeader/__stories__/LogoutHeader.stories.d.ts +15 -0
- package/lib/components/global-header/src/components/LogoutHeader/__tests__/LogoutHeader.test.d.ts +9 -0
- package/lib/components/global-header/src/components/LogoutTile/LogoutTile.d.ts +24 -0
- package/lib/components/global-header/src/components/LogoutTile/__stories__/LogoutTile.stories.d.ts +14 -0
- package/lib/components/global-header/src/components/LogoutTile/__tests__/LogoutTile.test.d.ts +9 -0
- package/lib/components/global-header/src/components/ProfilePopover/ProfilePopover.d.ts +22 -0
- package/lib/components/global-header/src/components/ProfilePopover/ProfilePopover.js +100 -0
- package/lib/components/global-header/src/components/ProfilePopover/ProfilePopover.js.map +1 -0
- package/lib/components/global-header/src/components/ProfilePopover/__tests__/ProfilePopover.test.d.ts +9 -0
- package/lib/components/global-header/src/components/ProfilePopover/_index.scss.js +10 -0
- package/lib/components/global-header/src/components/ProfilePopover/_index.scss.js.map +1 -0
- package/lib/components/global-header/src/components/Search/Search.d.ts +25 -0
- package/lib/components/global-header/src/components/Search/Search.js +72 -0
- package/lib/components/global-header/src/components/Search/Search.js.map +1 -0
- package/lib/components/global-header/src/components/Search/__tests__/Search.test.d.ts +9 -0
- package/lib/components/global-header/src/components/Search/_index.scss.js +10 -0
- package/lib/components/global-header/src/components/Search/_index.scss.js.map +1 -0
- package/lib/components/global-header/src/components/SideNavItem/SideNavItem.d.ts +31 -0
- package/lib/components/global-header/src/components/SideNavItem/SideNavItem.js +214 -0
- package/lib/components/global-header/src/components/SideNavItem/SideNavItem.js.map +1 -0
- package/lib/components/global-header/src/components/SideNavItem/SideNavItem.scss.js +10 -0
- package/lib/components/global-header/src/components/SideNavItem/SideNavItem.scss.js.map +1 -0
- package/lib/components/global-header/src/components/SideNavItem/__tests__/SideNavItem.test.d.ts +9 -0
- package/lib/components/global-header/src/components/Switcher/Switcher.d.ts +29 -0
- package/lib/components/global-header/src/components/Switcher/Switcher.js +188 -0
- package/lib/components/global-header/src/components/Switcher/Switcher.js.map +1 -0
- package/lib/components/global-header/src/components/Switcher/Switcher.types.d.ts +11 -0
- package/lib/components/global-header/src/components/Switcher/__tests__/Switcher.test.d.ts +9 -0
- package/lib/components/global-header/src/components/Switcher/_index.scss.js +10 -0
- package/lib/components/global-header/src/components/Switcher/_index.scss.js.map +1 -0
- package/lib/components/global-header/src/components/TrialContent/TrialContent.d.ts +11 -0
- package/lib/components/global-header/src/components/TrialContent/TrialContent.js +76 -0
- package/lib/components/global-header/src/components/TrialContent/TrialContent.js.map +1 -0
- package/lib/components/global-header/src/components/TrialContent/TrialContent.types.d.ts +12 -0
- package/lib/components/global-header/src/components/TrialContent/__stories__/TrialContent.stories.d.ts +14 -0
- package/lib/components/global-header/src/components/TrialPopover/TrialPopover.d.ts +23 -0
- package/lib/components/global-header/src/components/TrialPopover/TrialPopover.js +79 -0
- package/lib/components/global-header/src/components/TrialPopover/TrialPopover.js.map +1 -0
- package/lib/components/global-header/src/components/TrialPopover/__tests__/TrialPopover.test.d.ts +9 -0
- package/lib/components/global-header/src/components/TrialPopover/_index.scss.js +10 -0
- package/lib/components/global-header/src/components/TrialPopover/_index.scss.js.map +1 -0
- package/lib/components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.d.ts +19 -0
- package/lib/components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.js +63 -0
- package/lib/components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.js.map +1 -0
- package/lib/components/global-header/src/components/UnauthenticatedContext/UnauthenticatedContext.stories.d.ts +15 -0
- package/lib/components/global-header/src/components/UnauthenticatedContext/__tests__/UnauthenticatedContext.test.d.ts +9 -0
- package/lib/components/global-header/src/components/UserProfileImage/UserProfileImage.d.ts +31 -0
- package/lib/components/global-header/src/components/UserProfileImage/UserProfileImage.js +104 -0
- package/lib/components/global-header/src/components/UserProfileImage/UserProfileImage.js.map +1 -0
- package/lib/components/global-header/src/components/UserProfileImage/UserProfileImage.scss.js +10 -0
- package/lib/components/global-header/src/components/UserProfileImage/UserProfileImage.scss.js.map +1 -0
- package/lib/components/global-header/src/components/UserProfileImage/UserProfileImage.types.d.ts +21 -0
- package/lib/components/global-header/src/components/UserProfileImage/__tests__/UserProfileImage.test.d.ts +9 -0
- package/lib/components/global-header/src/components/_index.scss.js +10 -0
- package/lib/components/global-header/src/components/_index.scss.js.map +1 -0
- package/lib/components/global-header/src/constant.d.ts +53 -0
- package/lib/components/global-header/src/constant.js +53 -0
- package/lib/components/global-header/src/constant.js.map +1 -0
- package/lib/components/global-header/src/global-header.scss.js +10 -0
- package/lib/components/global-header/src/global-header.scss.js.map +1 -0
- package/lib/components/global-header/src/global-header.template.d.ts +16 -0
- package/lib/components/global-header/src/global-header.template.js +24 -0
- package/lib/components/global-header/src/global-header.template.js.map +1 -0
- package/lib/components/global-header/src/globals/__tests__/useScript.test.d.ts +9 -0
- package/lib/components/global-header/src/globals/__tests__/utils.test.d.ts +9 -0
- package/lib/components/global-header/src/globals/useScript.d.ts +10 -0
- package/lib/components/global-header/src/globals/useScript.js +51 -0
- package/lib/components/global-header/src/globals/useScript.js.map +1 -0
- package/lib/components/global-header/src/globals/utils.d.ts +22 -0
- package/lib/components/global-header/src/globals/utils.js +96 -0
- package/lib/components/global-header/src/globals/utils.js.map +1 -0
- package/lib/components/global-header/src/index.d.ts +12 -0
- package/lib/components/global-header/src/types/Header.types.d.ts +267 -0
- package/lib/components/global-header/src/types/Header.types.js +22 -0
- package/lib/components/global-header/src/types/Header.types.js.map +1 -0
- package/lib/index.d.ts +9 -0
- package/lib/index.js +5 -0
- package/lib/index.js.map +1 -0
- package/lib/node_modules/classnames/index.js +88 -0
- package/lib/node_modules/classnames/index.js.map +1 -0
- package/package.json +42 -0
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
|
+
import { unsafeCSS, css, LitElement, html } from 'lit';
|
|
3
|
+
import { property, customElement } from 'lit/decorators.js';
|
|
4
|
+
import { renderCarbonIcon } from '../../globals/utils.js';
|
|
5
|
+
import cx from '../../../../../_virtual/index.js';
|
|
6
|
+
import styles from './UserProfileImage.scss.js';
|
|
7
|
+
import { AUTOMATION_HEADER_BASE_CLASS } from '../../constant.js';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* @license
|
|
11
|
+
*
|
|
12
|
+
* Copyright IBM Corp. 2025
|
|
13
|
+
*
|
|
14
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
15
|
+
* LICENSE file in the root directory of this source tree.
|
|
16
|
+
*/
|
|
17
|
+
/* eslint jsdoc/require-jsdoc: 0 */
|
|
18
|
+
const blockClass = `${AUTOMATION_HEADER_BASE_CLASS}__user-profile-image`;
|
|
19
|
+
/**
|
|
20
|
+
* User image for the profile menu
|
|
21
|
+
*/
|
|
22
|
+
let SideNavItem = class SideNavItem extends LitElement {
|
|
23
|
+
constructor() {
|
|
24
|
+
super(...arguments);
|
|
25
|
+
this.kind = '';
|
|
26
|
+
this.size = 'lg';
|
|
27
|
+
this.image = '';
|
|
28
|
+
this.initials = '';
|
|
29
|
+
this.className = '';
|
|
30
|
+
this.backgroundColor = 'light-cyan';
|
|
31
|
+
this.icons = {
|
|
32
|
+
user: {
|
|
33
|
+
md: renderCarbonIcon('User', 20),
|
|
34
|
+
lg: renderCarbonIcon('User', 24),
|
|
35
|
+
xlg: renderCarbonIcon('User', 32),
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
this.formatInitials = () => {
|
|
39
|
+
var _a, _b, _c, _d, _e;
|
|
40
|
+
if (((_a = this.initials) === null || _a === void 0 ? void 0 : _a.length) === 2) {
|
|
41
|
+
return this.initials.toUpperCase();
|
|
42
|
+
}
|
|
43
|
+
return (_e = (_d = (_c = (_b = this.initials) === null || _b === void 0 ? void 0 : _b.match(/(^\S\S?|\b\S)?/g)) === null || _c === void 0 ? void 0 : _c.join('')) === null || _d === void 0 ? void 0 : _d.match(/(^\S|\S$)?/g)) === null || _e === void 0 ? void 0 : _e.join('').toUpperCase();
|
|
44
|
+
};
|
|
45
|
+
this.getFillItem = () => {
|
|
46
|
+
if (this.image) {
|
|
47
|
+
return html `<img
|
|
48
|
+
alt="profile image"
|
|
49
|
+
src="${this.image}"
|
|
50
|
+
class="${blockClass}__photo ${blockClass}__photo--${this.size}" />`;
|
|
51
|
+
}
|
|
52
|
+
if (this.initials) {
|
|
53
|
+
return this.formatInitials();
|
|
54
|
+
}
|
|
55
|
+
if (this.kind && this.size) {
|
|
56
|
+
return renderCarbonIcon(this.kind, +this.size);
|
|
57
|
+
}
|
|
58
|
+
return this.icons.user.md;
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
render() {
|
|
62
|
+
return html `
|
|
63
|
+
<div class="${blockClass}">
|
|
64
|
+
<div
|
|
65
|
+
class="${cx([
|
|
66
|
+
blockClass,
|
|
67
|
+
this.className,
|
|
68
|
+
`${blockClass}--${this.size}`,
|
|
69
|
+
`${blockClass}--${'light'}`,
|
|
70
|
+
`${blockClass}--${this.backgroundColor}`,
|
|
71
|
+
])}">
|
|
72
|
+
${this.getFillItem()}
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
`;
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
SideNavItem.styles = css `
|
|
79
|
+
${unsafeCSS(styles)}
|
|
80
|
+
`;
|
|
81
|
+
__decorate([
|
|
82
|
+
property({ type: String })
|
|
83
|
+
], SideNavItem.prototype, "kind", void 0);
|
|
84
|
+
__decorate([
|
|
85
|
+
property({ type: String })
|
|
86
|
+
], SideNavItem.prototype, "size", void 0);
|
|
87
|
+
__decorate([
|
|
88
|
+
property({ type: String })
|
|
89
|
+
], SideNavItem.prototype, "image", void 0);
|
|
90
|
+
__decorate([
|
|
91
|
+
property({ type: String })
|
|
92
|
+
], SideNavItem.prototype, "initials", void 0);
|
|
93
|
+
__decorate([
|
|
94
|
+
property({ type: String })
|
|
95
|
+
], SideNavItem.prototype, "className", void 0);
|
|
96
|
+
__decorate([
|
|
97
|
+
property({ type: String })
|
|
98
|
+
], SideNavItem.prototype, "backgroundColor", void 0);
|
|
99
|
+
SideNavItem = __decorate([
|
|
100
|
+
customElement('apaas-user-profile-image')
|
|
101
|
+
], SideNavItem);
|
|
102
|
+
|
|
103
|
+
export { SideNavItem };
|
|
104
|
+
//# sourceMappingURL=UserProfileImage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserProfileImage.js","sources":["../../../../../../../components/global-header/src/components/UserProfileImage/UserProfileImage.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAAA;;;;;;;AAOG;AACH;AAWA,MAAM,UAAU,GAAG,CAAA,EAAG,4BAA4B,sBAAsB;AAExE;;AAEG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU,CAAA;AAApC,IAAA,WAAA,GAAA;;QAKuB,IAAA,CAAA,IAAI,GAAG,EAAE;QACT,IAAA,CAAA,IAAI,GAAG,IAAI;QACX,IAAA,CAAA,KAAK,GAAG,EAAE;QACV,IAAA,CAAA,QAAQ,GAAG,EAAE;QACb,IAAA,CAAA,SAAS,GAAG,EAAE;QACd,IAAA,CAAA,eAAe,GAAG,YAAY;AAE1D,QAAA,IAAA,CAAA,KAAK,GAAG;AACN,YAAA,IAAI,EAAE;AACJ,gBAAA,EAAE,EAAE,gBAAgB,CAAC,MAAM,EAAE,EAAE,CAAC;AAChC,gBAAA,EAAE,EAAE,gBAAgB,CAAC,MAAM,EAAE,EAAE,CAAC;AAChC,gBAAA,GAAG,EAAE,gBAAgB,CAAC,MAAM,EAAE,EAAE,CAAC;AAClC,aAAA;SACF;QAED,IAAA,CAAA,cAAc,GAAG,MAAK;;YACpB,IAAI,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,0CAAE,MAAM,MAAK,CAAC,EAAE;AAC/B,gBAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;YACpC;AAEA,YAAA,OAAO,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAChB,KAAK,CAAC,iBAAiB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CACxB,IAAI,CAAC,EAAE,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CACR,KAAK,CAAC,aAAa,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CACpB,IAAI,CAAC,EAAE,CAAA,CACR,WAAW,EAAE;AAClB,QAAA,CAAC;QAED,IAAA,CAAA,WAAW,GAAG,MAAK;AACjB,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,OAAO,IAAI,CAAA,CAAA;;AAEF,aAAA,EAAA,IAAI,CAAC,KAAK,CAAA;AACR,eAAA,EAAA,UAAU,WAAW,UAAU,CAAA,SAAA,EAAY,IAAI,CAAC,IAAI,MAAM;YACvE;AACA,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,gBAAA,OAAO,IAAI,CAAC,cAAc,EAAE;YAC9B;YACA,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;gBAC1B,OAAO,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;YAChD;AAEA,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;AAC3B,QAAA,CAAC;IAkBH;IAhBE,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;oBACK,UAAU,CAAA;;AAEX,iBAAA,EAAA,EAAE,CAAC;YACV,UAAU;AACV,YAAA,IAAI,CAAC,SAAS;AACd,YAAA,CAAA,EAAG,UAAU,CAAA,EAAA,EAAK,IAAI,CAAC,IAAI,CAAA,CAAE;YAC7B,CAAA,EAAG,UAAU,CAAA,EAAA,EAAK,OAAO,CAAA,CAAE;AAC3B,YAAA,CAAA,EAAG,UAAU,CAAA,EAAA,EAAK,IAAI,CAAC,eAAe,CAAA,CAAE;SACzC,CAAC,CAAA;YACA,IAAI,CAAC,WAAW,EAAE;;;KAGzB;IACH;;AAhEO,WAAA,CAAA,MAAM,GAAG,GAAG,CAAA;MACf,SAAS,CAAC,MAAM,CAAC;AACpB,EAAA,CAFY;AAIe,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAY,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AACV,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAc,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AACZ,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAa,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AACX,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAgB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AACd,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAiB,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AACf,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAAiC,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAVhD,WAAW,GAAA,UAAA,CAAA;IADvB,aAAa,CAAC,0BAA0B;AAC5B,CAAA,EAAA,WAAW,CAkEvB;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
|
|
3
|
+
var styles = css([".automation-global-header__user-profile-image{align-items:center;block-size:100%;display:flex;justify-content:center}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light{color:#161616}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--dark-cyan,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--dark-gray,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--dark-green,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--dark-magenta,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--dark-purple,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--dark-teal,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--light-cyan,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--light-gray,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--light-green,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--light-magenta,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--light-purple,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--light.automation-global-header__user-profile-image--light-teal{background-color:#1192e8}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark{color:#161616}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--dark-cyan,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--dark-gray,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--dark-green,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--dark-magenta,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--dark-purple,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--dark-teal,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--light-cyan,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--light-gray,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--light-green,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--light-magenta,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--light-purple,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--dark.automation-global-header__user-profile-image--light-teal{background-color:#1192e8}.automation-global-header__user-profile-image .automation-global-header__user-profile-image{align-items:center;border-radius:100%;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase}.automation-global-header__user-profile-image .automation-global-header__user-profile-image__photo{border-radius:100%;inline-size:100%}.automation-global-header__user-profile-image .automation-global-header__user-profile-image__photo--xlg{block-size:3rem;inline-size:3rem}.automation-global-header__user-profile-image .automation-global-header__user-profile-image__photo--lg{block-size:2rem;inline-size:2rem}.automation-global-header__user-profile-image .automation-global-header__user-profile-image__photo--md{block-size:1.5rem;inline-size:1.5rem}.automation-global-header__user-profile-image .automation-global-header__user-profile-image__photo--sm{block-size:1.25rem;inline-size:1.25rem}.automation-global-header__user-profile-image .automation-global-header__user-profile-image__photo--xs{block-size:1rem;inline-size:1rem}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--xlg{block-size:3rem;font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);inline-size:3rem;letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--lg{block-size:2rem;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);inline-size:2rem;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572)}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--md{block-size:1.5rem;inline-size:1.5rem}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--md,.automation-global-header__user-profile-image .automation-global-header__user-profile-image--sm{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:700;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--sm{block-size:1.25rem;inline-size:1.25rem}.automation-global-header__user-profile-image .automation-global-header__user-profile-image--xs{block-size:1rem;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:700;inline-size:1rem;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}"]);
|
|
4
|
+
|
|
5
|
+
export { styles as default };
|
|
6
|
+
//# sourceMappingURL=UserProfileImage.scss.js.map
|
package/es/components/global-header/src/components/UserProfileImage/UserProfileImage.scss.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserProfileImage.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
package/es/components/global-header/src/components/UserProfileImage/UserProfileImage.types.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2025
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
export declare enum ProfileImageSize {
|
|
10
|
+
'lg' = 0,
|
|
11
|
+
'md' = 1,
|
|
12
|
+
'xlg' = 2
|
|
13
|
+
}
|
|
14
|
+
export interface UserProfileImageIProps {
|
|
15
|
+
kind?: string;
|
|
16
|
+
size?: string;
|
|
17
|
+
image?: string;
|
|
18
|
+
initials?: string;
|
|
19
|
+
className?: string;
|
|
20
|
+
backgroundColor?: string;
|
|
21
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
|
|
3
|
+
var styles = css([".ibm-automation-cds__header{z-index:8050}.ibm-automation-cds__header-name{margin:0 0 0 -.5rem}.ibm-automation-cds__capability-name{color:var(--cds-custom-text-primary);font-weight:400;margin-inline-end:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibm-automation-cds__product-type{white-space:nowrap}.ibm-automation-cds__global{block-size:100%;display:flex;flex:1 1 0%;justify-content:flex-end}.automation-global-header__popover__section{padding:1rem;position:relative}.automation-global-header__popover__section:not(:last-child):after{border-block-end:1px solid #393939;content:\"\";inline-size:100%;inset-block-end:0;inset-inline-start:0;position:absolute}.automation--header__popover__header{display:flex;flex-wrap:nowrap}.automation--header__popover__profile__header__title{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4);line-height:1.2;margin-block-end:.25rem}.automation--header__popover__profile__header__email,.automation--header__popover__profile__header__title{display:block;inline-size:189px;word-wrap:break-word}.automation-global-header__horizontal_section{border:.25px solid #393939;margin-inline:.5rem}.automation-global-header__name_section{margin-inline-start:1rem}.automation-global-header__console_lnk_section,.automation-global-header__usr_management_lnk_section{padding:0}.automation-global-header__popover__link-item a{text-decoration:none}.automation-global-header__popover__section ul,.automation-global-header__profile_footer ul{margin:0;padding:0}.automation-global-header__popover__section ul li,.automation-global-header__profile_footer ul li{list-style-position:inside;list-style-type:none}.automation-global-header__popover__link{color:#fff;display:flex;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding:1rem;text-decoration:none;transition:background-color .11s,color .11s}.automation-global-header__popover__link svg{block-size:100%}.automation-global-header__popover__link .link_icon{margin-inline-end:.5rem}.automation-global-header__popover__link:hover{background-color:#353535}.automation-global-header__popover__link:hover .launch_icon{opacity:1}.automation-global-header__popover__link .link_text{margin:auto 0}.automation-global-header__popover__link .launch_icon{margin-inline-start:auto;opacity:0}.automation--header__popover__profile__header__email{color:#c6c6c6;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.automation-global-header__instance_details{margin:1rem}.automation-global-header__title_bar .title-bar__label{color:#c6c6c6;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.automation-global-header__title_bar .title-bar__text{font-size:var(--cds-expressive-heading-01-font-size,.875rem);font-weight:var(--cds-expressive-heading-01-font-weight,600);font-weight:400;letter-spacing:var(--cds-expressive-heading-01-letter-spacing,.16px);line-height:var(--cds-expressive-heading-01-line-height,1.42857)}.automation-global-header__popover__profile__footer__logout{color:#fff!important}.automation-global-header__popover__link-item cds-button{inline-size:100%}.automation-global-header__popover__link-item cds-button::part(button){inline-size:100%;padding:0}.automation-global-header__popover__link-item cds-button .automation-global-header__popover__link{inline-size:100%}cds-custom-header-global-action.mcsp-header-user-profile{block-size:48px;display:flex;inline-size:48px}cds-custom-header-global-action apaas-user-profile-image{inline-size:100%}.ibm-automation-cds__help-menu{list-style:none}.ibm-automation-cds__help-menu svg{fill:#fff}.ibm-automation-cds__help-menu ul{transform:translateX(calc(3rem - 100%)) translateY(100%)!important}.ibm-automation-cds__help-menu .ibm-automation-cds--text-truncate--end{display:flex;inline-size:320px;justify-content:space-between}.ibm-automation-cds__help-menu .ibm-automation-cds--header__menu-item{block-size:47px;padding:12px}.automation-global-header__notification svg{fill:#fff}.automation-global-header__notification svg circle{fill:#d61f28}cds-custom-header-global-action.mcsp-header-user-profile>div{background-color:#1192e8;block-size:32px;border-radius:50%;inline-size:32px;margin:7px}cds-custom-header-global-action.mcsp-header-user-profile>div svg{margin:6px}.automation-global-header__divider:before{background-color:var(--cds-custom-border-subtle);block-size:2.5rem;content:\"\";display:block;inline-size:.0625rem;transform:translateY(.25rem)}.automation--header__group{display:flex;position:relative}.automation-global-header--popover-content-container .ibm-automation-cds--popover .ibm-automation-cds--popover-caret,.automation-global-header--popover-content-container .ibm-automation-cds--popover span{display:none!important}.ibm-automation-cds--custom-header__nav{display:block!important}.ibm-automation-cds--header__global .ibm-automation-cds--popover span{display:none!important}.c4p--user-profile-image--light{color:#000}.automation-global-header__trial-menu__counting-box-alert{background-image:linear-gradient(135deg,#161616,#161616),linear-gradient(135deg,#fa4d56,#fa4d56)}.automation-global-header__trial-menu{color:#f4f4f4}.automation-global-header__trial-menu::part(button){align-items:center;display:flex;inline-size:-moz-fit-content;inline-size:fit-content;padding:0 .75rem}.automation-global-header__trial-menu p{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.automation-global-header__trial-menu .trial-label{color:#f4f4f4;padding-inline-start:5px;text-align:center;white-space:nowrap}.automation-global-header__trial-menu .automation-global-header__trial-menu__counting-box{background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#161616,#161616),linear-gradient(135deg,#0043ce,#be95ff);background-origin:padding-box,border-box;block-size:1.25rem;border:1px solid transparent;border-radius:.125rem;color:#f4f4f4;font-size:14px;font-weight:600;min-inline-size:1rem;text-align:center}.automation-global-header__trial-menu .automation-global-header__trial-menu__counting-box-alert{background-image:linear-gradient(135deg,#161616,#161616),linear-gradient(135deg,#fa4d56,#fa4d56)}.automation-global-header__trial-menu:hover .automation-global-header__trial-menu__counting-box{background-image:linear-gradient(135deg,#353535,#353535),linear-gradient(135deg,#0043ce,#be95ff)!important}.automation-global-header__trial-menu:hover .automation-global-header__trial-menu__counting-box-alert{background-image:linear-gradient(135deg,#353535,#353535),linear-gradient(135deg,#fa4d56,#fa4d56)!important}.ibm-automation-cds--header__action:hover{background-color:#393939}.ibm-automation-cds--btn.ibm-automation-cds--btn--icon-only.ibm-automation-cds--header__action svg{fill:#fff}@media (forced-colors:active){.ibm-automation-cds--btn.ibm-automation-cds--btn--icon-only.ibm-automation-cds--header__action svg{fill:#fff}}@media (forced-colors:active) and (-ms-high-contrast:black-on-white){.ibm-automation-cds--btn.ibm-automation-cds--btn--icon-only.ibm-automation-cds--header__action svg{fill:#000}}@media (forced-colors:active) and (-ms-high-contrast:white-on-black){.ibm-automation-cds--btn.ibm-automation-cds--btn--icon-only.ibm-automation-cds--header__action svg{fill:#fff}}.c4p--notifications-panel__container{block-size:-moz-max-content;block-size:max-content;border:0;min-block-size:-moz-max-content;min-block-size:max-content}.automation-header__tooltip{color:#fff;inline-size:16rem;inset-block-start:0;inset-inline-end:0;position:absolute;transform:translateX(40px)}.automation-header__tooltip-body{background-color:#393939;border-radius:3px;box-shadow:0 5px 5px 0 rgba(0,0,0,.3);padding:1rem}.automation-header__tooltip-body :last-child{margin-block-end:0}.automation-global-header__tooltip-description{font-size:14px;line-height:1.25rem;margin-block-end:1rem}.automation-global-header__tooltip-links{margin-block-end:1rem}.automation-global-header__tooltip-links .automation-global-header__tooltip-link{color:#78a9ff;display:block;margin-block-end:.25rem;margin-inline-start:-1rem;padding:6px 15px}.automation-global-header__tooltip-links .automation-global-header__tooltip-link svg{fill:#78a9ff}.automation-global-header__tooltip-links .automation-global-header__tooltip-link:hover{background-color:transparent;text-decoration:underline}.automation-global-header__trial-button{display:inline-block}.automation-global-header__trial-button .buttons{background:#0f62fe;color:#fff;display:flex;padding:6px 15px}.automation-global-header__trial-button .button-icon{display:flex;margin-inline-start:20px}.automation-global-header__trial-button:hover{text-decoration:none}.automation-global-header--popover-content-container .ibm-automation-cds--popover span{display:none}.automation-global-header--popover-content-container .ibm-automation-cds--popover .ibm-automation-cds--popover-content{background-color:#393939;color:#fff;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding:.125rem .5rem}.automation-global-header--popover-content-container .ibm-automation-cds--popover .ibm-automation-cds--popover-caret{display:none}.automation-global-header__switcher{block-size:-moz-max-content;block-size:max-content;border:0!important;color:#a8a8a8;inline-size:-moz-max-content;inline-size:max-content;min-block-size:-moz-max-content;min-block-size:max-content}.automation-global-header__switcher-menu{block-size:47px;color:#a8a8a8;display:inline-block;list-style-type:none;min-inline-size:12rem!important}.automation-global-header__switcher-menu-item-title{align-items:flex-end;display:flex;justify-content:space-between}.automation-global-header__switcher-menu-item-title span{margin-inline-end:1.5rem;max-inline-size:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-global-header__switcher-menu-item-title-hidden-checkmark{visibility:hidden}.automation-global-header__switcher-menu-item-title-icons-left{display:flex}.automation-global-header__switcher-menu-item-title-icons-left div{margin-inline-end:1rem}.automation-global-header__switcher-menu-item-title-icons-left span{margin-inline-end:1rem}.automation-global-header__switcher-menu-item-title-icons-left span,.automation-global-header__switcher-menu-item>span{max-inline-size:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-global-header__switcher-menu-disabled{pointer-events:none}.automation-global-header__switcher-menu.hybrid-ipaas .cds--header__menu-item+.cds--header__menu-title[aria-expanded=false]{inline-size:100%!important;min-inline-size:15rem!important}.automation-global-header__switcher-menu-group-title{align-items:center;block-size:47px;color:#f4f4f4;display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);justify-content:space-between;letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);margin-inline-start:1rem;pointer-events:none}cds-custom-header-menu::part(menu-body){inline-size:100%!important;max-block-size:calc(100vh - 47px);min-inline-size:15rem!important;overflow-x:hidden}cds-custom-header-menu::part(trigger){align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;max-inline-size:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}cds-custom-header-menu-item:nth-last-child(2){border-block-end:1px solid #393939}.ibm-automation-cds .automation-header-navigation-action__menu-item{cursor:pointer;display:block}.ibm-automation-cds .automation-header-navigation-action__menu-item a{color:#f4f4f4}.ibm-automation-cds .automation-header-navigation-action__menu-item span{align-items:center;display:flex}.ibm-automation-cds .automation-header-navigation-action__menu-item svg{margin-inline-start:.25rem}"]);
|
|
4
|
+
|
|
5
|
+
export { styles as default };
|
|
6
|
+
//# sourceMappingURL=_index.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2025
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
export declare const AUTOMATION_NAMESPACE_PREFIX = "ibm-automation-cds";
|
|
10
|
+
export declare const AUTOMATION_HEADER_BASE_CLASS = "automation-global-header";
|
|
11
|
+
export declare const NAMESPACE = "automation--header";
|
|
12
|
+
export declare const HEADER_NAVIGATION_ACTION = "automation-header-navigation-action";
|
|
13
|
+
export declare const POPOVER_LABEL_ID = "automation--header__popover__label--profile";
|
|
14
|
+
export declare const APP_SWITCHER_BUTTON_ID = "ibm-automation-cds-app-switcher-button";
|
|
15
|
+
export declare const ENV_SWITCHER_BUTTON_ID = "ibm-automation-cds-env-switcher-button";
|
|
16
|
+
export declare const HELP_MENU_BUTTON_ID = "ibm-automation-cds-help-menu-button";
|
|
17
|
+
export declare const INTEGRATION_AGENT_BUTTON_ID = "ibm-automation-cds-chatbot-menu-button";
|
|
18
|
+
export declare const NOTIFICATIONS_BUTTON_ID = "ibm-automation-cds-notifications-button";
|
|
19
|
+
export declare const PROFILE_MENU_BUTTON_ID = "ibm-automation-cds-profile-menu-button";
|
|
20
|
+
export declare const SEARCH_BUTTON_ID = "ibm-automation-cds-search-button";
|
|
21
|
+
export declare const TRIAL_POPOVER_BUTTON_ID = "ibm-automation-cds-trial-popover-button";
|
|
22
|
+
export declare const INITIAL_AUTOMATION_HEADER_PROPS: {
|
|
23
|
+
brand: {
|
|
24
|
+
company: string;
|
|
25
|
+
product: string;
|
|
26
|
+
};
|
|
27
|
+
enableLogs: boolean;
|
|
28
|
+
managementConsole: {
|
|
29
|
+
href: string;
|
|
30
|
+
text: string;
|
|
31
|
+
};
|
|
32
|
+
noAuthHeaderLinks: never[];
|
|
33
|
+
profileFooterLinks: never[];
|
|
34
|
+
footerSectionItems: {
|
|
35
|
+
href: string;
|
|
36
|
+
text: string;
|
|
37
|
+
arialLabel: string;
|
|
38
|
+
carbonIcon: string;
|
|
39
|
+
}[];
|
|
40
|
+
userManagement: {
|
|
41
|
+
href: string;
|
|
42
|
+
text: string;
|
|
43
|
+
icon: string;
|
|
44
|
+
};
|
|
45
|
+
switcherConfigs: never[];
|
|
46
|
+
environment: string;
|
|
47
|
+
};
|
|
48
|
+
export declare const DEFAULT_NO_AUTH_HEADER_LINKS: {
|
|
49
|
+
text: string;
|
|
50
|
+
href: string;
|
|
51
|
+
carbonIcon: string;
|
|
52
|
+
arialLabel: string;
|
|
53
|
+
}[];
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2025
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
const AUTOMATION_NAMESPACE_PREFIX = 'ibm-automation-cds';
|
|
10
|
+
const AUTOMATION_HEADER_BASE_CLASS = 'automation-global-header';
|
|
11
|
+
const NAMESPACE = 'automation--header';
|
|
12
|
+
const HEADER_NAVIGATION_ACTION = 'automation-header-navigation-action';
|
|
13
|
+
const POPOVER_LABEL_ID = `automation--header__popover__label--profile`;
|
|
14
|
+
const APP_SWITCHER_BUTTON_ID = `${AUTOMATION_NAMESPACE_PREFIX}-app-switcher-button`;
|
|
15
|
+
const ENV_SWITCHER_BUTTON_ID = `${AUTOMATION_NAMESPACE_PREFIX}-env-switcher-button`;
|
|
16
|
+
const HELP_MENU_BUTTON_ID = `${AUTOMATION_NAMESPACE_PREFIX}-help-menu-button`;
|
|
17
|
+
const INTEGRATION_AGENT_BUTTON_ID = `${AUTOMATION_NAMESPACE_PREFIX}-chatbot-menu-button`;
|
|
18
|
+
const NOTIFICATIONS_BUTTON_ID = `${AUTOMATION_NAMESPACE_PREFIX}-notifications-button`;
|
|
19
|
+
const PROFILE_MENU_BUTTON_ID = `${AUTOMATION_NAMESPACE_PREFIX}-profile-menu-button`;
|
|
20
|
+
const SEARCH_BUTTON_ID = `${AUTOMATION_NAMESPACE_PREFIX}-search-button`;
|
|
21
|
+
const TRIAL_POPOVER_BUTTON_ID = `${AUTOMATION_NAMESPACE_PREFIX}-trial-popover-button`;
|
|
22
|
+
const DEFAULT_NO_AUTH_HEADER_LINKS = [
|
|
23
|
+
{
|
|
24
|
+
text: 'Docs',
|
|
25
|
+
href: '/docs',
|
|
26
|
+
carbonIcon: 'Document',
|
|
27
|
+
arialLabel: 'Docs',
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
href: '/login',
|
|
31
|
+
text: 'Log in',
|
|
32
|
+
carbonIcon: 'Login',
|
|
33
|
+
arialLabel: 'Log in',
|
|
34
|
+
},
|
|
35
|
+
];
|
|
36
|
+
|
|
37
|
+
export { APP_SWITCHER_BUTTON_ID, AUTOMATION_HEADER_BASE_CLASS, AUTOMATION_NAMESPACE_PREFIX, DEFAULT_NO_AUTH_HEADER_LINKS, ENV_SWITCHER_BUTTON_ID, HEADER_NAVIGATION_ACTION, HELP_MENU_BUTTON_ID, INTEGRATION_AGENT_BUTTON_ID, NAMESPACE, NOTIFICATIONS_BUTTON_ID, POPOVER_LABEL_ID, PROFILE_MENU_BUTTON_ID, SEARCH_BUTTON_ID, TRIAL_POPOVER_BUTTON_ID };
|
|
38
|
+
//# sourceMappingURL=constant.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constant.js","sources":["../../../../../components/global-header/src/constant.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;AAOG;AAEI,MAAM,2BAA2B,GAAG;AACpC,MAAM,4BAA4B,GAAG;AAErC,MAAM,SAAS,GAAG;AAClB,MAAM,wBAAwB,GAAG;AACjC,MAAM,gBAAgB,GAAG;AAEzB,MAAM,sBAAsB,GAAG,CAAA,EAAG,2BAA2B;AAC7D,MAAM,sBAAsB,GAAG,CAAA,EAAG,2BAA2B;AAC7D,MAAM,mBAAmB,GAAG,CAAA,EAAG,2BAA2B;AAC1D,MAAM,2BAA2B,GAAG,CAAA,EAAG,2BAA2B;AAClE,MAAM,uBAAuB,GAAG,CAAA,EAAG,2BAA2B;AAC9D,MAAM,sBAAsB,GAAG,CAAA,EAAG,2BAA2B;AAC7D,MAAM,gBAAgB,GAAG,CAAA,EAAG,2BAA2B;AACvD,MAAM,uBAAuB,GAAG,CAAA,EAAG,2BAA2B;AA8B9D,MAAM,4BAA4B,GAAG;AAC1C,IAAA;AACE,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
|
|
3
|
+
var styles = css([".cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--popover-container{display:inline-block}.cds--popover-container:not(.cds--popover--auto-align){position:relative}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--drop-shadow .cds--popover>.cds--popover-content{filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{filter:var(--cds-popover-drop-shadow,none);inset:0;pointer-events:none;position:absolute;z-index:6000}.cds--popover-content{--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border:0;border-radius:var(--cds-popover-border-radius,2px);box-sizing:border-box;color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));display:none;font-family:inherit;font-size:100%;inline-size:-moz-max-content;inline-size:max-content;margin:0;max-inline-size:23rem;padding:0;pointer-events:auto;position:absolute;vertical-align:baseline;z-index:6000}.cds--layout--size-sm :where(.cds--popover-content),.cds--popover-content.cds--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--layout--size-md :where(.cds--popover-content),.cds--popover-content.cds--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--layout--size-lg :where(.cds--popover-content),.cds--popover-content.cds--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover-content:before{content:\"\";display:none;position:absolute}.cds--popover--open>.cds--popover>.cds--popover-content:before{display:block}.cds--popover--auto-align.cds--popover-caret,.cds--popover-caret{background-color:var(--cds-popover-background-color,var(--cds-layer));display:none;position:absolute;will-change:transform;z-index:6000}.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-block-end:0;inset-inline-end:0;inset-inline-start:auto}.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-block-end:0;inset-inline-end:auto;inset-inline-start:0;transform:translate(50%,calc(var(--cds-popover-offset, 0rem)))}.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-block-end:0;inset-inline-end:auto;inset-inline-start:0;transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--bottom-end>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-start>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds--popover--bottom-end>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}[dir=rtl] .cds--popover--bottom-end>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-start>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--top-end>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-start>.cds--popover>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds--popover--top-end>.cds--popover>.cds--popover-caret,.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-start>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-end>.cds--popover>.cds--popover-content:before,.cds--popover--right-start>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-end>.cds--popover>.cds--popover-content:before,.cds--popover--left-start>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;block-size:2rem;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;inline-size:100%;inline-size:2rem;justify-content:center;margin:0;padding:0;position:relative;text-align:start;vertical-align:baseline}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{background:var(--cds-layer);block-size:2px;content:\"\";inline-size:100%;inset-block-end:0;position:absolute;z-index:6001}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:18rem;overflow-wrap:break-word;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--definition-term{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-block-end:1px dotted var(--cds-border-strong);border-radius:0;box-sizing:border-box;color:var(--cds-text-primary,#161616);cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--definition-term *,.cds--definition-term :after,.cds--definition-term :before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{border-block-end-color:var(--cds-border-interactive,#0f62fe);outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:11rem;padding:.5rem 1rem;text-wrap:auto;word-break:break-word}.cds--btn{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-lg)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-2xl)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));--temp-1lh:(var(--cds-body-compact-01-line-height,1.28572) * 1em);--temp-expressive-1lh:(var(--cds-body-compact-02-line-height,1.375) * 1em);--temp-padding-block-max:calc((var(--cds-layout-size-height-lg) - var(--temp-1lh))/2 - 0.0625rem);border:0;border-radius:0;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;max-inline-size:20rem;min-block-size:var(--cds-layout-size-height-local);outline:none;padding:0;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline:calc(var(--cds-layout-density-padding-inline-local) - .0625rem) calc(var(--cds-layout-density-padding-inline-local)*3 + .9375rem);position:relative;text-align:start;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:baseline;vertical-align:top}.cds--btn *,.cds--btn :after,.cds--btn :before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{background:var(--cds-button-disabled,#c6c6c6);border-color:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon,:host(cds-button) .cds--btn ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn ::slotted([slot=icon]){block-size:1rem;flex-shrink:0;inline-size:1rem;inset-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));inset-inline-end:var(--cds-layout-density-padding-inline-local);margin-block-start:.0625rem;position:absolute}.cds--btn::-moz-focus-inner{border:0;padding:0}.cds--btn--primary{background-color:var(--cds-button-primary,#0f62fe);border:1px solid transparent;color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--primary ::slotted([slot=icon]),:host(cds-button) .cds--btn--primary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--primary ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--primary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(clabs-global-header) .cds--btn--primary ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--primary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover,.cds--btn--secondary{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{background-color:var(--cds-button-secondary,#393939);border:1px solid transparent}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--secondary ::slotted([slot=icon]),:host(cds-button) .cds--btn--secondary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--secondary ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--secondary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(clabs-global-header) .cds--btn--secondary ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--secondary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{background-color:transparent;border-color:var(--cds-button-tertiary,#0f62fe);border-style:solid;border-width:1px;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--tertiary ::slotted([slot=icon]),:host(cds-button) .cds--btn--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--tertiary ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(clabs-global-header) .cds--btn--tertiary ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:focus,.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c);border-color:transparent;color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--ghost{background-color:transparent;border:1px solid transparent;color:var(--cds-link-primary,#0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--ghost ::slotted([slot=icon]),:host(cds-button) .cds--btn--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(clabs-global-header) .cds--btn--ghost ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon,:host(cds-button) .cds--btn--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--ghost ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--ghost ::slotted([slot=icon]){align-self:center;margin-inline-start:.5rem;position:static}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,hsla(0,0%,55%,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{background:transparent;border-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{align-items:center;block-size:var(--cds-layout-size-height-local);inline-size:var(--cds-layout-size-height-local);justify-content:center;padding:0;padding-block-start:0}.cds--btn--icon-only>:first-child{min-inline-size:1rem}.cds--btn--icon-only .cds--btn__icon,:host(cds-button) .cds--btn--icon-only ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--icon-only ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--icon-only ::slotted([slot=icon]){position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon,:host(cds-button) .cds--btn--icon-only.cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-button) .cds--btn--icon-only.cds--btn--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--icon-only.cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--icon-only.cds--btn--ghost ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--icon-only.cds--btn--danger--ghost ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--icon-only.cds--btn--ghost ::slotted([slot=icon]){margin:0}.cds--btn--icon-only.cds--btn--danger--ghost{padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - 1rem)}.cds--btn--xs:not(.cds--btn--icon-only){padding-block-start:1.5px}.cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon,.cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,.cds--btn--xs:not(.cds--btn--icon-only) .cds--btn__icon,:host(cds-button) .cds--btn--md:not(.cds--btn--icon-only) ::slotted([slot=icon]),:host(cds-button) .cds--btn--sm:not(.cds--btn--icon-only) ::slotted([slot=icon]),:host(cds-button) .cds--btn--xs:not(.cds--btn--icon-only) ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--md:not(.cds--btn--icon-only) ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--sm:not(.cds--btn--icon-only) ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--xs:not(.cds--btn--icon-only) ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--md:not(.cds--btn--icon-only) ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--sm:not(.cds--btn--icon-only) ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--xs:not(.cds--btn--icon-only) ::slotted([slot=icon]){margin-block-start:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]),:host(cds-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(clabs-global-header) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon,:host(cds-button) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]),:host(cds-button) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(clabs-global-header) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled],.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{background-color:var(--cds-button-danger-primary,#da1e28);border:1px solid transparent;color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--danger ::slotted([slot=icon]),:host(cds-button) .cds--btn--danger ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--danger ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--danger ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(clabs-global-header) .cds--btn--danger ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--danger ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{background-color:transparent;border-color:var(--cds-button-danger-secondary,#da1e28);border-style:solid;border-width:1px;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--danger--tertiary ::slotted([slot=icon]),:host(cds-button) .cds--btn--danger--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--danger--tertiary ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--danger--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(clabs-global-header) .cds--btn--danger--tertiary ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--danger--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13);border-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--danger--ghost{background-color:transparent;border:1px solid transparent;color:var(--cds-button-danger-secondary,#da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-button) .cds--btn--danger--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--danger--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(clabs-global-header) .cds--btn--danger--ghost ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--danger--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon,:host(cds-button) .cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--danger--ghost ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn--danger--ghost ::slotted([slot=icon]){margin-inline-start:.5rem;position:static}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{background:transparent;border-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon,:host(cds-button) .cds--btn.cds--btn--expressive ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn.cds--btn--expressive ::slotted([slot=icon]),:host(clabs-global-header) .cds--btn.cds--btn--expressive ::slotted([slot=icon]){block-size:1.25rem;inline-size:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive,:host(cds-button-set) .cds--btn.cds--btn--expressive,:host(cds-side-panel-button-set) .cds--btn.cds--btn--expressive{max-inline-size:20rem}.cds--btn.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;inline-size:9.375rem;padding:0;pointer-events:none;position:relative}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--btn.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--btn.cds--skeleton{background:CanvasText}.cds--btn.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--btn-set,:host(cds-button-set),:host(cds-side-panel-button-set){display:flex}.cds--btn-set--stacked,:host(cds-button-set[stacked]){flex-direction:column}.cds--btn-set .cds--btn,:host(cds-button-set) .cds--btn,:host(cds-side-panel-button-set) .cds--btn{inline-size:100%;max-inline-size:12.25rem}.cds--btn-set .cds--btn:not(:focus),:host(cds-button-set) .cds--btn:not(:focus),:host(cds-side-panel-button-set) .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),:host(cds-button-set) .cds--btn:first-of-type:not(:focus),:host(cds-side-panel-button-set) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn,:host(cds-button-set) .cds--btn:focus+.cds--btn,:host(cds-side-panel-button-set) .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus),:host(cds-button-set[stacked]) .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus),:host(cds-button-set[stacked]) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled,:host(cds-button-set) .cds--btn.cds--btn--disabled,:host(cds-side-panel-button-set) .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set) .cds--btn.cds--btn--disabled:first-of-type,:host(cds-side-panel-button-set) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set .cds--btn.cds--btn--loading,:host(cds-button-set) .cds--btn.cds--btn--loading,:host(cds-side-panel-button-set) .cds--btn.cds--btn--loading{background-color:transparent;border-color:transparent;box-shadow:none}.cds--btn--sm .cds--badge-indicator{margin-block-start:.25rem;margin-inline-end:.25rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}[dir=rtl] .cds--btn-set .cds--btn:not(:focus),[dir=rtl] :host(cds-button-set) .cds--btn:not(:focus),[dir=rtl] :host(cds-side-panel-button-set) .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--copy-btn{position:relative}.cds--copy-btn:hover{background-color:var(--cds-layer-hover)}.cds--copy-btn:active{background-color:var(--cds-layer-active)}.cds--copy-btn:before{block-size:0;border-style:solid;content:\"\";display:none;inline-size:0;position:absolute;z-index:6000}.cds--copy-btn .cds--copy-btn__feedback{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:content-box;color:var(--cds-text-inverse,#fff);display:none;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:auto;max-inline-size:13rem;min-inline-size:1.5rem;overflow:visible;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000;clip:auto}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--copy-btn .cds--copy-btn__feedback{inline-size:auto}}@supports (-ms-accelerator:true){.cds--copy-btn .cds--copy-btn__feedback{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--copy-btn .cds--copy-btn__feedback{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--copy-btn .cds--copy-btn__feedback{border:1px solid transparent}}.cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating:before{display:block}.cds--copy-btn.cds--copy-btn--animating:before{border:none}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out:before{animation:cds--hide-feedback .11s cubic-bezier(.2,0,.38,.9)}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in:before{animation:cds--show-feedback .11s cubic-bezier(.2,0,.38,.9)}.cds--copy-btn svg{fill:var(--cds-icon-primary,#161616)}.cds--copy{font-size:0}.cds--chat-btn{border-radius:1.5rem}.cds--chat-btn:not(.cds--chat-btn--with-icon){padding-inline-end:.9375rem}.cds--chat-btn.cds--btn--md{border-radius:1.25rem}.cds--chat-btn.cds--btn--sm{border-radius:1rem}.cds--chat-btn--quick-action{align-items:center;background:transparent;border:1px solid var(--cds-chat-button,#0f62fe);color:var(--cds-chat-button,#0f62fe)}.cds--chat-btn--quick-action:hover:not(:active):not([disabled]){background:var(--cds-chat-button-hover,hsla(0,0%,55%,.12));border-color:transparent;color:var(--cds-chat-button-text-hover,#0043ce)}.cds--chat-btn--quick-action:active{background:var(--cds-chat-button-active,hsla(0,0%,55%,.5));border-color:transparent;color:var(--cds-chat-button-text-hover,#0043ce)}.cds--chat-btn--quick-action.cds--btn--ghost:focus{border-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe)}.cds--chat-btn--quick-action.cds--btn--ghost:hover:focus{border-color:var(--cds-focus,#0f62fe);box-shadow:inset 0 0 0 1px var(--cds-focus-inset,#fff)}.cds--chat-btn--quick-action[disabled],.cds--chat-btn--quick-action[disabled]:hover{border-color:var(--cds-button-disabled,#c6c6c6);color:var(--cds-button-disabled,#c6c6c6)}.cds--chat-btn--quick-action--selected,.cds--chat-btn--quick-action--selected[disabled],.cds--chat-btn--quick-action--selected[disabled]:hover{background:var(--cds-chat-button-selected,hsla(0,0%,55%,.2));border-color:transparent;color:var(--cds-chat-button-text-selected,#525252)}.cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):active,.cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):hover{color:var(--cds-chat-button-text-selected,#525252)}.cds--chat-btn.cds--skeleton{overflow:hidden}.cds--snippet html{font-size:100%}.cds--snippet 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}.cds--snippet code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--snippet strong{font-weight:600}.cds--snippet--disabled,.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--snippet--disabled .cds--copy-btn,.cds--snippet--disabled .cds--copy-btn:hover,.cds--snippet--disabled .cds--snippet-btn--expand:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down,.cds--snippet--disabled .cds--snippet__icon{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--snippet code{font-family:var(--cds-code-01-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);letter-spacing:var(--cds-code-01-letter-spacing,.32px);line-height:var(--cds-code-01-line-height,1.33333)}.cds--snippet--inline{background-color:var(--cds-layer);border:1px solid transparent;border-radius:4px;color:var(--cds-text-primary,#161616);cursor:pointer;display:inline;padding:0;position:relative}.cds--snippet--inline html{font-size:100%}.cds--snippet--inline 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}.cds--snippet--inline code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--snippet--inline strong{font-weight:600}.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--inline:focus{border:1px solid var(--cds-focus,#0f62fe);outline:none}.cds--snippet--inline:before{block-size:0;border:none;content:\"\";display:none;inline-size:0;position:absolute;z-index:6000}.cds--snippet--inline .cds--copy-btn__feedback{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));box-sizing:content-box;color:var(--cds-text-inverse,#fff);display:none;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:auto;max-inline-size:13rem;min-inline-size:1.5rem;overflow:visible;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000;clip:auto}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--snippet--inline .cds--copy-btn__feedback{inline-size:auto}}@supports (-ms-accelerator:true){.cds--snippet--inline .cds--copy-btn__feedback{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--snippet--inline .cds--copy-btn__feedback{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--snippet--inline .cds--copy-btn__feedback{border:1px solid transparent}}.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating:before{display:block}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out:before{animation:cds--hide-feedback .11s cubic-bezier(.2,0,.38,.9)}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in:before{animation:cds--show-feedback .11s cubic-bezier(.2,0,.38,.9)}.cds--snippet--inline code{padding:0 .5rem}.cds--snippet--inline.cds--snippet--no-copy{display:inline-block}.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer);cursor:auto}.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer-hover);cursor:auto}.cds--snippet--single{align-items:center;background-color:var(--cds-layer);block-size:2.5rem;display:flex;font-family:var(--cds-code-01-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-code-01-letter-spacing,.32px);line-height:var(--cds-code-01-line-height,1.33333);max-inline-size:48rem;padding-inline-end:2.5rem;position:relative}.cds--snippet--single.cds--snippet--no-copy{padding:0}.cds--snippet--single.cds--snippet--no-copy:after{inset-inline-end:1rem}.cds--snippet--single .cds--snippet-container{align-items:center;block-size:100%;display:flex;overflow-x:auto;padding-inline-start:1rem;position:relative}.cds--snippet--single .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--snippet--single .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--single pre{font-family:var(--cds-code-01-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);letter-spacing:var(--cds-code-01-letter-spacing,.32px);line-height:var(--cds-code-01-line-height,1.33333);padding-inline-end:.5rem}.cds--snippet--inline code,.cds--snippet--single pre{white-space:pre}.cds--snippet--multi{background-color:var(--cds-layer);display:flex;font-family:var(--cds-code-01-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-code-01-letter-spacing,.32px);line-height:var(--cds-code-01-line-height,1.33333);max-inline-size:48rem;padding:1rem;position:relative}.cds--snippet--multi .cds--snippet-container{max-block-size:100%;min-block-size:100%;order:1;overflow-y:auto;position:relative;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-offset:0}@media screen and (prefers-contrast){.cds--snippet--multi .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container{padding-block-end:1rem;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi.cds--snippet--wraptext pre{white-space:pre-wrap;word-wrap:break-word}.cds--snippet--multi .cds--snippet-container pre{padding-inline-end:2.5rem}.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre{padding-inline-end:0}.cds--snippet--multi.cds--snippet--has-right-overflow:after{background-image:linear-gradient(to right,transparent,var(--cds-layer));block-size:100%;content:\"\";inline-size:1rem;inset-block-start:0;inset-inline-end:1rem;position:absolute}[dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow:after{background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet--multi .cds--snippet-container pre code{overflow:hidden}.cds--snippet__icon{block-size:1rem;fill:var(--cds-icon-primary,#161616);inline-size:1rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--btn>.cds--snippet__icon{margin-block-start:0}.cds--copy-btn{align-items:center;background-color:var(--cds-layer);border:none;cursor:pointer;display:flex;justify-content:center;outline:none;overflow:visible;padding:0}.cds--copy-btn html{font-size:100%}.cds--copy-btn 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}.cds--copy-btn code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-color:var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--snippet .cds--popover-container{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;inset-block-start:0;inset-inline-end:0;position:absolute}.cds--snippet--inline.cds--btn{block-size:1.25rem;inline-size:auto;max-inline-size:unset;min-block-size:1.25rem;padding-inline:0}.cds--snippet--inline.cds--btn.cds--btn--primary:hover{color:var(--cds-text-primary,#161616)}.cds--snippet.cds--snippet--multi .cds--popover-container{inset-block-start:.5rem;inset-inline-end:.5rem}.cds--snippet--multi .cds--copy-btn{z-index:10}.cds--snippet-btn--expand{align-items:center;background-color:var(--cds-layer);block-size:2rem;border:0;color:var(--cds-text-primary,#161616);display:inline-flex;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inset-block-end:0;inset-inline-end:0;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);padding:.5rem 1rem;position:absolute;z-index:10}.cds--snippet-btn--expand .cds--snippet-btn--text{inset-block-start:-.0625rem;position:relative}.cds--snippet-btn--expand--hide.cds--snippet-btn--expand{display:none}.cds--snippet-btn--expand .cds--icon-chevron--down{fill:var(--cds-icon-primary,#161616);margin-inline-start:.5rem;transform:rotate(0deg);transition:.15s cubic-bezier(.2,0,.38,.9)}.cds--snippet-btn--expand:hover{background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand:active{background-color:var(--cds-layer-active)}.cds--snippet-btn--expand:focus{border-color:transparent;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--snippet-btn--expand:focus{outline-style:dotted}}.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down{transform:rotate(180deg);transition:transform .3s}.cds--snippet--light,.cds--snippet--light .cds--btn.cds--snippet-btn--expand,.cds--snippet--light .cds--copy-btn,.cds--snippet--light .cds--snippet-button{background-color:var(--cds-layer)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,.cds--snippet--light .cds--copy-btn:hover,.cds--snippet--light .cds--snippet-button:hover,.cds--snippet--light.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,.cds--snippet--light .cds--copy-btn:active,.cds--snippet--light .cds--snippet-button:active,.cds--snippet--light.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--light.cds--snippet--multi:after,.cds--snippet--light.cds--snippet--single:after{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet.cds--skeleton .cds--snippet-container{block-size:100%;inline-size:100%}.cds--snippet-button .cds--btn--copy__feedback{inset-block-start:3.175rem;inset-inline:50% auto}.cds--snippet-button .cds--btn--copy__feedback:before{inset-block-start:0}.cds--snippet-button .cds--btn--copy__feedback:after{inset-block-start:-.25rem}.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback{inset-block-start:2.675rem}.cds--snippet--inline .cds--btn--copy__feedback{inset-block-start:calc(100% - .25rem);inset-inline:50% auto}.cds--snippet__overflow-indicator--left,.cds--snippet__overflow-indicator--right{flex:1 0 auto;inline-size:1rem;z-index:1}.cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,transparent,var(--cds-layer));margin-inline-end:-1rem;order:0}.cds--snippet__overflow-indicator--right{margin-inline-start:-1rem;order:2}.cds--snippet__overflow-indicator--right,[dir=rtl] .cds--snippet__overflow-indicator--left{background-image:linear-gradient(to right,transparent,var(--cds-layer))}[dir=rtl] .cds--snippet__overflow-indicator--right{background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet--single .cds--snippet__overflow-indicator--left,.cds--snippet--single .cds--snippet__overflow-indicator--right{block-size:calc(100% - .25rem);inline-size:2rem;position:absolute}.cds--snippet--single .cds--snippet__overflow-indicator--right{inset-inline-end:2.5rem}.cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right{inset-inline-end:0}.cds--snippet--single .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right{inset-inline-end:2.625rem}.cds--snippet--single .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left{inset-inline-start:.125rem}.cds--snippet--light .cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet--light .cds--snippet__overflow-indicator--right{background-image:linear-gradient(to right,transparent,var(--cds-layer))}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet__overflow-indicator--right{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}}.cds--snippet--multi.cds--skeleton{block-size:6.125rem}.cds--snippet--single.cds--skeleton{block-size:3.5rem}.cds--snippet.cds--skeleton span{background:var(--cds-skeleton-background,#e8e8e8);block-size:1rem;border:none;box-shadow:none;display:block;inline-size:100%;margin-block-start:.5rem;padding:0;pointer-events:none;position:relative}.cds--snippet.cds--skeleton span:active,.cds--snippet.cds--skeleton span:focus,.cds--snippet.cds--skeleton span:hover{border:none;cursor:default;outline:none}.cds--snippet.cds--skeleton span:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--snippet.cds--skeleton span:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--snippet.cds--skeleton span{background:CanvasText}.cds--snippet.cds--skeleton span:before{background:Canvas;forced-color-adjust:none}}.cds--snippet.cds--skeleton span:first-child{margin:0}.cds--snippet.cds--skeleton span:nth-child(2){inline-size:85%}.cds--snippet.cds--skeleton span:nth-child(3){inline-size:95%}.cds--snippet--single.cds--skeleton .cds--snippet-container{padding-block-end:0}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--snippet--inline:focus{color:Highlight;outline:1px solid Highlight}.cds--snippet--multi,.cds--snippet--single{outline:1px solid transparent}}:host(cds-button),:host(cds-modal-footer-button),:host(clabs-global-header){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:inline-flex}:host(cds-button) .cds--btn,:host(cds-modal-footer-button) .cds--btn,:host(clabs-global-header) .cds--btn{flex-grow:1;max-inline-size:100%}:host(cds-button-skeleton){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-button[isExpressive]) ::slotted([slot=icon]),:host(cds-modal-footer-button[isExpressive]) ::slotted([slot=icon]){block-size:1.25rem;inline-size:1.25rem}:host(cds-button[pagination]) .cds--btn,:host(cds-modal-footer-button[pagination]) .cds--btn{border:none;border-inline-start:1px solid var(--cds-border-subtle);padding:0;transition:none}:host(cds-button[pagination]) .cds--btn:focus,:host(cds-modal-footer-button[pagination]) .cds--btn:focus{border-inline-start:1px solid transparent;box-shadow:none;outline:.125rem solid var(--cds-focus,#0f62fe);outline-offset:-.125rem}:host(cds-button[pagination]:not([disabled])) .cds--btn,:host(cds-modal-footer-button[pagination]:not([disabled])) .cds--btn{color:var(--cds-icon-primary,#161616)}:host(cds-button[pagination]:not([disabled])) .cds--btn:active,:host(cds-modal-footer-button[pagination]:not([disabled])) .cds--btn:active{background-color:var(--cds-layer-hover)}:host(cds-button[pagination][batch-action]:not([disabled])) .cds--btn,:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) .cds--btn{padding:calc(.875rem - 3px) 1rem}:host(cds-button[pagination][batch-action]:not([disabled])) .cds--btn:focus,:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) .cds--btn:focus{outline:.125rem solid var(--cds-layer);outline-offset:-.125rem}:host(cds-button[pagination][batch-action]:not([disabled])) :host(cds-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-button[pagination][batch-action]:not([disabled])) :host(cds-modal-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) :host(cds-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) :host(cds-modal-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]){margin-inline-start:.25rem;position:static}:host(cds-button) .cds--btn--icon-only,:host(clabs-global-header) .cds--btn--icon-only{align-items:center;padding-block-start:0}:host(cds-button) .cds--btn--icon-only.cds--btn--expressive,:host(cds-button) .cds--btn--icon-only.cds--btn--selected,:host(clabs-global-header) .cds--btn--icon-only.cds--btn--expressive,:host(clabs-global-header) .cds--btn--icon-only.cds--btn--selected{padding:.5rem}:host(cds-button[kind=ghost]) .cds--btn--ghost:active,:host(cds-button[kind=ghost]) .cds--btn--ghost:hover{outline:none}:host(cds-button[kind=ghost]) .cds--btn--ghost:not(:focus){box-shadow:none}:host(cds-button[kind=danger-ghost]) .cds--btn--danger-ghost:not(:focus){box-shadow:none}:host(cds-button-set) ::slotted(cds-button),:host(cds-side-panel-button-set) ::slotted(cds-button){inline-size:100%;max-inline-size:12.25rem}:host(cds-button[data-context=data-table]) .cds--btn{padding-inline:1rem}:host(cds-button[data-context=data-table]) .cds--btn__icon,:host(cds-button[data-context=data-table]):host(cds-button) ::slotted([slot=icon]){position:static;fill:var(--cds-icon-on-color,#fff);margin-inline-start:.5rem}:host(cds-button[data-context=data-table]) .cds--btn__icon .st0,:host(cds-button[data-context=data-table]):host(cds-button) ::slotted([slot=icon]) .st0{fill:none}:host(cds-button.cds--batch-summary__cancel){--divider-opacity:1}:host(cds-button.cds--batch-summary__cancel) button.cds--btn{align-items:center;block-size:100%;display:inline-flex;justify-content:center;margin:0;min-block-size:100%;padding-inline-end:1rem;padding-inline-start:1rem;position:relative}:host(cds-button.cds--batch-summary__cancel) button.cds--btn:before{background-color:var(--cds-text-on-color,#fff);block-size:1rem;border:none;content:\"\";display:block;inline-size:.0625rem;inset-block-start:.9375rem;inset-inline-start:0;opacity:var(--divider-opacity);position:absolute;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}@media (prefers-reduced-motion:reduce){:host(cds-button.cds--batch-summary__cancel) button.cds--btn:before{transition:none}}:host(cds-button.cds--batch-summary__cancel) button.cds--btn:hover:before{opacity:0}:host(cds-button.cds--batch-summary__cancel[size=sm]) button.cds--btn{block-size:2rem;min-block-size:auto;padding-block:.375rem}:host(cds-button.cds--batch-summary__cancel[size=sm]) button.cds--btn:before{inset-block-start:.5rem}:host(cds-button.cds--batch-summary__cancel[size=lg]) button.cds--btn{block-size:3rem;min-block-size:auto}:host(cds-button.cds--batch-summary__cancel[size=lg]) button.cds--btn:before{inset-block-start:.9375rem}"]);
|
|
4
|
+
|
|
5
|
+
export { styles as default };
|
|
6
|
+
//# sourceMappingURL=global-header.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global-header.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2025
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { CommonHeader } from './components/CommonHeader/CommonHeader';
|
|
10
|
+
/**
|
|
11
|
+
* Component extending the @carbon/web-components' button
|
|
12
|
+
*/
|
|
13
|
+
declare class globalHeader extends CommonHeader {
|
|
14
|
+
static styles: any;
|
|
15
|
+
}
|
|
16
|
+
export default globalHeader;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CommonHeader } from './components/CommonHeader/CommonHeader.js';
|
|
2
|
+
import styles from './global-header.scss.js';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* @license
|
|
6
|
+
*
|
|
7
|
+
* Copyright IBM Corp. 2025
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
10
|
+
* LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* Component extending the @carbon/web-components' button
|
|
14
|
+
*/
|
|
15
|
+
class globalHeader extends CommonHeader {
|
|
16
|
+
}
|
|
17
|
+
globalHeader.styles = styles;
|
|
18
|
+
|
|
19
|
+
export { globalHeader as default };
|
|
20
|
+
//# sourceMappingURL=global-header.template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global-header.template.js","sources":["../../../../../components/global-header/src/global-header.template.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;AAOG;AAMH;;AAEG;AACH,MAAM,YAAa,SAAQ,YAAY,CAAA;;AAC9B,YAAA,CAAA,MAAM,GAAG,MAAM;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2025
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { HeaderProps } from '../types/Header.types';
|
|
10
|
+
export default function useScript(props: HeaderProps): string;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { getAssistMeUrl } from './utils.js';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @license
|
|
5
|
+
*
|
|
6
|
+
* Copyright IBM Corp. 2025
|
|
7
|
+
*
|
|
8
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
9
|
+
* LICENSE file in the root directory of this source tree.
|
|
10
|
+
*/
|
|
11
|
+
/* eslint jsdoc/require-jsdoc: 0 */
|
|
12
|
+
function useScript(props) {
|
|
13
|
+
var _a, _b, _c;
|
|
14
|
+
const assistMeUrl = getAssistMeUrl((_a = props === null || props === void 0 ? void 0 : props.environment) !== null && _a !== void 0 ? _a : '');
|
|
15
|
+
const isAssistMeEnabled = (_b = props === null || props === void 0 ? void 0 : props.assistMeConfigs) === null || _b === void 0 ? void 0 : _b.productId;
|
|
16
|
+
let status = isAssistMeEnabled ? 'loading' : 'idle';
|
|
17
|
+
if (!isAssistMeEnabled) {
|
|
18
|
+
return 'idle';
|
|
19
|
+
}
|
|
20
|
+
let script = document === null || document === void 0 ? void 0 : document.querySelector(`script[src="${assistMeUrl}"]`);
|
|
21
|
+
if (!script) {
|
|
22
|
+
script = document.createElement('script');
|
|
23
|
+
script.src = assistMeUrl;
|
|
24
|
+
script.defer = true;
|
|
25
|
+
script.async = true;
|
|
26
|
+
script.crossOrigin = 'anonymous';
|
|
27
|
+
script.setAttribute('data-status', 'loading');
|
|
28
|
+
(_c = document === null || document === void 0 ? void 0 : document.body) === null || _c === void 0 ? void 0 : _c.appendChild(script);
|
|
29
|
+
const setAttributeFromEvent = (event) => {
|
|
30
|
+
script === null || script === void 0 ? void 0 : script.setAttribute('data-status', event.type === 'load' ? 'ready' : 'error');
|
|
31
|
+
document.dispatchEvent(new CustomEvent('assist-me-script-status', {
|
|
32
|
+
detail: { message: event.type },
|
|
33
|
+
bubbles: true,
|
|
34
|
+
composed: true,
|
|
35
|
+
}));
|
|
36
|
+
};
|
|
37
|
+
script.addEventListener('load', setAttributeFromEvent);
|
|
38
|
+
script.addEventListener('error', setAttributeFromEvent);
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
status = script.getAttribute('data-status');
|
|
42
|
+
}
|
|
43
|
+
return status;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
export { useScript as default };
|
|
47
|
+
//# sourceMappingURL=useScript.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useScript.js","sources":["../../../../../../components/global-header/src/globals/useScript.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;;;;;AAOG;AACH;AAKc,SAAU,SAAS,CAAC,KAAkB,EAAA;;AAClD,IAAA,MAAM,WAAW,GAAG,cAAc,CAAC,MAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,CAAC;AAC5D,IAAA,MAAM,iBAAiB,GAAG,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS;IAE3D,IAAI,MAAM,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM;IACnD,IAAI,CAAC,iBAAiB,EAAE;AACtB,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,IAAI,MAAM,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,aAAa,CAClC,CAAA,YAAA,EAAe,WAAW,CAAA,EAAA,CAAI,CACV;IAEtB,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AACzC,QAAA,MAAM,CAAC,GAAG,GAAG,WAAW;AACxB,QAAA,MAAM,CAAC,KAAK,GAAG,IAAI;AACnB,QAAA,MAAM,CAAC,KAAK,GAAG,IAAI;AACnB,QAAA,MAAM,CAAC,WAAW,GAAG,WAAW;AAChC,QAAA,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC;AAE7C,QAAA,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,CAAC,MAAM,CAAC;AAEnC,QAAA,MAAM,qBAAqB,GAAG,CAAC,KAAuB,KAAI;YACxD,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,YAAY,CAClB,aAAa,EACb,KAAK,CAAC,IAAI,KAAK,MAAM,GAAG,OAAO,GAAG,OAAO,CAC1C;AAED,YAAA,QAAQ,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,yBAAyB,EAAE;AACzC,gBAAA,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE;AAC/B,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA,CAAC,CACH;AACH,QAAA,CAAC;AAED,QAAA,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,qBAAqB,CAAC;AACtD,QAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,CAAC;IACzD;SAAO;AACL,QAAA,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,aAAa,CAAW;IACvD;AACA,IAAA,OAAO,MAAM;AACf;;;;"}
|