@carbon/web-components 2.52.0 → 2.53.0-rc.0

package/es/components/ai-label/ai-label.js

@@ -5,20 +5,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import toggletip_default from "../toggle-tip/toggletip.scss.js";
 import popover_default from "../popover/popover.scss.js";
 import toggletip_default$1 from "../toggle-tip/toggletip.js";
 import ai_label_default$1 from "./ai-label.scss.js";
-import { AI_LABEL_KIND, AI_LABEL_SIZE } from "./defs.js";
+import "./defs.js";
 import { adoptStyles, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import Undo16 from "@carbon/icons/es/undo/16.js";
-
 //#region src/components/ai-label/ai-label.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -37,10 +36,10 @@ let CDSAILabel = class CDSAILabel extends toggletip_default$1 {
 		this.slot = "ai-label";
 		this.aiText = "AI";
 		this.aiTextLabel = "";
-		this.kind = AI_LABEL_KIND.DEFAULT;
+		this.kind = "";
 		this.revertActive = false;
 		this.revertLabel = "Revert to AI input";
-		this.size = AI_LABEL_SIZE.EXTRA_SMALL;
+		this.size = "xs";
 		this.buttonLabel = "Show information";
 		this._handleClick = () => {
 			if (this.revertActive) {
@@ -55,11 +54,11 @@ let CDSAILabel = class CDSAILabel extends toggletip_default$1 {
 			const { size, kind, aiText, aiTextLabel, buttonLabel } = this;
 			const ariaLabel = `${aiText} - ${buttonLabel}`;
 			const classes = classMap({
-				[`${prefix}--toggletip-button`]: true,
-				[`${prefix}--slug__button`]: true,
-				[`${prefix}--slug__button--${size}`]: size,
-				[`${prefix}--slug__button--${kind}`]: kind,
-				[`${prefix}--slug__button--inline-with-content`]: kind === AI_LABEL_KIND.INLINE && aiTextLabel
+				[`cds--toggletip-button`]: true,
+				[`cds--slug__button`]: true,
+				[`cds--slug__button--${size}`]: size,
+				[`cds--slug__button--${kind}`]: kind,
+				[`cds--slug__button--inline-with-content`]: kind === "inline" && aiTextLabel
 			});
 			return html`
       <button
@@ -67,9 +66,9 @@ let CDSAILabel = class CDSAILabel extends toggletip_default$1 {
         @click="${this._handleClick}"
         class=${classes}
         aria-label="${ariaLabel}">
-        <span class="${prefix}--slug__text">${aiText}</span>
-        ${aiTextLabel && kind === AI_LABEL_KIND.INLINE ? html`
-              <span class="${prefix}--slug__additional-text">
+        <span class="${"cds"}--slug__text">${aiText}</span>
+        ${aiTextLabel && kind === "inline" ? html`
+              <span class="${"cds"}--slug__additional-text">
                 ${aiTextLabel}
               </span>
             ` : ``}
@@ -119,9 +118,9 @@ __decorate([property({ attribute: "revert-label" })], CDSAILabel.prototype, "rev
 __decorate([property({ reflect: true })], CDSAILabel.prototype, "size", void 0);
 __decorate([property({ attribute: "button-label" })], CDSAILabel.prototype, "buttonLabel", void 0);
 __decorate([property()], CDSAILabel.prototype, "previousValue", void 0);
-CDSAILabel = __decorate([carbonElement(`${prefix}-ai-label`)], CDSAILabel);
+CDSAILabel = __decorate([carbonElement(`cds-ai-label`)], CDSAILabel);
 var ai_label_default = CDSAILabel;
-
 //#endregion
 export { ai_label_default as default };
+
 //# sourceMappingURL=ai-label.js.map

package/es/components/ai-label/ai-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-label.js","names":["CDSToggleTip","popoverStyles","toggletipStyles","styles","customElement"],"sources":["../../../src/components/ai-label/ai-label.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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    if (name === 'revert-active') {\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      this.parentElement?.requestUpdate();\n    }\n  }\n}\n\nexport default CDSAILabel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,uBACM,mBAAmBA,oBAAa;;;cAK7B;gBAME;qBAMK;cAMP,cAAc;sBAMN;qBAMD;cAMP,cAAc;qBAMP;4BAeiB;AAC7B,OAAI,KAAK,cAAc;AACrB,SAAK,eAAe;AACpB,SAAK,gBAAgB,gBAAgB;SAErC,OAAM,cAAc;;qCAIgB;AACtC,UAAO,IAAI;;oCAG0B;GACrC,MAAM,EAAE,MAAM,MAAM,QAAQ,aAAa,gBAAgB;GACzD,MAAM,YAAY,GAAG,OAAO,KAAK;GACjC,MAAM,UAAU,SAAS;KACtB,GAAG,OAAO,sBAAsB;KAChC,GAAG,OAAO,kBAAkB;KAC5B,GAAG,OAAO,kBAAkB,SAAS;KACrC,GAAG,OAAO,kBAAkB,SAAS;KACrC,GAAG,OAAO,uCACT,SAAS,cAAc,UAAU;IACpC,CAAC;AACF,UAAO,IAAI;;yBAEU,KAAK,GAAG;kBACf,KAAK,aAAa;gBACpB,QAAQ;sBACF,UAAU;uBACT,OAAO,gBAAgB,OAAO;UAC3C,eAAe,SAAS,cAAc,SACpC,IAAI;6BACa,OAAO;kBAClB,YAAY;;gBAGlB,GAAG;;;;mCAKyB;GACpC,MAAM,EAAE,WAAW,cAAc,gBAAgB;AACjD,UAAO,IAAI;QACP,eACE,IAAI;;2BAEa,UAAU;;;wBAGb,KAAK,aAAa;8CACI,YAAY;gBAC1C,WAAW,QAAQ,EAAE,MAAM,QAAQ,CAAC,CAAC;;cAG3C,IAAI;cACA,KAAK,sBAAsB,CAAC,GAAG,KAAK,uBAAuB,CAAC;YAC9D;;;;CApEV,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;GACD,CAAC;;CAiEJ,yBAAyB,MAAM,KAAK,UAAU;AAC5C,QAAM,yBAAyB,MAAM,KAAK,SAAS;AAEnD,MAAI,SAAS,gBAGX,MAAK,eAAe,eAAe;;;YA9HtC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,WAAW,WAAW,CAAC;YAMlC,SAAS,EAAE,WAAW,iBAAiB,CAAC;YAMxC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAiB,CAAC;YAMvD,SAAS,EAAE,WAAW,gBAAgB,CAAC;YAMvC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,WAAW,gBAAgB,CAAC;YAGvC,UAAU;yBAlDZC,cAAc,GAAG,OAAO,WAAW;AAwIpC,uBAAe"}
+{"version":3,"file":"ai-label.js","names":["CDSToggleTip","popoverStyles","toggletipStyles","styles","customElement"],"sources":["../../../src/components/ai-label/ai-label.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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    if (name === 'revert-active') {\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      this.parentElement?.requestUpdate();\n    }\n  }\n}\n\nexport default CDSAILabel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAA,aAAA,MACM,mBAAmBA,oBAAa;;;cAK7B;gBAME;qBAMK;;sBAYC;qBAMD;;qBAYA;4BAeiB;AAC7B,OAAI,KAAK,cAAc;AACrB,SAAK,eAAe;AACpB,SAAK,gBAAgB,gBAAgB;SAErC,OAAM,cAAc;;qCAIgB;AACtC,UAAO,IAAI;;oCAG0B;GACrC,MAAM,EAAE,MAAM,MAAM,QAAQ,aAAa,gBAAgB;GACzD,MAAM,YAAY,GAAG,OAAO,KAAK;GACjC,MAAM,UAAU,SAAS;KACtB,0BAAgC;KAChC,sBAA4B;KAC5B,sBAA4B,SAAS;KACrC,sBAA4B,SAAS;KACrC,2CACC,SAAA,YAAiC;IACpC,CAAC;AACF,UAAO,IAAI;;yBAEU,KAAK,GAAG;kBACf,KAAK,aAAa;gBACpB,QAAQ;sBACF,UAAU;6BACF,gBAAgB,OAAO;UAC3C,eAAe,SAAA,WACb,IAAI;mCACoB;kBAClB,YAAY;;gBAGlB,GAAG;;;;mCAKyB;GACpC,MAAM,EAAE,WAAW,cAAc,gBAAgB;AACjD,UAAO,IAAI;QACP,eACE,IAAI;;2BAEa,UAAU;;;wBAGb,KAAK,aAAa;8CACI,YAAY;gBAC1C,WAAW,QAAQ,EAAE,MAAM,QAAQ,CAAC,CAAC;;cAG3C,IAAI;cACA,KAAK,sBAAsB,CAAC,GAAG,KAAK,uBAAuB,CAAC;YAC9D;;;;CApEV,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;GACD,CAAC;;CAiEJ,yBAAyB,MAAM,KAAK,UAAU;AAC5C,QAAM,yBAAyB,MAAM,KAAK,SAAS;AAEnD,MAAI,SAAS,gBAGX,MAAK,eAAe,eAAe;;;YA9HtC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,WAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,WAAW,WAAW,CAAC,CAAA,EAAA,WAAA,WAAA,UAAA,KAAA,EAAA;YAMlC,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,WAAA,WAAA,eAAA,KAAA,EAAA;YAMxC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,WAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAiB,CAAC,CAAA,EAAA,WAAA,WAAA,gBAAA,KAAA,EAAA;YAMvD,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,EAAA,WAAA,WAAA,eAAA,KAAA,EAAA;YAMvC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,WAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,EAAA,WAAA,WAAA,eAAA,KAAA,EAAA;YAGvC,UAAU,CAAA,EAAA,WAAA,WAAA,iBAAA,KAAA,EAAA;yBAlDZC,cAAc,eAAqB,CAAA,EAAA,WAAA;AAwIpC,IAAA,mBAAe"}