@carbon/web-components 1.36.1 → 1.37.0

package/es/components/select/select.js

@@ -142,7 +142,9 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
         // Harvests attributes from `<bx-select-item>` and `<bx-select-item-group>`.
         // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:
         // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions
-        return html(_t || (_t = _` ${0} `), filter(element.childNodes, item => item.nodeType === Node.ELEMENT_NODE && item.matches(selectorItem)).map(item => {
+        return html(_t || (_t = _`
+      ${0}
+    `), filter(element.childNodes, item => item.nodeType === Node.ELEMENT_NODE && item.matches(selectorItem)).map(item => {
           const disabled = item.hasAttribute('disabled');
           const label = item.getAttribute('label');
           const selected = item.hasAttribute('selected');
@@ -150,7 +152,23 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
           const {
             textContent
           } = item;
-          return item.matches(selectorLeafItem) ? html(_t2 || (_t2 = _` <option class="${0}--select-option" ?disabled="${0}" label="${0}" ?selected="${0}" value="${0}"> ${0} </option> `), prefix, disabled, ifNonNull(label !== null && label !== void 0 ? label : textContent), selected, ifNonNull(value), textContent) : html(_t3 || (_t3 = _` <optgroup class="${0}--select-optgroup" ?disabled="${0}" label="${0}"> ${0} </optgroup> `), prefix, disabled, ifNonNull(label), this._renderItems(item));
+          return item.matches(selectorLeafItem) ? html(_t2 || (_t2 = _`
+              <option
+                class="${0}--select-option"
+                ?disabled="${0}"
+                label="${0}"
+                ?selected="${0}"
+                value="${0}">
+                ${0}
+              </option>
+            `), prefix, disabled, ifNonNull(label !== null && label !== void 0 ? label : textContent), selected, ifNonNull(value), textContent) : html(_t3 || (_t3 = _`
+              <optgroup
+                class="${0}--select-optgroup"
+                ?disabled="${0}"
+                label="${0}">
+                ${0}
+              </optgroup>
+            `), prefix, disabled, ifNonNull(label), this._renderItems(item));
         }));
       }
     }, {
@@ -499,8 +517,44 @@ let BXSelect = _decorate([customElement(`${prefix}-select`)], function (_initial
           [`${prefix}--form__helper-text`]: true,
           [`${prefix}--form__helper-text--disabled`]: disabled
         });
-        const supplementalText = !invalid ? html(_t4 || (_t4 = _` <div class="${0}"> <slot name="helper-text"> ${0} </slot> </div> `), helperTextClasses, helperText) : html(_t5 || (_t5 = _` <div class="${0}--form-requirement" id="validity-message"> <slot name="validity-message"> ${0} </slot> </div> `), prefix, validityMessage);
-        return html(_t6 || (_t6 = _` <label class="${0}" for="input"> <slot name="label-text"> ${0} </slot> </label> <div class="${0}--select-input__wrapper" ?data-invalid="${0}"> <select id="input" class="${0}" ?disabled="${0}" aria-invalid="${0}" aria-describedby="${0}" @input="${0}"> ${0} ${0} </select> ${0} ${0} </div> ${0} `), labelClasses, labelText, prefix, invalid, inputClasses, disabled, String(Boolean(invalid)), ifDefined(!invalid ? undefined : 'validity-message'), handleInput, !placeholder || value ? undefined : html(_t7 || (_t7 = _` <option disabled="disabled" hidden class="${0}--select-option" value="${0}" selected="selected"> ${0} </option> `), prefix, placeholderItemValue, placeholder), this._renderItems(this), ChevronDown16({
+        const supplementalText = !invalid ? html(_t4 || (_t4 = _`
+          <div class="${0}">
+            <slot name="helper-text"> ${0} </slot>
+          </div>
+        `), helperTextClasses, helperText) : html(_t5 || (_t5 = _`
+          <div class="${0}--form-requirement" id="validity-message">
+            <slot name="validity-message"> ${0} </slot>
+          </div>
+        `), prefix, validityMessage);
+        return html(_t6 || (_t6 = _`
+      <label class="${0}" for="input">
+        <slot name="label-text"> ${0} </slot>
+      </label>
+      <div class="${0}--select-input__wrapper" ?data-invalid="${0}">
+        <select
+          id="input"
+          class="${0}"
+          ?disabled="${0}"
+          aria-invalid="${0}"
+          aria-describedby="${0}"
+          @input="${0}">
+          ${0}
+          ${0}
+        </select>
+        ${0}
+        ${0}
+      </div>
+      ${0}
+    `), labelClasses, labelText, prefix, invalid, inputClasses, disabled, String(Boolean(invalid)), ifDefined(!invalid ? undefined : 'validity-message'), handleInput, !placeholder || value ? undefined : html(_t7 || (_t7 = _`
+                <option
+                  disabled
+                  hidden
+                  class="${0}--select-option"
+                  value="${0}"
+                  selected>
+                  ${0}
+                </option>
+              `), prefix, placeholderItemValue, placeholder), this._renderItems(this), ChevronDown16({
           class: `${prefix}--select__arrow`
         }), !invalid ? undefined : WarningFilled16({
           class: `${prefix}--select__invalid-icon`

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["ifDefined","html","property","query","LitElement","classMap","settings","ChevronDown16","WarningFilled16","FORM_ELEMENT_COLOR_SCHEME","ifNonNull","FormMixin","ValidityMixin","filter","INPUT_SIZE","styles","carbonElement","customElement","SELECT_COLOR_SCHEME","prefix","BXSelect","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","key","value","Math","random","toString","slice","decorators","_handleInput","target","eventSelect","dispatchEvent","CustomEvent","bubbles","composed","detail","requestUpdate","_renderItems","element","selectorItem","selectorLeafItem","_t","_","childNodes","item","nodeType","Node","ELEMENT_NODE","matches","map","disabled","hasAttribute","label","getAttribute","selected","textContent","_t2","_t3","_handleFormdata","event","formData","name","append","length","_selectNode","options","type","Boolean","attribute","reflect","REGULAR","multiple","Number","selectedIndex","createRenderRoot","attachShadow","mode","delegatesFocus","connectedCallback","_get","_getPrototypeOf","prototype","call","_observerMutation","MutationObserver","_handleMutation","observe","attributes","childList","subtree","disconnectedCallback","disconnect","updated","changedProperties","has","_placeholderItemValue","placeholderItemValue","render","helperText","invalid","labelText","placeholder","size","validityMessage","handleInput","inputClasses","labelClasses","helperTextClasses","supplementalText","_t4","_t5","_t6","String","undefined","_t7","class","static"],"sources":["components/select/select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, query, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport { FORM_ELEMENT_COLOR_SCHEME } from '../../globals/shared-enums';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './select.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as SELECT_COLOR_SCHEME } from '../../globals/shared-enums';\n\nconst { prefix } = settings;\n\n/**\n * Select box.\n *\n * @element bx-select\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 BXSelect extends ValidityMixin(FormMixin(LitElement)) {\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   * Handles `oninput` event on the `<input>`.\n   *\n   * @param event The event.\n   */\n  private _handleInput({ target }: Event) {\n    const { value } = target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof BXSelect;\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 `<bx-select-item>` or `<bx-select-item-group>` put in `<bx-select>`, or their changes.\n   * In such event, `<bx-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n   * with `._renderItems()`.\n   * Doing so allows the shadow DOM style of `<bx-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: BXSelect | HTMLOptGroupElement) {\n    const { selectorItem, selectorLeafItem } = this\n      .constructor as typeof BXSelect;\n    // Harvests attributes from `<bx-select-item>` and `<bx-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=\"${ifNonNull(label ?? textContent)}\"\n                ?selected=\"${selected}\"\n                value=\"${ifNonNull(value)}\">\n                ${textContent}\n              </option>\n            `\n          : html`\n              <optgroup\n                class=\"${prefix}--select-optgroup\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label)}\">\n                ${this._renderItems(item)}\n              </optgroup>\n            `;\n      })}\n    `;\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\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   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = FORM_ELEMENT_COLOR_SCHEME.REGULAR;\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   * ID to link the `label` and `select`\n   */\n  @property()\n  id = '';\n\n  /**\n   * Controls the invalid state and visibility of the `validityMessage`\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * `true` to enable multiple selection.\n   */\n  @property({ type: Boolean })\n  // eslint-disable-next-line class-methods-use-this\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.REGULAR;\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the text area.\n   */\n  @property()\n  value = '';\n\n  createRenderRoot() {\n    return this.attachShadow({ mode: 'open', delegatesFocus: true });\n  }\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      this._selectNode.value = !value ? placeholderItemValue : value;\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      placeholder,\n      size,\n      validityMessage,\n      value,\n      _placeholderItemValue: placeholderItemValue,\n      _handleInput: handleInput,\n    } = this;\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`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const supplementalText = !invalid\n      ? html`\n          <div class=\"${helperTextClasses}\">\n            <slot name=\"helper-text\"> ${helperText} </slot>\n          </div>\n        `\n      : html`\n          <div class=\"${prefix}--form-requirement\" id=\"validity-message\">\n            <slot name=\"validity-message\"> ${validityMessage} </slot>\n          </div>\n        `;\n\n    return html`\n      <label class=\"${labelClasses}\" for=\"input\">\n        <slot name=\"label-text\"> ${labelText} </slot>\n      </label>\n      <div class=\"${prefix}--select-input__wrapper\" ?data-invalid=\"${invalid}\">\n        <select\n          id=\"input\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          aria-invalid=\"${String(Boolean(invalid))}\"\n          aria-describedby=\"${ifDefined(\n            !invalid ? undefined : 'validity-message'\n          )}\"\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                  selected>\n                  ${placeholder}\n                </option>\n              `}\n          ${this._renderItems(this)}\n        </select>\n        ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n        ${!invalid\n          ? undefined\n          : WarningFilled16({ class: `${prefix}--select__invalid-icon` })}\n      </div>\n      ${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   * 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 styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXSelect;\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":["ifDefined","html","property","query","LitElement","classMap","settings","ChevronDown16","WarningFilled16","FORM_ELEMENT_COLOR_SCHEME","ifNonNull","FormMixin","ValidityMixin","filter","INPUT_SIZE","styles","carbonElement","customElement","SELECT_COLOR_SCHEME","prefix","BXSelect","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","key","value","Math","random","toString","slice","decorators","_handleInput","target","eventSelect","dispatchEvent","CustomEvent","bubbles","composed","detail","requestUpdate","_renderItems","element","selectorItem","selectorLeafItem","_t","_","childNodes","item","nodeType","Node","ELEMENT_NODE","matches","map","disabled","hasAttribute","label","getAttribute","selected","textContent","_t2","_t3","_handleFormdata","event","formData","name","append","length","_selectNode","options","type","Boolean","attribute","reflect","REGULAR","multiple","Number","selectedIndex","createRenderRoot","attachShadow","mode","delegatesFocus","connectedCallback","_get","_getPrototypeOf","prototype","call","_observerMutation","MutationObserver","_handleMutation","observe","attributes","childList","subtree","disconnectedCallback","disconnect","updated","changedProperties","has","_placeholderItemValue","placeholderItemValue","render","helperText","invalid","labelText","placeholder","size","validityMessage","handleInput","inputClasses","labelClasses","helperTextClasses","supplementalText","_t4","_t5","_t6","String","undefined","_t7","class","static"],"sources":["components/select/select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html, property, query, LitElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport { FORM_ELEMENT_COLOR_SCHEME } from '../../globals/shared-enums';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FormMixin from '../../globals/mixins/form';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../input/input';\nimport styles from './select.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as SELECT_COLOR_SCHEME } from '../../globals/shared-enums';\n\nconst { prefix } = settings;\n\n/**\n * Select box.\n *\n * @element bx-select\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 BXSelect extends ValidityMixin(FormMixin(LitElement)) {\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   * Handles `oninput` event on the `<input>`.\n   *\n   * @param event The event.\n   */\n  private _handleInput({ target }: Event) {\n    const { value } = target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof BXSelect;\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 `<bx-select-item>` or `<bx-select-item-group>` put in `<bx-select>`, or their changes.\n   * In such event, `<bx-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n   * with `._renderItems()`.\n   * Doing so allows the shadow DOM style of `<bx-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: BXSelect | HTMLOptGroupElement) {\n    const { selectorItem, selectorLeafItem } = this\n      .constructor as typeof BXSelect;\n    // Harvests attributes from `<bx-select-item>` and `<bx-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=\"${ifNonNull(label ?? textContent)}\"\n                ?selected=\"${selected}\"\n                value=\"${ifNonNull(value)}\">\n                ${textContent}\n              </option>\n            `\n          : html`\n              <optgroup\n                class=\"${prefix}--select-optgroup\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifNonNull(label)}\">\n                ${this._renderItems(item)}\n              </optgroup>\n            `;\n      })}\n    `;\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\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   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = FORM_ELEMENT_COLOR_SCHEME.REGULAR;\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   * ID to link the `label` and `select`\n   */\n  @property()\n  id = '';\n\n  /**\n   * Controls the invalid state and visibility of the `validityMessage`\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * `true` to enable multiple selection.\n   */\n  @property({ type: Boolean })\n  // eslint-disable-next-line class-methods-use-this\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.REGULAR;\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the text area.\n   */\n  @property()\n  value = '';\n\n  createRenderRoot() {\n    return this.attachShadow({ mode: 'open', delegatesFocus: true });\n  }\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      this._selectNode.value = !value ? placeholderItemValue : value;\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      placeholder,\n      size,\n      validityMessage,\n      value,\n      _placeholderItemValue: placeholderItemValue,\n      _handleInput: handleInput,\n    } = this;\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`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const supplementalText = !invalid\n      ? html`\n          <div class=\"${helperTextClasses}\">\n            <slot name=\"helper-text\"> ${helperText} </slot>\n          </div>\n        `\n      : html`\n          <div class=\"${prefix}--form-requirement\" id=\"validity-message\">\n            <slot name=\"validity-message\"> ${validityMessage} </slot>\n          </div>\n        `;\n\n    return html`\n      <label class=\"${labelClasses}\" for=\"input\">\n        <slot name=\"label-text\"> ${labelText} </slot>\n      </label>\n      <div class=\"${prefix}--select-input__wrapper\" ?data-invalid=\"${invalid}\">\n        <select\n          id=\"input\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          aria-invalid=\"${String(Boolean(invalid))}\"\n          aria-describedby=\"${ifDefined(\n            !invalid ? undefined : 'validity-message'\n          )}\"\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                  selected>\n                  ${placeholder}\n                </option>\n              `}\n          ${this._renderItems(this)}\n        </select>\n        ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n        ${!invalid\n          ? undefined\n          : WarningFilled16({ class: `${prefix}--select__invalid-icon` })}\n      </div>\n      ${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   * 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 styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXSelect;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-placeholder.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXSkeletonPlaceholder","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/skeleton-placeholder/skeleton-placeholder.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './skeleton-placeholder.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton placeholder.\n *\n * @element bx-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass BXSkeletonPlaceholder extends LitElement {\n  render() {\n    return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSkeletonPlaceholder;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iCAA6B;AAChD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,qBAAqB,GAAAC,SAAA,EAD1BH,aAAa,CAAE,GAAEC,MAAO,uBAAsB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAhD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAM/C;EAAC;IAAAI,CAAA,EANKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACzB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA,sDAAgBd,MAAM;MACnC;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALYF,UAAU;AAQ9C,eAAeM,qBAAqB"}
+{"version":3,"file":"skeleton-placeholder.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXSkeletonPlaceholder","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/skeleton-placeholder/skeleton-placeholder.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './skeleton-placeholder.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton placeholder.\n *\n * @element bx-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass BXSkeletonPlaceholder extends LitElement {\n  render() {\n    return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSkeletonPlaceholder;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,iCAA6B;AAChD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,qBAAqB,GAAAC,SAAA,EAD1BH,aAAa,CAAE,GAAEC,MAAO,uBAAsB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAhD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAM/C;EAAC;IAAAI,CAAA,EANKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACzB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC,gBAAa,CAAS,kCAAgC,GAAvCd,MAAM;MACnC;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GALYF,UAAU;AAQ9C,eAAeM,qBAAqB"}

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.js","names":["classMap","html","property","LitElement","settings","SKELETON_TEXT_TYPE","styles","carbonElement","customElement","prefix","BXSkeletonText","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","render","type","classes","HEADING","_t","_","static"],"sources":["components/skeleton-text/skeleton-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SKELETON_TEXT_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Skeleton text.\n *\n * @element bx-skeleton-text\n */\n@customElement(`${prefix}-skeleton-text`)\nclass BXSkeletonText extends LitElement {\n  /**\n   * The type of skeleton text.\n   */\n  @property({ reflect: true })\n  type = SKELETON_TEXT_TYPE.REGULAR;\n\n  render() {\n    const { type } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton__text`]: true,\n      [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n    });\n    return html` <p class=\"${classes}\"></p> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSkeletonText;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,kBAAkB,QAAQ,QAAQ;AAC3C,OAAOC,MAAM,MAAM,0BAAsB;AACzC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,kBAAkB;AAE3B,MAAM;EAAEI;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMM,cAAc,GAAAC,SAAA,EADnBH,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiBxC;EAAC;IAAAI,CAAA,EAjBKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjBjB,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,kBAAkB,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJjC;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,MAAM;UAAEC;QAAK,CAAC,GAAG,IAAI;QACrB,MAAMC,OAAO,GAAG1B,QAAQ,CAAC;UACvB,CAAE,GAAES,MAAO,kBAAiB,GAAG,IAAI;UACnC,CAAE,GAAEA,MAAO,qBAAoB,GAAGgB,IAAI,KAAKpB,kBAAkB,CAACsB;QAChE,CAAC,CAAC;QACF,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAA,2BAAcH,OAAO;MAClC;IAAC;MAAAR,IAAA;MAAAY,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBKH,UAAU;AAmBvC,eAAeO,cAAc"}
+{"version":3,"file":"skeleton-text.js","names":["classMap","html","property","LitElement","settings","SKELETON_TEXT_TYPE","styles","carbonElement","customElement","prefix","BXSkeletonText","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","render","type","classes","HEADING","_t","_","static"],"sources":["components/skeleton-text/skeleton-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SKELETON_TEXT_TYPE };\n\nconst { prefix } = settings;\n\n/**\n * Skeleton text.\n *\n * @element bx-skeleton-text\n */\n@customElement(`${prefix}-skeleton-text`)\nclass BXSkeletonText extends LitElement {\n  /**\n   * The type of skeleton text.\n   */\n  @property({ reflect: true })\n  type = SKELETON_TEXT_TYPE.REGULAR;\n\n  render() {\n    const { type } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton__text`]: true,\n      [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n    });\n    return html` <p class=\"${classes}\"></p> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSkeletonText;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,kBAAkB,QAAQ,QAAQ;AAC3C,OAAOC,MAAM,MAAM,0BAAsB;AACzC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASH,kBAAkB;AAE3B,MAAM;EAAEI;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMM,cAAc,GAAAC,SAAA,EADnBH,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiBxC;EAAC;IAAAI,CAAA,EAjBKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIjBjB,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,kBAAkB,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJjC;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,MAAM;UAAEC;QAAK,CAAC,GAAG,IAAI;QACrB,MAAMC,OAAO,GAAG1B,QAAQ,CAAC;UACvB,CAAE,GAAES,MAAO,kBAAiB,GAAG,IAAI;UACnC,CAAE,GAAEA,MAAO,qBAAoB,GAAGgB,IAAI,KAAKpB,kBAAkB,CAACsB;QAChE,CAAC,CAAC;QACF,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAC,cAAW,CAAU,SAAO,GAAfH,OAAO;MAClC;IAAC;MAAAR,IAAA;MAAAY,MAAA;MAAAT,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBKH,UAAU;AAmBvC,eAAeO,cAAc"}

package/es/components/skip-to-content/skip-to-content.js

@@ -85,7 +85,11 @@ let BXSkipToContent = _decorate([customElement(`${prefix}-skip-to-content`)], fu
         const {
           linkAssisstiveText
         } = this;
-        return html(_t || (_t = _` <a class="${0}--skip-to-content" href="${0}"><slot>${0}</slot></a> `), prefix, ifNonNull(this.href), linkAssisstiveText);
+        return html(_t || (_t = _`
+      <a class="${0}--skip-to-content" href="${0}"
+        ><slot>${0}</slot></a
+      >
+    `), prefix, ifNonNull(this.href), linkAssisstiveText);
       }
     }, {
       kind: "method",

package/es/components/skip-to-content/skip-to-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"skip-to-content.js","names":["html","property","LitElement","settings","ifNonNull","FocusMixin","styles","carbonElement","customElement","prefix","BXSkipToContent","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","attribute","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","linkAssisstiveText","_t","_","href","updated","changedProperties","has","static"],"sources":["components/skip-to-content/skip-to-content.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './skip-to-content.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skip-to-content link.\n *\n * @element bx-skip-to-content\n */\n@customElement(`${prefix}-skip-to-content`)\nclass BXSkipToContent extends FocusMixin(LitElement) {\n  /**\n   * The assistive text for the link,\n   */\n  @property({ attribute: 'link-assistive-text' })\n  linkAssisstiveText = 'Skip to main content';\n\n  /**\n   * The skip link href.\n   */\n  @property()\n  href?: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { linkAssisstiveText } = this;\n    return html`\n      <a class=\"${prefix}--skip-to-content\" href=\"${ifNonNull(this.href)}\"\n        ><slot>${linkAssisstiveText}</slot></a\n      >\n    `;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('linkAssisstiveText')) {\n      const { linkAssisstiveText } = this;\n      this.setAttribute('aria-label', linkAssisstiveText);\n    }\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXSkipToContent;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,4BAAwB;AAC3C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,eAAe,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8CrD;EAAC;IAAAI,CAAA,EA9CKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBlB,QAAQ,CAAC;QAAEmB,SAAS,EAAE;MAAsB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,sBAAsB;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAK1ClB,QAAQ,CAAC,CAAC;MAAAoB,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MATX;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAN,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAU,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CA1BE1B,eAAe,CAAA2B,SAAA,8BAAAC,IAAA;MA2BnB;IAAC;MAAApB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAiB,OAAA,EAAS;QACP,MAAM;UAAEC;QAAmB,CAAC,GAAG,IAAI;QACnC,OAAOxC,IAAI,CAAAyC,EAAA,KAAAA,EAAA,GAAAC,CAAA,yEACGjC,MAAM,EAA4BL,SAAS,CAAC,IAAI,CAACuC,IAAI,CAAC,EACvDH,kBAAkB;MAGjC;IAAC;MAAAtB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAsB,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,oBAAoB,CAAC,EAAE;UAC/C,MAAM;YAAEN;UAAmB,CAAC,GAAG,IAAI;UACnC,IAAI,CAACN,YAAY,CAAC,YAAY,EAAEM,kBAAkB,CAAC;QACrD;MACF;IAAC;MAAAtB,IAAA;MAAA6B,MAAA;MAAA1B,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CMD,UAAU,CAACH,UAAU,CAAC;AAgDpD,eAAeQ,eAAe"}
+{"version":3,"file":"skip-to-content.js","names":["html","property","LitElement","settings","ifNonNull","FocusMixin","styles","carbonElement","customElement","prefix","BXSkipToContent","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","attribute","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","linkAssisstiveText","_t","_","href","updated","changedProperties","has","static"],"sources":["components/skip-to-content/skip-to-content.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './skip-to-content.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skip-to-content link.\n *\n * @element bx-skip-to-content\n */\n@customElement(`${prefix}-skip-to-content`)\nclass BXSkipToContent extends FocusMixin(LitElement) {\n  /**\n   * The assistive text for the link,\n   */\n  @property({ attribute: 'link-assistive-text' })\n  linkAssisstiveText = 'Skip to main content';\n\n  /**\n   * The skip link href.\n   */\n  @property()\n  href?: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { linkAssisstiveText } = this;\n    return html`\n      <a class=\"${prefix}--skip-to-content\" href=\"${ifNonNull(this.href)}\"\n        ><slot>${linkAssisstiveText}</slot></a\n      >\n    `;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('linkAssisstiveText')) {\n      const { linkAssisstiveText } = this;\n      this.setAttribute('aria-label', linkAssisstiveText);\n    }\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXSkipToContent;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,4BAAwB;AAC3C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,eAAe,GAAAC,SAAA,EADpBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,eAAe,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8CrD;EAAC;IAAAI,CAAA,EA9CKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBlB,QAAQ,CAAC;QAAEmB,SAAS,EAAE;MAAsB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC1B,sBAAsB;MAAA;IAAA;MAAAJ,IAAA;MAAAC,UAAA,GAK1ClB,QAAQ,CAAC,CAAC;MAAAoB,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MATX;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAAN,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAU,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC;QACzC;QACAC,IAAA,CAAAC,eAAA,CA1BE1B,eAAe,CAAA2B,SAAA,8BAAAC,IAAA;MA2BnB;IAAC;MAAApB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAiB,OAAA,EAAS;QACP,MAAM;UAAEC;QAAmB,CAAC,GAAG,IAAI;QACnC,OAAOxC,IAAI,CAAAyC,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,kBAAgB,CAAS,4BAAyB,CAAuB;AACzE,iBAAe,CAAqB;AACpC;AACA,KAAI,GAHcjC,MAAM,EAA4BL,SAAS,CAAC,IAAI,CAACuC,IAAI,CAAC,EACvDH,kBAAkB;MAGjC;IAAC;MAAAtB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAsB,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,oBAAoB,CAAC,EAAE;UAC/C,MAAM;YAAEN;UAAmB,CAAC,GAAG,IAAI;UACnC,IAAI,CAACN,YAAY,CAAC,YAAY,EAAEM,kBAAkB,CAAC;QACrD;MACF;IAAC;MAAAtB,IAAA;MAAA6B,MAAA;MAAA1B,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CMD,UAAU,CAACH,UAAU,CAAC;AAgDpD,eAAeQ,eAAe"}

package/es/components/slider/slider-input.js

@@ -260,7 +260,18 @@ let BXSliderInput = _decorate([customElement(`${prefix}-slider-input`)], functio
           [`${prefix}--slider-text-input`]: true,
           [`${prefix}--text-input--${colorScheme}`]: colorScheme
         });
-        return html(_t || (_t = _` <input ?disabled="${0}" type="${0}" class="${0}" max="${0}" min="${0}" step="${0}" .value="${0}" @change="${0}" @input="${0}"> `), disabled, ifNonNull(type), classes, max, min, step, value, handleChange, handleInput);
+        return html(_t || (_t = _`
+      <input
+        ?disabled="${0}"
+        type="${0}"
+        class="${0}"
+        max="${0}"
+        min="${0}"
+        step="${0}"
+        .value="${0}"
+        @change="${0}"
+        @input="${0}" />
+    `), disabled, ifNonNull(type), classes, max, min, step, value, handleChange, handleInput);
       }
 
       /**

package/es/components/slider/slider-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-input.js","names":["classMap","html","property","LitElement","settings","ifNonNull","FocusMixin","SLIDER_INPUT_COLOR_SCHEME","styles","carbonElement","customElement","prefix","BXSliderInput","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleChange","target","dispatchEvent","CustomEvent","eventChange","bubbles","composed","detail","Number","_handleInput","intermediate","decorators","attribute","reflect","REGULAR","type","Boolean","max","_max","toString","oldMax","requestUpdate","min","_min","oldMin","step","_step","oldStep","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","colorScheme","disabled","handleChange","handleInput","classes","_t","_","static","selectorParent"],"sources":["components/slider/slider-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SLIDER_INPUT_COLOR_SCHEME } from './defs';\nimport styles from './slider.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SLIDER_INPUT_COLOR_SCHEME };\n\nconst { prefix } = settings;\n\n/**\n * The `<input>` box for slider.\n *\n * @element bx-slider-input\n * @fires bx-slider-input-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider-input`)\nclass BXSliderInput extends FocusMixin(LitElement) {\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * Handles `change` event to fire a normalized custom event.\n   */\n  private _handleChange({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `input` event to fire a normalized custom event.\n   */\n  private _handleInput({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n          intermediate: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = SLIDER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * The type of the `<input>`.\n   */\n  @property()\n  type = 'number';\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value!: number;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      max,\n      min,\n      step,\n      type,\n      value,\n      _handleChange: handleChange,\n      _handleInput: handleInput,\n    } = this;\n    // NOTE: Our React variant has an option to add `invalid` option here,\n    // but there doesn't seem a corresponding style to the thumb.\n    // Because of that, in addition to the mininum/maximum constraint enforced,\n    // the code here start without `invalid` styling option for now.\n    const classes = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--slider-text-input`]: true,\n      [`${prefix}--text-input--${colorScheme}`]: colorScheme,\n    });\n    return html`\n      <input\n        ?disabled=\"${disabled}\"\n        type=\"${ifNonNull(type)}\"\n        class=\"${classes}\"\n        max=\"${max}\"\n        min=\"${min}\"\n        step=\"${step}\"\n        .value=\"${value}\"\n        @change=\"${handleChange}\"\n        @input=\"${handleInput}\" />\n    `;\n  }\n\n  /**\n   * A selector that will return the parent slider.\n   */\n  static get selectorParent() {\n    return `${prefix}-slider`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSliderInput;\n"],"mappings":"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"}
+{"version":3,"file":"slider-input.js","names":["classMap","html","property","LitElement","settings","ifNonNull","FocusMixin","SLIDER_INPUT_COLOR_SCHEME","styles","carbonElement","customElement","prefix","BXSliderInput","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleChange","target","dispatchEvent","CustomEvent","eventChange","bubbles","composed","detail","Number","_handleInput","intermediate","decorators","attribute","reflect","REGULAR","type","Boolean","max","_max","toString","oldMax","requestUpdate","min","_min","oldMin","step","_step","oldStep","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","colorScheme","disabled","handleChange","handleInput","classes","_t","_","static","selectorParent"],"sources":["components/slider/slider-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SLIDER_INPUT_COLOR_SCHEME } from './defs';\nimport styles from './slider.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SLIDER_INPUT_COLOR_SCHEME };\n\nconst { prefix } = settings;\n\n/**\n * The `<input>` box for slider.\n *\n * @element bx-slider-input\n * @fires bx-slider-input-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider-input`)\nclass BXSliderInput extends FocusMixin(LitElement) {\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * Handles `change` event to fire a normalized custom event.\n   */\n  private _handleChange({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `input` event to fire a normalized custom event.\n   */\n  private _handleInput({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n          intermediate: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = SLIDER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * The type of the `<input>`.\n   */\n  @property()\n  type = 'number';\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value!: number;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      max,\n      min,\n      step,\n      type,\n      value,\n      _handleChange: handleChange,\n      _handleInput: handleInput,\n    } = this;\n    // NOTE: Our React variant has an option to add `invalid` option here,\n    // but there doesn't seem a corresponding style to the thumb.\n    // Because of that, in addition to the mininum/maximum constraint enforced,\n    // the code here start without `invalid` styling option for now.\n    const classes = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--slider-text-input`]: true,\n      [`${prefix}--text-input--${colorScheme}`]: colorScheme,\n    });\n    return html`\n      <input\n        ?disabled=\"${disabled}\"\n        type=\"${ifNonNull(type)}\"\n        class=\"${classes}\"\n        max=\"${max}\"\n        min=\"${min}\"\n        step=\"${step}\"\n        .value=\"${value}\"\n        @change=\"${handleChange}\"\n        @input=\"${handleInput}\" />\n    `;\n  }\n\n  /**\n   * A selector that will return the parent slider.\n   */\n  static get selectorParent() {\n    return `${prefix}-slider`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSliderInput;\n"],"mappings":"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"}

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

@@ -34,7 +34,18 @@ let BXSliderSkeleton = _decorate([customElement(`${prefix}-slider-skeleton`)], f
       kind: "method",
       key: "render",
       value: function render() {
-        return html(_t || (_t = _` <span class="${0}--label ${0}--skeleton"></span> <div class="${0}--slider-container ${0}--skeleton"> <span class="${0}--slider__range-label"></span> <div class="${0}--slider"> <div class="${0}--slider__track"></div> <div class="${0}--slider__filled-track"></div> <div class="${0}--slider__thumb"></div> </div> <span class="${0}--slider__range-label"></span> </div> `), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
+        return html(_t || (_t = _`
+      <span class="${0}--label ${0}--skeleton"></span>
+      <div class="${0}--slider-container ${0}--skeleton">
+        <span class="${0}--slider__range-label"></span>
+        <div class="${0}--slider">
+          <div class="${0}--slider__track"></div>
+          <div class="${0}--slider__filled-track"></div>
+          <div class="${0}--slider__thumb"></div>
+        </div>
+        <span class="${0}--slider__range-label"></span>
+      </div>
+    `), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
       }
     }, {
       kind: "field",

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

@@ -1 +1 @@
-{"version":3,"file":"slider-skeleton.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXSliderSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/slider/slider-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './slider.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of slider.\n */\n@customElement(`${prefix}-slider-skeleton`)\nclass BXSliderSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--slider-container ${prefix}--skeleton\">\n        <span class=\"${prefix}--slider__range-label\"></span>\n        <div class=\"${prefix}--slider\">\n          <div class=\"${prefix}--slider__track\"></div>\n          <div class=\"${prefix}--slider__filled-track\"></div>\n          <div class=\"${prefix}--slider__thumb\"></div>\n        </div>\n        <span class=\"${prefix}--slider__range-label\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSliderSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiB1C;EAAC;IAAAI,CAAA,EAjBKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACpB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAA,mXACMd,MAAM,EAAWA,MAAM,EACxBA,MAAM,EAAsBA,MAAM,EAC/BA,MAAM,EACPA,MAAM,EACJA,MAAM,EACNA,MAAM,EACNA,MAAM,EAEPA,MAAM;MAG3B;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBOF,UAAU;AAmBzC,eAAeM,gBAAgB"}
+{"version":3,"file":"slider-skeleton.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXSliderSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/slider/slider-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './slider.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of slider.\n */\n@customElement(`${prefix}-slider-skeleton`)\nclass BXSliderSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--slider-container ${prefix}--skeleton\">\n        <span class=\"${prefix}--slider__range-label\"></span>\n        <div class=\"${prefix}--slider\">\n          <div class=\"${prefix}--slider__track\"></div>\n          <div class=\"${prefix}--slider__filled-track\"></div>\n          <div class=\"${prefix}--slider__thumb\"></div>\n        </div>\n        <span class=\"${prefix}--slider__range-label\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXSliderSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,mBAAe;AAClC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMK,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA3C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiB1C;EAAC;IAAAI,CAAA,EAjBKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACpB,SAAAC,OAAA,EAAS;QACP,OAAOlB,IAAI,CAAAmB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,qBAAmB,CAAS,WAAQ,CAAS;AAC7C,oBAAkB,CAAS,sBAAmB,CAAS;AACvD,uBAAqB,CAAS;AAC9B,sBAAoB,CAAS;AAC7B,wBAAsB,CAAS;AAC/B,wBAAsB,CAAS;AAC/B,wBAAsB,CAAS;AAC/B;AACA,uBAAqB,CAAS;AAC9B;AACA,KAAI,GAViBd,MAAM,EAAWA,MAAM,EACxBA,MAAM,EAAsBA,MAAM,EAC/BA,MAAM,EACPA,MAAM,EACJA,MAAM,EACNA,MAAM,EACNA,MAAM,EAEPA,MAAM;MAG3B;IAAC;MAAAS,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBOF,UAAU;AAmBzC,eAAeM,gBAAgB"}

package/es/components/slider/slider.js

@@ -624,7 +624,51 @@ let BXSlider = _decorate([customElement(`${prefix}-slider`)], function (_initial
           [`${prefix}--slider`]: true,
           [`${prefix}--slider--disabled`]: disabled
         });
-        return html(_t || (_t = _` <label class="${0}" @click="${0}"> <slot name="label-text">${0}</slot> </label> <div class="${0}--slider-container"> <span class="${0}--slider__range-label"> <slot name="min-text">${0}</slot> </span> <div @keydown="${0}" @click="${0}" @pointerup="${0}" @pointerleave="${0}" class="${0}" role="presentation"> <div id="thumb" class="${0}--slider__thumb" role="slider" tabindex="0" aria-valuemax="${0}" aria-valuemin="${0}" aria-valuenow="${0}" style="left:${0}%" @pointerdown="${0}"></div> <div id="track" class="${0}--slider__track"></div> <div class="${0}-ce--slider__filled-track-container"> <div class="${0}--slider__filled-track" style="transform:translate(0,-50%) scaleX(${0})"></div> </div> <input class="${0}--slider__input" type="hidden" name="${0}" .value="${0}" min="${0}" max="${0}"> </div> <span class="${0}--slider__range-label"> <slot name="max-text">${0}</slot> </span> <slot></slot> </div> `), labelClasses, handleClickLabel, labelText, prefix, prefix, formatMinText({
+        return html(_t || (_t = _`
+      <label class="${0}" @click="${0}">
+        <slot name="label-text">${0}</slot>
+      </label>
+      <div class="${0}--slider-container">
+        <span class="${0}--slider__range-label">
+          <slot name="min-text">${0}</slot>
+        </span>
+        <div
+          @keydown="${0}"
+          @click="${0}"
+          @pointerup="${0}"
+          @pointerleave="${0}"
+          class="${0}"
+          role="presentation">
+          <div
+            id="thumb"
+            class="${0}--slider__thumb"
+            role="slider"
+            tabindex="0"
+            aria-valuemax="${0}"
+            aria-valuemin="${0}"
+            aria-valuenow="${0}"
+            style="left: ${0}%"
+            @pointerdown="${0}"></div>
+          <div id="track" class="${0}--slider__track"></div>
+          <div class="${0}-ce--slider__filled-track-container">
+            <div
+              class="${0}--slider__filled-track"
+              style="transform: translate(0%, -50%) scaleX(${0})"></div>
+          </div>
+          <input
+            class="${0}--slider__input"
+            type="hidden"
+            name="${0}"
+            .value="${0}"
+            min="${0}"
+            max="${0}" />
+        </div>
+        <span class="${0}--slider__range-label">
+          <slot name="max-text">${0}</slot>
+        </span>
+        <slot></slot>
+      </div>
+    `), labelClasses, handleClickLabel, labelText, prefix, prefix, formatMinText({
           min
         }), handleKeydown, handleClick, endDrag, endDrag, sliderClasses, prefix, max, min, value, rate * 100, startDrag, prefix, prefix, prefix, rate, prefix, ifNonEmpty(name), value, ifNonEmpty(min), ifNonEmpty(max), prefix, formatMaxText({
           max