@carbon/web-components 2.35.0 → 2.36.0-rc.1
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 +91 -2
- package/dist/accordion.min.js +1 -1
- package/dist/ai-label.min.js +5 -3
- package/dist/ai-skeleton.min.js +1 -1
- package/dist/badge-indicator.min.js +1 -1
- package/dist/breadcrumb.min.js +1 -1
- package/dist/button-Nlq4SV2t.js +92 -0
- package/dist/{button-skeleton-2C8Q9J6C.js → button-skeleton-BW8_RGsc.js} +1 -1
- package/dist/button.min.js +1 -1
- package/dist/chat-button.min.js +1 -1
- package/dist/{checkbox-lpDhJXSR.js → checkbox-bmgb9_fW.js} +1 -1
- package/dist/checkbox.min.js +1 -1
- package/dist/code-snippet.min.js +2 -2
- package/dist/combo-box.min.js +1 -1
- package/dist/combo-button.min.js +1 -1
- package/dist/content-switcher-item-DDMLTkOF.js +53 -0
- package/dist/content-switcher.min.js +1 -1
- package/dist/copy-button.min.js +1 -1
- package/dist/data-table.min.js +1 -1
- package/dist/date-picker.min.js +1 -1
- package/dist/dropdown-item-DbAfeJiu.js +95 -0
- package/dist/dropdown.min.js +1 -1
- package/dist/file-uploader.min.js +1 -1
- package/dist/floating-menu.min.js +1 -1
- package/dist/{focus-C10ns2ZF.js → focus-DFCL9mZO.js} +1 -1
- package/dist/form-group.min.js +1 -1
- package/dist/form.min.js +3 -1
- package/dist/grid.min.js +1 -1
- package/dist/heading.min.js +1 -1
- package/dist/icon-button.min.js +1 -1
- package/dist/icon-indicator.min.js +1 -1
- package/dist/inline-loading.min.js +1 -1
- package/dist/layer.min.js +1 -1
- package/dist/link.min.js +2 -2
- package/dist/list.min.js +1 -1
- package/dist/{loading-icon-Clz2u5pa.js → loading-icon-Bb5GdwbG.js} +1 -1
- package/dist/loading.min.js +1 -1
- package/dist/menu-button.min.js +2 -2
- package/dist/menu.min.js +3 -3
- package/dist/modal.min.js +1 -1
- package/dist/multi-select.min.js +2 -2
- package/dist/notification.min.js +3 -3
- package/dist/number-input.min.js +1 -1
- package/dist/overflow-menu.min.js +1 -1
- package/dist/page-header.min.js +1 -1
- package/dist/pagination.min.js +1 -1
- package/dist/password-input.min.js +1 -1
- package/dist/popover.min.js +1 -1
- package/dist/progress-bar.min.js +1 -1
- package/dist/progress-indicator.min.js +1 -1
- package/dist/radio-button.min.js +1 -1
- package/dist/{radio-group-manager-Dp8YjM6T.js → radio-group-manager-DAE-IwQi.js} +1 -1
- package/dist/search-CM5cXy8n.js +56 -0
- package/dist/search.min.js +1 -1
- package/dist/{select-CEGnwSKP.js → select-CVFysM6O.js} +7 -7
- package/dist/select.min.js +1 -1
- package/dist/{settings-DNOOS82H.js → settings-SaMZ5DSz.js} +1 -1
- package/dist/shape-indicator.min.js +1 -1
- package/dist/side-panel.min.js +1 -1
- package/dist/skeleton-icon.min.js +1 -1
- package/dist/skeleton-placeholder.min.js +1 -1
- package/dist/skeleton-text.min.js +1 -1
- package/dist/skip-to-content.min.js +1 -1
- package/dist/slider.min.js +12 -12
- package/dist/slug.min.js +1 -1
- package/dist/stack.min.js +1 -1
- package/dist/structured-list.min.js +1 -1
- package/dist/tabs.min.js +1 -1
- package/dist/tag.min.js +1 -1
- package/dist/tearsheet.min.js +1 -1
- package/dist/{text-input-C4T-3yZw.js → text-input-CNtqeoDh.js} +1 -1
- package/dist/text-input.min.js +1 -1
- package/dist/textarea.min.js +3 -3
- package/dist/tile.min.js +1 -1
- package/dist/time-picker.min.js +1 -1
- package/dist/toggle-tip.min.js +1 -1
- package/dist/toggle.min.js +1 -1
- package/dist/{tooltip-content-FaNLrMP6.js → tooltip-content-B2vi2N7Q.js} +1 -1
- package/dist/tooltip.min.js +1 -1
- package/dist/tree-view.min.js +7 -7
- package/dist/ui-shell.min.js +1 -1
- package/es/components/ai-label/ai-label.d.ts +5 -0
- package/es/components/ai-label/ai-label.js +44 -1
- 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/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/chat-button/chat-button.scss.js +1 -1
- package/es/components/checkbox/checkbox.scss.js +1 -1
- package/es/components/code-snippet/code-snippet.scss.js +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/combo-button/combo-button.scss.js +1 -1
- package/es/components/content-switcher/content-switcher-item.d.ts +1 -2
- package/es/components/content-switcher/content-switcher-item.js +7 -3
- package/es/components/content-switcher/content-switcher-item.js.map +1 -1
- package/es/components/content-switcher/content-switcher.d.ts +24 -4
- package/es/components/content-switcher/content-switcher.js +105 -16
- package/es/components/content-switcher/content-switcher.js.map +1 -1
- package/es/components/content-switcher/content-switcher.scss.js +1 -1
- package/es/components/content-switcher/defs.d.ts +2 -1
- package/es/components/content-switcher/defs.js +2 -2
- package/es/components/content-switcher/defs.js.map +1 -1
- package/es/components/content-switcher/index.d.ts +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/date-picker.scss.js +1 -1
- package/es/components/date-picker/range-plugin.d.ts +1 -1
- package/es/components/date-picker/range-plugin.js +1 -1
- package/es/components/date-picker/range-plugin.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/form/form-item.scss.js +1 -1
- package/es/components/form/form.d.ts +17 -0
- package/es/components/form/form.js +39 -0
- package/es/components/form/form.js.map +1 -0
- package/es/components/form/form.scss.js +13 -0
- package/es/components/form/form.scss.js.map +1 -0
- package/es/components/form/index.d.ts +2 -1
- package/es/components/form/index.js +1 -0
- package/es/components/form/index.js.map +1 -1
- package/es/components/form-group/form-group.scss.js +1 -1
- package/es/components/icon-button/icon-button.scss.js +1 -1
- package/es/components/link/link.scss.js +1 -1
- package/es/components/menu/menu-item-selectable.d.ts +1 -1
- package/es/components/menu/menu-item-selectable.js +1 -2
- package/es/components/menu/menu-item-selectable.js.map +1 -1
- package/es/components/menu/menu-item.d.ts +1 -1
- package/es/components/menu/menu-item.js +6 -5
- package/es/components/menu/menu-item.js.map +1 -1
- package/es/components/menu/menu.d.ts +1 -1
- package/es/components/menu/menu.js +8 -1
- package/es/components/menu/menu.js.map +1 -1
- package/es/components/menu-button/menu-button.scss.js +1 -1
- package/es/components/modal/modal.scss.js +1 -1
- package/es/components/multi-select/multi-select.js +24 -4
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/notification/actionable-notification.scss.js +1 -1
- package/es/components/notification/inline-notification.scss.js +1 -1
- package/es/components/notification/toast-notification.scss.js +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es/components/pagination/pagination.scss.js +1 -1
- package/es/components/password-input/password-input.scss.js +1 -1
- package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es/components/radio-button/radio-button.js +11 -3
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/radio-button/radio-button.scss.js +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/select/select.scss.js +1 -1
- package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/slug/slug.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js +1 -1
- package/es/components/tag/tag.scss.js +1 -1
- package/es/components/text-input/text-input.scss.js +1 -1
- package/es/components/textarea/textarea.d.ts +10 -0
- package/es/components/textarea/textarea.js +21 -0
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/textarea/textarea.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.scss.js +1 -1
- package/es/components/tooltip/tooltip.scss.js +1 -1
- package/es/components/tree-view/tree-view.scss.js +1 -1
- package/es/components/ui-shell/header.scss.js +1 -1
- package/es/globals/internal/radio-group-manager.d.ts +4 -0
- package/es/globals/internal/radio-group-manager.js +17 -7
- package/es/globals/internal/radio-group-manager.js.map +1 -1
- package/es/globals/settings.d.ts +1 -1
- package/es/globals/settings.js +3 -1
- package/es/globals/settings.js.map +1 -1
- package/es-custom/components/ai-label/ai-label.d.ts +5 -0
- package/es-custom/components/ai-label/ai-label.js +44 -1
- 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/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/chat-button/chat-button.scss.js +1 -1
- package/es-custom/components/checkbox/checkbox.scss.js +1 -1
- package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/combo-button/combo-button.scss.js +1 -1
- package/es-custom/components/content-switcher/content-switcher-item.d.ts +1 -2
- package/es-custom/components/content-switcher/content-switcher-item.js +7 -3
- package/es-custom/components/content-switcher/content-switcher-item.js.map +1 -1
- package/es-custom/components/content-switcher/content-switcher.d.ts +24 -4
- package/es-custom/components/content-switcher/content-switcher.js +105 -16
- package/es-custom/components/content-switcher/content-switcher.js.map +1 -1
- package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
- package/es-custom/components/content-switcher/defs.d.ts +2 -1
- package/es-custom/components/content-switcher/defs.js +2 -2
- package/es-custom/components/content-switcher/defs.js.map +1 -1
- package/es-custom/components/content-switcher/index.d.ts +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/date-picker.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 -1
- package/es-custom/components/date-picker/range-plugin.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/form/form-item.scss.js +1 -1
- package/es-custom/components/form/form.d.ts +17 -0
- package/es-custom/components/form/form.js +39 -0
- package/es-custom/components/form/form.js.map +1 -0
- package/es-custom/components/form/form.scss.js +13 -0
- package/es-custom/components/form/form.scss.js.map +1 -0
- package/es-custom/components/form/index.d.ts +2 -1
- package/es-custom/components/form/index.js +1 -0
- package/es-custom/components/form/index.js.map +1 -1
- package/es-custom/components/form-group/form-group.scss.js +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js +1 -1
- package/es-custom/components/link/link.scss.js +1 -1
- package/es-custom/components/menu/menu-item-selectable.d.ts +1 -1
- package/es-custom/components/menu/menu-item-selectable.js +1 -2
- package/es-custom/components/menu/menu-item-selectable.js.map +1 -1
- package/es-custom/components/menu/menu-item.d.ts +1 -1
- package/es-custom/components/menu/menu-item.js +6 -5
- package/es-custom/components/menu/menu-item.js.map +1 -1
- package/es-custom/components/menu/menu.d.ts +1 -1
- package/es-custom/components/menu/menu.js +8 -1
- package/es-custom/components/menu/menu.js.map +1 -1
- package/es-custom/components/menu-button/menu-button.scss.js +1 -1
- package/es-custom/components/modal/modal.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.js +24 -4
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/notification/actionable-notification.scss.js +1 -1
- package/es-custom/components/notification/inline-notification.scss.js +1 -1
- package/es-custom/components/notification/toast-notification.scss.js +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
- package/es-custom/components/pagination/pagination.scss.js +1 -1
- package/es-custom/components/password-input/password-input.scss.js +1 -1
- package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
- package/es-custom/components/radio-button/radio-button.js +11 -3
- package/es-custom/components/radio-button/radio-button.js.map +1 -1
- package/es-custom/components/radio-button/radio-button.scss.js +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/select/select.scss.js +1 -1
- package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/slug/slug.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js +1 -1
- package/es-custom/components/tag/tag.scss.js +1 -1
- package/es-custom/components/text-input/text-input.scss.js +1 -1
- package/es-custom/components/textarea/textarea.d.ts +10 -0
- package/es-custom/components/textarea/textarea.js +21 -0
- package/es-custom/components/textarea/textarea.js.map +1 -1
- package/es-custom/components/textarea/textarea.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.scss.js +1 -1
- package/es-custom/components/tooltip/tooltip.scss.js +1 -1
- package/es-custom/components/tree-view/tree-view.scss.js +1 -1
- package/es-custom/components/ui-shell/header.scss.js +1 -1
- package/es-custom/globals/internal/radio-group-manager.d.ts +4 -0
- package/es-custom/globals/internal/radio-group-manager.js +17 -7
- package/es-custom/globals/internal/radio-group-manager.js.map +1 -1
- package/es-custom/globals/settings.d.ts +1 -1
- package/es-custom/globals/settings.js +3 -1
- package/es-custom/globals/settings.js.map +1 -1
- package/lib/components/ai-label/ai-label.d.ts +5 -0
- package/lib/components/content-switcher/content-switcher-item.d.ts +1 -2
- package/lib/components/content-switcher/content-switcher.d.ts +24 -4
- package/lib/components/content-switcher/defs.d.ts +2 -1
- package/lib/components/content-switcher/defs.js +2 -2
- package/lib/components/content-switcher/defs.js.map +1 -1
- package/lib/components/content-switcher/index.d.ts +1 -1
- package/lib/components/date-picker/range-plugin.d.ts +1 -1
- package/lib/components/form/form.d.ts +17 -0
- package/lib/components/form/index.d.ts +2 -1
- package/lib/components/menu/menu-item-selectable.d.ts +1 -1
- package/lib/components/menu/menu-item.d.ts +1 -1
- package/lib/components/menu/menu.d.ts +1 -1
- package/lib/components/textarea/textarea.d.ts +10 -0
- package/lib/globals/internal/radio-group-manager.d.ts +4 -0
- package/lib/globals/settings.d.ts +1 -1
- package/lib/globals/settings.js +3 -1
- package/lib/globals/settings.js.map +1 -1
- package/package.json +6 -6
- package/scss/components/content-switcher/content-switcher.scss +128 -20
- package/scss/components/form/form.scss +15 -0
- package/scss/components/textarea/textarea.scss +0 -4
- package/dist/button-DeIi26OJ.js +0 -92
- package/dist/content-switcher-item-Bljnqjc9.js +0 -53
- package/dist/dropdown-item-C1ZmfgW_.js +0 -95
- package/dist/search-CuLWQEun.js +0 -56
|
@@ -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/lib/undo/16.js';\nimport { AI_LABEL_SIZE, AI_LABEL_KIND } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\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 this.open = !this.open;\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 ${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 //@ts-ignore typescript does not think requestUpdate() exists on parentElement\n name === 'revert-active' ? this.parentElement?.requestUpdate() : ``;\n }\n\n static styles = styles;\n}\n\nexport default CDSAILabel;\n"],"names":["customElement"],"mappings":"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"}
|
|
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/lib/undo/16.js';\nimport { AI_LABEL_SIZE, AI_LABEL_KIND } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\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 document.addEventListener('click', this._handleOutsideClick, true);\n document.addEventListener('focusin', this._handleFocusChange, true);\n }\n disconnectedCallback() {\n super.disconnectedCallback?.();\n document.removeEventListener('click', this._handleOutsideClick, true);\n document.removeEventListener('click', this._handleFocusChange, true);\n }\n\n private _handleOutsideClick = (event: MouseEvent) => {\n const path = event.composedPath();\n if (!path.includes(this)) {\n this.open = false;\n this.requestUpdate();\n }\n };\n\n private _handleFocusChange = (event: FocusEvent) => {\n if (\n this.open &&\n (!(event.target instanceof Node) || !this.contains(event.target))\n ) {\n this.open = false;\n this.requestUpdate();\n }\n };\n\n protected _handleClick = () => {\n const activeElement = document.activeElement;\n if (activeElement instanceof HTMLElement) {\n activeElement.blur();\n }\n\n if (this.revertActive) {\n this.revertActive = false;\n this.removeAttribute('revert-active');\n } else {\n this.open = !this.open;\n this.requestUpdate();\n }\n };\n\n protected _handleAIKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Enter' || event.key === ' ' || event.key === 'Escape') {\n event.stopPropagation();\n }\n\n if (event.key === 'Escape') {\n event.preventDefault();\n this.open = false;\n this.requestUpdate();\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 @keydown=\"${this._handleAIKeydown}\"\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 @keydown=\"${this._handleAIKeydown}\">\n <span slot=\"tooltip-content\"> ${revertLabel} </span>\n ${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 //@ts-ignore typescript does not think requestUpdate() exists on parentElement\n name === 'revert-active' ? this.parentElement?.requestUpdate() : ``;\n }\n\n static styles = styles;\n}\n\nexport default CDSAILabel;\n"],"names":["customElement"],"mappings":"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"}
|