@carbon/web-components 2.0.1 → 2.0.2-rc.0

package/es/components/progress-indicator/progress-step.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/progress-indicator/progress-step.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAQ5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAY9B;;;;;GAKG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAsB;IACjE;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAGnB,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAGnB,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,kBAAkB,EAAG,MAAM,CAAC;IAG5B,cAAc,EAAG,MAAM,CAAC;IAExB;;OAEG;IAEH,KAAK,qBAAiC;IAEtC;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,YAAY,UAAS;IAErB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IAwCN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB","file":"progress-step.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 { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport CheckmarkOutline16 from '@carbon/icons/lib/checkmark--outline/16';\nimport CircleDash16 from '@carbon/icons/lib/circle-dash/16';\nimport Incomplete16 from '@carbon/icons/lib/incomplete/16';\nimport Warning16 from '@carbon/icons/lib/warning/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { PROGRESS_STEP_STAT } from './defs';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { PROGRESS_STEP_STAT };\n\n/**\n * Icons, keyed by state.\n */\nconst icons = {\n  [PROGRESS_STEP_STAT.COMPLETE]: CheckmarkOutline16,\n  [PROGRESS_STEP_STAT.INCOMPLETE]: CircleDash16,\n  [PROGRESS_STEP_STAT.INVALID]: Warning16,\n  [PROGRESS_STEP_STAT.CURRENT]: Incomplete16,\n};\n\n/**\n * Progress step.\n *\n * @element cds-progress-step\n * @slot secondary-label-text - The secondary progress label.\n */\n@customElement(`${prefix}-progress-step`)\nexport default class CDSProgressStep extends FocusMixin(LitElement) {\n  /**\n   * `true` if the progress step should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The a11y text for the icon.\n   */\n  @property({ attribute: 'icon-label' })\n  iconLabel!: string;\n\n  @property({ reflect: true })\n  description!: string;\n\n  /**\n   * The primary progress label.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  @property()\n  label!: string;\n\n  /**\n   * The secondary progress label.\n   */\n  @property({ attribute: 'secondary-label-text' })\n  secondaryLabelText!: string;\n\n  @property({ attribute: 'secondary-label' })\n  secondaryLabel!: string;\n\n  /**\n   * The progress state.\n   */\n  @property()\n  state = PROGRESS_STEP_STAT.INCOMPLETE;\n\n  /**\n   * `true` if the progress step should be vertical.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * `true` if the progress step should be spaced equally.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  spaceEqually = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('disabled')) {\n      this.setAttribute('aria-disabled', String(Boolean(this.disabled)));\n    }\n  }\n\n  render() {\n    const {\n      description,\n      iconLabel,\n      label,\n      secondaryLabelText,\n      secondaryLabel,\n      state,\n    } = this;\n    const svgLabel = iconLabel || description;\n    const optionalLabel = secondaryLabelText || secondaryLabel;\n    return html`\n      <div class=\"${prefix}--progress-step-button\" tabindex=\"0\">\n        ${icons[state]({\n          class: {\n            [PROGRESS_STEP_STAT.INVALID]: `${prefix}--progress__warning`,\n          }[state],\n          children: svgLabel ? svg`<title>${svgLabel}</title>` : undefined,\n        })}\n        <slot>\n          <p\n            role=\"button\"\n            class=\"${prefix}--progress-label\"\n            aria-describedby=\"label-tooltip\"\n            title=\"${label}\">\n            ${label}\n          </p>\n        </slot>\n        <slot name=\"secondary-label-text\">\n          ${!optionalLabel\n            ? undefined\n            : html`<p class=\"${prefix}--progress-optional\">\n                ${optionalLabel}\n              </p>`}\n        </slot>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n"]}

package/es/components/radio-button/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/radio-button/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,2BAA2B;IACrC;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,QAAQ,aAAa;CACtB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The label position of radio button.\n */\nexport enum RADIO_BUTTON_LABEL_POSITION {\n  /**\n   * Placed at left.\n   */\n  LEFT = 'left',\n\n  /**\n   * Placed at right.\n   */\n  RIGHT = 'right',\n}\n\n/**\n * How to lay out radio buttons.\n */\nexport enum RADIO_BUTTON_ORIENTATION {\n  /**\n   * Laying out radio buttons horizontally.\n   */\n  HORIZONTAL = 'horizontal',\n\n  /**\n   * Laying out radio buttons vertically.\n   */\n  VERTICAL = 'vertical',\n}\n"]}

package/es/components/radio-button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/radio-button/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,yBAAyB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './radio-button';\nimport './radio-button-group';\nimport './radio-button-skeleton';\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAO/E,OAAO,EAAE,wBAAwB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEA8DlC;;mBAEG;;;;;AA9DL;;;;;GAKG;AACH,cACM,mBAAoB,SAAQ,wBAAwC;IACxE;;OAEG;IAGH,OAAO,CAAC,6BAA6B,CAqBnC;IAEF,eAAe,CAAC,KAAK,EAAE,KAAK;IAY5B;;OAEG;IAEH,eAAe,EAAG,MAAM,CAAC;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,OAAO,CAAC,iBAAiB,KAAA;IA4BzB,MAAM;IA2DN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"radio-button-group.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { find, forEach } from '../../globals/internal/collection-helpers';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport CDSRadioButton from './radio-button';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_ORIENTATION };\n\n/**\n * Radio button group.\n *\n * @element cds-radio-button-group\n * @fires cds-radio-button-group-changed - The custom event fired after this radio button group changes its selected item.\n */\n@customElement(`${prefix}-radio-button-group`)\nclass CDSRadioButtonGroup extends FormMixin(HostListenerMixin(LitElement)) {\n  /**\n   * Handles user-initiated change in selected radio button.\n   */\n  @HostListener('eventChangeRadioButton')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAfterChangeRadioButton = () => {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    const selected = find(\n      this.querySelectorAll(selectorRadioButton),\n      (elem) => (elem as CDSRadioButton).checked\n    );\n    const oldValue = this.value;\n    this.value = selected && selected.value;\n    if (oldValue !== this.value) {\n      const { eventChange } = this.constructor as typeof CDSRadioButtonGroup;\n      this.dispatchEvent(\n        new CustomEvent(eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n    }\n  };\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (\n      !disabled &&\n      typeof name !== 'undefined' &&\n      typeof value !== 'undefined'\n    ) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  defaultSelected!: string;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'legend-text' })\n  legendText = '';\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText;\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * Controls the readonly state of the radio button group.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  updated(changedProperties) {\n    const { selectorRadioButton } = this\n      .constructor as typeof CDSRadioButtonGroup;\n    ['disabled', 'labelPosition', 'orientation', 'readOnly', 'name'].forEach(\n      (name) => {\n        if (changedProperties.has(name)) {\n          const { [name as keyof CDSRadioButtonGroup]: value } = this;\n          // Propagate the property to descendants until `:host-context()` gets supported in all major browsers\n          forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n            (elem as CDSRadioButton)[name] = value;\n          });\n        }\n      }\n    );\n    if (changedProperties.has('value')) {\n      const { value } = this;\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).checked =\n          value === (elem as CDSRadioButton).value;\n      });\n    }\n    if (changedProperties.has('invalid')) {\n      forEach(this.querySelectorAll(selectorRadioButton), (elem) => {\n        (elem as CDSRadioButton).invalid = this.invalid;\n      });\n    }\n  }\n\n  render() {\n    const {\n      readOnly,\n      invalid,\n      invalidText,\n      warn,\n      warnText,\n      disabled,\n      orientation,\n      legendText,\n      helperText,\n    } = this;\n\n    const showWarning = !readOnly && !invalid && warn;\n    const showHelper = !invalid && !disabled && !warn;\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--radio-button__invalid-icon`,\n    });\n\n    const warnIcon = WarningAltFilled16({\n      class: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`,\n    });\n\n    const helper = helperText\n      ? html`<div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n      : null;\n\n    const fieldsetClasses = classMap({\n      [`${prefix}--radio-button-group`]: true,\n      [`${prefix}--radio-button-group--readonly`]: readOnly,\n      [`${prefix}--radio-button-group--${orientation}`]:\n        orientation === 'vertical',\n    });\n\n    return html` <fieldset\n        class=\"${fieldsetClasses}\"\n        ?disabled=\"${disabled}\"\n        aria-readonly=\"${readOnly}\">\n        ${legendText\n          ? html` <legend class=\"${prefix}--label\">${legendText}</legend>`\n          : ``}\n        <slot></slot>\n      </fieldset>\n      <div class=\"${prefix}--radio-button__validation-msg\">\n        ${!readOnly && invalid\n          ? html`\n              ${invalidIcon}\n              <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n            `\n          : null}\n        ${showWarning\n          ? html`${warnIcon}\n              <div class=\"${prefix}--form-requirement\">${warnText}</div>`\n          : null}\n      </div>\n      ${showHelper ? helper : null}`;\n  }\n\n  /**\n   * A selector that will return the radio buttons.\n   */\n  static get selectorRadioButton() {\n    return `${prefix}-radio-button`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button group changes its selected item.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-group-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after a radio button changes its checked state.\n   */\n  static get eventChangeRadioButton() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonGroup;\n"]}

package/es/components/radio-button/radio-button-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/radio-button/radio-button-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"radio-button-skeleton.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of radio button.\n */\n@customElement(`${prefix}-radio-button-skeleton`)\nclass CDSRadioButtonSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--radio-button ${prefix}--skeleton\"></div>\n      <span class=\"${prefix}--radio-button__label ${prefix}--skeleton\"></span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSRadioButtonSkeleton;\n"]}

package/es/components/radio-button/radio-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAWvC,OAAO,EAAE,2BAA2B,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAI/E,OAAO,EAAE,2BAA2B,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EvC;;;;;GAKG;AACH,cACM,cAAe,SAAQ,mBAAyC;IACpE;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAkC;IAElD;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAuB;IAEnD;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAoB;IAEtC;;OAEG;IAGH,OAAO,CAAC,YAAY,CAoBlB;IAEF;;OAEG;IAGH,OAAO,CAAC,cAAc,CAmBpB;IAEF;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,aAAa,8BAAqC;IAElD;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,WAAW,2BAAuC;IAElD;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,oBAAoB;IAOpB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,KAAA;IA+BzB,MAAM;IA6BN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"radio-button.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport { RADIO_BUTTON_LABEL_POSITION, RADIO_BUTTON_ORIENTATION } from './defs';\nimport styles from './radio-button.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { RADIO_BUTTON_LABEL_POSITION };\n\n/**\n * Map of navigation direction by key for horizontal alignment.\n */\nconst navigationDirectionForKeyHorizontal = {\n  ArrowLeft: NAVIGATION_DIRECTION.BACKWARD,\n  Left: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowRight: NAVIGATION_DIRECTION.FORWARD,\n  Right: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * Map of navigation direction by key for vertical alignment.\n */\nconst navigationDirectionForKeyVertical = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for radio button.\n */\nclass RadioButtonDelegate implements ManagedRadioButtonDelegate {\n  /**\n   * The radio button to target.\n   */\n  private _radio: HTMLInputElement;\n\n  constructor(radio: HTMLInputElement) {\n    this._radio = radio;\n  }\n\n  get checked() {\n    return this._radio.checked;\n  }\n\n  set checked(checked) {\n    const { host } = this._radio.getRootNode() as ShadowRoot;\n    const { eventChange } = host.constructor as typeof CDSRadioButton; // eslint-disable-line no-use-before-define\n    (host as CDSRadioButton).checked = checked;\n    this._radio.tabIndex = checked ? 0 : -1;\n    host.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked,\n        },\n      })\n    );\n  }\n\n  get tabIndex() {\n    return this._radio.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._radio.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._radio.name;\n  }\n\n  compareDocumentPosition(other: RadioButtonDelegate) {\n    return this._radio.compareDocumentPosition(other._radio);\n  }\n\n  focus() {\n    this._radio.focus();\n  }\n}\n\n/**\n * Radio button.\n *\n * @element cds-radio-button\n * @fires cds-radio-button-changed - The custom event fired after this radio button changes its checked state.\n */\n@customElement(`${prefix}-radio-button`)\nclass CDSRadioButton extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for radio button.\n   */\n  private _radioButtonDelegate!: RadioButtonDelegate;\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = () => {\n    const { disabled, _radioButtonDelegate: radioButtonDelegate } = this;\n    if (radioButtonDelegate && !disabled && !this.disabledItem) {\n      this.checked = true;\n      if (this._manager) {\n        this._manager.select(radioButtonDelegate, this.readOnly);\n      }\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSRadioButton).eventChange,\n          {\n            bubbles: true,\n            composed: true,\n            detail: {\n              checked: this.checked,\n            },\n          }\n        )\n      );\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    const { orientation, _radioButtonDelegate: radioButtonDelegate } = this;\n    const manager = this._manager;\n    if (radioButtonDelegate && manager) {\n      const navigationDirectionForKey =\n        orientation === RADIO_BUTTON_ORIENTATION.HORIZONTAL\n          ? navigationDirectionForKeyHorizontal\n          : navigationDirectionForKeyVertical;\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(radioButtonDelegate, navigationDirection),\n          this.readOnly\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(radioButtonDelegate, this.readOnly);\n      }\n    }\n  };\n\n  /**\n   * `true` if this radio button should be checked.\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * `true` if the radio button is used in a data table\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * `true` if the radio button item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabledItem = false;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * The label position.\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  labelPosition = RADIO_BUTTON_LABEL_POSITION.RIGHT;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * The orientation to lay out radio buttons.\n   */\n  @property({ reflect: true })\n  orientation = RADIO_BUTTON_ORIENTATION.HORIZONTAL;\n\n  /**\n   * `true` if the radio button group should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property()\n  value!: string;\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  firstUpdated() {\n    this._radioButtonDelegate = new RadioButtonDelegate(this._inputNode);\n  }\n\n  updated(changedProperties) {\n    const {\n      _inputNode: inputNode,\n      _radioButtonDelegate: radioButtonDelegate,\n      name,\n    } = this;\n    if (changedProperties.has('checked') || changedProperties.has('name')) {\n      if (this.readOnly) {\n        this.checked = false;\n      }\n      if (!this._manager) {\n        this._manager = RadioGroupManager.get(\n          this.getRootNode({ composed: true }) as Document\n        );\n      }\n      const { _manager: manager } = this;\n      if (changedProperties.has('name')) {\n        manager!.delete(radioButtonDelegate, changedProperties.get('name'));\n        if (name) {\n          manager!.add(radioButtonDelegate);\n        }\n      }\n      inputNode.setAttribute(\n        'tabindex',\n        !name || !manager || !manager.shouldBeFocusable(radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const {\n      checked,\n      hideLabel,\n      labelText,\n      name,\n      value,\n      disabled,\n      disabledItem,\n    } = this;\n    const innerLabelClasses = classMap({\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    return html`\n      <input\n        id=\"input\"\n        type=\"radio\"\n        class=\"${prefix}--radio-button\"\n        .checked=${checked}\n        ?disabled=\"${disabledItem || disabled}\"\n        name=${ifDefined(name)}\n        value=${ifDefined(value)} />\n      <label for=\"input\" class=\"${prefix}--radio-button__label\">\n        <span class=\"${prefix}--radio-button__appearance\"></span>\n        <span class=\"${innerLabelClasses}\"><slot>${labelText}</slot></span>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSRadioButton;\n"]}

package/es/components/search/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/search/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,UAAU,CAAC;AAClB,OAAO,mBAAmB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './search';\nimport './search-skeleton';\n"]}

package/es/components/search/search-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/search/search-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD;;GAEG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;OAEG;IAEH,IAAI,aAAqB;IAEzB,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"search-skeleton.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of search.\n */\n@customElement(`${prefix}-search-skeleton`)\nclass CDSSearchSkeleton extends LitElement {\n  /**\n   * The search box size. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  render() {\n    return html`\n      <span class=\"${prefix}--label\"></span>\n      <div class=\"${prefix}--search-input\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSearchSkeleton;\n"]}

package/es/components/search/search.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMtD;;;;;;;;;;GAUG;AACH,cACM,SAAU,SAAQ,cAAoD;IAC1E;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAoBpC;;OAEG;IAGH,OAAO,CAAC,aAAa;IAMrB;;;OAGG;IAGH,OAAO,CAAC,YAAY;IAMpB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAQzB,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;;OAGG;IAEH,YAAY,SAAS;IAErB;;OAEG;IAEH,oBAAoB,SAAM;IAE1B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,WAAW,SAAY;IAEvB;;OAEG;IAEH,IAAI,aAAqB;IAEzB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IA8DN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"search.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport Search16 from '@carbon/icons/lib/search/16';\nimport { prefix } from '../../globals/settings';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './search.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Search box.\n *\n * @element cds-search\n * @csspart search-icon The search icon.\n * @csspart label-text The label text.\n * @csspart input The input box.\n * @csspart close-button The close button.\n * @csspart close-icon The close icon.\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-search`)\nclass CDSSearch extends HostListenerMixin(FocusMixin(FormMixin(LitElement))) {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  private _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    this.value = value;\n  }\n\n  /**\n   * Handles `click` event on the button to clear search box content.\n   */\n  private _handleClearInputButtonClick() {\n    if (this.value) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSearch).eventInput, {\n          bubbles: true,\n          composed: true,\n          cancelable: false,\n          detail: {\n            value: '',\n          },\n        })\n      );\n      this.value = '';\n\n      // set focus on back to input once search is cleared\n      const input = this.shadowRoot!.querySelector('input');\n      (input as HTMLElement).focus();\n    }\n  }\n\n  /**\n   * Handles `focus` event on the button when the button can be expanded\n   */\n  @HostListener('focus')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleExpand() {\n    if (this.expandable && !this.expanded) {\n      this.setAttribute('expanded', '');\n    }\n  }\n\n  /**\n   * Handles `focusout` event on the component to be closed after being expanded\n   * Will not close if there is a value typed within.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClose() {\n    if (this.expandable && this.expanded && !this.value) {\n      this.removeAttribute('expanded');\n    }\n  }\n\n  /**\n   * Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n   *\n   * @private\n   */\n  private _handleSlotChange() {\n    const icon = this.querySelector('svg');\n    icon?.setAttribute('part', 'search-icon');\n    icon?.setAttribute('class', `${prefix}--search-magnifier-icon`);\n    icon?.setAttribute('role', `img`);\n    this.hasCustomIcon = true;\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify an optional value for the autocomplete property on the underlying <input>,\n   * defaults to \"off\"\n   */\n  @property({ attribute: 'autocomplete' })\n  autoComplete = 'off';\n\n  /**\n   * Specify a label to be read by screen readers on the \"close\" button\n   */\n  @property({ attribute: 'close-button-label-text' })\n  closeButtonLabelText = '';\n\n  /**\n   * `true` if the search box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the search bar can be expandable\n   */\n  @property({ type: Boolean, reflect: true })\n  expandable = false;\n\n  /**\n   * `true` if the expandable search has been expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  @property({ type: Boolean })\n  hasCustomIcon = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The form name in `FormData`.\n   */\n  @property()\n  name = '';\n\n  /**\n   * Specify the role for the underlying <input>, defaults to searchbox\n   */\n  @property()\n  role = '';\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder = 'Search';\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * The `<input>` name.\n   */\n  @property()\n  type = '';\n\n  /**\n   * The value.\n   */\n  @property({ type: String })\n  value = '';\n\n  render() {\n    const {\n      autoComplete,\n      closeButtonLabelText,\n      disabled,\n      hasCustomIcon,\n      labelText,\n      name,\n      placeholder,\n      role,\n      type,\n      value = '',\n      _handleInput: handleInput,\n      _handleClearInputButtonClick: handleClearInputButtonClick,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    const clearClasses = classMap({\n      [`${prefix}--search-close`]: true,\n      [`${prefix}--search-close--hidden`]: !this.value,\n    });\n    return html`\n      <div class=\"${prefix}--search-magnifier\">\n        <slot name=\"icon\" @slotchange=${handleSlotChange}>\n          ${hasCustomIcon\n            ? html``\n            : html`${Search16({\n                part: 'search-icon',\n                class: `${prefix}--search-magnifier-icon`,\n                role: 'img',\n              })}`}\n        </slot>\n      </div>\n      <label for=\"input\" part=\"label-text\" class=\"${prefix}--label\">\n        <slot>${labelText}</slot>\n      </label>\n      <input\n        autocomplete=\"${autoComplete}\"\n        id=\"input\"\n        part=\"input\"\n        type=\"${ifNonEmpty(type)}\"\n        class=\"${prefix}--search-input\"\n        ?disabled=\"${disabled}\"\n        name=\"${ifNonEmpty(name)}\"\n        placeholder=\"${ifNonEmpty(placeholder)}\"\n        role=\"${role}\"\n        .value=\"${value}\"\n        @input=\"${handleInput}\" />\n      <button\n        part=\"close-button\"\n        class=\"${clearClasses}\"\n        @click=\"${handleClearInputButtonClick}\"\n        type=\"button\"\n        aria-label=\"${closeButtonLabelText}\">\n        ${Close16({\n          part: 'close-icon',\n          'aria-label': closeButtonLabelText,\n          role: 'img',\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSearch;\n"]}

package/es/components/select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/select/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 './select';\nimport './select-item';\nimport './select-item-group';\nimport './select-skeleton';\n"]}

package/es/components/select/select-item-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/select/select-item-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;CACZ;AAED,eAAe,kBAAkB,CAAC","file":"select-item-group.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option group in select box.\n *\n * @element cds-select-item-group\n */\n@customElement(`${prefix}-select-item-group`)\nclass CDSSelectItemGroup extends LitElement {\n  /**\n   * `true` to disable this option.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label.\n   */\n  @property({ reflect: true })\n  label = '';\n}\n\nexport default CDSSelectItemGroup;\n"]}

package/es/components/select/select-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/select/select-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC;;;;GAIG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;CACZ;AAED,eAAe,aAAa,CAAC","file":"select-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option in select box.\n *\n * @element cds-select-item\n */\n@customElement(`${prefix}-select-item`)\nclass CDSSelectItem extends LitElement {\n  /**\n   * `true` to disable this option.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The label. If this is not specified, the child text content is used.\n   */\n  @property({ reflect: true })\n  label = '';\n\n  /**\n   * `true` to select this option.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The value.\n   */\n  @property({ reflect: true })\n  value = '';\n}\n\nexport default CDSSelectItem;\n"]}

package/es/components/select/select-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/select/select-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;OAEG;IAEH,SAAS,UAAS;IAElB,MAAM;IASN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"select-skeleton.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './select.scss';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-select-skeleton`)\nclass CDSSelectSkeleton extends LitElement {\n  /**\n   * `true` if the label should be hidden. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--select ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSelectSkeleton;\n"]}

package/es/components/select/select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/select/select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAItD;;;;;;;GAOG;AACH,cACM,SAAU,SAAQ,cAAqB;IAC3C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAiC;IAE1D;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAEf;IAEd;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAqB;IAExC;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAepB;;;;;;OAMG;IACH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY;IAyCpB,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;;OAGG;IACH,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,OAAO,0BAEV;IAED;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,EAAE,SAAM;IAER;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IACH,IAEI,QAAQ,YAEX;IAED;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IACH,IACI,aAAa,WAEhB;IAED,IAAI,aAAa,CAAC,KAAK,QAAA,EAGtB;IAED;;OAEG;IAEH,IAAI,aAAqB;IAEzB;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAUjB,oBAAoB;IAQpB,OAAO,CAAC,iBAAiB,KAAA;IASzB,MAAM;IAsHN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"select.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport styles from './select.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Select box.\n *\n * @element cds-select\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n  /**\n   * The mutation observer DOM mutation.\n   */\n  private _observerMutation: MutationObserver | null = null;\n\n  /**\n   * The `value` for placeholder `<option>`.\n   */\n  private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n    .toString(36)\n    .slice(2)}`;\n\n  /**\n   * The select box.\n   */\n  @query('select')\n  private _selectNode!: HTMLSelectElement;\n\n  /**\n   * Handles `oninput` event on the `<input>`.\n   *\n   * @param event The event.\n   */\n  private _handleInput({ target }: Event) {\n    const { value } = target as HTMLSelectElement;\n    this.value = value;\n    const { eventSelect } = this.constructor as typeof CDSSelect;\n    this.dispatchEvent(\n      new CustomEvent(eventSelect, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n   * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n   * with `._renderItems()`.\n   * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n   * notably the disabled ones.\n   */\n  private _handleMutation = () => {\n    this.requestUpdate();\n  };\n\n  /**\n   * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n   * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n   */\n  private _renderItems(element: CDSSelect | HTMLOptGroupElement) {\n    const { selectorItem, selectorLeafItem } = this\n      .constructor as typeof CDSSelect;\n    // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n    // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n    // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n    return html`\n      ${filter(\n        element.childNodes,\n        (item) =>\n          item.nodeType === Node.ELEMENT_NODE &&\n          (item as Element).matches(selectorItem)\n      ).map((item) => {\n        const disabled = item.hasAttribute('disabled');\n        const label = item.getAttribute('label');\n        const selected = item.hasAttribute('selected');\n        const value = item.getAttribute('value');\n        const { textContent } = item;\n        return item.matches(selectorLeafItem)\n          ? html`\n              <option\n                class=\"${prefix}--select-option\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifDefined(label ?? textContent)}\"\n                ?selected=\"${selected}\"\n                value=\"${ifDefined(value)}\">\n                ${textContent}\n              </option>\n            `\n          : html`\n              <optgroup\n                class=\"${prefix}--select-optgroup\"\n                ?disabled=\"${disabled}\"\n                label=\"${ifDefined(label)}\">\n                ${this._renderItems(item)}\n              </optgroup>\n            `;\n      })}\n    `;\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * The count of child `<option>`s.\n   * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n   */\n  get length() {\n    return this._selectNode.length;\n  }\n\n  /**\n   * The child `<option>`s.\n   */\n  get options() {\n    return this._selectNode.options;\n  }\n\n  /**\n   * This form control's type.\n   */\n  get type() {\n    return this._selectNode.type;\n  }\n\n  /**\n   * Sets the select to be focussed automatically on page load. Defaults to false\n   */\n  @property({ type: Boolean })\n  autofocus = false;\n\n  /**\n   * Controls the disabled state of the select\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * ID to link the `label` and `select`\n   */\n  @property()\n  id = '';\n\n  /**\n   * Specify if the currently value is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Specify if the currently value is warn.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Message which is displayed if the value is warn.\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * Specify whether you want the inline version of this control\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * `true` to enable multiple selection.\n   */\n  @property({ type: Boolean })\n  // eslint-disable-next-line class-methods-use-this\n  get multiple() {\n    return false;\n  }\n\n  /**\n   * Name for the select in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * Pattern to validate the select against for HTML validity checking\n   */\n  @property()\n  pattern = '';\n\n  /**\n   * Value to display when the select has an empty `value`\n   */\n  @property({ reflect: true })\n  placeholder = '';\n\n  /**\n   * Controls the readonly state of the select\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * Boolean property to set the required status\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * The selected index.\n   */\n  @property({ type: Number })\n  get selectedIndex() {\n    return this._selectNode.selectedIndex;\n  }\n\n  set selectedIndex(value) {\n    this._selectNode.selectedIndex = value;\n    this.value = this._selectNode.value;\n  }\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * The value of the text area.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._observerMutation = new MutationObserver(this._handleMutation);\n    this._observerMutation.observe(this, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._observerMutation) {\n      this._observerMutation.disconnect();\n      this._observerMutation = null;\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('value')) {\n      const { value, _placeholderItemValue: placeholderItemValue } = this;\n      // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n      // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n      this._selectNode.value = !value ? placeholderItemValue : value;\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      helperText,\n      hideLabel,\n      inline,\n      invalid,\n      invalidText,\n      labelText,\n      placeholder,\n      readonly,\n      size,\n      warn,\n      warnText,\n      value,\n      _placeholderItemValue: placeholderItemValue,\n      _handleInput: handleInput,\n    } = this;\n\n    const selectClasses = classMap({\n      [`${prefix}--select`]: true,\n      [`${prefix}--select--inline`]: inline,\n      [`${prefix}--select--invalid`]: invalid,\n      [`${prefix}--select--warning`]: warn,\n      [`${prefix}--select--disabled`]: disabled,\n      [`${prefix}--select--readonly`]: readonly,\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--select-input`]: true,\n      [`${prefix}--select-input--${size}`]: size,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n\n    const supplementalText = helperText\n      ? html`\n          <div class=\"${helperTextClasses}\">\n            <slot name=\"helper-text\"> ${helperText} </slot>\n          </div>\n        `\n      : null;\n\n    const errorText =\n      invalid || warn\n        ? html` <div class=\"${prefix}--form-requirement\">\n            ${invalid ? invalidText : warnText}\n          </div>`\n        : null;\n\n    const input = html`\n      <select\n        id=\"input\"\n        class=\"${inputClasses}\"\n        ?disabled=\"${disabled}\"\n        aria-readonly=\"${String(Boolean(readonly))}\"\n        aria-invalid=\"${String(Boolean(invalid))}\"\n        aria-describedby=\"${ifDefined(!invalid ? undefined : 'invalid-text')}\"\n        @input=\"${handleInput}\">\n        ${!placeholder || value\n          ? undefined\n          : html`\n              <option\n                disabled\n                hidden\n                class=\"${prefix}--select-option\"\n                value=\"${placeholderItemValue}\"\n                selected>\n                ${placeholder}\n              </option>\n            `}\n        ${this._renderItems(this)}\n      </select>\n      ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n      ${!invalid\n        ? undefined\n        : WarningFilled16({ class: `${prefix}--select__invalid-icon` })}\n      ${!invalid && warn\n        ? WarningAltFilled16({\n            class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n          })\n        : null}\n    `;\n\n    return html`\n      <div class=\"${selectClasses}\">\n        ${!hideLabel\n          ? html`<label class=\"${labelClasses}\" for=\"input\">\n              <slot name=\"label-text\"> ${labelText} </slot>\n            </label>`\n          : null}\n        ${inline\n          ? html`<div class=\"${prefix}--select-input--inline__wrapper\">\n              <div\n                class=\"${prefix}--select-input__wrapper\"\n                ?data-invalid=\"${invalid}\">\n                ${input}\n              </div>\n              ${errorText}\n            </div>`\n          : html`<div\n              class=\"${prefix}--select-input__wrapper\"\n              ?data-invalid=\"${invalid}\">\n              ${input}\n            </div> `}\n        ${!inline && errorText ? errorText : supplementalText}\n      </div>\n    `;\n  }\n\n  /**\n   * A selector selecting child pseudo `<optgroup>`/`<option>`.\n   */\n  static get selectorItem() {\n    return `${prefix}-select-item-group,${prefix}-select-item`;\n  }\n\n  /**\n   * A selector selecting child pseudo `<option>`.\n   */\n  static get selectorLeafItem() {\n    return `${prefix}-select-item`;\n  }\n\n  /**\n   * The name of the custom event fired after item is selected.\n   */\n  static get eventSelect() {\n    return `${prefix}-select-selected`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSelect;\n"]}

package/es/components/skeleton-placeholder/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/skeleton-placeholder/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,wBAAwB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './skeleton-placeholder';\n"]}

package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/skeleton-placeholder/skeleton-placeholder.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"skeleton-placeholder.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './skeleton-placeholder.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton placeholder.\n *\n * @element cds-skeleton-placeholder\n */\n@customElement(`${prefix}-skeleton-placeholder`)\nclass CDSSkeletonPlaceholder extends LitElement {\n  render() {\n    return html` <div class=\"${prefix}--skeleton__placeholder\"></div> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSkeletonPlaceholder;\n"]}

package/es/components/skeleton-text/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/skeleton-text/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,kBAAkB;IAC5B;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,OAAO,YAAY;CACpB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Skeleton text types.\n */\nexport enum SKELETON_TEXT_TYPE {\n  /**\n   * Regular variant.\n   */\n  REGULAR = '',\n\n  /**\n   * Heading variant.\n   */\n  HEADING = 'heading',\n}\n"]}

package/es/components/skeleton-text/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/skeleton-text/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,iBAAiB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './skeleton-text';\n"]}

package/es/components/skeleton-text/skeleton-text.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/skeleton-text/skeleton-text.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAO9B;;;;GAIG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,IAAI,qBAA8B;IAElC;;OAEG;IAEH,KAAK,SAAU;IAEf;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,SAAS,SAAK;IAEd,MAAM;IA0BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"skeleton-text.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { SKELETON_TEXT_TYPE } from './defs';\nimport styles from './skeleton-text.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { SKELETON_TEXT_TYPE };\n\nfunction getRandomInt(min: number, max: number, n: number) {\n  const randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];\n  return Math.floor(randoms[n % 3] * (max - min + 1)) + min;\n}\n\n/**\n * Skeleton text.\n *\n * @element cds-skeleton-text\n */\n@customElement(`${prefix}-skeleton-text`)\nclass CDSSkeletonText extends LitElement {\n  /**\n   * The type of skeleton text.\n   */\n  @property({ reflect: true })\n  type = SKELETON_TEXT_TYPE.REGULAR;\n\n  /**\n   * width (in px or %) of single line of text or max-width of paragraph lines\n   */\n  @property({ reflect: true })\n  width = '100%';\n\n  /**\n   * will generate multiple lines of text\n   */\n  @property({ type: Boolean, reflect: true })\n  paragraph = false;\n\n  /**\n   * the number of lines in a paragraph\n   */\n  @property({ type: Number, reflect: true })\n  lineCount = 3;\n\n  render() {\n    const { paragraph, lineCount, type, width } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton__text`]: true,\n      [`${prefix}--skeleton__heading`]: type === SKELETON_TEXT_TYPE.HEADING,\n    });\n    if (paragraph) {\n      const widthNum = parseInt(this.width, 10);\n      const widthPx = this.width.includes('px');\n      const widthPercent = this.width.includes('%');\n      const lines = Array.apply(null, Array(lineCount));\n      return html`${lines.map((_, i) => {\n        const randomWidth =\n          (widthPercent && `${getRandomInt(0, 75, i)}px`) ||\n          (widthPx && `${getRandomInt(0, widthNum, i)}px`);\n        const style =\n          (widthPercent && `width: calc(${width} - ${randomWidth})`) ||\n          (widthPx && `width: ${randomWidth}`) ||\n          '';\n        return html`<p class=\"${classes}\" style=\"${style}\"></p>`;\n      })}`;\n    }\n\n    return html`<p class=\"${classes}\" style=\"width:${width}\"></p>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSkeletonText;\n"]}

package/es/components/skip-to-content/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/skip-to-content/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,mBAAmB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './skip-to-content';\n"]}

package/es/components/skip-to-content/skip-to-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/skip-to-content/skip-to-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQvC;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IAEH,kBAAkB,SAA0B;IAE5C;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iBAAiB;IAOjB,MAAM;IASN,OAAO,CAAC,iBAAiB,KAAA;IAOzB,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"skip-to-content.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './skip-to-content.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skip-to-content link.\n *\n * @element cds-skip-to-content\n */\n@customElement(`${prefix}-skip-to-content`)\nclass CDSSkipToContent extends FocusMixin(LitElement) {\n  /**\n   * The assistive text for the link,\n   */\n  @property({ attribute: 'link-assistive-text' })\n  linkAssisstiveText = 'Skip to main content';\n\n  /**\n   * The skip link href.\n   */\n  @property()\n  href?: string;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'navigation');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { linkAssisstiveText } = this;\n    return html`\n      <a class=\"${prefix}--skip-to-content\" href=\"${ifDefined(this.href)}\"\n        ><slot>${linkAssisstiveText}</slot></a\n      >\n    `;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('linkAssisstiveText')) {\n      const { linkAssisstiveText } = this;\n      this.setAttribute('aria-label', linkAssisstiveText);\n    }\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSkipToContent;\n"]}

package/es/components/slider/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/slider/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,UAAU,CAAC;AAClB,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './slider';\nimport './slider-input';\nimport './slider-skeleton';\n"]}

package/es/components/slider/slider-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/slider/slider-input.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUvC;;;;;GAKG;AACH,cACM,cAAe,SAAQ,mBAAsB;IACjD;;OAEG;IACH,OAAO,CAAC,IAAI,CAAS;IAErB;;OAEG;IACH,OAAO,CAAC,IAAI,CAAO;IAEnB;;OAEG;IACH,OAAO,CAAC,KAAK,CAAO;IAEpB;;OAEG;IACH,OAAO,CAAC,aAAa;IAYrB;;OAEG;IACH,OAAO,CAAC,YAAY;IAapB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAS;IAEb;;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,IAAI,SAAY;IAEhB;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM;IAgDN;;OAEG;IACH,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"slider-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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './slider.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * The `<input>` box for slider.\n *\n * @element cds-slider-input\n * @fires cds-slider-input-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider-input`)\nclass CDSSliderInput extends FocusMixin(LitElement) {\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * Handles `change` event to fire a normalized custom event.\n   */\n  private _handleChange({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `input` event to fire a normalized custom event.\n   */\n  private _handleInput({ target }: Event) {\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSliderInput).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value: Number((target as HTMLInputElement).value),\n          intermediate: true,\n        },\n      })\n    );\n  }\n\n  /**\n   * `true` if the input should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * true to specify if the control is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * true to specify if the control should display warn icon and text.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * The type of the `<input>`.\n   */\n  @property()\n  type = 'number';\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value!: number;\n\n  /**\n   * true` if the input should be readonly.\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  render() {\n    const {\n      disabled,\n      max,\n      min,\n      readonly,\n      step,\n      type,\n      value,\n      invalid,\n      warn,\n      _handleChange: handleChange,\n      _handleInput: handleInput,\n    } = this;\n\n    const classes = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--slider-text-input`]: true,\n      [`${prefix}--text-input--invalid`]: invalid,\n      [`${prefix}--slider-text-input--warn`]: warn,\n    });\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--slider__invalid-icon`,\n    });\n\n    const warnIcon = WarningAltFilled16({\n      class: `${prefix}--slider__invalid-icon ${prefix}--slider__invalid-icon--warning`,\n    });\n\n    return html`\n      <input\n        ?disabled=\"${disabled}\"\n        ?data-invalid=\"${invalid}\"\n        type=\"${ifDefined(type)}\"\n        class=\"${classes}\"\n        max=\"${max}\"\n        min=\"${min}\"\n        ?readonly=\"${ifDefined(readonly)}\"\n        step=\"${step}\"\n        .value=\"${value}\"\n        @change=\"${handleChange}\"\n        @input=\"${handleInput}\" />\n      ${invalid ? html`${invalidIcon}` : null}\n      ${warn ? html`${warnIcon}` : null}\n    `;\n  }\n\n  /**\n   * A selector that will return the parent slider.\n   */\n  static get selectorParent() {\n    return `${prefix}-slider`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSliderInput;\n"]}

package/es/components/slider/slider-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/slider/slider-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"slider-skeleton.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './slider.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of slider.\n */\n@customElement(`${prefix}-slider-skeleton`)\nclass CDSSliderSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--label ${prefix}--skeleton\"></span>\n      <div class=\"${prefix}--slider-container ${prefix}--skeleton\">\n        <span class=\"${prefix}--slider__range-label\"></span>\n        <div class=\"${prefix}--slider\">\n          <div class=\"${prefix}--slider__track\"></div>\n          <div class=\"${prefix}--slider__filled-track\"></div>\n          <div class=\"${prefix}--slider__thumb\"></div>\n        </div>\n        <span class=\"${prefix}--slider__range-label\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSSliderSkeleton;\n"]}

package/es/components/slider/slider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/slider/slider.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BvC;;;;;;;;GAQG;AACH,cACM,SAAU,SAAQ,cAAoD;IAC1E;;OAEG;IACH,OAAO,CAAC,IAAI,CAAS;IAErB;;OAEG;IACH,OAAO,CAAC,IAAI,CAAO;IAEnB;;OAEG;IACH,OAAO,CAAC,KAAK,CAAO;IAEpB;;OAEG;IACH,OAAO,CAAC,eAAe,CAAO;IAE9B;;OAEG;IACH,OAAO,CAAC,+BAA+B,CAEvB;IAEhB;;OAEG;IACH,OAAO,CAAC,SAAS,CAAS;IAE1B;;;OAGG;IACH,OAAO,KAAK,KAAK,GAOhB;IAED,OAAO,KAAK,KAAK,QAShB;IAED;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAkB;IAEpC;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAkB;IAEpC;;OAEG;IACH,iBAAiB;IAIjB,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;OAEG;IACH,OAAO,CAAC,cAAc;IAwCtB;;OAEG;IACH,OAAO,CAAC,UAAU;IAKlB;;OAEG;IACH,OAAO,CAAC,YAAY;IA0BpB;;;;OAIG;IAGH,OAAO,CAAC,kBAAkB,CAKxB;IAEF;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;IA2B9B;;OAEG;IACH,OAAO,CAAC,QAAQ,CAcd;IAEF;;OAEG;IAGH,OAAO,CAAC,kBAAkB,CAaxB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,QAAQ,SAAM;IAEd;;;OAGG;IAEH,aAAa,QAAS,MAAM,YAAY,MAAM,GAAG,SAAS,YACpC;IAEtB;;;OAGG;IAEH,aAAa,QAAS,MAAM,YAAY,MAAM,GAAG,SAAS,YACpC;IAEtB;;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;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IACH,IACI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,KAAK,QAAA,EAIb;IAED;;;OAGG;IACH,IACI,cAAc,WAEjB;IAED,IAAI,cAAc,CAAC,KAAK,QAAA,EAIvB;IAED;;OAEG;IAEH,KAAK,MAAC;IAEN;;OAEG;IAEH,OAAO,MAAC;IAER,iBAAiB,CAAC,KAAK,KAAA;IAcvB,iBAAiB;IAUjB,oBAAoB;IAQpB,YAAY,CAAC,iBAAiB,KAAA;IAqD9B,MAAM;IA0FN;;OAEG;IACH,MAAM,KAAK,aAAa,WAEvB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"slider.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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport throttle from 'lodash-es/throttle';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport CDSSliderInput from './slider-input';\nimport styles from './slider.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ninterface Cancelable {\n  cancel(): void;\n}\n\n/**\n * The direction to move the thumb, associated with key symbols.\n */\nconst THUMB_DIRECTION = {\n  Left: -1,\n  ArrowLeft: -1,\n  Up: -1,\n  ArrowUp: -1,\n  Right: 1,\n  ArrowRight: 1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * Slider.\n *\n * @element cds-slider\n * @slot label-text - The label text.\n * @slot max-text - The text for maximum value.\n * @slot min-text - The text for minimum value.\n * @fires cds-slider-changed - The custom event fired after the value is changed by user gesture.\n */\n@customElement(`${prefix}-slider`)\nclass CDSSlider extends HostListenerMixin(FormMixin(FocusMixin(LitElement))) {\n  /**\n   * The internal value of `max` property.\n   */\n  private _max = '100';\n\n  /**\n   * The internal value of `min` property.\n   */\n  private _min = '0';\n\n  /**\n   * The internal value of `step` property.\n   */\n  private _step = '1';\n\n  /**\n   * The internal value of `stepMultiplier` property.\n   */\n  private _stepMultiplier = '4';\n\n  /**\n   * The handle for the throttled listener of `pointermove` event.\n   */\n  private _throttledHandlePointermoveImpl:\n    | (((event: PointerEvent) => void) & Cancelable)\n    | null = null;\n\n  /**\n   * `true` if dragging of thumb is in progress.\n   */\n  private _dragging = false;\n\n  /**\n   * The rate of the thumb position in the track.\n   * When we try to set a new value, we adjust the value considering `step` property.\n   */\n  private get _rate() {\n    const { max, min, value } = this;\n    // Copes with out-of-range value coming programmatically or from `<cds-slider-input>`\n    return (\n      (Math.min(Number(max), Math.max(Number(min), value)) - Number(min)) /\n      (Number(max) - Number(min))\n    );\n  }\n\n  private set _rate(rate: number) {\n    const { max, min, step } = this;\n    this.value =\n      Number(min) +\n      Math.round(\n        ((Number(max) - Number(min)) * Math.min(1, Math.max(0, rate))) /\n          Number(step)\n      ) *\n        Number(step);\n  }\n\n  /**\n   * The DOM element of the thumb.\n   */\n  @query('#thumb')\n  private _thumbNode!: HTMLDivElement;\n\n  /**\n   * The DOM element of the track.\n   */\n  @query('#track')\n  private _trackNode!: HTMLDivElement;\n\n  /**\n   * Handles `click` event on the `<label>` to focus on the thumb.\n   */\n  _handleClickLabel() {\n    this._thumbNode?.focus();\n  }\n\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, String(value));\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the thumb to increase/decrease the value.\n   */\n  private _handleKeydown({ key, shiftKey }: KeyboardEvent) {\n    if (!this.disabled) {\n      if (key in THUMB_DIRECTION) {\n        const {\n          max: rawMax,\n          min: rawMin,\n          step: rawStep,\n          stepMultiplier: rawstepMultiplier,\n          value,\n        } = this;\n        const max = Number(rawMax);\n        const min = Number(rawMin);\n        const step = Number(rawStep);\n        const stepMultiplier = Number(rawstepMultiplier);\n        const diff =\n          (!shiftKey ? step : (max - min) / stepMultiplier) *\n          THUMB_DIRECTION[key];\n        const stepCount = (value + diff) / step;\n        // Snaps to next\n        this.value = Math.min(\n          max,\n          Math.max(\n            min,\n            (diff >= 0 ? Math.floor(stepCount) : Math.ceil(stepCount)) * step\n          )\n        );\n        this.dispatchEvent(\n          new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n            bubbles: true,\n            composed: true,\n            detail: {\n              value: this.value,\n              intermediate: false,\n            },\n          })\n        );\n      }\n    }\n  }\n\n  /**\n   * Handles `pointerdown` event on the thumb to start dragging.\n   */\n  private _startDrag() {\n    this._dragging = true;\n    this._thumbNode.style.touchAction = 'none';\n  }\n\n  /**\n   * Handles `pointerdown` event on the track to update the thumb position and the value as necessary.\n   */\n  private _handleClick(event: PointerEvent) {\n    if (!this.disabled) {\n      const { _trackNode: trackNode } = this;\n      const isRtl =\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        trackNode.getBoundingClientRect();\n      this._rate =\n        (isRtl\n          ? trackLeft + trackWidth - thumbPosition\n          : thumbPosition - trackLeft) / trackWidth;\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n    }\n  }\n\n  /**\n   * Handles `pointermove` to update the thumb position and the value as necessary.\n   *\n   * @param event The event.\n   */\n  @HostListener('document:pointermove')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handlePointermove = (event: PointerEvent) => {\n    const { disabled, _dragging: dragging } = this;\n    if (!disabled && dragging) {\n      this._throttledHandlePointermoveImpl!(event);\n    }\n  };\n\n  /**\n   * Updates thumb position and value upon user's `pointermove` gesture.\n   *\n   * @param event The event.\n   */\n  private _handlePointermoveImpl(event: PointerEvent) {\n    const { disabled, _dragging: dragging, _trackNode: trackNode } = this;\n    if (!disabled && dragging) {\n      const isRtl =\n        trackNode\n          .ownerDocument!.defaultView!.getComputedStyle(trackNode)\n          .getPropertyValue('direction') === 'rtl';\n      const thumbPosition = event.clientX;\n      const { left: trackLeft, width: trackWidth } =\n        this._trackNode.getBoundingClientRect();\n      this._rate =\n        (isRtl\n          ? trackLeft + trackWidth - thumbPosition\n          : thumbPosition - trackLeft) / trackWidth;\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n            intermediate: true,\n          },\n        })\n      );\n    }\n  }\n\n  /**\n   * Handles `pointerup` and `pointerleave` event to finishing dragging.\n   */\n  private _endDrag = () => {\n    if (this._dragging) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n          bubbles: true,\n          composed: true,\n          detail: {\n            value: this.value,\n          },\n        })\n      );\n      this._dragging = false;\n      this._thumbNode.style.touchAction = '';\n    }\n  };\n\n  /**\n   * Handles `${prefix}-slider-input-changed` event to update the value.\n   */\n  @HostListener('eventChangeInput')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChangeInput = ({ detail }: CustomEvent) => {\n    const { intermediate, value } = detail;\n    this.value = value;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSSlider).eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value,\n          intermediate,\n        },\n      })\n    );\n  };\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * \ttrue to specify if the control is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * \tWhether the slider should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readonly = false;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText = '';\n\n  /**\n   * The label associated with the maximum value.\n   */\n  @property({ attribute: 'max-label', reflect: true })\n  maxLabel = '';\n\n  /**\n   * The label associated with the minimum value.\n   */\n  @property({ attribute: 'min-label', reflect: true })\n  minLabel = '';\n\n  /**\n   * The formatter for the text for maximum value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMaxText = (max: string, maxLabel: string | undefined) =>\n    `${max}${maxLabel}`;\n\n  /**\n   * The formatter for the text for min/max value.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatMinText = (min: string, minLabel: string | undefined) =>\n    `${min}${minLabel}`;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const { max: oldMax } = this;\n    this._max = value;\n    this.requestUpdate('max', oldMax);\n  }\n\n  /**\n   * The minimum value.\n   */\n  @property({ type: Number, reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const { min: oldMin } = this;\n    this._min = value;\n    this.requestUpdate('min', oldMin);\n  }\n\n  /**\n   * The form name.\n   */\n  @property()\n  name!: string;\n\n  /**\n   * true to specify if the control is invalid.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * true to specify if the control should display warn icon and text.\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  /**\n   * The snapping step of the value.\n   */\n  @property({ type: Number, reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const { step: oldStep } = this;\n    this._step = value;\n    this.requestUpdate('step', oldStep);\n  }\n\n  /**\n   * A value determining how much the value should increase/decrease by Shift+arrow keys,\n   * which will be `(max - min) / stepMultiplier`.\n   */\n  @property({ type: Number, reflect: true, attribute: 'step-multiplier' })\n  get stepMultiplier() {\n    return this._stepMultiplier.toString();\n  }\n\n  set stepMultiplier(value) {\n    const { stepMultiplier: oldstepMultiplier } = this;\n    this._stepMultiplier = value;\n    this.requestUpdate('stepMultiplier', oldstepMultiplier);\n  }\n\n  /**\n   * The value.\n   */\n  @property({ type: Number })\n  value;\n\n  /**\n   * is slide input valid\n   */\n  @property({ type: Boolean })\n  isValid;\n\n  _getInputValidity(input) {\n    if (this.invalid) {\n      return false;\n    }\n\n    if (\n      input?.valueAsNumber > Number(this.max) ||\n      input?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n    return true;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl = throttle(\n        this._handlePointermoveImpl,\n        10\n      );\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._throttledHandlePointermoveImpl) {\n      this._throttledHandlePointermoveImpl.cancel();\n      this._throttledHandlePointermoveImpl = null;\n    }\n    super.disconnectedCallback();\n  }\n\n  shouldUpdate(changedProperties) {\n    const input = this.querySelector(\n      (this.constructor as typeof CDSSlider).selectorInput\n    ) as CDSSliderInput;\n    if (changedProperties.has('disabled')) {\n      if (input) {\n        input.disabled = this.disabled;\n      }\n      if (this.disabled) {\n        this._dragging = false;\n      }\n    }\n    if (changedProperties.has('readonly')) {\n      if (input) {\n        input.readonly = this.readonly;\n      }\n      if (this.readonly) {\n        this._dragging = false;\n      }\n    }\n    if (input) {\n      ['max', 'min', 'step', 'value'].forEach((name) => {\n        if (changedProperties.has(name)) {\n          input[name] = this[name];\n        }\n      });\n\n      if (\n        changedProperties.has('value') ||\n        changedProperties.has('invalid') ||\n        changedProperties.has('warn') ||\n        changedProperties.has('readonly')\n      ) {\n        const innerInput = input?.shadowRoot?.querySelector('input');\n\n        this.isValid = this._getInputValidity(innerInput);\n\n        if (!this.readonly && !this.isValid) {\n          input.invalid = true;\n        } else {\n          input.invalid = false;\n        }\n\n        if (!this.readonly && !this.invalid && this.warn && this.isValid) {\n          input.warn = true;\n        } else {\n          input.warn = false;\n        }\n      }\n    }\n    return true;\n  }\n\n  render() {\n    const {\n      disabled,\n      formatMaxText,\n      formatMinText,\n      labelText,\n      max,\n      min,\n      maxLabel,\n      minLabel,\n      readonly,\n      invalidText,\n      isValid,\n      warn,\n      warnText,\n      value,\n      _rate: rate,\n      _handleClickLabel: handleClickLabel,\n      _handleKeydown: handleKeydown,\n      _handleClick: handleClick,\n      _startDrag: startDrag,\n      _endDrag: endDrag,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const sliderClasses = classMap({\n      [`${prefix}--slider`]: true,\n      [`${prefix}--slider--disabled`]: disabled,\n      [`${prefix}--slider--readonly`]: readonly,\n    });\n\n    return html`\n      <label class=\"${labelClasses}\" @click=\"${handleClickLabel}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div class=\"${prefix}--slider-container\">\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"min-text\">${formatMinText(min, minLabel)}</slot>\n        </span>\n        <div\n          @keydown=\"${handleKeydown}\"\n          @click=\"${handleClick}\"\n          @pointerup=\"${endDrag}\"\n          @pointerleave=\"${endDrag}\"\n          class=\"${sliderClasses}\"\n          tabindex=\"-1\"\n          role=\"presentation\">\n          <div\n            id=\"thumb\"\n            class=\"${prefix}--slider__thumb\"\n            role=\"slider\"\n            tabindex=\"${!readonly ? 0 : -1}\"\n            aria-valuemax=\"${max}\"\n            aria-valuemin=\"${min}\"\n            aria-valuenow=\"${value}\"\n            style=\"left: ${rate * 100}%\"\n            @pointerdown=\"${startDrag}\"></div>\n          <div id=\"track\" class=\"${prefix}--slider__track\"></div>\n          <div class=\"${prefix}-ce--slider__filled-track-container\">\n            <div\n              class=\"${prefix}--slider__filled-track\"\n              style=\"transform: translate(0%, -50%) scaleX(${rate})\"></div>\n          </div>\n        </div>\n        <span class=\"${prefix}--slider__range-label\">\n          <slot name=\"max-text\">${formatMaxText(max, maxLabel)}</slot>\n        </span>\n        <slot></slot>\n      </div>\n\n      ${!readonly && !isValid\n        ? html`\n            <div\n              class=\"${prefix}--slider__validation-msg ${prefix}--slider__validation-msg--invalid ${prefix}--form-requirement\">\n              ${invalidText}\n            </div>\n          `\n        : null}\n      ${!readonly && warn && isValid\n        ? html`<div\n            class=\"${prefix}--slider__validation-msg ${prefix}--form-requirement\">\n            ${warnText}\n          </div>`\n        : null}\n    `;\n  }\n\n  /**\n   * A selector that will return the `<input>` box got entering the value directly.\n   */\n  static get selectorInput() {\n    return `${prefix}-slider-input`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed by user gesture.\n   */\n  static get eventChange() {\n    return `${prefix}-slider-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed in `<cds-slider-input>` by user gesture.\n   */\n  static get eventChangeInput() {\n    return `${prefix}-slider-input-changed`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSSlider;\n"]}

package/es/components/stack/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/stack/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,UAIzB,CAAC","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { spacing } from '@carbon/layout';\n\n/**\n * Stack orientation\n */\nexport enum STACK_ORIENTATION {\n  /**\n   * Default vertical orientation.\n   */\n  VERTICAL = 'vertical',\n\n  /**\n   * Horizontal.\n   */\n  HORIZONTAL = 'horizontal',\n}\n\n/**\n * The steps in the spacing scale\n *\n * @type {Array<number>}\n */\nexport const SPACING_STEPS = Array.from({ length: spacing.length - 1 }).map(\n  (_, step) => {\n    return step + 1;\n  }\n);\n"]}

package/es/components/stack/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/stack/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,SAAS,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './stack';\n"]}

package/es/components/stack/stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/stack/stack.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC;AAE5C;;;;;;;;;;;;;GAaG;AACH,cACM,QAAS,SAAQ,UAAU;IAC/B;;OAEG;IAEH,WAAW,oBAA8B;IAEzC;;;OAGG;IAEH,GAAG,MAAC;IAEJ;;OAEG;IAEH,iBAAiB,UAAS;IAE1B,OAAO,CAAC,iBAAiB,KAAA;IAYzB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,QAAQ,CAAC","file":"stack.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './stack.scss';\nimport { STACK_ORIENTATION, SPACING_STEPS } from './defs';\n\nexport { STACK_ORIENTATION, SPACING_STEPS };\n\n/**\n * The Stack component is a useful layout utility in a component-based model.\n * This allows components to not use margin and instead delegate the\n * responsibility of positioning and layout to parent components.\n *\n * In the case of the Stack component, it uses the spacing scale from the\n * Design Language in order to determine how much space there should be between\n * items rendered by the Stack component. It also supports a custom `gap` prop\n * which will allow a user to provide a custom value for the gap of the layout.\n *\n * This component supports both horizontal and vertical orientations.\n *\n * @element cds-stack\n */\n@customElement(`${prefix}-stack`)\nclass CDSStack extends LitElement {\n  /**\n   * Specify the orientation of them items in the Stack\n   */\n  @property({ type: String, reflect: true })\n  orientation = STACK_ORIENTATION.VERTICAL;\n\n  /**\n   * Provide either a custom value or a step from the spacing scale to be used\n   * as the gap in the layout\n   */\n  @property({ type: SPACING_STEPS || String, reflect: true })\n  gap;\n\n  /**\n   * Turn on when passing in custom value to 'gap' attribute (ie. gap=\"2rem\")\n   */\n  @property({ type: Boolean, attribute: 'use-custom-gap-value' })\n  useCustomGapValue = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('gap')) {\n      if (this.useCustomGapValue) {\n        this.style.setProperty(`--${prefix}-stack-gap`, `${this.gap}`);\n      } else {\n        const oldGapValue = changedProperties.get('gap');\n        this.classList.remove(`${prefix}--stack-scale-${oldGapValue}`);\n        this.classList.add(`${prefix}--stack-scale-${this.gap}`);\n      }\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSStack;\n"]}

package/es/components/structured-list/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/structured-list/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,mBAAmB,CAAC;AAC3B,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,+BAA+B,CAAC;AACvC,OAAO,wCAAwC,CAAC;AAChD,OAAO,8BAA8B,CAAC;AACtC,OAAO,uBAAuB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './structured-list';\nimport './structured-list-body';\nimport './structured-list-cell';\nimport './structured-list-head';\nimport './structured-list-header-cell';\nimport './structured-list-header-cell-skeleton';\nimport './structured-list-header-row';\nimport './structured-list-row';\n"]}

package/es/components/structured-list/structured-list-body.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/structured-list/structured-list-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,UAAU;IAC5C,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"structured-list-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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './structured-list.scss';\n\n/**\n * Structured list body.\n *\n * @element cds-structured-list-body\n */\n@customElement(`${prefix}-structured-list-body`)\nclass CDSStructuredListBody extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListBody;\n"]}

package/es/components/structured-list/structured-list-cell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/structured-list/structured-list-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,qBAAsB,SAAQ,UAAU;IAC5C,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"structured-list-cell.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './structured-list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Structured list cell.\n *\n * @element cds-structured-list-cell\n */\n@customElement(`${prefix}-structured-list-cell`)\nclass CDSStructuredListCell extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'cell');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListCell;\n"]}

package/es/components/structured-list/structured-list-head.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/structured-list/structured-list-head.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,UAAU;IAC9C,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,uBAAuB,CAAC","file":"structured-list-head.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './structured-list.scss';\n\n/**\n * Structured list header.\n *\n * @element cds-structured-list-head\n */\n@customElement(`${prefix}-structured-list-head`)\nclass CDSStructuredListHeader extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeader;\n"]}

package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/structured-list/structured-list-header-cell-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,mCAAoC,SAAQ,UAAU;IAC1D,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mCAAmC,CAAC","file":"structured-list-header-cell-skeleton.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './structured-list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of structured list header cell.\n */\n@customElement(`${prefix}-structured-list-header-cell-skeleton`)\nclass CDSStructuredListHeaderCellSkeleton extends LitElement {\n  render() {\n    return html` <span></span> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeaderCellSkeleton;\n"]}

package/es/components/structured-list/structured-list-header-cell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/structured-list/structured-list-header-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,2BAA4B,SAAQ,UAAU;IAClD,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,2BAA2B,CAAC","file":"structured-list-header-cell.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './structured-list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Structured list header cell.\n *\n * @element cds-structured-list-header-cell\n */\n@customElement(`${prefix}-structured-list-header-cell`)\nclass CDSStructuredListHeaderCell extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'columnheader');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeaderCell;\n"]}

package/es/components/structured-list/structured-list-header-row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/structured-list/structured-list-header-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,0BAA2B,SAAQ,UAAU;IACjD;;;OAGG;IAEH,aAAa,SAAM;IAEnB,iBAAiB;IAOjB,MAAM;IAYN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,0BAA0B,CAAC","file":"structured-list-header-row.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './structured-list.scss';\n\n/**\n * Structured list header row.\n *\n * @element cds-structured-list-header-row\n */\n@customElement(`${prefix}-structured-list-header-row`)\nclass CDSStructuredListHeaderRow extends LitElement {\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list header row will show its selectable version of the UI.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    // We could look up in DOM for `${prefix}-structured-list[hasSelection]`,\n    // but uses `hasSelection` prop to utilize attribute change callback\n    if (this.selectionName) {\n      return html`\n        <slot></slot>\n        <div class=\"${prefix}--structured-list-th\"></div>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListHeaderRow;\n"]}

package/es/components/structured-list/structured-list-row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/structured-list/structured-list-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEvC;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,yBAA6B;IAC9D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAkC;IAElD;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAkD;IAE9E;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAoB;IAEtC;;OAEG;IAGH,OAAO,CAAC,YAAY,CAQlB;IAEF;;OAEG;IAGH,OAAO,CAAC,cAAc,CAcpB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,aAAa,SAAM;IAEnB;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,kBAAkB,SAAM;IAExB,iBAAiB;IAgBjB,oBAAoB;IAOpB,OAAO,CAAC,iBAAiB,KAAA;IAuBzB,MAAM;IA0BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC","file":"structured-list-row.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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport RadioGroupManager, {\n  NAVIGATION_DIRECTION,\n  ManagedRadioButtonDelegate,\n} from '../../globals/internal/radio-group-manager';\nimport styles from './structured-list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Map of navigation direction by key.\n */\nconst navigationDirectionForKey = {\n  ArrowUp: NAVIGATION_DIRECTION.BACKWARD,\n  Up: NAVIGATION_DIRECTION.BACKWARD, // IE\n  ArrowDown: NAVIGATION_DIRECTION.FORWARD,\n  Down: NAVIGATION_DIRECTION.FORWARD, // IE\n};\n\n/**\n * The interface for `RadioGroupManager` for structured list row.\n */\nclass StructuredListRowRadioButtonDelegate\n  implements ManagedRadioButtonDelegate\n{\n  /**\n   * The structured list row to target.\n   */\n  private _row: CDSStructuredListRow;\n\n  constructor(row: CDSStructuredListRow) {\n    this._row = row;\n  }\n\n  get checked() {\n    return this._row.selected;\n  }\n\n  set checked(checked) {\n    this._row.selected = checked;\n    this._row.tabIndex = checked ? 0 : -1;\n  }\n\n  get tabIndex() {\n    return this._row.tabIndex;\n  }\n\n  set tabIndex(tabIndex) {\n    this._row.tabIndex = tabIndex;\n  }\n\n  get name() {\n    return this._row.selectionName;\n  }\n\n  compareDocumentPosition(other: StructuredListRowRadioButtonDelegate) {\n    return this._row.compareDocumentPosition(other._row);\n  }\n\n  focus() {\n    this._row.focus();\n  }\n}\n\n/**\n * Structured list row.\n *\n * @element cds-structured-list-row\n */\n@customElement(`${prefix}-structured-list-row`)\nclass CDSStructuredListRow extends HostListenerMixin(LitElement) {\n  /**\n   * The radio group manager associated with the radio button.\n   */\n  private _manager: RadioGroupManager | null = null;\n\n  /**\n   * The interface for `RadioGroupManager` for structured list row.\n   */\n  private _radioButtonDelegate = new StructuredListRowRadioButtonDelegate(this);\n\n  /**\n   * The hidden radio button.\n   */\n  @query('#input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on this element.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = () => {\n    const { _inputNode: inputNode } = this;\n    if (inputNode) {\n      this.selected = true;\n      if (this._manager) {\n        this._manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = (event: KeyboardEvent) => {\n    const { _inputNode: inputNode } = this;\n    const manager = this._manager;\n    if (inputNode && manager) {\n      const navigationDirection = navigationDirectionForKey[event.key];\n      if (navigationDirection) {\n        manager.select(\n          manager.navigate(this._radioButtonDelegate, navigationDirection)\n        );\n      }\n      if (event.key === ' ' || event.key === 'Enter') {\n        manager.select(this._radioButtonDelegate);\n      }\n    }\n  };\n\n  /**\n   * `true` if this structured list row should be selectable and selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list row will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-value' })\n  selectionValue = '';\n\n  /**\n   * The content to put into the `<title>` attribute of the selection icon.\n   */\n  @property({ attribute: 'selection-icon-title' })\n  selectionIconTitle = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n    if (!this._manager) {\n      this._manager = RadioGroupManager.get(\n        this.getRootNode({ composed: true }) as Document\n      );\n      const { selectionName } = this;\n      if (selectionName) {\n        this._manager?.add(this._radioButtonDelegate);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._manager) {\n      this._manager.delete(this._radioButtonDelegate);\n    }\n    super.disconnectedCallback();\n  }\n\n  updated(changedProperties) {\n    const { _manager: manager, selectionName } = this;\n    if (changedProperties.has('selectionName')) {\n      if (manager) {\n        manager.delete(\n          this._radioButtonDelegate,\n          changedProperties.get('selectionName')\n        );\n        if (selectionName) {\n          manager.add(this._radioButtonDelegate);\n        }\n      }\n      this.setAttribute(\n        'tabindex',\n        !selectionName ||\n          !manager ||\n          !manager.shouldBeFocusable(this._radioButtonDelegate)\n          ? '-1'\n          : '0'\n      );\n    }\n  }\n\n  render() {\n    const { selected, selectionName, selectionValue, selectionIconTitle } =\n      this;\n    if (selectionName) {\n      // \"Selected\" style with `.${prefix}--structured-list-td` does not work somehow - Need investigation\n      return html`\n        <slot></slot>\n        <input\n          id=\"input\"\n          type=\"radio\"\n          class=\"${prefix}--structured-list-input ${prefix}--visually-hidden\"\n          .checked=${selected}\n          name=${selectionName}\n          value=${ifDefined(selectionValue)} />\n        <div\n          class=\"${prefix}--structured-list-td ${prefix}--structured-list-cell\">\n          ${CheckmarkFilled16({\n            class: `${prefix}--structured-list-svg`,\n            title: selectionIconTitle,\n          })}\n        </div>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSStructuredListRow;\n"]}

package/es/components/structured-list/structured-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/structured-list/structured-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASvC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,sBAAsB;IACpD;;;OAGG;IAEH,aAAa,SAAM;IAEnB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,KAAK,UAAS;IAEd,iBAAiB;IAOjB,YAAY,CAAC,iBAAiB,KAAA;IAe9B,OAAO,CAAC,iBAAiB,KAAA;IAoBzB,MAAM;IAaN;;OAEG;IACH,MAAM,CAAC,sBAAsB,SAAwE;IACrG,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"structured-list.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport FocusMixin from '../../globals/mixins/focus';\nimport CDSStructuredListRow from './structured-list-row';\nimport styles from './structured-list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Structured list wrapper.\n *\n * @element cds-structured-list\n */\n@customElement(`${prefix}-structured-list`)\nclass CDSStructuredList extends FocusMixin(LitElement) {\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this structured list will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * Specify if structured list is condensed, default is false\n   */\n  @property({ type: Boolean, reflect: true })\n  condensed = false;\n\n  /**\n   * Specify if structured list is flush, default is false\n   */\n  @property({ type: Boolean, reflect: true })\n  flush = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'table');\n    }\n    super.connectedCallback();\n  }\n\n  shouldUpdate(changedProperties) {\n    if (changedProperties.has('selectionName')) {\n      // Propagate `selectionName` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSStructuredList).selectorRowsWithHeader\n        ),\n        (elem) => {\n          (elem as CDSStructuredListRow).selectionName = this.selectionName;\n        }\n      );\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    const attributes = ['condensed', 'flush'];\n    attributes.forEach((attr) => {\n      if (changedProperties.has(attr)) {\n        // Propagate watched attribute to descendants until `:host-context()` gets supported in all major browsers\n        forEach(\n          this.querySelectorAll(\n            (this.constructor as typeof CDSStructuredList)\n              .selectorRowsWithHeader\n          ),\n          (elem) => {\n            this[`${attr}`]\n              ? elem.setAttribute(attr, '')\n              : elem.removeAttribute(attr);\n          }\n        );\n      }\n    });\n  }\n\n  render() {\n    const { condensed, flush, selectionName } = this;\n    const classes = classMap({\n      [`${prefix}--structured-list`]: true,\n      [`${prefix}--structured-list--selection`]: Boolean(selectionName),\n      [`${prefix}--structured-list--condensed`]: condensed,\n      [`${prefix}--structured-list--flush`]: flush,\n    });\n    return html`\n      <section id=\"section\" class=${classes}><slot></slot></section>\n    `;\n  }\n\n  /**\n   * The CSS selector to find the rows, including header rows.\n   */\n  static selectorRowsWithHeader = `${prefix}-structured-list-row,${prefix}-structured-list-header-row`;\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSStructuredList;\n"]}

package/es/components/tabs/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tabs/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,SAAS,cAAc;CACxB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum TABS_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to navigate to first tab using home key\n   */\n  HOME = 'home',\n\n  /**\n   * Keyboard action to navigate to last tab using end key\n   */\n  END = 'end',\n}\n\n/**\n * Tabs types.\n */\nexport enum TABS_TYPE {\n  /**\n   * Regular tabs.\n   */\n  REGULAR = '',\n\n  /**\n   * Container type.\n   */\n  CONTAINER = 'container',\n\n  /**\n   * Contained type.\n   */\n  CONTAINED = 'contained',\n}\n"]}

package/es/components/tabs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tabs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,OAAO,CAAC;AACf,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021\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 './tab';\nimport './tab-skeleton';\nimport './tabs-skeleton';\n"]}

package/es/components/tabs/tab-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tabs/tab-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AAEH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB","file":"tab-skeleton.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of tab.\n */\n@customElement(`${prefix}-tab-skeleton`)\nexport default class CDSTabSkeleton extends LitElement {\n  render() {\n    return html` <div class=\"${prefix}--tabs__nav-link\"></div> `;\n  }\n\n  static styles = styles;\n}\n"]}

package/es/components/tabs/tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tabs/tab.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInC;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,sBAAsB;IACxD;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB,iBAAiB;IAOjB,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB","file":"tab.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 } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSContentSwitcherItem from '../content-switcher/content-switcher-item';\nimport { TABS_TYPE } from './tabs';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Basic tab.\n *\n * @element cds-tab\n */\n@customElement(`${prefix}-tab`)\nexport default class CDSTab extends CDSContentSwitcherItem {\n  /**\n   * `true` if this tab should be highlighted.\n   * If `true`, parent `<cds-tabs>` selects/deselects this tab upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * Tab type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { disabled, selected } = this;\n    // No `href`/`tabindex` to not to make this `<a>` click-focusable\n    return html`\n      <a\n        class=\"${prefix}--tabs__nav-link\"\n        role=\"tab\"\n        tabindex=\"${selected ? 0 : -1}\"\n        ?disabled=\"${disabled}\"\n        aria-selected=\"${Boolean(selected)}\">\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static styles = styles;\n}\n"]}

package/es/components/tabs/tabs-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tabs/tabs-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACrD,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB","file":"tabs-skeleton.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 { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of tabs.\n */\n@customElement(`${prefix}-tabs-skeleton`)\nexport default class CDSTabsSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--tabs-trigger\">\n        <span class=\"${prefix}--tabs-trigger-text\"></span>\n      </div>\n      <ul class=\"${prefix}--tabs__nav\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  static styles = styles;\n}\n"]}

package/es/components/tabs/tabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tabs/tabs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAWH,OAAO,kBAAkB,EAAE,EACzB,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,MAAM,MAAM,OAAO,CAAC;AAI3B,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEjE;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAqC;IACxE;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAEtC;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAa;IAElC;;OAEG;IACH,OAAO,CAAC,UAAU,CAAa;IAE/B;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAkB;IAEvC;;OAEG;IACH,OAAO,CAAC,OAAO,CAAwB;IAEvC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAM;IAE1B;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,SAAS,CACjB,SAAS,EAAE,MAAM,EACjB,EAAE,SAAgB,EAAE,GAAE;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAO;IAqCpD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IAKxC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IAwC7C;;;;;;OAMG;IACH,SAAS,CAAC,wBAAwB,CAAC,CAAC,KAAA,EAAE,EAAE,SAAS,EAAE;;KAAA;IAyBnD,iBAAiB;IAUjB,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,MAAM;IAKlD;;OAEG;IAEH,OAAO,CAAC,qBAAqB,CAAC,CAAc;IAE5C;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;OAEG;IAEH,OAAO,CAAC,sBAAsB,CAAK;IAEnC;;;OAGG;IAEH,OAAO,CAAC,6BAA6B,CAAC,CAAc;IAEpD;;;OAGG;IAEH,OAAO,CAAC,8BAA8B,CAAC,CAAc;IAErD;;OAEG;IAEH,2BAA2B,SACkC;IAE7D;;OAEG;IAEH,yBAAyB,SAAuB;IAEhD;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;;OAGG;IAEH,OAAO,CAAC,mCAAmC,CAAQ;IAEnD;;;OAGG;IAEH,OAAO,CAAC,oCAAoC,CAAQ;IAEpD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAqC;IAElE;;;;OAIG;IACH,OAAO,CAAC,6BAA6B,CAcnC;IAEF;;;;;OAKG;IACH,OAAO,CAAC,4CAA4C;IA+BpD,oBAAoB;IAKpB,YAAY,CAAC,iBAAiB,KAAA;IAgB9B,YAAY;IAOZ,OAAO,CAAC,iBAAiB,KAAA;IAqCzB,MAAM;IAqEN;;OAEG;IACH,MAAM,CAAC,YAAY,cAA2B;IAE9C;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;IAEvB;;;OAGG;IACH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM;CAY7B","file":"tabs.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 } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport ChevronLeft16 from '@carbon/icons/lib/chevron--left/16';\nimport CDSContentSwitcher, {\n  NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport { TABS_KEYBOARD_ACTION, TABS_TYPE } from './defs';\nimport CDSTab from './tab';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, TABS_KEYBOARD_ACTION, TABS_TYPE };\n\n/**\n * Tabs.\n *\n * @element cds-tabs\n * @fires cds-tabs-beingselected\n *   The custom event fired before a tab is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n */\n@customElement(`${prefix}-tabs`)\nexport default class CDSTabs extends HostListenerMixin(CDSContentSwitcher) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  private _assistiveStatusText?: string;\n\n  /**\n   * The currently selected index\n   */\n  // @ts-ignore: TS thinks this method is not referred to\n  private _currentIndex: number = 0;\n\n  /**\n   * Total number of tabs in the component\n   */\n  private _totalTabs: number = 0;\n\n  /**\n   * `true` if the tablist is scrollable\n   */\n  // @ts-ignore: TS thinks this method is not referred to\n  private _isScrollable: boolean = false;\n\n  /**\n   * The DOM element for the tablist.\n   */\n  private tablist: Element | null = null;\n\n  /**\n   * The width of the overflow scroll buttons.\n   */\n  private BUTTON_WIDTH = 44;\n\n  /**\n   * Navigates through tabs.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   * @param [options] The options.\n   * @param [options.immediate]\n   *   Defaults to `true`\n   *   `true` to make it \"immediate selection change\" mode, which does:\n   *\n   *   Starts with the selected item\n   *   Going prev/next item immediately changes the selection\n   */\n  protected _navigate(\n    direction: number,\n    { immediate = true }: { immediate?: boolean } = {}\n  ) {\n    const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n      .constructor as typeof CDSTabs;\n    const nextItem = this._getNextItem(\n      this.querySelector(\n        immediate ? selectorItemSelected : selectorItemHighlighted\n      ) as CDSTab,\n      direction\n    );\n    if (!nextItem) {\n      return;\n    }\n\n    if (immediate) {\n      this._handleUserInitiatedSelectItem(nextItem as CDSTab);\n    } else {\n      forEach(this.querySelectorAll(selectorItem), (item) => {\n        (item as CDSTab)[immediate ? 'selected' : 'highlighted'] =\n          nextItem === item;\n      });\n    }\n\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this._currentIndex += direction;\n    this.requestUpdate();\n  }\n\n  @HostListener('click')\n  protected _handleClick(event: MouseEvent) {\n    super._handleClick(event);\n  }\n\n  @HostListener('keydown')\n  protected _handleKeydown(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSTabs).getAction(key);\n    const enabledTabs = this.querySelectorAll(`${prefix}-tab:not([disabled])`);\n    switch (action) {\n      case TABS_KEYBOARD_ACTION.HOME:\n        {\n          const [firstEnabledTab] = enabledTabs;\n          firstEnabledTab.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n          this._handleUserInitiatedSelectItem(firstEnabledTab as CDSTab);\n          this.requestUpdate();\n        }\n        break;\n      case TABS_KEYBOARD_ACTION.END:\n        {\n          const lastEnabledTab = enabledTabs[enabledTabs.length - 1];\n          lastEnabledTab.scrollIntoView({\n            block: 'nearest',\n            inline: 'nearest',\n          });\n          this._handleUserInitiatedSelectItem(lastEnabledTab as CDSTab);\n          this.requestUpdate();\n        }\n        break;\n      case TABS_KEYBOARD_ACTION.NAVIGATING:\n        {\n          const direction = NAVIGATION_DIRECTION[key];\n          if (direction) {\n            this._navigate(direction);\n          }\n        }\n        break;\n      default:\n        break;\n    }\n  }\n\n  /**\n   * Handles click on overflow scroll buttons.\n   *\n   * @param _ Event object\n   * @param [options] The options.\n   * @param [options.direction] `-1` to scroll forward, `1` to scroll backward.\n   */\n  protected _handleScrollButtonClick(_, { direction }) {\n    if (!this.tablist) {\n      return;\n    }\n    const { scrollLeft, clientWidth, scrollWidth } =\n      this._contentContainerNode!;\n    switch (direction) {\n      case -1:\n        this._contentContainerNode!.scrollLeft = Math.max(\n          scrollLeft - (scrollWidth / this._totalTabs) * 1.5,\n          0\n        );\n        break;\n      case 1:\n        this._contentContainerNode!.scrollLeft =\n          Math.min(\n            scrollLeft + (scrollWidth / this._totalTabs) * 1.5,\n            scrollWidth - clientWidth\n          ) + 1;\n        break;\n      default:\n        break;\n    }\n  }\n\n  _handleSlotchange() {\n    const { selectorItemSelected } = this.constructor as typeof CDSTabs;\n    const selectedItem = this.querySelector(selectorItemSelected);\n    const nextItem = this._getNextItem(selectedItem as CDSTab, 1);\n\n    // Specifies child `<cds-tab>` to hide its divider instead of using CSS,\n    // until `:host-context()` gets supported in all major browsers\n    (nextItem as CDSTab).hideDivider = true;\n  }\n\n  protected _selectionDidChange(itemToSelect: CDSTab) {\n    super._selectionDidChange(itemToSelect);\n    this._assistiveStatusText = this.selectedItemAssistiveText;\n  }\n\n  /**\n   * The scrolling container.\n   */\n  @query(`.${prefix}--tabs-nav-content-container`)\n  private _contentContainerNode?: HTMLElement;\n\n  /**\n   * The scrolling content.\n   */\n  @query(`.${prefix}--tabs-nav-content`)\n  private _contentNode?: HTMLElement;\n\n  /**\n   * The current scroll position.\n   */\n  @state()\n  private _currentScrollPosition = 0;\n\n  /**\n   * The left-hand sentinel to track intersection with the host element.\n   * If they intersect, the left-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-left`)\n  private _intersectionLeftSentinelNode?: HTMLElement;\n\n  /**\n   * The right-hand sentinel to track intersection with the host element.\n   * If they intersect, the right-hand paginator button should be hidden.\n   */\n  @query(`.${prefix}--sub-content-right`)\n  private _intersectionRightSentinelNode?: HTMLElement;\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * The content of the trigger button for narrow mode.\n   */\n  @property({ attribute: 'trigger-content' })\n  triggerContent = '';\n\n  /**\n   * Tabs type.\n   */\n  @property({ reflect: true })\n  type = TABS_TYPE.REGULAR;\n\n  /**\n   * `true` if left-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the left-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionLeftTrackerInContent = true;\n\n  /**\n   * `true` if right-hand scroll intersection sentinel intersects with the host element.\n   * In this condition, the right-hand paginator button should be hidden.\n   */\n  @state()\n  private _isIntersectionRightTrackerInContent = true;\n\n  /**\n   * The observer for the intersection of left-side content edge.\n   */\n  private _observerIntersection: IntersectionObserver | null = null;\n\n  /**\n   * The intersection observer callback for the scrolling container.\n   *\n   * @param records The intersection observer records.\n   */\n  private _observeIntersectionContainer = (records) => {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n\n    records.forEach(({ isIntersecting, target }) => {\n      if (target === intersectionLeftSentinelNode) {\n        this._isIntersectionLeftTrackerInContent = isIntersecting;\n      }\n      if (target === intersectionRightSentinelNode) {\n        this._isIntersectionRightTrackerInContent = isIntersecting;\n      }\n    });\n  };\n\n  /**\n   * Cleans-up and creats the intersection observer for the scrolling container.\n   *\n   * @param [options] The options.\n   * @param [options.create] `true` to create the new intersection observer.\n   */\n  private _cleanAndCreateIntersectionObserverContainer({\n    create,\n  }: { create?: boolean } = {}) {\n    const {\n      _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n      _intersectionRightSentinelNode: intersectionRightSentinelNode,\n    } = this;\n\n    if (this._observerIntersection) {\n      this._observerIntersection.disconnect();\n      this._observerIntersection = null;\n    }\n\n    if (create) {\n      this._observerIntersection = new IntersectionObserver(\n        this._observeIntersectionContainer,\n        {\n          root: this,\n          threshold: 0,\n        }\n      );\n\n      if (intersectionLeftSentinelNode) {\n        this._observerIntersection.observe(intersectionLeftSentinelNode);\n      }\n      if (intersectionRightSentinelNode) {\n        this._observerIntersection.observe(intersectionRightSentinelNode);\n      }\n    }\n  }\n\n  disconnectedCallback() {\n    this._cleanAndCreateIntersectionObserverContainer();\n    super.disconnectedCallback();\n  }\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    if (this.tablist) {\n      const { clientWidth, scrollWidth } = this.tablist;\n      this._isScrollable = scrollWidth > clientWidth;\n    }\n    const { selectorItem } = this.constructor as typeof CDSTabs;\n    if (changedProperties.has('type')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        this._totalTabs++;\n        (elem as CDSTab).type = this.type;\n      });\n    }\n    return true;\n  }\n\n  firstUpdated() {\n    const { selectorTablist } = this.constructor as typeof CDSTabs;\n    const tablist = this.shadowRoot!.querySelector(selectorTablist)!;\n    this.tablist = tablist;\n    this._cleanAndCreateIntersectionObserverContainer({ create: true });\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('value')) {\n      const tab = this.querySelector(\n        `${prefix}-tab[value=\"${this.value}\"]`\n      ) as HTMLElement;\n      if (tab) {\n        const { width: tabWidth } = tab?.getBoundingClientRect() ?? {};\n        const start = tab.offsetLeft ?? 0;\n        const end = tab.offsetLeft + tabWidth;\n\n        // The start and end of the visible area of the tablist\n        const visibleStart = this.tablist!.scrollLeft + this.BUTTON_WIDTH;\n        const visibleEnd =\n          this.tablist!.scrollLeft +\n          this.tablist!.clientWidth -\n          this.BUTTON_WIDTH;\n\n        // The beginning of the tab is clipped and not visible\n        if (start < visibleStart) {\n          this.tablist!.scrollLeft = start - this.BUTTON_WIDTH;\n        }\n\n        // The end of the tab is clipped and not visible\n        if (end > visibleEnd) {\n          this.tablist!.scrollLeft =\n            end + this.BUTTON_WIDTH - this.tablist!.clientWidth;\n        }\n      }\n    }\n\n    if (changedProperties.has('_currentScrollPosition')) {\n      if (this._contentNode) {\n        this._contentNode.style.insetInlineStart = `-${this._currentScrollPosition}px`;\n      }\n    }\n  }\n\n  render() {\n    const {\n      _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n      _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n      _assistiveStatusText: assistiveStatusText,\n      _handleSlotchange: handleSlotchange,\n    } = this;\n\n    const previousButtonClasses = classMap({\n      [`${prefix}--tab--overflow-nav-button`]: true,\n      [`${prefix}--tabs__nav-caret-left`]: true,\n      [`${prefix}--tab--overflow-nav-button--previous`]: true,\n      [`${prefix}--tab--overflow-nav-button--hidden`]:\n        isIntersectionLeftTrackerInContent,\n    });\n    const nextButtonClasses = classMap({\n      [`${prefix}--tab--overflow-nav-button`]: true,\n      [`${prefix}--tabs__nav-caret-right`]: true,\n      [`${prefix}--tab--overflow-nav-button--next`]: true,\n      [`${prefix}--tab--overflow-nav-button--hidden`]:\n        isIntersectionRightTrackerInContent,\n    });\n\n    return html`\n      <button\n        part=\"prev-button\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        class=\"${previousButtonClasses}\"\n        @click=${(_) =>\n          this._handleScrollButtonClick(_, {\n            direction: NAVIGATION_DIRECTION.Left,\n          })}>\n        ${ChevronLeft16()}\n      </button>\n\n      <div class=\"${prefix}--tabs-nav-content-container\">\n        <div class=\"${prefix}--tabs-nav-content\">\n          <div class=\"${prefix}--tabs-nav\">\n            <div id=\"tablist\" role=\"tablist\" class=\"${prefix}--tab--list\">\n              <div class=\"${prefix}--sub-content-left\"></div>\n              <slot @slotchange=${handleSlotchange}></slot>\n              <div class=\"${prefix}--sub-content-right\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <button\n        part=\"next-button\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        class=\"${nextButtonClasses}\"\n        @click=${(_) =>\n          this._handleScrollButtonClick(_, {\n            direction: NAVIGATION_DIRECTION.Right,\n          })}>\n        ${ChevronRight16()}\n      </button>\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return tabs.\n   */\n  static get selectorItem() {\n    return `${prefix}-tab`;\n  }\n\n  /**\n   * A selector that will return enabled tabs.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-tab:not([disabled])`;\n  }\n\n  /**\n   * A selector that will return highlighted tabs.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-tab[highlighted]`;\n  }\n\n  /**\n   * A selector that will return selected tabs.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-tab[selected]`;\n  }\n\n  /**\n   * A selector that returns the tablist\n   */\n  static get selectorTablist() {\n    return `.${prefix}--tab--list`;\n  }\n\n  /**\n   * The name of the custom event fired before a tab is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-tabs-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a tab is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-tabs-selected`;\n  }\n\n  static styles = styles;\n\n  /**\n   * @param key The key symbol.\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string) {\n    if (key === 'Home') {\n      return TABS_KEYBOARD_ACTION.HOME;\n    }\n    if (key === 'End') {\n      return TABS_KEYBOARD_ACTION.END;\n    }\n    if (key in NAVIGATION_DIRECTION) {\n      return TABS_KEYBOARD_ACTION.NAVIGATING;\n    }\n    return TABS_KEYBOARD_ACTION.NONE;\n  }\n}\n"]}

package/es/components/tag/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tag/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,QAAQ;IAClB;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb;AAED,oBAAY,QAAQ;IAClB;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,WAAW,cAAc;IAEzB;;OAEG;IACH,WAAW,cAAc;CAC1B","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Tag size.\n */\nexport enum TAG_SIZE {\n  /**\n   * Medium size (default).\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n}\n\nexport enum TAG_TYPE {\n  /**\n   * Red color.\n   */\n  RED = 'red',\n\n  /**\n   * Magenta color.\n   */\n  MAGENTA = 'magenta',\n\n  /**\n   * Purple color.\n   */\n  PURPLE = 'purple',\n\n  /**\n   * Blue color.\n   */\n  BLUE = 'blue',\n\n  /**\n   * Cyan color.\n   */\n  CYAN = 'cyan',\n\n  /**\n   * Teal color.\n   */\n  TEAL = 'teal',\n\n  /**\n   * Green color.\n   */\n  GREEN = 'green',\n\n  /**\n   * Gray color.\n   */\n  GRAY = 'gray',\n\n  /**\n   * Cool gray color.\n   */\n  'COOL-GRAY' = 'cool-gray',\n\n  /**\n   * Warn gray color.\n   */\n  'WARM-GRAY' = 'warm-gray',\n}\n"]}

package/es/components/tag/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tag/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,OAAO,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 './tag';\n"]}

package/es/components/tag/tag.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tag/tag.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9B;;;;;GAKG;AACH,cACM,MAAO,SAAQ,WAAyC;IAE5D,SAAS,CAAC,WAAW,EAAG,iBAAiB,CAAC;IAE1C;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;;OAIG;IAGH,OAAO,CAAC,YAAY,CA+BlB;IAEF;;OAEG;IAEH,KAAK,SAAkB;IAEvB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,IAAI,WAAmB;IAEvB;;OAEG;IAEH,IAAI,WAAiB;IAErB,MAAM;IA4BN;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,MAAM,CAAC","file":"tag.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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/**\n * Tag.\n *\n * @fires cds-tag-beingclosed - The custom event fired as the element is being closed\n * @fires cds-tag-closed - The custom event fired after the element has been closed\n */\n@customElement(`${prefix}-tag`)\nclass CDSTag extends HostListenerMixin(FocusMixin(LitElement)) {\n  @query('button')\n  protected _buttonNode!: HTMLButtonElement;\n\n  /**\n   * Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n   *\n   * @private\n   */\n  private _handleSlotChange() {\n    this.hasCustomIcon = true;\n  }\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClick = (event: MouseEvent) => {\n    if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n      if (this.disabled) {\n        event.stopPropagation();\n      } else if (this.open) {\n        const init = {\n          bubbles: true,\n          cancelable: true,\n          composed: true,\n          detail: {\n            triggeredBy: event.target,\n          },\n        };\n        if (\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventBeforeClose,\n              init\n            )\n          )\n        ) {\n          this.open = false;\n          this.dispatchEvent(\n            new CustomEvent(\n              (this.constructor as typeof CDSTag).eventClose,\n              init\n            )\n          );\n        }\n      }\n    }\n  };\n\n  /**\n   * Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n   */\n  @property({ type: String, reflect: true })\n  title = 'Clear filter';\n\n  /**\n   * `true` if the tag should be disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean })\n  hasCustomIcon = false;\n\n  /**\n   * Determine if is a filter/chip\n   */\n  @property({ type: Boolean, reflect: true })\n  filter = false;\n\n  /**\n   * `true` if the tag should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The size of the tag.\n   */\n  @property({ reflect: true })\n  size = TAG_SIZE.MEDIUM;\n\n  /**\n   * The type of the tag.\n   */\n  @property({ reflect: true })\n  type = TAG_TYPE.GRAY;\n\n  render() {\n    const {\n      disabled,\n      _handleSlotChange: handleSlotChange,\n      hasCustomIcon,\n      filter,\n      title,\n    } = this;\n    return html`\n      <slot></slot>\n\n      ${filter\n        ? html`\n            <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n              <slot\n                name=\"icon\"\n                aria-label=\"${title}\"\n                @slotchange=${handleSlotChange}>\n                ${hasCustomIcon\n                  ? html``\n                  : html`${Close16({ 'aria-label': title })}`}\n              </slot>\n            </button>\n          `\n        : ``}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this tag is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this tag.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-tag-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this tag is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-tag-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSTag;\n"]}

package/es/components/tag/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/tag/types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC;;GAEG;AACH,eAAe,QAAQ,CAAC","file":"types.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { TAG_TYPE } from './defs';\n\n/**\n * @deprecated Use `defs.ts`\n */\nexport default TAG_TYPE;\n"]}

package/es/components/text-input/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/text-input/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,yBAAyB,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE7F;;GAEG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;IAGZ;;OAEG;IACH,WAAW,OAAO;CACnB;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,IAAI,SAAS;CACd;AAED;;;;GAIG;AACH,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Input size.\n */\nexport enum INPUT_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Regular size, same as medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n\n  // TODO: deprecate\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n}\n\n/**\n * Input tooltop alignment\n */\nexport enum INPUT_TOOLTIP_ALIGNMENT {\n  /**\n   * Small size.\n   */\n  START = 'start',\n\n  /**\n   * Regular size, same as medium size.\n   */\n  CENTER = 'center',\n\n  /**\n   * Large size.\n   */\n  END = 'end',\n}\n\n/**\n * Input tooltop direction\n */\nexport enum INPUT_TOOLTIP_DIRECTION {\n  /**\n   * Small size.\n   */\n  TOP = 'top',\n\n  /**\n   * Regular size, same as medium size.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Large size.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Regular size, same as medium size.\n   */\n  LEFT = 'left',\n}\n\n/**\n * Supported input types.\n *\n * For this component we only support textual types\n */\nexport enum INPUT_TYPE {\n  EMAIL = 'email',\n  PASSWORD = 'password',\n  TEL = 'tel',\n  TEXT = 'text',\n  URL = 'url',\n}\n"]}

package/es/components/text-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/text-input/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,uBAAuB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 './text-input';\nimport './text-input-skeleton';\n"]}

package/es/components/text-input/text-input-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/text-input/text-input-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;GAEG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,UAAS;IAElB,MAAM;IASN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC","file":"text-input-skeleton.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './text-input.scss';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-text-input-skeleton`)\nclass CDSTextInputSkeleton extends LitElement {\n  /**\n   * Specify whether the label should be hidden, or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--text-input ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTextInputSkeleton;\n"]}