npm - @carbon/web-components - Versions diffs - 2.57.0-rc.0 → 2.58.0-rc.0 - Mend

@carbon/web-components 2.57.0-rc.0 → 2.58.0-rc.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 (1268) hide show

package/es/components/radio-button/radio-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-button.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button.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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n NAVIGATION_DIRECTION,\n ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\n/\n Map of navigation direction by key for horizontal alignment.\n /\nconst navigationDirectionForKeyHorizontal = {\n ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/\n Map of navigation direction by key for vertical alignment.\n /\nconst navigationDirectionForKeyVertical = {\n ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/\n The interface for `RadioGroupManager` for radio button.\n /\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n /\n The radio button to target.\n /\n private _radio: HTMLInputElement;\n\n constructor(radio: HTMLInputElement) {\n this._radio = radio;\n }\n\n get checked() {\n return this._radio.checked;\n }\n\n set checked(checked) {\n const { host } = this._radio.getRootNode() as ShadowRoot;\n const { eventChange } = host.constructor as typeof CDSRadioButton;\n (host as CDSRadioButton).checked = checked;\n this._radio.tabIndex = checked ? 0 : -1;\n host.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n checked,\n value: this._radio.value,\n name: this._radio.name,\n },\n })\n );\n }\n\n get tabIndex() {\n return this._radio.tabIndex;\n }\n\n set tabIndex(tabIndex) {\n this._radio.tabIndex = tabIndex;\n }\n\n get name() {\n return this._radio.name;\n }\n\n get disabled() {\n return this._radio.disabled;\n }\n\n compareDocumentPosition(other: RadioButtonDelegate) {\n return this._radio.compareDocumentPosition(other._radio);\n }\n\n focus() {\n this._radio.focus();\n }\n}\n\n/\n Radio button.\n \n @element cds-radio-button\n * @fires cds-radio-button-changed - The custom event fired after this radio button changes its checked state.\n /\n@customElement(`${prefix}-radio-button`)\nclass CDSRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /\n The radio group manager associated with the radio button.\n /\n private _manager: RadioGroupManager \| null = null;\n\n /\n The interface for `RadioGroupManager` for radio button.\n /\n private _radioButtonDelegate!: RadioButtonDelegate;\n\n /\n The hidden radio button.\n /\n @query('input')\n private _inputNode!: HTMLInputElement;\n\n /\n Handles `click` event on this element.\n /\n @HostListener('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) => {\n if (\n !(event.target as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n ) &&\n !(event.target as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton)?.slugItem\n )\n ) {\n const {\n disabled,\n _radioButtonDelegate: radioButtonDelegate,\n readOnly,\n } = this;\n if (readOnly) {\n event.preventDefault();\n return;\n }\n if (radioButtonDelegate && !disabled && !this.disabledItem) {\n this.checked = true;\n if (this._manager) {\n this._manager.select(radioButtonDelegate, this.readOnly);\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSRadioButton).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n checked: this.checked,\n value: this.value,\n name: this.name,\n event,\n },\n }\n )\n );\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSRadioButton).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n checked: this.checked,\n value: this.value,\n name: this.name,\n event,\n },\n }\n )\n );\n }\n };\n\n /\n Handles `keydown` event on this element.\n /\n @HostListener('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 (\n !(event.target as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n ) &&\n !(event.target as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton)?.slugItem\n )\n ) {\n const {\n orientation,\n _radioButtonDelegate: radioButtonDelegate,\n disabled,\n disabledItem,\n readOnly,\n } = this;\n const manager = this._manager;\n if (readOnly) {\n event.preventDefault();\n return;\n }\n if (radioButtonDelegate && manager && !disabled && !disabledItem) {\n const navigationDirectionForKey =\n orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n ? navigationDirectionForKeyHorizontal\n : navigationDirectionForKeyVertical;\n const navigationDirection = navigationDirectionForKey[event.key];\n if (navigationDirection) {\n manager.select(\n manager.navigate(radioButtonDelegate, navigationDirection),\n this.readOnly\n );\n }\n if (event.key === ' ' \|\| event.key === 'Enter') {\n manager.select(radioButtonDelegate, this.readOnly);\n }\n }\n }\n };\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ 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 CDSRadioButton).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n (hasContent[0] as HTMLElement).setAttribute(\n 'size',\n type === 'inline' ? 'md' : 'mini'\n );\n this.requestUpdate();\n }\n\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n `true` if this radio button should be checked.\n /\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /\n `true` if the radio button is used in a data table\n /\n @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n dataTable = false;\n\n /\n Specify whether the `<radio-button>` should be checked by default\n /\n @property({ type: Boolean, attribute: 'default-checked' })\n defaultChecked = false;\n\n /\n `true` if the radio button item should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabledItem = false;\n\n /\n `true` if the radio button group should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` if the label should be hidden.\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Specify whether the control is currently in warning state\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Provide the text that is displayed when the control is in warning state\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n The label position.\n /\n @property({ reflect: true, attribute: 'label-position' })\n labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n The `name` attribute for the `<input>` for selection.\n /\n @property()\n name!: string;\n\n /\n The orientation to lay out radio buttons.\n /\n @property({ reflect: true })\n orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n /\n `true` if the radio button group should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n readOnly = false;\n\n /\n `true` if the radio button is required.\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The `value` attribute for the `<input>` for selection.\n /\n @property()\n value!: string;\n\n disconnectedCallback() {\n if (this._manager) {\n this._manager.delete(this._radioButtonDelegate);\n }\n super.disconnectedCallback();\n }\n\n firstUpdated() {\n this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n\n // If user hasn’t explicitly set `checked`, respect `defaultChecked`\n if (this.defaultChecked && this.checked === false) {\n this.checked = true;\n }\n }\n\n updated(changedProperties) {\n const {\n _hasAILabel: hasAILabel,\n _inputNode: inputNode,\n _radioButtonDelegate: radioButtonDelegate,\n name,\n disabled,\n disabledItem,\n readOnly,\n invalid,\n warn,\n } = this;\n\n // Normalize input props similar to useNormalizedInputProps in React\n const normalizedProps = {\n disabled: !readOnly && (disabled \|\| disabledItem),\n invalid: !readOnly && !disabled && !disabledItem && invalid,\n warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n };\n\n if (changedProperties.has('checked') \|\| changedProperties.has('name')) {\n if (!this._manager) {\n this._manager = RadioGroupManager.get(\n this.getRootNode({ composed: true }) as Document\n );\n }\n const { _manager: manager } = this;\n if (changedProperties.has('name')) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n if (name) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n manager!.add(radioButtonDelegate);\n }\n }\n // Disabled items should have tabIndex -1.\n inputNode.setAttribute(\n 'tabindex',\n !name \|\|\n !manager \|\|\n this.disabled \|\|\n this.disabledItem \|\|\n !manager.shouldBeFocusable(radioButtonDelegate)\n ? '-1'\n : '0'\n );\n }\n // Handle validation states based on normalized props\n if (\n changedProperties.has('invalid') \|\|\n changedProperties.has('warn') \|\|\n changedProperties.has('disabled') \|\|\n changedProperties.has('disabledItem') \|\|\n changedProperties.has('readOnly')\n ) {\n // Apply normalized validation states\n if (normalizedProps.invalid) {\n this.setAttribute('invalid', '');\n this.removeAttribute('warn');\n } else if (normalizedProps.warn) {\n this.setAttribute('warn', '');\n this.removeAttribute('invalid');\n } else {\n this.removeAttribute('invalid');\n this.removeAttribute('warn');\n }\n }\n\n if (hasAILabel) {\n this.setAttribute('ai-label', '');\n } else {\n this.removeAttribute('ai-label');\n }\n }\n\n render() {\n const {\n checked,\n hideLabel,\n labelText,\n name,\n value,\n disabled,\n disabledItem,\n readOnly,\n invalid,\n warn,\n } = this;\n\n // Normalize input props similar to useNormalizedInputProps in React\n const normalizedProps = {\n disabled: !readOnly && (disabled \|\| disabledItem),\n invalid: !readOnly && !disabled && !disabledItem && invalid,\n warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n };\n const innerLabelClasses = classMap({\n [`${prefix}--radio-button__label-text`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"radio\"\n type=\"radio\"\n class=\"${prefix}--radio-button\"\n .checked=${checked}\n ?disabled=\"${disabledItem \|\| disabled}\"\n ?required=${this.required}\n aria-readonly=\"${String(readOnly)}\"\n name=${ifDefined(name)}\n value=${ifDefined(value)} />\n <label\n for=\"input\"\n class=\"${prefix}--radio-button__label ${normalizedProps.invalid\n ? `${prefix}--radio-button__label--invalid`\n : ''} ${normalizedProps.warn\n ? `${prefix}--radio-button__label--warn`\n : ''}\">\n <span class=\"${prefix}--radio-button__appearance\"></span>\n <span class=\"${innerLabelClasses}\">\n <slot> ${labelText} </slot>\n <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot\n ></span>\n </label>\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 after this radio button changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-radio-button-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSRadioButton;\n"],"mappings":"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"}
1	+ {"version":3,"file":"radio-button.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button.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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n NAVIGATION_DIRECTION,\n ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\n/\n Map of navigation direction by key for horizontal alignment.\n /\nconst navigationDirectionForKeyHorizontal = {\n ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/\n Map of navigation direction by key for vertical alignment.\n /\nconst navigationDirectionForKeyVertical = {\n ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/\n The interface for `RadioGroupManager` for radio button.\n /\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n /\n The radio button to target.\n /\n private _radio: HTMLInputElement;\n\n constructor(radio: HTMLInputElement) {\n this._radio = radio;\n }\n\n get checked() {\n return this._radio.checked;\n }\n\n set checked(checked) {\n const { host } = this._radio.getRootNode() as ShadowRoot;\n const { eventChange } = host.constructor as typeof CDSRadioButton;\n (host as CDSRadioButton).checked = checked;\n this._radio.tabIndex = checked ? 0 : -1;\n host.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n checked,\n value: this._radio.value,\n name: this._radio.name,\n },\n })\n );\n }\n\n get tabIndex() {\n return this._radio.tabIndex;\n }\n\n set tabIndex(tabIndex) {\n this._radio.tabIndex = tabIndex;\n }\n\n get name() {\n return this._radio.name;\n }\n\n get disabled() {\n return this._radio.disabled;\n }\n\n compareDocumentPosition(other: RadioButtonDelegate) {\n return this._radio.compareDocumentPosition(other._radio);\n }\n\n focus() {\n this._radio.focus();\n }\n}\n\n/\n Radio button.\n \n @element cds-radio-button\n * @fires cds-radio-button-changed - The custom event fired after this radio button changes its checked state.\n /\n@customElement(`${prefix}-radio-button`)\nclass CDSRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /\n The radio group manager associated with the radio button.\n /\n private _manager: RadioGroupManager \| null = null;\n\n /\n The interface for `RadioGroupManager` for radio button.\n /\n private _radioButtonDelegate!: RadioButtonDelegate;\n\n /\n The hidden radio button.\n /\n @query('input')\n private _inputNode!: HTMLInputElement;\n\n /\n Handles `click` event on this element.\n /\n @HostListener('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) => {\n if (\n !(event.target as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n ) &&\n !(event.target as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton)?.slugItem\n )\n ) {\n const {\n disabled,\n _radioButtonDelegate: radioButtonDelegate,\n readOnly,\n } = this;\n if (readOnly) {\n event.preventDefault();\n return;\n }\n if (radioButtonDelegate && !disabled && !this.disabledItem) {\n this.checked = true;\n if (this._manager) {\n this._manager.select(radioButtonDelegate, this.readOnly);\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSRadioButton).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n checked: this.checked,\n value: this.value,\n name: this.name,\n event,\n },\n }\n )\n );\n }\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSRadioButton).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n checked: this.checked,\n value: this.value,\n name: this.name,\n event,\n },\n }\n )\n );\n }\n };\n\n /\n Handles `keydown` event on this element.\n /\n @HostListener('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 (\n !(event.target as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton)?.aiLabelItem\n ) &&\n !(event.target as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton)?.slugItem\n )\n ) {\n const {\n orientation,\n _radioButtonDelegate: radioButtonDelegate,\n disabled,\n disabledItem,\n readOnly,\n } = this;\n const manager = this._manager;\n if (readOnly) {\n event.preventDefault();\n return;\n }\n if (radioButtonDelegate && manager && !disabled && !disabledItem) {\n const navigationDirectionForKey =\n orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n ? navigationDirectionForKeyHorizontal\n : navigationDirectionForKeyVertical;\n const navigationDirection = navigationDirectionForKey[event.key];\n if (navigationDirection) {\n manager.select(\n manager.navigate(radioButtonDelegate, navigationDirection),\n this.readOnly\n );\n }\n if (event.key === ' ' \|\| event.key === 'Enter') {\n manager.select(radioButtonDelegate, this.readOnly);\n }\n }\n }\n };\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ 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 CDSRadioButton).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButton).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n (hasContent[0] as HTMLElement).setAttribute(\n 'size',\n type === 'inline' ? 'md' : 'mini'\n );\n this.requestUpdate();\n }\n\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n `true` if this radio button should be checked.\n /\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n /\n `true` if the radio button is used in a data table\n /\n @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n dataTable = false;\n\n /\n Specify whether the `<radio-button>` should be checked by default\n /\n @property({ type: Boolean, attribute: 'default-checked' })\n defaultChecked = false;\n\n /\n `true` if the radio button item should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabledItem = false;\n\n /\n `true` if the radio button group should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` if the label should be hidden.\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Specify whether the control is currently in warning state\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Provide the text that is displayed when the control is in warning state\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n The label position.\n /\n @property({ reflect: true, attribute: 'label-position' })\n labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n The `name` attribute for the `<input>` for selection.\n /\n @property()\n name!: string;\n\n /\n The orientation to lay out radio buttons.\n /\n @property({ reflect: true })\n orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n /\n `true` if the radio button group should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n readOnly = false;\n\n /\n `true` if the radio button is required.\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The `value` attribute for the `<input>` for selection.\n /\n @property()\n value!: string;\n\n disconnectedCallback() {\n if (this._manager) {\n this._manager.delete(this._radioButtonDelegate);\n }\n super.disconnectedCallback();\n }\n\n firstUpdated() {\n this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n\n // If user hasn’t explicitly set `checked`, respect `defaultChecked`\n if (this.defaultChecked && this.checked === false) {\n this.checked = true;\n }\n }\n\n updated(changedProperties) {\n const {\n _hasAILabel: hasAILabel,\n _inputNode: inputNode,\n _radioButtonDelegate: radioButtonDelegate,\n name,\n disabled,\n disabledItem,\n readOnly,\n invalid,\n warn,\n } = this;\n\n // Normalize input props similar to useNormalizedInputProps in React\n const normalizedProps = {\n disabled: !readOnly && (disabled \|\| disabledItem),\n invalid: !readOnly && !disabled && !disabledItem && invalid,\n warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n };\n\n if (changedProperties.has('checked') \|\| changedProperties.has('name')) {\n if (!this._manager) {\n this._manager = RadioGroupManager.get(\n this.getRootNode({ composed: true }) as Document\n );\n }\n const { _manager: manager } = this;\n if (changedProperties.has('name')) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n if (name) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n manager!.add(radioButtonDelegate);\n }\n }\n // Disabled items should have tabIndex -1.\n inputNode.setAttribute(\n 'tabindex',\n !name \|\|\n !manager \|\|\n this.disabled \|\|\n this.disabledItem \|\|\n !manager.shouldBeFocusable(radioButtonDelegate)\n ? '-1'\n : '0'\n );\n }\n // Handle validation states based on normalized props\n if (\n changedProperties.has('invalid') \|\|\n changedProperties.has('warn') \|\|\n changedProperties.has('disabled') \|\|\n changedProperties.has('disabledItem') \|\|\n changedProperties.has('readOnly')\n ) {\n // Apply normalized validation states\n if (normalizedProps.invalid) {\n this.setAttribute('invalid', '');\n this.removeAttribute('warn');\n } else if (normalizedProps.warn) {\n this.setAttribute('warn', '');\n this.removeAttribute('invalid');\n } else {\n this.removeAttribute('invalid');\n this.removeAttribute('warn');\n }\n }\n\n if (hasAILabel) {\n this.setAttribute('ai-label', '');\n } else {\n this.removeAttribute('ai-label');\n }\n }\n\n render() {\n const {\n checked,\n hideLabel,\n labelText,\n name,\n value,\n disabled,\n disabledItem,\n readOnly,\n invalid,\n warn,\n } = this;\n\n // Normalize input props similar to useNormalizedInputProps in React\n const normalizedProps = {\n disabled: !readOnly && (disabled \|\| disabledItem),\n invalid: !readOnly && !disabled && !disabledItem && invalid,\n warn: !readOnly && !disabled && !disabledItem && !invalid && warn,\n };\n const innerLabelClasses = classMap({\n [`${prefix}--radio-button__label-text`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"radio\"\n type=\"radio\"\n class=\"${prefix}--radio-button\"\n .checked=${checked}\n ?disabled=\"${disabledItem \|\| disabled}\"\n ?required=${this.required}\n aria-readonly=\"${String(readOnly)}\"\n name=${ifDefined(name)}\n value=${ifDefined(value)} />\n <label\n for=\"input\"\n class=\"${prefix}--radio-button__label ${normalizedProps.invalid\n ? `${prefix}--radio-button__label--invalid`\n : ''} ${normalizedProps.warn\n ? `${prefix}--radio-button__label--warn`\n : ''}\">\n <span class=\"${prefix}--radio-button__appearance\"></span>\n <span class=\"${innerLabelClasses}\">\n <slot> ${labelText} </slot>\n <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot\n ></span>\n </label>\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 after this radio button changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-radio-button-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSRadioButton;\n"],"mappings":"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"}

package/es/components/search/defs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/search/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 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\n/\n Search size.\n /\nexport enum SEARCH_SIZE {\n /\n Extra small size.\n /\n EXTRA_SMALL = 'xs',\n\n /\n Small size.\n /\n SMALL = 'sm',\n\n /\n Medium size.\n /\n MEDIUM = 'md',\n\n /\n Large size.\n */\n LARGE = 'lg',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,cAAL,yBAAA,aAAA;;;;~~AAIL~~,~~aAAA~~,iBAAA;;;;~~AAKA~~,~~aAAA~~,WAAA;;;;~~AAKA~~,~~aAAA~~,YAAA;;;;~~AAKA~~,~~aAAA~~,WAAA;;~~KACD~~"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/search/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 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\n/\n Search size.\n /\nexport enum SEARCH_SIZE {\n /\n Extra small size.\n /\n EXTRA_SMALL = 'xs',\n\n /\n Small size.\n /\n SMALL = 'sm',\n\n /\n Medium size.\n /\n MEDIUM = 'md',\n\n /\n Large size.\n */\n LARGE = 'lg',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,cAAL,yBAAA,aAAA;;;;CAIL,YAAA,iBAAA;;;;CAKA,YAAA,WAAA;;;;CAKA,YAAA,YAAA;;;;CAKA,YAAA,WAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/search/search-skeleton.js CHANGED Viewed

@@ -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 search_default from "./search.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/components/search/search-skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"search-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/search/search-skeleton.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SEARCH_SIZE } from './defs';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skeleton of search.\n /\n@customElement(`${prefix}-search-skeleton`)\nclass CDSSearchSkeleton extends LitElement {\n /\n The search skeleton size.\n */\n @property({ reflect: true })\n size?: SEARCH_SIZE;\n\n render() {\n const { size } = this;\n const searchClasses = classMap({\n [`${prefix}--skeleton`]: true,\n [`${prefix}--layout--size-${size}`]: size !== undefined,\n });\n return html`\n <div class=\"${searchClasses}\">\n <div class=\"${prefix}--search-input\"></div>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSSearchSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CAOzC,SAAS;EACP,MAAM,EAAE,SAAS;~~AAKjB~~,~~SAAO~~,IAAI;oBAJW,SAAS;IAC5B,kBAAwB;IACxB,qBAA2B,SAAS,SAAS,KAAA;~~GAC/C~~,~~CAAC~~,~~CAE4B~~;4BACL~~;;;;;gBAKXA~~;;;~~YAhBf~~,SAAS,EAAE,SAAS,~~MAAM~~,CAAC,CAAA,~~EAAA~~,kBAAA,WAAA,QAAA,KAAA,~~EAAA~~;~~gCAL7BC~~,cAAc,~~sBAA4B~~,CAAA,~~EAAA~~,~~kBAAA~~;~~AAwB3C~~,IAAA,0BAAe"}
1	+ {"version":3,"file":"search-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/search/search-skeleton.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SEARCH_SIZE } from './defs';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skeleton of search.\n /\n@customElement(`${prefix}-search-skeleton`)\nclass CDSSearchSkeleton extends LitElement {\n /\n The search skeleton size.\n */\n @property({ reflect: true })\n size?: SEARCH_SIZE;\n\n render() {\n const { size } = this;\n const searchClasses = classMap({\n [`${prefix}--skeleton`]: true,\n [`${prefix}--layout--size-${size}`]: size !== undefined,\n });\n return html`\n <div class=\"${searchClasses}\">\n <div class=\"${prefix}--search-input\"></div>\n </div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSSearchSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CAOzC,SAAS;EACP,MAAM,EAAE,SAAS;EAKjB,OAAO,IAAI;oBAJW,SAAS;IAC5B,kBAAwB;IACxB,qBAA2B,SAAS,SAAS,KAAA;EAChD,CAE4B,EAAE;4BACL;;;CAG3B;;gBAEgBA;;AAClB;YAjBG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;gCAL5BC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AAwB1C,IAAA,0BAAe"}

package/es/components/search/search.js CHANGED Viewed

@@ -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/search/search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"search.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/search/search.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Search16 from '@carbon/icons/es/search/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { SEARCH_SIZE } from './defs';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { SEARCH_SIZE };\n\n/\n Search box.\n \n @element cds-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n /\n@customElement(`${prefix}-search`)\nclass CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(LitElement))) {\n /\n Handles `input` event on the `<input>` in the shadow DOM.\n /\n private _handleInput(event: Event) {\n const { target } = event;\n const { value } = target as HTMLInputElement;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value,\n },\n })\n );\n this.value = value;\n }\n\n /\n Handles `click` event on the button to clear search box content.\n /\n private _handleClearInputButtonClick() {\n if (this.value) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value: '',\n },\n })\n );\n this.value = '';\n\n // set focus on back to input once search is cleared\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const input = this.shadowRoot!.querySelector('input');\n (input as HTMLElement).focus();\n }\n }\n\n /\n Expand only when the magnifier icon is clicked\n /\n\n @HostListener('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 _handleExpand(e: Event) {\n // Check if the click came from the magnifier area\n const path = (e.composedPath && (e.composedPath() as unknown[])) \|\| [];\n const isMagnifierClick = path.some((n: unknown) =>\n (n as Element)?.classList?.contains(`${prefix}--search-magnifier`)\n );\n\n if (isMagnifierClick && this.expandable && !this.expanded) {\n this._expandAndFocus();\n }\n }\n\n private _expandAndFocus() {\n this.setAttribute('expanded', '');\n // Focus the input after expanding\n this.shadowRoot?.getElementById('input')?.focus();\n }\n\n /\n Handle keyboard interactions:\n * - Enter/Space: expand when collapsed and focus the input\n * - Esc: if input has text: clear it \| if empty: collapse and move focus back to magnifier\n /\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleKeys(event: KeyboardEvent) {\n const key = event.key;\n\n // Esc only works when the input is the active element\n if (key === 'Escape') {\n const inputEl = this.shadowRoot?.getElementById(\n 'input'\n ) as HTMLInputElement \| null;\n if (this.shadowRoot?.activeElement === inputEl) {\n event.stopPropagation();\n event.preventDefault();\n\n if (this.value?.length) {\n // Clear but keep focus in the input\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: { value: '' },\n })\n );\n this.value = '';\n } else {\n if (this.expandable && this.expanded) {\n this.removeAttribute('expanded');\n }\n this._focusMagnifier();\n }\n }\n return;\n }\n\n if (!this.expandable \|\| this.expanded) {\n return;\n }\n\n // Enter/Space: expand if collapsed\n if (key === 'Enter' \|\| key === ' ') {\n event.preventDefault();\n this._expandAndFocus();\n }\n }\n\n /\n Handles `focusout` event on the component to be closed after being expanded\n * Will not close if there is a value typed within.\n /\n @HostListener('focusout')\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 _handleClose() {\n if (this.expandable && this.expanded && !this.value) {\n this.removeAttribute('expanded');\n }\n }\n\n /\n Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n \n @private\n /\n private _handleSlotChange() {\n const icon = this.querySelector('svg');\n icon?.setAttribute('part', 'search-icon');\n icon?.setAttribute('class', `${prefix}--search-magnifier-icon`);\n icon?.setAttribute('role', `img`);\n this.hasCustomIcon = true;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /\n Move focus back to the magnifier element.\n * Adds tabindex=\"-1\" if it is not focusable yet.\n /\n private _focusMagnifier() {\n const magnifier = this.shadowRoot?.querySelector<HTMLElement>(\n `.${prefix}--search-magnifier`\n );\n if (magnifier) {\n if (!magnifier.hasAttribute('tabindex')) {\n magnifier.tabIndex = -1;\n }\n magnifier.focus();\n }\n }\n\n /\n Specify an optional value for the autocomplete property on the underlying <input>,\n * defaults to \"off\"\n /\n @property({ attribute: 'autocomplete' })\n autoComplete = 'off';\n\n /\n Sets the input to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Specify a label to be read by screen readers on the \"close\" button\n /\n @property({ attribute: 'close-button-label-text' })\n closeButtonLabelText = '';\n\n /\n `true` if the search box should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` if the search bar can be expandable\n /\n @property({ type: Boolean, reflect: true })\n expandable = false;\n\n /\n `true` if the expandable search has been expanded\n /\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n @property({ type: Boolean })\n hasCustomIcon = false;\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n The form name in `FormData`.\n /\n @property()\n name = '';\n\n /\n Specify the role for the underlying <input>, defaults to searchbox\n /\n @property()\n role = '';\n\n /\n The placeholder text.\n /\n @property()\n placeholder = 'Search';\n\n /\n The search box size.\n /\n @property({ reflect: true })\n size?: SEARCH_SIZE;\n\n /\n The `<input>` name.\n /\n @property()\n type = '';\n\n /\n The value.\n /\n @property({ type: String })\n value = '';\n\n render() {\n const {\n autoComplete,\n autofocus,\n closeButtonLabelText,\n disabled,\n hasCustomIcon,\n labelText,\n name,\n placeholder,\n role,\n type,\n value = '',\n _handleInput: handleInput,\n _handleClearInputButtonClick: handleClearInputButtonClick,\n _handleSlotChange: handleSlotChange,\n } = this;\n const clearClasses = classMap({\n [`${prefix}--search-close`]: true,\n [`${prefix}--search-close--hidden`]: !this.value,\n });\n return html`\n <div class=\"${prefix}--search-magnifier\">\n <slot name=\"icon\" @slotchange=${handleSlotChange}>\n ${hasCustomIcon\n ? html``\n : iconLoader(Search16, {\n part: 'search-icon',\n class: `${prefix}--search-magnifier-icon`,\n role: 'img',\n })}\n </slot>\n </div>\n <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n <slot>${labelText}</slot>\n </label>\n <input\n autocomplete=\"${autoComplete}\"\n ?autofocus=\"${autofocus}\"\n id=\"input\"\n part=\"input\"\n type=\"${ifNonEmpty(type)}\"\n class=\"${prefix}--search-input\"\n ?disabled=\"${disabled}\"\n name=\"${ifNonEmpty(name)}\"\n placeholder=\"${ifNonEmpty(placeholder)}\"\n role=\"${role}\"\n .value=\"${value}\"\n @input=\"${handleInput}\" />\n <button\n part=\"close-button\"\n ?disabled=\"${disabled}\"\n class=\"${clearClasses}\"\n @click=\"${handleClearInputButtonClick}\"\n type=\"button\"\n aria-label=\"${closeButtonLabelText}\">\n ${iconLoader(Close16, {\n part: 'close-icon',\n 'aria-label': closeButtonLabelText,\n role: 'img',\n })}\n </button>\n `;\n }\n\n /\n The name of the custom event fired after the search content is changed upon a user gesture.\n */\n static get eventInput() {\n return `${prefix}-search-input`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSearch;\n"],"mappings":"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"}
1	+ {"version":3,"file":"search.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/search/search.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Search16 from '@carbon/icons/es/search/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { SEARCH_SIZE } from './defs';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './search.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { SEARCH_SIZE };\n\n/\n Search box.\n \n @element cds-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n /\n@customElement(`${prefix}-search`)\nclass CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(LitElement))) {\n /\n Handles `input` event on the `<input>` in the shadow DOM.\n /\n private _handleInput(event: Event) {\n const { target } = event;\n const { value } = target as HTMLInputElement;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value,\n },\n })\n );\n this.value = value;\n }\n\n /\n Handles `click` event on the button to clear search box content.\n /\n private _handleClearInputButtonClick() {\n if (this.value) {\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: {\n value: '',\n },\n })\n );\n this.value = '';\n\n // set focus on back to input once search is cleared\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const input = this.shadowRoot!.querySelector('input');\n (input as HTMLElement).focus();\n }\n }\n\n /\n Expand only when the magnifier icon is clicked\n /\n\n @HostListener('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 _handleExpand(e: Event) {\n // Check if the click came from the magnifier area\n const path = (e.composedPath && (e.composedPath() as unknown[])) \|\| [];\n const isMagnifierClick = path.some((n: unknown) =>\n (n as Element)?.classList?.contains(`${prefix}--search-magnifier`)\n );\n\n if (isMagnifierClick && this.expandable && !this.expanded) {\n this._expandAndFocus();\n }\n }\n\n private _expandAndFocus() {\n this.setAttribute('expanded', '');\n // Focus the input after expanding\n this.shadowRoot?.getElementById('input')?.focus();\n }\n\n /\n Handle keyboard interactions:\n * - Enter/Space: expand when collapsed and focus the input\n * - Esc: if input has text: clear it \| if empty: collapse and move focus back to magnifier\n /\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleKeys(event: KeyboardEvent) {\n const key = event.key;\n\n // Esc only works when the input is the active element\n if (key === 'Escape') {\n const inputEl = this.shadowRoot?.getElementById(\n 'input'\n ) as HTMLInputElement \| null;\n if (this.shadowRoot?.activeElement === inputEl) {\n event.stopPropagation();\n event.preventDefault();\n\n if (this.value?.length) {\n // Clear but keep focus in the input\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n bubbles: true,\n composed: true,\n cancelable: false,\n detail: { value: '' },\n })\n );\n this.value = '';\n } else {\n if (this.expandable && this.expanded) {\n this.removeAttribute('expanded');\n }\n this._focusMagnifier();\n }\n }\n return;\n }\n\n if (!this.expandable \|\| this.expanded) {\n return;\n }\n\n // Enter/Space: expand if collapsed\n if (key === 'Enter' \|\| key === ' ') {\n event.preventDefault();\n this._expandAndFocus();\n }\n }\n\n /\n Handles `focusout` event on the component to be closed after being expanded\n * Will not close if there is a value typed within.\n /\n @HostListener('focusout')\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 _handleClose() {\n if (this.expandable && this.expanded && !this.value) {\n this.removeAttribute('expanded');\n }\n }\n\n /\n Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n \n @private\n /\n private _handleSlotChange() {\n const icon = this.querySelector('svg');\n icon?.setAttribute('part', 'search-icon');\n icon?.setAttribute('class', `${prefix}--search-magnifier-icon`);\n icon?.setAttribute('role', `img`);\n this.hasCustomIcon = true;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /\n Move focus back to the magnifier element.\n * Adds tabindex=\"-1\" if it is not focusable yet.\n /\n private _focusMagnifier() {\n const magnifier = this.shadowRoot?.querySelector<HTMLElement>(\n `.${prefix}--search-magnifier`\n );\n if (magnifier) {\n if (!magnifier.hasAttribute('tabindex')) {\n magnifier.tabIndex = -1;\n }\n magnifier.focus();\n }\n }\n\n /\n Specify an optional value for the autocomplete property on the underlying <input>,\n * defaults to \"off\"\n /\n @property({ attribute: 'autocomplete' })\n autoComplete = 'off';\n\n /\n Sets the input to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Specify a label to be read by screen readers on the \"close\" button\n /\n @property({ attribute: 'close-button-label-text' })\n closeButtonLabelText = '';\n\n /\n `true` if the search box should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n `true` if the search bar can be expandable\n /\n @property({ type: Boolean, reflect: true })\n expandable = false;\n\n /\n `true` if the expandable search has been expanded\n /\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n @property({ type: Boolean })\n hasCustomIcon = false;\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n The form name in `FormData`.\n /\n @property()\n name = '';\n\n /\n Specify the role for the underlying <input>, defaults to searchbox\n /\n @property()\n role = '';\n\n /\n The placeholder text.\n /\n @property()\n placeholder = 'Search';\n\n /\n The search box size.\n /\n @property({ reflect: true })\n size?: SEARCH_SIZE;\n\n /\n The `<input>` name.\n /\n @property()\n type = '';\n\n /\n The value.\n /\n @property({ type: String })\n value = '';\n\n render() {\n const {\n autoComplete,\n autofocus,\n closeButtonLabelText,\n disabled,\n hasCustomIcon,\n labelText,\n name,\n placeholder,\n role,\n type,\n value = '',\n _handleInput: handleInput,\n _handleClearInputButtonClick: handleClearInputButtonClick,\n _handleSlotChange: handleSlotChange,\n } = this;\n const clearClasses = classMap({\n [`${prefix}--search-close`]: true,\n [`${prefix}--search-close--hidden`]: !this.value,\n });\n return html`\n <div class=\"${prefix}--search-magnifier\">\n <slot name=\"icon\" @slotchange=${handleSlotChange}>\n ${hasCustomIcon\n ? html``\n : iconLoader(Search16, {\n part: 'search-icon',\n class: `${prefix}--search-magnifier-icon`,\n role: 'img',\n })}\n </slot>\n </div>\n <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n <slot>${labelText}</slot>\n </label>\n <input\n autocomplete=\"${autoComplete}\"\n ?autofocus=\"${autofocus}\"\n id=\"input\"\n part=\"input\"\n type=\"${ifNonEmpty(type)}\"\n class=\"${prefix}--search-input\"\n ?disabled=\"${disabled}\"\n name=\"${ifNonEmpty(name)}\"\n placeholder=\"${ifNonEmpty(placeholder)}\"\n role=\"${role}\"\n .value=\"${value}\"\n @input=\"${handleInput}\" />\n <button\n part=\"close-button\"\n ?disabled=\"${disabled}\"\n class=\"${clearClasses}\"\n @click=\"${handleClearInputButtonClick}\"\n type=\"button\"\n aria-label=\"${closeButtonLabelText}\">\n ${iconLoader(Close16, {\n part: 'close-icon',\n 'aria-label': closeButtonLabelText,\n role: 'img',\n })}\n </button>\n `;\n }\n\n /\n The name of the custom event fired after the search content is changed upon a user gesture.\n */\n static get eventInput() {\n return `${prefix}-search-input`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSearch;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAA,YAAA,MACM,kBAAkB,kBAAkB,WAAW,UAAU,UAAU,CAAC,CAAC,CAAC,CAAC;;;sBAgL5D;mBAMH;8BAMW;kBAMZ;oBAME;kBAMF;uBAGK;mBAMJ;cAML;cAMA;qBAMO;cAYP;eAMC;;;;;CAvPR,aAAqB,OAAc;EACjC,MAAM,EAAE,WAAW;EACnB,MAAM,EAAE,UAAU;EAClB,KAAK,cACH,IAAI,YAAa,KAAK,YAAiC,YAAY;GACjE,SAAS;GACT,UAAU;GACV,YAAY;GACZ,QAAQ,EACN,MACF;EACF,CAAC,CACH;EACA,KAAK,QAAQ;CACf;;;;CAKA,+BAAuC;EACrC,IAAI,KAAK,OAAO;GACd,KAAK,cACH,IAAI,YAAa,KAAK,YAAiC,YAAY;IACjE,SAAS;IACT,UAAU;IACV,YAAY;IACZ,QAAQ,EACN,OAAO,GACT;GACF,CAAC,CACH;GACA,KAAK,QAAQ;GAKb,KADmB,WAAY,cAAc,OACxC,CAAC,CAAiB,MAAM;EAC/B;CACF;;;;CAMA,cAGsB,GAAU;EAO9B,KALc,EAAE,gBAAiB,EAAE,aAAa,KAAoB,CAAC,EAAA,CACvC,MAAM,MACjC,GAAe,WAAW,SAAS,uBAA6B,CAGhD,KAAK,KAAK,cAAc,CAAC,KAAK,UAC/C,KAAK,gBAAgB;CAEzB;CAEA,kBAA0B;EACxB,KAAK,aAAa,YAAY,EAAE;EAEhC,KAAK,YAAY,eAAe,OAAO,CAAC,EAAE,MAAM;CAClD;;;;;;CAOA,YAGoB,OAAsB;EACxC,MAAM,MAAM,MAAM;EAGlB,IAAI,QAAQ,UAAU;GACpB,MAAM,UAAU,KAAK,YAAY,eAC/B,OACF;GACA,IAAI,KAAK,YAAY,kBAAkB,SAAS;IAC9C,MAAM,gBAAgB;IACtB,MAAM,eAAe;IAErB,IAAI,KAAK,OAAO,QAAQ;KAEtB,KAAK,cACH,IAAI,YAAa,KAAK,YAAiC,YAAY;MACjE,SAAS;MACT,UAAU;MACV,YAAY;MACZ,QAAQ,EAAE,OAAO,GAAG;KACtB,CAAC,CACH;KACA,KAAK,QAAQ;IACf,OAAO;KACL,IAAI,KAAK,cAAc,KAAK,UAC1B,KAAK,gBAAgB,UAAU;KAEjC,KAAK,gBAAgB;IACvB;GACF;GACA;EACF;EAEA,IAAI,CAAC,KAAK,cAAc,KAAK,UAC3B;EAIF,IAAI,QAAQ,WAAW,QAAQ,KAAK;GAClC,MAAM,eAAe;GACrB,KAAK,gBAAgB;EACvB;CACF;;;;;CAMA,eAGuB;EACrB,IAAI,KAAK,cAAc,KAAK,YAAY,CAAC,KAAK,OAC5C,KAAK,gBAAgB,UAAU;CAEnC;;;;;;CAOA,oBAA4B;EAC1B,MAAM,OAAO,KAAK,cAAc,KAAK;EACrC,MAAM,aAAa,QAAQ,aAAa;EACxC,MAAM,aAAa,SAAS,4BAAkC;EAC9D,MAAM,aAAa,QAAQ,KAAK;EAChC,KAAK,gBAAgB;CACvB;CAEA,gBAAgB,OAAsB;EACpC,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,UAAU,MAAM,UAAU;EAClC,IAAI,CAAC,UACH,SAAS,OAAO,MAAM,KAAK;CAE/B;;;;;CAMA,kBAA0B;EACxB,MAAM,YAAY,KAAK,YAAY,cACjC,wBACF;EACA,IAAI,WAAW;GACb,IAAI,CAAC,UAAU,aAAa,UAAU,GACpC,UAAU,WAAW;GAEvB,UAAU,MAAM;EAClB;CACF;CAoFA,SAAS;EACP,MAAM,EACJ,cACA,WACA,sBACA,UACA,eACA,WACA,MACA,aACA,MACA,MACA,QAAQ,IACR,cAAc,aACd,8BAA8B,6BAC9B,mBAAmB,qBACjB;EACJ,MAAM,eAAe,SAAS;IAC3B,sBAA4B;IAC5B,8BAAoC,CAAC,KAAK;EAC7C,CAAC;EACD,OAAO,IAAI;0BACY;wCACa,iBAAiB;YAC7C,gBACE,IAAI,KACJ,WAAW,UAAU;GACnB,MAAM;GACN,OAAO;GACP,MAAM;EACR,CAAC,EAAE;;;0DAG0C;gBAC3C,UAAU;;;wBAGF,aAAa;sBACf,UAAU;;;gBAGhBA,qBAAW,IAAI,EAAE;uBACT;qBACH,SAAS;gBACdA,qBAAW,IAAI,EAAE;uBACVA,qBAAW,WAAW,EAAE;gBAC/B,KAAK;kBACH,MAAM;kBACN,YAAY;;;qBAGT,SAAS;iBACb,aAAa;kBACZ,4BAA4B;;sBAExB,qBAAqB;UACjC,WAAW,SAAS;GACpB,MAAM;GACN,cAAc;GACd,MAAM;EACR,CAAC,EAAE;;;CAGT;;;;CAKA,WAAW,aAAa;EACtB,OAAO;CACT;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBACgBC;;AAClB;YA1RG,aAAa,OAAO,CAAA,GAAA,UAAA,WAAA,iBAAA,IAAA;YA0BpB,aAAa,SAAS,CAAA,GAAA,UAAA,WAAA,eAAA,IAAA;YAmDtB,aAAa,UAAU,CAAA,GAAA,UAAA,WAAA,gBAAA,IAAA;YAkDvB,SAAS,EAAE,WAAW,eAAe,CAAC,CAAA,GAAA,UAAA,WAAA,gBAAA,KAAA,CAAA;YAMtC,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,UAAA,WAAA,aAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,WAAW,0BAA0B,CAAC,CAAA,GAAA,UAAA,WAAA,wBAAA,KAAA,CAAA;YAMjD,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,UAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,UAAA,WAAA,cAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,UAAA,WAAA,YAAA,KAAA,CAAA;YAGzC,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAA,UAAA,WAAA,iBAAA,KAAA,CAAA;YAM1B,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,GAAA,UAAA,WAAA,aAAA,KAAA,CAAA;YAMpC,SAAS,CAAA,GAAA,UAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS,CAAA,GAAA,UAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS,CAAA,GAAA,UAAA,WAAA,eAAA,KAAA,CAAA;YAMT,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,UAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS,CAAA,GAAA,UAAA,WAAA,QAAA,KAAA,CAAA;YAMT,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,UAAA,WAAA,SAAA,KAAA,CAAA;wBA3P3BC,cAAc,YAAkB,CAAA,GAAA,SAAA;AA6UjC,IAAA,iBAAe"}

package/es/components/select/select-item-group.js CHANGED Viewed

@@ -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 { LitElement } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/select/select-item-group.ts

package/es/components/select/select-item-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-item-group.js","names":["customElement"],"sources":["../../../src/components/select/select-item-group.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\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n An option group in select box.\n \n @element cds-select-item-group\n /\n@customElement(`${prefix}-select-item-group`)\nclass CDSSelectItemGroup extends LitElement {\n /\n `true` to disable this option.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The label.\n */\n @property({ reflect: true })\n label = '';\n}\n\nexport default CDSSelectItemGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,qBAAA,MACM,2BAA2B,WAAW;;;kBAK/B;eAMH~~;;;YAPP~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,mBAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~YAM1C~~,SAAS,EAAE,SAAS,~~MAAM~~,CAAC,CAAA,~~EAAA~~,mBAAA,WAAA,SAAA,KAAA,~~EAAA~~;~~iCAX7BA~~,cAAc,~~wBAA8B~~,CAAA,~~EAAA~~,~~mBAAA~~;~~AAe7C~~,IAAA,4BAAe"}
1	+ {"version":3,"file":"select-item-group.js","names":["customElement"],"sources":["../../../src/components/select/select-item-group.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\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n An option group in select box.\n \n @element cds-select-item-group\n /\n@customElement(`${prefix}-select-item-group`)\nclass CDSSelectItemGroup extends LitElement {\n /\n `true` to disable this option.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The label.\n */\n @property({ reflect: true })\n label = '';\n}\n\nexport default CDSSelectItemGroup;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,qBAAA,MACM,2BAA2B,WAAW;;;kBAK/B;eAMH;;AACV;YARG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,mBAAA,WAAA,SAAA,KAAA,CAAA;iCAX5BA,cAAc,uBAA6B,CAAA,GAAA,kBAAA;AAe5C,IAAA,4BAAe"}

package/es/components/select/select-item.js CHANGED Viewed

@@ -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 { LitElement } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/select/select-item.ts

package/es/components/select/select-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-item.js","names":["customElement"],"sources":["../../../src/components/select/select-item.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\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n An option in select box.\n \n @element cds-select-item\n /\n@customElement(`${prefix}-select-item`)\nclass CDSSelectItem extends LitElement {\n /\n `true` to disable this option.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The label. If this is not specified, the child text content is used.\n /\n @property({ reflect: true })\n label = '';\n\n /\n `true` to select this option.\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n The value.\n */\n @property({ reflect: true })\n value = '';\n}\n\nexport default CDSSelectItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;;;kBAK1B;eAMH;kBAMG;eAMH~~;;;YAnBP~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,cAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~YAM1C~~,SAAS,EAAE,SAAS,~~MAAM~~,CAAC,CAAA,~~EAAA~~,cAAA,WAAA,SAAA,KAAA,~~EAAA~~;~~YAM3B~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,cAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~YAM1C~~,SAAS,EAAE,SAAS,~~MAAM~~,CAAC,CAAA,~~EAAA~~,cAAA,WAAA,SAAA,KAAA,~~EAAA~~;~~4BAvB7BA~~,cAAc,~~kBAAwB~~,CAAA,~~EAAA~~,~~cAAA~~;~~AA2BvC~~,IAAA,sBAAe"}
1	+ {"version":3,"file":"select-item.js","names":["customElement"],"sources":["../../../src/components/select/select-item.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\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n An option in select box.\n \n @element cds-select-item\n /\n@customElement(`${prefix}-select-item`)\nclass CDSSelectItem extends LitElement {\n /\n `true` to disable this option.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The label. If this is not specified, the child text content is used.\n /\n @property({ reflect: true })\n label = '';\n\n /\n `true` to select this option.\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n The value.\n */\n @property({ reflect: true })\n value = '';\n}\n\nexport default CDSSelectItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;;;kBAK1B;eAMH;kBAMG;eAMH;;AACV;YApBG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;4BAvB5BA,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA2BtC,IAAA,sBAAe"}

package/es/components/select/select-skeleton.js CHANGED Viewed

@@ -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 select_default from "./select.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/components/select/select-skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/select/select-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2024\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './select.scss?lit';\n\n/\n Skeleton of number input.\n /\n@customElement(`${prefix}-select-skeleton`)\nclass CDSSelectSkeleton extends LitElement {\n /\n `true` if the label should be hidden. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n render() {\n const { hideLabel } = this;\n return html`\n ${!hideLabel &&\n html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n <div class=\"${prefix}--select ${prefix}--skeleton\"></div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSSelectSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;mBAK7B;;CAEZ,SAAS;EACP,MAAM,EAAE,cAAc;~~AACtB~~,~~SAAO~~,IAAI;QACP,CAAC,aACH,IAAI,iBAAA,MAAwB,UAAA,MAAiB,sBAAsB;0BAC9C,WAAA,MAAkB~~;;;;gBAI3BA;;;YAZf~~,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;~~CAAc~~,CAAC,CAAA,~~EAAA~~,kBAAA,WAAA,aAAA,KAAA,~~EAAA~~;~~gCALrEC~~,cAAc,~~sBAA4B~~,CAAA,~~EAAA~~,~~kBAAA~~;~~AAoB3C~~,IAAA,0BAAe"}
1	+ {"version":3,"file":"select-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/select/select-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2024\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './select.scss?lit';\n\n/\n Skeleton of number input.\n /\n@customElement(`${prefix}-select-skeleton`)\nclass CDSSelectSkeleton extends LitElement {\n /\n `true` if the label should be hidden. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n render() {\n const { hideLabel } = this;\n return html`\n ${!hideLabel &&\n html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n <div class=\"${prefix}--select ${prefix}--skeleton\"></div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSSelectSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;mBAK7B;;CAEZ,SAAS;EACP,MAAM,EAAE,cAAc;EACtB,OAAO,IAAI;QACP,CAAC,aACH,IAAI,iBAAA,MAAwB,UAAA,MAAiB,sBAAsB;0BAC9C,WAAA,MAAkB;;CAE3C;;gBAEgBA;;AAClB;YAbG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAa,CAAC,CAAA,GAAA,kBAAA,WAAA,aAAA,KAAA,CAAA;gCALpEC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AAoB1C,IAAA,0BAAe"}

package/es/components/select/select.js CHANGED Viewed

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { filter } from "../../globals/internal/collection-helpers.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 FormMixin from "../../globals/mixins/form.js";
 import if_non_empty_default from "../../globals/directives/if-non-empty.js";

package/es/components/select/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/select/select.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 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, queryAll } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './select.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Select box.\n \n @element cds-select\n * @fires cds-select-selected\n * The name of the custom event fired after an item is selected.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n The mutation observer DOM mutation.\n /\n private _observerMutation: MutationObserver \| null = null;\n\n /\n The `value` for placeholder `<option>`.\n /\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /\n The select box.\n /\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /\n Select all <option> nodes with `selected` attribute\n /\n @queryAll(`.${prefix}--select-option[selected]`)\n private _selectedOptionNodes!: HTMLOptionElement[];\n\n /\n Specify whether the textarea is fluid or not\n /\n @property({ type: Boolean })\n isFluid = false;\n\n /\n Handles `oninput` event on the `<input>`.\n \n @param event The event.\n * @param event.target The event target.\n /\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /\n Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n /\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /\n @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n /\n private _renderItems(element: CDSSelect \| HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifNonEmpty(label)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\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 ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n this.setAttribute('slug', `${this._hasAILabel}`);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n\n /\n The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n /\n get length() {\n return this._selectNode.length;\n }\n\n /\n The child `<option>`s.\n /\n get options() {\n return this._selectNode.options;\n }\n\n /\n This form control's type.\n /\n get type() {\n return this._selectNode.type;\n }\n\n /\n Sets the select to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Controls the disabled state of the select\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /\n Specify whether the label should be hidden, or not\n /\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n ID to link the `label` and `select`\n /\n @property()\n id = 'select';\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Message which is displayed if the value is invalid.\n /\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /\n Specify if the currently value is warn.\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Message which is displayed if the value is warn.\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n Specify if you want to disable the default label styling\n /\n @property({ type: Boolean, attribute: 'label-styles-disable' })\n labelStylesDisable = false;\n\n /\n Specify whether you want the inline version of this control\n /\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /\n `true` to enable multiple selection.\n /\n @property({ type: Boolean })\n get multiple() {\n return false;\n }\n\n /\n Name for the select in the `FormData`\n /\n @property()\n name = '';\n\n /\n Pattern to validate the select against for HTML validity checking\n /\n @property()\n pattern = '';\n\n /\n Value to display when the select has an empty `value`\n /\n @property({ reflect: true })\n placeholder = '';\n\n /\n Controls the readonly state of the select\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Boolean property to set the required status\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The special validity message for `required`.\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n The selected index.\n /\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode?.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /\n The input box size.\n /\n @property({ reflect: true })\n size?: INPUT_SIZE;\n\n /\n The value of the text area.\n /\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n\n const lastOption =\n this._selectedOptionNodes?.[this._selectedOptionNodes?.length - 1]?.[\n 'value'\n ];\n\n if (value) {\n this._selectNode.value = value;\n } else if (lastOption) {\n this._selectNode.value = lastOption;\n } else {\n this._selectNode.value = placeholderItemValue;\n }\n }\n\n const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n\n if (label) {\n if ((label as HTMLSlotElement).assignedNodes()?.length) {\n this._selectNode?.classList.add(\n `${prefix}--select-input-has--ai-label`\n );\n }\n\n label?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n );\n } else {\n this.shadowRoot\n ?.querySelector(\"slot[name='slug']\")\n ?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n );\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n id,\n inline,\n invalid,\n invalidText,\n labelStylesDisable,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n _handleAILabelSlotChange: handleAILabelSlotChange,\n } = this;\n\n const normalizedProps: {\n disabled: boolean;\n invalid: boolean;\n warn: boolean;\n } = {\n disabled: !readonly && disabled,\n invalid: !readonly && !disabled && invalid,\n warn: !readonly && !invalid && !disabled && warn,\n };\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size !== undefined,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: !labelStylesDisable,\n [`${prefix}--label--disabled`]: normalizedProps.disabled,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div id=\"helper-text\" class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n normalizedProps.invalid \|\| normalizedProps.warn\n ? html` <div id=\"error-text\" class=\"${prefix}--form-requirement\">\n ${normalizedProps.invalid ? invalidText : warnText}\n </div>`\n : null;\n\n let describedBy: string \| undefined;\n if (normalizedProps.invalid \|\| normalizedProps.warn) {\n describedBy = 'error-text';\n } else if (helperText) {\n describedBy = 'helper-text';\n }\n\n const input = html`\n <select\n id=\"${id}\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n title=\"${value}\"\n aria-readonly=\"${String(readonly)}\"\n aria-invalid=\"${String(normalizedProps.invalid)}\"\n aria-describedby=\"${ifDefined(describedBy)}\"\n @input=\"${handleInput}\">\n ${!placeholder \|\| value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\">\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${iconLoader(ChevronDown16, {\n class: `${prefix}--select__arrow`,\n 'aria-hidden': 'true',\n })}\n <slot\n name=\"ai-label\"\n style=\"--${prefix}-show-before: ${normalizedProps.warn \|\|\n normalizedProps.invalid\n ? 'block'\n : 'none'}\"\n @slotchange=${handleAILabelSlotChange}></slot>\n <slot name=\"slug\" @slotchange=${handleAILabelSlotChange}></slot>\n ${!normalizedProps.invalid\n ? undefined\n : iconLoader(WarningFilled16, {\n class: `${prefix}--select__invalid-icon`,\n })}\n ${!normalizedProps.invalid && normalizedProps.warn\n ? iconLoader(WarningAltFilled16, {\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=${id}>\n <slot name=\"label-text\">${labelText}</slot>\n </label>\n\n ${inline\n ? html`<div\n class=\"${prefix}--select-input--inline__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n </div>\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n ${this.isFluid\n ? html`\n <hr class=\"${prefix}--select__divider\" />\n ${errorText ? errorText : null}\n `\n : null}\n </div> `}\n ${!this.isFluid && errorText ? errorText : supplementalText}\n `;\n }\n\n /\n A selector selecting child pseudo `<optgroup>`/`<option>`.\n /\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /\n A selector selecting child pseudo `<option>`.\n /\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\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 after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSelect;\n"],"mappings":"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"}
1	+ {"version":3,"file":"select.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/select/select.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 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, queryAll } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './select.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Select box.\n \n @element cds-select\n * @fires cds-select-selected\n * The name of the custom event fired after an item is selected.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n The mutation observer DOM mutation.\n /\n private _observerMutation: MutationObserver \| null = null;\n\n /\n The `value` for placeholder `<option>`.\n /\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /\n The select box.\n /\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /\n Select all <option> nodes with `selected` attribute\n /\n @queryAll(`.${prefix}--select-option[selected]`)\n private _selectedOptionNodes!: HTMLOptionElement[];\n\n /\n Specify whether the textarea is fluid or not\n /\n @property({ type: Boolean })\n isFluid = false;\n\n /\n Handles `oninput` event on the `<input>`.\n \n @param event The event.\n * @param event.target The event target.\n /\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /\n Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n /\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /\n @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n /\n private _renderItems(element: CDSSelect \| HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifNonEmpty(label)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\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 ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n this.setAttribute('slug', `${this._hasAILabel}`);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n\n /\n The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n /\n get length() {\n return this._selectNode.length;\n }\n\n /\n The child `<option>`s.\n /\n get options() {\n return this._selectNode.options;\n }\n\n /\n This form control's type.\n /\n get type() {\n return this._selectNode.type;\n }\n\n /\n Sets the select to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Controls the disabled state of the select\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /\n Specify whether the label should be hidden, or not\n /\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n ID to link the `label` and `select`\n /\n @property()\n id = 'select';\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Message which is displayed if the value is invalid.\n /\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /\n Specify if the currently value is warn.\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Message which is displayed if the value is warn.\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n Specify if you want to disable the default label styling\n /\n @property({ type: Boolean, attribute: 'label-styles-disable' })\n labelStylesDisable = false;\n\n /\n Specify whether you want the inline version of this control\n /\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /\n `true` to enable multiple selection.\n /\n @property({ type: Boolean })\n get multiple() {\n return false;\n }\n\n /\n Name for the select in the `FormData`\n /\n @property()\n name = '';\n\n /\n Pattern to validate the select against for HTML validity checking\n /\n @property()\n pattern = '';\n\n /\n Value to display when the select has an empty `value`\n /\n @property({ reflect: true })\n placeholder = '';\n\n /\n Controls the readonly state of the select\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Boolean property to set the required status\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The special validity message for `required`.\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n The selected index.\n /\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode?.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /\n The input box size.\n /\n @property({ reflect: true })\n size?: INPUT_SIZE;\n\n /\n The value of the text area.\n /\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n\n const lastOption =\n this._selectedOptionNodes?.[this._selectedOptionNodes?.length - 1]?.[\n 'value'\n ];\n\n if (value) {\n this._selectNode.value = value;\n } else if (lastOption) {\n this._selectNode.value = lastOption;\n } else {\n this._selectNode.value = placeholderItemValue;\n }\n }\n\n const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n\n if (label) {\n if ((label as HTMLSlotElement).assignedNodes()?.length) {\n this._selectNode?.classList.add(\n `${prefix}--select-input-has--ai-label`\n );\n }\n\n label?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n );\n } else {\n this.shadowRoot\n ?.querySelector(\"slot[name='slug']\")\n ?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n );\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n id,\n inline,\n invalid,\n invalidText,\n labelStylesDisable,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n _handleAILabelSlotChange: handleAILabelSlotChange,\n } = this;\n\n const normalizedProps: {\n disabled: boolean;\n invalid: boolean;\n warn: boolean;\n } = {\n disabled: !readonly && disabled,\n invalid: !readonly && !disabled && invalid,\n warn: !readonly && !invalid && !disabled && warn,\n };\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size !== undefined,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: !labelStylesDisable,\n [`${prefix}--label--disabled`]: normalizedProps.disabled,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div id=\"helper-text\" class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n normalizedProps.invalid \|\| normalizedProps.warn\n ? html` <div id=\"error-text\" class=\"${prefix}--form-requirement\">\n ${normalizedProps.invalid ? invalidText : warnText}\n </div>`\n : null;\n\n let describedBy: string \| undefined;\n if (normalizedProps.invalid \|\| normalizedProps.warn) {\n describedBy = 'error-text';\n } else if (helperText) {\n describedBy = 'helper-text';\n }\n\n const input = html`\n <select\n id=\"${id}\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n title=\"${value}\"\n aria-readonly=\"${String(readonly)}\"\n aria-invalid=\"${String(normalizedProps.invalid)}\"\n aria-describedby=\"${ifDefined(describedBy)}\"\n @input=\"${handleInput}\">\n ${!placeholder \|\| value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\">\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${iconLoader(ChevronDown16, {\n class: `${prefix}--select__arrow`,\n 'aria-hidden': 'true',\n })}\n <slot\n name=\"ai-label\"\n style=\"--${prefix}-show-before: ${normalizedProps.warn \|\|\n normalizedProps.invalid\n ? 'block'\n : 'none'}\"\n @slotchange=${handleAILabelSlotChange}></slot>\n <slot name=\"slug\" @slotchange=${handleAILabelSlotChange}></slot>\n ${!normalizedProps.invalid\n ? undefined\n : iconLoader(WarningFilled16, {\n class: `${prefix}--select__invalid-icon`,\n })}\n ${!normalizedProps.invalid && normalizedProps.warn\n ? iconLoader(WarningAltFilled16, {\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=${id}>\n <slot name=\"label-text\">${labelText}</slot>\n </label>\n\n ${inline\n ? html`<div\n class=\"${prefix}--select-input--inline__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n </div>\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n ${this.isFluid\n ? html`\n <hr class=\"${prefix}--select__divider\" />\n ${errorText ? errorText : null}\n `\n : null}\n </div> `}\n ${!this.isFluid && errorText ? errorText : supplementalText}\n `;\n }\n\n /\n A selector selecting child pseudo `<optgroup>`/`<option>`.\n /\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /\n A selector selecting child pseudo `<option>`.\n /\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\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 after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSelect;\n"],"mappings":"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"}

package/es/components/shape-indicator/defs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/shape-indicator/defs.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\n/\n Shape indicator kinds.\n /\nexport enum SHAPE_INDICATOR_KIND {\n /\n Failed status\n /\n FAILED = 'failed',\n /\n Critical status\n /\n CRITICAL = 'critical',\n /\n High severity\n /\n HIGH = 'high',\n /\n Medium severity\n /\n MEDIUM = 'medium',\n /\n Low severity\n /\n LOW = 'low',\n /\n Cautious status\n /\n CAUTIOUS = 'cautious',\n /\n Undefined status\n /\n UNDEFINED = 'undefined',\n /\n Stable status\n /\n STABLE = 'stable',\n /\n Informative status\n /\n INFORMATIVE = 'informative',\n /\n Incomplete status\n /\n INCOMPLETE = 'incomplete',\n /\n Draft status\n */\n DRAFT = 'draft',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,uBAAL,yBAAA,sBAAA;;;;~~AAIL~~,~~sBAAA~~,YAAA;;;;~~AAIA~~,~~sBAAA~~,cAAA;;;;~~AAIA~~,~~sBAAA~~,UAAA;;;;~~AAIA~~,~~sBAAA~~,YAAA;;;;~~AAIA~~,~~sBAAA~~,SAAA;;;;~~AAIA~~,~~sBAAA~~,cAAA;;;;~~AAIA~~,~~sBAAA~~,eAAA;;;;~~AAIA~~,~~sBAAA~~,YAAA;;;;~~AAIA~~,~~sBAAA~~,iBAAA;;;;~~AAIA~~,~~sBAAA~~,gBAAA;;;;~~AAIA~~,~~sBAAA~~,WAAA;;~~KACD~~"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/shape-indicator/defs.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\n/\n Shape indicator kinds.\n /\nexport enum SHAPE_INDICATOR_KIND {\n /\n Failed status\n /\n FAILED = 'failed',\n /\n Critical status\n /\n CRITICAL = 'critical',\n /\n High severity\n /\n HIGH = 'high',\n /\n Medium severity\n /\n MEDIUM = 'medium',\n /\n Low severity\n /\n LOW = 'low',\n /\n Cautious status\n /\n CAUTIOUS = 'cautious',\n /\n Undefined status\n /\n UNDEFINED = 'undefined',\n /\n Stable status\n /\n STABLE = 'stable',\n /\n Informative status\n /\n INFORMATIVE = 'informative',\n /\n Incomplete status\n /\n INCOMPLETE = 'incomplete',\n /\n Draft status\n */\n DRAFT = 'draft',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,uBAAL,yBAAA,sBAAA;;;;CAIL,qBAAA,YAAA;;;;CAIA,qBAAA,cAAA;;;;CAIA,qBAAA,UAAA;;;;CAIA,qBAAA,YAAA;;;;CAIA,qBAAA,SAAA;;;;CAIA,qBAAA,cAAA;;;;CAIA,qBAAA,eAAA;;;;CAIA,qBAAA,YAAA;;;;CAIA,qBAAA,iBAAA;;;;CAIA,qBAAA,gBAAA;;;;CAIA,qBAAA,WAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/shape-indicator/shape-indicator.js CHANGED Viewed

@@ -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 shape_indicator_default$1 from "./shape-indicator.scss.js";
 import "./defs.js";

package/es/components/shape-indicator/shape-indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"shape-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/shape-indicator/shape-indicator.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025, 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 { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './shape-indicator.scss?lit';\n\n// Import Carbon icons\nimport Critical from '@carbon/icons/es/critical/index.js';\nimport CriticalSeverity from '@carbon/icons/es/critical-severity/index.js';\nimport DiamondFill from '@carbon/icons/es/diamond-fill/index.js';\nimport LowSeverity from '@carbon/icons/es/low-severity/index.js';\nimport Caution from '@carbon/icons/es/caution/index.js';\nimport CircleFill from '@carbon/icons/es/circle-fill/index.js';\nimport CircleStroke from '@carbon/icons/es/circle-stroke/index.js';\nimport { SHAPE_INDICATOR_KIND } from './defs';\n\n/\n Custom incomplete icon implementation\n /\nconst IncompleteIcon = `<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"none\"\n aria-hidden=\"true\">\n <path\n fill=\"#fff\"\n fillOpacity=\"0.01\"\n d=\"M0 0h16v16H0z\"\n style=\"mix-blend-mode: multiply;\" />\n <path\n fill=\"#161616\"\n d=\"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Zm0 2a4.004 4.004 0 0 1 4 4H4a4.004 4.004 0 0 1 4-4Z\" />\n</svg>`;\n\n/\n Map of shape indicators to their corresponding icons\n /\nconst shapeMap = {\n [SHAPE_INDICATOR_KIND.FAILED]: Critical,\n [SHAPE_INDICATOR_KIND.CRITICAL]: CriticalSeverity,\n [SHAPE_INDICATOR_KIND.HIGH]: Caution,\n [SHAPE_INDICATOR_KIND.MEDIUM]: DiamondFill,\n [SHAPE_INDICATOR_KIND.LOW]: LowSeverity,\n [SHAPE_INDICATOR_KIND.CAUTIOUS]: Caution,\n [SHAPE_INDICATOR_KIND.UNDEFINED]: DiamondFill,\n [SHAPE_INDICATOR_KIND.STABLE]: CircleFill,\n [SHAPE_INDICATOR_KIND.INFORMATIVE]: LowSeverity,\n [SHAPE_INDICATOR_KIND.INCOMPLETE]: IncompleteIcon,\n [SHAPE_INDICATOR_KIND.DRAFT]: CircleStroke,\n};\n\n/\n Shape Indicator.\n * @element cds-shape-indicator\n /\n@customElement(`${prefix}-shape-indicator`)\nclass CDSShapeIndicator extends LitElement {\n /\n Shape indicator size (12 or 14)\n /\n @property({ attribute: 'text-size' })\n textSize = 12;\n\n /\n Label next to the shape.\n /\n @property()\n label!: string;\n\n /\n Shape Indicator kind\n /\n @property()\n kind!: SHAPE_INDICATOR_KIND;\n\n render() {\n const shape = shapeMap[this.kind];\n\n if (!shape) {\n return null;\n }\n\n // Handle custom SVG string vs Carbon icon descriptor\n if (typeof shape === 'string') {\n return html` ${iconLoader(null, {}, shape)} ${this.label} `;\n }\n\n return html` ${iconLoader(shape)} ${this.label} `;\n }\n\n /\n Styles are imported from the SCSS file\n */\n static styles = styles;\n}\n\nexport default CDSShapeIndicator;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;AAmBvB,MAAM,WAAW;aACgB;eACE;WACJ;aACE;UACH;eACK;gBACC;aACH;kBACK;iBACD;YACL;~~CAC/B~~;;;;;~~AAMD~~,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;kBAK9B;;CAcX,SAAS;EACP,MAAM,QAAQ,SAAS,KAAK;~~AAE5B~~,~~MAAI~~,CAAC,~~MACH~~,~~QAAO~~;~~AAIT~~,~~MAAI~~,OAAO,UAAU,~~SACnB~~,~~QAAO~~,IAAI,IAAI,WAAW,MAAM,~~EAAE~~,~~EAAE~~,~~MAAM~~,~~CAAC~~,GAAG,KAAK,MAAM;~~AAG3D~~,~~SAAO~~,IAAI,IAAI,WAAW,~~MAAM~~,~~CAAC~~,GAAG,KAAK,MAAM~~;;;gBAMjCA;;;YAjCf~~,SAAS,EAAE,WAAW,~~aAAa~~,CAAC,CAAA,~~EAAA~~,kBAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~YAMpC~~,~~UAAU~~,CAAA,~~EAAA~~,kBAAA,WAAA,SAAA,KAAA,~~EAAA~~;~~YAMV~~,~~UAAU~~,CAAA,~~EAAA~~,kBAAA,WAAA,QAAA,KAAA,~~EAAA~~;~~gCAjBZC~~,cAAc,~~sBAA4B~~,CAAA,~~EAAA~~,~~kBAAA~~;~~AAyC3C~~,IAAA,0BAAe"}
1	+ {"version":3,"file":"shape-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/shape-indicator/shape-indicator.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025, 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 { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './shape-indicator.scss?lit';\n\n// Import Carbon icons\nimport Critical from '@carbon/icons/es/critical/index.js';\nimport CriticalSeverity from '@carbon/icons/es/critical-severity/index.js';\nimport DiamondFill from '@carbon/icons/es/diamond-fill/index.js';\nimport LowSeverity from '@carbon/icons/es/low-severity/index.js';\nimport Caution from '@carbon/icons/es/caution/index.js';\nimport CircleFill from '@carbon/icons/es/circle-fill/index.js';\nimport CircleStroke from '@carbon/icons/es/circle-stroke/index.js';\nimport { SHAPE_INDICATOR_KIND } from './defs';\n\n/\n Custom incomplete icon implementation\n /\nconst IncompleteIcon = `<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"none\"\n aria-hidden=\"true\">\n <path\n fill=\"#fff\"\n fillOpacity=\"0.01\"\n d=\"M0 0h16v16H0z\"\n style=\"mix-blend-mode: multiply;\" />\n <path\n fill=\"#161616\"\n d=\"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Zm0 2a4.004 4.004 0 0 1 4 4H4a4.004 4.004 0 0 1 4-4Z\" />\n</svg>`;\n\n/\n Map of shape indicators to their corresponding icons\n /\nconst shapeMap = {\n [SHAPE_INDICATOR_KIND.FAILED]: Critical,\n [SHAPE_INDICATOR_KIND.CRITICAL]: CriticalSeverity,\n [SHAPE_INDICATOR_KIND.HIGH]: Caution,\n [SHAPE_INDICATOR_KIND.MEDIUM]: DiamondFill,\n [SHAPE_INDICATOR_KIND.LOW]: LowSeverity,\n [SHAPE_INDICATOR_KIND.CAUTIOUS]: Caution,\n [SHAPE_INDICATOR_KIND.UNDEFINED]: DiamondFill,\n [SHAPE_INDICATOR_KIND.STABLE]: CircleFill,\n [SHAPE_INDICATOR_KIND.INFORMATIVE]: LowSeverity,\n [SHAPE_INDICATOR_KIND.INCOMPLETE]: IncompleteIcon,\n [SHAPE_INDICATOR_KIND.DRAFT]: CircleStroke,\n};\n\n/\n Shape Indicator.\n * @element cds-shape-indicator\n /\n@customElement(`${prefix}-shape-indicator`)\nclass CDSShapeIndicator extends LitElement {\n /\n Shape indicator size (12 or 14)\n /\n @property({ attribute: 'text-size' })\n textSize = 12;\n\n /\n Label next to the shape.\n /\n @property()\n label!: string;\n\n /\n Shape Indicator kind\n /\n @property()\n kind!: SHAPE_INDICATOR_KIND;\n\n render() {\n const shape = shapeMap[this.kind];\n\n if (!shape) {\n return null;\n }\n\n // Handle custom SVG string vs Carbon icon descriptor\n if (typeof shape === 'string') {\n return html` ${iconLoader(null, {}, shape)} ${this.label} `;\n }\n\n return html` ${iconLoader(shape)} ${this.label} `;\n }\n\n /\n Styles are imported from the SCSS file\n */\n static styles = styles;\n}\n\nexport default CDSShapeIndicator;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;AAmBvB,MAAM,WAAW;aACgB;eACE;WACJ;aACE;UACH;eACK;gBACC;aACH;kBACK;iBACD;YACL;AAChC;;;;;AAMA,IAAA,oBAAA,MACM,0BAA0B,WAAW;;;kBAK9B;;CAcX,SAAS;EACP,MAAM,QAAQ,SAAS,KAAK;EAE5B,IAAI,CAAC,OACH,OAAO;EAIT,IAAI,OAAO,UAAU,UACnB,OAAO,IAAI,IAAI,WAAW,MAAM,CAAC,GAAG,KAAK,EAAE,GAAG,KAAK,MAAM;EAG3D,OAAO,IAAI,IAAI,WAAW,KAAK,EAAE,GAAG,KAAK,MAAM;CACjD;;gBAKgBA;;AAClB;YAlCG,SAAS,EAAE,WAAW,YAAY,CAAC,CAAA,GAAA,kBAAA,WAAA,YAAA,KAAA,CAAA;YAMnC,SAAS,CAAA,GAAA,kBAAA,WAAA,SAAA,KAAA,CAAA;YAMT,SAAS,CAAA,GAAA,kBAAA,WAAA,QAAA,KAAA,CAAA;gCAjBXC,cAAc,qBAA2B,CAAA,GAAA,iBAAA;AAyC1C,IAAA,0BAAe"}

package/es/components/side-panel/defs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/side-panel/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2023, 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\n/\n Modal size.\n /\nexport enum SIDE_PANEL_SIZE {\n /\n Extra small size.\n /\n EXTRA_SMALL = 'xs',\n\n /\n Small size.\n /\n SMALL = 'sm',\n\n /\n Medium size.\n /\n MEDIUM = 'md',\n\n /\n Large size.\n /\n LARGE = 'lg',\n\n /\n 2X-Large size.\n /\n EXTRA_EXTRA_LARGE = '2xl',\n}\n\nexport enum SIDE_PANEL_PLACEMENT {\n /* right / default /\n RIGHT = 'right',\n\n /* left */\n LEFT = 'left',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,kBAAL,yBAAA,iBAAA;;;;~~AAIL~~,~~iBAAA~~,iBAAA;;;;~~AAKA~~,~~iBAAA~~,WAAA;;;;~~AAKA~~,~~iBAAA~~,YAAA;;;;~~AAKA~~,~~iBAAA~~,WAAA;;;;~~AAKA~~,~~iBAAA~~,uBAAA;;~~KACD~~;~~AAED~~,IAAY,uBAAL,yBAAA,sBAAA;;~~AAEL~~,~~sBAAA~~,WAAA;;~~AAGA~~,~~sBAAA~~,UAAA;;~~KACD~~"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/side-panel/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2023, 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\n/\n Modal size.\n /\nexport enum SIDE_PANEL_SIZE {\n /\n Extra small size.\n /\n EXTRA_SMALL = 'xs',\n\n /\n Small size.\n /\n SMALL = 'sm',\n\n /\n Medium size.\n /\n MEDIUM = 'md',\n\n /\n Large size.\n /\n LARGE = 'lg',\n\n /\n 2X-Large size.\n /\n EXTRA_EXTRA_LARGE = '2xl',\n}\n\nexport enum SIDE_PANEL_PLACEMENT {\n /* right / default /\n RIGHT = 'right',\n\n /* left */\n LEFT = 'left',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,kBAAL,yBAAA,iBAAA;;;;CAIL,gBAAA,iBAAA;;;;CAKA,gBAAA,WAAA;;;;CAKA,gBAAA,YAAA;;;;CAKA,gBAAA,WAAA;;;;CAKA,gBAAA,uBAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,uBAAL,yBAAA,sBAAA;;CAEL,qBAAA,WAAA;;CAGA,qBAAA,UAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/side-panel/side-panel.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { selectorTabbable } from "../../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 HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";