@carbon/web-components 2.2.0-rc.0 → 2.2.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.
Files changed (190) hide show
  1. package/dist/breadcrumb.min.js +1 -1
  2. package/dist/breadcrumb.rtl.min.js +1 -1
  3. package/dist/button-91dc3bf2.js +114 -0
  4. package/dist/button-cd1d2989.js +114 -0
  5. package/dist/{button-set-3fbfb1e2.js → button-set-97d5539d.js} +1 -1
  6. package/dist/{button-set-49140585.js → button-set-df387db9.js} +1 -1
  7. package/dist/{button-skeleton-e9fdd327.js → button-skeleton-b56368e6.js} +1 -1
  8. package/dist/{button-skeleton-ebe87ee2.js → button-skeleton-e8bfd30d.js} +1 -1
  9. package/dist/button.min.js +1 -1
  10. package/dist/button.rtl.min.js +1 -1
  11. package/dist/code-snippet.min.js +2 -2
  12. package/dist/code-snippet.rtl.min.js +2 -2
  13. package/dist/combo-box.min.js +3 -3
  14. package/dist/combo-box.rtl.min.js +3 -3
  15. package/dist/content-switcher-item-891f0846.js +84 -0
  16. package/dist/content-switcher-item-a33ee871.js +84 -0
  17. package/dist/content-switcher.min.js +1 -1
  18. package/dist/content-switcher.rtl.min.js +1 -1
  19. package/dist/copy-button-c4cc0e08.js +63 -0
  20. package/dist/copy-button-d2b3776d.js +63 -0
  21. package/dist/copy-button.min.js +1 -1
  22. package/dist/copy-button.rtl.min.js +1 -1
  23. package/dist/data-table.min.js +15 -15
  24. package/dist/data-table.rtl.min.js +15 -15
  25. package/dist/date-picker.min.js +6 -6
  26. package/dist/date-picker.rtl.min.js +6 -6
  27. package/dist/dropdown-item-c9529452.js +128 -0
  28. package/dist/dropdown-item-e2dea4df.js +128 -0
  29. package/dist/dropdown.min.js +1 -1
  30. package/dist/dropdown.rtl.min.js +1 -1
  31. package/dist/file-uploader.min.js +1 -1
  32. package/dist/file-uploader.rtl.min.js +1 -1
  33. package/dist/icon-button-ad72899d.js +71 -0
  34. package/dist/icon-button-bc9a3754.js +71 -0
  35. package/dist/icon-button.min.js +1 -1
  36. package/dist/icon-button.rtl.min.js +1 -1
  37. package/dist/modal.min.js +3 -3
  38. package/dist/modal.rtl.min.js +3 -3
  39. package/dist/multi-select.min.js +2 -2
  40. package/dist/multi-select.rtl.min.js +4 -4
  41. package/dist/notification.min.js +4 -4
  42. package/dist/notification.rtl.min.js +4 -4
  43. package/dist/number-input.min.js +2 -2
  44. package/dist/number-input.rtl.min.js +2 -2
  45. package/dist/overflow-menu.min.js +2 -2
  46. package/dist/overflow-menu.rtl.min.js +2 -2
  47. package/dist/pagination.min.js +1 -1
  48. package/dist/pagination.rtl.min.js +1 -1
  49. package/dist/{popover-content-ed493819.js → popover-content-948e858f.js} +1 -1
  50. package/dist/{popover-content-707ec790.js → popover-content-e770cdaf.js} +1 -1
  51. package/dist/popover.min.js +1 -1
  52. package/dist/popover.rtl.min.js +1 -1
  53. package/dist/progress-indicator.min.js +1 -1
  54. package/dist/progress-indicator.rtl.min.js +1 -1
  55. package/dist/radio-button.min.js +1 -1
  56. package/dist/radio-button.rtl.min.js +1 -1
  57. package/dist/{search-bc0c0a50.js → search-7d2e00f9.js} +2 -2
  58. package/dist/{search-9f2e5697.js → search-b8d26957.js} +2 -2
  59. package/dist/search.min.js +1 -1
  60. package/dist/search.rtl.min.js +1 -1
  61. package/dist/select.min.js +9 -9
  62. package/dist/select.rtl.min.js +9 -9
  63. package/dist/skip-to-content.min.js +1 -1
  64. package/dist/skip-to-content.rtl.min.js +1 -1
  65. package/dist/slider.min.js +1 -1
  66. package/dist/slider.rtl.min.js +1 -1
  67. package/dist/slug.min.js +5 -5
  68. package/dist/slug.rtl.min.js +5 -5
  69. package/dist/tabs.min.js +2 -2
  70. package/dist/tabs.rtl.min.js +2 -2
  71. package/dist/{text-input-5d858bc5.js → text-input-57fd8a9e.js} +3 -3
  72. package/dist/{text-input-3e241dec.js → text-input-ccd474b5.js} +3 -3
  73. package/dist/text-input.min.js +1 -1
  74. package/dist/text-input.rtl.min.js +2 -2
  75. package/dist/textarea.min.js +1 -1
  76. package/dist/textarea.rtl.min.js +5 -5
  77. package/dist/tile.min.js +3 -3
  78. package/dist/tile.rtl.min.js +3 -3
  79. package/dist/toggle-tip.min.js +1 -1
  80. package/dist/toggle-tip.rtl.min.js +1 -1
  81. package/dist/{toggletip-71cb53c9.js → toggletip-8f50a106.js} +7 -5
  82. package/dist/{toggletip-1a1c8d7c.js → toggletip-b75019b5.js} +7 -5
  83. package/dist/{tooltip-content-fe09d503.js → tooltip-content-7b42630c.js} +1 -1
  84. package/dist/{tooltip-content-e07c0117.js → tooltip-content-87dfad64.js} +1 -1
  85. package/dist/tooltip.min.js +1 -1
  86. package/dist/tooltip.rtl.min.js +1 -1
  87. package/dist/ui-shell.min.js +1 -1
  88. package/dist/ui-shell.rtl.min.js +1 -1
  89. package/es/components/breadcrumb/breadcrumb.css.js +1 -1
  90. package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
  91. package/es/components/button/button.css.js +1 -1
  92. package/es/components/button/button.rtl.css.js +1 -1
  93. package/es/components/code-snippet/code-snippet.css.js +1 -1
  94. package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
  95. package/es/components/combo-box/combo-box.css.js +1 -1
  96. package/es/components/combo-box/combo-box.rtl.css.js +1 -1
  97. package/es/components/content-switcher/content-switcher.css.js +1 -1
  98. package/es/components/content-switcher/content-switcher.rtl.css.js +1 -1
  99. package/es/components/copy-button/copy-button.css.js +1 -1
  100. package/es/components/copy-button/copy-button.rtl.css.js +1 -1
  101. package/es/components/data-table/data-table.css.js +1 -1
  102. package/es/components/data-table/data-table.rtl.css.js +1 -1
  103. package/es/components/date-picker/date-picker-input.d.ts +2 -1
  104. package/es/components/date-picker/date-picker-input.js +8 -1
  105. package/es/components/date-picker/date-picker-input.js.map +1 -1
  106. package/es/components/date-picker/date-picker.css.js +1 -1
  107. package/es/components/date-picker/date-picker.rtl.css.js +1 -1
  108. package/es/components/dropdown/dropdown.css.js +1 -1
  109. package/es/components/dropdown/dropdown.d.ts +1 -1
  110. package/es/components/dropdown/dropdown.js +3 -1
  111. package/es/components/dropdown/dropdown.js.map +1 -1
  112. package/es/components/dropdown/dropdown.rtl.css.js +1 -1
  113. package/es/components/file-uploader/file-uploader.css.js +1 -1
  114. package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
  115. package/es/components/icon-button/icon-button.css.js +1 -1
  116. package/es/components/icon-button/icon-button.rtl.css.js +1 -1
  117. package/es/components/modal/modal.css.js +1 -1
  118. package/es/components/modal/modal.rtl.css.js +1 -1
  119. package/es/components/multi-select/multi-select.css.js +1 -1
  120. package/es/components/multi-select/multi-select.rtl.css.js +1 -1
  121. package/es/components/notification/actionable-notification.css.js +1 -1
  122. package/es/components/notification/actionable-notification.rtl.css.js +1 -1
  123. package/es/components/notification/inline-notification.css.js +1 -1
  124. package/es/components/notification/inline-notification.rtl.css.js +1 -1
  125. package/es/components/notification/toast-notification.css.js +1 -1
  126. package/es/components/notification/toast-notification.rtl.css.js +1 -1
  127. package/es/components/number-input/number-input.css.js +1 -1
  128. package/es/components/number-input/number-input.rtl.css.js +1 -1
  129. package/es/components/overflow-menu/overflow-menu.css.js +1 -1
  130. package/es/components/overflow-menu/overflow-menu.rtl.css.js +1 -1
  131. package/es/components/pagination/pagination.css.js +1 -1
  132. package/es/components/pagination/pagination.rtl.css.js +1 -1
  133. package/es/components/popover/popover.css.js +1 -1
  134. package/es/components/popover/popover.rtl.css.js +1 -1
  135. package/es/components/progress-indicator/progress-indicator.css.js +1 -1
  136. package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
  137. package/es/components/radio-button/radio-button.css.js +1 -1
  138. package/es/components/radio-button/radio-button.rtl.css.js +1 -1
  139. package/es/components/search/search.css.js +1 -1
  140. package/es/components/search/search.rtl.css.js +1 -1
  141. package/es/components/select/select.css.js +1 -1
  142. package/es/components/select/select.d.ts +1 -1
  143. package/es/components/select/select.js +3 -1
  144. package/es/components/select/select.js.map +1 -1
  145. package/es/components/select/select.rtl.css.js +1 -1
  146. package/es/components/skip-to-content/skip-to-content.css.js +1 -1
  147. package/es/components/skip-to-content/skip-to-content.rtl.css.js +1 -1
  148. package/es/components/slider/slider.css.js +1 -1
  149. package/es/components/slider/slider.rtl.css.js +1 -1
  150. package/es/components/slug/slug.css.js +1 -1
  151. package/es/components/slug/slug.d.ts +2 -1
  152. package/es/components/slug/slug.js +13 -3
  153. package/es/components/slug/slug.js.map +1 -1
  154. package/es/components/slug/slug.rtl.css.js +1 -1
  155. package/es/components/tabs/tabs.css.js +1 -1
  156. package/es/components/tabs/tabs.rtl.css.js +1 -1
  157. package/es/components/text-input/text-input.css.js +1 -1
  158. package/es/components/text-input/text-input.d.ts +2 -1
  159. package/es/components/text-input/text-input.js +8 -1
  160. package/es/components/text-input/text-input.js.map +1 -1
  161. package/es/components/text-input/text-input.rtl.css.js +1 -1
  162. package/es/components/textarea/textarea.css.js +1 -1
  163. package/es/components/textarea/textarea.rtl.css.js +1 -1
  164. package/es/components/tile/tile.css.js +1 -1
  165. package/es/components/tile/tile.rtl.css.js +1 -1
  166. package/es/components/toggle-tip/toggletip.css.js +1 -1
  167. package/es/components/toggle-tip/toggletip.d.ts +5 -1
  168. package/es/components/toggle-tip/toggletip.js +23 -9
  169. package/es/components/toggle-tip/toggletip.js.map +1 -1
  170. package/es/components/toggle-tip/toggletip.rtl.css.js +1 -1
  171. package/es/components/tooltip/tooltip.css.js +1 -1
  172. package/es/components/tooltip/tooltip.rtl.css.js +1 -1
  173. package/es/components/ui-shell/header.css.js +1 -1
  174. package/es/components/ui-shell/header.rtl.css.js +1 -1
  175. package/es/globals/scss/themes.css.js +1 -1
  176. package/es/globals/scss/themes.rtl.css.js +1 -1
  177. package/package.json +3 -3
  178. package/scss/components/modal/modal.scss +3 -1
  179. package/scss/components/popover/popover.scss +5 -5
  180. package/scss/components/slug/slug.scss +184 -176
  181. package/dist/button-52e782bf.js +0 -114
  182. package/dist/button-b9fe617d.js +0 -114
  183. package/dist/content-switcher-item-0371877f.js +0 -84
  184. package/dist/content-switcher-item-c24356d4.js +0 -84
  185. package/dist/copy-button-c25e37f0.js +0 -63
  186. package/dist/copy-button-c7367c69.js +0 -63
  187. package/dist/dropdown-item-1ce0c8c2.js +0 -128
  188. package/dist/dropdown-item-628e0373.js +0 -128
  189. package/dist/icon-button-0e614535.js +0 -71
  190. package/dist/icon-button-0ebc4b02.js +0 -71
@@ -11,7 +11,7 @@ let _ = t => t,
11
11
  /**
12
12
  * @license
13
13
  *
14
- * Copyright IBM Corp. 2019, 2023
14
+ * Copyright IBM Corp. 2019, 2024
15
15
  *
16
16
  * This source code is licensed under the Apache-2.0 license found in the
17
17
  * LICENSE file in the root directory of this source tree.
@@ -214,7 +214,7 @@ let CDSSlug = _decorate([customElement(`${prefix}-slug`)], function (_initialize
214
214
  }
215
215
  }, {
216
216
  kind: "method",
217
- key: "updated",
217
+ key: "attributeChangedCallback",
218
218
  value:
219
219
  /**
220
220
  * Specify the correct translation of the AI text
@@ -248,7 +248,17 @@ let CDSSlug = _decorate([customElement(`${prefix}-slug`)], function (_initialize
248
248
  * Specify the text that will be provided to the aria-label of the `Slug` button
249
249
  */
250
250
 
251
- function updated(changedProperties) {
251
+ function attributeChangedCallback(name, old, newValue) {
252
+ var _this$parentElement;
253
+ _get(_getPrototypeOf(CDSSlug.prototype), "attributeChangedCallback", this).call(this, name, old, newValue);
254
+
255
+ //@ts-ignore typescript does not think requestUpdate() exists on parentElement
256
+ name === 'revert-active' ? (_this$parentElement = this.parentElement) === null || _this$parentElement === void 0 ? void 0 : _this$parentElement.requestUpdate() : ``;
257
+ }
258
+ }, {
259
+ kind: "method",
260
+ key: "updated",
261
+ value: function updated(changedProperties) {
252
262
  _get(_getPrototypeOf(CDSSlug.prototype), "updated", this).call(this, changedProperties);
253
263
  if (this.kind !== SLUG_KIND.HOLLOW && this.dotType !== SLUG_DOT_TYPE.HOLLOW) {
254
264
  this.setAttribute('enabled', '');
@@ -1 +1 @@
1
- {"version":3,"file":"slug.js","names":["classMap","html","property","prefix","CDSToggleTip","styles","Undo16","SLUG_SIZE","SLUG_KIND","SLUG_DOT_TYPE","carbonElement","customElement","CDSSlug","_decorate","_initialize","_CDSToggleTip","constructor","args","F","d","kind","decorators","reflect","key","value","attribute","DEFAULT","type","Boolean","EXTRA_SMALL","revertActive","removeAttribute","open","_t","_","size","aiText","aiTextLabel","slugLabel","ariaLabel","classes","INLINE","_t2","id","_handleClick","_t3","revertLabel","_t4","_t5","slot","_t6","_renderTooltipButton","_renderTooltipContent","updated","changedProperties","_get","_getPrototypeOf","prototype","call","HOLLOW","dotType","setAttribute","static","default"],"sources":["components/slug/slug.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { 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 './slug.scss';\nimport Undo16 from '@carbon/icons/lib/undo/16';\nimport { SLUG_SIZE, SLUG_KIND, SLUG_DOT_TYPE } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Basic slug.\n *\n * @element cds-slug\n */\n@customElement(`${prefix}-slug`)\nexport default class CDSSlug extends CDSToggleTip {\n @property({ reflect: true })\n slot = 'slug';\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 dot that should be rendered in front of the inline variant: (default, hollow)\n */\n @property({ reflect: true, attribute: 'dot-type' })\n dotType = SLUG_DOT_TYPE.DEFAULT;\n\n /**\n * Specify the type of Slug, from the following list of types: (default, hollow, inline)\n */\n @property({ reflect: true })\n kind = SLUG_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 * Slug size should be mini, 2xs, xs, sm, md, lg, xl.\n */\n @property({ reflect: true })\n size = SLUG_SIZE.EXTRA_SMALL;\n\n /**\n * Specify the text that will be provided to the aria-label of the `Slug` button\n */\n @property({ attribute: 'slug-label' })\n slugLabel = '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, slugLabel } = this;\n const ariaLabel = `${aiText} - ${slugLabel}`;\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 === SLUG_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 === SLUG_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 { revertActive, revertLabel } = this;\n return html`\n ${revertActive\n ? html`\n <cds-icon-button\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 updated(changedProperties) {\n super.updated(changedProperties);\n if (\n this.kind !== SLUG_KIND.HOLLOW &&\n this.dotType !== SLUG_DOT_TYPE.HOLLOW\n ) {\n this.setAttribute('enabled', '');\n } else {\n this.removeAttribute('enabled');\n }\n }\n\n static styles = styles;\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"slug.js","names":["classMap","html","property","prefix","CDSToggleTip","styles","Undo16","SLUG_SIZE","SLUG_KIND","SLUG_DOT_TYPE","carbonElement","customElement","CDSSlug","_decorate","_initialize","_CDSToggleTip","constructor","args","F","d","kind","decorators","reflect","key","value","attribute","DEFAULT","type","Boolean","EXTRA_SMALL","revertActive","removeAttribute","open","_t","_","size","aiText","aiTextLabel","slugLabel","ariaLabel","classes","INLINE","_t2","id","_handleClick","_t3","revertLabel","_t4","_t5","slot","_t6","_renderTooltipButton","_renderTooltipContent","attributeChangedCallback","name","old","newValue","_this$parentElement","_get","_getPrototypeOf","prototype","call","parentElement","requestUpdate","updated","changedProperties","HOLLOW","dotType","setAttribute","static","default"],"sources":["components/slug/slug.ts"],"sourcesContent":["/**\n * @license\n *\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 './slug.scss';\nimport Undo16 from '@carbon/icons/lib/undo/16';\nimport { SLUG_SIZE, SLUG_KIND, SLUG_DOT_TYPE } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Basic slug.\n *\n * @element cds-slug\n */\n@customElement(`${prefix}-slug`)\nexport default class CDSSlug extends CDSToggleTip {\n @property({ reflect: true })\n slot = 'slug';\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 dot that should be rendered in front of the inline variant: (default, hollow)\n */\n @property({ reflect: true, attribute: 'dot-type' })\n dotType = SLUG_DOT_TYPE.DEFAULT;\n\n /**\n * Specify the type of Slug, from the following list of types: (default, hollow, inline)\n */\n @property({ reflect: true })\n kind = SLUG_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 * Slug size should be mini, 2xs, xs, sm, md, lg, xl.\n */\n @property({ reflect: true })\n size = SLUG_SIZE.EXTRA_SMALL;\n\n /**\n * Specify the text that will be provided to the aria-label of the `Slug` button\n */\n @property({ attribute: 'slug-label' })\n slugLabel = '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, slugLabel } = this;\n const ariaLabel = `${aiText} - ${slugLabel}`;\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 === SLUG_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 === SLUG_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 { revertActive, revertLabel } = this;\n return html`\n ${revertActive\n ? html`\n <cds-icon-button\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 updated(changedProperties) {\n super.updated(changedProperties);\n if (\n this.kind !== SLUG_KIND.HOLLOW &&\n this.dotType !== SLUG_DOT_TYPE.HOLLOW\n ) {\n this.setAttribute('enabled', '');\n } else {\n this.removeAttribute('enabled');\n }\n }\n\n static styles = styles;\n}\n"],"mappings":"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"}