@carbon/ibmdotcom-web-components 1.30.0-rc.2 → 1.30.0-rc.3

package/es/internal/vendor/@carbon/web-components/components/number-input/number-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/number-input/number-input.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC/B,MAAM,QAAQ,CAAC;AAEhB,OAAO,OAAO,EAAE,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,yBAAyB,EAAE,8BAA8B,EAAE,CAAC;AAIrE;;;;;;;GAOG;AAEH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,OAAO;IAChD;;OAEG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;IAgBnC;;OAEG;IAEH,SAAS,CAAC,4BAA4B,CAAC,CAAC,EAAE,KAAK;IAe/C;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,CAAC,EAAE,KAAK;IAe7C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAG,gBAAgB,CAAC;IAEpC,aAAa;IAUb,mBAAmB,CAAC,KAAK,EAAE,MAAM;IAiBjC,SAAS,CAAC,IAAI,SAAM;IAEpB,SAAS,CAAC,IAAI,SAAM;IAEpB,SAAS,CAAC,KAAK,SAAO;IAEtB;;OAEG;IAEH,WAAW,4BAAqC;IAEhD;;OAEG;IACH,IACI,GAAG,WAEN;IAED,IAAI,GAAG,CAAC,KAAK,QAAA,EAIZ;IAED;;OAEG;IACH,IACI,GAAG,WAEN;IAED,IAAI,GAAG,CAAC,KAAK,QAAA,EAIZ;IAED;;OAEG;IACH,IACI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,KAAK,QAAA,EAIb;IAED;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,4BAA4B,SAA2B;IAEvD;;OAEG;IAEH,4BAA4B,SAA2B;IAEvD;;OAEG;IAEH,IAAI,aAAsB;IAE1B;;;;OAIG;IAEH,kBAAkB,SAAM;IAExB;;;;OAIG;IAEH,kBAAkB,SAAM;IAExB;;OAEG;IACH,MAAM;IAIN;;OAEG;IACH,QAAQ;IAIR,gBAAgB;IAShB,MAAM;IA2HN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB","file":"number-input.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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, query, customElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport CaretUp16 from '@carbon/icons/lib/caret--up/16';\nimport CaretDown16 from '@carbon/icons/lib/caret--down/16';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport {\n  NUMBER_INPUT_COLOR_SCHEME,\n  NUMBER_INPUT_VALIDATION_STATUS,\n} from './defs';\nimport styles from './number-input.scss';\nimport BXInput, { INPUT_SIZE } from '../input/input';\n\nexport { NUMBER_INPUT_COLOR_SCHEME, NUMBER_INPUT_VALIDATION_STATUS };\n\nconst { prefix } = settings;\n\n/**\n * Number input.\n *\n * @element bx-number-input\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}-number-input`)\nexport default class BXNumberInput extends BXInput {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    super._handleInput(event);\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepDown(_: Event) {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepUp(_: Event) {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _testValidity() {\n    if (this._input?.valueAsNumber > Number(this.max)) {\n      return NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM;\n    }\n    if (this._input?.valueAsNumber < Number(this.min)) {\n      return NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM;\n    }\n    return super._testValidity();\n  }\n\n  _getValidityMessage(state: string) {\n    if (\n      Object.values(NUMBER_INPUT_VALIDATION_STATUS).includes(\n        state as NUMBER_INPUT_VALIDATION_STATUS\n      )\n    ) {\n      const stateMessageMap = {\n        [NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM]:\n          this.validityMessageMax,\n        [NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM]:\n          this.validityMessageMin,\n      };\n      return stateMessageMap[state];\n    }\n    return super._getValidityMessage(state);\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = NUMBER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Set to `true` to enable the mobile variant of the number input\n   */\n  @property({ type: Boolean, reflect: true })\n  mobile = false;\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * The validity message shown when the value is greater than the maximum\n   *\n   * Also available via the `validity-message-max` slot\n   */\n  @property({ attribute: 'validity-message-max' })\n  validityMessageMax = '';\n\n  /**\n   * The validity message shown when the value is less than the minimum\n   *\n   * Also available via the `validity-message-min` slot\n   */\n  @property({ attribute: 'validity-message-min' })\n  validityMessageMin = '';\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    this._input.stepUp();\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    this._input.stepDown();\n  }\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      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n    } = this;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--number__invalid`,\n    });\n\n    const validity = this._testValidity();\n\n    const isGenericallyInvalid = () =>\n      this.invalid &&\n      validity !== NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM &&\n      validity !== NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM;\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.colorScheme}`]: this.colorScheme,\n      [`${prefix}--number--mobile`]: this.mobile,\n      [`${prefix}--number--${this.size}`]: this.size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: this.disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: this.disabled,\n    });\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${this.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${CaretUp16()}\n      </button>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${this.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${CaretDown16()}\n      </button>\n    `;\n\n    const input = html`\n      <input\n        ?autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${this.invalid}\"\n        ?disabled=\"${this.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        placeholder=\"${ifNonEmpty(this.placeholder)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${this._value}\"\n        @input=\"${handleInput}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    const defaultLayout = html`\n      ${this.invalid ? invalidIcon : null} ${input}\n      <div class=\"${prefix}--number__controls\">\n        ${incrementButton} ${decrementButton}\n      </div>\n    `;\n\n    const mobileLayout = html` ${decrementButton} ${input} ${incrementButton} `;\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${this.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.labelText} </slot>\n        </label>\n        <div class=\"${prefix}--number__input-wrapper\">\n          ${this.mobile ? mobileLayout : defaultLayout}\n        </div>\n        <div class=\"${helperTextClasses}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${!isGenericallyInvalid()}\">\n          <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${validity !==\n          NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM}\">\n          <slot name=\"validity-message-max\"> ${this.validityMessageMax} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${validity !==\n          NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM}\">\n          <slot name=\"validity-message-min\"> ${this.validityMessageMin} </slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"]}
+{"version":3,"sources":["components/number-input/number-input.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC/B,MAAM,QAAQ,CAAC;AAEhB,OAAO,OAAO,EAAE,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,EAAE,yBAAyB,EAAE,8BAA8B,EAAE,CAAC;AAIrE;;;;;;;GAOG;AAEH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,OAAO;IAChD;;OAEG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;IAgBnC;;OAEG;IAEH,SAAS,CAAC,4BAA4B,CAAC,CAAC,EAAE,KAAK;IAe/C;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,CAAC,EAAE,KAAK;IAe7C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAG,gBAAgB,CAAC;IAEpC,aAAa;IAUb,mBAAmB,CAAC,KAAK,EAAE,MAAM;IAiBjC,SAAS,CAAC,IAAI,SAAM;IAEpB,SAAS,CAAC,IAAI,SAAM;IAEpB,SAAS,CAAC,KAAK,SAAO;IAEtB;;OAEG;IAEH,WAAW,4BAAqC;IAEhD;;OAEG;IACH,IACI,GAAG,WAEN;IAED,IAAI,GAAG,CAAC,KAAK,QAAA,EAIZ;IAED;;OAEG;IACH,IACI,GAAG,WAEN;IAED,IAAI,GAAG,CAAC,KAAK,QAAA,EAIZ;IAED;;OAEG;IACH,IACI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,KAAK,QAAA,EAIb;IAED;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,4BAA4B,SAA2B;IAEvD;;OAEG;IAEH,4BAA4B,SAA2B;IAEvD;;OAEG;IAEH,IAAI,aAAsB;IAE1B;;;;OAIG;IAEH,kBAAkB,SAAM;IAExB;;;;OAIG;IAEH,kBAAkB,SAAM;IAExB;;OAEG;IACH,MAAM;IAIN;;OAEG;IACH,QAAQ;IAIR,gBAAgB;IAShB,MAAM;IA2HN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB","file":"number-input.d.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, property, query } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport CaretUp16 from '@carbon/icons/lib/caret--up/16';\nimport CaretDown16 from '@carbon/icons/lib/caret--down/16';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport {\n  NUMBER_INPUT_COLOR_SCHEME,\n  NUMBER_INPUT_VALIDATION_STATUS,\n} from './defs';\nimport styles from './number-input.scss';\nimport BXInput, { INPUT_SIZE } from '../input/input';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NUMBER_INPUT_COLOR_SCHEME, NUMBER_INPUT_VALIDATION_STATUS };\n\nconst { prefix } = settings;\n\n/**\n * Number input.\n *\n * @element bx-number-input\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}-number-input`)\nexport default class BXNumberInput extends BXInput {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    super._handleInput(event);\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepDown(_: Event) {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepUp(_: Event) {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _testValidity() {\n    if (this._input?.valueAsNumber > Number(this.max)) {\n      return NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM;\n    }\n    if (this._input?.valueAsNumber < Number(this.min)) {\n      return NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM;\n    }\n    return super._testValidity();\n  }\n\n  _getValidityMessage(state: string) {\n    if (\n      Object.values(NUMBER_INPUT_VALIDATION_STATUS).includes(\n        state as NUMBER_INPUT_VALIDATION_STATUS\n      )\n    ) {\n      const stateMessageMap = {\n        [NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM]:\n          this.validityMessageMax,\n        [NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM]:\n          this.validityMessageMin,\n      };\n      return stateMessageMap[state];\n    }\n    return super._getValidityMessage(state);\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = NUMBER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Set to `true` to enable the mobile variant of the number input\n   */\n  @property({ type: Boolean, reflect: true })\n  mobile = false;\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * The validity message shown when the value is greater than the maximum\n   *\n   * Also available via the `validity-message-max` slot\n   */\n  @property({ attribute: 'validity-message-max' })\n  validityMessageMax = '';\n\n  /**\n   * The validity message shown when the value is less than the minimum\n   *\n   * Also available via the `validity-message-min` slot\n   */\n  @property({ attribute: 'validity-message-min' })\n  validityMessageMin = '';\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    this._input.stepUp();\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    this._input.stepDown();\n  }\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      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n    } = this;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--number__invalid`,\n    });\n\n    const validity = this._testValidity();\n\n    const isGenericallyInvalid = () =>\n      this.invalid &&\n      validity !== NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM &&\n      validity !== NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM;\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.colorScheme}`]: this.colorScheme,\n      [`${prefix}--number--mobile`]: this.mobile,\n      [`${prefix}--number--${this.size}`]: this.size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: this.disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: this.disabled,\n    });\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${this.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${CaretUp16()}\n      </button>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${this.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${CaretDown16()}\n      </button>\n    `;\n\n    const input = html`\n      <input\n        ?autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${this.invalid}\"\n        ?disabled=\"${this.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        placeholder=\"${ifNonEmpty(this.placeholder)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${this._value}\"\n        @input=\"${handleInput}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    const defaultLayout = html`\n      ${this.invalid ? invalidIcon : null} ${input}\n      <div class=\"${prefix}--number__controls\">\n        ${incrementButton} ${decrementButton}\n      </div>\n    `;\n\n    const mobileLayout = html` ${decrementButton} ${input} ${incrementButton} `;\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${this.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.labelText} </slot>\n        </label>\n        <div class=\"${prefix}--number__input-wrapper\">\n          ${this.mobile ? mobileLayout : defaultLayout}\n        </div>\n        <div class=\"${helperTextClasses}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${!isGenericallyInvalid()}\">\n          <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${validity !==\n          NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM}\">\n          <slot name=\"validity-message-max\"> ${this.validityMessageMax} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${validity !==\n          NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM}\">\n          <slot name=\"validity-message-min\"> ${this.validityMessageMin} </slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"]}

package/es/internal/vendor/@carbon/web-components/components/number-input/number-input.js

@@ -11,13 +11,13 @@ let _2 = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, property, query, customElement } from 'lit-element';
+import { html, property, query } from 'lit-element';
 import { classMap } from 'lit-html/directives/class-map';
 import settings from 'carbon-components/es/globals/js/settings';
 import WarningFilled16 from "../../icons/warning--filled/16";
@@ -27,6 +27,7 @@ import ifNonEmpty from '../../globals/directives/if-non-empty';
 import { NUMBER_INPUT_COLOR_SCHEME, NUMBER_INPUT_VALIDATION_STATUS } from './defs';
 import styles from "././number-input.css.js";
 import BXInput, { INPUT_SIZE } from '../input/input';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { NUMBER_INPUT_COLOR_SCHEME, NUMBER_INPUT_VALIDATION_STATUS };
 const {
   prefix

package/es/internal/vendor/@carbon/web-components/components/number-input/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","names":["html","property","query","customElement","classMap","settings","WarningFilled16","CaretUp16","CaretDown16","ifNonEmpty","NUMBER_INPUT_COLOR_SCHEME","NUMBER_INPUT_VALIDATION_STATUS","styles","BXInput","INPUT_SIZE","prefix","BXNumberInput","_decorate","_initialize","_BXInput","constructor","args","F","d","kind","key","value","_handleInput","event","target","dispatchEvent","CustomEvent","eventInput","bubbles","composed","cancelable","detail","_get","_getPrototypeOf","prototype","call","_handleUserInitiatedStepDown","_","_input","input","stepDown","_handleUserInitiatedStepUp","stepUp","decorators","_testValidity","_this$_input","_this$_input2","valueAsNumber","Number","max","EXCEEDED_MAXIMUM","min","EXCEEDED_MINIMUM","_getValidityMessage","state","Object","values","includes","stateMessageMap","validityMessageMax","validityMessageMin","attribute","reflect","REGULAR","_min","toString","oldValue","requestUpdate","_max","step","_step","type","Boolean","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","handleInput","handleUserInitiatedStepDown","handleUserInitiatedStepUp","invalidIcon","class","validity","isGenericallyInvalid","invalid","wrapperClasses","colorScheme","mobile","size","labelClasses","disabled","helperTextClasses","incrementButton","_t","_2","incrementButtonAssistiveText","decrementButton","_t2","decrementButtonAssistiveText","_t3","autocomplete","autofocus","name","pattern","placeholder","readonly","required","_value","defaultLayout","_t4","mobileLayout","_t5","_t6","labelText","helperText","validityMessage","static","default"],"sources":["components/number-input/number-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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, query, customElement } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport CaretUp16 from '@carbon/icons/lib/caret--up/16';\nimport CaretDown16 from '@carbon/icons/lib/caret--down/16';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport {\n  NUMBER_INPUT_COLOR_SCHEME,\n  NUMBER_INPUT_VALIDATION_STATUS,\n} from './defs';\nimport styles from './number-input.scss';\nimport BXInput, { INPUT_SIZE } from '../input/input';\n\nexport { NUMBER_INPUT_COLOR_SCHEME, NUMBER_INPUT_VALIDATION_STATUS };\n\nconst { prefix } = settings;\n\n/**\n * Number input.\n *\n * @element bx-number-input\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}-number-input`)\nexport default class BXNumberInput extends BXInput {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    super._handleInput(event);\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepDown(_: Event) {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepUp(_: Event) {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _testValidity() {\n    if (this._input?.valueAsNumber > Number(this.max)) {\n      return NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM;\n    }\n    if (this._input?.valueAsNumber < Number(this.min)) {\n      return NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM;\n    }\n    return super._testValidity();\n  }\n\n  _getValidityMessage(state: string) {\n    if (\n      Object.values(NUMBER_INPUT_VALIDATION_STATUS).includes(\n        state as NUMBER_INPUT_VALIDATION_STATUS\n      )\n    ) {\n      const stateMessageMap = {\n        [NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM]:\n          this.validityMessageMax,\n        [NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM]:\n          this.validityMessageMin,\n      };\n      return stateMessageMap[state];\n    }\n    return super._getValidityMessage(state);\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = NUMBER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Set to `true` to enable the mobile variant of the number input\n   */\n  @property({ type: Boolean, reflect: true })\n  mobile = false;\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * The validity message shown when the value is greater than the maximum\n   *\n   * Also available via the `validity-message-max` slot\n   */\n  @property({ attribute: 'validity-message-max' })\n  validityMessageMax = '';\n\n  /**\n   * The validity message shown when the value is less than the minimum\n   *\n   * Also available via the `validity-message-min` slot\n   */\n  @property({ attribute: 'validity-message-min' })\n  validityMessageMin = '';\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    this._input.stepUp();\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    this._input.stepDown();\n  }\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      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n    } = this;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--number__invalid`,\n    });\n\n    const validity = this._testValidity();\n\n    const isGenericallyInvalid = () =>\n      this.invalid &&\n      validity !== NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM &&\n      validity !== NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM;\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.colorScheme}`]: this.colorScheme,\n      [`${prefix}--number--mobile`]: this.mobile,\n      [`${prefix}--number--${this.size}`]: this.size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: this.disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: this.disabled,\n    });\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${this.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${CaretUp16()}\n      </button>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${this.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${CaretDown16()}\n      </button>\n    `;\n\n    const input = html`\n      <input\n        ?autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${this.invalid}\"\n        ?disabled=\"${this.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        placeholder=\"${ifNonEmpty(this.placeholder)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${this._value}\"\n        @input=\"${handleInput}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    const defaultLayout = html`\n      ${this.invalid ? invalidIcon : null} ${input}\n      <div class=\"${prefix}--number__controls\">\n        ${incrementButton} ${decrementButton}\n      </div>\n    `;\n\n    const mobileLayout = html` ${decrementButton} ${input} ${incrementButton} `;\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${this.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.labelText} </slot>\n        </label>\n        <div class=\"${prefix}--number__input-wrapper\">\n          ${this.mobile ? mobileLayout : defaultLayout}\n        </div>\n        <div class=\"${helperTextClasses}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${!isGenericallyInvalid()}\">\n          <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${validity !==\n          NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM}\">\n          <slot name=\"validity-message-max\"> ${this.validityMessageMax} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${validity !==\n          NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM}\">\n          <slot name=\"validity-message-min\"> ${this.validityMessageMin} </slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"],"mappings":"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"}
+{"version":3,"file":"number-input.js","names":["html","property","query","classMap","settings","WarningFilled16","CaretUp16","CaretDown16","ifNonEmpty","NUMBER_INPUT_COLOR_SCHEME","NUMBER_INPUT_VALIDATION_STATUS","styles","BXInput","INPUT_SIZE","carbonElement","customElement","prefix","BXNumberInput","_decorate","_initialize","_BXInput","constructor","args","F","d","kind","key","value","_handleInput","event","target","dispatchEvent","CustomEvent","eventInput","bubbles","composed","cancelable","detail","_get","_getPrototypeOf","prototype","call","_handleUserInitiatedStepDown","_","_input","input","stepDown","_handleUserInitiatedStepUp","stepUp","decorators","_testValidity","_this$_input","_this$_input2","valueAsNumber","Number","max","EXCEEDED_MAXIMUM","min","EXCEEDED_MINIMUM","_getValidityMessage","state","Object","values","includes","stateMessageMap","validityMessageMax","validityMessageMin","attribute","reflect","REGULAR","_min","toString","oldValue","requestUpdate","_max","step","_step","type","Boolean","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","exec","navigator","userAgent","render","handleInput","handleUserInitiatedStepDown","handleUserInitiatedStepUp","invalidIcon","class","validity","isGenericallyInvalid","invalid","wrapperClasses","colorScheme","mobile","size","labelClasses","disabled","helperTextClasses","incrementButton","_t","_2","incrementButtonAssistiveText","decrementButton","_t2","decrementButtonAssistiveText","_t3","autocomplete","autofocus","name","pattern","placeholder","readonly","required","_value","defaultLayout","_t4","mobileLayout","_t5","_t6","labelText","helperText","validityMessage","static","default"],"sources":["components/number-input/number-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 { html, property, query } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport CaretUp16 from '@carbon/icons/lib/caret--up/16';\nimport CaretDown16 from '@carbon/icons/lib/caret--down/16';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport {\n  NUMBER_INPUT_COLOR_SCHEME,\n  NUMBER_INPUT_VALIDATION_STATUS,\n} from './defs';\nimport styles from './number-input.scss';\nimport BXInput, { INPUT_SIZE } from '../input/input';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NUMBER_INPUT_COLOR_SCHEME, NUMBER_INPUT_VALIDATION_STATUS };\n\nconst { prefix } = settings;\n\n/**\n * Number input.\n *\n * @element bx-number-input\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}-number-input`)\nexport default class BXNumberInput extends BXInput {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    super._handleInput(event);\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepDown(_: Event) {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepUp(_: Event) {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof BXNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _testValidity() {\n    if (this._input?.valueAsNumber > Number(this.max)) {\n      return NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM;\n    }\n    if (this._input?.valueAsNumber < Number(this.min)) {\n      return NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM;\n    }\n    return super._testValidity();\n  }\n\n  _getValidityMessage(state: string) {\n    if (\n      Object.values(NUMBER_INPUT_VALIDATION_STATUS).includes(\n        state as NUMBER_INPUT_VALIDATION_STATUS\n      )\n    ) {\n      const stateMessageMap = {\n        [NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM]:\n          this.validityMessageMax,\n        [NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM]:\n          this.validityMessageMin,\n      };\n      return stateMessageMap[state];\n    }\n    return super._getValidityMessage(state);\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = NUMBER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Set to `true` to enable the mobile variant of the number input\n   */\n  @property({ type: Boolean, reflect: true })\n  mobile = false;\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * The validity message shown when the value is greater than the maximum\n   *\n   * Also available via the `validity-message-max` slot\n   */\n  @property({ attribute: 'validity-message-max' })\n  validityMessageMax = '';\n\n  /**\n   * The validity message shown when the value is less than the minimum\n   *\n   * Also available via the `validity-message-min` slot\n   */\n  @property({ attribute: 'validity-message-min' })\n  validityMessageMin = '';\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    this._input.stepUp();\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    this._input.stepDown();\n  }\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      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n    } = this;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--number__invalid`,\n    });\n\n    const validity = this._testValidity();\n\n    const isGenericallyInvalid = () =>\n      this.invalid &&\n      validity !== NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM &&\n      validity !== NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM;\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.colorScheme}`]: this.colorScheme,\n      [`${prefix}--number--mobile`]: this.mobile,\n      [`${prefix}--number--${this.size}`]: this.size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: this.disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: this.disabled,\n    });\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${this.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${CaretUp16()}\n      </button>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${this.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${CaretDown16()}\n      </button>\n    `;\n\n    const input = html`\n      <input\n        ?autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${this.invalid}\"\n        ?disabled=\"${this.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        placeholder=\"${ifNonEmpty(this.placeholder)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${this._value}\"\n        @input=\"${handleInput}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    const defaultLayout = html`\n      ${this.invalid ? invalidIcon : null} ${input}\n      <div class=\"${prefix}--number__controls\">\n        ${incrementButton} ${decrementButton}\n      </div>\n    `;\n\n    const mobileLayout = html` ${decrementButton} ${input} ${incrementButton} `;\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${this.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.labelText} </slot>\n        </label>\n        <div class=\"${prefix}--number__input-wrapper\">\n          ${this.mobile ? mobileLayout : defaultLayout}\n        </div>\n        <div class=\"${helperTextClasses}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${!isGenericallyInvalid()}\">\n          <slot name=\"validity-message\"> ${this.validityMessage} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${validity !==\n          NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MAXIMUM}\">\n          <slot name=\"validity-message-max\"> ${this.validityMessageMax} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${validity !==\n          NUMBER_INPUT_VALIDATION_STATUS.EXCEEDED_MINIMUM}\">\n          <slot name=\"validity-message-min\"> ${this.validityMessageMin} </slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n"],"mappings":"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"}

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu-body.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu-body.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/overflow-menu/overflow-menu-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,cAAc,EAAE,EACrB,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAwB,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAE1E,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAqBtD;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,cAAc;IAC7C;;OAEG;IAEH,SAAS,0BAAiC;IAE1C;;OAEG;IAEH,WAAW,6BAAsC;IAEjD;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;;;OAIG;IAEH,IAAI,UAAS;IAEb,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAE3C;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM;IASzE;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAOrC;;OAEG;IAGH,SAAS,CAAC,cAAc,UAAiB,aAAa,mBAmBpD;IAEF,iBAAiB;IAWjB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"overflow-menu-body.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, customElement } from 'lit-element';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_COLOR_SCHEME } from './defs';\nimport styles from './overflow-menu.scss';\nimport BXOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { indexOf } from '../../globals/internal/collection-helpers';\n\nconst { prefix } = settings;\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element bx-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass BXOverflowMenuBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.START;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = OVERFLOW_MENU_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the menu should be open.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  selected: BXOverflowMenuItem | null = null;\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(currentItem: BXOverflowMenuItem, direction: number) {\n    const { selectorItemEnabled } = this\n      .constructor as typeof BXOverflowMenuBody;\n    const menuItems = this.querySelectorAll(selectorItemEnabled);\n    const currentIndex = indexOf(menuItems, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n    return nextIndex === currentIndex ? null : menuItems[nextIndex];\n  }\n\n  /**\n   * Navigates through overflow menu items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (this.selected) {\n      const nextItem = this._getNextItem(this.selected, direction);\n      (nextItem as HTMLElement)?.focus();\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the menu body.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.open) {\n      /**\n       * sets this.selected to focused menu item. the menu item is focused\n       * automatically due to FocusMixin\n       */\n      if (this.contains(document.activeElement)) {\n        this.selected = document.activeElement as BXOverflowMenuItem;\n      }\n\n      if (key in NAVIGATION_DIRECTION) {\n        this._navigate(NAVIGATION_DIRECTION[key]);\n      }\n\n      if (key === 'Escape') {\n        this.open = false;\n      }\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return menu items.\n   */\n  static get selectorMenuItem() {\n    return `${prefix}-overflow-menu-item`;\n  }\n\n  /**\n   * A selector that will return enabled menu items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-overflow-menu-item:not([disabled])`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenuBody;\n"]}
+{"version":3,"sources":["components/overflow-menu/overflow-menu-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,cAAc,EAAE,EACrB,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAwB,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAE1E,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAsBtD;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,cAAc;IAC7C;;OAEG;IAEH,SAAS,0BAAiC;IAE1C;;OAEG;IAEH,WAAW,6BAAsC;IAEjD;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;;;OAIG;IAEH,IAAI,UAAS;IAEb,QAAQ,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAE3C;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM;IASzE;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAOrC;;OAEG;IAGH,SAAS,CAAC,cAAc,UAAiB,aAAa,mBAmBpD;IAEF,iBAAiB;IAWjB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"overflow-menu-body.d.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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property } from 'lit-element';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_COLOR_SCHEME } from './defs';\nimport styles from './overflow-menu.scss';\nimport BXOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element bx-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass BXOverflowMenuBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.START;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = OVERFLOW_MENU_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the menu should be open.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  selected: BXOverflowMenuItem | null = null;\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(currentItem: BXOverflowMenuItem, direction: number) {\n    const { selectorItemEnabled } = this\n      .constructor as typeof BXOverflowMenuBody;\n    const menuItems = this.querySelectorAll(selectorItemEnabled);\n    const currentIndex = indexOf(menuItems, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n    return nextIndex === currentIndex ? null : menuItems[nextIndex];\n  }\n\n  /**\n   * Navigates through overflow menu items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (this.selected) {\n      const nextItem = this._getNextItem(this.selected, direction);\n      (nextItem as HTMLElement)?.focus();\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the menu body.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.open) {\n      /**\n       * sets this.selected to focused menu item. the menu item is focused\n       * automatically due to FocusMixin\n       */\n      if (this.contains(document.activeElement)) {\n        this.selected = document.activeElement as BXOverflowMenuItem;\n      }\n\n      if (key in NAVIGATION_DIRECTION) {\n        this._navigate(NAVIGATION_DIRECTION[key]);\n      }\n\n      if (key === 'Escape') {\n        this.open = false;\n      }\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return menu items.\n   */\n  static get selectorMenuItem() {\n    return `${prefix}-overflow-menu-item`;\n  }\n\n  /**\n   * A selector that will return enabled menu items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-overflow-menu-item:not([disabled])`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenuBody;\n"]}

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu-body.js

@@ -6,19 +6,20 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import settings from 'carbon-components/es/globals/js/settings';
-import { html, property, customElement } from 'lit-element';
+import { html, property } from 'lit-element';
 import BXFloatingMenu, { FLOATING_MENU_ALIGNMENT, FLOATING_MENU_DIRECTION } from '../floating-menu/floating-menu';
 import { NAVIGATION_DIRECTION, OVERFLOW_MENU_COLOR_SCHEME } from './defs';
 import styles from "././overflow-menu.css.js";
 import HostListener from '../../globals/decorators/host-listener';
 import { indexOf } from '../../globals/internal/collection-helpers';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu-body.js","names":["settings","html","property","customElement","BXFloatingMenu","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","NAVIGATION_DIRECTION","OVERFLOW_MENU_COLOR_SCHEME","styles","HostListener","indexOf","prefix","capIndex","index","length","BXOverflowMenuBody","_decorate","_initialize","_BXFloatingMenu","constructor","args","F","d","kind","decorators","key","value","START","attribute","reflect","REGULAR","BOTTOM","type","Boolean","_getNextItem","currentItem","direction","selectorItemEnabled","menuItems","querySelectorAll","currentIndex","nextIndex","_navigate","selected","nextItem","focus","event","open","contains","document","activeElement","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static","selectorMenuItem"],"sources":["components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, customElement } from 'lit-element';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_COLOR_SCHEME } from './defs';\nimport styles from './overflow-menu.scss';\nimport BXOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { indexOf } from '../../globals/internal/collection-helpers';\n\nconst { prefix } = settings;\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element bx-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass BXOverflowMenuBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.START;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = OVERFLOW_MENU_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the menu should be open.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  selected: BXOverflowMenuItem | null = null;\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(currentItem: BXOverflowMenuItem, direction: number) {\n    const { selectorItemEnabled } = this\n      .constructor as typeof BXOverflowMenuBody;\n    const menuItems = this.querySelectorAll(selectorItemEnabled);\n    const currentIndex = indexOf(menuItems, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n    return nextIndex === currentIndex ? null : menuItems[nextIndex];\n  }\n\n  /**\n   * Navigates through overflow menu items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (this.selected) {\n      const nextItem = this._getNextItem(this.selected, direction);\n      (nextItem as HTMLElement)?.focus();\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the menu body.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.open) {\n      /**\n       * sets this.selected to focused menu item. the menu item is focused\n       * automatically due to FocusMixin\n       */\n      if (this.contains(document.activeElement)) {\n        this.selected = document.activeElement as BXOverflowMenuItem;\n      }\n\n      if (key in NAVIGATION_DIRECTION) {\n        this._navigate(NAVIGATION_DIRECTION[key]);\n      }\n\n      if (key === 'Escape') {\n        this.open = false;\n      }\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return menu items.\n   */\n  static get selectorMenuItem() {\n    return `${prefix}-overflow-menu-item`;\n  }\n\n  /**\n   * A selector that will return enabled menu items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-overflow-menu-item:not([disabled])`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenuBody;\n"],"mappings":"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"}
+{"version":3,"file":"overflow-menu-body.js","names":["settings","html","property","BXFloatingMenu","FLOATING_MENU_ALIGNMENT","FLOATING_MENU_DIRECTION","NAVIGATION_DIRECTION","OVERFLOW_MENU_COLOR_SCHEME","styles","HostListener","indexOf","carbonElement","customElement","prefix","capIndex","index","length","BXOverflowMenuBody","_decorate","_initialize","_BXFloatingMenu","constructor","args","F","d","kind","decorators","key","value","START","attribute","reflect","REGULAR","BOTTOM","type","Boolean","_getNextItem","currentItem","direction","selectorItemEnabled","menuItems","querySelectorAll","currentIndex","nextIndex","_navigate","selected","nextItem","focus","event","open","contains","document","activeElement","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static","selectorMenuItem"],"sources":["components/overflow-menu/overflow-menu-body.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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property } from 'lit-element';\nimport BXFloatingMenu, {\n  FLOATING_MENU_ALIGNMENT,\n  FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_COLOR_SCHEME } from './defs';\nimport styles from './overflow-menu.scss';\nimport BXOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element bx-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass BXOverflowMenuBody extends BXFloatingMenu {\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property()\n  alignment = FLOATING_MENU_ALIGNMENT.START;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = OVERFLOW_MENU_COLOR_SCHEME.REGULAR;\n\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if the menu should be open.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  selected: BXOverflowMenuItem | null = null;\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(currentItem: BXOverflowMenuItem, direction: number) {\n    const { selectorItemEnabled } = this\n      .constructor as typeof BXOverflowMenuBody;\n    const menuItems = this.querySelectorAll(selectorItemEnabled);\n    const currentIndex = indexOf(menuItems, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n    return nextIndex === currentIndex ? null : menuItems[nextIndex];\n  }\n\n  /**\n   * Navigates through overflow menu items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (this.selected) {\n      const nextItem = this._getNextItem(this.selected, direction);\n      (nextItem as HTMLElement)?.focus();\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the menu body.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.open) {\n      /**\n       * sets this.selected to focused menu item. the menu item is focused\n       * automatically due to FocusMixin\n       */\n      if (this.contains(document.activeElement)) {\n        this.selected = document.activeElement as BXOverflowMenuItem;\n      }\n\n      if (key in NAVIGATION_DIRECTION) {\n        this._navigate(NAVIGATION_DIRECTION[key]);\n      }\n\n      if (key === 'Escape') {\n        this.open = false;\n      }\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return menu items.\n   */\n  static get selectorMenuItem() {\n    return `${prefix}-overflow-menu-item`;\n  }\n\n  /**\n   * A selector that will return enabled menu items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-overflow-menu-item:not([disabled])`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenuBody;\n"],"mappings":"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"}

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu-item.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMxE;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,uBAAsB;IACrD;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV,gBAAgB;IAShB,iBAAiB;IAOjB,MAAM;IAqBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"overflow-menu-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './overflow-menu.scss';\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu item.\n *\n * @element bx-overflow-menu-item\n */\n@customElement(`${prefix}-overflow-menu-item`)\nclass BXOverflowMenuItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if the action is danger.\n   */\n  @property({ type: Boolean, reflect: true })\n  danger = false;\n\n  /**\n   * `true` if the overflow menu item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The link href of the overflow menu item.\n   */\n  @property()\n  href = '';\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', 'menuitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return this.href\n      ? html`\n          <a\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            href=\"${this.href}\"\n            tabindex=\"${this.disabled ? -1 : 0}\"\n            ><slot></slot\n          ></a>\n        `\n      : html`\n          <button\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            tabindex=\"${this.disabled ? -1 : 0}\">\n            <slot></slot>\n          </button>\n        `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenuItem;\n"]}
+{"version":3,"sources":["components/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOzD;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,uBAAsB;IACrD;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,SAAM;IAEV,gBAAgB;IAShB,iBAAiB;IAOjB,MAAM;IAqBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"overflow-menu-item.d.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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './overflow-menu.scss';\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu item.\n *\n * @element bx-overflow-menu-item\n */\n@customElement(`${prefix}-overflow-menu-item`)\nclass BXOverflowMenuItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if the action is danger.\n   */\n  @property({ type: Boolean, reflect: true })\n  danger = false;\n\n  /**\n   * `true` if the overflow menu item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The link href of the overflow menu item.\n   */\n  @property()\n  href = '';\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', 'menuitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return this.href\n      ? html`\n          <a\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            href=\"${this.href}\"\n            tabindex=\"${this.disabled ? -1 : 0}\"\n            ><slot></slot\n          ></a>\n        `\n      : html`\n          <button\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            tabindex=\"${this.disabled ? -1 : 0}\">\n            <slot></slot>\n          </button>\n        `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenuItem;\n"]}

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu-item.js

@@ -7,14 +7,15 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import settings from 'carbon-components/es/globals/js/settings';
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 import FocusMixin from '../../globals/mixins/focus';
 import styles from "././overflow-menu.css.js";
 const {

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu-item.js","names":["settings","html","property","customElement","LitElement","FocusMixin","styles","prefix","BXOverflowMenuItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","href","_t","_","disabled","_t2","static"],"sources":["components/overflow-menu/overflow-menu-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './overflow-menu.scss';\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu item.\n *\n * @element bx-overflow-menu-item\n */\n@customElement(`${prefix}-overflow-menu-item`)\nclass BXOverflowMenuItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if the action is danger.\n   */\n  @property({ type: Boolean, reflect: true })\n  danger = false;\n\n  /**\n   * `true` if the overflow menu item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The link href of the overflow menu item.\n   */\n  @property()\n  href = '';\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', 'menuitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return this.href\n      ? html`\n          <a\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            href=\"${this.href}\"\n            tabindex=\"${this.disabled ? -1 : 0}\"\n            ><slot></slot\n          ></a>\n        `\n      : html`\n          <button\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            tabindex=\"${this.disabled ? -1 : 0}\">\n            <slot></slot>\n          </button>\n        `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenuItem;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,0BAAsB;AAEzC,MAAM;EAAEC;AAAO,CAAC,GAAGP,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMQ,kBAAkB,GAAAC,SAAA,EADvBN,aAAa,CAAE,GAAEI,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,kBAAkB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyDxD;EAAC;IAAAI,CAAA,EAzDKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKbf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKff,QAAQ,EAAE;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACJ,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAhBT;AACF;AACA;;MAIE;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;MAAAR,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAU,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAhCE5B,kBAAkB,CAAA6B,SAAA,8BAAAC,IAAA;MAiCtB;IAAC;MAAAtB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAiB,OAAA,EAAS;QACP,OAAO,IAAI,CAACC,IAAI,GACZvC,IAAI,CAAAwC,EAAA,KAAAA,EAAA,GAAAC,CAAA,iHAESnC,MAAM,EACH,IAAI,CAACoC,QAAQ,EACjB,IAAI,CAACH,IAAI,EACL,IAAI,CAACG,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,IAItC1C,IAAI,CAAA2C,GAAA,KAAAA,GAAA,GAAAF,CAAA,iHAESnC,MAAM,EACH,IAAI,CAACoC,QAAQ,EACb,IAAI,CAACA,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAGrC;MACP;IAAC;MAAA3B,IAAA;MAAA6B,MAAA;MAAAxB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAxDSD,UAAU,CAACD,UAAU,CAAC;AA2DvD,eAAeI,kBAAkB"}
+{"version":3,"file":"overflow-menu-item.js","names":["settings","html","property","LitElement","carbonElement","customElement","FocusMixin","styles","prefix","BXOverflowMenuItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","href","_t","_","disabled","_t2","static"],"sources":["components/overflow-menu/overflow-menu-item.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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './overflow-menu.scss';\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu item.\n *\n * @element bx-overflow-menu-item\n */\n@customElement(`${prefix}-overflow-menu-item`)\nclass BXOverflowMenuItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if the action is danger.\n   */\n  @property({ type: Boolean, reflect: true })\n  danger = false;\n\n  /**\n   * `true` if the overflow menu item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The link href of the overflow menu item.\n   */\n  @property()\n  href = '';\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', 'menuitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return this.href\n      ? html`\n          <a\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            href=\"${this.href}\"\n            tabindex=\"${this.disabled ? -1 : 0}\"\n            ><slot></slot\n          ></a>\n        `\n      : html`\n          <button\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            tabindex=\"${this.disabled ? -1 : 0}\">\n            <slot></slot>\n          </button>\n        `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenuItem;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,0BAAsB;AAEzC,MAAM;EAAEC;AAAO,CAAC,GAAGR,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMS,kBAAkB,GAAAC,SAAA,EADvBL,aAAa,CAAE,GAAEG,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,kBAAkB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAyDxD;EAAC;IAAAI,CAAA,EAzDKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAClC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKbhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfhB,QAAQ,EAAE;MAAAoB,GAAA;MAAAC,MAAA;QAAA,OACJ,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAhBT;AACF;AACA;;MAIE;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;MAAAR,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAU,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CAhCE5B,kBAAkB,CAAA6B,SAAA,8BAAAC,IAAA;MAiCtB;IAAC;MAAAtB,IAAA;MAAAK,GAAA;MAAAC,KAAA,EAED,SAAAiB,OAAA,EAAS;QACP,OAAO,IAAI,CAACC,IAAI,GACZxC,IAAI,CAAAyC,EAAA,KAAAA,EAAA,GAAAC,CAAA,iHAESnC,MAAM,EACH,IAAI,CAACoC,QAAQ,EACjB,IAAI,CAACH,IAAI,EACL,IAAI,CAACG,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,IAItC3C,IAAI,CAAA4C,GAAA,KAAAA,GAAA,GAAAF,CAAA,iHAESnC,MAAM,EACH,IAAI,CAACoC,QAAQ,EACb,IAAI,CAACA,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAGrC;MACP;IAAC;MAAA3B,IAAA;MAAA6B,MAAA;MAAAxB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAxDSD,UAAU,CAACH,UAAU,CAAC;AA2DvD,eAAeM,kBAAkB"}

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -14,6 +14,9 @@ declare const BXOverflowMenu_base: {
     new (...args: any[]): {
         _handles: Set<import("../../globals/internal/handle").default>;
         connectedCallback(): void;
+        /**
+         * The color scheme.
+         */
         disconnectedCallback(): void;
         accessKey: string;
         readonly accessKeyLabel: string;

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxE,OAAO,qBAAqB,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAIxE,OAAO,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI1D;;;;;GAKG;AACH,cACM,cACJ,SAAQ,mBACR,YAAW,qBAAqB;IAEhC;;OAEG;IACH,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;YACW,0BAA0B;IAUxC;;OAEG;IAGH,OAAO,CAAC,mBAAmB,CAEzB;IAEF;;OAEG;IAGH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;OAEG;IAEH,WAAW,6BAAsC;IAEjD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,IAAI,qBAA8B;IAElC;;OAEG;IACH,IAAI,eAAe,YAElB;IAED,iBAAiB;IAoBjB,OAAO,CAAC,iBAAiB,KAAA;IA0BzB,MAAM;IAUN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"overflow-menu.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE } from './defs';\nimport BXOverflowMenuBody from './overflow-menu-body';\nimport styles from './overflow-menu.scss';\n\nexport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu.\n *\n * @element bx-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass BXOverflowMenu\n  extends HostListenerMixin(FocusMixin(LitElement))\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXOverflowMenuBody | null = null;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    this.open = !this.open;\n    const { open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      menuBody?.focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the trigger button.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClickTrigger = async () => {\n    this._handleUserInitiatedToggle();\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger = async ({ key }) => {\n    if (key === ' ' || key === 'Enter') {\n      this._handleUserInitiatedToggle();\n    }\n  };\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = OVERFLOW_MENU_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if this overflow menu should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.REGULAR;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    return this.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      const { colorScheme, open } = this;\n      if (open && !this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) =>\n            (elem.constructor as typeof BXOverflowMenuBody).FLOATING_MENU\n        );\n      }\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n        menuBody.open = open;\n        this.setAttribute('aria-expanded', String(Boolean(open)));\n      }\n    }\n    if (changedProperties.has('colorScheme')) {\n      const { colorScheme } = this;\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <slot name=\"icon\">\n        ${OverflowMenuVertical16({\n          class: `${prefix}--overflow-menu__icon`,\n        })}\n      </slot>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenu;\n"]}
+{"version":3,"sources":["components/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,UAAU,EAAE,MAAM,aAAa,CAAC;AAMzD,OAAO,qBAAqB,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAKxE,OAAO,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,CAAC;;;;;QAqDxD;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnDL;;;;;GAKG;AACH,cACM,cACJ,SAAQ,mBACR,YAAW,qBAAqB;IAEhC;;OAEG;IACH,OAAO,CAAC,SAAS,CAAmC;IAEpD;;OAEG;YACW,0BAA0B;IAUxC;;OAEG;IAGH,OAAO,CAAC,mBAAmB,CAEzB;IAEF;;OAEG;IAGH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;OAEG;IAEH,WAAW,6BAAsC;IAEjD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,IAAI,qBAA8B;IAElC;;OAEG;IACH,IAAI,eAAe,YAElB;IAED,iBAAiB;IAoBjB,OAAO,CAAC,iBAAiB,KAAA;IA0BzB,MAAM;IAUN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"overflow-menu.d.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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE } from './defs';\nimport BXOverflowMenuBody from './overflow-menu-body';\nimport styles from './overflow-menu.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu.\n *\n * @element bx-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass BXOverflowMenu\n  extends HostListenerMixin(FocusMixin(LitElement))\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXOverflowMenuBody | null = null;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    this.open = !this.open;\n    const { open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      menuBody?.focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the trigger button.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClickTrigger = async () => {\n    this._handleUserInitiatedToggle();\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger = async ({ key }) => {\n    if (key === ' ' || key === 'Enter') {\n      this._handleUserInitiatedToggle();\n    }\n  };\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = OVERFLOW_MENU_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if this overflow menu should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.REGULAR;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    return this.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      const { colorScheme, open } = this;\n      if (open && !this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) =>\n            (elem.constructor as typeof BXOverflowMenuBody).FLOATING_MENU\n        );\n      }\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n        menuBody.open = open;\n        this.setAttribute('aria-expanded', String(Boolean(open)));\n      }\n    }\n    if (changedProperties.has('colorScheme')) {\n      const { colorScheme } = this;\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <slot name=\"icon\">\n        ${OverflowMenuVertical16({\n          class: `${prefix}--overflow-menu__icon`,\n        })}\n      </slot>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenu;\n"]}

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu.js

@@ -6,14 +6,14 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
 import settings from 'carbon-components/es/globals/js/settings';
-import { html, property, customElement, LitElement } from 'lit-element';
+import { html, property, LitElement } from 'lit-element';
 import OverflowMenuVertical16 from "../../icons/overflow-menu--vertical/16";
 import HostListener from '../../globals/decorators/host-listener';
 import FocusMixin from '../../globals/mixins/focus';
@@ -21,6 +21,7 @@ import HostListenerMixin from '../../globals/mixins/host-listener';
 import { find } from '../../globals/internal/collection-helpers';
 import { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE } from './defs';
 import styles from "././overflow-menu.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE };
 const {
   prefix

package/es/internal/vendor/@carbon/web-components/components/overflow-menu/overflow-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu.js","names":["settings","html","property","customElement","LitElement","OverflowMenuVertical16","HostListener","FocusMixin","HostListenerMixin","find","OVERFLOW_MENU_COLOR_SCHEME","OVERFLOW_MENU_SIZE","styles","prefix","BXOverflowMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","updateComplete","_menuBody","menuBody","focus","decorators","attribute","reflect","REGULAR","type","Boolean","triggerPosition","getBoundingClientRect","connectedCallback","hasAttribute","setAttribute","shadowRoot","attachShadow","mode","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","colorScheme","childNodes","elem","FLOATING_MENU","String","render","_t","_","class","static"],"sources":["components/overflow-menu/overflow-menu.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE } from './defs';\nimport BXOverflowMenuBody from './overflow-menu-body';\nimport styles from './overflow-menu.scss';\n\nexport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu.\n *\n * @element bx-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass BXOverflowMenu\n  extends HostListenerMixin(FocusMixin(LitElement))\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXOverflowMenuBody | null = null;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    this.open = !this.open;\n    const { open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      menuBody?.focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the trigger button.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClickTrigger = async () => {\n    this._handleUserInitiatedToggle();\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger = async ({ key }) => {\n    if (key === ' ' || key === 'Enter') {\n      this._handleUserInitiatedToggle();\n    }\n  };\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = OVERFLOW_MENU_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if this overflow menu should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.REGULAR;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    return this.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      const { colorScheme, open } = this;\n      if (open && !this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) =>\n            (elem.constructor as typeof BXOverflowMenuBody).FLOATING_MENU\n        );\n      }\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n        menuBody.open = open;\n        this.setAttribute('aria-expanded', String(Boolean(open)));\n      }\n    }\n    if (changedProperties.has('colorScheme')) {\n      const { colorScheme } = this;\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <slot name=\"icon\">\n        ${OverflowMenuVertical16({\n          class: `${prefix}--overflow-menu__icon`,\n        })}\n      </slot>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenu;\n"],"mappings":"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"}
+{"version":3,"file":"overflow-menu.js","names":["settings","html","property","LitElement","OverflowMenuVertical16","HostListener","FocusMixin","HostListenerMixin","find","OVERFLOW_MENU_COLOR_SCHEME","OVERFLOW_MENU_SIZE","styles","carbonElement","customElement","prefix","BXOverflowMenu","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","updateComplete","_menuBody","menuBody","focus","decorators","attribute","reflect","REGULAR","type","Boolean","triggerPosition","getBoundingClientRect","connectedCallback","hasAttribute","setAttribute","shadowRoot","attachShadow","mode","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","colorScheme","childNodes","elem","FLOATING_MENU","String","render","_t","_","class","static"],"sources":["components/overflow-menu/overflow-menu.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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport OverflowMenuVertical16 from '@carbon/icons/lib/overflow-menu--vertical/16';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport BXFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE } from './defs';\nimport BXOverflowMenuBody from './overflow-menu-body';\nimport styles from './overflow-menu.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { OVERFLOW_MENU_COLOR_SCHEME, OVERFLOW_MENU_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Overflow menu.\n *\n * @element bx-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass BXOverflowMenu\n  extends HostListenerMixin(FocusMixin(LitElement))\n  implements BXFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: BXOverflowMenuBody | null = null;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    this.open = !this.open;\n    const { open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      menuBody?.focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the trigger button.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClickTrigger = async () => {\n    this._handleUserInitiatedToggle();\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger = async ({ key }) => {\n    if (key === ' ' || key === 'Enter') {\n      this._handleUserInitiatedToggle();\n    }\n  };\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = OVERFLOW_MENU_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if this overflow menu should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.REGULAR;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    return this.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '0');\n    }\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.hasAttribute('aria-expanded')) {\n      this.setAttribute('aria-expanded', 'false');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      const { colorScheme, open } = this;\n      if (open && !this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) =>\n            (elem.constructor as typeof BXOverflowMenuBody).FLOATING_MENU\n        );\n      }\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n        menuBody.open = open;\n        this.setAttribute('aria-expanded', String(Boolean(open)));\n      }\n    }\n    if (changedProperties.has('colorScheme')) {\n      const { colorScheme } = this;\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.colorScheme = colorScheme;\n      }\n    }\n  }\n\n  render() {\n    return html`\n      <slot name=\"icon\">\n        ${OverflowMenuVertical16({\n          class: `${prefix}--overflow-menu__icon`,\n        })}\n      </slot>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXOverflowMenu;\n"],"mappings":"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"}

package/es/internal/vendor/@carbon/web-components/components/pagination/page-sizes-select.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/internal/vendor/@carbon/web-components/components/pagination/page-sizes-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/pagination/page-sizes-select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAwC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ/E;;;;;;GAMG;AACH,cACM,iBAAkB,SAAQ,sBAAsB;IAEpD,OAAO,CAAC,WAAW,CAAqB;IAExC;;OAEG;IACH,OAAO,CAAC,aAAa;IAiBrB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IAEH,SAAS,SAAqB;IAE9B;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,gBAAgB;IAShB,MAAM;IAuBN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"page-sizes-select.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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, query, customElement, LitElement } from 'lit-element';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './pagination.scss';\n\nconst { prefix } = settings;\n\n/**\n * The select box for page sizes.\n *\n * @element bx-page-sizes-select\n * @slot label-text - The label text.\n * @fires bx-page-sizes-select-changed - The custom event fired after the page size is changed.\n */\n@customElement(`${prefix}-page-sizes-select`)\nclass BXPageSizesSelect extends FocusMixin(LitElement) {\n  @query('select')\n  private _selectNode!: HTMLSelectElement;\n\n  /**\n   * Handles `change` event on the `<select>` to select page size.\n   */\n  private _handleChange({ target }: Event) {\n    const value = Number((target as HTMLSelectElement).value);\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof BXPageSizesSelect).eventChange,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value,\n          },\n        }\n      )\n    );\n    this.value = value;\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for `<options>`.\n   *\n   * @param event The event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { _selectNode: selectNode } = this;\n    while (selectNode.firstChild) {\n      selectNode.removeChild(selectNode.firstChild);\n    }\n    (\n      (target as HTMLSlotElement).assignedNodes() as HTMLOptionElement[]\n    ).forEach((item) => {\n      selectNode?.appendChild(item.cloneNode(true));\n    });\n  }\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = 'Items per page:';\n\n  /**\n   * The value, working as the current page size.\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      labelText,\n      value,\n      _handleChange: handleChange,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    return html`\n      <label for=\"select\" class=\"${prefix}--pagination__text\"\n        ><slot name=\"label-text\">${labelText}</slot></label\n      >\n      <div class=\"${prefix}--select__item-count\">\n        <select\n          id=\"select\"\n          class=\"${prefix}--select-input\"\n          .value=\"${value}\"\n          @change=${handleChange}></select>\n        ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n      </div>\n      <div hidden><slot @slotchange=\"${handleSlotChange}\"></slot></div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the page size is changed.\n   */\n  static get eventChange() {\n    return `${prefix}-page-sizes-select-changed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPageSizesSelect;\n"]}
+{"version":3,"sources":["components/pagination/page-sizes-select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAyB,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAShE;;;;;;GAMG;AACH,cACM,iBAAkB,SAAQ,sBAAsB;IAEpD,OAAO,CAAC,WAAW,CAAqB;IAExC;;OAEG;IACH,OAAO,CAAC,aAAa;IAiBrB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IAEH,SAAS,SAAqB;IAE9B;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,gBAAgB;IAShB,MAAM;IAuBN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"page-sizes-select.d.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, property, query, LitElement } from 'lit-element';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './pagination.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * The select box for page sizes.\n *\n * @element bx-page-sizes-select\n * @slot label-text - The label text.\n * @fires bx-page-sizes-select-changed - The custom event fired after the page size is changed.\n */\n@customElement(`${prefix}-page-sizes-select`)\nclass BXPageSizesSelect extends FocusMixin(LitElement) {\n  @query('select')\n  private _selectNode!: HTMLSelectElement;\n\n  /**\n   * Handles `change` event on the `<select>` to select page size.\n   */\n  private _handleChange({ target }: Event) {\n    const value = Number((target as HTMLSelectElement).value);\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof BXPageSizesSelect).eventChange,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value,\n          },\n        }\n      )\n    );\n    this.value = value;\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for `<options>`.\n   *\n   * @param event The event.\n   */\n  private _handleSlotChange({ target }: Event) {\n    const { _selectNode: selectNode } = this;\n    while (selectNode.firstChild) {\n      selectNode.removeChild(selectNode.firstChild);\n    }\n    (\n      (target as HTMLSlotElement).assignedNodes() as HTMLOptionElement[]\n    ).forEach((item) => {\n      selectNode?.appendChild(item.cloneNode(true));\n    });\n  }\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = 'Items per page:';\n\n  /**\n   * The value, working as the current page size.\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      labelText,\n      value,\n      _handleChange: handleChange,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    return html`\n      <label for=\"select\" class=\"${prefix}--pagination__text\"\n        ><slot name=\"label-text\">${labelText}</slot></label\n      >\n      <div class=\"${prefix}--select__item-count\">\n        <select\n          id=\"select\"\n          class=\"${prefix}--select-input\"\n          .value=\"${value}\"\n          @change=${handleChange}></select>\n        ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n      </div>\n      <div hidden><slot @slotchange=\"${handleSlotChange}\"></slot></div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the page size is changed.\n   */\n  static get eventChange() {\n    return `${prefix}-page-sizes-select-changed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPageSizesSelect;\n"]}

package/es/internal/vendor/@carbon/web-components/components/pagination/page-sizes-select.js

@@ -4,17 +4,18 @@ let _ = t => t,
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, property, query, customElement, LitElement } from 'lit-element';
+import { html, property, query, LitElement } from 'lit-element';
 import ChevronDown16 from "../../icons/chevron--down/16";
 import settings from 'carbon-components/es/globals/js/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import styles from "././pagination.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 const {
   prefix
 } = settings;