npm - @carbon/web-components - Versions diffs - 2.53.0 → 2.54.0-rc.0 - Mend

@carbon/web-components 2.53.0 → 2.54.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 (463) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/select/select.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query, queryAll } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './select.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Select box.\n \n @element cds-select\n * @fires cds-select-selected\n * The name of the custom event fired after an item is selected.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n The mutation observer DOM mutation.\n /\n private _observerMutation: MutationObserver \| null = null;\n\n /\n The `value` for placeholder `<option>`.\n /\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /\n The select box.\n /\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /\n Select all <option> nodes with `selected` attribute\n /\n @queryAll(`.${prefix}--select-option[selected]`)\n private _selectedOptionNodes!: HTMLOptionElement[];\n\n /\n Specify whether the textarea is fluid or not\n /\n @property({ type: Boolean })\n isFluid = false;\n\n /\n Handles `oninput` event on the `<input>`.\n \n @param event The event.\n * @param event.target The event target.\n /\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /\n Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n /\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /\n @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n /\n private _renderItems(element: CDSSelect \| HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifNonEmpty(label)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /\n Handles `slotchange` event.\n /\n protected _handleAILabelSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n this.setAttribute('slug', `${this._hasAILabel}`);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n\n /\n The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n /\n get length() {\n return this._selectNode.length;\n }\n\n /\n The child `<option>`s.\n /\n get options() {\n return this._selectNode.options;\n }\n\n /\n This form control's type.\n /\n get type() {\n return this._selectNode.type;\n }\n\n /\n Sets the select to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Controls the disabled state of the select\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /\n Specify whether the label should be hidden, or not\n /\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n ID to link the `label` and `select`\n /\n @property()\n id = 'select';\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Message which is displayed if the value is invalid.\n /\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /\n Specify if the currently value is warn.\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Message which is displayed if the value is warn.\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n Specify if you want to disable the default label styling\n /\n @property({ type: Boolean, attribute: 'label-styles-disable' })\n labelStylesDisable = false;\n\n /\n Specify whether you want the inline version of this control\n /\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /\n `true` to enable multiple selection.\n /\n @property({ type: Boolean })\n get multiple() {\n return false;\n }\n\n /\n Name for the select in the `FormData`\n /\n @property()\n name = '';\n\n /\n Pattern to validate the select against for HTML validity checking\n /\n @property()\n pattern = '';\n\n /\n Value to display when the select has an empty `value`\n /\n @property({ reflect: true })\n placeholder = '';\n\n /\n Controls the readonly state of the select\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Boolean property to set the required status\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The special validity message for `required`.\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n The selected index.\n /\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode?.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /\n The input box size.\n /\n @property({ reflect: true })\n size = INPUT_SIZE.MEDIUM;\n\n /\n The value of the text area.\n /\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n\n const lastOption =\n this._selectedOptionNodes?.[this._selectedOptionNodes?.length - 1]?.[\n 'value'\n ];\n\n if (value) {\n this._selectNode.value = value;\n } else if (lastOption) {\n this._selectNode.value = lastOption;\n } else {\n this._selectNode.value = placeholderItemValue;\n }\n }\n\n const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n\n if (label) {\n if ((label as HTMLSlotElement).assignedNodes()?.length) {\n this._selectNode?.classList.add(\n `${prefix}--select-input-has--ai-label`\n );\n }\n\n label?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n );\n } else {\n this.shadowRoot\n ?.querySelector(\"slot[name='slug']\")\n ?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n );\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n id,\n inline,\n invalid,\n invalidText,\n labelStylesDisable,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n _handleAILabelSlotChange: handleAILabelSlotChange,\n } = this;\n\n const normalizedProps: {\n disabled: boolean;\n invalid: boolean;\n warn: boolean;\n } = {\n disabled: !readonly && disabled,\n invalid: !readonly && !disabled && invalid,\n warn: !readonly && !invalid && !disabled && warn,\n };\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: !labelStylesDisable,\n [`${prefix}--label--disabled`]: normalizedProps.disabled,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div id=\"helper-text\" class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n normalizedProps.invalid \|\| normalizedProps.warn\n ? html` <div id=\"error-text\" class=\"${prefix}--form-requirement\">\n ${normalizedProps.invalid ? invalidText : warnText}\n </div>`\n : null;\n\n let describedBy: string \| undefined;\n if (normalizedProps.invalid \|\| normalizedProps.warn) {\n describedBy = 'error-text';\n } else if (helperText) {\n describedBy = 'helper-text';\n }\n\n const input = html`\n <select\n id=\"${id}\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n title=\"${value}\"\n aria-readonly=\"${String(readonly)}\"\n aria-invalid=\"${String(normalizedProps.invalid)}\"\n aria-describedby=\"${ifDefined(describedBy)}\"\n @input=\"${handleInput}\">\n ${!placeholder \|\| value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\">\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${iconLoader(ChevronDown16, {\n class: `${prefix}--select__arrow`,\n 'aria-hidden': 'true',\n })}\n <slot\n name=\"ai-label\"\n style=\"--${prefix}-show-before: ${normalizedProps.warn \|\|\n normalizedProps.invalid\n ? 'block'\n : 'none'}\"\n @slotchange=${handleAILabelSlotChange}></slot>\n <slot name=\"slug\" @slotchange=${handleAILabelSlotChange}></slot>\n ${!normalizedProps.invalid\n ? undefined\n : iconLoader(WarningFilled16, {\n class: `${prefix}--select__invalid-icon`,\n })}\n ${!normalizedProps.invalid && normalizedProps.warn\n ? iconLoader(WarningAltFilled16, {\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=${id}>\n <slot name=\"label-text\">${labelText}</slot>\n </label>\n\n ${inline\n ? html`<div\n class=\"${prefix}--select-input--inline__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n </div>\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n ${this.isFluid\n ? html`\n <hr class=\"${prefix}--select__divider\" />\n ${errorText ? errorText : null}\n `\n : null}\n </div> `}\n ${!this.isFluid && errorText ? errorText : supplementalText}\n `;\n }\n\n /\n A selector selecting child pseudo `<optgroup>`/`<option>`.\n /\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /\n A selector selecting child pseudo `<option>`.\n /\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\n }\n\n /\n A selector that will return the slug item.\n \n remove in v12\n /\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /\n A selector that will return the AI Label item.\n /\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n /\n The name of the custom event fired after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSelect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,IAAA,YAAA,MACM,kBAAkB,UAAU,WAAW,CAAC;;;qBAIpB;2BAK6B;+BAKrB,4BAAkC,KAAK,QAAQ,CAC5E,SAAS,GAAG,CACZ,MAAM,EAAE;iBAkBD;+BA8BsB;AAC9B,QAAK,eAAe;;mBA0GV;kBAMD;oBAME;mBAMD;YAMP;iBAMK;qBAMI;cAMP;kBAMI;mBAMC;4BAMS;gBAMZ;cAcF;iBAMG;qBAMI;kBAMH;kBAMA;iCAMe;;eAyBlB;;;;;;;;CAxQR,aAAqB,EAAE,UAAiB;EACtC,MAAM,EAAE,UAAU;AAClB,OAAK,QAAQ;EACb,MAAM,EAAE,gBAAgB,KAAK;AAC7B,OAAK,cACH,IAAI,YAAY,aAAa;GAC3B,SAAS;GACT,UAAU;GACV,QAAQ,EACN,OACD;GACF,CAAC,CACH;;;;;;CAkBH,aAAqB,SAA0C;EAC7D,MAAM,EAAE,cAAc,qBAAqB,KACxC;AAIH,SAAO,IAAI;QACP,OACA,QAAQ,aACP,SACC,KAAK,aAAa,KAAK,gBACtB,KAAiB,QAAQ,aAAa,CAC1C,CAAC,KAAK,SAAS;GACd,MAAM,WAAW,KAAK,aAAa,WAAW;GAC9C,MAAM,QAAQ,KAAK,aAAa,QAAQ;GACxC,MAAM,WAAW,KAAK,aAAa,WAAW;GAC9C,MAAM,QAAQ,KAAK,aAAa,QAAQ;GACxC,MAAM,EAAE,gBAAgB;AACxB,UAAO,KAAK,QAAQ,iBAAiB,GACjC,IAAI;;+BAEgB;6BACH,SAAS;yBACbA,qBAAW,MAAM,CAAC;6BACd,SAAS;yBACb,UAAU,MAAM,CAAC;kBACxB,YAAY;;gBAGlB,IAAI;;+BAEgB;6BACH,SAAS;yBACb,UAAU,MAAM,CAAC;kBACxB,KAAK,aAAa,KAAK,CAAC;;;IAGlC,CAAC;;;CAIP,gBAAgB,OAAsB;EACpC,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,UAAU,MAAM,UAAU;AAClC,MAAI,CAAC,SACH,UAAS,OAAO,MAAM,MAAM;;;;;CAOhC,yBAAmC,EAAE,UAAiB;EACpD,MAAM,aAAc,OACjB,eAAe,CACf,QAAQ,SACN,KAAqB,YAAY,KAAA,IAC7B,KAAqB,QACnB,KAAK,YAAiC,YACxC,IAEA,KAAqB,QACnB,KAAK,YAAiC,SACxC,GACD,MACL;AAEH,OAAK,cAAc,QAAQ,WAAW;AACtC,OAAK,aAAa,QAAQ,GAAG,KAAK,cAAc;AAC/C,aAAW,GAAmB,aAAa,QAAQ,OAAO;AAC3D,OAAK,eAAe;;;;;;CAOtB,IAAI,SAAS;AACX,SAAO,KAAK,YAAY;;;;;CAM1B,IAAI,UAAU;AACZ,SAAO,KAAK,YAAY;;;;;CAM1B,IAAI,OAAO;AACT,SAAO,KAAK,YAAY;;;;;CA8E1B,IACI,WAAW;AACb,SAAO;;;;;CA0CT,IACI,gBAAgB;AAClB,SAAO,KAAK,aAAa;;CAG3B,IAAI,cAAc,OAAO;AACvB,OAAK,YAAY,gBAAgB;AACjC,OAAK,QAAQ,KAAK,YAAY;;CAehC,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,oBAAoB,IAAI,iBAAiB,KAAK,gBAAgB;AACnE,OAAK,kBAAkB,QAAQ,MAAM;GACnC,YAAY;GACZ,WAAW;GACX,SAAS;GACV,CAAC;;CAGJ,uBAAuB;AACrB,MAAI,KAAK,mBAAmB;AAC1B,QAAK,kBAAkB,YAAY;AACnC,QAAK,oBAAoB;;AAE3B,QAAM,sBAAsB;;CAG9B,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,QAAQ,EAAE;GAClC,MAAM,EAAE,OAAO,uBAAuB,yBAAyB;GAI/D,MAAM,aACJ,KAAK,uBAAuB,KAAK,sBAAsB,SAAS,KAC9D;AAGJ,OAAI,MACF,MAAK,YAAY,QAAQ;YAChB,WACT,MAAK,YAAY,QAAQ;OAEzB,MAAK,YAAY,QAAQ;;EAI7B,MAAM,QAAQ,KAAK,YAAY,cAAc,wBAAwB;AAErE,MAAI,OAAO;AACT,OAAK,MAA0B,eAAe,EAAE,OAC9C,MAAK,aAAa,UAAU,IAC1B,kCACD;AAGH,UAAO,UAAU,OACf,qBACA,KAAK,cAAc,eAAqB,EAAE,aAAa,gBAAgB,CACxE;QAED,MAAK,YACD,cAAc,oBAAoB,EAClC,UAAU,OACV,qBACA,KAAK,cAAc,WAAiB,EAAE,aAAa,gBAAgB,CACpE;;CAIP,SAAS;EACP,MAAM,EACJ,UACA,YACA,WACA,IACA,QACA,SACA,aACA,oBACA,WACA,aACA,UACA,MACA,MACA,UACA,OACA,uBAAuB,sBACvB,cAAc,aACd,0BAA0B,4BACxB;EAEJ,MAAM,kBAIF;GACF,UAAU,CAAC,YAAY;GACvB,SAAS,CAAC,YAAY,CAAC,YAAY;GACnC,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,YAAY;GAC7C;EAED,MAAM,eAAe,SAAS;IAC3B,sBAA4B;IAC5B,sBAA4B,SAAS;GACvC,CAAC;EAEF,MAAM,eAAe,SAAS;IAC3B,eAAqB,CAAC;IACtB,yBAA+B,gBAAgB;IAC/C,yBAA+B;GACjC,CAAC;EAEF,MAAM,oBAAoB,SAAS;IAChC,2BAAiC;IACjC,qCAA2C,gBAAgB;GAC7D,CAAC;EAEF,MAAM,mBAAmB,aACrB,IAAI;yCAC6B,kBAAkB;wCACnB,WAAW;;YAG3C;EAEJ,MAAM,YACJ,gBAAgB,WAAW,gBAAgB,OACvC,IAAI,gCAAA,MAAuC;cACvC,gBAAgB,UAAU,cAAc,SAAS;oBAErD;EAEN,IAAI;AACJ,MAAI,gBAAgB,WAAW,gBAAgB,KAC7C,eAAc;WACL,WACT,eAAc;EAGhB,MAAM,QAAQ,IAAI;;cAER,GAAG;iBACA,aAAa;qBACT,SAAS;iBACb,MAAM;yBACE,OAAO,SAAS,CAAC;wBAClB,OAAO,gBAAgB,QAAQ,CAAC;4BAC5B,UAAU,YAAY,CAAC;kBACjC,YAAY;UACpB,CAAC,eAAe,QACd,KAAA,IACA,IAAI;;;;+BAIgB;yBACP,qBAAqB;kBAC5B,YAAY;;cAEhB;UACJ,KAAK,aAAa,KAAK,CAAC;;QAE1B,WAAW,eAAe;GAC1B,OAAO;GACP,eAAe;GAChB,CAAC,CAAC;;;yBAGiB,gBAAgB,gBAAgB,QAClD,gBAAgB,UACZ,UACA,OAAO;sBACG,wBAAwB;sCACR,wBAAwB;QACtD,CAAC,gBAAgB,UACf,KAAA,IACA,WAAW,iBAAiB,EAC1B,OAAO,6BACR,CAAC,CAAC;QACL,CAAC,gBAAgB,WAAW,gBAAgB,OAC1C,WAAW,oBAAoB,EAC7B,OAAO,gEACR,CAAC,GACF,KAAK;;AAGX,SAAO,IAAI;sBACO,aAAa,QAAQ,GAAG;kCACZ,UAAU;;;QAGpC,SACE,IAAI;2BACc;6BACC,gBAAgB,QAAQ;;6BAEvB;+BACC,gBAAgB,QAAQ;gBACvC,MAAM;;oBAGZ,IAAI;2BACc;6BACC,gBAAgB,QAAQ;cACvC,MAAM;cACN,KAAK,UACH,IAAI;qCACkB;oBAClB,YAAY,YAAY,KAAK;oBAEjC,KAAK;mBACF;QACX,CAAC,KAAK,WAAW,YAAY,YAAY,iBAAiB;;;;;;CAOhE,WAAW,eAAe;AACxB,SAAO;;;;;CAMT,WAAW,mBAAmB;AAC5B,SAAO;;;;;;;CAQT,WAAW,WAAW;AACpB,SAAO;;;;;CAMT,WAAW,cAAc;AACvB,SAAO;;;;;CAMT,WAAW,cAAc;AACvB,SAAO;;;2BAGkB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeC;;;YAxhBf,MAAM,SAAS,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAMf,SAAS,gCAAsC,CAAA,EAAA,UAAA,WAAA,wBAAA,KAAA,EAAA;YAM/C,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,UAAA,WAAA,WAAA,KAAA,EAAA;YAyI3B,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,eAAe,CAAC,CAAA,EAAA,UAAA,WAAA,cAAA,KAAA,EAAA;YAMtC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAc,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAMpD,UAAU,CAAA,EAAA,UAAA,WAAA,MAAA,KAAA,EAAA;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,WAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAMvC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,aAAa,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAMpC,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAMrC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAwB,CAAC,CAAA,EAAA,UAAA,WAAA,sBAAA,KAAA,EAAA;YAM9D,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA;YAQ3B,UAAU,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAMV,UAAU,CAAA,EAAA,UAAA,WAAA,WAAA,KAAA,EAAA;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,eAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,6BAA6B,CAAC,CAAA,EAAA,UAAA,WAAA,2BAAA,KAAA,EAAA;YAMpD,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,UAAA,WAAA,iBAAA,KAAA;YAa1B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,SAAA,KAAA,EAAA;wBAlT7BC,cAAc,aAAmB,CAAA,EAAA,UAAA;AAijBlC,IAAA,iBAAe"}
1	+ {"version":3,"file":"select.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/select/select.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query, queryAll } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './select.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Select box.\n \n @element cds-select\n * @fires cds-select-selected\n * The name of the custom event fired after an item is selected.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /\n `true` if there is an AI Label.\n /\n protected _hasAILabel = false;\n\n /\n The mutation observer DOM mutation.\n /\n private _observerMutation: MutationObserver \| null = null;\n\n /\n The `value` for placeholder `<option>`.\n /\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /\n The select box.\n /\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /\n Select all <option> nodes with `selected` attribute\n /\n @queryAll(`.${prefix}--select-option[selected]`)\n private _selectedOptionNodes!: HTMLOptionElement[];\n\n /\n Specify whether the textarea is fluid or not\n /\n @property({ type: Boolean })\n isFluid = false;\n\n /\n Handles `oninput` event on the `<input>`.\n \n @param event The event.\n * @param event.target The event target.\n /\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /\n Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n /\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /\n @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n /\n private _renderItems(element: CDSSelect \| HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifNonEmpty(label)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /\n Handles `slotchange` event.\n /\n protected _handleAILabelSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).aiLabelItem\n ) \|\|\n // remove reference to slug in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSSelect).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n this.setAttribute('slug', `${this._hasAILabel}`);\n (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n this.requestUpdate();\n }\n\n /\n The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n /\n get length() {\n return this._selectNode.length;\n }\n\n /\n The child `<option>`s.\n /\n get options() {\n return this._selectNode.options;\n }\n\n /\n This form control's type.\n /\n get type() {\n return this._selectNode.type;\n }\n\n /\n Sets the select to be focussed automatically on page load. Defaults to false\n /\n @property({ type: Boolean })\n autofocus = false;\n\n /\n Controls the disabled state of the select\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n The helper text.\n /\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /\n Specify whether the label should be hidden, or not\n /\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n ID to link the `label` and `select`\n /\n @property()\n id = 'select';\n\n /\n Specify if the currently value is invalid.\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Message which is displayed if the value is invalid.\n /\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /\n Specify if the currently value is warn.\n /\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /\n Message which is displayed if the value is warn.\n /\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /\n The label text.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n Specify if you want to disable the default label styling\n /\n @property({ type: Boolean, attribute: 'label-styles-disable' })\n labelStylesDisable = false;\n\n /\n Specify whether you want the inline version of this control\n /\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /\n `true` to enable multiple selection.\n /\n @property({ type: Boolean })\n get multiple() {\n return false;\n }\n\n /\n Name for the select in the `FormData`\n /\n @property()\n name = '';\n\n /\n Pattern to validate the select against for HTML validity checking\n /\n @property()\n pattern = '';\n\n /\n Value to display when the select has an empty `value`\n /\n @property({ reflect: true })\n placeholder = '';\n\n /\n Controls the readonly state of the select\n /\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /\n Boolean property to set the required status\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n The special validity message for `required`.\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n The selected index.\n /\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode?.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /\n The input box size.\n /\n @property({ reflect: true })\n size?: INPUT_SIZE;\n\n /\n The value of the text area.\n /\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n\n const lastOption =\n this._selectedOptionNodes?.[this._selectedOptionNodes?.length - 1]?.[\n 'value'\n ];\n\n if (value) {\n this._selectNode.value = value;\n } else if (lastOption) {\n this._selectNode.value = lastOption;\n } else {\n this._selectNode.value = placeholderItemValue;\n }\n }\n\n const label = this.shadowRoot?.querySelector(\"slot[name='ai-label']\");\n\n if (label) {\n if ((label as HTMLSlotElement).assignedNodes()?.length) {\n this._selectNode?.classList.add(\n `${prefix}--select-input-has--ai-label`\n );\n }\n\n label?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-ai-label`)?.hasAttribute('revert-active')\n );\n } else {\n this.shadowRoot\n ?.querySelector(\"slot[name='slug']\")\n ?.classList.toggle(\n `${prefix}--slug--revert`,\n this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')\n );\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n id,\n inline,\n invalid,\n invalidText,\n labelStylesDisable,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n _handleAILabelSlotChange: handleAILabelSlotChange,\n } = this;\n\n const normalizedProps: {\n disabled: boolean;\n invalid: boolean;\n warn: boolean;\n } = {\n disabled: !readonly && disabled,\n invalid: !readonly && !disabled && invalid,\n warn: !readonly && !invalid && !disabled && warn,\n };\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size !== undefined,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: !labelStylesDisable,\n [`${prefix}--label--disabled`]: normalizedProps.disabled,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div id=\"helper-text\" class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n normalizedProps.invalid \|\| normalizedProps.warn\n ? html` <div id=\"error-text\" class=\"${prefix}--form-requirement\">\n ${normalizedProps.invalid ? invalidText : warnText}\n </div>`\n : null;\n\n let describedBy: string \| undefined;\n if (normalizedProps.invalid \|\| normalizedProps.warn) {\n describedBy = 'error-text';\n } else if (helperText) {\n describedBy = 'helper-text';\n }\n\n const input = html`\n <select\n id=\"${id}\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n title=\"${value}\"\n aria-readonly=\"${String(readonly)}\"\n aria-invalid=\"${String(normalizedProps.invalid)}\"\n aria-describedby=\"${ifDefined(describedBy)}\"\n @input=\"${handleInput}\">\n ${!placeholder \|\| value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\">\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${iconLoader(ChevronDown16, {\n class: `${prefix}--select__arrow`,\n 'aria-hidden': 'true',\n })}\n <slot\n name=\"ai-label\"\n style=\"--${prefix}-show-before: ${normalizedProps.warn \|\|\n normalizedProps.invalid\n ? 'block'\n : 'none'}\"\n @slotchange=${handleAILabelSlotChange}></slot>\n <slot name=\"slug\" @slotchange=${handleAILabelSlotChange}></slot>\n ${!normalizedProps.invalid\n ? undefined\n : iconLoader(WarningFilled16, {\n class: `${prefix}--select__invalid-icon`,\n })}\n ${!normalizedProps.invalid && normalizedProps.warn\n ? iconLoader(WarningAltFilled16, {\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <label class=\"${labelClasses}\" for=${id}>\n <slot name=\"label-text\">${labelText}</slot>\n </label>\n\n ${inline\n ? html`<div\n class=\"${prefix}--select-input--inline__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n </div>\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${normalizedProps.invalid}\">\n ${input}\n ${this.isFluid\n ? html`\n <hr class=\"${prefix}--select__divider\" />\n ${errorText ? errorText : null}\n `\n : null}\n </div> `}\n ${!this.isFluid && errorText ? errorText : supplementalText}\n `;\n }\n\n /\n A selector selecting child pseudo `<optgroup>`/`<option>`.\n /\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /\n A selector selecting child pseudo `<option>`.\n /\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\n }\n\n /\n A selector that will return the slug item.\n \n remove in v12\n /\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /\n A selector that will return the AI Label item.\n /\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n /\n The name of the custom event fired after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSSelect;\n"],"mappings":"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"}

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

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/select/select.scss?lit
-var select_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-select[warn]) .cds--select-input__wrapper~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input--inline__wrapper~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select,:host(cds-select){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--select *,.cds--select :after,.cds--select :before,:host(cds-select) *,:host(cds-select) :after,:host(cds-select) :before{box-sizing:inherit}.cds--select,:host(cds-select){align-items:flex-start;display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:focus{color:var(--cds-text-primary,#161616)}.cds--select-input:disabled,.cds--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select-input--sm{block-size:2rem;max-block-size:2rem}.cds--select-input--lg{block-size:3rem;max-block-size:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input,:host(cds-select[warn]) .cds--select-input{padding-inline-end:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--inline,:host(cds-select[inline]){align-items:center;display:flex;flex-direction:row}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds--select--inline .cds--label,:host(cds-select[inline]) .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input,:host(cds-select[inline]) .cds--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds--select--inline .cds--select-input:hover,:host(cds-select[inline]) .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option,:host(cds-select[inline]) .cds--select-input:focus,:host(cds-select[inline]) .cds--select-input:focus optgroup,:host(cds-select[inline]) .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input:focus optgroup:hover,.cds--select--inline .cds--select-input:focus option:hover,.cds--select--inline .cds--select-input:focus:hover,:host(cds-select[inline]) .cds--select-input:focus optgroup:hover,:host(cds-select[inline]) .cds--select-input:focus option:hover,:host(cds-select[inline]) .cds--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover,:host(cds-select[inline]) .cds--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select__arrow,:host(cds-select[inline]) .cds--select__arrow{inset-inline-end:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input{padding-inline-end:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,.cds--select--inline.cds--select--warning .cds--select-input~.cds--select__invalid-icon--warning,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input~.cds--select__invalid-icon,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input~.cds--select__invalid-icon--warning{inset-inline-end:2rem}.cds--select--inline .cds--select-input:disabled,:host(cds-select[inline]) .cds--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*,:host(cds-select[inline]) .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--readonly.cds--select--inline .cds--select-input:hover{background-color:transparent}.cds--select.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--select.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--select.cds--skeleton{background:CanvasText}.cds--select.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--select.cds--skeleton{block-size:2.5rem;inline-size:100%}.cds--select.cds--skeleton .cds--select-input{display:none}.cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--slug .cds--ai-label,.cds--select--slug .cds--slug,:host(cds-select[slug]) .cds--ai-label,:host(cds-select[slug]) .cds--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:after,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:after,:host(cds-select[slug]) .cds--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--slug:after,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert:before,.cds--select--slug .cds--ai-label--revert:before,.cds--select--slug .cds--slug--revert:before,:host(cds-select[slug]) .cds--ai-label--revert:before,:host(cds-select[slug]) .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert,.cds--select--slug .cds--ai-label--revert,:host(cds-select[slug]) .cds--ai-label--revert{inset-inline-end:2.5625rem}.cds--select--decorator .cds--ai-label--revert:after,.cds--select--slug .cds--ai-label--revert:after,.cds--select--slug .cds--slug--revert:after,:host(cds-select[slug]) .cds--ai-label--revert:after,:host(cds-select[slug]) .cds--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug .cds--select-input:has(~.cds--ai-label),.cds--select--slug .cds--select-input:has(~.cds--slug),:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:4rem}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--ai-label),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--slug),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:6rem}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--select__inner-wrapper--decorator .cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--select-input-has--ai-label,:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator>:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--ai-label:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--slug:before{display:block}.cds--select--decorator .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon,:host(cds-select[slug]) .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon{inset-inline-end:5rem}.cds--select--fluid .cds--select,.cds--select--fluid :host(cds-select){background:var(--cds-field);block-size:100%;position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--select--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--select--fluid .cds--label::-webkit-scrollbar{display:none}.cds--select--fluid .cds--label .cds--toggletip-label,.cds--select--fluid .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--select--fluid .cds--select-input{min-block-size:4rem;outline:none;padding:2rem 2rem .8125rem 1rem;text-overflow:ellipsis}.cds--select--fluid .cds--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds--select--fluid .cds--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper{outline-style:dotted}}.cds--select--fluid .cds--select--invalid .cds--select__divider,.cds--select--fluid .cds--select--warning .cds--select__divider,.cds--select--fluid :host(cds-select[invalid]) .cds--select__divider,.cds--select--fluid :host(cds-select[warn]) .cds--select__divider{border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);margin:0 1rem}.cds--select--fluid .cds--select--warning .cds--select-input,.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input,.cds--select--fluid :host(cds-select[warn]) .cds--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds--select--fluid .cds--select--warning,.cds--select--fluid :host(cds-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds--select--fluid .cds--select-input__wrapper{display:block}.cds--select--fluid .cds--select--warning .cds--select-input:not(:focus),.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--select--fluid :host(cds-select[warn]) .cds--select-input:not(:focus){outline:none}.cds--select--fluid .cds--select--warning .cds--form-requirement,.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement,.cds--select--fluid :host(cds-select[warn]) .cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--select--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds--select--fluid .cds--select--warning .cds--select-input__wrapper:hover+.cds--select__divider,.cds--select--fluid .cds--select-input__wrapper[data-invalid]:hover+.cds--select__divider,.cds--select--fluid :host(cds-select[warn]) .cds--select-input__wrapper:hover+.cds--select__divider{border-color:transparent}.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select--fluid .cds--select--warning .cds--select-input__wrapper .cds--select__invalid-icon,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select--fluid :host(cds-select[warn]) .cds--select-input__wrapper .cds--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper{outline-style:dotted}}.cds--select--fluid .cds--select--fluid--focus .cds--select-input,.cds--select--fluid .cds--select--fluid--focus.cds--select--warning{border-block-end:1px solid transparent}.cds--select--fluid .cds--select--disabled .cds--toggletip-label,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--fluid .cds--select--disabled .cds--toggletip-button,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-button{pointer-events:none}.cds--select--fluid .cds--select--disabled .cds--toggletip-button svg,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-button svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--fluid .cds--select--slug .cds--ai-label,.cds--select--fluid .cds--select--slug .cds--slug,.cds--select--fluid :host(cds-select[slug]) .cds--ai-label,.cds--select--fluid :host(cds-select[slug]) .cds--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds--select--fluid .cds--select--slug .cds--select-input,.cds--select--fluid :host(cds-select[slug]) .cds--select-input{padding-inline-end:4rem}.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label:before,.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,.cds--select--fluid :has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--ai-label:before,.cds--select--fluid :has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--slug:before{display:none}.cds--select--fluid__skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6);position:relative}.cds--select--fluid__skeleton .cds--skeleton{block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.cds--select--fluid__skeleton .cds--label{block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem;padding:0;position:absolute}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-select){outline:none}:host(cds-select) ::slotted(cds-ai-label),:host(cds-select) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-select) ::slotted(cds-ai-label:not([revert-active])),:host(cds-select) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-select) ::slotted(cds-ai-label):after,:host(cds-select) ::slotted(cds-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-select) ::slotted(cds-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 2.25rem 0 1rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-select[invalid]) ::slotted(cds-ai-label),:host(cds-select[invalid]) ::slotted(cds-slug),:host(cds-select[warn]) ::slotted(cds-ai-label),:host(cds-select[warn]) ::slotted(cds-slug){inset-inline-end:3rem}"]);
+var select_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-select[warn]) .cds--select-input__wrapper~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input--inline__wrapper~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--select,:host(cds-select){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--select *,.cds--select :after,.cds--select :before,:host(cds-select) *,:host(cds-select) :after,:host(cds-select) :before{box-sizing:inherit}.cds--select,:host(cds-select){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));align-items:flex-start;display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds--select-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;inline-size:100%;opacity:1;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:focus{color:var(--cds-text-primary,#161616)}.cds--select-input:disabled,.cds--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input,:host(cds-select[warn]) .cds--select-input{padding-inline-end:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--inline,:host(cds-select[inline]){align-items:center;display:flex;flex-direction:row}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds--select--inline .cds--label,:host(cds-select[inline]) .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input,:host(cds-select[inline]) .cds--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds--select--inline .cds--select-input:hover,:host(cds-select[inline]) .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option,:host(cds-select[inline]) .cds--select-input:focus,:host(cds-select[inline]) .cds--select-input:focus optgroup,:host(cds-select[inline]) .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input:focus optgroup:hover,.cds--select--inline .cds--select-input:focus option:hover,.cds--select--inline .cds--select-input:focus:hover,:host(cds-select[inline]) .cds--select-input:focus optgroup:hover,:host(cds-select[inline]) .cds--select-input:focus option:hover,:host(cds-select[inline]) .cds--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover,:host(cds-select[inline]) .cds--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select__arrow,:host(cds-select[inline]) .cds--select__arrow{inset-inline-end:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input{padding-inline-end:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,.cds--select--inline.cds--select--warning .cds--select-input~.cds--select__invalid-icon--warning,:host(cds-select[inline]):host(cds-select[invalid]) .cds--select-input~.cds--select__invalid-icon,:host(cds-select[inline]):host(cds-select[warn]) .cds--select-input~.cds--select__invalid-icon--warning{inset-inline-end:2rem}.cds--select--inline .cds--select-input:disabled,:host(cds-select[inline]) .cds--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*,:host(cds-select[inline]) .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--readonly.cds--select--inline .cds--select-input:hover{background-color:transparent}.cds--select.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--select.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--select.cds--skeleton{background:CanvasText}.cds--select.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--select.cds--skeleton{block-size:2.5rem;inline-size:100%}.cds--select.cds--skeleton .cds--select-input{display:none}.cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--slug .cds--ai-label,.cds--select--slug .cds--slug,:host(cds-select[slug]) .cds--ai-label,:host(cds-select[slug]) .cds--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:after,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:after,:host(cds-select[slug]) .cds--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--slug:after,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert:before,.cds--select--slug .cds--ai-label--revert:before,.cds--select--slug .cds--slug--revert:before,:host(cds-select[slug]) .cds--ai-label--revert:before,:host(cds-select[slug]) .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert,.cds--select--slug .cds--ai-label--revert,:host(cds-select[slug]) .cds--ai-label--revert{inset-inline-end:2.5625rem}.cds--select--decorator .cds--ai-label--revert:after,.cds--select--slug .cds--ai-label--revert:after,.cds--select--slug .cds--slug--revert:after,:host(cds-select[slug]) .cds--ai-label--revert:after,:host(cds-select[slug]) .cds--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds--select--decorator .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon,:host(cds-select[slug]) .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon{inset-inline-end:5rem}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug .cds--select-input:has(~.cds--ai-label),.cds--select--slug .cds--select-input:has(~.cds--slug),:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:4rem}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--ai-label),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--slug),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:6rem}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--select__inner-wrapper--decorator .cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--select-input-has--ai-label,:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator>:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--ai-label:before,:has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--slug:before{display:block}.cds--select--fluid .cds--select,.cds--select--fluid :host(cds-select){background:var(--cds-field);block-size:100%;position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--select--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--select--fluid .cds--label::-webkit-scrollbar{display:none}.cds--select--fluid .cds--label .cds--toggletip-label,.cds--select--fluid .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--select--fluid .cds--select-input{min-block-size:4rem;outline:none;padding:2rem 2rem .8125rem 1rem;text-overflow:ellipsis}.cds--select--fluid .cds--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds--select--fluid .cds--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper{outline-style:dotted}}.cds--select--fluid .cds--select--invalid .cds--select__divider,.cds--select--fluid .cds--select--warning .cds--select__divider,.cds--select--fluid :host(cds-select[invalid]) .cds--select__divider,.cds--select--fluid :host(cds-select[warn]) .cds--select__divider{border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);margin:0 1rem}.cds--select--fluid .cds--select--warning .cds--select-input,.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input,.cds--select--fluid :host(cds-select[warn]) .cds--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds--select--fluid .cds--select--warning,.cds--select--fluid :host(cds-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds--select--fluid .cds--select-input__wrapper{display:block}.cds--select--fluid .cds--select--warning .cds--select-input:not(:focus),.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--select--fluid :host(cds-select[warn]) .cds--select-input:not(:focus){outline:none}.cds--select--fluid .cds--select--warning .cds--form-requirement,.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement,.cds--select--fluid :host(cds-select[warn]) .cds--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--select--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds--select--fluid .cds--select--warning .cds--select-input__wrapper:hover+.cds--select__divider,.cds--select--fluid .cds--select-input__wrapper[data-invalid]:hover+.cds--select__divider,.cds--select--fluid :host(cds-select[warn]) .cds--select-input__wrapper:hover+.cds--select__divider{border-color:transparent}.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select--fluid .cds--select--warning .cds--select-input__wrapper .cds--select__invalid-icon,.cds--select--fluid :host(cds-select[invalid]) .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select--fluid :host(cds-select[warn]) .cds--select-input__wrapper .cds--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper{outline-style:dotted}}.cds--select--fluid .cds--select--fluid--focus .cds--select-input,.cds--select--fluid .cds--select--fluid--focus.cds--select--warning{border-block-end:1px solid transparent}.cds--select--fluid .cds--select--disabled .cds--toggletip-label,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--fluid .cds--select--disabled .cds--toggletip-button,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-button{pointer-events:none}.cds--select--fluid .cds--select--disabled .cds--toggletip-button svg,.cds--select--fluid :host(cds-select[disabled]) .cds--toggletip-button svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--fluid .cds--select--slug .cds--ai-label,.cds--select--fluid .cds--select--slug .cds--slug,.cds--select--fluid :host(cds-select[slug]) .cds--ai-label,.cds--select--fluid :host(cds-select[slug]) .cds--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds--select--fluid .cds--select--slug .cds--select-input,.cds--select--fluid :host(cds-select[slug]) .cds--select-input{padding-inline-end:4rem}.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label:before,.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,.cds--select--fluid :has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--ai-label:before,.cds--select--fluid :has(.cds--select__invalid-icon):host(cds-select[slug]) .cds--slug:before{display:none}.cds--select--fluid__skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6);position:relative}.cds--select--fluid__skeleton .cds--skeleton{block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.cds--select--fluid__skeleton .cds--label{block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem;padding:0;position:absolute}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-select){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;outline:none}:host(cds-select) ::slotted(cds-ai-label),:host(cds-select) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-select) ::slotted(cds-ai-label:not([revert-active])),:host(cds-select) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-select) ::slotted(cds-ai-label):after,:host(cds-select) ::slotted(cds-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-select) ::slotted(cds-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 2.25rem 0 1rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-select[invalid]) ::slotted(cds-ai-label),:host(cds-select[invalid]) ::slotted(cds-slug),:host(cds-select[warn]) ::slotted(cds-ai-label),:host(cds-select[warn]) ::slotted(cds-slug){inset-inline-end:3rem}:host(cds-select[size=xs]){--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-select[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-select[size=md]){--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-select[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-select[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-select[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-select[density=condensed]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}:host(cds-select[density=normal]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}"]);
 //#endregion
 export { select_default as default };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select.scss.js","names":[],"sources":["../../../src/components/select/select.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2020, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/components/select';\n@use '@carbon/styles/scss/colors';\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/components/fluid-select' as ;\n@use '@carbon/styles/scss/utilities/visually-hidden' as ;\n\n$divider-width: 1px;\n\n:host(#{$prefix}-select) {\n @extend .#{$prefix}--select;\n\n outline: none;\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-09;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n\n ::slotted(#{$prefix}-ai-label) {\n &::before,\n &::after {\n position: absolute;\n background-color: $border-subtle-01;\n block-size: to-rem(16px);\n content: '';\n inline-size: to-rem(1px);\n inset-inline-start: calc(#{$spacing-06} - #{$divider-width});\n }\n\n &::before {\n display: var(--#{$prefix}-show-before);\n inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});\n }\n }\n}\n\n:host(#{$prefix}-select[inline]) {\n @extend .#{$prefix}--select--inline;\n}\n\n:host(#{$prefix}-select[disabled]) {\n @extend .#{$prefix}--select--disabled;\n}\n\n:host(#{$prefix}-select[invalid]) {\n @extend .#{$prefix}--select--invalid;\n}\n\n:host(#{$prefix}-select[warn]) {\n @extend .#{$prefix}--select--warning;\n}\n\n:host(#{$prefix}-select[slug]) {\n @extend .#{$prefix}--select--slug;\n}\n\n:host(#{$prefix}-select[readonly]) select {\n pointer-events: none;\n}\n\n:host(#{$prefix}-select[pagination]) {\n .#{$prefix}--label {\n margin: 0;\n }\n\n .#{$prefix}--select-input {\n padding: 0 2.25rem 0 $spacing-05;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n .#{$prefix}--select__arrow {\n inset-block-start: 50%;\n transform: translate(-#{$spacing-03}, -50%);\n }\n}\n\n:host(#{$prefix}-select[pagination][left-select]) {\n .#{$prefix}--select-input {\n border-inline-end: 1px solid $border-subtle;\n }\n}\n\n:host(#{$prefix}-select[warn]),\n:host(#{$prefix}-select[invalid]) {\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n inset-inline-end: $spacing-09;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"select.scss.js","names":[],"sources":["../../../src/components/select/select.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2020, 2024\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/components/select';\n@use '@carbon/styles/scss/colors';\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/components/fluid-select' as ;\n@use '@carbon/styles/scss/utilities/visually-hidden' as ;\n@use '@carbon/styles/scss/layout' as *;\n\n$divider-width: 1px;\n\n:host(#{$prefix}-select) {\n @extend .#{$prefix}--select;\n @include emit-layout-tokens();\n\n outline: none;\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-09;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n\n ::slotted(#{$prefix}-ai-label) {\n &::before,\n &::after {\n position: absolute;\n background-color: $border-subtle-01;\n block-size: to-rem(16px);\n content: '';\n inline-size: to-rem(1px);\n inset-inline-start: calc(#{$spacing-06} - #{$divider-width});\n }\n\n &::before {\n display: var(--#{$prefix}-show-before);\n inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});\n }\n }\n}\n\n:host(#{$prefix}-select[inline]) {\n @extend .#{$prefix}--select--inline;\n}\n\n:host(#{$prefix}-select[disabled]) {\n @extend .#{$prefix}--select--disabled;\n}\n\n:host(#{$prefix}-select[invalid]) {\n @extend .#{$prefix}--select--invalid;\n}\n\n:host(#{$prefix}-select[warn]) {\n @extend .#{$prefix}--select--warning;\n}\n\n:host(#{$prefix}-select[slug]) {\n @extend .#{$prefix}--select--slug;\n}\n\n:host(#{$prefix}-select[readonly]) select {\n pointer-events: none;\n}\n\n:host(#{$prefix}-select[pagination]) {\n .#{$prefix}--label {\n margin: 0;\n }\n\n .#{$prefix}--select-input {\n padding: 0 2.25rem 0 $spacing-05;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n .#{$prefix}--select__arrow {\n inset-block-start: 50%;\n transform: translate(-#{$spacing-03}, -50%);\n }\n}\n\n:host(#{$prefix}-select[pagination][left-select]) {\n .#{$prefix}--select-input {\n border-inline-end: 1px solid $border-subtle;\n }\n}\n\n:host(#{$prefix}-select[warn]),\n:host(#{$prefix}-select[invalid]) {\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n inset-inline-end: $spacing-09;\n }\n}\n\n@include emit-layout-tokens-to-shadow-host('#{$prefix}-select');\n"],"mappings":""}