@carbon/web-components 2.46.0 → 2.47.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/menu/menu.scss.js +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.js +8 -1
- package/es/components/notification/actionable-notification.js.map +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/pagination/pagination.js +7 -4
- package/es/components/pagination/pagination.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/tabs/defs.d.ts +4 -0
- package/es/components/tabs/defs.js +4 -0
- package/es/components/tabs/defs.js.map +1 -1
- package/es/components/tabs/tabs.d.ts +2 -4
- package/es/components/tabs/tabs.js +37 -8
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tabs/tabs.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/menu/menu.scss.js +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.js +8 -1
- package/es-custom/components/notification/actionable-notification.js.map +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/pagination/pagination.js +7 -4
- package/es-custom/components/pagination/pagination.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/tabs/defs.d.ts +4 -0
- package/es-custom/components/tabs/defs.js +4 -0
- package/es-custom/components/tabs/defs.js.map +1 -1
- package/es-custom/components/tabs/tabs.d.ts +2 -4
- package/es-custom/components/tabs/tabs.js +37 -8
- package/es-custom/components/tabs/tabs.js.map +1 -1
- package/es-custom/components/tabs/tabs.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/tabs/defs.d.ts +4 -0
- package/lib/components/tabs/defs.js +4 -0
- package/lib/components/tabs/defs.js.map +1 -1
- package/lib/components/tabs/tabs.d.ts +2 -4
- 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/menu/menu.scss +11 -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/tabs/tabs.scss +7 -0
- 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
package/dist/tooltip.min.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2019, 2020
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* @license
|
|
9
|
-
*
|
|
10
|
-
* This bundle contains the following third-party dependencies:
|
|
11
|
-
*
|
|
12
|
-
* Also refer to the following links for the license of other third-party dependencies:
|
|
13
|
-
*
|
|
14
|
-
* https://www.npmjs.com/package/tslib
|
|
15
|
-
* https://www.npmjs.com/package/lit
|
|
16
|
-
* https://www.npmjs.com/package/@lit/context
|
|
17
|
-
* https://www.npmjs.com/package/lodash-es
|
|
18
|
-
* https://www.npmjs.com/package/@floating-ui/dom
|
|
19
|
-
* https://www.npmjs.com/package/@carbon/icon-helpers
|
|
20
|
-
* https://www.npmjs.com/package/flatpickr
|
|
21
|
-
* https://www.npmjs.com/package/lit-html
|
|
22
|
-
* https://www.npmjs.com/package/lit-element
|
|
23
|
-
* https://www.npmjs.com/package/@lit/reactive-element
|
|
24
|
-
* https://www.npmjs.com/package/@floating-ui/utils
|
|
25
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
|
-
*/
|
|
27
|
-
|
|
28
|
-
import{s as o}from"./tooltip-content-eYgOs_c2.js";import{_ as e,r as t,x as n}from"./lit-element-W7dQy3wx.js";import{n as s}from"./property-D8KHfsO7.js";import{r as i}from"./state-DVnprZ3A.js";import{p}from"./settings-CVGvqY8T.js";import{P as r}from"./defs-CcLNpvSO.js";import"./popover.min.js";import{c as a}from"./carbon-element-tFMTVffV.js";import"./host-listener-BFnrKETa.js";import"./host-listener-maKckXVl.js";import"./on-Bh72-1o0.js";import"./class-map-BLvVLLRH.js";import"./directive-CwpJ03IP.js";import"./query-DZZk85FD.js";import"./floating-controller-ClaZwDaj.js";let l=class extends t{constructor(){super(...arguments),this.align="bottom",this.autoalign=!1,this.defaultOpen=!1,this.openOnHover=!1,this.open=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("default-open")&&(this.open=!0)}_handleBlur(){this.open=!1}_handleMouseDown(){this.open=!this.open}_handleKeyDown(o){const{key:e}=o;!this.open||"Esc"!==e&&"Escape"!==e||(o.stopPropagation(),this.open=!1)}_handleHover(){this.openOnHover&&!this.open?this.open=!0:this.open=!1}_handleFocus(){this.open=!0}render(){const{align:o,open:e}=this;return n`
|
|
29
|
-
<cds-popover
|
|
30
|
-
@mouseenter=${this._handleHover}
|
|
31
|
-
@mouseleave=${this._handleHover}
|
|
32
|
-
highContrast
|
|
33
|
-
dropShadow=${!1}
|
|
34
|
-
align=${o}
|
|
35
|
-
.open=${e}>
|
|
36
|
-
<button
|
|
37
|
-
@focus=${this._handleFocus}
|
|
38
|
-
@blur=${this._handleBlur}
|
|
39
|
-
@mousedown=${this._handleMouseDown}
|
|
40
|
-
@keydown=${this._handleKeyDown}
|
|
41
|
-
aria-expanded=${e}
|
|
42
|
-
part="definition-term"
|
|
43
|
-
class="${p}--definition-term">
|
|
44
|
-
<slot></slot>
|
|
45
|
-
</button>
|
|
46
|
-
<cds-popover-content>
|
|
47
|
-
<slot name="definition"></slot>
|
|
48
|
-
</cds-popover-content>
|
|
49
|
-
</cds-popover>
|
|
50
|
-
`}};l.styles=o,e([s({reflect:!0,type:r})],l.prototype,"align",void 0),e([s({type:Boolean,reflect:!0})],l.prototype,"autoalign",void 0),e([s({type:Boolean,reflect:!0,attribute:"default-open"})],l.prototype,"defaultOpen",void 0),e([s({reflect:!0,type:Boolean,attribute:"open-on-hover"})],l.prototype,"openOnHover",void 0),e([i()],l.prototype,"open",void 0),l=e([a(`${p}-definition-tooltip`)],l);
|
package/dist/tree-view.min.js
DELETED
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright IBM Corp. 2019, 2020
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* @license
|
|
9
|
-
*
|
|
10
|
-
* This bundle contains the following third-party dependencies:
|
|
11
|
-
*
|
|
12
|
-
* Also refer to the following links for the license of other third-party dependencies:
|
|
13
|
-
*
|
|
14
|
-
* https://www.npmjs.com/package/tslib
|
|
15
|
-
* https://www.npmjs.com/package/lit
|
|
16
|
-
* https://www.npmjs.com/package/@lit/context
|
|
17
|
-
* https://www.npmjs.com/package/lodash-es
|
|
18
|
-
* https://www.npmjs.com/package/@floating-ui/dom
|
|
19
|
-
* https://www.npmjs.com/package/@carbon/icon-helpers
|
|
20
|
-
* https://www.npmjs.com/package/flatpickr
|
|
21
|
-
* https://www.npmjs.com/package/lit-html
|
|
22
|
-
* https://www.npmjs.com/package/lit-element
|
|
23
|
-
* https://www.npmjs.com/package/@lit/reactive-element
|
|
24
|
-
* https://www.npmjs.com/package/@floating-ui/utils
|
|
25
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
|
-
*/
|
|
27
|
-
|
|
28
|
-
import{i as e,_ as t,r,x as d}from"./lit-element-W7dQy3wx.js";import{e as s}from"./class-map-BLvVLLRH.js";import{n as o}from"./property-D8KHfsO7.js";import{r as i}from"./state-DVnprZ3A.js";import{p as n}from"./settings-CVGvqY8T.js";import{i as a}from"./icon-loader-BiaaiIZd.js";import{c as l}from"./carbon-element-tFMTVffV.js";import{H as c}from"./host-listener-BFnrKETa.js";import{H as h}from"./host-listener-maKckXVl.js";import"./directive-CwpJ03IP.js";import"./icon-loader-utils-Dw7YsY3n.js";import"./unsafe-html-SGvBIOsG.js";import"./on-Bh72-1o0.js";var p={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M24 12 16 22 8 12z"}}],name:"caret--down",size:16},b=e(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}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--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--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--label html{font-size:100%}.cds--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--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--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--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--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--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--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--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--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--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--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--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--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--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--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--select--inline .cds--form__helper-text{margin-block-start:0}.cds--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--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tree{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--tree *,.cds--tree :after,.cds--tree :before{box-sizing:inherit}.cds--tree{overflow:hidden}.cds--tree-node,:host(cds-tree-node:not([href])){background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-secondary,#525252);padding-inline-start:1rem}.cds--tree-node:focus{outline:none}.cds--tree-node:hover{cursor:pointer}.cds--tree-node--hidden{display:none}.cds--tree-node__children{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--tree-node__children *,.cds--tree-node__children :after,.cds--tree-node__children :before{box-sizing:inherit}.cds--tree-node__children{list-style-type:none}.cds--tree-node--with-icon .cds--tree-node,.cds--tree-node--with-icon :host(cds-tree-node:not([href])){margin-inline-start:.5rem}.cds--tree-node:focus>.cds--tree-node__label{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tree-node:focus>.cds--tree-node__label{outline-style:dotted}}.cds--tree-node.cds--tree-parent-node>.cds--tree-node__label{inline-size:auto}.cds--tree-node--disabled:focus>.cds--tree-node__label{outline:none}.cds--tree-node--disabled,.cds--tree-node--disabled .cds--tree-node__label:hover,.cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__label__details,:host(cds-tree-node[disabled]:not([href])),:host(cds-tree-node[disabled]:not([href])) .cds--tree-node__label:hover,:host(cds-tree-node[disabled]:not([href])) .cds--tree-node__label:hover .cds--tree-node__label__details{background-color:var(--cds-field-01,#f4f4f4);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tree-node--disabled .cds--tree-node__icon,.cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__icon,.cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon,.cds--tree-node--disabled .cds--tree-parent-node__toggle-icon,:host(:host(cds-tree-node:not([href])cds-tree-node[disabled]:not([href]))) ::slotted([slot=icon]),:host(cds-tree-node:not([href])) .cds--tree-node--disabled ::slotted([slot=icon]),:host(cds-tree-node[disabled]:not([href])) .cds--tree-node__icon,:host(cds-tree-node[disabled]:not([href])) .cds--tree-parent-node__toggle-icon{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--tree-node--disabled,.cds--tree-node--disabled .cds--tree-parent-node__toggle-icon:hover,:host(cds-tree-node[disabled]:not([href])),:host(cds-tree-node[disabled]:not([href])) .cds--tree-parent-node__toggle-icon:hover{cursor:not-allowed}:host(cds-tree-node[href][parent]) a.cds--tree-node,li a.cds--tree-node{text-decoration:none}:host(cds-tree-node[href][parent]) a.cds--tree-node:not(.cds--tree-node--disabled),li a.cds--tree-node:not(.cds--tree-node--disabled){color:var(--cds-text-secondary,#525252)}:host(cds-tree-node[href][parent]),li.cds--tree-node-link-parent{background-color:var(--cds-layer-01,#f4f4f4);display:flex;flex-direction:column}:host(cds-tree-node[href][parent])>.cds--tree-node__children,li.cds--tree-node-link-parent>.cds--tree-node__children{padding-inline-start:1rem}.cds--tree-node__label{align-items:center;box-sizing:border-box;display:flex;flex:1;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);min-block-size:2rem;padding-inline-end:1rem;position:relative}.cds--tree-node__label:hover{background-color:var(--cds-layer-hover-01,#e8e8e8);color:var(--cds-text-primary,#161616)}.cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label,:host(cds-tree-node:not([href]):not(.cds--tree-parent-node)) .cds--tree-node__label{padding-block:.4375rem .4375rem}.cds--tree-node__label:hover .cds--tree-node__label__details{color:var(--cds-text-primary,#161616)}.cds--tree-node__label:hover .cds--tree-node__icon,.cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon,:host(cds-tree-node:not([href])) .cds--tree-node__label:hover ::slotted([slot=icon]){fill:var(--cds-icon-primary,#161616)}.cds--tree-leaf-node,:host(cds-tree-node:not([parent]):not([href])){display:flex;padding-inline-start:2.5rem}.cds--tree-leaf-node.cds--tree-node--with-icon{padding-inline-start:2rem}.cds--tree-leaf-node.cds--tree-node--with-icon .cds--tree-leaf-node,.cds--tree-leaf-node.cds--tree-node--with-icon :host(cds-tree-node:not([parent]):not([href])){padding-inline-start:1.5rem}.cds--tree-node__label__details{align-items:center;display:flex;min-inline-size:0}.cds--tree-node--with-icon .cds--tree-parent-node__toggle{margin-inline-end:0}.cds--tree-parent-node__toggle{align-items:center;block-size:1.5rem;border:0;display:flex;inline-size:1.5rem;margin-inline:-.25rem .25rem;padding-inline-start:.25rem}.cds--tree-parent-node__toggle:hover{cursor:pointer}.cds--tree-parent-node__toggle:focus{outline:none}.cds--tree-parent-node__toggle-icon{fill:var(--cds-icon-secondary,#525252);transform:rotate(-90deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}.cds--tree-parent-node__toggle-icon--expanded{transform:rotate(0)}.cds--tree-node__icon,:host(cds-tree-node:not([href])) ::slotted([slot=icon]){fill:var(--cds-icon-secondary,#525252);margin-inline:.5rem .5rem;min-block-size:1rem;min-inline-size:1rem}.cds--tree-parent-node__toggle+.cds--tree-node__label__details .cds--tree-node__icon,:host(cds-tree-node:not([href])) .cds--tree-parent-node__toggle+.cds--tree-node__label__details ::slotted([slot=icon]){margin-inline-start:.25rem}.cds--tree-node--selected>.cds--tree-node__label,:host(cds-tree-node[selected]:not([href]))>.cds--tree-node__label{background-color:var(--cds-layer-selected-01,#e0e0e0);color:var(--cds-text-primary,#161616)}.cds--tree-node--selected>.cds--tree-node__label:hover,:host(cds-tree-node[selected]:not([href]))>.cds--tree-node__label:hover{background-color:var(--cds-layer-selected-hover-01,#d1d1d1)}.cds--tree-node--selected>.cds--tree-node__label .cds--tree-node__icon,.cds--tree-node--selected>.cds--tree-node__label .cds--tree-parent-node__toggle-icon,:host(:host(cds-tree-node:not([href])cds-tree-node[selected]:not([href])))>.cds--tree-node__label ::slotted([slot=icon]),:host(cds-tree-node:not([href])) .cds--tree-node--selected>.cds--tree-node__label ::slotted([slot=icon]),:host(cds-tree-node[selected]:not([href]))>.cds--tree-node__label .cds--tree-node__icon,:host(cds-tree-node[selected]:not([href]))>.cds--tree-node__label .cds--tree-parent-node__toggle-icon{fill:var(--cds-icon-primary,#161616)}.cds--tree-node--active>.cds--tree-node__label,:host(cds-tree-node[active]:not([href]))>.cds--tree-node__label{position:relative}.cds--tree-node--active>.cds--tree-node__label:before,:host(cds-tree-node[active]:not([href]))>.cds--tree-node__label:before{background-color:var(--cds-interactive,#0f62fe);block-size:100%;content:"";inline-size:.25rem;inset-block-start:0;inset-inline-start:0;position:absolute}.cds--tree--xs .cds--tree-node__label{min-block-size:1.5rem}.cds--tree--xs .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label,.cds--tree--xs :host(cds-tree-node:not([href]):not(.cds--tree-parent-node)) .cds--tree-node__label{padding:0}.cds--tree--xs .cds--tree-parent-node__toggle{margin-block-start:0}.cds--tree-node__label__text{display:block;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);line-height:1.2;overflow:hidden;padding-inline-start:.25rem;text-overflow:ellipsis;white-space:nowrap}.cds--tree-node__label .cds--icon-tooltip{inline-size:100%}.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only{background:transparent;block-size:auto;border:none;color:inherit;inline-size:100%;min-block-size:unset;padding:0;text-align:start}.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only .cds--tree-node__label__text{color:inherit;inline-size:100%}.cds--tree-node__label .cds--tooltip-content{padding:1rem}.cds--tree-node__label .cds--popover-container{inline-size:100%}.cds--tooltip-trigger__wrapper .cds--btn--ghost:focus{box-shadow:none;outline:2px solid var(--cds-focus,#0f62fe)}:host(cds-tree-view){display:block}:host(cds-tree-node){box-sizing:border-box;display:list-item}:host(cds-tree-node) .cds--tree-node__label{box-sizing:inherit}:host(cds-tree-node) .cds--tree-node__hidden{display:none}:host(cds-tree-node) .cds--tree-parent-node__toggle{box-sizing:inherit}:host(cds-tree-node:focus-visible){outline:none}:host(cds-tree-node:focus-visible) .cds--tree-node__label{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-tree-node:focus-visible) .cds--tree-node__label{outline-style:dotted}}:host(cds-tree-node:not([parent]):not([href])) .cds--tree-node__label{padding-block:.4375rem}:host(cds-tree-node[href]) .cds--tree-node,:host(cds-tree-node[href]) :host(cds-tree-node:not([href])){box-sizing:inherit}:host(cds-tree-node[href]) .cds--tree-node__label{padding-block:0}:host(cds-tree-node[has-icon]:not([parent]:not([href]))){padding-inline-start:2rem}:host(cds-tree-node[has-icon]:not([href])){padding-inline-start:.5rem}:host(cds-tree-node[has-icon]:not([href])) .cds--tree-parent-node__toggle{margin-inline-end:0}:host(cds-tree-node[has-icon][parent]:not([href])){padding-inline-start:1rem}:host(cds-tree-node[has-icon]:not([href])) ::slotted(cds-tree-node){margin-inline-start:.5rem}:host(cds-tree-node:not([href])[size=xs]) .cds--tree-node__label{min-block-size:1.5rem}:host(cds-tree-node:not([href])[size=xs]) .cds--tree-parent-node__toggle{margin-block-start:0}:host(cds-tree-node:not([href])[size=xs]:not([parent])) .cds--tree-node__label{padding:0}:host(cds-tree-node[href]) a{text-decoration:none}']);
|
|
29
|
-
/**
|
|
30
|
-
* @license
|
|
31
|
-
*
|
|
32
|
-
* Copyright IBM Corp. 2025, 2025
|
|
33
|
-
*
|
|
34
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
35
|
-
* LICENSE file in the root directory of this source tree.
|
|
36
|
-
*/
|
|
37
|
-
let f=class extends r{constructor(){super(...arguments),this._hasChildren=!1,this._hasIcon=!1,this._handleStyles=()=>{const{_depth:e,_hasChildren:t,_hasIcon:r}=this,d=()=>t&&r?e+1+.5*e:t?e+1:r?e+2+.5*e:e+2.5,s=this.shadowRoot.querySelector(`.${n}--tree-node__label`);s&&(s.style.marginInlineStart=`-${d()}rem`,s.style.paddingInlineStart=`${d()}rem`)},this._handleToggleClick=e=>{const{disabled:t,href:r}=this;t||(e.stopPropagation(),r&&e.preventDefault(),this.isExpanded=!this.isExpanded,this.hasAttribute("aria-expanded")&&this.setAttribute("aria-expanded",String(this.isExpanded)))},this.active=!1,this.disabled=!1,this._depth=0,this.isExpanded=!1,this.id=Math.random().toString(16).slice(2),this.selected=!1}_handleSlotChange({target:e}){const{_depth:t,disabled:r}=this,d=e.assignedNodes().filter((e=>e.nodeType===Node.ELEMENT_NODE&&e.tagName.toLowerCase()===`${n}-tree-node`));d.forEach((e=>{e._depth=t+1,e.disabled=r})),this._hasChildren=d.length>0,this._hasChildren&&this.setAttribute("parent",""),this.requestUpdate()}_handleIconSlotChange({target:e}){this._hasIcon=e.assignedNodes().length>0,this._hasIcon&&this.setAttribute("has-icon",""),this.requestUpdate()}connectedCallback(){super.connectedCallback(),this._hasChildren=Array.from(this.children).some((e=>e.tagName.toLowerCase()===`${n}-tree-node`)),this._hasIcon=Array.from(this.children).some((e=>"icon"===e.getAttribute("slot"))),this.hasAttribute("role")||this.href||this.setAttribute("role","treeitem"),this._hasChildren&&!this.href&&this.setAttribute("aria-expanded",String(this.isExpanded)),this.hasAttribute("aria-label")||this.setAttribute("aria-label",this.label)}_dispatchSelectedEvent(e){const{eventSelected:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{value:e}}))}_dispatchToggledEvent(e,t){const{eventToggled:r}=this.constructor;this.dispatchEvent(new CustomEvent(r,{bubbles:!0,composed:!0,detail:{value:e,expanded:t}}))}updated(e){e.has("_depth")&&this._handleStyles(),e.has("selected")&&(this.href||this.setAttribute("aria-selected",String(this.href||this.disabled?void 0:this.selected)),this.selected&&this._dispatchSelectedEvent(this.label)),e.has("active")&&!this.href&&this.setAttribute("aria-current",String(this.href?this.active?"page":void 0:this.active||void 0)),e.has("disabled")&&this.setAttribute("aria-disabled",String(this.disabled)),e.has("isExpanded")&&this._dispatchToggledEvent(this.label,this.isExpanded)}render(){const{disabled:e,isExpanded:t,href:r,id:o,label:i,onClick:l,_hasChildren:c,_handleIconSlotChange:h,_handleSlotChange:b,_handleToggleClick:f}=this;let _=`${n}--tree-parent-node__toggle-icon`;t&&(_+=`${n}--tree-parent-node__toggle-icon--expanded`);const m=s({[`${n}--tree-node`]:!0,[`${n}--tree-node--active`]:this.active,[`${n}--tree-node--disabled`]:e,[`${n}--tree-node--selected`]:this.selected,[`${n}--tree-node--with-icon`]:this._hasIcon,[`${n}--tree-leaf-node`]:!this._hasChildren,[`${n}--tree-parent-node`]:this._hasChildren}),u=s({[`${n}--tree-node__children`]:!0,[`${n}--tree-node__hidden`]:!t});return d`
|
|
38
|
-
${c?d`
|
|
39
|
-
${r?d` <a
|
|
40
|
-
role="treeitem"
|
|
41
|
-
class=${m}
|
|
42
|
-
aria-expanded=${!!t}
|
|
43
|
-
aria-owns="subtree-id-${o}"
|
|
44
|
-
href=${e?void 0:r}
|
|
45
|
-
tabindex=${e?-1:void 0}
|
|
46
|
-
@click=${l}>
|
|
47
|
-
<div id="label" class="${n}--tree-node__label">
|
|
48
|
-
<span
|
|
49
|
-
class="${n}--tree-parent-node__toggle"
|
|
50
|
-
?disabled=${e}
|
|
51
|
-
@click=${f}>
|
|
52
|
-
${a(p,{class:_})}
|
|
53
|
-
</span>
|
|
54
|
-
<span class="${n}--tree-node__label__details">
|
|
55
|
-
<slot
|
|
56
|
-
name="icon"
|
|
57
|
-
@slotchange=${h}></slot>
|
|
58
|
-
${i}
|
|
59
|
-
</span>
|
|
60
|
-
</div>
|
|
61
|
-
</a>
|
|
62
|
-
<ul
|
|
63
|
-
id="subtree-id-${o}"
|
|
64
|
-
role="group"
|
|
65
|
-
class="${u}">
|
|
66
|
-
<slot @slotchange=${b}></slot>
|
|
67
|
-
</ul>`:d`<div id="label" class="${n}--tree-node__label">
|
|
68
|
-
<span
|
|
69
|
-
class="${n}--tree-parent-node__toggle"
|
|
70
|
-
?disabled=${e}
|
|
71
|
-
@click=${f}>
|
|
72
|
-
${a(p,{class:_})}
|
|
73
|
-
</span>
|
|
74
|
-
<span class="${n}--tree-node__label__details">
|
|
75
|
-
<slot
|
|
76
|
-
name="icon"
|
|
77
|
-
@slotchange=${h}></slot>
|
|
78
|
-
${i}
|
|
79
|
-
</span>
|
|
80
|
-
</div>
|
|
81
|
-
<ul
|
|
82
|
-
id="subtree-id-${o}"
|
|
83
|
-
role="group"
|
|
84
|
-
class="${u}">
|
|
85
|
-
<slot @slotchange=${b}></slot>
|
|
86
|
-
</ul>`}
|
|
87
|
-
`:d`
|
|
88
|
-
${r?d`<a
|
|
89
|
-
class=${m}
|
|
90
|
-
href=${e?void 0:r}
|
|
91
|
-
role="treeitem"
|
|
92
|
-
?aria-disabled=${e}
|
|
93
|
-
aria-current=${this.href?this.active?"page":void 0:this.active||void 0}
|
|
94
|
-
tabindex=${e?-1:void 0}
|
|
95
|
-
@click=${l}>
|
|
96
|
-
<div id="label" class="${n}--tree-node__label">
|
|
97
|
-
<slot
|
|
98
|
-
name="icon"
|
|
99
|
-
@slotchange=${h}></slot>
|
|
100
|
-
${i}
|
|
101
|
-
</div>
|
|
102
|
-
</a>`:d` <div id="label" class="${n}--tree-node__label">
|
|
103
|
-
<slot name="icon" @slotchange=${h}></slot>
|
|
104
|
-
${i}
|
|
105
|
-
</div>`}
|
|
106
|
-
`}
|
|
107
|
-
`}static get eventSelected(){return`${n}-tree-node-selected`}static get eventToggled(){return`${n}-tree-node-toggled`}};
|
|
108
|
-
/**
|
|
109
|
-
* @license
|
|
110
|
-
*
|
|
111
|
-
* Copyright IBM Corp. 2025, 2025
|
|
112
|
-
*
|
|
113
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
114
|
-
* LICENSE file in the root directory of this source tree.
|
|
115
|
-
*/
|
|
116
|
-
var _,m;f.styles=b,t([o({type:Boolean,reflect:!0})],f.prototype,"active",void 0),t([o({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),t([i()],f.prototype,"_depth",void 0),t([o({type:Boolean,attribute:"is-expanded"})],f.prototype,"isExpanded",void 0),t([o({})],f.prototype,"href",void 0),t([o({})],f.prototype,"id",void 0),t([o({})],f.prototype,"label",void 0),t([o({type:Boolean,reflect:!0})],f.prototype,"selected",void 0),t([o({type:Function})],f.prototype,"onClick",void 0),f=t([l(`${n}-tree-node`)],f),function(e){e.SMALL="sm",e.EXTRA_SMALL="xs"}(_||(_={}));let u=m=class extends(h(r)){constructor(){super(...arguments),this.hideLabel=!1,this.size=_.SMALL,this._click=({target:e})=>{if(e.disabled)return;this.querySelectorAll(m.selectorTreeNode).forEach((t=>{var r;const d=t===e,s=t.hasAttribute("href"),o=s?null===(r=t.shadowRoot)||void 0===r?void 0:r.querySelector("a"):t;t.selected=d,t.active=d,d?o.setAttribute("tabindex","0"):s?o.setAttribute("tabindex","-1"):o.removeAttribute("tabindex")}))},this._handleKeyDown=e=>{const{key:t}=e,r=Array.from(this.querySelectorAll(m.selectorTreeNode)).filter((e=>e.checkVisibility()&&!e.hasAttribute("disabled"))),d=Array.from(this.querySelectorAll(m.selectorTreeNode)).filter((e=>!e.hasAttribute("disabled"))),s=r[0].href,o=r.findIndex((e=>{var t;return s?"0"===(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("a").getAttribute("tabindex")):"0"===e.getAttribute("tabindex")}));let i=o;switch(t){case"ArrowDown":i=Math.min(o+1,r.length-1);break;case"ArrowUp":i=Math.max(o-1,0);break;case"Home":i=0;break;case"End":i=r.length-1;break;case"Enter":case" ":e.preventDefault(),d.forEach((e=>{e.selected=!1,e.active=!1})),r[o].selected=!0,r[o].active=!0;break;case"ArrowRight":r[o].hasAttribute("parent")&&(r[o].isExpanded=!0,r[o].setAttribute("aria-expanded","true"));break;case"ArrowLeft":if(r[o].hasAttribute("parent"))r[o].isExpanded=!1,r[o].setAttribute("aria-expanded","false");else{const e=r.findIndex((e=>e===r[o].parentElement));i=-1===e?o:e}}if(i!==o){r.forEach((e=>{var t;s?null===(t=e.shadowRoot)||void 0===t||t.querySelector("a").setAttribute("tabindex","-1"):e.removeAttribute("tabindex")}));const t=s?r[i].shadowRoot.querySelector("a"):r[i];t.setAttribute("tabindex","0"),t.focus(),e.preventDefault()}}}async _setInitialFocus(){await this.updateComplete;const e=this.querySelectorAll(m.selectorTreeNode);if(e.length>0){const t=Array.from(e).find((e=>e.selected))||e[0];(t.href?t.shadowRoot.querySelector("a"):t).setAttribute("tabindex","0")}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tree"),this.hasAttribute("aria-label")||this.setAttribute("aria-label",this.label)}updated(e){if(this._setInitialFocus(),e.has("size")){this.querySelectorAll(m.selectorTreeNode).forEach((e=>{e.setAttribute("size",this.size)}))}}render(){const{hideLabel:e,label:t,size:r}=this,o="tree-view__label",i=s({[`${n}--tree`]:!0,[`${n}--tree--${r}`]:r});return d`
|
|
117
|
-
${e?null:d`<label id=${o} class=${`${n}--label`}
|
|
118
|
-
>${t}
|
|
119
|
-
</label>`}
|
|
120
|
-
<ul
|
|
121
|
-
aria-label=${e?t:void 0}
|
|
122
|
-
aria-labelledby=${e?void 0:o}
|
|
123
|
-
class=${i}
|
|
124
|
-
role="tree">
|
|
125
|
-
<slot><slot>
|
|
126
|
-
</ul>
|
|
127
|
-
`}static get selectorTreeNode(){return`${n}-tree-node`}};u.styles=b,t([o({type:Boolean,attribute:"hide-label"})],u.prototype,"hideLabel",void 0),t([o()],u.prototype,"label",void 0),t([o({reflect:!0})],u.prototype,"size",void 0),t([c("click")],u.prototype,"_click",void 0),t([c("keydown")],u.prototype,"_handleKeyDown",void 0),u=m=t([l(`${n}-tree-view`)],u);
|