@carbon/web-components 2.46.0 → 2.47.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +89 -20
- package/es/components/ai-label/ai-label.d.ts +1 -1
- package/es/components/ai-label/ai-label.js +11 -2
- package/es/components/ai-label/ai-label.js.map +1 -1
- package/es/components/ai-label/ai-label.scss.js +1 -1
- package/es/components/ai-skeleton/ai-skeleton.scss.js +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts +1 -1
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js +7 -3
- package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/chat-button/chat-button-skeleton.d.ts +1 -1
- package/es/components/chat-button/chat-button-skeleton.js +6 -2
- package/es/components/chat-button/chat-button-skeleton.js.map +1 -1
- package/es/components/chat-button/chat-button.d.ts +1 -1
- package/es/components/chat-button/chat-button.js +6 -2
- package/es/components/chat-button/chat-button.js.map +1 -1
- package/es/components/chat-button/chat-button.scss.js +1 -1
- package/es/components/code-snippet/code-snippet.scss.js +1 -1
- package/es/components/combo-box/combo-box.d.ts +5 -1
- package/es/components/combo-box/combo-box.js +27 -3
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/copy/copy.d.ts +1 -1
- package/es/components/copy/copy.js +1 -2
- package/es/components/copy/copy.js.map +1 -1
- package/es/components/copy-button/copy-button.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/date-picker/range-plugin.d.ts +1 -1
- package/es/components/date-picker/range-plugin.js +1 -3
- package/es/components/date-picker/range-plugin.js.map +1 -1
- package/es/components/dropdown/dropdown.d.ts +3 -3
- package/es/components/dropdown/dropdown.js +1 -3
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es/components/fluid-search/fluid-search.scss.js +1 -1
- package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es/components/grid/column-hang.d.ts +0 -2
- package/es/components/grid/column-hang.js +0 -2
- package/es/components/grid/column-hang.js.map +1 -1
- package/es/components/grid/column.d.ts +0 -2
- package/es/components/grid/column.js +0 -2
- package/es/components/grid/column.js.map +1 -1
- package/es/components/grid/grid.d.ts +0 -2
- package/es/components/grid/grid.js +0 -2
- package/es/components/grid/grid.js.map +1 -1
- package/es/components/grid/index.d.ts +0 -2
- package/es/components/icon-button/icon-button.d.ts +1 -1
- package/es/components/icon-button/icon-button.js +12 -3
- package/es/components/icon-button/icon-button.js.map +1 -1
- package/es/components/icon-button/icon-button.scss.js +2 -2
- package/es/components/menu/menu-context.d.ts +3 -2
- package/es/components/menu/menu-context.js +1 -1
- package/es/components/menu/menu-context.js.map +1 -1
- package/es/components/menu/menu.d.ts +3 -2
- package/es/components/menu/menu.js +5 -4
- package/es/components/menu/menu.js.map +1 -1
- package/es/components/modal/modal-body.d.ts +3 -1
- package/es/components/modal/modal-body.js +17 -1
- package/es/components/modal/modal-body.js.map +1 -1
- package/es/components/modal/modal-close-button.d.ts +2 -1
- package/es/components/modal/modal-close-button.js +11 -5
- package/es/components/modal/modal-close-button.js.map +1 -1
- package/es/components/modal/modal.d.ts +67 -2
- package/es/components/modal/modal.js +228 -8
- package/es/components/modal/modal.js.map +1 -1
- package/es/components/modal/modal.scss.js +1 -1
- package/es/components/multi-select/multi-select.d.ts +2 -2
- package/es/components/multi-select/multi-select.js +8 -4
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/inline-notification.scss.js +1 -1
- package/es/components/notification/toast-notification.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu.d.ts +0 -1
- package/es/components/overflow-menu/overflow-menu.js +3 -2
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/page-header/index.d.ts +0 -2
- package/es/components/page-header/page-header-breadcrumb.d.ts +0 -2
- package/es/components/page-header/page-header-breadcrumb.js +0 -2
- package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es/components/page-header/page-header-content-text.d.ts +0 -2
- package/es/components/page-header/page-header-content-text.js +0 -2
- package/es/components/page-header/page-header-content-text.js.map +1 -1
- package/es/components/page-header/page-header-content.d.ts +0 -2
- package/es/components/page-header/page-header-content.js +0 -2
- package/es/components/page-header/page-header-content.js.map +1 -1
- package/es/components/page-header/page-header-hero-image.d.ts +0 -2
- package/es/components/page-header/page-header-hero-image.js +0 -2
- package/es/components/page-header/page-header-hero-image.js.map +1 -1
- package/es/components/page-header/page-header-tabs.d.ts +0 -2
- package/es/components/page-header/page-header-tabs.js +0 -2
- package/es/components/page-header/page-header-tabs.js.map +1 -1
- package/es/components/page-header/page-header.d.ts +0 -2
- package/es/components/page-header/page-header.js +0 -2
- package/es/components/page-header/page-header.js.map +1 -1
- package/es/components/password-input/password-input.scss.js +1 -1
- package/es/components/popover/popover-content.js +2 -2
- package/es/components/popover/popover-content.js.map +1 -1
- package/es/components/popover/popover.d.ts +7 -1
- package/es/components/popover/popover.js +54 -3
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/popover/popover.scss.js +2 -2
- package/es/components/search/search.scss.js +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/slug/slug.d.ts +1 -1
- package/es/components/slug/slug.js +11 -2
- package/es/components/slug/slug.js.map +1 -1
- package/es/components/slug/slug.scss.js +1 -1
- package/es/components/tag/dismissible-tag.d.ts +0 -2
- package/es/components/tag/dismissible-tag.js +0 -2
- package/es/components/tag/dismissible-tag.js.map +1 -1
- package/es/components/tag/operational-tag.d.ts +0 -2
- package/es/components/tag/operational-tag.js +0 -2
- package/es/components/tag/operational-tag.js.map +1 -1
- package/es/components/tag/selectable-tag.d.ts +0 -2
- package/es/components/tag/selectable-tag.js +0 -2
- package/es/components/tag/selectable-tag.js.map +1 -1
- package/es/components/tag/tag-skeleton.d.ts +0 -2
- package/es/components/tag/tag-skeleton.js +0 -2
- package/es/components/tag/tag-skeleton.js.map +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/tile/tile.scss.js +1 -1
- package/es/components/time-picker/time-picker.scss.js +1 -1
- package/es/components/toggle-tip/toggletip.d.ts +0 -1
- package/es/components/toggle-tip/toggletip.js +4 -3
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/toggle-tip/toggletip.scss.js +2 -2
- package/es/components/tooltip/definition-tooltip.js +5 -3
- package/es/components/tooltip/definition-tooltip.js.map +1 -1
- package/es/components/tooltip/tooltip-content.d.ts +0 -7
- package/es/components/tooltip/tooltip-content.js +4 -8
- package/es/components/tooltip/tooltip-content.js.map +1 -1
- package/es/components/tooltip/tooltip.d.ts +0 -1
- package/es/components/tooltip/tooltip.js +4 -7
- package/es/components/tooltip/tooltip.js.map +1 -1
- package/es/components/tooltip/tooltip.scss.js +2 -2
- package/es/components/tree-view/defs.d.ts +0 -2
- package/es/components/tree-view/defs.js +0 -2
- package/es/components/tree-view/defs.js.map +1 -1
- package/es/components/tree-view/index.d.ts +0 -2
- package/es/components/tree-view/tree-node.d.ts +0 -2
- package/es/components/tree-view/tree-node.js +0 -2
- package/es/components/tree-view/tree-node.js.map +1 -1
- package/es/components/tree-view/tree-view.d.ts +0 -2
- package/es/components/tree-view/tree-view.js +0 -2
- package/es/components/tree-view/tree-view.js.map +1 -1
- package/es/components/tree-view/tree-view.scss.js +1 -1
- package/es/components/ui-shell/header-global-action.d.ts +1 -1
- package/es/components/ui-shell/header-global-action.js +16 -2
- package/es/components/ui-shell/header-global-action.js.map +1 -1
- package/es/components/ui-shell/header-name.js +1 -1
- package/es/components/ui-shell/header-name.js.map +1 -1
- package/es/components/ui-shell/side-nav-menu-item.d.ts +4 -0
- package/es/components/ui-shell/side-nav-menu-item.js +10 -2
- package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es/globals/controllers/floating-controller.d.ts +1 -1
- package/es/globals/controllers/floating-controller.js +34 -30
- package/es/globals/controllers/floating-controller.js.map +1 -1
- package/es/globals/decorators/carbon-element.d.ts +5 -4
- package/es/globals/decorators/carbon-element.js +1 -1
- package/es/globals/decorators/carbon-element.js.map +1 -1
- package/es-custom/components/ai-label/ai-label.d.ts +1 -1
- package/es-custom/components/ai-label/ai-label.js +11 -2
- package/es-custom/components/ai-label/ai-label.js.map +1 -1
- package/es-custom/components/ai-label/ai-label.scss.js +1 -1
- package/es-custom/components/ai-skeleton/ai-skeleton.scss.js +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.d.ts +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.js +7 -3
- package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/chat-button/chat-button-skeleton.d.ts +1 -1
- package/es-custom/components/chat-button/chat-button-skeleton.js +6 -2
- package/es-custom/components/chat-button/chat-button-skeleton.js.map +1 -1
- package/es-custom/components/chat-button/chat-button.d.ts +1 -1
- package/es-custom/components/chat-button/chat-button.js +6 -2
- package/es-custom/components/chat-button/chat-button.js.map +1 -1
- package/es-custom/components/chat-button/chat-button.scss.js +1 -1
- package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.d.ts +5 -1
- package/es-custom/components/combo-box/combo-box.js +27 -3
- package/es-custom/components/combo-box/combo-box.js.map +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/copy/copy.d.ts +1 -1
- package/es-custom/components/copy/copy.js +1 -2
- package/es-custom/components/copy/copy.js.map +1 -1
- package/es-custom/components/copy-button/copy-button.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/date-picker/range-plugin.d.ts +1 -1
- package/es-custom/components/date-picker/range-plugin.js +1 -3
- package/es-custom/components/date-picker/range-plugin.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.d.ts +3 -3
- package/es-custom/components/dropdown/dropdown.js +1 -3
- package/es-custom/components/dropdown/dropdown.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
- package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
- package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
- package/es-custom/components/grid/column-hang.d.ts +0 -2
- package/es-custom/components/grid/column-hang.js +0 -2
- package/es-custom/components/grid/column-hang.js.map +1 -1
- package/es-custom/components/grid/column.d.ts +0 -2
- package/es-custom/components/grid/column.js +0 -2
- package/es-custom/components/grid/column.js.map +1 -1
- package/es-custom/components/grid/grid.d.ts +0 -2
- package/es-custom/components/grid/grid.js +0 -2
- package/es-custom/components/grid/grid.js.map +1 -1
- package/es-custom/components/grid/index.d.ts +0 -2
- package/es-custom/components/icon-button/icon-button.d.ts +1 -1
- package/es-custom/components/icon-button/icon-button.js +12 -3
- package/es-custom/components/icon-button/icon-button.js.map +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js +2 -2
- package/es-custom/components/menu/menu-context.d.ts +3 -2
- package/es-custom/components/menu/menu-context.js +1 -1
- package/es-custom/components/menu/menu-context.js.map +1 -1
- package/es-custom/components/menu/menu.d.ts +3 -2
- package/es-custom/components/menu/menu.js +5 -4
- package/es-custom/components/menu/menu.js.map +1 -1
- package/es-custom/components/modal/modal-body.d.ts +3 -1
- package/es-custom/components/modal/modal-body.js +17 -1
- package/es-custom/components/modal/modal-body.js.map +1 -1
- package/es-custom/components/modal/modal-close-button.d.ts +2 -1
- package/es-custom/components/modal/modal-close-button.js +11 -5
- package/es-custom/components/modal/modal-close-button.js.map +1 -1
- package/es-custom/components/modal/modal.d.ts +67 -2
- package/es-custom/components/modal/modal.js +228 -8
- package/es-custom/components/modal/modal.js.map +1 -1
- package/es-custom/components/modal/modal.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.d.ts +2 -2
- package/es-custom/components/multi-select/multi-select.js +8 -4
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/notification/actionable-notification.scss.js +1 -1
- package/es-custom/components/notification/inline-notification.scss.js +1 -1
- package/es-custom/components/notification/toast-notification.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.d.ts +0 -1
- package/es-custom/components/overflow-menu/overflow-menu.js +3 -2
- package/es-custom/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es-custom/components/page-header/index.d.ts +0 -2
- package/es-custom/components/page-header/page-header-breadcrumb.d.ts +0 -2
- package/es-custom/components/page-header/page-header-breadcrumb.js +0 -2
- package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
- package/es-custom/components/page-header/page-header-content-text.d.ts +0 -2
- package/es-custom/components/page-header/page-header-content-text.js +0 -2
- package/es-custom/components/page-header/page-header-content-text.js.map +1 -1
- package/es-custom/components/page-header/page-header-content.d.ts +0 -2
- package/es-custom/components/page-header/page-header-content.js +0 -2
- package/es-custom/components/page-header/page-header-content.js.map +1 -1
- package/es-custom/components/page-header/page-header-hero-image.d.ts +0 -2
- package/es-custom/components/page-header/page-header-hero-image.js +0 -2
- package/es-custom/components/page-header/page-header-hero-image.js.map +1 -1
- package/es-custom/components/page-header/page-header-tabs.d.ts +0 -2
- package/es-custom/components/page-header/page-header-tabs.js +0 -2
- package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
- package/es-custom/components/page-header/page-header.d.ts +0 -2
- package/es-custom/components/page-header/page-header.js +0 -2
- package/es-custom/components/page-header/page-header.js.map +1 -1
- package/es-custom/components/password-input/password-input.scss.js +1 -1
- package/es-custom/components/popover/popover-content.js +2 -2
- package/es-custom/components/popover/popover-content.js.map +1 -1
- package/es-custom/components/popover/popover.d.ts +7 -1
- package/es-custom/components/popover/popover.js +54 -3
- package/es-custom/components/popover/popover.js.map +1 -1
- package/es-custom/components/popover/popover.scss.js +2 -2
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/slug/slug.d.ts +1 -1
- package/es-custom/components/slug/slug.js +11 -2
- package/es-custom/components/slug/slug.js.map +1 -1
- package/es-custom/components/slug/slug.scss.js +1 -1
- package/es-custom/components/tag/dismissible-tag.d.ts +0 -2
- package/es-custom/components/tag/dismissible-tag.js +0 -2
- package/es-custom/components/tag/dismissible-tag.js.map +1 -1
- package/es-custom/components/tag/operational-tag.d.ts +0 -2
- package/es-custom/components/tag/operational-tag.js +0 -2
- package/es-custom/components/tag/operational-tag.js.map +1 -1
- package/es-custom/components/tag/selectable-tag.d.ts +0 -2
- package/es-custom/components/tag/selectable-tag.js +0 -2
- package/es-custom/components/tag/selectable-tag.js.map +1 -1
- package/es-custom/components/tag/tag-skeleton.d.ts +0 -2
- package/es-custom/components/tag/tag-skeleton.js +0 -2
- package/es-custom/components/tag/tag-skeleton.js.map +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/tile/tile.scss.js +1 -1
- package/es-custom/components/time-picker/time-picker.scss.js +1 -1
- package/es-custom/components/toggle-tip/toggletip.d.ts +0 -1
- package/es-custom/components/toggle-tip/toggletip.js +4 -3
- package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
- package/es-custom/components/toggle-tip/toggletip.scss.js +2 -2
- package/es-custom/components/tooltip/definition-tooltip.js +5 -3
- package/es-custom/components/tooltip/definition-tooltip.js.map +1 -1
- package/es-custom/components/tooltip/tooltip-content.d.ts +0 -7
- package/es-custom/components/tooltip/tooltip-content.js +4 -8
- package/es-custom/components/tooltip/tooltip-content.js.map +1 -1
- package/es-custom/components/tooltip/tooltip.d.ts +0 -1
- package/es-custom/components/tooltip/tooltip.js +4 -7
- package/es-custom/components/tooltip/tooltip.js.map +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js +2 -2
- package/es-custom/components/tree-view/defs.d.ts +0 -2
- package/es-custom/components/tree-view/defs.js +0 -2
- package/es-custom/components/tree-view/defs.js.map +1 -1
- package/es-custom/components/tree-view/index.d.ts +0 -2
- package/es-custom/components/tree-view/tree-node.d.ts +0 -2
- package/es-custom/components/tree-view/tree-node.js +0 -2
- package/es-custom/components/tree-view/tree-node.js.map +1 -1
- package/es-custom/components/tree-view/tree-view.d.ts +0 -2
- package/es-custom/components/tree-view/tree-view.js +0 -2
- package/es-custom/components/tree-view/tree-view.js.map +1 -1
- package/es-custom/components/tree-view/tree-view.scss.js +1 -1
- package/es-custom/components/ui-shell/header-global-action.d.ts +1 -1
- package/es-custom/components/ui-shell/header-global-action.js +16 -2
- package/es-custom/components/ui-shell/header-global-action.js.map +1 -1
- package/es-custom/components/ui-shell/header-name.js +1 -1
- package/es-custom/components/ui-shell/header-name.js.map +1 -1
- package/es-custom/components/ui-shell/side-nav-menu-item.d.ts +4 -0
- package/es-custom/components/ui-shell/side-nav-menu-item.js +10 -2
- package/es-custom/components/ui-shell/side-nav-menu-item.js.map +1 -1
- package/es-custom/globals/controllers/floating-controller.d.ts +1 -1
- package/es-custom/globals/controllers/floating-controller.js +34 -30
- package/es-custom/globals/controllers/floating-controller.js.map +1 -1
- package/es-custom/globals/decorators/carbon-element.d.ts +5 -4
- package/es-custom/globals/decorators/carbon-element.js +1 -1
- package/es-custom/globals/decorators/carbon-element.js.map +1 -1
- package/lib/components/ai-label/ai-label.d.ts +1 -1
- package/lib/components/breadcrumb/breadcrumb-overflow-menu.d.ts +1 -1
- package/lib/components/chat-button/chat-button-skeleton.d.ts +1 -1
- package/lib/components/chat-button/chat-button.d.ts +1 -1
- package/lib/components/combo-box/combo-box.d.ts +5 -1
- package/lib/components/copy/copy.d.ts +1 -1
- package/lib/components/date-picker/range-plugin.d.ts +1 -1
- package/lib/components/dropdown/dropdown.d.ts +3 -3
- package/lib/components/grid/column-hang.d.ts +0 -2
- package/lib/components/grid/column.d.ts +0 -2
- package/lib/components/grid/grid.d.ts +0 -2
- package/lib/components/grid/index.d.ts +0 -2
- package/lib/components/icon-button/icon-button.d.ts +1 -1
- package/lib/components/menu/menu-context.d.ts +3 -2
- package/lib/components/menu/menu.d.ts +3 -2
- package/lib/components/modal/modal-body.d.ts +3 -1
- package/lib/components/modal/modal-close-button.d.ts +2 -1
- package/lib/components/modal/modal.d.ts +67 -2
- package/lib/components/multi-select/multi-select.d.ts +2 -2
- package/lib/components/overflow-menu/overflow-menu.d.ts +0 -1
- package/lib/components/page-header/index.d.ts +0 -2
- package/lib/components/page-header/page-header-breadcrumb.d.ts +0 -2
- package/lib/components/page-header/page-header-content-text.d.ts +0 -2
- package/lib/components/page-header/page-header-content.d.ts +0 -2
- package/lib/components/page-header/page-header-hero-image.d.ts +0 -2
- package/lib/components/page-header/page-header-tabs.d.ts +0 -2
- package/lib/components/page-header/page-header.d.ts +0 -2
- package/lib/components/popover/popover.d.ts +7 -1
- package/lib/components/slug/slug.d.ts +1 -1
- package/lib/components/tag/dismissible-tag.d.ts +0 -2
- package/lib/components/tag/operational-tag.d.ts +0 -2
- package/lib/components/tag/selectable-tag.d.ts +0 -2
- package/lib/components/tag/tag-skeleton.d.ts +0 -2
- package/lib/components/toggle-tip/toggletip.d.ts +0 -1
- package/lib/components/tooltip/tooltip-content.d.ts +0 -7
- package/lib/components/tooltip/tooltip.d.ts +0 -1
- package/lib/components/tree-view/defs.d.ts +0 -2
- package/lib/components/tree-view/defs.js +0 -2
- package/lib/components/tree-view/defs.js.map +1 -1
- package/lib/components/tree-view/index.d.ts +0 -2
- package/lib/components/tree-view/tree-node.d.ts +0 -2
- package/lib/components/tree-view/tree-view.d.ts +0 -2
- package/lib/components/ui-shell/header-global-action.d.ts +1 -1
- package/lib/components/ui-shell/side-nav-menu-item.d.ts +4 -0
- package/lib/globals/controllers/floating-controller.d.ts +1 -1
- package/lib/globals/controllers/floating-controller.js +34 -30
- package/lib/globals/controllers/floating-controller.js.map +1 -1
- package/lib/globals/decorators/carbon-element.d.ts +5 -4
- package/package.json +7 -9
- package/scss/components/ai-label/ai-label.scss +11 -12
- package/scss/components/ai-skeleton/ai-skeleton.scss +1 -3
- package/scss/components/breadcrumb/breadcrumb.scss +0 -1
- package/scss/components/button/button.scss +0 -2
- package/scss/components/chat-button/chat-button.scss +0 -1
- package/scss/components/icon-button/icon-button.scss +0 -2
- package/scss/components/modal/modal.scss +27 -7
- package/scss/components/multi-select/multi-select.scss +2 -2
- package/scss/components/notification/actionable-notification.scss +42 -128
- package/scss/components/notification/inline-notification.scss +17 -69
- package/scss/components/notification/toast-notification.scss +16 -37
- package/scss/components/popover/popover.scss +4 -4
- package/scss/components/slug/slug.scss +11 -12
- package/scss/components/tile/tile.scss +1 -1
- package/scss/components/toggle-tip/toggletip.scss +0 -2
- package/scss/components/tooltip/tooltip.scss +0 -1
- package/telemetry.yml +11 -0
- package/dist/16-BXPirV4t.js +0 -28
- package/dist/16-BcPXq4VE.js +0 -28
- package/dist/16-BiojhJb6.js +0 -28
- package/dist/16-BirbARgt.js +0 -28
- package/dist/16-CCrV-EKs.js +0 -28
- package/dist/16-CNObEOvs.js +0 -28
- package/dist/16-CsHohlYG.js +0 -28
- package/dist/16-D9rqeJJl.js +0 -28
- package/dist/16-DEZ8LNs3.js +0 -28
- package/dist/16-DThcsE9v.js +0 -28
- package/dist/16-T0hLy__N.js +0 -28
- package/dist/16-mUGLFymm.js +0 -28
- package/dist/20-BSzLZNRY.js +0 -28
- package/dist/20-ZHgmfbqd.js +0 -28
- package/dist/accordion.min.js +0 -72
- package/dist/ai-label.min.js +0 -54
- package/dist/ai-skeleton.min.js +0 -37
- package/dist/badge-indicator.min.js +0 -28
- package/dist/breadcrumb.min.js +0 -46
- package/dist/button-3n7S6dfU.js +0 -94
- package/dist/button-skeleton-DE9AxBek.js +0 -48
- package/dist/button.min.js +0 -28
- package/dist/carbon-element-tFMTVffV.js +0 -28
- package/dist/chat-button.min.js +0 -40
- package/dist/checkbox-CFU6bnOa.js +0 -67
- package/dist/checkbox.min.js +0 -64
- package/dist/class-map-BLvVLLRH.js +0 -33
- package/dist/code-snippet.min.js +0 -85
- package/dist/collection-helpers-C8K_t6zj.js +0 -28
- package/dist/combo-box.min.js +0 -65
- package/dist/combo-button.min.js +0 -42
- package/dist/consume-DNv3sWri.js +0 -64
- package/dist/contained-list.min.js +0 -70
- package/dist/content-switcher-item-CXc-BbRX.js +0 -54
- package/dist/content-switcher.min.js +0 -28
- package/dist/copy-button.min.js +0 -44
- package/dist/data-table.min.js +0 -185
- package/dist/date-picker.min.js +0 -89
- package/dist/defs-CcLNpvSO.js +0 -28
- package/dist/directive-CwpJ03IP.js +0 -33
- package/dist/dropdown-item-CSXYY4Up.js +0 -100
- package/dist/dropdown.min.js +0 -31
- package/dist/feature-flags.min.js +0 -28
- package/dist/file-uploader.min.js +0 -106
- package/dist/floating-controller-ClaZwDaj.js +0 -28
- package/dist/floating-menu.min.js +0 -28
- package/dist/fluid-number-input.min.js +0 -28
- package/dist/fluid-search.min.js +0 -33
- package/dist/fluid-select.min.js +0 -30
- package/dist/fluid-text-input.min.js +0 -28
- package/dist/fluid-textarea.min.js +0 -36
- package/dist/focus-DCv16lgz.js +0 -28
- package/dist/form-D0wM2t2A.js +0 -28
- package/dist/form-group.min.js +0 -39
- package/dist/form.min.js +0 -30
- package/dist/grid.min.js +0 -60
- package/dist/heading.min.js +0 -33
- package/dist/host-listener-BFnrKETa.js +0 -28
- package/dist/host-listener-maKckXVl.js +0 -28
- package/dist/icon-button.min.js +0 -42
- package/dist/icon-indicator.min.js +0 -28
- package/dist/icon-loader-BiaaiIZd.js +0 -28
- package/dist/icon-loader-utils-Dw7YsY3n.js +0 -33
- package/dist/icon.min.js +0 -28
- package/dist/if-defined-B342gMhK.js +0 -33
- package/dist/if-non-empty-BXM4sQkm.js +0 -28
- package/dist/inline-loading.min.js +0 -39
- package/dist/layer.min.js +0 -28
- package/dist/link.min.js +0 -52
- package/dist/list.min.js +0 -39
- package/dist/lit-element-W7dQy3wx.js +0 -50
- package/dist/loading-icon-9dSwtpx9.js +0 -43
- package/dist/loading.min.js +0 -28
- package/dist/menu-button.min.js +0 -37
- package/dist/menu.min.js +0 -80
- package/dist/modal.min.js +0 -49
- package/dist/multi-select.min.js +0 -90
- package/dist/notification.min.js +0 -116
- package/dist/number-input.min.js +0 -103
- package/dist/on-Bh72-1o0.js +0 -28
- package/dist/overflow-menu.min.js +0 -49
- package/dist/page-header.min.js +0 -142
- package/dist/pagination.min.js +0 -104
- package/dist/password-input.min.js +0 -93
- package/dist/popover.min.js +0 -42
- package/dist/progress-bar.min.js +0 -49
- package/dist/progress-indicator.min.js +0 -62
- package/dist/property-D8KHfsO7.js +0 -33
- package/dist/query-DZZk85FD.js +0 -38
- package/dist/query-assigned-elements-CuK851Xm.js +0 -33
- package/dist/radio-button.min.js +0 -71
- package/dist/radio-group-manager-BbeUxJeN.js +0 -28
- package/dist/search-BpfBrZ_q.js +0 -58
- package/dist/search.min.js +0 -31
- package/dist/select-Bu-C3DEh.js +0 -109
- package/dist/select-item-CY7ZCgDO.js +0 -28
- package/dist/select-skeleton-Bj1W9rv-.js +0 -31
- package/dist/select.min.js +0 -28
- package/dist/settings-CVGvqY8T.js +0 -28
- package/dist/shape-indicator.min.js +0 -28
- package/dist/shared-enums-D2BNx9-N.js +0 -28
- package/dist/side-panel.min.js +0 -160
- package/dist/skeleton-icon.min.js +0 -28
- package/dist/skeleton-placeholder.min.js +0 -28
- package/dist/skeleton-text.min.js +0 -28
- package/dist/skip-to-content.min.js +0 -32
- package/dist/slider.min.js +0 -273
- package/dist/slug.min.js +0 -54
- package/dist/stack.min.js +0 -28
- package/dist/state-DVnprZ3A.js +0 -33
- package/dist/structured-list.min.js +0 -46
- package/dist/tabs.min.js +0 -85
- package/dist/tag.min.js +0 -155
- package/dist/tearsheet.min.js +0 -141
- package/dist/text-input-CMLDDQcE.js +0 -95
- package/dist/text-input.min.js +0 -31
- package/dist/textarea.min.js +0 -84
- package/dist/tile.min.js +0 -101
- package/dist/time-picker.min.js +0 -79
- package/dist/toggle-tip.min.js +0 -73
- package/dist/toggle.min.js +0 -63
- package/dist/tooltip-content-eYgOs_c2.js +0 -30
- package/dist/tooltip.min.js +0 -50
- package/dist/tree-view.min.js +0 -127
- package/dist/ui-shell.min.js +0 -156
- package/dist/unsafe-html-SGvBIOsG.js +0 -33
- package/dist/validity-CzCNnEZK.js +0 -28
|
@@ -755,6 +755,5 @@ declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatin
|
|
|
755
755
|
connectedCallback(): void;
|
|
756
756
|
updated(changedProperties: any): void;
|
|
757
757
|
render(): import("lit-html").TemplateResult<1>;
|
|
758
|
-
static styles: any;
|
|
759
758
|
}
|
|
760
759
|
export default CDSOverflowMenu;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { __decorate } from 'tslib';
|
|
9
|
-
import { html } from 'lit';
|
|
9
|
+
import { adoptStyles, html } from 'lit';
|
|
10
10
|
import { property } from 'lit/decorators.js';
|
|
11
11
|
import { prefix } from '../../globals/settings.js';
|
|
12
12
|
import HostListener from '../../globals/decorators/host-listener.js';
|
|
@@ -14,6 +14,7 @@ import FocusMixin from '../../globals/mixins/focus.js';
|
|
|
14
14
|
import HostListenerMixin from '../../globals/mixins/host-listener.js';
|
|
15
15
|
import { find } from '../../globals/internal/collection-helpers.js';
|
|
16
16
|
import { OVERFLOW_MENU_SIZE } from './defs.js';
|
|
17
|
+
import iconButtonStyles from '../icon-button/icon-button.scss.js';
|
|
17
18
|
import styles from './overflow-menu.scss.js';
|
|
18
19
|
import CDSIconButton from '../icon-button/icon-button.js';
|
|
19
20
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
@@ -112,6 +113,7 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
|
|
|
112
113
|
this.attachShadow({ mode: 'open' });
|
|
113
114
|
}
|
|
114
115
|
super.connectedCallback();
|
|
116
|
+
adoptStyles(this.renderRoot, [iconButtonStyles, styles]);
|
|
115
117
|
}
|
|
116
118
|
updated(changedProperties) {
|
|
117
119
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
@@ -155,7 +157,6 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
|
|
|
155
157
|
return html `${super.render()} `;
|
|
156
158
|
}
|
|
157
159
|
};
|
|
158
|
-
CDSOverflowMenu.styles = styles;
|
|
159
160
|
__decorate([
|
|
160
161
|
HostListener('click')
|
|
161
162
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overflow-menu.js","sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport CDSFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuBody from './overflow-menu-body';\nimport styles from './overflow-menu.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { OVERFLOW_MENU_SIZE };\n\n/**\n * Overflow menu.\n *\n * @element cds-custom-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass CDSOverflowMenu\n extends HostListenerMixin(FocusMixin(CDSIconButton))\n implements CDSFloatingMenuTrigger\n{\n /**\n * The menu body.\n */\n private _menuBody: CDSOverflowMenuBody | null = null;\n\n /**\n * Handles user-initiated toggling of the menu.\n */\n private async _handleUserInitiatedToggle() {\n this.open = !this.open;\n const { index, open, updateComplete } = this;\n if (open) {\n await updateComplete;\n const { _menuBody: menuBody } = this;\n const menuItem = menuBody?.querySelector(\n `${prefix}-overflow-menu-item:nth-of-type(${index})`\n ) as HTMLElement;\n menuItem?.focus();\n }\n }\n\n /**\n * Handles `click` event on the trigger button.\n */\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClickTrigger = async () => {\n this._handleUserInitiatedToggle();\n };\n\n /**\n * Handles `keydown` event on the trigger button.\n */\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydownTrigger = async (event) => {\n if (event.key === ' ' || event.key === 'Enter') {\n this._handleUserInitiatedToggle();\n event.preventDefault();\n }\n };\n\n /**\n * `true` if this tooltip is in a data table row\n */\n @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n dataTable = false;\n\n /**\n * `true` if this overflow menu should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if this overflow menu body should be flipped.\n */\n @property({ type: Boolean, reflect: true })\n flipped = false;\n\n /**\n * `true` if the dropdown should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Index (starting at 1) of overflow menu item to focus on open.\n */\n @property()\n index = 1;\n\n /**\n * Overflow menu size.\n */\n @property({ reflect: true })\n size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n /**\n * `true` if this menu is a toolbar action\n */\n @property({ type: Boolean, attribute: 'toolbar-action', reflect: true })\n toolbarAction = false;\n\n /**\n * `true` if this overflow menu use inside breadcrumb.\n */\n @property({ type: Boolean, reflect: true })\n breadcrumb = false;\n\n /**\n * @returns The position of the trigger button in the viewport.\n */\n get triggerPosition() {\n return this.getBoundingClientRect();\n }\n\n connectedCallback() {\n if (!this.hasAttribute('aria-haspopup')) {\n this.setAttribute('aria-haspopup', 'true');\n }\n if (!this.shadowRoot) {\n this.attachShadow({ mode: 'open' });\n }\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n const button = this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.querySelector('button');\n button?.classList.add(\n `${prefix}--btn--icon-only`,\n `${prefix}--overflow-menu`\n );\n\n if (changedProperties.has('open')) {\n const { open } = this;\n if (open && !this._menuBody) {\n this._menuBody = find(\n this.childNodes,\n (elem) =>\n (elem.constructor as typeof CDSOverflowMenuBody).FLOATING_MENU\n );\n }\n const { _menuBody: menuBody, size } = this;\n if (menuBody) {\n menuBody.setAttribute('breadcrumb', String(Boolean(this.breadcrumb)));\n menuBody.open = open;\n menuBody.size = size;\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent;\n button?.setAttribute('aria-expanded', String(Boolean(open)));\n button?.setAttribute('aria-label', String(tooltipContent));\n }\n }\n\n if (changedProperties.has('dataTable')) {\n const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n tooltip?.setAttribute('data-table', '');\n }\n\n if (changedProperties.has('size')) {\n button?.classList.forEach((item) => {\n if (item.startsWith(`${prefix}--overflow-menu--`)) {\n button?.classList.remove(item);\n }\n });\n button?.classList.add(`${prefix}--overflow-menu--${this.size}`);\n\n const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n tooltip?.setAttribute('size', this.size);\n }\n\n if (changedProperties.has('toolbarAction') && this.toolbarAction) {\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.setAttribute('toolbar-action', '');\n }\n\n super.updated(changedProperties);\n }\n\n render() {\n return html`${super.render()} `;\n }\n\n static styles = styles;\n}\n\nexport default CDSOverflowMenu;\n"],"names":["customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"overflow-menu.js","sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport CDSFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuBody from './overflow-menu-body';\n\nimport iconButtonStyles from '../icon-button/icon-button.scss?lit';\nimport styles from './overflow-menu.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { OVERFLOW_MENU_SIZE };\n\n/**\n * Overflow menu.\n *\n * @element cds-custom-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass CDSOverflowMenu\n extends HostListenerMixin(FocusMixin(CDSIconButton))\n implements CDSFloatingMenuTrigger\n{\n /**\n * The menu body.\n */\n private _menuBody: CDSOverflowMenuBody | null = null;\n\n /**\n * Handles user-initiated toggling of the menu.\n */\n private async _handleUserInitiatedToggle() {\n this.open = !this.open;\n const { index, open, updateComplete } = this;\n if (open) {\n await updateComplete;\n const { _menuBody: menuBody } = this;\n const menuItem = menuBody?.querySelector(\n `${prefix}-overflow-menu-item:nth-of-type(${index})`\n ) as HTMLElement;\n menuItem?.focus();\n }\n }\n\n /**\n * Handles `click` event on the trigger button.\n */\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClickTrigger = async () => {\n this._handleUserInitiatedToggle();\n };\n\n /**\n * Handles `keydown` event on the trigger button.\n */\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydownTrigger = async (event) => {\n if (event.key === ' ' || event.key === 'Enter') {\n this._handleUserInitiatedToggle();\n event.preventDefault();\n }\n };\n\n /**\n * `true` if this tooltip is in a data table row\n */\n @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n dataTable = false;\n\n /**\n * `true` if this overflow menu should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * `true` if this overflow menu body should be flipped.\n */\n @property({ type: Boolean, reflect: true })\n flipped = false;\n\n /**\n * `true` if the dropdown should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Index (starting at 1) of overflow menu item to focus on open.\n */\n @property()\n index = 1;\n\n /**\n * Overflow menu size.\n */\n @property({ reflect: true })\n size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n /**\n * `true` if this menu is a toolbar action\n */\n @property({ type: Boolean, attribute: 'toolbar-action', reflect: true })\n toolbarAction = false;\n\n /**\n * `true` if this overflow menu use inside breadcrumb.\n */\n @property({ type: Boolean, reflect: true })\n breadcrumb = false;\n\n /**\n * @returns The position of the trigger button in the viewport.\n */\n get triggerPosition() {\n return this.getBoundingClientRect();\n }\n\n connectedCallback() {\n if (!this.hasAttribute('aria-haspopup')) {\n this.setAttribute('aria-haspopup', 'true');\n }\n if (!this.shadowRoot) {\n this.attachShadow({ mode: 'open' });\n }\n super.connectedCallback();\n\n adoptStyles(this.renderRoot as ShadowRoot, [iconButtonStyles, styles]);\n }\n\n updated(changedProperties) {\n const button = this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.querySelector('button');\n button?.classList.add(\n `${prefix}--btn--icon-only`,\n `${prefix}--overflow-menu`\n );\n\n if (changedProperties.has('open')) {\n const { open } = this;\n if (open && !this._menuBody) {\n this._menuBody = find(\n this.childNodes,\n (elem) =>\n (elem.constructor as typeof CDSOverflowMenuBody).FLOATING_MENU\n );\n }\n const { _menuBody: menuBody, size } = this;\n if (menuBody) {\n menuBody.setAttribute('breadcrumb', String(Boolean(this.breadcrumb)));\n menuBody.open = open;\n menuBody.size = size;\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent;\n button?.setAttribute('aria-expanded', String(Boolean(open)));\n button?.setAttribute('aria-label', String(tooltipContent));\n }\n }\n\n if (changedProperties.has('dataTable')) {\n const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n tooltip?.setAttribute('data-table', '');\n }\n\n if (changedProperties.has('size')) {\n button?.classList.forEach((item) => {\n if (item.startsWith(`${prefix}--overflow-menu--`)) {\n button?.classList.remove(item);\n }\n });\n button?.classList.add(`${prefix}--overflow-menu--${this.size}`);\n\n const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n tooltip?.setAttribute('size', this.size);\n }\n\n if (changedProperties.has('toolbarAction') && this.toolbarAction) {\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.setAttribute('toolbar-action', '');\n }\n\n super.updated(changedProperties);\n }\n\n render() {\n return html`${super.render()} `;\n }\n}\n\nexport default CDSOverflowMenu;\n"],"names":["customElement"],"mappings":"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"}
|
|
@@ -14,8 +14,6 @@ import styles from './page-header.scss.js';
|
|
|
14
14
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
|
-
* @license
|
|
18
|
-
*
|
|
19
17
|
* Copyright IBM Corp. 2025, 2025
|
|
20
18
|
*
|
|
21
19
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header-breadcrumb.js","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"sourcesContent":["/**\n *
|
|
1
|
+
{"version":3,"file":"page-header-breadcrumb.js","sources":["../../../src/components/page-header/page-header-breadcrumb.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Page header Breadcrumb Bar.\n * @element cds-custom-page-header-breadcrumb\n */\n@customElement(`${prefix}-page-header-breadcrumb`)\nclass CDSPageHeaderBreadcrumb extends LitElement {\n /**\n * Specify if breadcrumb bar has bottom border.\n */\n @property({ reflect: true })\n border = true;\n\n /**\n * Set to `true` if the breadcrumb bar is sitting within a grid\n * (ie. when used in tandem with page-header-hero-image)\n */\n @property({ attribute: 'within-grid', type: Boolean })\n withinGrid = false;\n\n /**\n * Set to `true` if page actions should be flush (no padding)\n */\n @property({ attribute: 'page-actions-flush', type: Boolean })\n pageActionsFlush = false;\n\n /**\n * Set to `true` if content actions should be flush (no padding)\n */\n @property({ attribute: 'content-actions-flush', type: Boolean })\n contentActionsFlush = false;\n\n render() {\n const { withinGrid } = this;\n const gridClasses = classMap({\n [`${prefix}--css-grid`]: !withinGrid,\n [`${prefix}--subgrid ${prefix}--subgrid--wide`]: withinGrid,\n });\n\n return html`\n <div class=\"${prefix}--page-header__breadcrumb-bar\">\n <div class=\"${gridClasses}\">\n <div\n class=\"${prefix}--sm:col-span-4 ${prefix}--md:col-span-8 ${prefix}--lg:col-span-16 ${prefix}--css-grid-column\">\n <div class=\"${prefix}--page-header__breadcrumb-container\">\n <div class=\"${prefix}--page-header__breadcrumb-wrapper\">\n <slot name=\"icon\"></slot>\n <slot></slot>\n </div>\n <div class=\"${prefix}--page-header__breadcrumb__actions\">\n <slot name=\"content-actions\"></slot>\n <slot name=\"page-actions\"></slot>\n </div>\n </div>\n </div>\n </div>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSPageHeaderBreadcrumb;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;AAGG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;AAAhD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,IAAI;AAEb;;;AAGG;QAEH,IAAA,CAAA,UAAU,GAAG,KAAK;AAElB;;AAEG;QAEH,IAAA,CAAA,gBAAgB,GAAG,KAAK;AAExB;;AAEG;QAEH,IAAA,CAAA,mBAAmB,GAAG,KAAK;IA+B7B;IA7BE,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI;QAC3B,MAAM,WAAW,GAAG,QAAQ,CAAC;AAC3B,YAAA,CAAC,GAAG,MAAM,CAAA,UAAA,CAAY,GAAG,CAAC,UAAU;AACpC,YAAA,CAAC,GAAG,MAAM,CAAA,UAAA,EAAa,MAAM,CAAA,eAAA,CAAiB,GAAG,UAAU;AAC5D,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;oBACK,MAAM,CAAA;sBACJ,WAAW,CAAA;;AAEZ,mBAAA,EAAA,MAAM,CAAA,gBAAA,EAAmB,MAAM,CAAA,gBAAA,EAAmB,MAAM,oBAAoB,MAAM,CAAA;0BAC7E,MAAM,CAAA;4BACJ,MAAM,CAAA;;;;4BAIN,MAAM,CAAA;;;;;;;;KAQ7B;IACH;;AAEO,uBAAA,CAAA,MAAM,GAAG,MAAH;AAjDb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACb,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAOd,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE;AAClC,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMnB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,IAAI,EAAE,OAAO,EAAE;AACnC,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAMzB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,IAAI,EAAE,OAAO,EAAE;AACnC,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,MAAA,CAAA;AAxBxB,uBAAuB,GAAA,UAAA,CAAA;AAD5B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;AAC3C,CAAA,EAAA,uBAAuB,CAuD5B;AAED,gCAAe,uBAAuB;;;;"}
|
|
@@ -13,8 +13,6 @@ import styles from './page-header.scss.js';
|
|
|
13
13
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
|
-
* @license
|
|
17
|
-
*
|
|
18
16
|
* Copyright IBM Corp. 2025, 2025
|
|
19
17
|
*
|
|
20
18
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header-content-text.js","sources":["../../../src/components/page-header/page-header-content-text.ts"],"sourcesContent":["/**\n *
|
|
1
|
+
{"version":3,"file":"page-header-content-text.js","sources":["../../../src/components/page-header/page-header-content-text.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Page header Content Text.\n * @element cds-custom-page-header-content-text\n */\n@customElement(`${prefix}-page-header-content-text`)\nclass CDSPageHeaderContentText extends LitElement {\n /**\n * Subtitle text of the page-header-content\n */\n @property()\n subtitle = '';\n\n render() {\n const { subtitle } = this;\n\n return html`\n ${subtitle &&\n html`<h3 class=\"${prefix}--page-header__content__subtitle\">\n ${subtitle}\n </h3>`}\n <slot></slot>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSPageHeaderContentText;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;AAGG;AAEH,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU,CAAA;AAAjD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,EAAE;IAef;IAbE,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI;AAEzB,QAAA,OAAO,IAAI,CAAA;QACP,QAAQ;YACV,IAAI,CAAA,cAAc,MAAM,CAAA;UACpB,QAAQ;AACN,WAAA,CAAA;;KAEP;IACH;;AAEO,wBAAA,CAAA,MAAM,GAAG,MAAH;AAdb,UAAA,CAAA;AADC,IAAA,QAAQ;AACK,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AALV,wBAAwB,GAAA,UAAA,CAAA;AAD7B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,yBAAA,CAA2B;AAC7C,CAAA,EAAA,wBAAwB,CAoB7B;AAED,iCAAe,wBAAwB;;;;"}
|
|
@@ -14,8 +14,6 @@ import styles from './page-header.scss.js';
|
|
|
14
14
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
|
-
* @license
|
|
18
|
-
*
|
|
19
17
|
* Copyright IBM Corp. 2025, 2025
|
|
20
18
|
*
|
|
21
19
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header-content.js","sources":["../../../src/components/page-header/page-header-content.ts"],"sourcesContent":["/**\n *
|
|
1
|
+
{"version":3,"file":"page-header-content.js","sources":["../../../src/components/page-header/page-header-content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Page header content.\n * @element cds-custom-page-header-content\n */\n@customElement(`${prefix}-page-header-content`)\nclass CDSPageHeaderContent extends LitElement {\n /**\n * Set to `true` if there are contextual actions\n */\n private _hasContextualActions = false;\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleSlotChange({ target }: Event) {\n this._hasContextualActions = Boolean(\n (target as HTMLSlotElement).assignedNodes()\n );\n if (this._hasContextualActions) {\n this.setAttribute('contextual-actions', 'true');\n } else {\n this.removeAttribute('contextual-actions');\n }\n this.requestUpdate();\n }\n\n /**\n * Title text of the page-header-content\n */\n @property()\n title = '';\n\n /**\n * Set to `true` if the tag text has ellipsis applied\n */\n @state()\n _hasEllipsisApplied = false;\n\n /**\n * Set to `true` if the breadcrumb bar is sitting within a grid\n * (ie. when used in tandem with page-header-hero-image)\n */\n @property({ attribute: 'within-grid', type: Boolean })\n withinGrid = false;\n\n updated() {\n const textContainer = this.shadowRoot?.querySelector(\n `.${prefix}--page-header__content__title`\n );\n\n if (!textContainer || this._hasEllipsisApplied === true) return;\n\n this._hasEllipsisApplied =\n textContainer.scrollHeight > textContainer.clientHeight;\n }\n\n render() {\n const {\n title,\n withinGrid,\n _hasEllipsisApplied: hasEllipsisApplied,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n const gridClasses = classMap({\n [`${prefix}--css-grid`]: !withinGrid,\n [`${prefix}--subgrid ${prefix}--subgrid--wide`]: withinGrid,\n });\n\n return html` <div class=\"${gridClasses}\">\n <div\n class=\"${prefix}--sm:col-span-4 ${prefix}--md:col-span-8 ${prefix}--lg:col-span-16 ${prefix}--css-grid-column\">\n <div class=\"${prefix}--page-header__content__title-wrapper\">\n <div class=\"${prefix}--page-header__content__start\">\n <div class=\"${prefix}--page-header__content__title-container\">\n <slot name=\"icon\"></slot>\n ${hasEllipsisApplied\n ? html`\n <cds-custom-definition-tooltip>\n <span slot=\"definition\">${title}</span>\n <h4 class=\"${prefix}--page-header__content__title\">\n ${title}\n </h4>\n </cds-custom-definition-tooltip>\n `\n : html`\n <h4 class=\"${prefix}--page-header__content__title\">\n ${title}\n </h4>\n `}\n </div>\n <slot\n name=\"contextual-actions\"\n @slotchange=${handleSlotChange}></slot>\n </div>\n <div class=\"${prefix}--page-header__content__page-actions\">\n <slot name=\"page-actions\"></slot>\n </div>\n </div>\n <slot></slot>\n </div>\n </div>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSPageHeaderContent;\n"],"names":["customElement"],"mappings":"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"}
|
|
@@ -12,8 +12,6 @@ import styles from './page-header.scss.js';
|
|
|
12
12
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
|
-
* @license
|
|
16
|
-
*
|
|
17
15
|
* Copyright IBM Corp. 2025, 2025
|
|
18
16
|
*
|
|
19
17
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header-hero-image.js","sources":["../../../src/components/page-header/page-header-hero-image.ts"],"sourcesContent":["/**\n *
|
|
1
|
+
{"version":3,"file":"page-header-hero-image.js","sources":["../../../src/components/page-header/page-header-hero-image.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Page header Hero Image.\n * @element cds-custom-page-header-hero-image\n */\n@customElement(`${prefix}-page-header-hero-image`)\nclass CDSPageHeaderHeroImage extends LitElement {\n render() {\n return html`<slot></slot> `;\n }\n\n static styles = styles;\n}\n\nexport default CDSPageHeaderHeroImage;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;;AAGG;AAEH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU,CAAA;IAC7C,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,cAAA,CAAgB;IAC7B;;AAEO,sBAAA,CAAA,MAAM,GAAG,MAAH;AALT,sBAAsB,GAAA,UAAA,CAAA;AAD3B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;AAC3C,CAAA,EAAA,sBAAsB,CAM3B;AAED,+BAAe,sBAAsB;;;;"}
|
|
@@ -12,8 +12,6 @@ import styles from './page-header.scss.js';
|
|
|
12
12
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
|
-
* @license
|
|
16
|
-
*
|
|
17
15
|
* Copyright IBM Corp. 2025, 2025
|
|
18
16
|
*
|
|
19
17
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header-tabs.js","sources":["../../../src/components/page-header/page-header-tabs.ts"],"sourcesContent":["/**\n *
|
|
1
|
+
{"version":3,"file":"page-header-tabs.js","sources":["../../../src/components/page-header/page-header-tabs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Page header Tabs Bar.\n * @element cds-custom-page-header-tabs\n */\n@customElement(`${prefix}-page-header-tabs`)\nclass CDSPageHeaderTabs extends LitElement {\n render() {\n // eslint-disable-next-line no-empty-pattern -- https://github.com/carbon-design-system/carbon/issues/20452\n const {} = this;\n return html` <div class=\"${prefix}--css-grid\">\n <div\n class=\"${prefix}--sm:col-span-4 ${prefix}--md:col-span-8 ${prefix}--lg:col-span-16 ${prefix}--css-grid-column\">\n <div class=\"${prefix}--page-header__tab-bar--tablist\">\n <slot></slot>\n <slot name=\"tags\"></slot>\n </div>\n </div>\n </div>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSPageHeaderTabs;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;;AAGG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;IACxC,MAAM,GAAA;QAGJ,OAAO,IAAI,CAAA,CAAA,aAAA,EAAgB,MAAM,CAAA;;AAEpB,eAAA,EAAA,MAAM,CAAA,gBAAA,EAAmB,MAAM,CAAA,gBAAA,EAAmB,MAAM,oBAAoB,MAAM,CAAA;sBAC7E,MAAM,CAAA;;;;;WAKjB;IACT;;AAEO,iBAAA,CAAA,MAAM,GAAG,MAAH;AAfT,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,iBAAA,CAAmB;AACrC,CAAA,EAAA,iBAAiB,CAgBtB;AAED,0BAAe,iBAAiB;;;;"}
|
|
@@ -12,8 +12,6 @@ import styles from './page-header.scss.js';
|
|
|
12
12
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
13
13
|
|
|
14
14
|
/**
|
|
15
|
-
* @license
|
|
16
|
-
*
|
|
17
15
|
* Copyright IBM Corp. 2019, 2023
|
|
18
16
|
*
|
|
19
17
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.js","sources":["../../../src/components/page-header/page-header.ts"],"sourcesContent":["/**\n *
|
|
1
|
+
{"version":3,"file":"page-header.js","sources":["../../../src/components/page-header/page-header.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './page-header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Page header.\n * @element cds-custom-page-header\n */\n@customElement(`${prefix}-page-header`)\nclass CDSPageHeader extends LitElement {\n render() {\n // eslint-disable-next-line no-empty-pattern -- https://github.com/carbon-design-system/carbon/issues/20452\n const {} = this;\n return html` <slot></slot>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSPageHeader;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;;AAGG;AAEH,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU,CAAA;IACpC,MAAM,GAAA;QAGJ,OAAO,IAAI,CAAA,CAAA,cAAA,CAAgB;IAC7B;;AAEO,aAAA,CAAA,MAAM,GAAG,MAAH;AAPT,aAAa,GAAA,UAAA,CAAA;AADlB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,YAAA,CAAc;AAChC,CAAA,EAAA,aAAa,CAQlB;AAED,sBAAe,aAAa;;;;"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from 'lit';
|
|
9
9
|
|
|
10
|
-
var styles = css([".cds-custom--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-custom--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-custom--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;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-custom--label html{font-size:100%}.cds-custom--label 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-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;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-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--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-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement 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-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--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));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:2.5rem}.cds-custom--text-input--sm.cds-custom--password-input{padding-inline-end:2rem}.cds-custom--text-input--lg.cds-custom--password-input{padding-inline-end:3rem}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{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));color:var(--cds-text-inverse,#fff);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);max-inline-size:13rem;min-inline-size:1.5rem;padding:.5rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.25rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.5625rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{inset-inline-start:-2.5rem}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--text-input--sm+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:2rem}.cds-custom--text-input--lg+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:3rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input{padding-inline-end:4rem}.cds-custom--text-input--invalid+.cds-custom--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--text-input--invalid .cds-custom--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input:before{animation:cds-custom--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-custom--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{flex-flow:row wrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input-wrapper .cds-custom--label--inline--sm{margin-block-start:.5625rem}.cds-custom--text-input-wrapper .cds-custom--label--inline--lg{margin-block-start:1.0625rem}.cds-custom--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}:host(cds-custom-password-input){--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;inline-size:100%;outline:none;padding-inline-end:2.5rem}:host(cds-custom-password-input) .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}:host(cds-custom-password-input) .cds-custom--icon-visibility-off,:host(cds-custom-password-input) .cds-custom--icon-visibility-on{vertical-align:middle}:host(cds-custom-password-input) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:1rem;position:absolute}:host(cds-custom-password-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-password-input) cds-custom-tooltip::part(popover-container){block-size:100%;inline-size:100%}:host(cds-custom-password-input) .cds-custom--btn--icon-only{background-color:transparent;block-size:100%;border:none;cursor:pointer;inline-size:100%}:host(cds-custom-password-input) .cds-custom--btn--icon-only:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-password-input) .cds-custom--btn--icon-only:focus{outline-style:dotted}}:host(cds-custom-password-input) .cds-custom--text-input--password__visibility__toggle svg{pointer-events:none}:host(cds-custom-passsword-input[invalid]) .cds-custom--text-input__field-wrapper--slug .cds-custom--text-input,:host(cds-custom-password-input[warn]) .cds-custom--text-input__field-wrapper--slug .cds-custom--text-input{padding-inline-end:4rem}:host(cds-custom-passsword-input[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-password-input[warn]) ::slotted(cds-custom-slug){inset-inline-end:2.5rem}:host(cds-custom-passsword-input[invalid]) cds-custom--text-input__field-wrapper,:host(cds-custom-password-input[warn]) cds-custom--text-input__field-wrapper{position:relative}"]);
|
|
10
|
+
var styles = css([".cds-custom--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-custom--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-custom--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;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-custom--label html{font-size:100%}.cds-custom--label 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-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;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-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--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-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement 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-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--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-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--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-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--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-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--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-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--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-custom--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-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--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-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--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));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:2.5rem}.cds-custom--text-input--sm.cds-custom--password-input{padding-inline-end:2rem}.cds-custom--text-input--lg.cds-custom--password-input{padding-inline-end:3rem}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{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));color:var(--cds-text-inverse,#fff);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);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{inset-inline-start:-2.5rem}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--text-input--sm+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:2rem}.cds-custom--text-input--lg+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:3rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input{padding-inline-end:4rem}.cds-custom--text-input--invalid+.cds-custom--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--text-input--invalid .cds-custom--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input:before{animation:cds-custom--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-custom--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{flex-flow:row wrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input-wrapper .cds-custom--label--inline--sm{margin-block-start:.5625rem}.cds-custom--text-input-wrapper .cds-custom--label--inline--lg{margin-block-start:1.0625rem}.cds-custom--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}:host(cds-custom-password-input){--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;inline-size:100%;outline:none;padding-inline-end:2.5rem}:host(cds-custom-password-input) .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}:host(cds-custom-password-input) .cds-custom--icon-visibility-off,:host(cds-custom-password-input) .cds-custom--icon-visibility-on{vertical-align:middle}:host(cds-custom-password-input) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:1rem;position:absolute}:host(cds-custom-password-input) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-password-input) cds-custom-tooltip::part(popover-container){block-size:100%;inline-size:100%}:host(cds-custom-password-input) .cds-custom--btn--icon-only{background-color:transparent;block-size:100%;border:none;cursor:pointer;inline-size:100%}:host(cds-custom-password-input) .cds-custom--btn--icon-only:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-password-input) .cds-custom--btn--icon-only:focus{outline-style:dotted}}:host(cds-custom-password-input) .cds-custom--text-input--password__visibility__toggle svg{pointer-events:none}:host(cds-custom-passsword-input[invalid]) .cds-custom--text-input__field-wrapper--slug .cds-custom--text-input,:host(cds-custom-password-input[warn]) .cds-custom--text-input__field-wrapper--slug .cds-custom--text-input{padding-inline-end:4rem}:host(cds-custom-passsword-input[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-password-input[warn]) ::slotted(cds-custom-slug){inset-inline-end:2.5rem}:host(cds-custom-passsword-input[invalid]) cds-custom--text-input__field-wrapper,:host(cds-custom-password-input[warn]) cds-custom--text-input__field-wrapper{position:relative}"]);
|
|
11
11
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=password-input.scss.js.map
|
|
@@ -10,7 +10,7 @@ import { LitElement, html } from 'lit';
|
|
|
10
10
|
import { property } from 'lit/decorators.js';
|
|
11
11
|
import { carbonElement } from '../../globals/decorators/carbon-element.js';
|
|
12
12
|
import { prefix } from '../../globals/settings.js';
|
|
13
|
-
import
|
|
13
|
+
import popoverStyles from './popover.scss.js';
|
|
14
14
|
import { POPOVER_BACKGROUND_TOKEN } from './defs.js';
|
|
15
15
|
|
|
16
16
|
/**
|
|
@@ -81,7 +81,7 @@ let CDSPopoverContent = class CDSPopoverContent extends LitElement {
|
|
|
81
81
|
`;
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
|
-
CDSPopoverContent.styles =
|
|
84
|
+
CDSPopoverContent.styles = popoverStyles;
|
|
85
85
|
__decorate([
|
|
86
86
|
property({ reflect: true, type: String })
|
|
87
87
|
], CDSPopoverContent.prototype, "align", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-content.js","sources":["../../../src/components/popover/popover-content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss?lit';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\n\n/**\n * Popover.\n *\n * @element cds-custom-popover-content\n */\n@customElement(`${prefix}-popover-content`)\nclass CDSPopoverContent extends LitElement {\n /**\n * Specify the popover alignment\n */\n @property({ reflect: true, type: String })\n align = '';\n\n /**\n * Specify whether a auto align functionality should be applied\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * Specify whether a caret should be rendered\n */\n @property({ type: Boolean, reflect: true })\n caret;\n\n /**\n * Specify whether a dropShadow should be rendered\n */\n @property({ type: Boolean, reflect: true })\n dropShadow = true;\n\n /**\n * Specify whether a border should be rendered on the popover\n */\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /**\n * Render the component using the high-contrast variant\n */\n @property({ type: Boolean, reflect: true })\n highContrast = false;\n\n /**\n * Specify whether the component is currently open or closed\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Render the component using the tab tip variant\n */\n @property({ type: Boolean, reflect: true })\n tabTip = false;\n\n /**\n * Specify the background token to use. Default is 'layer'.\n */\n @property({ reflect: true, type: String })\n backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n /**\n * The shadow slot this popover content should be in.\n */\n @property({ reflect: true })\n slot = 'content';\n\n render() {\n return html`\n <span class=\"${prefix}--popover\">\n <span class=\"${prefix}--popover-content\" part=\"content\" tabindex=\"-1\">\n <slot> </slot>\n ${this.autoalign\n ? html`<span\n class=\"${prefix}--popover-caret ${prefix}--popover--auto-align\"></span>`\n : null}\n </span>\n ${!this.autoalign\n ? html`<span class=\"${prefix}--popover-caret\"></span>`\n : null}\n </span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSPopoverContent;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;;;AAIG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,KAAK,GAAG,EAAE;AAEV;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;AAQjB;;AAEG;QAEH,IAAA,CAAA,UAAU,GAAG,IAAI;AAEjB;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,KAAK;AAEd;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,KAAK;AAEpB;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,KAAK;AAEZ;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,KAAK;AAEd;;AAEG;AAEH,QAAA,IAAA,CAAA,eAAe,GAAG,wBAAwB,CAAC,KAAK;AAEhD;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,SAAS;IAoBlB;IAlBE,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA;qBACM,MAAM,CAAA;uBACJ,MAAM,CAAA;;AAEjB,UAAA,EAAA,IAAI,CAAC;cACH,IAAI,CAAA,CAAA;yBACO,MAAM,CAAA,gBAAA,EAAmB,MAAM,CAAA,8BAAA;AAC5C,cAAE,IAAI;;UAER,CAAC,IAAI,CAAC;AACN,cAAE,IAAI,CAAA,CAAA,aAAA,EAAgB,MAAM,CAAA,wBAAA;AAC5B,cAAE,IAAI;;KAEX;IACH;;AAEO,iBAAA,CAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"popover-content.js","sources":["../../../src/components/popover/popover-content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss?lit';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\n\n/**\n * Popover.\n *\n * @element cds-custom-popover-content\n */\n@customElement(`${prefix}-popover-content`)\nclass CDSPopoverContent extends LitElement {\n /**\n * Specify the popover alignment\n */\n @property({ reflect: true, type: String })\n align = '';\n\n /**\n * Specify whether a auto align functionality should be applied\n */\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /**\n * Specify whether a caret should be rendered\n */\n @property({ type: Boolean, reflect: true })\n caret;\n\n /**\n * Specify whether a dropShadow should be rendered\n */\n @property({ type: Boolean, reflect: true })\n dropShadow = true;\n\n /**\n * Specify whether a border should be rendered on the popover\n */\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /**\n * Render the component using the high-contrast variant\n */\n @property({ type: Boolean, reflect: true })\n highContrast = false;\n\n /**\n * Specify whether the component is currently open or closed\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * Render the component using the tab tip variant\n */\n @property({ type: Boolean, reflect: true })\n tabTip = false;\n\n /**\n * Specify the background token to use. Default is 'layer'.\n */\n @property({ reflect: true, type: String })\n backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n /**\n * The shadow slot this popover content should be in.\n */\n @property({ reflect: true })\n slot = 'content';\n\n render() {\n return html`\n <span class=\"${prefix}--popover\">\n <span class=\"${prefix}--popover-content\" part=\"content\" tabindex=\"-1\">\n <slot> </slot>\n ${this.autoalign\n ? html`<span\n class=\"${prefix}--popover-caret ${prefix}--popover--auto-align\"></span>`\n : null}\n </span>\n ${!this.autoalign\n ? html`<span class=\"${prefix}--popover-caret\"></span>`\n : null}\n </span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSPopoverContent;\n"],"names":["styles","customElement"],"mappings":"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"}
|