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

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.js","names":["FloatingUIController","styles","customElement"],"sources":["../../../src/components/popover/popover.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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss?lit';\nimport CDSPopoverContent from './popover-content';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\nimport type { Boundary, Rect } from '@floating-ui/dom';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/\n Popover.\n \n @element cds-popover\n * @fires cds-popover-beingclosed before the popover closes via focusout/outsideclick.\n * @fires cds-popover-closed when the popover closes via focusout/outsideclick\n /\n@customElement(`${prefix}-popover`)\nclass CDSPopover extends HostListenerMixin(LitElement) {\n /\n Create popover controller instance\n /\n private popoverController = new FloatingUIController(this);\n\n /\n The `<slot>` element in the shadow DOM.\n /\n @query('slot')\n private _triggerSlotNode!: HTMLSlotElement;\n\n /\n The `<slot>` element in the shadow DOM.\n /\n @query('slot[name=\"content\"]')\n private _contentSlotNode!: HTMLSlotElement;\n\n /\n Tracks Tab key press to check relatedTarget on focusout event\n /\n private _tabKeyPressed = false;\n\n /\n Specify direction of alignment\n /\n @property({ reflect: true, type: String })\n align = '';\n\n /\n Experimental: Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n /\n @property({ type: Number, reflect: true, attribute: 'alignment-axis-offset' })\n alignmentAxisOffset?: number;\n\n /\n Specify whether a auto align functionality should be applied\n /\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /\n Specify whether a caret should be rendered\n /\n @property({ type: Boolean, reflect: true })\n caret = true;\n\n /\n Specify whether a dropShadow should be rendered\n /\n @property({ type: Boolean, reflect: true })\n dropShadow = true;\n\n /\n Specify whether a border should be rendered on the popover\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n Render the component using the high-contrast variant\n /\n @property({ type: Boolean, reflect: true })\n highContrast = false;\n\n /\n Specify whether the component is currently open or closed\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /\n Render the component using the tab tip variant\n /\n @property({ type: Boolean, reflect: true })\n tabTip = false;\n\n /\n Specify the background token to use. Default is 'layer'.\n /\n @property({ reflect: true, type: String })\n backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n /\n Specify a bounding element to be used for autoAlign calculations. The viewport is used by default.\n * Takes one of the following: 'clippingAncestors', '#elementid', '#elementid_1, #elementid_2', 'rect(x, y, width, height)'\n * This prop is currently experimental and is subject to future changes.\n /\n @property({ type: String, reflect: true, attribute: 'autoalign-boundary' })\n autoAlignBoundary?: string;\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n if (this.tabTip) {\n const component = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).tagName === 'BUTTON'\n );\n\n (component[0] as HTMLElement)?.classList.add(\n `${prefix}--popover--tab-tip__button`\n );\n }\n this.requestUpdate();\n }\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 _handleKeyDown(event: KeyboardEvent) {\n if (!this.open) {\n return;\n }\n if (event.key === 'Tab') {\n this._tabKeyPressed = true;\n } else {\n this._tabKeyPressed = false;\n }\n }\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\n private _handleFocusOut(event: FocusEvent) {\n // Only handle focusout if Tab key was pressed\n if (!this._tabKeyPressed \|\| !this.open) {\n return;\n }\n\n if (\n this.contains(event.relatedTarget as Node) \|\|\n deepShadowContains(this, event.relatedTarget)\n ) {\n this._tabKeyPressed = false;\n return;\n }\n\n // focus moved outside the popover, close it\n this._tabKeyPressed = false;\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSPopover).eventBeforeClose,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy: event.target,\n },\n }\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSPopover).eventOnClose, {\n bubbles: true,\n composed: true,\n })\n );\n }\n }\n\n private _handleOutsideClick(event: Event) {\n const path = event.composedPath();\n\n if (path.includes(this._triggerSlotNode.assignedElements()[0])) return;\n\n const popoverContent = this.querySelector(\n (this.constructor as typeof CDSPopover).selectorPopoverContent\n )?.shadowRoot?.querySelector(\n (this.constructor as typeof CDSPopover).selectorPopoverContentClass\n ) as HTMLElement;\n\n if (path.includes(popoverContent)) return;\n\n const target = event.target as Node \| null;\n const composedTarget = event.composedPath?.()[0] as Node \| null;\n\n if (\n this.open &&\n target &&\n !this.contains(target) &&\n !this.contains(composedTarget)\n ) {\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSPopover).eventBeforeClose,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy: event.target,\n },\n }\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSPopover).eventOnClose,\n {\n bubbles: true,\n composed: true,\n }\n )\n );\n }\n }\n }\n\n constructor() {\n super();\n this._handleOutsideClick = this._handleOutsideClick.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this._handleOutsideClick);\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this._handleOutsideClick);\n }\n\n /\n This function resolves the string passed in for `autoAlignBoundary` to either:\n * \"clippingAncestors\"\n * An element (found via #id)\n * An array of elements (found via #id1, #id2, #id3, separated by \",\")\n * A rect, input format should be 'rect(x,y,width,height)'\n /\n private _resolveAutoAlignBoundary(): Boundary {\n const raw = (this.autoAlignBoundary ?? '').trim();\n\n // Default to 'clippingAncestors'\n if (!raw) return 'clippingAncestors';\n if (raw === 'clippingAncestors') return 'clippingAncestors';\n\n // regex match for: rect(x,y,width,height)\n const rectMatch =\n /^rect\$\\s([-\\d.]+)\\s,\\s([-\\d.]+)\\s,\\s([-\\d.]+)\\s,\\s([-\\d.]+)\\s\$$/i.exec(\n raw\n );\n if (rectMatch) {\n const [, x, y, w, h] = rectMatch;\n const rect: Rect = { x: +x, y: +y, width: +w, height: +h };\n return rect;\n }\n\n // Get element(s)\n const ids = raw\n .split(',')\n .map((s) => s.trim())\n .filter((s) => s.length > 1 && s.startsWith('#'))\n .map((s) => s.slice(1).trim())\n .filter(Boolean);\n\n if (ids.length > 0) {\n const elements: Element[] = [];\n const inputted_ids = new Set<string>();\n\n for (const id of ids) {\n if (inputted_ids.has(id)) continue;\n inputted_ids.add(id);\n\n const el = document.getElementById(id);\n\n if (el) elements.push(el);\n }\n return elements.length === 1 ? elements[0] : elements;\n }\n\n // default fallback\n return 'clippingAncestors';\n }\n\n updated(changedProperties) {\n const { selectorPopoverContent } = this.constructor as typeof CDSPopover;\n [\n 'open',\n 'align',\n 'autoalign',\n 'caret',\n 'dropShadow',\n 'border',\n 'tabTip',\n 'highContrast',\n 'backgroundToken',\n ].forEach((name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof CDSPopover]: value } = this;\n if (this.querySelector(selectorPopoverContent) as CDSPopoverContent) {\n (this.querySelector(selectorPopoverContent) as CDSPopoverContent)[\n name\n ] = value;\n }\n }\n });\n\n if (this.autoalign && this.open) {\n // auto align functionality with @floating-ui/dom library\n const button = this._triggerSlotNode.assignedElements()[0];\n const content = this._contentSlotNode.assignedElements()[0];\n\n const tooltip = content?.shadowRoot?.querySelector(\n CDSPopover.selectorPopoverContentClass\n );\n const arrowElement = content?.shadowRoot?.querySelector(\n CDSPopover.selectorPopoverCaret\n );\n\n if (button && tooltip) {\n this.popoverController?.setPlacement({\n trigger: button as HTMLElement,\n target: tooltip as HTMLElement,\n arrowElement:\n this.caret && arrowElement\n ? (arrowElement as HTMLElement)\n : undefined,\n caret: this.caret,\n flipArguments: { fallbackAxisSideDirection: 'start' },\n alignment: this.align,\n open: this.open,\n alignmentAxisOffset: this.alignmentAxisOffset,\n autoAlignBoundary: this._resolveAutoAlignBoundary(),\n isTabTip: this.tabTip,\n });\n }\n }\n }\n\n render() {\n const {\n dropShadow,\n border,\n highContrast,\n open,\n tabTip,\n _handleSlotChange: handleSlotChange,\n } = this;\n if (tabTip) {\n this.caret = !tabTip;\n }\n\n if (!this.autoalign) {\n this.align = this.align ? this.align : tabTip ? 'bottom-start' : 'bottom';\n }\n\n if (tabTip) {\n const tabTipAlignments = [\n 'bottom-start',\n 'bottom-end',\n 'bottom-left', // remove in v12\n 'bottom-right', // remove in v12\n ];\n\n if (!tabTipAlignments.includes(this.align)) {\n this.align = 'bottom-start';\n }\n }\n\n const classes = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: this.caret,\n [`${prefix}--popover--drop-shadow`]: dropShadow,\n [`${prefix}--popover--border`]: border,\n [`${prefix}--popover--high-contrast`]: highContrast,\n [`${prefix}--popover--open`]: open,\n [`${prefix}--popover--${this.align}`]: true,\n [`${prefix}--popover--tab-tip`]: tabTip,\n [`${prefix}--popover--background-token__background`]:\n this.backgroundToken === POPOVER_BACKGROUND_TOKEN.BACKGROUND &&\n !highContrast,\n });\n return html`\n <span class=\"${classes}\" part=\"popover-container\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"content\"></slot>\n </span>\n `;\n }\n\n /\n A selector that will return popover content element within\n * CDSPopoverContent's shadowRoot.\n /\n static get selectorPopoverContentClass() {\n return `.${prefix}--popover-content`;\n }\n\n /\n A selector that will return popover caret element within\n * CDSPopoverContent's shadowRoot.\n /\n static get selectorPopoverCaret() {\n return `.${prefix}--popover-caret`;\n }\n\n /\n A selector that will return the CDSPopoverContent.\n /\n static get selectorPopoverContent() {\n return `${prefix}-popover-content`;\n }\n\n /\n The name of the custom event fired before the popover closes via focusout/outsideclick.\n * This event is cancellable.\n /\n static get eventBeforeClose() {\n return `${prefix}-popover-beingclosed`;\n }\n\n /\n The name of the custom event fired when the popover closes via focusout/outsideclick\n */\n static get eventOnClose() {\n return `${prefix}-popover-closed`;\n }\n\n static styles = styles;\n}\n\nexport default CDSPopover;\n"],"mappings":"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"}
1	+ {"version":3,"file":"popover.js","names":["FloatingUIController","styles","customElement"],"sources":["../../../src/components/popover/popover.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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss?lit';\nimport CDSPopoverContent from './popover-content';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport { POPOVER_BACKGROUND_TOKEN } from './defs';\nimport type { Boundary, Rect } from '@floating-ui/dom';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/\n Popover.\n \n @element cds-popover\n * @fires cds-popover-beingclosed before the popover closes via focusout/outsideclick.\n * @fires cds-popover-closed when the popover closes via focusout/outsideclick\n /\n@customElement(`${prefix}-popover`)\nclass CDSPopover extends HostListenerMixin(LitElement) {\n /\n Create popover controller instance\n /\n private popoverController = new FloatingUIController(this);\n\n /\n The `<slot>` element in the shadow DOM.\n /\n @query('slot')\n private _triggerSlotNode!: HTMLSlotElement;\n\n /\n The `<slot>` element in the shadow DOM.\n /\n @query('slot[name=\"content\"]')\n private _contentSlotNode!: HTMLSlotElement;\n\n /\n Tracks Tab key press to check relatedTarget on focusout event\n /\n private _tabKeyPressed = false;\n\n /\n Specify direction of alignment\n /\n @property({ reflect: true, type: String })\n align = '';\n\n /\n Experimental: Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n /\n @property({ type: Number, reflect: true, attribute: 'alignment-axis-offset' })\n alignmentAxisOffset?: number;\n\n /\n Specify whether a auto align functionality should be applied\n /\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /\n Specify whether a caret should be rendered\n /\n @property({ type: Boolean, reflect: true })\n caret = true;\n\n /\n Specify whether a dropShadow should be rendered\n /\n @property({ type: Boolean, reflect: true })\n dropShadow = true;\n\n /\n Specify whether a border should be rendered on the popover\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n Render the component using the high-contrast variant\n /\n @property({ type: Boolean, reflect: true })\n highContrast = false;\n\n /\n Specify whether the component is currently open or closed\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /\n Render the component using the tab tip variant\n /\n @property({ type: Boolean, reflect: true })\n tabTip = false;\n\n /\n Specify the background token to use. Default is 'layer'.\n /\n @property({ reflect: true, type: String })\n backgroundToken = POPOVER_BACKGROUND_TOKEN.LAYER;\n\n /\n Specify a bounding element to be used for autoAlign calculations. The viewport is used by default.\n * Takes one of the following: 'clippingAncestors', '#elementid', '#elementid_1, #elementid_2', 'rect(x, y, width, height)'\n * This prop is currently experimental and is subject to future changes.\n /\n @property({ type: String, reflect: true, attribute: 'autoalign-boundary' })\n autoAlignBoundary?: string;\n\n /\n Handles `slotchange` event.\n /\n protected _handleSlotChange({ target }: Event) {\n if (this.tabTip) {\n const component = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).tagName === 'BUTTON'\n );\n\n (component[0] as HTMLElement)?.classList.add(\n `${prefix}--popover--tab-tip__button`\n );\n }\n this.requestUpdate();\n }\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 _handleKeyDown(event: KeyboardEvent) {\n if (!this.open) {\n return;\n }\n if (event.key === 'Tab') {\n this._tabKeyPressed = true;\n } else {\n this._tabKeyPressed = false;\n }\n }\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\n private _handleFocusOut(event: FocusEvent) {\n // Only handle focusout if Tab key was pressed\n if (!this._tabKeyPressed \|\| !this.open) {\n return;\n }\n\n if (\n this.contains(event.relatedTarget as Node) \|\|\n deepShadowContains(this, event.relatedTarget)\n ) {\n this._tabKeyPressed = false;\n return;\n }\n\n // focus moved outside the popover, close it\n this._tabKeyPressed = false;\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSPopover).eventBeforeClose,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy: event.target,\n },\n }\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent((this.constructor as typeof CDSPopover).eventOnClose, {\n bubbles: true,\n composed: true,\n })\n );\n }\n }\n\n private _handleOutsideClick(event: Event) {\n const path = event.composedPath();\n\n if (path.includes(this._triggerSlotNode.assignedElements()[0])) return;\n\n const popoverContent = this.querySelector(\n (this.constructor as typeof CDSPopover).selectorPopoverContent\n )?.shadowRoot?.querySelector(\n (this.constructor as typeof CDSPopover).selectorPopoverContentClass\n ) as HTMLElement;\n\n if (path.includes(popoverContent)) return;\n\n const target = event.target as Node \| null;\n const composedTarget = event.composedPath?.()[0] as Node \| null;\n\n if (\n this.open &&\n target &&\n !this.contains(target) &&\n !this.contains(composedTarget)\n ) {\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSPopover).eventBeforeClose,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy: event.target,\n },\n }\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSPopover).eventOnClose,\n {\n bubbles: true,\n composed: true,\n }\n )\n );\n }\n }\n }\n\n constructor() {\n super();\n this._handleOutsideClick = this._handleOutsideClick.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n document.addEventListener('click', this._handleOutsideClick);\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this._handleOutsideClick);\n }\n\n /\n This function resolves the string passed in for `autoAlignBoundary` to either:\n * The viewport (default)\n * \"clippingAncestors\"\n * An element (found via #id)\n * An array of elements (found via #id1, #id2, #id3, separated by \",\")\n * A rect, input format should be 'rect(x,y,width,height)'\n /\n private _resolveAutoAlignBoundary(): Boundary {\n const raw = (this.autoAlignBoundary ?? '').trim();\n\n if (!raw) {\n // Default to viewport\n return this._getViewportRect();\n }\n if (raw === 'clippingAncestors') return 'clippingAncestors';\n\n // regex match for: rect(x,y,width,height)\n const rectMatch =\n /^rect\$\\s([-\\d.]+)\\s,\\s([-\\d.]+)\\s,\\s([-\\d.]+)\\s,\\s([-\\d.]+)\\s\$$/i.exec(\n raw\n );\n if (rectMatch) {\n const [, x, y, w, h] = rectMatch;\n const rect: Rect = { x: +x, y: +y, width: +w, height: +h };\n return rect;\n }\n\n // Get element(s)\n const ids = raw\n .split(',')\n .map((s) => s.trim())\n .filter((s) => s.length > 1 && s.startsWith('#'))\n .map((s) => s.slice(1).trim())\n .filter(Boolean);\n\n if (ids.length > 0) {\n const elements: Element[] = [];\n const inputted_ids = new Set<string>();\n\n for (const id of ids) {\n if (inputted_ids.has(id)) continue;\n inputted_ids.add(id);\n\n const el = document.getElementById(id);\n\n if (el) elements.push(el);\n }\n return elements.length === 1 ? elements[0] : elements;\n }\n\n // default fallback\n return 'clippingAncestors';\n }\n\n /\n Gets the viewport rectangle for use as the default autoalign boundary.\n /\n private _getViewportRect(): Rect {\n // Use the Visual Viewport API when available for accurate viewport dimensions\n if (window.visualViewport) {\n const viewport = window.visualViewport;\n return {\n x: viewport.offsetLeft,\n y: viewport.offsetTop,\n width: viewport.width,\n height: viewport.height,\n };\n }\n\n // Fallback for browsers not suporting Visual Viewport API\n return {\n x: 0,\n y: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n };\n }\n\n updated(changedProperties) {\n const { selectorPopoverContent } = this.constructor as typeof CDSPopover;\n [\n 'open',\n 'align',\n 'autoalign',\n 'caret',\n 'dropShadow',\n 'border',\n 'tabTip',\n 'highContrast',\n 'backgroundToken',\n ].forEach((name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof CDSPopover]: value } = this;\n if (this.querySelector(selectorPopoverContent) as CDSPopoverContent) {\n (this.querySelector(selectorPopoverContent) as CDSPopoverContent)[\n name\n ] = value;\n }\n }\n });\n\n if (this.autoalign && this.open) {\n // auto align functionality with @floating-ui/dom library\n const button = this._triggerSlotNode.assignedElements()[0];\n const content = this._contentSlotNode.assignedElements()[0];\n\n const tooltip = content?.shadowRoot?.querySelector(\n CDSPopover.selectorPopoverContentClass\n );\n const arrowElement = content?.shadowRoot?.querySelector(\n CDSPopover.selectorPopoverCaret\n );\n\n if (button && tooltip) {\n this.popoverController?.setPlacement({\n trigger: button as HTMLElement,\n target: tooltip as HTMLElement,\n arrowElement:\n this.caret && arrowElement\n ? (arrowElement as HTMLElement)\n : undefined,\n caret: this.caret,\n flipArguments: { fallbackAxisSideDirection: 'start' },\n alignment: this.align,\n open: this.open,\n alignmentAxisOffset: this.alignmentAxisOffset,\n autoAlignBoundary: this._resolveAutoAlignBoundary(),\n isTabTip: this.tabTip,\n });\n }\n }\n }\n\n render() {\n const {\n dropShadow,\n border,\n highContrast,\n open,\n tabTip,\n _handleSlotChange: handleSlotChange,\n } = this;\n if (tabTip) {\n this.caret = !tabTip;\n }\n\n if (!this.autoalign) {\n this.align = this.align ? this.align : tabTip ? 'bottom-start' : 'bottom';\n }\n\n if (tabTip) {\n const tabTipAlignments = [\n 'bottom-start',\n 'bottom-end',\n 'bottom-left', // remove in v12\n 'bottom-right', // remove in v12\n ];\n\n if (!tabTipAlignments.includes(this.align)) {\n this.align = 'bottom-start';\n }\n }\n\n const classes = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: this.caret,\n [`${prefix}--popover--drop-shadow`]: dropShadow,\n [`${prefix}--popover--border`]: border,\n [`${prefix}--popover--high-contrast`]: highContrast,\n [`${prefix}--popover--open`]: open,\n [`${prefix}--popover--${this.align}`]: true,\n [`${prefix}--popover--tab-tip`]: tabTip,\n [`${prefix}--popover--background-token__background`]:\n this.backgroundToken === POPOVER_BACKGROUND_TOKEN.BACKGROUND &&\n !highContrast,\n });\n return html`\n <span class=\"${classes}\" part=\"popover-container\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"content\"></slot>\n </span>\n `;\n }\n\n /\n A selector that will return popover content element within\n * CDSPopoverContent's shadowRoot.\n /\n static get selectorPopoverContentClass() {\n return `.${prefix}--popover-content`;\n }\n\n /\n A selector that will return popover caret element within\n * CDSPopoverContent's shadowRoot.\n /\n static get selectorPopoverCaret() {\n return `.${prefix}--popover-caret`;\n }\n\n /\n A selector that will return the CDSPopoverContent.\n /\n static get selectorPopoverContent() {\n return `${prefix}-popover-content`;\n }\n\n /\n The name of the custom event fired before the popover closes via focusout/outsideclick.\n * This event is cancellable.\n /\n static get eventBeforeClose() {\n return `${prefix}-popover-beingclosed`;\n }\n\n /\n The name of the custom event fired when the popover closes via focusout/outsideclick\n */\n static get eventOnClose() {\n return `${prefix}-popover-closed`;\n }\n\n static styles = styles;\n}\n\nexport default CDSPopover;\n"],"mappings":"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"}

package/es/components/progress-bar/defs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/progress-bar/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n/\n Status of progress bar.\n /\nexport enum PROGRESS_BAR_STATUS {\n /\n Currently active.\n /\n ACTIVE = 'active',\n\n /\n Executed.\n /\n FINISHED = 'finished',\n\n /\n Invalid.\n /\n ERROR = 'error',\n}\n\n/\n Size of progress bar.\n /\nexport enum PROGRESS_BAR_SIZE {\n /\n small size (thinner)\n /\n SMALL = 'small',\n\n /\n big size\n /\n BIG = 'big',\n}\n\n/\n Defines the alignment variant of the progress bar.\n /\nexport enum PROGRESS_BAR_TYPE {\n /\n default type\n /\n DEFAULT = 'default',\n\n /\n Inline type\n /\n INLINE = 'inline',\n\n /\n indented type\n */\n INDENTED = 'indented',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,sBAAL,yBAAA,qBAAA;;;;~~AAIL~~,~~qBAAA~~,YAAA;;;;~~AAKA~~,~~qBAAA~~,cAAA;;;;~~AAKA~~,~~qBAAA~~,WAAA;;~~KACD~~;;;;~~AAKD~~,IAAY,oBAAL,yBAAA,mBAAA;;;;~~AAIL~~,~~mBAAA~~,WAAA;;;;~~AAKA~~,~~mBAAA~~,SAAA;;~~KACD~~;;;;~~AAKD~~,IAAY,oBAAL,yBAAA,mBAAA;;;;~~AAIL~~,~~mBAAA~~,aAAA;;;;~~AAKA~~,~~mBAAA~~,YAAA;;;;~~AAKA~~,~~mBAAA~~,cAAA;;~~KACD~~"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/progress-bar/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n/\n Status of progress bar.\n /\nexport enum PROGRESS_BAR_STATUS {\n /\n Currently active.\n /\n ACTIVE = 'active',\n\n /\n Executed.\n /\n FINISHED = 'finished',\n\n /\n Invalid.\n /\n ERROR = 'error',\n}\n\n/\n Size of progress bar.\n /\nexport enum PROGRESS_BAR_SIZE {\n /\n small size (thinner)\n /\n SMALL = 'small',\n\n /\n big size\n /\n BIG = 'big',\n}\n\n/\n Defines the alignment variant of the progress bar.\n /\nexport enum PROGRESS_BAR_TYPE {\n /\n default type\n /\n DEFAULT = 'default',\n\n /\n Inline type\n /\n INLINE = 'inline',\n\n /\n indented type\n */\n INDENTED = 'indented',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,sBAAL,yBAAA,qBAAA;;;;CAIL,oBAAA,YAAA;;;;CAKA,oBAAA,cAAA;;;;CAKA,oBAAA,WAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,oBAAL,yBAAA,mBAAA;;;;CAIL,kBAAA,WAAA;;;;CAKA,kBAAA,SAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,oBAAL,yBAAA,mBAAA;;;;CAIL,kBAAA,aAAA;;;;CAKA,kBAAA,YAAA;;;;CAKA,kBAAA,cAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/progress-bar/progress-bar.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 { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE } from "./defs.js";
 import progress_bar_default$1 from "./progress-bar.scss.js";

package/es/components/progress-bar/progress-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progress-bar.js","names":["styles","customElement"],"sources":["../../../src/components/progress-bar/progress-bar.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 { classMap } from 'lit/directives/class-map.js';\nimport {\n PROGRESS_BAR_SIZE,\n PROGRESS_BAR_STATUS,\n PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './progress-bar.scss?lit';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/\n Progress bar.\n \n @element cds-progress-bar\n /\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n /\n The current progress as a textual representation.\n /\n @property({ type: String, attribute: 'helper-text', reflect: true })\n helperText;\n\n /\n Whether the label should be visually hidden.\n /\n @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n hideLabel;\n\n /\n A label describing the progress bar.\n /\n @property({ type: String })\n label;\n\n /\n The maximum value.\n /\n @property({ type: Number, reflect: true })\n max = 100;\n\n /\n Specify the size of the ProgressBar.\n /\n @property({ type: String, reflect: true })\n size = PROGRESS_BAR_SIZE.BIG;\n\n /\n Specify the status.\n /\n @property({ type: String, reflect: true })\n status = PROGRESS_BAR_STATUS.ACTIVE;\n\n /\n Defines the alignment variant of the progress bar.\n /\n @property({ type: String, reflect: true })\n type = PROGRESS_BAR_TYPE.DEFAULT;\n\n /\n The current value.\n */\n @property({ type: Number, reflect: true })\n value;\n\n protected get _cappedValue() {\n const { value, max, status } = this;\n\n let cappedValue = value;\n if (cappedValue > max) {\n cappedValue = max;\n }\n if (cappedValue < 0) {\n cappedValue = 0;\n }\n if (status === PROGRESS_BAR_STATUS.ERROR) {\n cappedValue = 0;\n } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n cappedValue = max;\n }\n\n return cappedValue;\n }\n\n updated(changedProperties) {\n if (\n changedProperties.has('value') \|\|\n changedProperties.has('max') \|\|\n changedProperties.has('status')\n ) {\n const { _cappedValue: cappedValue, max, status } = this;\n\n const percentage: number = cappedValue / max;\n\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const bar = this.shadowRoot!.querySelector(\n `.${prefix}--progress-bar__bar`\n ) as HTMLElement;\n\n if (\n status != PROGRESS_BAR_STATUS.ERROR &&\n status != PROGRESS_BAR_STATUS.FINISHED\n ) {\n bar.style.transform = `scaleX(${percentage})`;\n } else {\n bar.style.transform = 'none';\n }\n }\n }\n\n render() {\n const {\n _cappedValue: cappedValue,\n helperText,\n hideLabel,\n label,\n max,\n size,\n status,\n type,\n value,\n } = this;\n\n const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n const indeterminate =\n !isFinished && !isError && (value === null \|\| value === undefined);\n\n let statusIcon: ReturnType<typeof iconLoader> \| null = null;\n\n if (isError) {\n statusIcon = iconLoader(ErrorFilled16, {\n class: `${prefix}--progress-bar__status-icon`,\n });\n } else if (isFinished) {\n statusIcon = iconLoader(CheckmarkFilled16, {\n class: `${prefix}--progress-bar__status-icon`,\n });\n }\n\n const wrapperClasses = classMap({\n [`${prefix}--progress-bar`]: true,\n [`${prefix}--progress-bar--${size}`]: true,\n [`${prefix}--progress-bar--${type}`]: true,\n [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n [`${prefix}--progress-bar--finished`]: isFinished,\n [`${prefix}--progress-bar--error`]: isError,\n });\n\n const labelClasses = classMap({\n [`${prefix}--progress-bar__label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n return html` <div class=\"${wrapperClasses}\">\n <div class=\"${labelClasses}\">\n <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n ${statusIcon}\n </div>\n <div\n class=\"${prefix}--progress-bar__track\"\n role=\"progressbar\"\n aria-busy=\"${!isFinished}\"\n aria-invalid=\"${isError}\"\n aria-valuemin=\"${!indeterminate ? 0 : null}\"\n aria-valuemax=\"${!indeterminate ? max : null}\"\n aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n <div class=\"${prefix}--progress-bar__bar\"></div>\n </div>\n ${helperText\n ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n ${helperText}\n <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n ${isFinished ? 'Done' : 'Loading'}\n </div>\n </div>`\n : null}\n </div>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSProgressBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,iBAAA,MACM,uBAAuB,WAAW;;;aAuBhC;;;;;CA0BN,IAAc,eAAe;EAC3B,MAAM,EAAE,OAAO,KAAK,WAAW;EAE/B,IAAI,cAAc;~~AAClB~~,~~MAAI~~,cAAc,~~IAChB~~,~~eAAc~~;~~AAEhB~~,~~MAAI~~,cAAc,~~EAChB~~,~~eAAc~~;~~AAEhB~~,~~MAAI~~,WAAA,~~QACF~~,~~eAAc~~;~~WACL~~,WAAA,~~WACT~~,~~eAAc~~;~~AAGhB~~,~~SAAO;;CAGT~~,QAAQ,mBAAmB;~~AACzB~~,~~MACE~~,kBAAkB,IAAI,~~QAAQ~~,~~IAC9B~~,kBAAkB,IAAI,~~MAAM~~,~~IAC5B~~,kBAAkB,IAAI,~~SAAS~~,~~EAC/B~~;GACA,MAAM,EAAE,cAAc,aAAa,KAAK,WAAW;GAEnD,MAAM,aAAqB,cAAc;GAGzC,MAAM,MAAM,KAAK,WAAY,cAC3B,~~0BACD~~;~~AAED~~,~~OACE~~,UAAA,WACA,UAAA,~~WAEA~~,~~KAAI~~,MAAM,YAAY,UAAU,WAAW;~~OAE3C~~,~~KAAI~~,MAAM,YAAY~~;;;CAK5B~~,SAAS;EACP,MAAM,EACJ,cAAc,aACd,YACA,WACA,OACA,KACA,MACA,QACA,MACA,UACE;EAEJ,MAAM,aAAa,WAAA;EACnB,MAAM,UAAU,WAAA;EAEhB,MAAM,gBACJ,CAAC,cAAc,CAAC,YAAY,UAAU,QAAQ,UAAU,KAAA;EAE1D,IAAI,aAAmD;~~AAEvD~~,~~MAAI~~,~~QACF~~,~~cAAa~~,WAAW,eAAe,EACrC,OAAO,~~kCACR~~,CAAC;~~WACO~~,~~WACT~~,~~cAAa~~,WAAW,mBAAmB,EACzC,OAAO,~~kCACR~~,CAAC;~~AAiBJ~~,~~SAAO~~,IAAI,gBAdY,SAAS;IAC7B,sBAA4B;IAC5B,sBAA4B,SAAS;IACrC,sBAA4B,SAAS;IACrC,qCAA2C;IAC3C,gCAAsC;IACtC,6BAAmC;~~GACrC~~,~~CAAC~~,~~CAOwC~~;oBALrB,SAAS;IAC3B,6BAAmC;IACnC,yBAA+B;~~GACjC~~,~~CAAC~~,~~CAG2B~~;6BACH,8BAA8B,MAAM;UACxD,WAAW;;;uBAGG;;qBAEH,CAAC,WAAW;wBACT,QAAQ;yBACP,CAAC,gBAAgB,IAAI,KAAK;yBAC1B,CAAC,gBAAgB,MAAM,KAAK;yBAC5B,CAAC,gBAAgB,cAAc,KAAK;4BAChC;;QAErB,aACE,IAAI,eAAA,MAAsB;cACtB,WAAW;gCACQ;gBACjB,aAAa,SAAS,UAAU;;oBAGtC,KAAK~~;;;;gBAIGA;;;YAjKf~~,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,eAAA,WAAA,cAAA,KAAA,~~EAAA~~;~~YAMnE~~,SAAS;CAAE,MAAM;CAAS,WAAW;CAAc,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,eAAA,WAAA,aAAA,KAAA,~~EAAA~~;~~YAMnE~~,SAAS,EAAE,MAAM,~~QAAQ~~,CAAC,CAAA,~~EAAA~~,eAAA,WAAA,SAAA,KAAA,~~EAAA~~;~~YAM1B~~,SAAS;CAAE,MAAM;CAAQ,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,eAAA,WAAA,OAAA,KAAA,~~EAAA~~;~~YAMzC~~,SAAS;CAAE,MAAM;CAAQ,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,eAAA,WAAA,QAAA,KAAA,~~EAAA~~;~~YAMzC~~,SAAS;CAAE,MAAM;CAAQ,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,eAAA,WAAA,UAAA,KAAA,~~EAAA~~;~~YAMzC~~,SAAS;CAAE,MAAM;CAAQ,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,eAAA,WAAA,QAAA,KAAA,~~EAAA~~;~~YAMzC~~,SAAS;CAAE,MAAM;CAAQ,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,eAAA,WAAA,SAAA,KAAA,~~EAAA~~;6BA/~~C3CC~~,cAAc,~~mBAAyB~~,CAAA,~~EAAA~~,~~eAAA~~;~~AAyKxC~~,IAAA,uBAAe"}
1	+ {"version":3,"file":"progress-bar.js","names":["styles","customElement"],"sources":["../../../src/components/progress-bar/progress-bar.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 { classMap } from 'lit/directives/class-map.js';\nimport {\n PROGRESS_BAR_SIZE,\n PROGRESS_BAR_STATUS,\n PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './progress-bar.scss?lit';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/\n Progress bar.\n \n @element cds-progress-bar\n /\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n /\n The current progress as a textual representation.\n /\n @property({ type: String, attribute: 'helper-text', reflect: true })\n helperText;\n\n /\n Whether the label should be visually hidden.\n /\n @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n hideLabel;\n\n /\n A label describing the progress bar.\n /\n @property({ type: String })\n label;\n\n /\n The maximum value.\n /\n @property({ type: Number, reflect: true })\n max = 100;\n\n /\n Specify the size of the ProgressBar.\n /\n @property({ type: String, reflect: true })\n size = PROGRESS_BAR_SIZE.BIG;\n\n /\n Specify the status.\n /\n @property({ type: String, reflect: true })\n status = PROGRESS_BAR_STATUS.ACTIVE;\n\n /\n Defines the alignment variant of the progress bar.\n /\n @property({ type: String, reflect: true })\n type = PROGRESS_BAR_TYPE.DEFAULT;\n\n /\n The current value.\n */\n @property({ type: Number, reflect: true })\n value;\n\n protected get _cappedValue() {\n const { value, max, status } = this;\n\n let cappedValue = value;\n if (cappedValue > max) {\n cappedValue = max;\n }\n if (cappedValue < 0) {\n cappedValue = 0;\n }\n if (status === PROGRESS_BAR_STATUS.ERROR) {\n cappedValue = 0;\n } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n cappedValue = max;\n }\n\n return cappedValue;\n }\n\n updated(changedProperties) {\n if (\n changedProperties.has('value') \|\|\n changedProperties.has('max') \|\|\n changedProperties.has('status')\n ) {\n const { _cappedValue: cappedValue, max, status } = this;\n\n const percentage: number = cappedValue / max;\n\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const bar = this.shadowRoot!.querySelector(\n `.${prefix}--progress-bar__bar`\n ) as HTMLElement;\n\n if (\n status != PROGRESS_BAR_STATUS.ERROR &&\n status != PROGRESS_BAR_STATUS.FINISHED\n ) {\n bar.style.transform = `scaleX(${percentage})`;\n } else {\n bar.style.transform = 'none';\n }\n }\n }\n\n render() {\n const {\n _cappedValue: cappedValue,\n helperText,\n hideLabel,\n label,\n max,\n size,\n status,\n type,\n value,\n } = this;\n\n const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n const indeterminate =\n !isFinished && !isError && (value === null \|\| value === undefined);\n\n let statusIcon: ReturnType<typeof iconLoader> \| null = null;\n\n if (isError) {\n statusIcon = iconLoader(ErrorFilled16, {\n class: `${prefix}--progress-bar__status-icon`,\n });\n } else if (isFinished) {\n statusIcon = iconLoader(CheckmarkFilled16, {\n class: `${prefix}--progress-bar__status-icon`,\n });\n }\n\n const wrapperClasses = classMap({\n [`${prefix}--progress-bar`]: true,\n [`${prefix}--progress-bar--${size}`]: true,\n [`${prefix}--progress-bar--${type}`]: true,\n [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n [`${prefix}--progress-bar--finished`]: isFinished,\n [`${prefix}--progress-bar--error`]: isError,\n });\n\n const labelClasses = classMap({\n [`${prefix}--progress-bar__label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n return html` <div class=\"${wrapperClasses}\">\n <div class=\"${labelClasses}\">\n <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n ${statusIcon}\n </div>\n <div\n class=\"${prefix}--progress-bar__track\"\n role=\"progressbar\"\n aria-busy=\"${!isFinished}\"\n aria-invalid=\"${isError}\"\n aria-valuemin=\"${!indeterminate ? 0 : null}\"\n aria-valuemax=\"${!indeterminate ? max : null}\"\n aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n <div class=\"${prefix}--progress-bar__bar\"></div>\n </div>\n ${helperText\n ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n ${helperText}\n <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n ${isFinished ? 'Done' : 'Loading'}\n </div>\n </div>`\n : null}\n </div>`;\n }\n\n static styles = styles;\n}\n\nexport default CDSProgressBar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,iBAAA,MACM,uBAAuB,WAAW;;;aAuBhC;;;;;CA0BN,IAAc,eAAe;EAC3B,MAAM,EAAE,OAAO,KAAK,WAAW;EAE/B,IAAI,cAAc;EAClB,IAAI,cAAc,KAChB,cAAc;EAEhB,IAAI,cAAc,GAChB,cAAc;EAEhB,IAAI,WAAA,SACF,cAAc;OACT,IAAI,WAAA,YACT,cAAc;EAGhB,OAAO;CACT;CAEA,QAAQ,mBAAmB;EACzB,IACE,kBAAkB,IAAI,OAAO,KAC7B,kBAAkB,IAAI,KAAK,KAC3B,kBAAkB,IAAI,QAAQ,GAC9B;GACA,MAAM,EAAE,cAAc,aAAa,KAAK,WAAW;GAEnD,MAAM,aAAqB,cAAc;GAGzC,MAAM,MAAM,KAAK,WAAY,cAC3B,yBACF;GAEA,IACE,UAAA,WACA,UAAA,YAEA,IAAI,MAAM,YAAY,UAAU,WAAW;QAE3C,IAAI,MAAM,YAAY;EAE1B;CACF;CAEA,SAAS;EACP,MAAM,EACJ,cAAc,aACd,YACA,WACA,OACA,KACA,MACA,QACA,MACA,UACE;EAEJ,MAAM,aAAa,WAAA;EACnB,MAAM,UAAU,WAAA;EAEhB,MAAM,gBACJ,CAAC,cAAc,CAAC,YAAY,UAAU,QAAQ,UAAU,KAAA;EAE1D,IAAI,aAAmD;EAEvD,IAAI,SACF,aAAa,WAAW,eAAe,EACrC,OAAO,iCACT,CAAC;OACI,IAAI,YACT,aAAa,WAAW,mBAAmB,EACzC,OAAO,iCACT,CAAC;EAiBH,OAAO,IAAI,gBAdY,SAAS;IAC7B,sBAA4B;IAC5B,sBAA4B,SAAS;IACrC,sBAA4B,SAAS;IACrC,qCAA2C;IAC3C,gCAAsC;IACtC,6BAAmC;EACtC,CAOwC,EAAE;oBALrB,SAAS;IAC3B,6BAAmC;IACnC,yBAA+B;EAClC,CAG2B,EAAE;6BACH,8BAA8B,MAAM;UACxD,WAAW;;;uBAGG;;qBAEH,CAAC,WAAW;wBACT,QAAQ;yBACP,CAAC,gBAAgB,IAAI,KAAK;yBAC1B,CAAC,gBAAgB,MAAM,KAAK;yBAC5B,CAAC,gBAAgB,cAAc,KAAK;4BAChC;;QAErB,aACE,IAAI,eAAA,MAAsB;cACtB,WAAW;gCACQ;gBACjB,aAAa,SAAS,UAAU;;oBAGtC,KAAK;;CAEb;;gBAEgBA;;AAClB;YAlKG,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAe,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,cAAA,KAAA,CAAA;YAMlE,SAAS;CAAE,MAAM;CAAS,WAAW;CAAc,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,aAAA,KAAA,CAAA;YAMlE,SAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,eAAA,WAAA,SAAA,KAAA,CAAA;YAMzB,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,OAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,QAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,UAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,QAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,eAAA,WAAA,SAAA,KAAA,CAAA;6BA/C1CC,cAAc,kBAAwB,CAAA,GAAA,cAAA;AAyKvC,IAAA,uBAAe"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/progress-indicator/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n/\n State of progress step.\n /\nexport enum PROGRESS_STEP_STAT {\n /\n Complete one.\n /\n COMPLETE = 'complete',\n\n /\n One that is being executed now.\n /\n CURRENT = 'current',\n\n /\n One for future execution.\n /\n INCOMPLETE = 'incomplete',\n\n /\n Invalid one.\n */\n INVALID = 'invalid',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,qBAAL,yBAAA,oBAAA;;;;~~AAIL~~,~~oBAAA~~,cAAA;;;;~~AAKA~~,~~oBAAA~~,aAAA;;;;~~AAKA~~,~~oBAAA~~,gBAAA;;;;~~AAKA~~,~~oBAAA~~,aAAA;;~~KACD~~"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/progress-indicator/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\n/\n State of progress step.\n /\nexport enum PROGRESS_STEP_STAT {\n /\n Complete one.\n /\n COMPLETE = 'complete',\n\n /\n One that is being executed now.\n /\n CURRENT = 'current',\n\n /\n One for future execution.\n /\n INCOMPLETE = 'incomplete',\n\n /\n Invalid one.\n */\n INVALID = 'invalid',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,qBAAL,yBAAA,oBAAA;;;;CAIL,mBAAA,cAAA;;;;CAKA,mBAAA,aAAA;;;;CAKA,mBAAA,gBAAA;;;;CAKA,mBAAA,aAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/progress-indicator/progress-indicator-skeleton.js CHANGED Viewed

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { forEach } 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 progress_indicator_default from "./progress-indicator.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/components/progress-indicator/progress-indicator-skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progress-indicator-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-indicator-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skeleton of progress indicator.\n /\n@customElement(`${prefix}-progress-indicator-skeleton`)\nexport default class CDSProgressIndicatorSkeleton extends LitElement {\n /\n `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n /\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as CDSProgressStepSkeleton).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html`<slot></slot>`;\n }\n\n /\n A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step-skeleton`;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBe,IAAA,+BAAA,MAAM,qCAAqC,WAAW;;;kBAKxD;;CAEX,QAAQ,mBAAmB;~~AACzB~~,~~MAAI~~,kBAAkB,IAAI,~~WAAW~~,~~CAEnC~~,~~SACE~~,KAAK,iBACF,KAAK,YAAoD,~~aAC3D~~,~~GACA~~,SAAS;~~AACP~~,~~QAAiC~~,WAAW,KAAK;~~IAErD;;CAIL~~,SAAS;~~AACP~~,~~SAAO~~,IAAI~~;;;;;CAMb~~,WAAW,eAAe;~~AACxB~~,~~SAAO;;;gBAGOA;;;YA5Bf~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,6BAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~2CAL5CC~~,cAAc,~~kCAAwC~~,CAAA,~~EAAA~~,~~6BAAA~~"}
1	+ {"version":3,"file":"progress-indicator-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-indicator-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skeleton of progress indicator.\n /\n@customElement(`${prefix}-progress-indicator-skeleton`)\nexport default class CDSProgressIndicatorSkeleton extends LitElement {\n /\n `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n /\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n updated(changedProperties) {\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicatorSkeleton).selectorStep\n ),\n (item) => {\n (item as CDSProgressStepSkeleton).vertical = this.vertical;\n }\n );\n }\n }\n\n render() {\n return html`<slot></slot>`;\n }\n\n /\n A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step-skeleton`;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBe,IAAA,+BAAA,MAAM,qCAAqC,WAAW;;;kBAKxD;;CAEX,QAAQ,mBAAmB;EACzB,IAAI,kBAAkB,IAAI,UAAU,GAElC,QACE,KAAK,iBACF,KAAK,YAAoD,YAC5D,IACC,SAAS;GACR,KAAkC,WAAW,KAAK;EACpD,CACF;CAEJ;CAEA,SAAS;EACP,OAAO,IAAI;CACb;;;;CAKA,WAAW,eAAe;EACxB,OAAO;CACT;;gBAEgBA;;AAClB;YA7BG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,6BAAA,WAAA,YAAA,KAAA,CAAA;2CAL3CC,cAAc,iCAAuC,CAAA,GAAA,4BAAA"}

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

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { forEach } 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 progress_indicator_default$1 from "./progress-indicator.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"progress-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-indicator.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStep from './progress-step';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Progress indicator.\n \n @element cds-progress-indicator\n /\n@customElement(`${prefix}-progress-indicator`)\nexport default class CDSProgressIndicator extends LitElement {\n /\n Determines whether or not the progress indicator should be rendered\n * vertically.\n /\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n /\n Specify whether the progress steps should be split equally in size in the\n * container (horizontal only).\n /\n @property({ type: Boolean, reflect: true, attribute: 'space-equally' })\n spaceEqually = false;\n\n /\n Optionally specify the current step array index.\n /\n @property({ type: Number, attribute: 'current-index' })\n currentIndex = 0;\n\n /\n React-like property handler (NOT an attribute).\n * If set to a function, steps become clickable and this handler will be called\n * with a CustomEvent whose detail is `{ index: number }`.\n /\n @property({ attribute: false })\n onChange?: (e: CustomEvent<{ index: number }>) => void;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n\n // Listen for internal step click events\n this.addEventListener(\n `${prefix}-progress-step-click`,\n this._handleStepClick as EventListener\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\n `${prefix}-progress-step-click`,\n this._handleStepClick as EventListener\n );\n super.disconnectedCallback();\n }\n\n private _handleStepClick = (evt: Event) => {\n // Steps are clickable only if onChange is a function\n const clickable = typeof this.onChange === 'function';\n if (!clickable) return;\n\n const steps = Array.from(\n this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n )\n );\n\n const targetStep = (\n evt.composedPath\n ? (evt.composedPath()[0] as Element)\n : (evt.target as Element)\n )?.closest(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n ) as Element \| null;\n\n if (!targetStep) return;\n\n const index = steps.indexOf(targetStep);\n if (index < 0) return;\n\n const detail = { index };\n\n // Standard DOM event\n const changeEvt = new CustomEvent('change', {\n bubbles: true,\n composed: true,\n detail,\n });\n this.dispatchEvent(changeEvt);\n\n // Alias event name for convenience (@onChange in Lit or addEventListener('onChange', ...))\n this.dispatchEvent(\n new CustomEvent('onChange', { bubbles: true, composed: true, detail })\n );\n\n if (typeof this.onChange === 'function') {\n this.onChange(changeEvt as CustomEvent<{ index: number }>);\n }\n };\n\n updated(changedProperties) {\n const spacingValue = this.vertical ? false : this.spaceEqually;\n const clickable = typeof this.onChange === 'function';\n\n const steps = this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n );\n\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(steps, (item) => {\n (item as CDSProgressStep).vertical = this.vertical;\n (item as CDSProgressStep).spaceEqually = spacingValue;\n (item as CDSProgressStep).clickable = clickable;\n });\n }\n\n if (changedProperties.has('spaceEqually')) {\n // Propagate `spaceEqually` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(steps, (item) => {\n (item as CDSProgressStep).spaceEqually = spacingValue;\n });\n }\n\n if (changedProperties.has('onChange')) {\n // Propagate `onChange` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(steps, (item) => {\n (item as CDSProgressStep).clickable = clickable;\n });\n }\n\n if (changedProperties.has('currentIndex')) {\n steps.forEach((step, index) => {\n const progressStep = step as CDSProgressStep;\n\n if (progressStep.hasExplicitState) {\n return;\n }\n progressStep.complete = false;\n progressStep.current = false;\n\n if (index < this.currentIndex) {\n progressStep.complete = true;\n } else if (index === this.currentIndex) {\n progressStep.current = true;\n }\n });\n }\n }\n\n render() {\n return html`<slot></slot>`;\n }\n\n /\n A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step`;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBe,IAAA,uBAAA,MAAM,6BAA6B,WAAW;;;kBAMhD;sBAOI;sBAMA;2BA+Ba,QAAe;~~AAGzC~~,~~OAAI~~,EADc,OAAO,KAAK,aAAa,~~YAC3B~~;GAEhB,MAAM,QAAQ,MAAM,KAClB,KAAK,iBACF,KAAK,YAA4C,~~aACnD~~,CACF;~~GAED~~,MAAM,cACJ,IAAI,eACC,IAAI,~~cAAc~~,CAAC,KACnB,IAAI,~~SACR~~,QACA,KAAK,YAA4C,~~aACnD~~;~~AAED~~,~~OAAI~~,CAAC,~~WAAY~~;GAEjB,MAAM,QAAQ,MAAM,QAAQ,~~WAAW~~;~~AACvC~~,~~OAAI~~,QAAQ,~~EAAG~~;GAEf,MAAM,SAAS,EAAE,~~OAAO~~;~~GAGxB~~,MAAM,YAAY,IAAI,YAAY,UAAU;IAC1C,SAAS;IACT,UAAU;IACV;~~IACD~~,CAAC;~~AACF~~,~~QAAK~~,cAAc,~~UAAU~~;~~AAG7B~~,~~QAAK~~,cACH,IAAI,YAAY,YAAY;IAAE,SAAS;IAAM,UAAU;IAAM;~~IAAQ~~,CAAC,CACvE;~~AAED~~,~~OAAI~~,OAAO,KAAK,aAAa,~~WAC3B~~,~~MAAK~~,SAAS,~~UAA4C;;;CA7D9D~~,oBAAoB;~~AAClB~~,~~MAAI~~,CAAC,KAAK,aAAa,~~OAAO~~,~~CAC5B~~,~~MAAK~~,aAAa,QAAQ,~~OAAO~~;~~AAEnC~~,~~QAAM~~,~~mBAAmB~~;~~AAGzB~~,~~OAAK~~,iBACH,2BACA,KAAK,~~iBACN;;CAGH~~,uBAAuB;~~AACrB~~,~~OAAK~~,oBACH,2BACA,KAAK,~~iBACN~~;~~AACD~~,~~QAAM~~,~~sBAAsB;;CA+C9B~~,QAAQ,mBAAmB;EACzB,MAAM,eAAe,KAAK,WAAW,QAAQ,KAAK;EAClD,MAAM,YAAY,OAAO,KAAK,aAAa;EAE3C,MAAM,QAAQ,KAAK,iBAChB,KAAK,YAA4C,~~aACnD~~;~~AAED~~,~~MAAI~~,kBAAkB,IAAI,~~WAAW~~,~~CAGnC~~,~~SAAQ~~,QAAQ,SAAS;~~AACtB~~,~~QAAyB~~,WAAW,KAAK;~~AACzC~~,~~QAAyB~~,eAAe;~~AACxC~~,~~QAAyB~~,YAAY;~~IACtC~~;~~AAGJ~~,~~MAAI~~,kBAAkB,IAAI,~~eAAe~~,~~CAGvC~~,~~SAAQ~~,QAAQ,SAAS;~~AACtB~~,~~QAAyB~~,eAAe;~~IACzC~~;~~AAGJ~~,~~MAAI~~,kBAAkB,IAAI,~~WAAW~~,~~CAGnC~~,~~SAAQ~~,QAAQ,SAAS;~~AACtB~~,~~QAAyB~~,YAAY;~~IACtC~~;~~AAGJ~~,~~MAAI~~,kBAAkB,IAAI,~~eAAe~~,~~CACvC~~,~~OAAM~~,SAAS,MAAM,UAAU;GAC7B,MAAM,eAAe;~~AAErB~~,~~OAAI~~,aAAa,~~iBACf~~;~~AAEF~~,~~gBAAa~~,WAAW;~~AACxB~~,~~gBAAa~~,UAAU;~~AAEvB~~,~~OAAI~~,QAAQ,KAAK,~~aACf~~,~~cAAa~~,WAAW;~~YACf~~,UAAU,KAAK,~~aACxB~~,~~cAAa~~,UAAU;~~IAEzB;;CAIN~~,SAAS;~~AACP~~,~~SAAO~~,IAAI~~;;;;;CAMb~~,WAAW,eAAe;~~AACxB~~,~~SAAO;;;gBAGOA;;;YAzJf~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,qBAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~YAO1C~~,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;~~CAAiB~~,CAAC,CAAA,~~EAAA~~,qBAAA,WAAA,gBAAA,KAAA,~~EAAA~~;~~YAMtE~~,SAAS;CAAE,MAAM;CAAQ,WAAW;~~CAAiB~~,CAAC,CAAA,~~EAAA~~,qBAAA,WAAA,gBAAA,KAAA,~~EAAA~~;~~YAQtD~~,SAAS,EAAE,WAAW,~~OAAO~~,CAAC,CAAA,~~EAAA~~,qBAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~mCA3BhCC~~,cAAc,~~yBAA+B~~,CAAA,~~EAAA~~,~~qBAAA~~"}
1	+ {"version":3,"file":"progress-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-indicator.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStep from './progress-step';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Progress indicator.\n \n @element cds-progress-indicator\n /\n@customElement(`${prefix}-progress-indicator`)\nexport default class CDSProgressIndicator extends LitElement {\n /\n Determines whether or not the progress indicator should be rendered\n * vertically.\n /\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n /\n Specify whether the progress steps should be split equally in size in the\n * container (horizontal only).\n /\n @property({ type: Boolean, reflect: true, attribute: 'space-equally' })\n spaceEqually = false;\n\n /\n Optionally specify the current step array index.\n /\n @property({ type: Number, attribute: 'current-index' })\n currentIndex = 0;\n\n /\n React-like property handler (NOT an attribute).\n * If set to a function, steps become clickable and this handler will be called\n * with a CustomEvent whose detail is `{ index: number }`.\n /\n @property({ attribute: false })\n onChange?: (e: CustomEvent<{ index: number }>) => void;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'list');\n }\n super.connectedCallback();\n\n // Listen for internal step click events\n this.addEventListener(\n `${prefix}-progress-step-click`,\n this._handleStepClick as EventListener\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\n `${prefix}-progress-step-click`,\n this._handleStepClick as EventListener\n );\n super.disconnectedCallback();\n }\n\n private _handleStepClick = (evt: Event) => {\n // Steps are clickable only if onChange is a function\n const clickable = typeof this.onChange === 'function';\n if (!clickable) return;\n\n const steps = Array.from(\n this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n )\n );\n\n const targetStep = (\n evt.composedPath\n ? (evt.composedPath()[0] as Element)\n : (evt.target as Element)\n )?.closest(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n ) as Element \| null;\n\n if (!targetStep) return;\n\n const index = steps.indexOf(targetStep);\n if (index < 0) return;\n\n const detail = { index };\n\n // Standard DOM event\n const changeEvt = new CustomEvent('change', {\n bubbles: true,\n composed: true,\n detail,\n });\n this.dispatchEvent(changeEvt);\n\n // Alias event name for convenience (@onChange in Lit or addEventListener('onChange', ...))\n this.dispatchEvent(\n new CustomEvent('onChange', { bubbles: true, composed: true, detail })\n );\n\n if (typeof this.onChange === 'function') {\n this.onChange(changeEvt as CustomEvent<{ index: number }>);\n }\n };\n\n updated(changedProperties) {\n const spacingValue = this.vertical ? false : this.spaceEqually;\n const clickable = typeof this.onChange === 'function';\n\n const steps = this.querySelectorAll(\n (this.constructor as typeof CDSProgressIndicator).selectorStep\n );\n\n if (changedProperties.has('vertical')) {\n // Propagate `vertical` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(steps, (item) => {\n (item as CDSProgressStep).vertical = this.vertical;\n (item as CDSProgressStep).spaceEqually = spacingValue;\n (item as CDSProgressStep).clickable = clickable;\n });\n }\n\n if (changedProperties.has('spaceEqually')) {\n // Propagate `spaceEqually` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(steps, (item) => {\n (item as CDSProgressStep).spaceEqually = spacingValue;\n });\n }\n\n if (changedProperties.has('onChange')) {\n // Propagate `onChange` attribute to descendants until\n // `:host-context()` gets supported in all major browsers\n forEach(steps, (item) => {\n (item as CDSProgressStep).clickable = clickable;\n });\n }\n\n if (changedProperties.has('currentIndex')) {\n steps.forEach((step, index) => {\n const progressStep = step as CDSProgressStep;\n\n if (progressStep.hasExplicitState) {\n return;\n }\n progressStep.complete = false;\n progressStep.current = false;\n\n if (index < this.currentIndex) {\n progressStep.complete = true;\n } else if (index === this.currentIndex) {\n progressStep.current = true;\n }\n });\n }\n }\n\n render() {\n return html`<slot></slot>`;\n }\n\n /\n A selector that will return progress steps.\n */\n static get selectorStep() {\n return `${prefix}-progress-step`;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBe,IAAA,uBAAA,MAAM,6BAA6B,WAAW;;;kBAMhD;sBAOI;sBAMA;2BA+Ba,QAAe;GAGzC,IAAI,EADc,OAAO,KAAK,aAAa,aAC3B;GAEhB,MAAM,QAAQ,MAAM,KAClB,KAAK,iBACF,KAAK,YAA4C,YACpD,CACF;GAEA,MAAM,cACJ,IAAI,eACC,IAAI,aAAa,CAAC,CAAC,KACnB,IAAI,OAAA,EACR,QACA,KAAK,YAA4C,YACpD;GAEA,IAAI,CAAC,YAAY;GAEjB,MAAM,QAAQ,MAAM,QAAQ,UAAU;GACtC,IAAI,QAAQ,GAAG;GAEf,MAAM,SAAS,EAAE,MAAM;GAGvB,MAAM,YAAY,IAAI,YAAY,UAAU;IAC1C,SAAS;IACT,UAAU;IACV;GACF,CAAC;GACD,KAAK,cAAc,SAAS;GAG5B,KAAK,cACH,IAAI,YAAY,YAAY;IAAE,SAAS;IAAM,UAAU;IAAM;GAAO,CAAC,CACvE;GAEA,IAAI,OAAO,KAAK,aAAa,YAC3B,KAAK,SAAS,SAA2C;EAE7D;;CA/DA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,MAAM;EAElC,MAAM,kBAAkB;EAGxB,KAAK,iBACH,2BACA,KAAK,gBACP;CACF;CAEA,uBAAuB;EACrB,KAAK,oBACH,2BACA,KAAK,gBACP;EACA,MAAM,qBAAqB;CAC7B;CA8CA,QAAQ,mBAAmB;EACzB,MAAM,eAAe,KAAK,WAAW,QAAQ,KAAK;EAClD,MAAM,YAAY,OAAO,KAAK,aAAa;EAE3C,MAAM,QAAQ,KAAK,iBAChB,KAAK,YAA4C,YACpD;EAEA,IAAI,kBAAkB,IAAI,UAAU,GAGlC,QAAQ,QAAQ,SAAS;GACvB,KAA0B,WAAW,KAAK;GAC1C,KAA0B,eAAe;GACzC,KAA0B,YAAY;EACxC,CAAC;EAGH,IAAI,kBAAkB,IAAI,cAAc,GAGtC,QAAQ,QAAQ,SAAS;GACvB,KAA0B,eAAe;EAC3C,CAAC;EAGH,IAAI,kBAAkB,IAAI,UAAU,GAGlC,QAAQ,QAAQ,SAAS;GACvB,KAA0B,YAAY;EACxC,CAAC;EAGH,IAAI,kBAAkB,IAAI,cAAc,GACtC,MAAM,SAAS,MAAM,UAAU;GAC7B,MAAM,eAAe;GAErB,IAAI,aAAa,kBACf;GAEF,aAAa,WAAW;GACxB,aAAa,UAAU;GAEvB,IAAI,QAAQ,KAAK,cACf,aAAa,WAAW;QACnB,IAAI,UAAU,KAAK,cACxB,aAAa,UAAU;EAE3B,CAAC;CAEL;CAEA,SAAS;EACP,OAAO,IAAI;CACb;;;;CAKA,WAAW,eAAe;EACxB,OAAO;CACT;;gBAEgBA;;AAClB;YA1JG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,YAAA,KAAA,CAAA;YAOzC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAgB,CAAC,CAAA,GAAA,qBAAA,WAAA,gBAAA,KAAA,CAAA;YAMrE,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAgB,CAAC,CAAA,GAAA,qBAAA,WAAA,gBAAA,KAAA,CAAA;YAQrD,SAAS,EAAE,WAAW,MAAM,CAAC,CAAA,GAAA,qBAAA,WAAA,YAAA,KAAA,CAAA;mCA3B/BC,cAAc,wBAA8B,CAAA,GAAA,oBAAA"}

package/es/components/progress-indicator/progress-step-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 iconLoader from "../../globals/internal/icon-loader.js";
 import "../skeleton-text/index.js";
 import progress_indicator_default from "./progress-indicator.scss.js";

package/es/components/progress-indicator/progress-step-skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progress-step-skeleton.js","names":["CircleDash","styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-step-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-indicator.scss?lit';\nimport CircleDash from '@carbon/icons/es/circle-dash/16.js';\nimport '../skeleton-text';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/\n Skeleton of progress step.\n /\n@customElement(`${prefix}-progress-step-skeleton`)\nexport default class CDSProgressStepSkeleton extends LitElement {\n /\n `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n render() {\n return html`\n <div\n class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n ${iconLoader(CircleDash)}\n <p class=\"${prefix}--progress-label\">\n <cds-skeleton-text width=\"40px\" linecount=\"1\"></cds-skeleton-text>\n </p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBe,IAAA,0BAAA,MAAM,gCAAgC,WAAW;;;kBAKnD;;CAEX,SAAS;~~AACP~~,~~SAAO~~,IAAI;;uBAES,yBAAA,MAAgC;UAC9C,WAAWA,~~aAAW~~,~~CAAC~~;0BACN;;;6BAGG~~;;;;;gBAKZC~~;;;~~YAhBf~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,wBAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~sCAL5CC~~,cAAc,~~6BAAmC~~,CAAA,~~EAAA~~,~~wBAAA~~"}
1	+ {"version":3,"file":"progress-step-skeleton.js","names":["CircleDash","styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-step-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-indicator.scss?lit';\nimport CircleDash from '@carbon/icons/es/circle-dash/16.js';\nimport '../skeleton-text';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/\n Skeleton of progress step.\n /\n@customElement(`${prefix}-progress-step-skeleton`)\nexport default class CDSProgressStepSkeleton extends LitElement {\n /\n `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n */\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n render() {\n return html`\n <div\n class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n ${iconLoader(CircleDash)}\n <p class=\"${prefix}--progress-label\">\n <cds-skeleton-text width=\"40px\" linecount=\"1\"></cds-skeleton-text>\n </p>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoBe,IAAA,0BAAA,MAAM,gCAAgC,WAAW;;;kBAKnD;;CAEX,SAAS;EACP,OAAO,IAAI;;uBAES,yBAAA,MAAgC;UAC9C,WAAWA,YAAU,EAAE;0BACN;;;6BAGG;;;CAG5B;;gBAEgBC;;AAClB;YAjBG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,wBAAA,WAAA,YAAA,KAAA,CAAA;sCAL3CC,cAAc,4BAAkC,CAAA,GAAA,uBAAA"}

package/es/components/progress-indicator/progress-step.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 progress_indicator_default from "./progress-indicator.scss.js";

package/es/components/progress-indicator/progress-step.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"progress-step.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-step.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport Warning16 from '@carbon/icons/es/warning/16.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { PROGRESS_STEP_STAT };\n\n/\n Icons, keyed by state.\n /\nconst icons = {\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/\n Progress step.\n \n @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n /\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n /\n Internal flags: true if the user explicitly passed these attributes.\n /\n private _explicitComplete = false;\n private _explicitCurrent = false;\n private _explicitState: string \| null = null;\n\n get hasExplicitState() {\n return (\n this._explicitComplete \|\|\n this._explicitCurrent \|\|\n this._explicitState !== null\n );\n }\n\n /\n `true` if the progress step should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The a11y text for the icon.\n /\n @property({ attribute: 'icon-label' })\n iconLabel!: string;\n\n @property({ reflect: true })\n description!: string;\n\n @property()\n label!: string;\n\n /\n The secondary progress label.\n * @deprecated Use `secondaryLabel` instead\n /\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n @property({ attribute: 'secondary-label' })\n secondaryLabel!: string;\n\n /\n `true` if the progress step should grow equally to fill space.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n spaceEqually = false;\n\n /\n The progress state.\n * @deprecated Use `currentIndex` instead\n /\n @property({ reflect: true })\n state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n /\n `true` if the progress step should be vertical.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n /\n Set by the parent indicator. If true, the step is interactive unless it is\n * current or disabled. This mirrors React's \"onChange prop exists\" semantics.\n /\n @property({ type: Boolean })\n clickable = false;\n\n /\n Specify whether the step has been completed\n /\n @property({ type: Boolean, reflect: true })\n complete = false;\n\n /\n Specify whether the step is the current step\n /\n @property({ type: Boolean, reflect: true })\n current = false;\n\n /\n Specify whether the step is invalid\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n // Capture which attributes were explicitly set by the user\n this._explicitComplete = this.hasAttribute('complete');\n this._explicitCurrent = this.hasAttribute('current');\n this._explicitState = this.getAttribute('state');\n\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(this.disabled));\n }\n }\n\n // Fire internal click only when interactive\n private _fireStepClick = () => {\n const isUnclickable =\n this.current \|\|\n this.state === PROGRESS_STEP_STAT.CURRENT \|\|\n this.disabled \|\|\n !this.clickable;\n if (isUnclickable) return;\n\n this.dispatchEvent(\n new CustomEvent(`${prefix}-progress-step-click`, {\n bubbles: true,\n composed: true,\n detail: {},\n })\n );\n };\n\n private _onKeyDown = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter' \|\| ev.key === ' ') {\n ev.preventDefault();\n this._fireStepClick();\n }\n };\n\n private _svgIcon(invalid: boolean, current: boolean, complete: boolean) {\n if (invalid) return PROGRESS_STEP_STAT.INVALID;\n if (current) return PROGRESS_STEP_STAT.CURRENT;\n if (complete) return PROGRESS_STEP_STAT.COMPLETE;\n return false;\n }\n\n render() {\n const {\n description,\n iconLabel,\n label,\n secondaryLabelText,\n secondaryLabel,\n state,\n complete,\n current,\n invalid,\n } = this;\n const svgLabel = iconLabel \|\| description;\n const optionalLabel = secondaryLabel \|\| secondaryLabelText;\n\n // Unclickable if current OR disabled OR no onChange upstream (to match React)\n const isUnclickable =\n current \|\|\n state === PROGRESS_STEP_STAT.CURRENT \|\|\n this.disabled \|\|\n !this.clickable;\n\n return html`\n <div\n class=\"${prefix}--progress-step-button ${isUnclickable\n ? `${prefix}--progress-step-button--unclickable`\n : ''}\"\n tabindex=\"${isUnclickable ? -1 : 0}\"\n @click=${this._fireStepClick}\n @keydown=${this._onKeyDown}\n role=\"button\"\n aria-disabled=\"${String(isUnclickable)}\"\n title=\"${label}\">\n ${iconLoader(\n icons[this._svgIcon(invalid, current, complete) \|\| state],\n {\n class:\n invalid \|\| state === PROGRESS_STEP_STAT.INVALID\n ? `${prefix}--progress__warning`\n : '',\n title: svgLabel,\n }\n )}\n <slot name=\"label-text\">\n <p\n class=\"${prefix}--progress-label\"\n aria-describedby=\"label-tooltip\"\n title=\"${label}\">\n ${label}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!optionalLabel\n ? undefined\n : html`<p class=\"${prefix}--progress-optional\">\n ${optionalLabel}\n </p>`}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,QAAQ;eACmB;iBACE;cACH;cACA;~~CAC/B~~;~~AASc~~,IAAA,kBAAA,MAAM,wBAAwB,WAAW,~~WAAW~~,CAAC;;;2BAItC;0BACD;wBACa;kBAc7B;sBA8BI;;kBAeJ;mBAOC;kBAMD;iBAMD;iBAMA;8BAqBqB;~~AAM7B~~,~~OAJE~~,KAAK,WACL,KAAK,UAAA,aACL,KAAK,YACL,CAAC,KAAK,~~UACW~~;~~AAEnB~~,~~QAAK~~,cACH,IAAI,YAAY,2BAAiC;IAC/C,SAAS;IACT,UAAU;IACV,QAAQ,~~EAAE~~;~~IACX~~,CAAC,CACH~~;;qBAGmB~~,OAAsB;~~AAC1C~~,~~OAAI~~,GAAG,QAAQ,WAAW,GAAG,QAAQ,KAAK;~~AACxC~~,~~OAAG~~,~~gBAAgB~~;~~AACnB~~,~~SAAK~~,~~gBAAgB;;;;CA3HzB~~,IAAI,mBAAmB;~~AACrB~~,~~SACE~~,KAAK,qBACL,KAAK,oBACL,KAAK,mBAAmB~~;;CAgF5B~~,oBAAoB;~~AAClB~~,~~MAAI~~,CAAC,KAAK,aAAa,~~OAAO~~,~~CAC5B~~,~~MAAK~~,aAAa,QAAQ,~~WAAW~~;~~AAGvC~~,~~OAAK~~,oBAAoB,KAAK,aAAa,~~WAAW~~;~~AACtD~~,~~OAAK~~,mBAAmB,KAAK,aAAa,~~UAAU~~;~~AACpD~~,~~OAAK~~,iBAAiB,KAAK,aAAa,~~QAAQ~~;~~AAEhD~~,~~QAAM~~,~~mBAAmB;;CAG3B~~,QAAQ,mBAAmB;~~AACzB~~,~~MAAI~~,kBAAkB,IAAI,~~WAAW~~,~~CACnC~~,~~MAAK~~,aAAa,iBAAiB,OAAO,KAAK,~~SAAS~~,CAAC~~;;CA6B7D~~,SAAiB,SAAkB,SAAkB,UAAmB;~~AACtE~~,~~MAAI~~,~~QAAS~~,~~QAAA~~;~~AACb~~,~~MAAI~~,~~QAAS~~,~~QAAA~~;~~AACb~~,~~MAAI~~,~~SAAU~~,~~QAAA~~;~~AACd~~,~~SAAO;;CAGT~~,SAAS;EACP,MAAM,EACJ,aACA,WACA,OACA,oBACA,gBACA,OACA,UACA,SACA,YACE;EACJ,MAAM,WAAW,aAAa;EAC9B,MAAM,gBAAgB,kBAAkB;EAGxC,MAAM,gBACJ,WACA,UAAA,aACA,KAAK,YACL,CAAC,KAAK;~~AAER~~,~~SAAO~~,IAAI;;uBAES,yBAAyB,gBACrC,2CACA,GAAG;oBACK,gBAAgB,KAAK,EAAE;iBAC1B,KAAK,eAAe;mBAClB,KAAK,WAAW;;yBAEV,OAAO,~~cAAc~~,~~CAAC~~;iBAC9B,MAAM;UACb,WACA,MAAM,KAAK,SAAS,SAAS,SAAS,~~SAAS~~,~~IAAI~~,QACnD;GACE,OACE,WAAW,UAAA,YACP,2BACA;GACN,OAAO;~~GACR~~,CACF,~~CAAC~~;;;2BAGkB;;qBAEP,MAAM;cACb,MAAM;;;;YAIR,CAAC,gBACC,KAAA,IACA,IAAI,aAAA,MAAoB;kBACpB,cAAc;oBACZ;;6BAEU~~;;;;;2BAKD~~;GACzB,GAAG,WAAW;GACd,gBAAgB;~~GACjB~~;;;~~gBACeA;;;YA9Lf~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~YAM1C~~,SAAS,EAAE,WAAW,~~cAAc~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,aAAA,KAAA,~~EAAA~~;~~YAGrC~~,SAAS,EAAE,SAAS,~~MAAM~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,eAAA,KAAA,~~EAAA~~;~~YAG3B~~,~~UAAU~~,CAAA,~~EAAA~~,gBAAA,WAAA,SAAA,KAAA,~~EAAA~~;~~YAOV~~,SAAS,EAAE,WAAW,~~wBAAwB~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,sBAAA,KAAA,~~EAAA~~;~~YAG/C~~,SAAS,EAAE,WAAW,~~mBAAmB~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,kBAAA,KAAA,~~EAAA~~;~~YAQ1C~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,gBAAA,KAAA,~~EAAA~~;~~YAO1C~~,SAAS,EAAE,SAAS,~~MAAM~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,SAAA,KAAA,~~EAAA~~;~~YAQ3B~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~YAO1C~~,SAAS,EAAE,MAAM,~~SAAS~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,aAAA,KAAA,~~EAAA~~;~~YAM3B~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~YAM1C~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,WAAA,KAAA,~~EAAA~~;~~YAM1C~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,gBAAA,WAAA,WAAA,KAAA,~~EAAA~~;~~8BA1F5CC~~,cAAc,~~oBAA0B~~,CAAA,~~EAAA~~,~~gBAAA~~"}
1	+ {"version":3,"file":"progress-step.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-step.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CheckmarkOutline16 from '@carbon/icons/es/checkmark--outline/16.js';\nimport CircleDash16 from '@carbon/icons/es/circle-dash/16.js';\nimport Warning16 from '@carbon/icons/es/warning/16.js';\nimport Incomplete16 from '@carbon/icons/es/incomplete/16.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { PROGRESS_STEP_STAT };\n\n/\n Icons, keyed by state.\n /\nconst icons = {\n [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n [PROGRESS_STEP_STAT.INVALID]: Warning16,\n [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/\n Progress step.\n \n @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n /\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n /\n Internal flags: true if the user explicitly passed these attributes.\n /\n private _explicitComplete = false;\n private _explicitCurrent = false;\n private _explicitState: string \| null = null;\n\n get hasExplicitState() {\n return (\n this._explicitComplete \|\|\n this._explicitCurrent \|\|\n this._explicitState !== null\n );\n }\n\n /\n `true` if the progress step should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The a11y text for the icon.\n /\n @property({ attribute: 'icon-label' })\n iconLabel!: string;\n\n @property({ reflect: true })\n description!: string;\n\n @property()\n label!: string;\n\n /\n The secondary progress label.\n * @deprecated Use `secondaryLabel` instead\n /\n @property({ attribute: 'secondary-label-text' })\n secondaryLabelText!: string;\n\n @property({ attribute: 'secondary-label' })\n secondaryLabel!: string;\n\n /\n `true` if the progress step should grow equally to fill space.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n spaceEqually = false;\n\n /\n The progress state.\n * @deprecated Use `currentIndex` instead\n /\n @property({ reflect: true })\n state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n /\n `true` if the progress step should be vertical.\n \n @private\n /\n @property({ type: Boolean, reflect: true })\n vertical = false;\n\n /\n Set by the parent indicator. If true, the step is interactive unless it is\n * current or disabled. This mirrors React's \"onChange prop exists\" semantics.\n /\n @property({ type: Boolean })\n clickable = false;\n\n /\n Specify whether the step has been completed\n /\n @property({ type: Boolean, reflect: true })\n complete = false;\n\n /\n Specify whether the step is the current step\n /\n @property({ type: Boolean, reflect: true })\n current = false;\n\n /\n Specify whether the step is invalid\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n connectedCallback() {\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n // Capture which attributes were explicitly set by the user\n this._explicitComplete = this.hasAttribute('complete');\n this._explicitCurrent = this.hasAttribute('current');\n this._explicitState = this.getAttribute('state');\n\n super.connectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(this.disabled));\n }\n }\n\n // Fire internal click only when interactive\n private _fireStepClick = () => {\n const isUnclickable =\n this.current \|\|\n this.state === PROGRESS_STEP_STAT.CURRENT \|\|\n this.disabled \|\|\n !this.clickable;\n if (isUnclickable) return;\n\n this.dispatchEvent(\n new CustomEvent(`${prefix}-progress-step-click`, {\n bubbles: true,\n composed: true,\n detail: {},\n })\n );\n };\n\n private _onKeyDown = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter' \|\| ev.key === ' ') {\n ev.preventDefault();\n this._fireStepClick();\n }\n };\n\n private _svgIcon(invalid: boolean, current: boolean, complete: boolean) {\n if (invalid) return PROGRESS_STEP_STAT.INVALID;\n if (current) return PROGRESS_STEP_STAT.CURRENT;\n if (complete) return PROGRESS_STEP_STAT.COMPLETE;\n return false;\n }\n\n render() {\n const {\n description,\n iconLabel,\n label,\n secondaryLabelText,\n secondaryLabel,\n state,\n complete,\n current,\n invalid,\n } = this;\n const svgLabel = iconLabel \|\| description;\n const optionalLabel = secondaryLabel \|\| secondaryLabelText;\n\n // Unclickable if current OR disabled OR no onChange upstream (to match React)\n const isUnclickable =\n current \|\|\n state === PROGRESS_STEP_STAT.CURRENT \|\|\n this.disabled \|\|\n !this.clickable;\n\n return html`\n <div\n class=\"${prefix}--progress-step-button ${isUnclickable\n ? `${prefix}--progress-step-button--unclickable`\n : ''}\"\n tabindex=\"${isUnclickable ? -1 : 0}\"\n @click=${this._fireStepClick}\n @keydown=${this._onKeyDown}\n role=\"button\"\n aria-disabled=\"${String(isUnclickable)}\"\n title=\"${label}\">\n ${iconLoader(\n icons[this._svgIcon(invalid, current, complete) \|\| state],\n {\n class:\n invalid \|\| state === PROGRESS_STEP_STAT.INVALID\n ? `${prefix}--progress__warning`\n : '',\n title: svgLabel,\n }\n )}\n <slot name=\"label-text\">\n <p\n class=\"${prefix}--progress-label\"\n aria-describedby=\"label-tooltip\"\n title=\"${label}\">\n ${label}\n </p>\n </slot>\n <slot name=\"secondary-label-text\">\n ${!optionalLabel\n ? undefined\n : html`<p class=\"${prefix}--progress-optional\">\n ${optionalLabel}\n </p>`}\n </slot>\n <span class=\"${prefix}--progress-line\"></span>\n </div>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/radio-button/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020\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 The label position of radio button.\n /\nexport enum RADIO_BUTTON_LABEL_POSITION {\n /\n Placed at left.\n /\n LEFT = 'left',\n\n /\n Placed at right.\n /\n RIGHT = 'right',\n}\n\n/\n How to lay out radio buttons.\n /\nexport enum RADIO_BUTTON_ORIENTATION {\n /\n Laying out radio buttons horizontally.\n /\n HORIZONTAL = 'horizontal',\n\n /\n Laying out radio buttons vertically.\n */\n VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,8BAAL,yBAAA,6BAAA;;;;~~AAIL~~,~~6BAAA~~,UAAA;;;;~~AAKA~~,~~6BAAA~~,WAAA;;~~KACD~~;;;;~~AAKD~~,IAAY,2BAAL,yBAAA,0BAAA;;;;~~AAIL~~,~~0BAAA~~,gBAAA;;;;~~AAKA~~,~~0BAAA~~,cAAA;;~~KACD~~"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/radio-button/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020\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 The label position of radio button.\n /\nexport enum RADIO_BUTTON_LABEL_POSITION {\n /\n Placed at left.\n /\n LEFT = 'left',\n\n /\n Placed at right.\n /\n RIGHT = 'right',\n}\n\n/\n How to lay out radio buttons.\n /\nexport enum RADIO_BUTTON_ORIENTATION {\n /\n Laying out radio buttons horizontally.\n /\n HORIZONTAL = 'horizontal',\n\n /\n Laying out radio buttons vertically.\n */\n VERTICAL = 'vertical',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,8BAAL,yBAAA,6BAAA;;;;CAIL,4BAAA,UAAA;;;;CAKA,4BAAA,WAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,2BAAL,yBAAA,0BAAA;;;;CAIL,yBAAA,gBAAA;;;;CAKA,yBAAA,cAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/radio-button/radio-button-group.d.ts CHANGED Viewed

@@ -48,6 +48,9 @@ declare class CDSRadioButtonGroup extends CDSRadioButtonGroup_base {
      * `true` if there is an AI Label.
      */
     protected _hasAILabel: boolean;
+    private _helperTextId;
+    private _invalidTextId;
+    private _warnTextId;
     /**
      * The `value` attribute for the `<input>` for selection.
      */

package/es/components/radio-button/radio-button-group.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;~~AAQvC~~,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAQ/E,OAAO,EAAE,wBAAwB,EAAE,CAAC;;;;;;;;;;;;;;;~~uBAJpC~~,~~CAAA~~;;;;;~~AAMA~~;;;;;;;GAOG;AACH,cACM,mBAAoB,SAAQ,wBAAwC;IACxE;;OAEG;IAIH,OAAO,CAAC,6BAA6B,CA8BnC;IAEF,eAAe,CAAC,KAAK,EAAE,aAAa;IAYpC;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAoB7C;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IAEH,eAAe,EAAG,MAAM,CAAC;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IACjB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,OAAO,CAAC,iBAAiB,KAAA;IAiCzB,MAAM;~~IAqEN~~;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC"}
1	+ {"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../src/components/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAQ/E,OAAO,EAAE,wBAAwB,EAAE,CAAC;;;;;;;;;;;;;;;uBALjB,CAAC;;;;;AAOpB;;;;;;;GAOG;AACH,cACM,mBAAoB,SAAQ,wBAAwC;IACxE;;OAEG;IAIH,OAAO,CAAC,6BAA6B,CA8BnC;IAEF,eAAe,CAAC,KAAK,EAAE,aAAa;IAYpC;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAoB7C;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B,OAAO,CAAC,aAAa,CAEP;IAEd,OAAO,CAAC,cAAc,CAER;IAEd,OAAO,CAAC,WAAW,CAEL;IAEd;;OAEG;IAEH,eAAe,EAAG,MAAM,CAAC;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IACjB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,OAAO,CAAC,iBAAiB,KAAA;IAiCzB,MAAM;IAwFN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC"}

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

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { find, forEach } 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 HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
@@ -18,6 +18,7 @@ import radio_button_default from "./radio-button.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 import WarningFilled16 from "@carbon/icons/es/warning--filled/16.js";
 import WarningAltFilled16 from "@carbon/icons/es/warning--alt--filled/16.js";
 //#region src/components/radio-button/radio-button-group.ts
@@ -58,6 +59,9 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 			}
 		};
 		this._hasAILabel = false;
+		this._helperTextId = `cds--radio-button-group-helper-text-${Math.random().toString(16).slice(2)}`;
+		this._invalidTextId = `cds--radio-button-group-invalid-text-${Math.random().toString(16).slice(2)}`;
+		this._warnTextId = `cds--radio-button-group-warn-text-${Math.random().toString(16).slice(2)}`;
 		this.disabled = false;
 		this.labelPosition = "right";
 		this.legendText = "";
@@ -113,10 +117,16 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 	render() {
 		const { readOnly, invalid, invalidText, warn, warnText, disabled, orientation, legendText, helperText, _hasAILabel: hasAILabel, _handleSlotChange: handleSlotChange } = this;
 		const showWarning = !readOnly && !disabled && !invalid && warn;
+		const showInvalid = !readOnly && !disabled && invalid;
 		const showHelper = !invalid && !disabled && !warn;
+		const describedBy = showInvalid ? this._invalidTextId : showWarning ? this._warnTextId : showHelper && helperText ? this._helperTextId : void 0;
 		const invalidIcon = iconLoader(WarningFilled16, { class: `cds--radio-button__invalid-icon` });
 		const warnIcon = iconLoader(WarningAltFilled16, { class: `cds--radio-button__invalid-icon cds--radio-button__invalid-icon--warning` });
-		const helper = helperText ? html`<div class="${"cds"}--form__helper-text">${helperText}</div>` : null;
+		const helper = helperText ? html`<div
+          id="${this._helperTextId}"
+          class="${"cds"}--form__helper-text">
+          ${helperText}
+        </div>` : null;
 		return html` <fieldset
         class="${classMap({
 			[`cds--radio-button-group`]: true,
@@ -127,6 +137,7 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
 			[`cds--radio-button-group--slug`]: hasAILabel
 		})}"
         ?disabled="${disabled}"
+        aria-describedby="${ifDefined(describedBy)}"
         aria-readonly="${readOnly}">
         ${legendText ? html` <legend class="${"cds"}--label">
               ${legendText}
@@ -136,12 +147,18 @@ let CDSRadioButtonGroup = class CDSRadioButtonGroup extends FormMixin(HostListen
         <slot></slot>
       </fieldset>
       <div class="${"cds"}--radio-button__validation-msg">
-        ${!readOnly && !disabled && invalid ? html`
+        ${showInvalid ? html`
               ${invalidIcon}
-              <div class="${"cds"}--form-requirement">${invalidText}</div>
+              <div
+                id="${this._invalidTextId}"
+                class="${"cds"}--form-requirement">
+                ${invalidText}
+              </div>
             ` : null}
         ${showWarning ? html`${warnIcon}
-              <div class="${"cds"}--form-requirement">${warnText}</div>` : null}
+              <div id="${this._warnTextId}" class="${"cds"}--form-requirement">
+                ${warnText}
+              </div>` : null}
       </div>
       ${showHelper ? helper : null}`;
 	}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-button-group.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-group.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport CDSRadioButton from './radio-button';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/\n Radio button group.\n \n @element cds-radio-button-group\n * @fires cds-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n * @fires cds-radio-button-changed\n * The name of the custom event fired after a radio button changes its checked state.\n /\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n /\n Handles user-initiated change in selected radio button.\n /\n @HostListener('eventChangeRadioButton')\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 _handleAfterChangeRadioButton = (event: CustomEvent) => {\n // Bail out early if readOnly\n if (this.readOnly) {\n return;\n }\n\n const { selectorRadioButton } = this\n .constructor as typeof CDSRadioButtonGroup;\n const selected = find(\n this.querySelectorAll(selectorRadioButton),\n (elem) => (elem as CDSRadioButton).checked\n );\n\n const oldValue = this.value;\n this.value = selected && selected.value;\n\n if (oldValue !== this.value) {\n const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n name: this.name,\n event,\n },\n })\n );\n }\n };\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (\n !disabled &&\n typeof name !== 'undefined' &&\n typeof value !== 'undefined'\n ) {\n formData.append(name, value);\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 CDSRadioButtonGroup).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButtonGroup).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n The `value` attribute for the `<input>` for selection.\n /\n @property()\n defaultSelected!: string;\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 The label position.\n /\n @property({ reflect: true, attribute: 'label-position' })\n labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n /\n The label position.\n /\n @property({ reflect: true, attribute: 'legend-text' })\n legendText = '';\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText;\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 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 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 Controls the readonly state of the radio button group.\n /\n @property({ type: Boolean, reflect: true })\n readOnly = false;\n\n /\n `true` to specify if input selection in group is required.\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n /\n The `value` attribute for the `<input>` for selection.\n /\n @property()\n value!: string;\n\n updated(changedProperties) {\n const { selectorRadioButton } = this\n .constructor as typeof CDSRadioButtonGroup;\n [\n 'disabled',\n 'labelPosition',\n 'orientation',\n 'readOnly',\n 'name',\n 'required',\n ].forEach((name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof CDSRadioButtonGroup]: value } = this;\n // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as CDSRadioButton)[name] = value;\n });\n }\n });\n if (changedProperties.has('value')) {\n const { value } = this;\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as CDSRadioButton).checked =\n value === (elem as CDSRadioButton).value;\n });\n }\n if (changedProperties.has('invalid')) {\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as CDSRadioButton).invalid = this.invalid;\n });\n }\n }\n\n render() {\n const {\n readOnly,\n invalid,\n invalidText,\n warn,\n warnText,\n disabled,\n orientation,\n legendText,\n helperText,\n _hasAILabel: hasAILabel,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n const showWarning = !readOnly && !disabled && !invalid && warn;\n const showHelper = !invalid && !disabled && !warn;\n\n const invalidIcon = iconLoader(WarningFilled16, {\n class: `${prefix}--radio-button__invalid-icon`,\n });\n\n const warnIcon = iconLoader(WarningAltFilled16, {\n class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`,\n });\n\n const helper = helperText\n ? html`<div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n : null;\n\n const fieldsetClasses = classMap({\n [`${prefix}--radio-button-group`]: true,\n [`${prefix}--radio-button-group--readonly`]: readOnly,\n [`${prefix}--radio-button-group--${orientation}`]:\n orientation === 'vertical',\n [`${prefix}--radio-button-group--invalid`]:\n !readOnly && !disabled && invalid,\n [`${prefix}--radio-button-group--warning`]: showWarning,\n [`${prefix}--radio-button-group--slug`]: hasAILabel,\n });\n\n return html` <fieldset\n class=\"${fieldsetClasses}\"\n ?disabled=\"${disabled}\"\n aria-readonly=\"${readOnly}\">\n ${legendText\n ? html` <legend class=\"${prefix}--label\">\n ${legendText}\n <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n </legend>`\n : ``}\n <slot></slot>\n </fieldset>\n <div class=\"${prefix}--radio-button__validation-msg\">\n ${!readOnly && !disabled && invalid\n ? html`\n ${invalidIcon}\n <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n `\n : null}\n ${showWarning\n ? html`${warnIcon}\n <div class=\"${prefix}--form-requirement\">${warnText}</div>`\n : null}\n </div>\n ${showHelper ? helper : null}`;\n }\n\n /\n A selector that will return the radio buttons.\n /\n static get selectorRadioButton() {\n return `${prefix}-radio-button`;\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 group changes its selected item.\n /\n static get eventChange() {\n return `${prefix}-radio-button-group-changed`;\n }\n\n /\n The name of the custom event fired after a radio button changes its checked state.\n */\n static get eventChangeRadioButton() {\n return `${prefix}-radio-button-changed`;\n }\n\n static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"],"mappings":"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"}
1	+ {"version":3,"file":"radio-button-group.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-group.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport CDSRadioButton from './radio-button';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/\n Radio button group.\n \n @element cds-radio-button-group\n * @fires cds-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n * @fires cds-radio-button-changed\n * The name of the custom event fired after a radio button changes its checked state.\n /\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n /\n Handles user-initiated change in selected radio button.\n /\n @HostListener('eventChangeRadioButton')\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 _handleAfterChangeRadioButton = (event: CustomEvent) => {\n // Bail out early if readOnly\n if (this.readOnly) {\n return;\n }\n\n const { selectorRadioButton } = this\n .constructor as typeof CDSRadioButtonGroup;\n const selected = find(\n this.querySelectorAll(selectorRadioButton),\n (elem) => (elem as CDSRadioButton).checked\n );\n\n const oldValue = this.value;\n this.value = selected && selected.value;\n\n if (oldValue !== this.value) {\n const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n value: this.value,\n name: this.name,\n event,\n },\n })\n );\n }\n };\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (\n !disabled &&\n typeof name !== 'undefined' &&\n typeof value !== 'undefined'\n ) {\n formData.append(name, value);\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 CDSRadioButtonGroup).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSRadioButtonGroup).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n private _helperTextId = `${prefix}--radio-button-group-helper-text-${Math.random()\n .toString(16)\n .slice(2)}`;\n\n private _invalidTextId = `${prefix}--radio-button-group-invalid-text-${Math.random()\n .toString(16)\n .slice(2)}`;\n\n private _warnTextId = `${prefix}--radio-button-group-warn-text-${Math.random()\n .toString(16)\n .slice(2)}`;\n\n /\n The `value` attribute for the `<input>` for selection.\n /\n @property()\n defaultSelected!: string;\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 The label position.\n /\n @property({ reflect: true, attribute: 'label-position' })\n labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n /\n The label position.\n /\n @property({ reflect: true, attribute: 'legend-text' })\n legendText = '';\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText;\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 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 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 Controls the readonly state of the radio button group.\n /\n @property({ type: Boolean, reflect: true })\n readOnly = false;\n\n /\n `true` to specify if input selection in group is required.\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n /\n The `value` attribute for the `<input>` for selection.\n /\n @property()\n value!: string;\n\n updated(changedProperties) {\n const { selectorRadioButton } = this\n .constructor as typeof CDSRadioButtonGroup;\n [\n 'disabled',\n 'labelPosition',\n 'orientation',\n 'readOnly',\n 'name',\n 'required',\n ].forEach((name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof CDSRadioButtonGroup]: value } = this;\n // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as CDSRadioButton)[name] = value;\n });\n }\n });\n if (changedProperties.has('value')) {\n const { value } = this;\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as CDSRadioButton).checked =\n value === (elem as CDSRadioButton).value;\n });\n }\n if (changedProperties.has('invalid')) {\n forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n (elem as CDSRadioButton).invalid = this.invalid;\n });\n }\n }\n\n render() {\n const {\n readOnly,\n invalid,\n invalidText,\n warn,\n warnText,\n disabled,\n orientation,\n legendText,\n helperText,\n _hasAILabel: hasAILabel,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n const showWarning = !readOnly && !disabled && !invalid && warn;\n const showInvalid = !readOnly && !disabled && invalid;\n const showHelper = !invalid && !disabled && !warn;\n const describedBy = showInvalid\n ? this._invalidTextId\n : showWarning\n ? this._warnTextId\n : showHelper && helperText\n ? this._helperTextId\n : undefined;\n\n const invalidIcon = iconLoader(WarningFilled16, {\n class: `${prefix}--radio-button__invalid-icon`,\n });\n\n const warnIcon = iconLoader(WarningAltFilled16, {\n class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`,\n });\n\n const helper = helperText\n ? html`<div\n id=\"${this._helperTextId}\"\n class=\"${prefix}--form__helper-text\">\n ${helperText}\n </div>`\n : null;\n\n const fieldsetClasses = classMap({\n [`${prefix}--radio-button-group`]: true,\n [`${prefix}--radio-button-group--readonly`]: readOnly,\n [`${prefix}--radio-button-group--${orientation}`]:\n orientation === 'vertical',\n [`${prefix}--radio-button-group--invalid`]:\n !readOnly && !disabled && invalid,\n [`${prefix}--radio-button-group--warning`]: showWarning,\n [`${prefix}--radio-button-group--slug`]: hasAILabel,\n });\n\n return html` <fieldset\n class=\"${fieldsetClasses}\"\n ?disabled=\"${disabled}\"\n aria-describedby=\"${ifDefined(describedBy)}\"\n aria-readonly=\"${readOnly}\">\n ${legendText\n ? html` <legend class=\"${prefix}--label\">\n ${legendText}\n <slot name=\"ai-label\" @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${handleSlotChange}\"></slot>\n </legend>`\n : ``}\n <slot></slot>\n </fieldset>\n <div class=\"${prefix}--radio-button__validation-msg\">\n ${showInvalid\n ? html`\n ${invalidIcon}\n <div\n id=\"${this._invalidTextId}\"\n class=\"${prefix}--form-requirement\">\n ${invalidText}\n </div>\n `\n : null}\n ${showWarning\n ? html`${warnIcon}\n <div id=\"${this._warnTextId}\" class=\"${prefix}--form-requirement\">\n ${warnText}\n </div>`\n : null}\n </div>\n ${showHelper ? helper : null}`;\n }\n\n /\n A selector that will return the radio buttons.\n /\n static get selectorRadioButton() {\n return `${prefix}-radio-button`;\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 group changes its selected item.\n /\n static get eventChange() {\n return `${prefix}-radio-button-group-changed`;\n }\n\n /\n The name of the custom event fired after a radio button changes its checked state.\n */\n static get eventChangeRadioButton() {\n return `${prefix}-radio-button-changed`;\n }\n\n static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"],"mappings":"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"}

package/es/components/radio-button/radio-button-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 radio_button_default from "./radio-button.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/radio-button/radio-button-skeleton.ts

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

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-button-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n render() {\n return html`\n <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,yBAAA,MACM,+BAA+B,WAAW;CAC9C,SAAS;~~AACP~~,~~SAAO~~,IAAI;0BACY,iBAAA,MAAwB;2BACvB,wBAAA,MAA+B~~;;;;gBAIzCA;;;qCATjBC~~,cAAc,~~4BAAkC~~,CAAA,~~EAAA~~,~~uBAAA~~;~~AAYjD~~,IAAA,gCAAe"}
1	+ {"version":3,"file":"radio-button-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/radio-button/radio-button-skeleton.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n render() {\n return html`\n <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n `;\n }\n\n static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeA,IAAA,yBAAA,MACM,+BAA+B,WAAW;CAC9C,SAAS;EACP,OAAO,IAAI;0BACY,iBAAA,MAAwB;2BACvB,wBAAA,MAA+B;;CAEzD;;gBAEgBA;;AAClB;qCAVCC,cAAc,2BAAiC,CAAA,GAAA,sBAAA;AAYhD,IAAA,gCAAe"}

package/es/components/radio-button/radio-button.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 FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";