@carbon/web-components 2.57.0 → 2.58.0

package/es/components/tag/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/tag/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\n/**\n * Tag size.\n */\nexport enum TAG_SIZE {\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * Medium size (default).\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n}\n\nexport enum TAG_TYPE {\n  /**\n   * Red color.\n   */\n  RED = 'red',\n\n  /**\n   * Magenta color.\n   */\n  MAGENTA = 'magenta',\n\n  /**\n   * Purple color.\n   */\n  PURPLE = 'purple',\n\n  /**\n   * Blue color.\n   */\n  BLUE = 'blue',\n\n  /**\n   * Cyan color.\n   */\n  CYAN = 'cyan',\n\n  /**\n   * Teal color.\n   */\n  TEAL = 'teal',\n\n  /**\n   * Green color.\n   */\n  GREEN = 'green',\n\n  /**\n   * Gray color.\n   */\n  GRAY = 'gray',\n\n  /**\n   * Cool gray color.\n   */\n  'COOL-GRAY' = 'cool-gray',\n\n  /**\n   * Warn gray color.\n   */\n  'WARM-GRAY' = 'warm-gray',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,WAAL,yBAAA,UAAA;;;;AAIL,UAAA,WAAA;;;;AAKA,UAAA,YAAA;;;;AAKA,UAAA,WAAA;;KACD;AAED,IAAY,WAAL,yBAAA,UAAA;;;;AAIL,UAAA,SAAA;;;;AAKA,UAAA,aAAA;;;;AAKA,UAAA,YAAA;;;;AAKA,UAAA,UAAA;;;;AAKA,UAAA,UAAA;;;;AAKA,UAAA,UAAA;;;;AAKA,UAAA,WAAA;;;;AAKA,UAAA,UAAA;;;;AAKA,UAAA,eAAA;;;;AAKA,UAAA,eAAA;;KACD"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/tag/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\n/**\n * Tag size.\n */\nexport enum TAG_SIZE {\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  /**\n   * Medium size (default).\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n}\n\nexport enum TAG_TYPE {\n  /**\n   * Red color.\n   */\n  RED = 'red',\n\n  /**\n   * Magenta color.\n   */\n  MAGENTA = 'magenta',\n\n  /**\n   * Purple color.\n   */\n  PURPLE = 'purple',\n\n  /**\n   * Blue color.\n   */\n  BLUE = 'blue',\n\n  /**\n   * Cyan color.\n   */\n  CYAN = 'cyan',\n\n  /**\n   * Teal color.\n   */\n  TEAL = 'teal',\n\n  /**\n   * Green color.\n   */\n  GREEN = 'green',\n\n  /**\n   * Gray color.\n   */\n  GRAY = 'gray',\n\n  /**\n   * Cool gray color.\n   */\n  'COOL-GRAY' = 'cool-gray',\n\n  /**\n   * Warn gray color.\n   */\n  'WARM-GRAY' = 'warm-gray',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,WAAL,yBAAA,UAAA;;;;CAIL,SAAA,WAAA;;;;CAKA,SAAA,YAAA;;;;CAKA,SAAA,WAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,WAAL,yBAAA,UAAA;;;;CAIL,SAAA,SAAA;;;;CAKA,SAAA,aAAA;;;;CAKA,SAAA,YAAA;;;;CAKA,SAAA,UAAA;;;;CAKA,SAAA,UAAA;;;;CAKA,SAAA,UAAA;;;;CAKA,SAAA,WAAA;;;;CAKA,SAAA,UAAA;;;;CAKA,SAAA,eAAA;;;;CAKA,SAAA,eAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/tag/dismissible-tag.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";

package/es/components/tag/dismissible-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"dismissible-tag.js","names":["CDSTag","styles","customElement"],"sources":["../../../src/components/tag/dismissible-tag.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport CDSTag from '../tag/tag';\nimport '../tooltip/index';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Dismissible Tag.\n *\n * @element cds-dismissible-tag\n *\n * @fires cds-dismissible-tag-beingclosed - The custom event fired as the element is being closed\n * @fires cds-dismissible-tag-closed - The custom event fired after the element has been closed\n */\n@customElement(`${prefix}-dismissible-tag`)\nclass CDSDismissibleTag extends HostListenerMixin(FocusMixin(CDSTag)) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Finds the next focusable dismissible tag sibling\n   * @returns {HTMLElement|null} The next focusable dismissible tag or null\n   */\n  protected _findNextFocusableTag() {\n    let nextElement = this.nextElementSibling;\n    while (nextElement) {\n      if (\n        nextElement.tagName.toLowerCase() === `${prefix}-dismissible-tag` &&\n        !nextElement.hasAttribute('disabled') &&\n        (nextElement as HTMLElement).getAttribute('open') !== 'false'\n      ) {\n        return nextElement;\n      }\n      nextElement = nextElement.nextElementSibling;\n    }\n    return null;\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? // remove reference of slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDismissibleTag).aiLabelItem\n            ) ||\n            // remove reference of slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDismissibleTag).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      (hasContent[0] as HTMLElement).setAttribute('tag', `${this.type}`);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'sm');\n      (hasContent[0] as HTMLElement).setAttribute('kind', 'inline');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleClick = (event: MouseEvent) => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const nextFocusableTag = this._findNextFocusableTag();\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSDismissibleTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          if (nextFocusableTag) {\n            const nextCloseIcon = (nextFocusableTag as CDSDismissibleTag)\n              ._buttonNode;\n            if (nextCloseIcon) {\n              nextCloseIcon.focus();\n            }\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSDismissibleTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the tooltip alignment for the dismiss button\n   */\n  @property({\n    type: String,\n    attribute: 'dismiss-tooltip-alignment',\n    reflect: true,\n  })\n  dismissTooltipAlignment = 'bottom';\n\n  /**\n   * Provide a custom tooltip label for the dismiss button\n   */\n  @property({ type: String, attribute: 'dismiss-tooltip-label', reflect: true })\n  dismissTooltipLabel?: string;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ type: String, reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * Provide a custom `title` to be inserted in the tag.\n   */\n  @property({ type: String, attribute: 'tag-title', reflect: true })\n  tagTitle = '';\n\n  /**\n   * Provide text to be rendered inside of a the tag.\n   */\n  @property({ type: String, reflect: true })\n  text = '';\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\n\n  render() {\n    const {\n      disabled,\n      _handleAILabelSlotChange: handleAILabelSlotChange,\n      _handleIconSlotChange: handleIconSlotChange,\n      _hasEllipsisApplied: hasEllipsisApplied,\n      size,\n      tagTitle,\n      text,\n      dismissTooltipLabel,\n      dismissTooltipAlignment,\n    } = this;\n\n    const dismissLabel = `Dismiss \"${text}\"`;\n    const dismissActionLabel =\n      dismissTooltipLabel || (hasEllipsisApplied ? dismissLabel : 'Dismiss');\n\n    return html`\n      ${size !== TAG_SIZE.SMALL\n        ? html`<slot name=\"icon\" @slotchange=\"${handleIconSlotChange}\"></slot>`\n        : ''}\n      <div class=\"${prefix}--interactive--tag-children\">\n        <span\n          title=\"${tagTitle ? tagTitle : text}\"\n          class=\"${prefix}--tag__label\">\n          ${text}\n        </span>\n        <slot name=\"decorator\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n        <slot name=\"ai-label\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n        <slot name=\"slug\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n        <cds-tooltip align=${dismissTooltipAlignment} enter-delay-ms=${0}>\n          <button\n            class=\"sb-tooltip-trigger\"\n            role=\"button\"\n            aria-labelledby=\"content\"\n            class=\"${prefix}--tag__close-icon\"\n            ?disabled=${disabled}>\n            ${iconLoader(Close16)}\n          </button>\n          <cds-tooltip-content id=\"content\">\n            ${dismissActionLabel}\n          </cds-tooltip-content>\n        </cds-tooltip>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-dismissible-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-dismissible-tag-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDismissibleTag;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,oBAAA,MACM,0BAA0B,kBAAkB,WAAWA,cAAO,CAAC,CAAC;;;uBAyD1C,UAAsB;AAE9C,OAAI,MAAM,cAAc,CAAC,QAAQ,KAAK,YAAa,IAAI;QACjD,KAAK,SACP,OAAM,iBAAiB;aACd,KAAK,MAAM;KACpB,MAAM,mBAAmB,KAAK,uBAAuB;KACrD,MAAM,OAAO;MACX,SAAS;MACT,YAAY;MACZ,UAAU;MACV,QAAQ,EACN,aAAa,MAAM,QACpB;MACF;AACD,SACE,KAAK,cACH,IAAI,YACD,KAAK,YAAyC,kBAC/C,KACD,CACF,EACD;AACA,WAAK,OAAO;AACZ,UAAI,kBAAkB;OACpB,MAAM,gBAAiB,iBACpB;AACH,WAAI,cACF,eAAc,OAAO;;AAGzB,WAAK,cACH,IAAI,YACD,KAAK,YAAyC,YAC/C,KACD,CACF;;;;;kBAUE;iCAUe;cAYnB;;kBAYI;cAMJ;;;;;;;CAvIP,wBAAkC;EAChC,IAAI,cAAc,KAAK;AACvB,SAAO,aAAa;AAClB,OACE,YAAY,QAAQ,aAAa,KAAK,yBACtC,CAAC,YAAY,aAAa,WAAW,IACpC,YAA4B,aAAa,OAAO,KAAK,QAEtD,QAAO;AAET,iBAAc,YAAY;;AAE5B,SAAO;;;;;CAMT,yBAAmC,EAAE,UAAiB;EACpD,MAAM,aAAc,OACjB,eAAe,CACf,QAAQ,SACN,KAAqB,YAAY,KAAA,IAE7B,KAAqB,QACnB,KAAK,YAAyC,YAChD,IAEA,KAAqB,QACnB,KAAK,YAAyC,SAChD,GACD,MACL;AACH,MAAI,WAAW,SAAS,GAAG;AACxB,cAAW,GAAmB,aAAa,OAAO,GAAG,KAAK,OAAO;AACjE,cAAW,GAAmB,aAAa,QAAQ,KAAK;AACxD,cAAW,GAAmB,aAAa,QAAQ,SAAS;;AAE/D,OAAK,eAAe;;CAyGtB,SAAS;EACP,MAAM,EACJ,UACA,0BAA0B,yBAC1B,uBAAuB,sBACvB,qBAAqB,oBACrB,MACA,UACA,MACA,qBACA,4BACE;EAEJ,MAAM,eAAe,YAAY,KAAK;EACtC,MAAM,qBACJ,wBAAwB,qBAAqB,eAAe;AAE9D,SAAO,IAAI;QACP,SAAA,OACE,IAAI,kCAAkC,qBAAqB,aAC3D,GAAG;0BACc;;mBAER,WAAW,WAAW,KAAK;yBACpB;YACd,KAAK;;8CAE6B,wBAAwB;6CACzB,wBAAwB;yCAC5B,wBAAwB;6BACpC,wBAAwB,kBAAkB,EAAE;;;;;2BAK7C;wBACJ,SAAS;cACnB,WAAW,QAAQ,CAAC;;;cAGpB,mBAAmB;;;;;;;;;;;CAY/B,WAAW,WAAW;AACpB,SAAO;;;;;CAMT,WAAW,cAAc;AACvB,SAAO;;;;;;CAOT,WAAW,mBAAmB;AAC5B,SAAO;;;;;CAMT,WAAW,aAAa;AACtB,SAAO;;;gBAGOC;;;YApOf,MAAM,SAAS,CAAA,EAAA,kBAAA,WAAA,eAAA,KAAA,EAAA;YAqDf,aAAa,mBAAmB,CAAA,EAAA,kBAAA,WAAA,gBAAA,KAAA,EAAA;YAgDhC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CACR,MAAM;CACN,WAAW;CACX,SAAS;CACV,CAAC,CAAA,EAAA,kBAAA,WAAA,2BAAA,KAAA,EAAA;YAMD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAyB,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,uBAAA,KAAA,EAAA;YAM7E,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,YAAA,KAAA,EAAA;YAMjE,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;gCArJ7BC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AAyO3C,IAAA,0BAAe"}
+{"version":3,"file":"dismissible-tag.js","names":["CDSTag","styles","customElement"],"sources":["../../../src/components/tag/dismissible-tag.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport CDSTag from '../tag/tag';\nimport '../tooltip/index';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Dismissible Tag.\n *\n * @element cds-dismissible-tag\n *\n * @fires cds-dismissible-tag-beingclosed - The custom event fired as the element is being closed\n * @fires cds-dismissible-tag-closed - The custom event fired after the element has been closed\n */\n@customElement(`${prefix}-dismissible-tag`)\nclass CDSDismissibleTag extends HostListenerMixin(FocusMixin(CDSTag)) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Finds the next focusable dismissible tag sibling\n   * @returns {HTMLElement|null} The next focusable dismissible tag or null\n   */\n  protected _findNextFocusableTag() {\n    let nextElement = this.nextElementSibling;\n    while (nextElement) {\n      if (\n        nextElement.tagName.toLowerCase() === `${prefix}-dismissible-tag` &&\n        !nextElement.hasAttribute('disabled') &&\n        (nextElement as HTMLElement).getAttribute('open') !== 'false'\n      ) {\n        return nextElement;\n      }\n      nextElement = nextElement.nextElementSibling;\n    }\n    return null;\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? // remove reference of slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDismissibleTag).aiLabelItem\n            ) ||\n            // remove reference of slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSDismissibleTag).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      (hasContent[0] as HTMLElement).setAttribute('tag', `${this.type}`);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'sm');\n      (hasContent[0] as HTMLElement).setAttribute('kind', 'inline');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleClick = (event: MouseEvent) => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const nextFocusableTag = this._findNextFocusableTag();\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSDismissibleTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          if (nextFocusableTag) {\n            const nextCloseIcon = (nextFocusableTag as CDSDismissibleTag)\n              ._buttonNode;\n            if (nextCloseIcon) {\n              nextCloseIcon.focus();\n            }\n          }\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSDismissibleTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the tooltip alignment for the dismiss button\n   */\n  @property({\n    type: String,\n    attribute: 'dismiss-tooltip-alignment',\n    reflect: true,\n  })\n  dismissTooltipAlignment = 'bottom';\n\n  /**\n   * Provide a custom tooltip label for the dismiss button\n   */\n  @property({ type: String, attribute: 'dismiss-tooltip-label', reflect: true })\n  dismissTooltipLabel?: string;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ type: String, reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * Provide a custom `title` to be inserted in the tag.\n   */\n  @property({ type: String, attribute: 'tag-title', reflect: true })\n  tagTitle = '';\n\n  /**\n   * Provide text to be rendered inside of a the tag.\n   */\n  @property({ type: String, reflect: true })\n  text = '';\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\n\n  render() {\n    const {\n      disabled,\n      _handleAILabelSlotChange: handleAILabelSlotChange,\n      _handleIconSlotChange: handleIconSlotChange,\n      _hasEllipsisApplied: hasEllipsisApplied,\n      size,\n      tagTitle,\n      text,\n      dismissTooltipLabel,\n      dismissTooltipAlignment,\n    } = this;\n\n    const dismissLabel = `Dismiss \"${text}\"`;\n    const dismissActionLabel =\n      dismissTooltipLabel || (hasEllipsisApplied ? dismissLabel : 'Dismiss');\n\n    return html`\n      ${size !== TAG_SIZE.SMALL\n        ? html`<slot name=\"icon\" @slotchange=\"${handleIconSlotChange}\"></slot>`\n        : ''}\n      <div class=\"${prefix}--interactive--tag-children\">\n        <span\n          title=\"${tagTitle ? tagTitle : text}\"\n          class=\"${prefix}--tag__label\">\n          ${text}\n        </span>\n        <slot name=\"decorator\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n        <slot name=\"ai-label\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n        <slot name=\"slug\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n        <cds-tooltip align=${dismissTooltipAlignment} enter-delay-ms=${0}>\n          <button\n            class=\"sb-tooltip-trigger\"\n            role=\"button\"\n            aria-labelledby=\"content\"\n            class=\"${prefix}--tag__close-icon\"\n            ?disabled=${disabled}>\n            ${iconLoader(Close16)}\n          </button>\n          <cds-tooltip-content id=\"content\">\n            ${dismissActionLabel}\n          </cds-tooltip-content>\n        </cds-tooltip>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-dismissible-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-dismissible-tag-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDismissibleTag;\n"],"mappings":"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"}

package/es/components/tag/operational-tag.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";

package/es/components/tag/operational-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"operational-tag.js","names":["styles","customElement"],"sources":["../../../src/components/tag/operational-tag.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport './tag';\nimport '../tooltip/index';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Operational tag.\n *\n * @element cds-operational-tag\n *\n * @fires cds-operational-tag-beforeselected - The custom event fired as the element is being selected\n * @fires cds-operational-tag-selected - The custom event fired after the element has been selected\n */\n@customElement(`${prefix}-operational-tag`)\nclass CDSOperationalTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * Custom events to be triggered\n   *\n   * @param event Event object\n   */\n  protected triggerEvents = (event) => {\n    if (this.disabled) {\n      event.stopPropagation();\n    } else {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy: event.target,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSOperationalTag).eventBeforeSelected,\n            init\n          )\n        )\n      ) {\n        this.selected = !this.selected;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSOperationalTag).eventSelected,\n            init\n          )\n        );\n      }\n    }\n  };\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    this.triggerEvents(event);\n  };\n\n  @HostListener('shadowRoot:keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      this.triggerEvents(event);\n    }\n  };\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the state of the selectable tag.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ type: String, reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * Provide text to be rendered inside of a the tag.\n   */\n  @property({ type: String, reflect: true })\n  text = '';\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\n\n  /**\n   * true if the tag text has ellipsis applied\n   */\n  @state()\n  _hasEllipsisApplied = false;\n\n  async updated() {\n    await this.updateComplete;\n\n    const textContainer = this.shadowRoot\n      ?.querySelector(`${prefix}-tag`)\n      ?.shadowRoot?.querySelector(`.${prefix}--tag__label`);\n    if (!textContainer) return;\n\n    const hasEllipsis = textContainer.scrollWidth > textContainer.clientWidth;\n\n    this._hasEllipsisApplied = hasEllipsis;\n  }\n\n  render() {\n    const {\n      disabled,\n      selected,\n      size,\n      text,\n      type,\n      _hasEllipsisApplied: hasEllipsisApplied,\n    } = this;\n\n    return html` ${hasEllipsisApplied\n      ? html` <cds-tooltip\n          align=\"bottom\"\n          keyboard-only\n          closeOnActivation\n          leave-delay-ms=${0}>\n          <cds-tag\n            part=\"tag\"\n            ?aria-pressed=\"${selected}\"\n            size=\"${size}\"\n            ?disabled=\"${disabled}\"\n            type=\"${type}\">\n            <slot name=\"icon\" slot=\"icon\"></slot>\n            ${text}\n            <slot name=\"decorator\" slot=\"decorator\"></slot>\n            <slot name=\"ai-label\" slot=\"ai-label\"></slot>\n            <slot name=\"slug\" slot=\"slug\"></slot>\n          </cds-tag>\n          <cds-tooltip-content id=\"content\"> ${text} </cds-tooltip-content>\n        </cds-tooltip>`\n      : html`\n          <cds-tag\n            part=\"tag\"\n            ?aria-pressed=\"${selected}\"\n            size=\"${size}\"\n            ?disabled=\"${disabled}\"\n            type=\"${type}\">\n            <slot name=\"icon\" slot=\"icon\"></slot>\n            ${text}\n            <slot name=\"decorator\" slot=\"decorator\"></slot>\n            <slot name=\"ai-label\" slot=\"ai-label\"></slot>\n            <slot name=\"slug\" slot=\"slug\"></slot>\n          </cds-tag>\n        `}`;\n  }\n\n  /**\n   * The name of the custom event before this tag is selected.\n   */\n  static get eventBeforeSelected() {\n    return `${prefix}-operational-tag-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is selected.\n   */\n  static get eventSelected() {\n    return `${prefix}-operational-tag-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSOperationalTag;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,oBAAA,MACM,0BAA0B,kBAAkB,WAAW,WAAW,CAAC,CAAC;;;wBAM7C,UAAU;AACnC,OAAI,KAAK,SACP,OAAM,iBAAiB;QAClB;IACL,MAAM,OAAO;KACX,SAAS;KACT,YAAY;KACZ,UAAU;KACV,QAAQ,EACN,aAAa,MAAM,QACpB;KACF;AACD,QACE,KAAK,cACH,IAAI,YACD,KAAK,YAAyC,qBAC/C,KACD,CACF,EACD;AACA,UAAK,WAAW,CAAC,KAAK;AACtB,UAAK,cACH,IAAI,YACD,KAAK,YAAyC,eAC/C,KACD,CACF;;;;uBAaiB,UAAsB;AAC5C,QAAK,cAAc,MAAM;;yBAMD,UAAyB;AACjD,OAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IACzC,MAAK,cAAc,MAAM;;kBAQlB;kBAMA;;cAYJ;;6BAYe;;CAEtB,MAAM,UAAU;AACd,QAAM,KAAK;EAEX,MAAM,gBAAgB,KAAK,YACvB,cAAc,UAAgB,EAC9B,YAAY,cAAc,mBAAyB;AACvD,MAAI,CAAC,cAAe;EAEpB,MAAM,cAAc,cAAc,cAAc,cAAc;AAE9D,OAAK,sBAAsB;;CAG7B,SAAS;EACP,MAAM,EACJ,UACA,UACA,MACA,MACA,MACA,qBAAqB,uBACnB;AAEJ,SAAO,IAAI,IAAI,qBACX,IAAI;;;;2BAIe,EAAE;;;6BAGA,SAAS;oBAClB,KAAK;yBACA,SAAS;oBACd,KAAK;;cAEX,KAAK;;;;;+CAK4B,KAAK;0BAE5C,IAAI;;;6BAGiB,SAAS;oBAClB,KAAK;yBACA,SAAS;oBACd,KAAK;;cAEX,KAAK;;;;;;;;;;CAWjB,WAAW,sBAAsB;AAC/B,SAAO;;;;;CAMT,WAAW,gBAAgB;AACzB,SAAO;;;gBAGOA;;;YA7Hf,aAAa,mBAAmB,CAAA,EAAA,kBAAA,WAAA,gBAAA,KAAA,EAAA;YAOhC,aAAa,qBAAqB,CAAA,EAAA,kBAAA,WAAA,kBAAA,KAAA,EAAA;YAYlC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,kBAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,OAAO,CAAA,EAAA,kBAAA,WAAA,uBAAA,KAAA,EAAA;gCA5FTC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AA2K3C,IAAA,0BAAe"}
+{"version":3,"file":"operational-tag.js","names":["styles","customElement"],"sources":["../../../src/components/tag/operational-tag.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport './tag';\nimport '../tooltip/index';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Operational tag.\n *\n * @element cds-operational-tag\n *\n * @fires cds-operational-tag-beforeselected - The custom event fired as the element is being selected\n * @fires cds-operational-tag-selected - The custom event fired after the element has been selected\n */\n@customElement(`${prefix}-operational-tag`)\nclass CDSOperationalTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * Custom events to be triggered\n   *\n   * @param event Event object\n   */\n  protected triggerEvents = (event) => {\n    if (this.disabled) {\n      event.stopPropagation();\n    } else {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy: event.target,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSOperationalTag).eventBeforeSelected,\n            init\n          )\n        )\n      ) {\n        this.selected = !this.selected;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSOperationalTag).eventSelected,\n            init\n          )\n        );\n      }\n    }\n  };\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    this.triggerEvents(event);\n  };\n\n  @HostListener('shadowRoot:keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      this.triggerEvents(event);\n    }\n  };\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the state of the selectable tag.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ type: String, reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * Provide text to be rendered inside of a the tag.\n   */\n  @property({ type: String, reflect: true })\n  text = '';\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\n\n  /**\n   * true if the tag text has ellipsis applied\n   */\n  @state()\n  _hasEllipsisApplied = false;\n\n  async updated() {\n    await this.updateComplete;\n\n    const textContainer = this.shadowRoot\n      ?.querySelector(`${prefix}-tag`)\n      ?.shadowRoot?.querySelector(`.${prefix}--tag__label`);\n    if (!textContainer) return;\n\n    const hasEllipsis = textContainer.scrollWidth > textContainer.clientWidth;\n\n    this._hasEllipsisApplied = hasEllipsis;\n  }\n\n  render() {\n    const {\n      disabled,\n      selected,\n      size,\n      text,\n      type,\n      _hasEllipsisApplied: hasEllipsisApplied,\n    } = this;\n\n    return html` ${hasEllipsisApplied\n      ? html` <cds-tooltip\n          align=\"bottom\"\n          keyboard-only\n          closeOnActivation\n          leave-delay-ms=${0}>\n          <cds-tag\n            part=\"tag\"\n            ?aria-pressed=\"${selected}\"\n            size=\"${size}\"\n            ?disabled=\"${disabled}\"\n            type=\"${type}\">\n            <slot name=\"icon\" slot=\"icon\"></slot>\n            ${text}\n            <slot name=\"decorator\" slot=\"decorator\"></slot>\n            <slot name=\"ai-label\" slot=\"ai-label\"></slot>\n            <slot name=\"slug\" slot=\"slug\"></slot>\n          </cds-tag>\n          <cds-tooltip-content id=\"content\"> ${text} </cds-tooltip-content>\n        </cds-tooltip>`\n      : html`\n          <cds-tag\n            part=\"tag\"\n            ?aria-pressed=\"${selected}\"\n            size=\"${size}\"\n            ?disabled=\"${disabled}\"\n            type=\"${type}\">\n            <slot name=\"icon\" slot=\"icon\"></slot>\n            ${text}\n            <slot name=\"decorator\" slot=\"decorator\"></slot>\n            <slot name=\"ai-label\" slot=\"ai-label\"></slot>\n            <slot name=\"slug\" slot=\"slug\"></slot>\n          </cds-tag>\n        `}`;\n  }\n\n  /**\n   * The name of the custom event before this tag is selected.\n   */\n  static get eventBeforeSelected() {\n    return `${prefix}-operational-tag-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is selected.\n   */\n  static get eventSelected() {\n    return `${prefix}-operational-tag-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSOperationalTag;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,oBAAA,MACM,0BAA0B,kBAAkB,WAAW,UAAU,CAAC,CAAC,CAAC;;;wBAM7C,UAAU;GACnC,IAAI,KAAK,UACP,MAAM,gBAAgB;QACjB;IACL,MAAM,OAAO;KACX,SAAS;KACT,YAAY;KACZ,UAAU;KACV,QAAQ,EACN,aAAa,MAAM,OACrB;IACF;IACA,IACE,KAAK,cACH,IAAI,YACD,KAAK,YAAyC,qBAC/C,IACF,CACF,GACA;KACA,KAAK,WAAW,CAAC,KAAK;KACtB,KAAK,cACH,IAAI,YACD,KAAK,YAAyC,eAC/C,IACF,CACF;IACF;GACF;EACF;uBAUwB,UAAsB;GAC5C,KAAK,cAAc,KAAK;EAC1B;yBAK0B,UAAyB;GACjD,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KACzC,KAAK,cAAc,KAAK;EAE5B;kBAMW;kBAMA;;cAYJ;;6BAYe;;CAEtB,MAAM,UAAU;EACd,MAAM,KAAK;EAEX,MAAM,gBAAgB,KAAK,YACvB,cAAc,SAAe,CAAC,EAC9B,YAAY,cAAc,kBAAwB;EACtD,IAAI,CAAC,eAAe;EAEpB,MAAM,cAAc,cAAc,cAAc,cAAc;EAE9D,KAAK,sBAAsB;CAC7B;CAEA,SAAS;EACP,MAAM,EACJ,UACA,UACA,MACA,MACA,MACA,qBAAqB,uBACnB;EAEJ,OAAO,IAAI,IAAI,qBACX,IAAI;;;;2BAIe,EAAE;;;6BAGA,SAAS;oBAClB,KAAK;yBACA,SAAS;oBACd,KAAK;;cAEX,KAAK;;;;;+CAK4B,KAAK;0BAE5C,IAAI;;;6BAGiB,SAAS;oBAClB,KAAK;yBACA,SAAS;oBACd,KAAK;;cAEX,KAAK;;;;;;CAMjB;;;;CAKA,WAAW,sBAAsB;EAC/B,OAAO;CACT;;;;CAKA,WAAW,gBAAgB;EACzB,OAAO;CACT;;gBAEgBA;;AAClB;YA9HG,aAAa,kBAAkB,CAAA,GAAA,kBAAA,WAAA,gBAAA,KAAA,CAAA;YAO/B,aAAa,oBAAoB,CAAA,GAAA,kBAAA,WAAA,kBAAA,KAAA,CAAA;YAYjC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;YAMxC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,MAAM,CAAA,GAAA,kBAAA,WAAA,uBAAA,KAAA,CAAA;gCA5FRC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AA2K1C,IAAA,0BAAe"}

package/es/components/tag/selectable-tag.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";

package/es/components/tag/selectable-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectable-tag.js","names":["styles","customElement"],"sources":["../../../src/components/tag/selectable-tag.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport './tag';\nimport '../tooltip/index';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Selectable tag.\n *\n * @element cds-selectable-tag\n *\n * @fires cds-selectable-tag-beforeselected - The custom event fired as the element is being selected\n * @fires cds-selectable-tag-selected - The custom event fired after the element has been selected\n */\n@customElement(`${prefix}-selectable-tag`)\nclass CDSSelectableTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * Custom events to be triggered\n   * @param event Event object\n   */\n  protected triggerEvents = (event) => {\n    if (this.disabled) {\n      event.stopPropagation();\n    } else {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy: event.target,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSSelectableTag).eventBeforeSelected,\n            init\n          )\n        )\n      ) {\n        this.selected = !this.selected;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSSelectableTag).eventSelected,\n            init\n          )\n        );\n      }\n    }\n  };\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    this.triggerEvents(event);\n  };\n\n  @HostListener('shadowRoot:keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      this.triggerEvents(event);\n    }\n  };\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the state of the selectable tag.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ type: String, reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * Provide text to be rendered inside of a the tag.\n   */\n  @property({ type: String, reflect: true })\n  text = '';\n\n  /**\n   * true if the tag text has ellipsis applied\n   */\n  @state()\n  protected _hasEllipsisApplied = false;\n\n  async updated() {\n    await this.updateComplete;\n\n    const textContainer = this.shadowRoot\n      ?.querySelector(`${prefix}-tag`)\n      ?.shadowRoot?.querySelector(`.${prefix}--tag__label`);\n    if (!textContainer) return;\n\n    const hasEllipsis = textContainer.scrollWidth > textContainer.clientWidth;\n\n    this._hasEllipsisApplied = hasEllipsis;\n  }\n\n  render() {\n    const {\n      disabled,\n      selected,\n      size,\n      text,\n      _hasEllipsisApplied: hasEllipsisApplied,\n    } = this;\n\n    return html` ${hasEllipsisApplied\n      ? html` <cds-tooltip align=\"bottom\" keyboard-only leave-delay-ms=${0}>\n          <cds-tag\n            ?aria-pressed=\"${selected}\"\n            size=\"${size}\"\n            ?disabled=\"${disabled}\">\n            <slot name=\"icon\" slot=\"icon\"></slot>\n            ${text}\n            <slot name=\"decorator\" slot=\"decorator\"></slot>\n            <slot name=\"ai-label\" slot=\"ai-label\"></slot>\n            <slot name=\"slug\" slot=\"slug\"></slot>\n          </cds-tag>\n          <cds-tooltip-content id=\"content\"> ${text} </cds-tooltip-content>\n        </cds-tooltip>`\n      : html`\n          <cds-tag\n            ?aria-pressed=\"${selected}\"\n            size=\"${size}\"\n            ?disabled=\"${disabled}\">\n            <slot name=\"icon\" slot=\"icon\"></slot>\n            ${text}\n            <slot name=\"decorator\" slot=\"decorator\"></slot>\n            <slot name=\"ai-label\" slot=\"ai-label\"></slot>\n            <slot name=\"slug\" slot=\"slug\"></slot>\n          </cds-tag>\n        `}`;\n  }\n\n  /**\n   * The name of the custom event before this tag is selected.\n   */\n  static get eventBeforeSelected() {\n    return `${prefix}-selectable-tag-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is selected.\n   */\n  static get eventSelected() {\n    return `${prefix}-selectable-tag-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSelectableTag;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,mBAAA,MACM,yBAAyB,kBAAkB,WAAW,WAAW,CAAC,CAAC;;;wBAK5C,UAAU;AACnC,OAAI,KAAK,SACP,OAAM,iBAAiB;QAClB;IACL,MAAM,OAAO;KACX,SAAS;KACT,YAAY;KACZ,UAAU;KACV,QAAQ,EACN,aAAa,MAAM,QACpB;KACF;AACD,QACE,KAAK,cACH,IAAI,YACD,KAAK,YAAwC,qBAC9C,KACD,CACF,EACD;AACA,UAAK,WAAW,CAAC,KAAK;AACtB,UAAK,cACH,IAAI,YACD,KAAK,YAAwC,eAC9C,KACD,CACF;;;;uBAaiB,UAAsB;AAC5C,QAAK,cAAc,MAAM;;yBAMD,UAAyB;AACjD,OAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,IACzC,MAAK,cAAc,MAAM;;kBAQlB;kBAMA;;cAYJ;6BAMyB;;CAEhC,MAAM,UAAU;AACd,QAAM,KAAK;EAEX,MAAM,gBAAgB,KAAK,YACvB,cAAc,UAAgB,EAC9B,YAAY,cAAc,mBAAyB;AACvD,MAAI,CAAC,cAAe;EAEpB,MAAM,cAAc,cAAc,cAAc,cAAc;AAE9D,OAAK,sBAAsB;;CAG7B,SAAS;EACP,MAAM,EACJ,UACA,UACA,MACA,MACA,qBAAqB,uBACnB;AAEJ,SAAO,IAAI,IAAI,qBACX,IAAI,6DAA6D,EAAE;;6BAE9C,SAAS;oBAClB,KAAK;yBACA,SAAS;;cAEpB,KAAK;;;;;+CAK4B,KAAK;0BAE5C,IAAI;;6BAEiB,SAAS;oBAClB,KAAK;yBACA,SAAS;;cAEpB,KAAK;;;;;;;;;;CAWjB,WAAW,sBAAsB;AAC/B,SAAO;;;;;CAMT,WAAW,gBAAgB;AACzB,SAAO;;;gBAGOA;;;YA9Gf,aAAa,mBAAmB,CAAA,EAAA,iBAAA,WAAA,gBAAA,KAAA,EAAA;YAOhC,aAAa,qBAAqB,CAAA,EAAA,iBAAA,WAAA,kBAAA,KAAA,EAAA;YAYlC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,iBAAA,WAAA,QAAA,KAAA,EAAA;YAMzC,OAAO,CAAA,EAAA,iBAAA,WAAA,uBAAA,KAAA,EAAA;+BArFTC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA2J1C,IAAA,yBAAe"}
+{"version":3,"file":"selectable-tag.js","names":["styles","customElement"],"sources":["../../../src/components/tag/selectable-tag.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport './tag';\nimport '../tooltip/index';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Selectable tag.\n *\n * @element cds-selectable-tag\n *\n * @fires cds-selectable-tag-beforeselected - The custom event fired as the element is being selected\n * @fires cds-selectable-tag-selected - The custom event fired after the element has been selected\n */\n@customElement(`${prefix}-selectable-tag`)\nclass CDSSelectableTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * Custom events to be triggered\n   * @param event Event object\n   */\n  protected triggerEvents = (event) => {\n    if (this.disabled) {\n      event.stopPropagation();\n    } else {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy: event.target,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSSelectableTag).eventBeforeSelected,\n            init\n          )\n        )\n      ) {\n        this.selected = !this.selected;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSSelectableTag).eventSelected,\n            init\n          )\n        );\n      }\n    }\n  };\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    this.triggerEvents(event);\n  };\n\n  @HostListener('shadowRoot:keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      this.triggerEvents(event);\n    }\n  };\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify the state of the selectable tag.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ type: String, reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * Provide text to be rendered inside of a the tag.\n   */\n  @property({ type: String, reflect: true })\n  text = '';\n\n  /**\n   * true if the tag text has ellipsis applied\n   */\n  @state()\n  protected _hasEllipsisApplied = false;\n\n  async updated() {\n    await this.updateComplete;\n\n    const textContainer = this.shadowRoot\n      ?.querySelector(`${prefix}-tag`)\n      ?.shadowRoot?.querySelector(`.${prefix}--tag__label`);\n    if (!textContainer) return;\n\n    const hasEllipsis = textContainer.scrollWidth > textContainer.clientWidth;\n\n    this._hasEllipsisApplied = hasEllipsis;\n  }\n\n  render() {\n    const {\n      disabled,\n      selected,\n      size,\n      text,\n      _hasEllipsisApplied: hasEllipsisApplied,\n    } = this;\n\n    return html` ${hasEllipsisApplied\n      ? html` <cds-tooltip align=\"bottom\" keyboard-only leave-delay-ms=${0}>\n          <cds-tag\n            ?aria-pressed=\"${selected}\"\n            size=\"${size}\"\n            ?disabled=\"${disabled}\">\n            <slot name=\"icon\" slot=\"icon\"></slot>\n            ${text}\n            <slot name=\"decorator\" slot=\"decorator\"></slot>\n            <slot name=\"ai-label\" slot=\"ai-label\"></slot>\n            <slot name=\"slug\" slot=\"slug\"></slot>\n          </cds-tag>\n          <cds-tooltip-content id=\"content\"> ${text} </cds-tooltip-content>\n        </cds-tooltip>`\n      : html`\n          <cds-tag\n            ?aria-pressed=\"${selected}\"\n            size=\"${size}\"\n            ?disabled=\"${disabled}\">\n            <slot name=\"icon\" slot=\"icon\"></slot>\n            ${text}\n            <slot name=\"decorator\" slot=\"decorator\"></slot>\n            <slot name=\"ai-label\" slot=\"ai-label\"></slot>\n            <slot name=\"slug\" slot=\"slug\"></slot>\n          </cds-tag>\n        `}`;\n  }\n\n  /**\n   * The name of the custom event before this tag is selected.\n   */\n  static get eventBeforeSelected() {\n    return `${prefix}-selectable-tag-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is selected.\n   */\n  static get eventSelected() {\n    return `${prefix}-selectable-tag-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSelectableTag;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,mBAAA,MACM,yBAAyB,kBAAkB,WAAW,UAAU,CAAC,CAAC,CAAC;;;wBAK5C,UAAU;GACnC,IAAI,KAAK,UACP,MAAM,gBAAgB;QACjB;IACL,MAAM,OAAO;KACX,SAAS;KACT,YAAY;KACZ,UAAU;KACV,QAAQ,EACN,aAAa,MAAM,OACrB;IACF;IACA,IACE,KAAK,cACH,IAAI,YACD,KAAK,YAAwC,qBAC9C,IACF,CACF,GACA;KACA,KAAK,WAAW,CAAC,KAAK;KACtB,KAAK,cACH,IAAI,YACD,KAAK,YAAwC,eAC9C,IACF,CACF;IACF;GACF;EACF;uBAUwB,UAAsB;GAC5C,KAAK,cAAc,KAAK;EAC1B;yBAK0B,UAAyB;GACjD,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KACzC,KAAK,cAAc,KAAK;EAE5B;kBAMW;kBAMA;;cAYJ;6BAMyB;;CAEhC,MAAM,UAAU;EACd,MAAM,KAAK;EAEX,MAAM,gBAAgB,KAAK,YACvB,cAAc,SAAe,CAAC,EAC9B,YAAY,cAAc,kBAAwB;EACtD,IAAI,CAAC,eAAe;EAEpB,MAAM,cAAc,cAAc,cAAc,cAAc;EAE9D,KAAK,sBAAsB;CAC7B;CAEA,SAAS;EACP,MAAM,EACJ,UACA,UACA,MACA,MACA,qBAAqB,uBACnB;EAEJ,OAAO,IAAI,IAAI,qBACX,IAAI,6DAA6D,EAAE;;6BAE9C,SAAS;oBAClB,KAAK;yBACA,SAAS;;cAEpB,KAAK;;;;;+CAK4B,KAAK;0BAE5C,IAAI;;6BAEiB,SAAS;oBAClB,KAAK;yBACA,SAAS;;cAEpB,KAAK;;;;;;CAMjB;;;;CAKA,WAAW,sBAAsB;EAC/B,OAAO;CACT;;;;CAKA,WAAW,gBAAgB;EACzB,OAAO;CACT;;gBAEgBA;;AAClB;YA/GG,aAAa,kBAAkB,CAAA,GAAA,iBAAA,WAAA,gBAAA,KAAA,CAAA;YAO/B,aAAa,oBAAoB,CAAA,GAAA,iBAAA,WAAA,kBAAA,KAAA,CAAA;YAYjC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;YAMxC,MAAM,CAAA,GAAA,iBAAA,WAAA,uBAAA,KAAA,CAAA;+BArFRC,cAAc,oBAA0B,CAAA,GAAA,gBAAA;AA2JzC,IAAA,yBAAe"}

package/es/components/tag/tag-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import "./defs.js";
 import tag_default from "./tag.scss.js";
 import { LitElement, html } from "lit";

package/es/components/tag/tag-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/tag/tag-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { TAG_SIZE } from './defs';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of tag.\n *\n * @element cds-tag-skeleton\n */\n@customElement(`${prefix}-tag-skeleton`)\nexport default class CDSTagSkeleton extends LitElement {\n  /**\n   * Specify the size of the Tag. Currently supports either `sm`,\n   * `md` (default) or `lg` sizes.\n   */\n  @property({ reflect: true, type: String })\n  size = TAG_SIZE.SMALL;\n\n  render() {\n    const tagClasses = classMap({\n      [`${prefix}--tag`]: true,\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--layout--size-${this.size}`]: this.size,\n    });\n    return html` <span class=\"${tagClasses}\"></span> `;\n  }\n\n  static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBe,IAAA,iBAAA,MAAM,uBAAuB,WAAW;;;;;CAQrD,SAAS;AAMP,SAAO,IAAI,iBALQ,SAAS;IACzB,aAAmB;IACnB,kBAAwB;IACxB,qBAA2B,KAAK,SAAS,KAAK;GAChD,CAAC,CACqC;;;gBAGzBA;;;YAZf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,eAAA,WAAA,QAAA,KAAA,EAAA;6BAN3CC,cAAc,mBAAyB,CAAA,EAAA,eAAA"}
+{"version":3,"file":"tag-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/tag/tag-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport { TAG_SIZE } from './defs';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of tag.\n *\n * @element cds-tag-skeleton\n */\n@customElement(`${prefix}-tag-skeleton`)\nexport default class CDSTagSkeleton extends LitElement {\n  /**\n   * Specify the size of the Tag. Currently supports either `sm`,\n   * `md` (default) or `lg` sizes.\n   */\n  @property({ reflect: true, type: String })\n  size = TAG_SIZE.SMALL;\n\n  render() {\n    const tagClasses = classMap({\n      [`${prefix}--tag`]: true,\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--layout--size-${this.size}`]: this.size,\n    });\n    return html` <span class=\"${tagClasses}\"></span> `;\n  }\n\n  static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBe,IAAA,iBAAA,MAAM,uBAAuB,WAAW;;;;;CAQrD,SAAS;EAMP,OAAO,IAAI,iBALQ,SAAS;IACzB,aAAmB;IACnB,kBAAwB;IACxB,qBAA2B,KAAK,SAAS,KAAK;EACjD,CACqC,EAAE;CACzC;;gBAEgBA;;AAClB;YAbG,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,eAAA,WAAA,QAAA,KAAA,CAAA;6BAN1CC,cAAc,kBAAwB,CAAA,GAAA,cAAA"}

package/es/components/tag/tag.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";

package/es/components/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","names":["styles","customElement"],"sources":["../../../src/components/tag/tag.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 { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Tag.\n * @element cds-tag\n * @fires cds-tag-beingclosed - The custom event fired as the element is being closed\n * @fires cds-tag-closed - The custom event fired after the element has been closed\n */\n@customElement(`${prefix}-tag`)\nclass CDSTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTag).aiLabelItem\n            ) ||\n            // remove reference of slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTag).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      (hasContent[0] as HTMLElement).setAttribute('tag', `${this.type}`);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'sm');\n      (hasContent[0] as HTMLElement).setAttribute('kind', 'inline');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleIconSlotChange({ target }: Event) {\n    const hasIcon = (target as HTMLSlotElement).assignedNodes();\n\n    this.hasCustomIcon = hasIcon.length > 0;\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleClick = (event: MouseEvent) => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   *\n   * @deprecated The `title` property has been deprecated and will be removed in the next major version. Use cds-dismissible-tag instead.\n   */\n  @property({ type: String })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Determine if is a filter/chip\n   *\n   * @deprecated The `filter` property has been deprecated and will be removed in the next major version. Use cds-dismissible-tag instead.\n   */\n  @property({ type: Boolean, reflect: true })\n  filter = false;\n\n  /**\n   * `true` if there is a custom icon.\n   */\n  @property({ type: Boolean, attribute: 'has-custom-icon', reflect: true })\n  hasCustomIcon = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\n\n  /**\n   * true if the tag text has ellipsis applied\n   */\n  @state()\n  _hasEllipsisApplied = false;\n\n  updated() {\n    const textContainer = this.shadowRoot?.querySelector(\n      `.${prefix}--tag__label`\n    );\n    if (!textContainer || this._hasEllipsisApplied === true) return;\n\n    this._hasEllipsisApplied =\n      textContainer.scrollWidth > textContainer.clientWidth;\n\n    const root = this.getRootNode();\n    // Check if the root is a shadow root and get its host\n    if (root instanceof ShadowRoot) {\n      const parent = root.host.tagName.toLowerCase();\n      if (\n        parent === `${prefix}-selectable-tag` ||\n        parent === `${prefix}-operational-tag`\n      ) {\n        this.setAttribute('role', 'button');\n        this.tabIndex = this.disabled ? -1 : 0;\n      }\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      filter,\n      _handleAILabelSlotChange: handleAILabelSlotChange,\n      _handleIconSlotChange: handleIconSlotChange,\n      size,\n      title,\n    } = this;\n\n    return html`\n      ${size !== TAG_SIZE.SMALL\n        ? html`<slot name=\"icon\" @slotchange=\"${handleIconSlotChange}\"></slot>`\n        : ''}\n      <span class=\"${prefix}--tag__label\">\n        <slot></slot>\n      </span>\n      <slot name=\"decorator\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n      <slot name=\"ai-label\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n      ${filter\n        ? html`\n            <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n              ${iconLoader(Close16, { 'aria-label': title })}\n            </button>\n          `\n        : ``}\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-tag-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTag;\n"],"mappings":"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"}
+{"version":3,"file":"tag.js","names":["styles","customElement"],"sources":["../../../src/components/tag/tag.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 { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Tag.\n * @element cds-tag\n * @fires cds-tag-beingclosed - The custom event fired as the element is being closed\n * @fires cds-tag-closed - The custom event fired after the element has been closed\n */\n@customElement(`${prefix}-tag`)\nclass CDSTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTag).aiLabelItem\n            ) ||\n            // remove reference of slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTag).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      (hasContent[0] as HTMLElement).setAttribute('tag', `${this.type}`);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'sm');\n      (hasContent[0] as HTMLElement).setAttribute('kind', 'inline');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleIconSlotChange({ target }: Event) {\n    const hasIcon = (target as HTMLSlotElement).assignedNodes();\n\n    this.hasCustomIcon = hasIcon.length > 0;\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleClick = (event: MouseEvent) => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   *\n   * @deprecated The `title` property has been deprecated and will be removed in the next major version. Use cds-dismissible-tag instead.\n   */\n  @property({ type: String })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Determine if is a filter/chip\n   *\n   * @deprecated The `filter` property has been deprecated and will be removed in the next major version. Use cds-dismissible-tag instead.\n   */\n  @property({ type: Boolean, reflect: true })\n  filter = false;\n\n  /**\n   * `true` if there is a custom icon.\n   */\n  @property({ type: Boolean, attribute: 'has-custom-icon', reflect: true })\n  hasCustomIcon = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\n\n  /**\n   * true if the tag text has ellipsis applied\n   */\n  @state()\n  _hasEllipsisApplied = false;\n\n  updated() {\n    const textContainer = this.shadowRoot?.querySelector(\n      `.${prefix}--tag__label`\n    );\n    if (!textContainer || this._hasEllipsisApplied === true) return;\n\n    this._hasEllipsisApplied =\n      textContainer.scrollWidth > textContainer.clientWidth;\n\n    const root = this.getRootNode();\n    // Check if the root is a shadow root and get its host\n    if (root instanceof ShadowRoot) {\n      const parent = root.host.tagName.toLowerCase();\n      if (\n        parent === `${prefix}-selectable-tag` ||\n        parent === `${prefix}-operational-tag`\n      ) {\n        this.setAttribute('role', 'button');\n        this.tabIndex = this.disabled ? -1 : 0;\n      }\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      filter,\n      _handleAILabelSlotChange: handleAILabelSlotChange,\n      _handleIconSlotChange: handleIconSlotChange,\n      size,\n      title,\n    } = this;\n\n    return html`\n      ${size !== TAG_SIZE.SMALL\n        ? html`<slot name=\"icon\" @slotchange=\"${handleIconSlotChange}\"></slot>`\n        : ''}\n      <span class=\"${prefix}--tag__label\">\n        <slot></slot>\n      </span>\n      <slot name=\"decorator\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n      <slot name=\"ai-label\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${handleAILabelSlotChange}\"></slot>\n      ${filter\n        ? html`\n            <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n              ${iconLoader(Close16, { 'aria-label': title })}\n            </button>\n          `\n        : ``}\n    `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-tag-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTag;\n"],"mappings":"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"}