@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/custom-elements.json
CHANGED
|
@@ -623,10 +623,6 @@
|
|
|
623
623
|
"name": "shadowRootOptions",
|
|
624
624
|
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
|
|
625
625
|
"default": "{\"delegatesFocus\":true}"
|
|
626
|
-
},
|
|
627
|
-
{
|
|
628
|
-
"name": "styles",
|
|
629
|
-
"default": "\"styles\""
|
|
630
626
|
}
|
|
631
627
|
]
|
|
632
628
|
},
|
|
@@ -1812,10 +1808,6 @@
|
|
|
1812
1808
|
"description": "Specify the size of the `ChatButtonSkeleton`, from the following list of sizes: 'sm', 'md', 'lg'",
|
|
1813
1809
|
"type": "CHAT_BUTTON_SIZE",
|
|
1814
1810
|
"default": "\"lg\""
|
|
1815
|
-
},
|
|
1816
|
-
{
|
|
1817
|
-
"name": "styles",
|
|
1818
|
-
"default": "\"styles\""
|
|
1819
1811
|
}
|
|
1820
1812
|
]
|
|
1821
1813
|
},
|
|
@@ -1890,10 +1882,6 @@
|
|
|
1890
1882
|
"description": "Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input",
|
|
1891
1883
|
"type": "boolean",
|
|
1892
1884
|
"default": "false"
|
|
1893
|
-
},
|
|
1894
|
-
{
|
|
1895
|
-
"name": "styles",
|
|
1896
|
-
"default": "\"styles\""
|
|
1897
1885
|
}
|
|
1898
1886
|
]
|
|
1899
1887
|
},
|
|
@@ -2565,6 +2553,12 @@
|
|
|
2565
2553
|
"type": "boolean",
|
|
2566
2554
|
"default": "false"
|
|
2567
2555
|
},
|
|
2556
|
+
{
|
|
2557
|
+
"name": "allow-custom-value",
|
|
2558
|
+
"description": "`true` to allow custom values that do not match any item in the list.",
|
|
2559
|
+
"type": "boolean",
|
|
2560
|
+
"default": "false"
|
|
2561
|
+
},
|
|
2568
2562
|
{
|
|
2569
2563
|
"name": "aria-label",
|
|
2570
2564
|
"description": "'aria-label' of the ListBox component.\nSpecify a label to be read by screen readers on the container node",
|
|
@@ -2738,6 +2732,13 @@
|
|
|
2738
2732
|
"type": "boolean",
|
|
2739
2733
|
"default": "false"
|
|
2740
2734
|
},
|
|
2735
|
+
{
|
|
2736
|
+
"name": "allowCustomValue",
|
|
2737
|
+
"attribute": "allow-custom-value",
|
|
2738
|
+
"description": "`true` to allow custom values that do not match any item in the list.",
|
|
2739
|
+
"type": "boolean",
|
|
2740
|
+
"default": "false"
|
|
2741
|
+
},
|
|
2741
2742
|
{
|
|
2742
2743
|
"name": "ariaLabel",
|
|
2743
2744
|
"attribute": "aria-label",
|
|
@@ -10655,6 +10656,36 @@
|
|
|
10655
10656
|
"type": "boolean",
|
|
10656
10657
|
"default": "false"
|
|
10657
10658
|
},
|
|
10659
|
+
{
|
|
10660
|
+
"name": "loading-status",
|
|
10661
|
+
"description": "Specify the loading status",
|
|
10662
|
+
"type": "\"error\" | \"inactive\" | \"active\" | \"finished\"",
|
|
10663
|
+
"default": "\"inactive\""
|
|
10664
|
+
},
|
|
10665
|
+
{
|
|
10666
|
+
"name": "loading-description",
|
|
10667
|
+
"description": "Specify the description for the loading text",
|
|
10668
|
+
"type": "string",
|
|
10669
|
+
"default": "\"\""
|
|
10670
|
+
},
|
|
10671
|
+
{
|
|
10672
|
+
"name": "loading-success-delay",
|
|
10673
|
+
"description": "Provide a delay for the setTimeout for success",
|
|
10674
|
+
"type": "number",
|
|
10675
|
+
"default": "1500"
|
|
10676
|
+
},
|
|
10677
|
+
{
|
|
10678
|
+
"name": "loading-icon-description",
|
|
10679
|
+
"description": "Specify the description for the loading icon",
|
|
10680
|
+
"type": "string",
|
|
10681
|
+
"default": "\"Loading\""
|
|
10682
|
+
},
|
|
10683
|
+
{
|
|
10684
|
+
"name": "should-submit-on-enter",
|
|
10685
|
+
"description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
|
|
10686
|
+
"type": "boolean",
|
|
10687
|
+
"default": "false"
|
|
10688
|
+
},
|
|
10658
10689
|
{
|
|
10659
10690
|
"name": "prevent-close",
|
|
10660
10691
|
"description": "Prevent the modal from closing after clicking the close button",
|
|
@@ -10719,6 +10750,41 @@
|
|
|
10719
10750
|
"type": "boolean",
|
|
10720
10751
|
"default": "false"
|
|
10721
10752
|
},
|
|
10753
|
+
{
|
|
10754
|
+
"name": "loadingStatus",
|
|
10755
|
+
"attribute": "loading-status",
|
|
10756
|
+
"description": "Specify the loading status",
|
|
10757
|
+
"type": "\"error\" | \"inactive\" | \"active\" | \"finished\"",
|
|
10758
|
+
"default": "\"inactive\""
|
|
10759
|
+
},
|
|
10760
|
+
{
|
|
10761
|
+
"name": "loadingDescription",
|
|
10762
|
+
"attribute": "loading-description",
|
|
10763
|
+
"description": "Specify the description for the loading text",
|
|
10764
|
+
"type": "string",
|
|
10765
|
+
"default": "\"\""
|
|
10766
|
+
},
|
|
10767
|
+
{
|
|
10768
|
+
"name": "loadingSuccessDelay",
|
|
10769
|
+
"attribute": "loading-success-delay",
|
|
10770
|
+
"description": "Provide a delay for the setTimeout for success",
|
|
10771
|
+
"type": "number",
|
|
10772
|
+
"default": "1500"
|
|
10773
|
+
},
|
|
10774
|
+
{
|
|
10775
|
+
"name": "loadingIconDescription",
|
|
10776
|
+
"attribute": "loading-icon-description",
|
|
10777
|
+
"description": "Specify the description for the loading icon",
|
|
10778
|
+
"type": "string",
|
|
10779
|
+
"default": "\"Loading\""
|
|
10780
|
+
},
|
|
10781
|
+
{
|
|
10782
|
+
"name": "shouldSubmitOnEnter",
|
|
10783
|
+
"attribute": "should-submit-on-enter",
|
|
10784
|
+
"description": "Specify if Enter key should be used as \"submit\" action that clicks the primary footer button",
|
|
10785
|
+
"type": "boolean",
|
|
10786
|
+
"default": "false"
|
|
10787
|
+
},
|
|
10722
10788
|
{
|
|
10723
10789
|
"name": "preventClose",
|
|
10724
10790
|
"attribute": "prevent-close",
|
|
@@ -17429,10 +17495,6 @@
|
|
|
17429
17495
|
"name": "shadowRootOptions",
|
|
17430
17496
|
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
|
|
17431
17497
|
"default": "{\"delegatesFocus\":true}"
|
|
17432
|
-
},
|
|
17433
|
-
{
|
|
17434
|
-
"name": "styles",
|
|
17435
|
-
"default": "\"styles\""
|
|
17436
17498
|
}
|
|
17437
17499
|
],
|
|
17438
17500
|
"deprecated": true,
|
|
@@ -20667,10 +20729,6 @@
|
|
|
20667
20729
|
"name": "shadowRootOptions",
|
|
20668
20730
|
"type": "{ delegatesFocus: boolean; mode: ShadowRootMode; slotAssignment?: SlotAssignmentMode | undefined; customElements?: CustomElementRegistry | undefined; registry?: CustomElementRegistry | undefined; }",
|
|
20669
20731
|
"default": "{\"delegatesFocus\":true}"
|
|
20670
|
-
},
|
|
20671
|
-
{
|
|
20672
|
-
"name": "styles",
|
|
20673
|
-
"default": "\"styles\""
|
|
20674
20732
|
}
|
|
20675
20733
|
]
|
|
20676
20734
|
},
|
|
@@ -22655,6 +22713,11 @@
|
|
|
22655
22713
|
"type": "string",
|
|
22656
22714
|
"default": "\"\""
|
|
22657
22715
|
},
|
|
22716
|
+
{
|
|
22717
|
+
"name": "target",
|
|
22718
|
+
"description": "Link `target`.",
|
|
22719
|
+
"type": "string"
|
|
22720
|
+
},
|
|
22658
22721
|
{
|
|
22659
22722
|
"name": "title",
|
|
22660
22723
|
"description": "The title.",
|
|
@@ -22676,6 +22739,12 @@
|
|
|
22676
22739
|
"type": "string",
|
|
22677
22740
|
"default": "\"\""
|
|
22678
22741
|
},
|
|
22742
|
+
{
|
|
22743
|
+
"name": "target",
|
|
22744
|
+
"attribute": "target",
|
|
22745
|
+
"description": "Link `target`.",
|
|
22746
|
+
"type": "string"
|
|
22747
|
+
},
|
|
22679
22748
|
{
|
|
22680
22749
|
"name": "title",
|
|
22681
22750
|
"attribute": "title",
|
|
@@ -45,11 +45,11 @@ declare class CDSAILabel extends CDSToggleTip {
|
|
|
45
45
|
*/
|
|
46
46
|
buttonLabel: string;
|
|
47
47
|
previousValue: any;
|
|
48
|
+
connectedCallback(): void;
|
|
48
49
|
protected _handleClick: () => void;
|
|
49
50
|
protected _renderToggleTipLabel: () => import("lit-html").TemplateResult<1>;
|
|
50
51
|
protected _renderTooltipButton: () => import("lit-html").TemplateResult<1>;
|
|
51
52
|
protected _renderInnerContent: () => import("lit-html").TemplateResult<1>;
|
|
52
53
|
attributeChangedCallback(name: any, old: any, newValue: any): void;
|
|
53
|
-
static styles: any;
|
|
54
54
|
}
|
|
55
55
|
export default CDSAILabel;
|
|
@@ -7,10 +7,12 @@
|
|
|
7
7
|
|
|
8
8
|
import { __decorate } from 'tslib';
|
|
9
9
|
import { classMap } from 'lit/directives/class-map.js';
|
|
10
|
-
import { html } from 'lit';
|
|
10
|
+
import { html, adoptStyles } from 'lit';
|
|
11
11
|
import { property } from 'lit/decorators.js';
|
|
12
12
|
import { prefix } from '../../globals/settings.js';
|
|
13
13
|
import CDSToggleTip from '../toggle-tip/toggletip.js';
|
|
14
|
+
import popoverStyles from '../popover/popover.scss.js';
|
|
15
|
+
import toggletipStyles from '../toggle-tip/toggletip.scss.js';
|
|
14
16
|
import styles from './ai-label.scss.js';
|
|
15
17
|
import Undo16 from '@carbon/icons/es/undo/16.js';
|
|
16
18
|
import { AI_LABEL_KIND, AI_LABEL_SIZE } from './defs.js';
|
|
@@ -122,6 +124,14 @@ let CDSAILabel = class CDSAILabel extends CDSToggleTip {
|
|
|
122
124
|
`;
|
|
123
125
|
};
|
|
124
126
|
}
|
|
127
|
+
connectedCallback() {
|
|
128
|
+
super.connectedCallback();
|
|
129
|
+
adoptStyles(this.renderRoot, [
|
|
130
|
+
popoverStyles,
|
|
131
|
+
toggletipStyles,
|
|
132
|
+
styles,
|
|
133
|
+
]);
|
|
134
|
+
}
|
|
125
135
|
attributeChangedCallback(name, old, newValue) {
|
|
126
136
|
var _a;
|
|
127
137
|
super.attributeChangedCallback(name, old, newValue);
|
|
@@ -131,7 +141,6 @@ let CDSAILabel = class CDSAILabel extends CDSToggleTip {
|
|
|
131
141
|
name === 'revert-active' ? (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.requestUpdate() : ``;
|
|
132
142
|
}
|
|
133
143
|
};
|
|
134
|
-
CDSAILabel.styles = styles;
|
|
135
144
|
__decorate([
|
|
136
145
|
property({ reflect: true })
|
|
137
146
|
], CDSAILabel.prototype, "slot", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-label.js","sources":["../../../src/components/ai-label/ai-label.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSToggleTip from '../toggle-tip/toggletip';\nimport styles from './ai-label.scss?lit';\nimport Undo16 from '@carbon/icons/es/undo/16.js';\nimport { AI_LABEL_SIZE, AI_LABEL_KIND } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Basic AI Label.\n *\n * @element cds-ai-label\n */\n@customElement(`${prefix}-ai-label`)\nclass CDSAILabel extends CDSToggleTip {\n /**\n * @deprecated the slot string will be renamed to \"decorator\"\n */\n @property({ reflect: true })\n slot = 'ai-label';\n\n /**\n * Specify the correct translation of the AI text\n */\n @property({ attribute: 'ai-text' })\n aiText = 'AI';\n\n /**\n * Specify additional text to be rendered next to the AI label in the inline variant\n */\n @property({ attribute: 'ai-text-label' })\n aiTextLabel = '';\n\n /**\n * Specify the type of AI Label, from the following list of types: (default, inline)\n */\n @property({ reflect: true })\n kind = AI_LABEL_KIND.DEFAULT;\n\n /**\n * Specify whether the revert button should be visible\n */\n @property({ type: Boolean, attribute: 'revert-active' })\n revertActive = false;\n\n /**\n * Specify whether the revert button should be visible\n */\n @property({ attribute: 'revert-label' })\n revertLabel = 'Revert to AI input';\n\n /**\n * AI Label size should be mini, 2xs, xs, sm, md, lg, xl.\n */\n @property({ reflect: true })\n size = AI_LABEL_SIZE.EXTRA_SMALL;\n\n /**\n * Specify the text that will be provided to the aria-label of the `AI Label` button\n */\n @property({ attribute: 'button-label' })\n buttonLabel = 'Show information';\n\n @property()\n previousValue;\n\n protected _handleClick = () => {\n if (this.revertActive) {\n this.revertActive = false;\n this.removeAttribute('revert-active');\n } else {\n super._handleClick();\n }\n };\n\n protected _renderToggleTipLabel = () => {\n return html``;\n };\n\n protected _renderTooltipButton = () => {\n const { size, kind, aiText, aiTextLabel, buttonLabel } = this;\n const ariaLabel = `${aiText} - ${buttonLabel}`;\n const classes = classMap({\n [`${prefix}--toggletip-button`]: true,\n [`${prefix}--slug__button`]: true,\n [`${prefix}--slug__button--${size}`]: size,\n [`${prefix}--slug__button--${kind}`]: kind,\n [`${prefix}--slug__button--inline-with-content`]:\n kind === AI_LABEL_KIND.INLINE && aiTextLabel,\n });\n return html`\n <button\n aria-controls=\"${this.id}\"\n @click=\"${this._handleClick}\"\n class=${classes}\n aria-label=\"${ariaLabel}\">\n <span class=\"${prefix}--slug__text\">${aiText}</span>\n ${aiTextLabel && kind === AI_LABEL_KIND.INLINE\n ? html`\n <span class=\"${prefix}--slug__additional-text\">\n ${aiTextLabel}\n </span>\n `\n : ``}\n </button>\n `;\n };\n\n protected _renderInnerContent = () => {\n const { autoalign, revertActive, revertLabel } = this;\n return html`\n ${revertActive\n ? html`\n <cds-icon-button\n ?autoalign=${autoalign}\n kind=\"ghost\"\n size=\"sm\"\n @click=\"${this._handleClick}\">\n <span slot=\"tooltip-content\"> ${revertLabel} </span>\n ${iconLoader(Undo16, { slot: 'icon' })}\n </cds-icon-button>\n `\n : html`\n ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n `}\n `;\n };\n\n attributeChangedCallback(name, old, newValue) {\n super.attributeChangedCallback(name, old, newValue);\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n //@ts-ignore typescript does not think requestUpdate() exists on parentElement\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452\n name === 'revert-active' ? this.parentElement?.requestUpdate() : ``;\n }\n
|
|
1
|
+
{"version":3,"file":"ai-label.js","sources":["../../../src/components/ai-label/ai-label.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { classMap } from 'lit/directives/class-map.js';\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSToggleTip from '../toggle-tip/toggletip';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport toggletipStyles from '../toggle-tip/toggletip.scss?lit';\nimport styles from './ai-label.scss?lit';\nimport Undo16 from '@carbon/icons/es/undo/16.js';\nimport { AI_LABEL_SIZE, AI_LABEL_KIND } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Basic AI Label.\n *\n * @element cds-ai-label\n */\n@customElement(`${prefix}-ai-label`)\nclass CDSAILabel extends CDSToggleTip {\n /**\n * @deprecated the slot string will be renamed to \"decorator\"\n */\n @property({ reflect: true })\n slot = 'ai-label';\n\n /**\n * Specify the correct translation of the AI text\n */\n @property({ attribute: 'ai-text' })\n aiText = 'AI';\n\n /**\n * Specify additional text to be rendered next to the AI label in the inline variant\n */\n @property({ attribute: 'ai-text-label' })\n aiTextLabel = '';\n\n /**\n * Specify the type of AI Label, from the following list of types: (default, inline)\n */\n @property({ reflect: true })\n kind = AI_LABEL_KIND.DEFAULT;\n\n /**\n * Specify whether the revert button should be visible\n */\n @property({ type: Boolean, attribute: 'revert-active' })\n revertActive = false;\n\n /**\n * Specify whether the revert button should be visible\n */\n @property({ attribute: 'revert-label' })\n revertLabel = 'Revert to AI input';\n\n /**\n * AI Label size should be mini, 2xs, xs, sm, md, lg, xl.\n */\n @property({ reflect: true })\n size = AI_LABEL_SIZE.EXTRA_SMALL;\n\n /**\n * Specify the text that will be provided to the aria-label of the `AI Label` button\n */\n @property({ attribute: 'button-label' })\n buttonLabel = 'Show information';\n\n @property()\n previousValue;\n\n connectedCallback() {\n super.connectedCallback();\n\n adoptStyles(this.renderRoot as ShadowRoot, [\n popoverStyles,\n toggletipStyles,\n styles,\n ]);\n }\n\n protected _handleClick = () => {\n if (this.revertActive) {\n this.revertActive = false;\n this.removeAttribute('revert-active');\n } else {\n super._handleClick();\n }\n };\n\n protected _renderToggleTipLabel = () => {\n return html``;\n };\n\n protected _renderTooltipButton = () => {\n const { size, kind, aiText, aiTextLabel, buttonLabel } = this;\n const ariaLabel = `${aiText} - ${buttonLabel}`;\n const classes = classMap({\n [`${prefix}--toggletip-button`]: true,\n [`${prefix}--slug__button`]: true,\n [`${prefix}--slug__button--${size}`]: size,\n [`${prefix}--slug__button--${kind}`]: kind,\n [`${prefix}--slug__button--inline-with-content`]:\n kind === AI_LABEL_KIND.INLINE && aiTextLabel,\n });\n return html`\n <button\n aria-controls=\"${this.id}\"\n @click=\"${this._handleClick}\"\n class=${classes}\n aria-label=\"${ariaLabel}\">\n <span class=\"${prefix}--slug__text\">${aiText}</span>\n ${aiTextLabel && kind === AI_LABEL_KIND.INLINE\n ? html`\n <span class=\"${prefix}--slug__additional-text\">\n ${aiTextLabel}\n </span>\n `\n : ``}\n </button>\n `;\n };\n\n protected _renderInnerContent = () => {\n const { autoalign, revertActive, revertLabel } = this;\n return html`\n ${revertActive\n ? html`\n <cds-icon-button\n ?autoalign=${autoalign}\n kind=\"ghost\"\n size=\"sm\"\n @click=\"${this._handleClick}\">\n <span slot=\"tooltip-content\"> ${revertLabel} </span>\n ${iconLoader(Undo16, { slot: 'icon' })}\n </cds-icon-button>\n `\n : html`\n ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n `}\n `;\n };\n\n attributeChangedCallback(name, old, newValue) {\n super.attributeChangedCallback(name, old, newValue);\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n //@ts-ignore typescript does not think requestUpdate() exists on parentElement\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- https://github.com/carbon-design-system/carbon/issues/20452\n name === 'revert-active' ? this.parentElement?.requestUpdate() : ``;\n }\n}\n\nexport default CDSAILabel;\n"],"names":["customElement"],"mappings":"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"}
|