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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/list/unordered-list.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;GAEG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;OAEG;IAEH,YAAY,UAAS;IAErB,iBAAiB;IAcjB,MAAM;IAaN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"unordered-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 styles from './list.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Ordered list.\n */\n@customElement(`${prefix}-unordered-list`)\nclass CDSUnorderedList extends LitElement {\n  /**\n   * `true` if expressive theme enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  isExpressive = false;\n\n  connectedCallback() {\n    // Uses attribute for lookup from child\n    if (\n      this.closest(\n        (this.constructor as typeof CDSUnorderedList).selectorListItem\n      )\n    ) {\n      this.setAttribute('slot', 'nested');\n    } else {\n      this.removeAttribute('slot');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--list--unordered`]: true,\n      [`${prefix}--list--nested`]: this.getAttribute('slot') === 'nested',\n      [`${prefix}--list--expressive`]: this.isExpressive,\n    });\n    return html`\n      <ul class=\"${classes}\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  /**\n   * A selector that will return list item.\n   */\n  static get selectorListItem() {\n    return `${prefix}-list-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSUnorderedList;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/loading/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,YAAY;IACtB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,KAAK,UAAU;CAChB","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022, 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 * Spinner types.\n */\nexport enum LOADING_TYPE {\n  /**\n   * Regular spinner.\n   */\n  REGULAR = 'regular',\n\n  /**\n   * Small spinner.\n   */\n  SMALL = 'small',\n}\n"]}

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

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

package/es/components/loading/loading-icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/loading/loading-icon.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH;;;;;GAKG;;;;;AACH,wBAwBE","file":"loading-icon.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 { prefix } from '../../globals/settings';\nimport LOADING_TYPE from './types';\n\n/**\n * @param Object options The options.\n * @param [options.assistiveText] The assistive text for the spinner icon.\n * @param [options.type] The spinner type.\n * @returns The spinner icon.\n */\nexport default ({\n  assistiveText,\n  type,\n}: {\n  assistiveText?: string;\n  type?: string;\n}) => {\n  const radius = type === LOADING_TYPE.SMALL ? '42' : '44';\n  return html`\n    <svg class=\"${prefix}--loading__svg\" viewBox=\"0 0 100 100\">\n      ${!assistiveText ? undefined : html` <title>${assistiveText}</title> `}\n      <circle\n        ?hidden=\"${type !== LOADING_TYPE.SMALL}\"\n        class=\"${prefix}--loading__background\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r=\"${radius}\" />\n      <circle\n        class=\"${prefix}--loading__stroke\"\n        cx=\"50%\"\n        cy=\"50%\"\n        r=\"${radius}\" />\n    </svg>\n  `;\n};\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/loading/loading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAKtC;;;;GAIG;AACH,cACM,UAAW,SAAQ,UAAU;IACjC;;OAEG;IAEH,aAAa,SAAa;IAE1B;;OAEG;IAEH,IAAI,eAAwB;IAE5B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,eAAe,UAAU,CAAC","file":"loading.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 { LOADING_TYPE } from './defs';\nimport getLoadingIcon from './loading-icon';\nimport styles from './loading.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Spinner indicating loading state.\n *\n * @element cds-loading\n */\n@customElement(`${prefix}-loading`)\nclass CDSLoading extends LitElement {\n  /**\n   * The assistive text for the spinner icon.\n   */\n  @property({ attribute: 'assistive-text' })\n  assistiveText = 'Loading';\n\n  /**\n   * Spinner type.\n   */\n  @property()\n  type = LOADING_TYPE.REGULAR;\n\n  /**\n   * `true` if overlay should be applied.\n   */\n  @property({ type: Boolean, reflect: true })\n  overlay = false;\n\n  /**\n   * `true` if spinner should stop.\n   */\n  @property({ type: Boolean, reflect: true })\n  inactive = false;\n\n  render() {\n    const { inactive, assistiveText, type, overlay } = this;\n    const innerClasses = classMap({\n      [`${prefix}--loading`]: true,\n      [`${prefix}--loading--stop`]: inactive,\n      [`${prefix}--loading--small`]: type === LOADING_TYPE.SMALL,\n    });\n    const icon = getLoadingIcon({ assistiveText, type });\n    return overlay ? html`<div class=\"${innerClasses}\">${icon}</div>` : icon;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport { LOADING_TYPE };\n\nexport default CDSLoading;\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,WAAW,OAAO;IAElB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022, 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 * Modal size.\n */\nexport enum MODAL_SIZE {\n  /**\n   * Extra small size.\n   */\n  EXTRA_SMALL = 'xs',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,SAAS,CAAC;AACjB,OAAO,cAAc,CAAC;AACtB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,gBAAgB,CAAC;AACxB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC;AACzB,OAAO,eAAe,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2022, 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 './modal';\nimport './modal-body';\nimport './modal-body-content';\nimport './modal-close-button';\nimport './modal-footer';\nimport './modal-footer-button';\nimport './modal-header';\nimport './modal-heading';\nimport './modal-label';\n"]}

package/es/components/modal/modal-body-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/modal-body-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,UAAU;IAC1C,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"modal-body-content.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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss';\n\n/**\n * Modal body content\n *\n * @element cds-modal-body-content\n */\n@customElement(`${prefix}-modal-body-content`)\nclass CDSModalBodyContent extends LitElement {\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 CDSModalBodyContent;\n"]}

package/es/components/modal/modal-body.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/modal-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"modal-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 styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal body.\n *\n * @element cds-modal-body\n */\n@customElement(`${prefix}-modal-body`)\nclass CDSModalBody extends LitElement {\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 CDSModalBody;\n"]}

package/es/components/modal/modal-close-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/modal-close-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASvC;;;;;;GAMG;AACH,cACM,mBAAoB,SAAQ,wBAAsB;IACtD;;OAEG;IAEH,gBAAgB,SAAW;IAE3B,MAAM;IAgBN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"modal-close-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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport Close20 from '@carbon/icons/lib/close/20';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal close button.\n *\n * @element cds-modal-close-button\n * @csspart button The button.\n * @csspart close-icon The close icon.\n */\n@customElement(`${prefix}-modal-close-button`)\nclass CDSModalCloseButton extends FocusMixin(LitElement) {\n  /**\n   * Specify a label for the close button of the modal; defaults to close\n   */\n  @property({ attribute: 'close-button-label' })\n  closeButtonLabel = 'Close';\n\n  render() {\n    const { closeButtonLabel } = this;\n    return html`\n      <button\n        part=\"button\"\n        aria-label=\"${ifDefined(closeButtonLabel)}\"\n        class=\"${prefix}--modal-close\"\n        title=\"${ifDefined(closeButtonLabel)}\">\n        ${Close20({\n          part: 'close-icon',\n          class: `${prefix}--modal-close__icon`,\n        })}\n      </button>\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 CDSModalCloseButton;\n"]}

package/es/components/modal/modal-footer-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/modal-footer-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAKzC;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,SAAS;IAC1C,MAAM,CAAC,MAAM,QAA0B;CACxC;AAED,eAAe,oBAAoB,CAAC","file":"modal-footer-button.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 { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport buttonStyles from '../button/button.scss';\nimport styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal footer button.\n *\n * @element cds-modal-footer-button\n */\n@customElement(`${prefix}-modal-footer-button`)\nclass CDSModalFooterButton extends CDSButton {\n  static styles = [buttonStyles, styles]; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalFooterButton;\n"]}

package/es/components/modal/modal-footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/modal-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"modal-footer.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 styles from './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal footer.\n *\n * @element cds-modal-footer\n */\n@customElement(`${prefix}-modal-footer`)\nclass CDSModalFooter extends LitElement {\n  /**\n   * `true` if this modal footer has more than two buttons.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-three-buttons' })\n  hasThreeButtons = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange(event: Event) {\n    const { selectorButtons } = this.constructor as typeof CDSModalFooter;\n    this.hasThreeButtons =\n      (event.target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).matches(selectorButtons)\n        ).length > 2;\n    this.requestUpdate();\n  }\n\n  render() {\n    return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n  }\n\n  /**\n   * A selector that selects the child buttons.\n   */\n  static get selectorButtons() {\n    return `${prefix}-button,${prefix}-modal-footer-button`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalFooter;\n"]}

package/es/components/modal/modal-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/modal-header.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"modal-header.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal header.\n *\n * @element cds-modal-header\n */\n@customElement(`${prefix}-modal-header`)\nclass CDSModalHeader extends LitElement {\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 CDSModalHeader;\n"]}

package/es/components/modal/modal-heading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/modal-heading.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"modal-heading.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal heading.\n *\n * @element cds-modal-heading\n */\n@customElement(`${prefix}-modal-heading`)\nclass CDSModalHeading extends LitElement {\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 CDSModalHeading;\n"]}

package/es/components/modal/modal-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/modal-label.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"modal-label.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 './modal.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal label.\n *\n * @element cds-modal-label\n */\n@customElement(`${prefix}-modal-label`)\nclass CDSModalLabel extends LitElement {\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 CDSModalLabel;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/modal/modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAKpC,OAAO,EAAE,UAAU,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCtB;;;;;;;;;GASG;AACH,cACM,QAAS,SAAQ,aAA6B;IAClD;;OAEG;IACH,OAAO,CAAC,SAAS,CAAwB;IAEzC;;OAEG;IAEH,OAAO,CAAC,kBAAkB,CAAqB;IAE/C;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAqB;IAE7C;;;;OAIG;IAGH,OAAO,CAAC,YAAY,CAOlB;IAEF;;;;OAIG;IAGH,OAAO,CAAC,WAAW,CA+CjB;IAIF,OAAO,CAAC,cAAc,CAIpB;IAEF;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAW7B;;;;OAIG;IACH,OAAO,CAAC,yBAAyB;IA6BjC;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAMH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,IAAI,aAAqB;IAEzB;;OAEG;IAEH,0BAA0B,UAAS;IAEnC;;OAEG;IAEH,YAAY,UAAS;IAErB,YAAY;IAaZ,MAAM;IAqCA,OAAO,CAAC,iBAAiB,KAAA;IAgC/B;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,MAAM;IAMrB;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,QAAQ,CAAC","file":"modal.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 HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { MODAL_SIZE } from './defs';\nimport styles from './modal.scss';\nimport { selectorTabbable } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { MODAL_SIZE };\n\n// eslint-disable-next-line no-bitwise\nconst PRECEDING =\n  Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;\n// eslint-disable-next-line no-bitwise\nconst FOLLOWING =\n  Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;\n\n/**\n * Tries to focus on the given elements and bails out if one of them is successful.\n *\n * @param elems The elements.\n * @param reverse `true` to go through the list in reverse order.\n * @returns `true` if one of the attempts is successful, `false` otherwise.\n */\nfunction tryFocusElems(\n  elems: NodeListOf<HTMLElement>,\n  reverse: boolean = false\n) {\n  if (!reverse) {\n    for (let i = 0; i < elems.length; ++i) {\n      const elem = elems[i];\n      elem.focus();\n      if (elem.ownerDocument!.activeElement === elem) {\n        return true;\n      }\n    }\n  } else {\n    for (let i = elems.length - 1; i >= 0; --i) {\n      const elem = elems[i];\n      elem.focus();\n      if (elem.ownerDocument!.activeElement === elem) {\n        return true;\n      }\n    }\n  }\n  return false;\n}\n\n/**\n * Modal.\n *\n * @element cds-modal\n * @csspart dialog The dialog.\n * @fires cds-modal-beingclosed\n *   The custom event fired before this modal is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this modal.\n * @fires cds-modal-closed - The custom event fired after this modal is closed upon a user gesture.\n */\n@customElement(`${prefix}-modal`)\nclass CDSModal extends HostListenerMixin(LitElement) {\n  /**\n   * The element that had focus before this modal gets open.\n   */\n  private _launcher: Element | null = null;\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#start-sentinel')\n  private _startSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Node to track focus going outside of modal content.\n   */\n  @query('#end-sentinel')\n  private _endSentinelNode!: HTMLAnchorElement;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\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 = (event: MouseEvent) => {\n    if (\n      event.composedPath().indexOf(this.shadowRoot!) < 0 &&\n      !this.preventCloseOnClickOutside\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  };\n\n  /**\n   * Handles `blur` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('shadowRoot:focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur = async ({ target, relatedTarget }: FocusEvent) => {\n    const {\n      open,\n      _startSentinelNode: startSentinelNode,\n      _endSentinelNode: endSentinelNode,\n    } = this;\n    const oldContains = target !== this && this.contains(target as Node);\n    const currentContains =\n      relatedTarget !== this &&\n      (this.contains(relatedTarget as Node) ||\n        (this.shadowRoot?.contains(relatedTarget as Node) &&\n          relatedTarget !== (endSentinelNode as Node)));\n\n    // Performs focus wrapping if _all_ of the following is met:\n    // * This modal is open\n    // * The viewport still has focus\n    // * Modal body used to have focus but no longer has focus\n    const { selectorTabbable: selectorTabbableForModal } = this\n      .constructor as typeof CDSModal;\n    if (open && relatedTarget && oldContains && !currentContains) {\n      const comparisonResult = (target as Node).compareDocumentPosition(\n        relatedTarget as Node\n      );\n      // eslint-disable-next-line no-bitwise\n      if (relatedTarget === startSentinelNode || comparisonResult & PRECEDING) {\n        await (this.constructor as typeof CDSModal)._delay();\n        if (\n          !tryFocusElems(\n            this.querySelectorAll(selectorTabbableForModal),\n            true\n          ) &&\n          relatedTarget !== this\n        ) {\n          this.focus();\n        }\n      }\n      // eslint-disable-next-line no-bitwise\n      else if (\n        relatedTarget === endSentinelNode ||\n        comparisonResult & FOLLOWING\n      ) {\n        await (this.constructor as typeof CDSModal)._delay();\n        if (!tryFocusElems(this.querySelectorAll(selectorTabbableForModal))) {\n          this.focus();\n        }\n      }\n    }\n  };\n\n  @HostListener('document:keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedClose(target);\n    }\n  };\n\n  /**\n   * Handles `click` event on the modal container.\n   *\n   * @param event The event.\n   */\n  private _handleClickContainer(event: MouseEvent) {\n    if (\n      (event.target as Element).matches(\n        (this.constructor as typeof CDSModal).selectorCloseButton\n      ) &&\n      !this.preventClose\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  }\n\n  /**\n   * Handles user-initiated close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  private _handleUserInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSModal).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSModal).eventClose,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  /**\n   * Specify whether the Modal is displaying an alert, error or warning.\n   * Should go hand in hand with the danger prop.\n   */\n  @property({ type: Boolean, reflect: true })\n  alert = false;\n\n  /**\n   * Specify text for the accessibility label of the header\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel = '';\n\n  /**\n   * The additional CSS class names for the container <div> of the element.\n   */\n  @property({ attribute: 'container-class' })\n  containerClass = '';\n\n  /**\n   * Specify whether or not the Modal content should have any inner padding.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'full-width' })\n  fullWidth = false;\n\n  /**\n   * Specify whether the modal contains scrolling content\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'has-scrolling-content',\n  })\n  hasScrollingContent = false;\n\n  /**\n   * `true` if the modal should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Modal size.\n   */\n  @property({ reflect: true })\n  size = MODAL_SIZE.MEDIUM;\n\n  /**\n   * Prevent closing on click outside of modal\n   */\n  @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n  preventCloseOnClickOutside = false;\n\n  /**\n   * Prevent the modal from closing after clicking the close button\n   */\n  @property({ type: Boolean, attribute: 'prevent-close' })\n  preventClose = false;\n\n  firstUpdated() {\n    const body = this.querySelector(\n      (this.constructor as typeof CDSModal).selectorModalBody\n    );\n\n    if (!body) {\n      const bodyElement = document.createElement(\n        (this.constructor as typeof CDSModal).selectorModalBody\n      );\n      this.appendChild(bodyElement);\n    }\n  }\n\n  render() {\n    const { alert, ariaLabel, size, hasScrollingContent } = this;\n    const containerClass = this.containerClass\n      .split(' ')\n      .filter(Boolean)\n      .reduce((acc, item) => ({ ...acc, [item]: true }), {});\n    const containerClasses = classMap({\n      [`${prefix}--modal-container`]: true,\n      [`${prefix}--modal-container--${size}`]: size,\n      ...containerClass,\n    });\n    return html`\n      <a\n        id=\"start-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n      <div\n        aria-label=${ariaLabel}\n        part=\"dialog\"\n        class=${containerClasses}\n        role=\"${alert ? 'alert' : 'dialog'}\"\n        tabindex=\"-1\"\n        @click=${this._handleClickContainer}>\n        <slot></slot>\n        ${hasScrollingContent\n          ? html` <div class=\"cds--modal-content--overflow-indicator\"></div> `\n          : ``}\n      </div>\n      <a\n        id=\"end-sentinel\"\n        class=\"${prefix}--visually-hidden\"\n        href=\"javascript:void 0\"\n        role=\"navigation\"></a>\n    `;\n  }\n\n  async updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this._launcher = this.ownerDocument!.activeElement;\n        const primaryFocusNode = this.querySelector(\n          (this.constructor as typeof CDSModal).selectorPrimaryFocus\n        );\n        await (this.constructor as typeof CDSModal)._delay();\n        if (primaryFocusNode) {\n          // For cases where a `carbon-web-components` component (e.g. `<cds-button>`) being `primaryFocusNode`,\n          // where its first update/render cycle that makes it focusable happens after `<cds-modal>`'s first update/render cycle\n          (primaryFocusNode as HTMLElement).focus();\n        } else if (\n          !tryFocusElems(\n            this.querySelectorAll(\n              (this.constructor as typeof CDSModal).selectorTabbable\n            ),\n            true\n          )\n        ) {\n          this.focus();\n        }\n      } else if (\n        this._launcher &&\n        typeof (this._launcher as HTMLElement).focus === 'function'\n      ) {\n        (this._launcher as HTMLElement).focus();\n        this._launcher = null;\n      }\n    }\n  }\n\n  /**\n   * @param ms The number of milliseconds.\n   * @returns A promise that is resolves after the given milliseconds.\n   */\n  private static _delay(ms: number = 0) {\n    return new Promise((resolve) => {\n      setTimeout(resolve, ms);\n    });\n  }\n\n  /**\n   * A selector selecting buttons that should close this modal.\n   */\n  static get selectorCloseButton() {\n    return `[data-modal-close],${prefix}-modal-close-button`;\n  }\n\n  /**\n   * A selector selecting tabbable nodes.\n   */\n  static get selectorTabbable() {\n    return selectorTabbable;\n  }\n\n  /**\n   * A selector selecting the nodes that should be focused when modal gets open.\n   */\n  static get selectorPrimaryFocus() {\n    return `[data-modal-primary-focus],${prefix}-modal-footer ${prefix}-button[kind=\"primary\"]`;\n  }\n\n  /**\n   * A selector selecting the modal body component\n   */\n  static get selectorModalBody() {\n    return `${prefix}-modal-body`;\n  }\n\n  /**\n   * The name of the custom event fired before this modal is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this modal.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-modal-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-modal-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModal;\n"]}

package/es/components/multi-select/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/multi-select/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,yBAAyB;IACnC;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,gBAAgB,qBAAqB;CACtC","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\n/**\n * Multi-select selection feedback options.\n */\nexport enum SELECTION_FEEDBACK_OPTION {\n  /**\n   * selected item stays at it's position\n   */\n  FIXED = 'fixed',\n\n  /**\n   * selected item jumps to top\n   */\n  TOP = 'top',\n\n  /**\n   * selected item jump to top after reopen dropdown\n   */\n  TOP_AFTER_REOPEN = 'top-after-reopen',\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/multi-select/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,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 './multi-select';\nimport './multi-select-item';\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/multi-select/multi-select-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,eAAe,MAAM,2BAA2B,CAAC;AAIxD;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,eAAe;IAC9C;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,aAAa,SAAM;IAEnB,MAAM;IAkBN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"multi-select-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport CDSDropdownItem from '../dropdown/dropdown-item';\nimport styles from './multi-select.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Multi select item.\n *\n * @element cds-multi-select-item\n */\n@customElement(`${prefix}-multi-select-item`)\nclass CDSMultiSelectItem extends CDSDropdownItem {\n  /**\n   * The property to hide when item is filtered from input\n   */\n  @property({ type: Boolean })\n  filtered;\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  render() {\n    const { disabled, selected, selectionName, value } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\">\n        <div class=\"${prefix}--form-item ${prefix}--checkbox-wrapper\">\n          <span\n            value=\"${value}\"\n            name=\"${ifDefined(selectionName || undefined)}\"\n            class=\"${prefix}--checkbox-label\"\n            ?disabled=${disabled}\n            data-contained-checkbox-state=${selected}\n            ><slot></slot\n          ></span>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that will return multi select.\n   */\n  static get selectorList() {\n    return `${prefix}-multi-select`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSMultiSelectItem;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/multi-select/multi-select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAU3C,OAAO,WAGN,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AAIrD,OAAO,EACL,aAAa,EACb,aAAa,EACb,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC;;;;;;;;;;;;;GAaG;AACH,cACM,cAAe,SAAQ,WAAW;IAEtC,UAAU,MAAC;IAEX;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAK;IAEhC;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAe;IAEvC;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAe;IAE3C;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAe;IAEpC;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAoB;IAE5C;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAe;IAEnC,SAAS,CAAC,sBAAsB,CAAC,YAAY,CAAC,EAAE,kBAAkB;IAKlE,SAAS,CAAC,mBAAmB,CAAC,YAAY,CAAC,EAAE,kBAAkB;IA6B/D,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAmB7C;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa;IA0BnD;;;OAGG;IAEH,SAAS,CAAC,6BAA6B,CAAC,KAAK,EAAE,aAAa;IAgC5D,SAAS,CAAC,iBAAiB;IA0C3B,SAAS,CAAC,qBAAqB;IAmC/B;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,cAAc;IAoBxC,SAAS,CAAC,qBAAqB,IAAI,cAAc,GAAG,IAAI;IAkBxD;;OAEG;IACH,SAAS,CAAC,YAAY;IAsBtB;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAyBrC;;OAEG;IACH,SAAS,CAAC,8BAA8B;IAWxC;;OAEG;IAEH,mBAAmB,SAAM;IAEzB;;OAEG;IAEH,yBAAyB,SAA4B;IAErD;;OAEG;IAEH,kBAAkB,SAAoD;IAEtE;;OAEG;IAEH,MAAM,SAAQ;IAEd;;OAEG;IAEH,2BAA2B,SAAyB;IAEpD;;OAEG;IAEH,0BAA0B,SAA2B;IAErD;;;;;OAKG;IAEH,iBAAiB,4BAA8C;IAE/D;;OAEG;IACH,SAAS,KAAK,QAAQ,mHA2BrB;IAED,SAAS,CAAC,YAAY;;eAEpB;IAEF,SAAS,CAAC,SAAS,cACN,QAAQ;;;;iBA4BnB;IAEF,YAAY,CAAC,iBAAiB,KAAA;IAiD9B,OAAO,CAAC,iBAAiB,KAAA;IAOzB,iBAAiB;IAejB;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;;OAGG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"multi-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 { html, TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport {\n  filter,\n  forEach,\n  indexOf,\n} from '../../globals/internal/collection-helpers';\nimport CDSDropdown, {\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_TYPE,\n} from '../dropdown/dropdown';\nimport { SELECTION_FEEDBACK_OPTION } from './defs';\nimport CDSMultiSelectItem from './multi-select-item';\nimport styles from './multi-select.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  DROPDOWN_DIRECTION,\n} from '../dropdown/dropdown';\n\nexport { SELECTION_FEEDBACK_OPTION };\n\n/**\n * Multi select.\n *\n * @element cds-multi-select\n * @fires cds-multi-select-beingselected\n *   The custom event fired before a multi select item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-multi-select-selected - The custom event fired after a multi select item is selected upon a user gesture.\n * @fires cds-multi-select-beingtoggled\n *   The custom event fired before the open state of this multi select is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-multi-select-toggled\n *   The custom event fired after the open state of this multi select is toggled upon a user gesture.\n */\n@customElement(`${prefix}-multi-select`)\nclass CDSMultiSelect extends CDSDropdown {\n  @property({ type: Boolean })\n  filterable;\n\n  /**\n   * The count of selected items.\n   */\n  private _selectedItemsCount = 0;\n\n  /**\n   * The clear button.\n   */\n  @query('#clear-button')\n  private _clearButtonNode!: HTMLElement;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The menu body.\n   */\n  @query('#menu-body')\n  private _menuBodyNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * The trigger button.\n   */\n  @query(`.${prefix}--list-box__field`)\n  private _triggerNode!: HTMLElement;\n\n  protected _selectionShouldChange(itemToSelect?: CDSMultiSelectItem) {\n    // If we are selecting an item, assumes we always toggle\n    return Boolean(this.value || itemToSelect);\n  }\n\n  protected _selectionDidChange(itemToSelect?: CDSMultiSelectItem) {\n    if (itemToSelect) {\n      itemToSelect.selected = !itemToSelect.selected;\n      this._assistiveStatusText = itemToSelect.selected\n        ? this.selectedItemAssistiveText\n        : this.unselectedItemAssistiveText;\n    } else {\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSMultiSelect).selectorItemSelected\n        ),\n        (item) => {\n          (item as CDSMultiSelectItem).selected = false;\n        }\n      );\n      this._handleUserInitiatedToggle(false);\n      this._assistiveStatusText = this.unselectedAllAssistiveText;\n    }\n    // Change in `.selected` hasn't been reflected to the corresponding attribute yet\n    this.value = filter(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSMultiSelect).selectorItem\n      ),\n      (item) => (item as CDSMultiSelectItem).selected\n    )\n      .map((item) => (item as CDSMultiSelectItem).value)\n      .join(',');\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      !this.readOnly\n    ) {\n      this._handleUserInitiatedSelectItem();\n      if (this.filterable) {\n        this._filterInputNode.focus();\n      } else {\n        this._triggerNode.focus();\n      }\n    } else if (this._clearButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n      if (this.filterable) this._filterInputNode.focus();\n    }\n  }\n\n  /**\n   * Handler for the `keypress` event, ensures filter still works upon entering space\n   */\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n\n    if (\n      this._clearButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedSelectItem();\n      this.open = true;\n      if (this.filterable) {\n        this._filterInputNode.focus();\n      } else {\n        this._triggerNode.focus();\n      }\n    } else if (this.filterable) {\n      this._handleKeypressInnerFlterable(event);\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Special andler for the `keypress` event, ensures space selection for filterable\n   * variation is disabled\n   */\n\n  protected _handleKeypressInnerFlterable(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    if (!this.open) {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING:\n          this._handleUserInitiatedToggle(true);\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (key) {\n        case 'Enter':\n          {\n            const constructor = this.constructor as typeof CDSDropdown;\n            const highlightedItem = this.querySelector(\n              constructor.selectorItemHighlighted\n            ) as CDSMultiSelectItem;\n            if (highlightedItem) {\n              this._handleUserInitiatedSelectItem(highlightedItem);\n            } else {\n              this._handleUserInitiatedToggle(false);\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  protected _renderTitleLabel() {\n    const {\n      clearSelectionDescription,\n      clearSelectionText,\n      disabled,\n      hideLabel,\n      titleText,\n      _selectedItemsCount: selectedItemsCount,\n      _slotTitleTextNode: slotTitleTextNode,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n\n    return html`\n      <label\n        part=\"title-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n        ${selectedItemsCount > 0\n          ? html`\n              <span class=\"${prefix}--visually-hidden\">\n                ${clearSelectionDescription} ${selectedItemsCount},\n                ${clearSelectionText}\n              </span>\n            `\n          : null}\n      </label>\n    `;\n  }\n\n  protected _renderPrecedingLabel() {\n    const {\n      disabled,\n      readOnly,\n      clearSelectionLabel,\n      _selectedItemsCount: selectedItemsCount,\n    } = this;\n\n    const selectionButtonClasses = classMap({\n      [`${prefix}--list-box__selection`]: true,\n      [`${prefix}--list-box__selection--multi`]: true,\n      [`${prefix}--tag`]: true,\n      [`${prefix}--tag--filter`]: true,\n      [`${prefix}--tag--high-contrast`]: true,\n      [`${prefix}--tag--disabled`]: disabled,\n    });\n    return selectedItemsCount === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${selectionButtonClasses}\"\n            tabindex=\"-1\"\n            aria-disabled=${readOnly}\n            title=\"${clearSelectionLabel}\">\n            ${selectedItemsCount}\n            ${Close16({\n              'aria-label': clearSelectionLabel,\n              class: `${prefix}--tag__close-icon`,\n            })}\n          </div>\n        `;\n  }\n\n  /**\n    @returns The main content of the trigger button.\n   */\n  protected _renderLabel(): TemplateResult {\n    const { label, _selectedItemContent: selectedItemContent } = this;\n    return !this.filterable\n      ? html`\n          <span id=\"trigger-label\" class=\"${prefix}--list-box__label\"\n            >${selectedItemContent || label}</span\n          >\n        `\n      : html`\n          <input\n            id=\"trigger-label\"\n            class=\"${prefix}--text-input\"\n            placeholder=\"${label}\"\n            role=\"combobox\"\n            aria-controls=\"menu-body\"\n            aria-autocomplete=\"list\"\n            @input=\"${this._handleInput}\" />\n        `;\n  }\n\n  protected _renderFollowingLabel(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputNode: filterInputNode } = this;\n    return filterInputNode &&\n      filterInputNode.value.length > 0 &&\n      this.filterable\n      ? html`\n          <div\n            id=\"clear-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"0\"\n            title=\"${clearSelectionLabel}\">\n            ${Close16({ 'aria-label': clearSelectionLabel })}\n          </div>\n        `\n      : undefined;\n  }\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSMultiSelect).selectorItem\n    );\n    const inputValue = this._filterInputNode.value.toLocaleLowerCase();\n\n    if (!this.open) this.open = true;\n\n    forEach(items, (item) => {\n      const itemValue = (item as HTMLElement).innerText.toLocaleLowerCase();\n\n      if (!itemValue.includes(inputValue)) {\n        (item as CDSMultiSelectItem).setAttribute('filtered', '');\n        (item as CDSMultiSelectItem).removeAttribute('highlighted');\n      } else {\n        (item as CDSMultiSelectItem).removeAttribute('filtered');\n      }\n    });\n\n    this.requestUpdate();\n  }\n\n  /**\n   * Navigate through dropdown items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (!this.filterable) {\n      super._navigate(direction);\n    } else {\n      // only navigate through remaining item\n      const constructor = this.constructor as typeof CDSMultiSelect;\n      const items = this.querySelectorAll(constructor.selectorItemResults);\n      const highlightedItem = this.querySelector(\n        constructor.selectorItemHighlighted\n      );\n      const highlightedIndex = indexOf(items, highlightedItem!);\n\n      let nextIndex = highlightedIndex + direction;\n      if (nextIndex < 0) {\n        nextIndex = items.length - 1;\n      }\n      if (nextIndex >= items.length) {\n        nextIndex = 0;\n      }\n      forEach(items, (item, i) => {\n        (item as CDSMultiSelectItem).highlighted = i === nextIndex;\n      });\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    const constructor = this.constructor as typeof CDSMultiSelect;\n    const items = this.querySelectorAll(constructor.selectorItemFiltered);\n    this._filterInputNode.value = '';\n    this.open = true;\n    this._filterInputNode.focus();\n    forEach(items, (item) => {\n      (item as CDSMultiSelectItem).removeAttribute('filtered');\n    });\n  }\n\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = '';\n\n  /**\n   * Specify the text that should be read for screen readers that describes total items selected\n   */\n  @property({ attribute: 'clear-selection-description' })\n  clearSelectionDescription = 'Total items selected: ';\n\n  /**\n   * Specify the text that should be read for screen readers to clear selection.\n   */\n  @property({ attribute: 'clear-selection-text' })\n  clearSelectionText = 'To clear selection, press Delete or Backspace.';\n\n  /**\n   * Specify the locale of the control. Used for the default compareItems used for sorting the list of items in the control.\n   */\n  @property()\n  locale = 'en';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is unselected.\n   */\n  @property({ attribute: 'unselected-item-assistive-text' })\n  unselectedItemAssistiveText = 'Unselected an item.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that all items are unselected.\n   */\n  @property({ attribute: 'unselected-all-assistive-text' })\n  unselectedAllAssistiveText = 'Unselected all items.';\n\n  /**\n   * Specify feedback (mode) of the selection.\n   * `top`: selected item jumps to top\n   * `fixed`: selected item stays at it's position\n   * `top-after-reopen`: selected item jump to top after reopen dropdown\n   */\n  @property({ attribute: 'selection-feedback' })\n  selectionFeedback = SELECTION_FEEDBACK_OPTION.TOP_AFTER_REOPEN;\n\n  /**\n   * The CSS class list for multi-select listbox\n   */\n  protected get _classes() {\n    const {\n      disabled,\n      size,\n      type,\n      invalid,\n      readOnly,\n      open,\n      warn,\n      _selectedItemsCount: selectedItemsCount,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n\n    return classMap({\n      [`${prefix}--multi-select`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--disabled`]: disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--multi-select--invalid`]: invalid,\n      [`${prefix}--multi-select--warn`]: warn,\n      [`${prefix}--multi-select--inline`]: inline,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--multi-select--readonly`]: readOnly,\n      [`${prefix}--multi-select--selected`]: selectedItemsCount > 0,\n    });\n  }\n\n  protected compareItems = (itemA, itemB, { locale }) => {\n    itemA.localeCompare(itemB, locale, { numeric: true });\n  };\n\n  protected sortItems = (\n    menuItems: NodeList,\n    { values, compareItems, locale = 'en' }\n  ) => {\n    const menuItemsArray = Array.from(menuItems);\n\n    const sortedArray = menuItemsArray.sort((itemA, itemB) => {\n      const hasItemA = values.includes((itemA as HTMLInputElement).value);\n      const hasItemB = values.includes((itemB as HTMLInputElement).value);\n\n      // Prefer whichever item is in the `value` array first\n      if (hasItemA && !hasItemB) {\n        return -1;\n      }\n\n      if (hasItemB && !hasItemA) {\n        return 1;\n      }\n\n      return compareItems(\n        (itemA as HTMLInputElement).value,\n        (itemB as HTMLInputElement).value,\n        {\n          locale,\n        }\n      );\n    });\n\n    return sortedArray;\n  };\n\n  shouldUpdate(changedProperties) {\n    const { selectorItem } = this.constructor as typeof CDSMultiSelect;\n    const items = this.querySelectorAll(selectorItem);\n\n    const { value, locale } = this;\n    const values = !value ? [] : value.split(',');\n\n    if (changedProperties.has('size')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSMultiSelectItem).size = this.size;\n      });\n    }\n    if (changedProperties.has('value')) {\n      // Updates selection beforehand because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`\n      forEach(items, (elem) => {\n        (elem as CDSMultiSelectItem).selected =\n          values.indexOf((elem as CDSMultiSelectItem).value) >= 0;\n      });\n      this._selectedItemsCount = filter(\n        items,\n        (elem) => values.indexOf((elem as CDSMultiSelectItem).value) >= 0\n      ).length;\n\n      if (this.selectionFeedback === SELECTION_FEEDBACK_OPTION.TOP) {\n        const sortedMenuItems = this.sortItems(items, {\n          values,\n          compareItems: this.compareItems,\n          locale,\n        });\n\n        this.replaceChildren(...sortedMenuItems);\n      }\n    }\n    if (changedProperties.has('open')) {\n      if (\n        this.selectionFeedback === SELECTION_FEEDBACK_OPTION.TOP_AFTER_REOPEN\n      ) {\n        const sortedMenuItems = this.sortItems(items, {\n          values,\n          compareItems: this.compareItems,\n          locale,\n        });\n\n        this.replaceChildren(...sortedMenuItems);\n      }\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('open') && this.open && !this.filterable) {\n      // move focus to menu body when open for non-filterable mulit-select\n      this._menuBodyNode.focus();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    /**\n     * Detect if multi-select already has initially selected items\n     */\n    this.value = filter(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSMultiSelect).selectorItem\n      ),\n      (item) => (item as CDSMultiSelectItem).selected\n    )\n      .map((item) => (item as CDSMultiSelectItem).value)\n      .join(',');\n  }\n\n  /**\n   * A selector that will return menu body.\n   */\n  static get selectorMenuBody() {\n    return `div[part=\"menu-body\"]`;\n  }\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-multi-select-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return multi select items.\n   * We use a separate property from `.itemTagName` due to the nature in difference of tag name vs. selector.\n   */\n  static get selectorItem() {\n    return `${prefix}-multi-select-item`;\n  }\n\n  /**\n   * A selector that will return remaining items after a filter.\n   */\n  static get selectorItemFiltered() {\n    return `${prefix}-multi-select-item[filtered]`;\n  }\n\n  /**\n   * A selector that will return remaining items after a filter.\n   */\n  static get selectorItemResults() {\n    return `${prefix}-multi-select-item:not([filtered])`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-multi-select-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this multi select item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this multi select item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-multi-select-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this multi select item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-multi-select-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a multi select item 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}-multi-select-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a multi select item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-multi-select-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSMultiSelect;\n"]}

package/es/components/notification/actionable-notification-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/notification/actionable-notification-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAGzC;;;;GAIG;AACH,cACM,+BAAgC,SAAQ,SAAS;IACrD,MAAM,CAAC,iBAAiB,KAAA;IASxB,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,+BAA+B,CAAC","file":"actionable-notification-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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport styles from './actionable-notification.scss';\n\n/**\n * Actionable notification action button.\n *\n * @element cds-actionable-notification-button\n */\n@customElement(`${prefix}-actionable-notification-button`)\nclass CDSActionableNotificationButton extends CDSButton {\n  update(changedProperties) {\n    super.update(changedProperties);\n    this.shadowRoot!.getElementById('button')?.classList.add(\n      `${prefix}--actionable-notification__action-button`\n    );\n\n    this.setAttribute('size', 'sm');\n  }\n\n  static styles = styles;\n}\n\nexport default CDSActionableNotificationButton;\n"]}

package/es/components/notification/actionable-notification.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/notification/actionable-notification.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,QAAQ,CAAC;AAC9D,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiB1D;;;;;;;;;;GAUG;AACH,cACM,yBAA0B,SAAQ,8BAEvC;IACC,SAAS,CAAC,KAAK,oBAAgC;IAE/C;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,aAAa,UAAQ;IAErB;;OAEG;IAEH,QAAQ,UAAQ;IAEhB;;;OAGG;IAGH,OAAO,CAAC,cAAc,CAKpB;IAEF,iBAAiB;IAOjB,SAAS,CAAC,WAAW;IAarB,SAAS,CAAC,WAAW;IAiBrB;;OAEG;IAEH,OAAO,SAAM;IAEb,OAAO,CAAC,iBAAiB,KAAA;IA8BzB,MAAM;IAWN;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,yBAAyB,CAAC","file":"actionable-notification.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 */\nimport CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\nimport ErrorFilled20 from '@carbon/icons/lib/error--filled/20';\nimport InformationFilled20 from '@carbon/icons/lib/information--filled/20';\nimport InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';\nimport WarningFilled20 from '@carbon/icons/lib/warning--filled/20';\nimport WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';\nimport { html, svg } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { NOTIFICATION_TYPE, NOTIFICATION_KIND } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './actionable-notification.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconsForKinds = {\n  [NOTIFICATION_KIND.SUCCESS]: CheckmarkFilled20,\n  [NOTIFICATION_KIND.INFO]: InformationFilled20,\n  [NOTIFICATION_KIND.INFO_SQUARE]: InformationSquareFilled20,\n  [NOTIFICATION_KIND.WARNING]: WarningFilled20,\n  [NOTIFICATION_KIND.WARNING_ALT]: WarningAltFilled20,\n  [NOTIFICATION_KIND.ERROR]: ErrorFilled20,\n};\n\n/**\n * Actionable notification.\n *\n * @element cds-actionable-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-actionable-notification`)\nclass CDSActionableNotification extends HostListenerMixin(\n  CDSInlineNotification\n) {\n  protected _type = NOTIFICATION_TYPE.ACTIONABLE;\n\n  /**\n   * Inline notification type.\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * Pass in the action button label that will be rendered within the ActionableNotification.\n   */\n  @property({ type: String, reflect: true, attribute: 'action-button-label' })\n  actionButtonLabel = '';\n\n  /**\n   * Specify if pressing the escape key should close notifications\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'close-on-escape' })\n  closeOnEscape = true;\n\n  /**\n   * Specify if focus should be moved to the component when the notification contains actions\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-focus' })\n  hasFocus = true;\n\n  /**\n   * Handles `keydown` event on this event.\n   * Escape will close the notification if `closeOnEscape` is true\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 = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.closeOnEscape && key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'alertdialog');\n    }\n    super.connectedCallback();\n  }\n\n  protected _renderIcon() {\n    const { statusIconDescription, kind, inline } = this;\n    const { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${inline ? 'inline' : 'toast'}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\n        });\n  }\n\n  protected _renderText() {\n    const { subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <div class=\"${prefix}--${type}-notification__content\">\n          <div class=\"${prefix}--${type}-notification__title\">\n            ${title}<slot name=\"title\"></slot>\n          </div>\n          <div class=\"${prefix}--${type}-notification__subtitle\">\n            ${subtitle}<slot name=\"subtitle\"></slot>\n          </div>\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The caption.\n   */\n  @property()\n  caption = '';\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const button = this.querySelector(\n      (this.constructor as typeof CDSActionableNotification)\n        .selectorActionButton\n    );\n    if (changedProperties.has('inline')) {\n      button?.setAttribute('kind', this.inline ? 'ghost' : 'tertiary');\n    }\n    if (changedProperties.has('lowContrast')) {\n      if (this.lowContrast) {\n        button?.setAttribute('low-contrast', 'true');\n      } else {\n        button?.removeAttribute('low-contrast');\n      }\n    }\n    if (changedProperties.has('hideCloseButton')) {\n      if (this.hideCloseButton) {\n        button?.setAttribute('hide-close-button', 'true');\n      } else {\n        button?.removeAttribute('hide-close-button');\n      }\n    }\n    if (changedProperties.has('hasFocus')) {\n      if (this.hasFocus) {\n        this.focus();\n      }\n    }\n  }\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderIcon()} ${this._renderText()}\n      </div>\n      <slot name=\"action\"></slot>\n      ${this._renderButton()}\n    `;\n  }\n\n  /**\n   * A selector that will return the action button element\n   */\n  static get selectorActionButton() {\n    return `${prefix}-actionable-notification-button`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSActionableNotification;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/notification/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,WAAW,gBAAgB;IAE3B;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,WAAW,gBAAgB;IAE3B;;OAEG;IACH,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;;OAGG;IACH,MAAM,WAAW;IAEjB;;;OAGG;IACH,KAAK,UAAU;IAEf;;;;;;OAMG;IACH,UAAU,eAAe;CAC1B","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 * Notification kinds.\n */\nexport enum NOTIFICATION_KIND {\n  /**\n   * Notification to represent success state.\n   */\n  SUCCESS = 'success',\n\n  /**\n   * Informational notification.\n   */\n  INFO = 'info',\n\n  /**\n   * Informational square icon notification.\n   */\n  INFO_SQUARE = 'info-square',\n\n  /**\n   * Warning notification.\n   */\n  WARNING = 'warning',\n\n  /**\n   * Warning Alt notification.\n   */\n  WARNING_ALT = 'warning-alt',\n\n  /**\n   * Error notification.\n   */\n  ERROR = 'error',\n}\n\n/**\n * Notification types.\n */\nexport enum NOTIFICATION_TYPE {\n  /**\n   * Inline notification, which show up in task flows, to notify users of the status of an action.\n   * They usually appear at the top of the primary content area.\n   */\n  INLINE = 'inline',\n\n  /**\n   * Toast notification, which is a non-modal, time-based window elements used to display short messages.\n   * They usually appear at the bottom of the screen and disappear after a few seconds.\n   */\n  TOAST = 'toast',\n\n  /**\n   * Actionable notifications allow for interactive elements within a notification styled like an inline\n   * or toast notification. Actionable notifications, since they require user interaction, take focus when\n   * triggered and can be highly disruptive to screen readers and keyboard users. With actionable notifications,\n   * only one action is allowed per notification. This action frequently takes users to a flow or page related\n   * to the message, where they can resolve the notification.\n   */\n  ACTIONABLE = 'actionable',\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/notification/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,2BAA2B,CAAC;AACnC,OAAO,kCAAkC,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 './inline-notification';\nimport './toast-notification';\nimport './actionable-notification';\nimport './actionable-notification-button';\n"]}

package/es/components/notification/inline-notification.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/notification/inline-notification.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAG9D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAchD;;;;;;;;;;GAUG;AACH,cACM,qBAAsB,SAAQ,0BAAsB;IACxD;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3C;;OAEG;IACH,SAAS,CAAC,KAAK,oBAA4B;IAE3C;;;;OAIG;IACH,SAAS,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM;IAK1C;;;;OAIG;IACH,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE,MAAM;IAU5C;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,EAAE,MAAM,EAAE,EAAE,UAAU;IAIxD;;;;OAIG;IACH,SAAS,CAAC,gCAAgC,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA6B1E;;OAEG;IACH,SAAS,CAAC,aAAa;IAoBvB;;OAEG;IACH,SAAS,CAAC,WAAW;IAerB;;OAEG;IACH,SAAS,CAAC,WAAW;IAarB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAEnB;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,qBAAqB,EAAG,MAAM,CAAC;IAE/B;;OAEG;IAEH,IAAI,oBAA6B;IAEjC;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9B;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAazB,MAAM;IAUN;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"inline-notification.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 CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport ErrorFilled20 from '@carbon/icons/lib/error--filled/20';\nimport InformationFilled20 from '@carbon/icons/lib/information--filled/20';\nimport InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';\nimport WarningFilled20 from '@carbon/icons/lib/warning--filled/20';\nimport WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';\nimport { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs';\nimport styles from './inline-notification.scss';\n\nexport { NOTIFICATION_KIND, NOTIFICATION_TYPE };\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconsForKinds = {\n  [NOTIFICATION_KIND.SUCCESS]: CheckmarkFilled20,\n  [NOTIFICATION_KIND.INFO]: InformationFilled20,\n  [NOTIFICATION_KIND.INFO_SQUARE]: InformationSquareFilled20,\n  [NOTIFICATION_KIND.WARNING]: WarningFilled20,\n  [NOTIFICATION_KIND.WARNING_ALT]: WarningAltFilled20,\n  [NOTIFICATION_KIND.ERROR]: ErrorFilled20,\n};\n\n/**\n * Inline notification.\n *\n * @element cds-inline-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-inline-notification`)\nclass CDSInlineNotification extends FocusMixin(LitElement) {\n  /**\n   * Current timeout identifier\n   */\n  protected _timeoutID: number | null = null;\n\n  /**\n   * Notification type.\n   */\n  protected _type = NOTIFICATION_TYPE.INLINE;\n\n  /**\n   * Cancels the current timeout configured for the notification\n   *\n   * @param timeoutID current timeout's identifier\n   */\n  protected _cancelTimeout(timeoutID: number) {\n    clearTimeout(timeoutID);\n    this._timeoutID = null;\n  }\n\n  /**\n   * Overrides (if exists) the timeout to close the notification\n   *\n   * @param timeout the time in ms\n   */\n  protected _initializeTimeout(timeout: number) {\n    if (this._timeoutID) {\n      this._cancelTimeout(this._timeoutID);\n    }\n    this._timeoutID = setTimeout(\n      this._handleUserOrTimerInitiatedClose.bind(this, null),\n      timeout\n    ) as unknown as number;\n  }\n\n  /**\n   * Handles `click` event on the close button.\n   *\n   * @param event The event.\n   */\n  protected _handleClickCloseButton({ target }: MouseEvent) {\n    this._handleUserOrTimerInitiatedClose(target);\n  }\n\n  /**\n   * Handles user-initiated or through timer close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request, if there is one.\n   */\n  protected _handleUserOrTimerInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineNotification).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineNotification).eventClose,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  /**\n   * @returns The template part for the close button.\n   */\n  protected _renderButton() {\n    const {\n      ariaLabel,\n      _type: type,\n      _handleClickCloseButton: handleClickCloseButton,\n    } = this;\n    return html`\n      <button\n        type=\"button\"\n        class=\"${prefix}--${type}-notification__close-button\"\n        aria-label=${ifDefined(ariaLabel)}\n        title=${ifDefined(ariaLabel)}\n        @click=\"${handleClickCloseButton}\">\n        ${Close16({\n          class: `${prefix}--${type}-notification__close-icon`,\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * @returns The template part for the text contents.\n   */\n  protected _renderText() {\n    const { subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <p class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </p>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The template part for the icon.\n   */\n  protected _renderIcon() {\n    const { statusIconDescription, kind, _type: type } = this;\n    const { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${type}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\n        });\n  }\n\n  /**\n   * Provide a description for \"close\" icon button that can be read by screen readers\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel!: string;\n\n  /**\n   * `true` to hide the close button.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-close-button' })\n  hideCloseButton = false;\n\n  /**\n   * Provide a description for \"status\" icon that can be read by screen readers\n   */\n  @property({ attribute: 'status-icon-description' })\n  statusIconDescription!: string;\n\n  /**\n   * Notification kind.\n   */\n  @property({ reflect: true })\n  kind = NOTIFICATION_KIND.SUCCESS;\n\n  /**\n   * Low contrast mode\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'low-contrast' })\n  lowContrast = false;\n\n  /**\n   * `true` if the notification should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * Specify an optional duration the notification should be closed in\n   */\n  @property({ type: Number, reflect: true })\n  timeout: number | null = null;\n\n  /**\n   * The subtitle.\n   */\n  @property()\n  subtitle = '';\n\n  /**\n   * The title.\n   */\n  @property()\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'alert');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    const openChanged = changedProperties.has('open');\n    const timeoutChanged = changedProperties.has('timeout');\n\n    if (openChanged || timeoutChanged) {\n      if (this.open && this.timeout) {\n        this._initializeTimeout(this.timeout);\n      } else if (!this.open && this._timeoutID) {\n        this._cancelTimeout(this._timeoutID);\n      }\n    }\n  }\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderIcon()}${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this notification is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this notification.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-notification-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this notification is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-notification-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSInlineNotification;\n"]}

package/es/components/notification/toast-notification.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/notification/toast-notification.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;AAG1D;;;;;;;;;;GAUG;AACH,cACM,oBAAqB,SAAQ,qBAAqB;IACtD,SAAS,CAAC,KAAK,oBAA2B;IAE1C,SAAS,CAAC,WAAW;IAkBrB;;OAEG;IAEH,OAAO,SAAM;IAEb,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC","file":"toast-notification.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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NOTIFICATION_TYPE } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './toast-notification.scss';\n\n/**\n * Toast notification.\n *\n * @element cds-toast-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-toast-notification`)\nclass CDSToastNotification extends CDSInlineNotification {\n  protected _type = NOTIFICATION_TYPE.TOAST;\n\n  protected _renderText() {\n    const { caption, subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        <div class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__caption\">\n          ${caption}<slot name=\"caption\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Specify the caption\n   */\n  @property()\n  caption = '';\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      ${this._renderIcon()}\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSToastNotification;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/number-input/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,yBAAyB,IAAI,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEpG;;GAEG;AACH,oBAAY,8BAA8B;IACxC,gBAAgB,qBAAqB;IACrC,gBAAgB,qBAAqB;CACtC","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\nexport { FORM_ELEMENT_COLOR_SCHEME as NUMBER_INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Works in conjunction with VALIDATION_STATUS\n */\nexport enum NUMBER_INPUT_VALIDATION_STATUS {\n  EXCEEDED_MAXIMUM = 'exceeded_maximum',\n  EXCEEDED_MINIMUM = 'exceeded_minimum',\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/number-input/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,gBAAgB,CAAC;AACxB,OAAO,yBAAyB,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 './number-input';\nimport './number-input-skeleton';\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/number-input/number-input-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;GAEG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C;;OAEG;IAEH,SAAS,UAAS;IAElB,MAAM;IASN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"number-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 } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './number-input.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-number-input-skeleton`)\nclass CDSNumberInputSkeleton 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}--number ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSNumberInputSkeleton;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/number-input/number-input.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAWH,OAAO,EAAE,8BAA8B,EAAE,MAAM,QAAQ,CAAC;AAExD,OAAO,YAAY,EAAE,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGpE,OAAO,EAAE,8BAA8B,EAAE,CAAC;AAE1C;;;;;;;GAOG;AACH,cACM,cAAe,SAAQ,YAAY;IACvC;;OAEG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;IAgBnC;;OAEG;IAEH,SAAS,CAAC,4BAA4B,CAAC,CAAC,EAAE,KAAK;IAe/C;;OAEG;IAEH,SAAS,CAAC,0BAA0B,CAAC,CAAC,EAAE,KAAK;IAe7C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAG,gBAAgB,CAAC;IAEpC,iBAAiB;IAgBjB,SAAS,CAAC,IAAI,SAAM;IAEpB,SAAS,CAAC,IAAI,SAAM;IAEpB,SAAS,CAAC,KAAK,SAAO;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;IACH,IACI,IAAI,WAEP;IAED,IAAI,IAAI,CAAC,KAAK,QAAA,EAIb;IAED;;OAEG;IAEH,4BAA4B,SAA2B;IAEvD;;OAEG;IAEH,4BAA4B,SAA2B;IAEvD;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,aAAqB;IAEzB;;OAEG;IACH,MAAM;IAIN;;OAEG;IACH,QAAQ;IAIR,MAAM;IAwIN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"number-input.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.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 Add16 from '@carbon/icons/lib/add/16';\nimport Subtract16 from '@carbon/icons/lib/subtract/16';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { NUMBER_INPUT_VALIDATION_STATUS } from './defs';\nimport styles from './number-input.scss';\nimport CDSTextInput, { INPUT_SIZE } from '../text-input/text-input';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NUMBER_INPUT_VALIDATION_STATUS };\n\n/**\n * Number input.\n *\n * @element cds-number-input\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-number-input`)\nclass CDSNumberInput extends CDSTextInput {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    super._handleInput(event);\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepDown(_: Event) {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepUp(_: Event) {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _getInputValidity() {\n    if (this.invalid) {\n      return false;\n    }\n    if (\n      this._input?.valueAsNumber > Number(this.max) ||\n      this._input?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n    if (this.value === '') {\n      return this.allowEmpty;\n    }\n    return true;\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * Specify whether you want the steppers to be hidden\n   */\n  @property({ type: Boolean, attribute: 'hide-steppers', reflect: true })\n  hideSteppers = false;\n\n  /**\n   * `true` to allow empty string.\n   */\n  @property({ type: Boolean, attribute: 'allow-empty', reflect: true })\n  allowEmpty = false;\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    this._input.stepUp();\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    this._input.stepDown();\n  }\n\n  render() {\n    const {\n      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n    } = this;\n\n    const isValid = this._getInputValidity();\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--number__invalid`,\n    });\n\n    const warnIcon = WarningAltFilled16({\n      class: `${prefix}--number__invalid ${prefix}--number__invalid--warning`,\n    });\n\n    let normalizedProps = {\n      disabled: !this.readonly && this.disabled,\n      invalid: !this.readonly && !isValid,\n      warn: !this.readonly && isValid && this.warn,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.size}`]: this.size,\n      [`${prefix}--number--nosteppers`]: this.hideSteppers,\n      [`${prefix}--number--readonly`]: this.readonly,\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--number__input-wrapper`]: true,\n      [`${prefix}--number__input-wrapper--warning`]: normalizedProps.warn,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n      [`${prefix}--visually-hidden`]: this.hideLabel,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n    });\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${Add16()}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${Subtract16()}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n\n    const input = html`\n      <input\n        autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${normalizedProps.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${this._value}\"\n        @input=\"${handleInput}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = this.invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = this.warnText;\n    }\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${normalizedProps.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.label} </slot>\n        </label>\n        <div class=\"${inputWrapperClasses}\">\n          ${normalizedProps.icon} ${input}\n          <div class=\"${prefix}--number__controls\">\n            ${!this.hideSteppers\n              ? html`${decrementButton} ${incrementButton}`\n              : null}\n          </div>\n        </div>\n        <div\n          class=\"${helperTextClasses}\"\n          ?hidden=\"${normalizedProps.invalid || normalizedProps.warn}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n          <slot name=\"${normalizedProps['slot-name']}\">\n            ${normalizedProps['slot-text']}\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static 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 CDSNumberInput;\n"]}

package/es/components/overflow-menu/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/overflow-menu/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,kBAAkB;IAC5B;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb;AAED,eAAO,MAAM,oBAAoB;;;CAGhC,CAAC","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 * Overflow menu size.\n */\nexport enum OVERFLOW_MENU_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\nexport const NAVIGATION_DIRECTION = {\n  ArrowDown: 1,\n  ArrowUp: -1,\n};\n"]}

package/es/components/overflow-menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/overflow-menu/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,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 './overflow-menu';\nimport './overflow-menu-body';\nimport './overflow-menu-item';\n"]}

package/es/components/overflow-menu/overflow-menu-body.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/overflow-menu/overflow-menu-body.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,eAAe,EAAE,EACtB,uBAAuB,EACxB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAwB,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAClE,OAAO,mBAAmB,MAAM,sBAAsB,CAAC;AAqBvD;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,eAAe;IAC/C;;OAEG;IAEH,SAAS,0BAAkC;IAE3C;;OAEG;IAEH,OAAO,UAAS;IAEhB;;;;OAIG;IAEH,IAAI,UAAS;IAEb,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAE5C;;OAEG;IAEH,IAAI,qBAA6B;IAEjC;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,WAAW,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM;IAS1E;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAOrC;;OAEG;IAGH,SAAS,CAAC,cAAc,UAAiB,aAAa,mBAmBpD;IAEF,iBAAiB;IAWjB,OAAO,CAAC,iBAAiB,KAAA;IAazB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"overflow-menu-body.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSFloatingMenu, {\n  FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './overflow-menu.scss';\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element cds-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass CDSOverflowMenuBody extends CDSFloatingMenu {\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = false;\n\n  /**\n   * `true` if the menu should be open.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  selected: CDSOverflowMenuItem | null = null;\n\n  /**\n   * The overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(currentItem: CDSOverflowMenuItem, direction: number) {\n    const { selectorItemEnabled } = this\n      .constructor as typeof CDSOverflowMenuBody;\n    const menuItems = this.querySelectorAll(selectorItemEnabled);\n    const currentIndex = indexOf(menuItems, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n    return nextIndex === currentIndex ? null : menuItems[nextIndex];\n  }\n\n  /**\n   * Navigates through overflow menu items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (this.selected) {\n      const nextItem = this._getNextItem(this.selected, direction);\n      (nextItem as HTMLElement)?.focus();\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the menu body.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.open) {\n      /**\n       * sets this.selected to focused menu item. the menu item is focused\n       * automatically due to FocusMixin\n       */\n      if (this.contains(document.activeElement)) {\n        this.selected = document.activeElement as CDSOverflowMenuItem;\n      }\n\n      if (key in NAVIGATION_DIRECTION) {\n        this._navigate(NAVIGATION_DIRECTION[key]);\n      }\n\n      if (key === 'Escape') {\n        this.open = false;\n      }\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      const { selectorMenuItem } = this\n        .constructor as typeof CDSOverflowMenuBody;\n      const menuItems = this.querySelectorAll(selectorMenuItem);\n      menuItems.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    super.updated(changedProperties);\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return menu items.\n   */\n  static get selectorMenuItem() {\n    return `${prefix}-overflow-menu-item`;\n  }\n\n  /**\n   * A selector that will return enabled menu items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-overflow-menu-item:not([disabled])`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSOverflowMenuBody;\n"]}

package/es/components/overflow-menu/overflow-menu-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG5C;;;;GAIG;AACH,cACM,mBAAoB,SAAQ,wBAAsB;IACtD;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,qBAA6B;IAEjC,iBAAiB;IAOjB,MAAM;IAyBN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,mBAAmB,CAAC","file":"overflow-menu-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { 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 FocusMixin from '../../globals/mixins/focus';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport styles from './overflow-menu.scss';\n\n/**\n * Overflow menu item.\n *\n * @element cds-overflow-menu-item\n */\n@customElement(`${prefix}-overflow-menu-item`)\nclass CDSOverflowMenuItem extends FocusMixin(LitElement) {\n  /**\n   * `true` if the action is danger.\n   */\n  @property({ type: Boolean, reflect: true })\n  danger = false;\n\n  /**\n   * `true` if the overflow menu item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the item has a divider\n   */\n  @property({ type: Boolean, reflect: true })\n  divider = false;\n\n  /**\n   * The link href of the overflow menu item.\n   */\n  @property()\n  href = '';\n\n  /**\n   * The size of the overflow menu item.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menuitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return this.href\n      ? html`\n          <a\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            href=\"${this.href}\"\n            tabindex=\"-1\">\n            <div class=\"${prefix}--overflow-menu-options__option-content\">\n              <slot></slot>\n            </div>\n          </a>\n        `\n      : html`\n          <button\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            tabindex=\"-1\">\n            <div class=\"${prefix}--overflow-menu-options__option-content\">\n              <slot></slot>\n            </div>\n          </button>\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 CDSOverflowMenuItem;\n"]}

package/es/components/overflow-menu/overflow-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9B;;;;;GAKG;AACH,cACM,eACJ,SAAQ,oBACR,YAAW,sBAAsB;IAEjC;;OAEG;IACH,OAAO,CAAC,SAAS,CAAoC;IAErD;;OAEG;YACW,0BAA0B;IAaxC;;OAEG;IAGH,OAAO,CAAC,mBAAmB,CAEzB;IAEF;;OAEG;IAGH,OAAO,CAAC,qBAAqB,CAK3B;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,IAAI,qBAA6B;IAEjC;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IACH,IAAI,eAAe,YAElB;IAED,iBAAiB;IAUjB,OAAO,CAAC,iBAAiB,KAAA;IA8DzB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"overflow-menu.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport CDSFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuBody from './overflow-menu-body';\nimport styles from './overflow-menu.scss';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { OVERFLOW_MENU_SIZE };\n\n/**\n * Overflow menu.\n *\n * @element cds-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass CDSOverflowMenu\n  extends HostListenerMixin(FocusMixin(CDSIconButton))\n  implements CDSFloatingMenuTrigger\n{\n  /**\n   * The menu body.\n   */\n  private _menuBody: CDSOverflowMenuBody | null = null;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    this.open = !this.open;\n    const { index, open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n      const { _menuBody: menuBody } = this;\n      const menuItem = menuBody?.querySelector(\n        `${prefix}-overflow-menu-item:nth-of-type(${index})`\n      ) as HTMLElement;\n      menuItem?.focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the trigger button.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClickTrigger = async () => {\n    this._handleUserInitiatedToggle();\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleUserInitiatedToggle();\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * `true` if this tooltip is in a data table row\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * `true` if this overflow menu should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this overflow menu body should be flipped.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = false;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Index (starting at 1) of overflow menu item to focus on open.\n   */\n  @property()\n  index = 1;\n\n  /**\n   * Overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  /**\n   * `true` if this menu is a toolbar action\n   */\n  @property({ type: Boolean, attribute: 'toolbar-action', reflect: true })\n  toolbarAction = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    return this.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    const button = this.shadowRoot\n      ?.querySelector(`${prefix}-tooltip`)\n      ?.querySelector('button');\n    button?.classList.add(\n      `${prefix}--btn--icon-only`,\n      `${prefix}--overflow-menu`\n    );\n\n    if (changedProperties.has('open')) {\n      const { open } = this;\n      if (open && !this._menuBody) {\n        this._menuBody = find(\n          this.childNodes,\n          (elem) =>\n            (elem.constructor as typeof CDSOverflowMenuBody).FLOATING_MENU\n        );\n      }\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.open = open;\n\n        const tooltipContent = this.querySelector(\n          '[slot=tooltip-content]'\n        )?.textContent;\n        button?.setAttribute('aria-expanded', String(Boolean(open)));\n        button?.setAttribute('aria-label', String(tooltipContent));\n      }\n    }\n\n    if (changedProperties.has('dataTable')) {\n      const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n      tooltip?.setAttribute('data-table', '');\n    }\n\n    if (changedProperties.has('size')) {\n      const { size } = this;\n      const { _menuBody: menuBody } = this;\n      if (menuBody) {\n        menuBody.size = size;\n      }\n\n      button?.classList.forEach((item) => {\n        if (item.startsWith(`${prefix}--overflow-menu--`)) {\n          button?.classList.remove(item);\n        }\n      });\n      button?.classList.add(`${prefix}--overflow-menu--${this.size}`);\n\n      const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n      tooltip?.setAttribute('size', this.size);\n    }\n\n    if (changedProperties.has('toolbarAction') && this.toolbarAction) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.setAttribute('toolbar-action', '');\n    }\n\n    super.updated(changedProperties);\n  }\n\n  render() {\n    return html` ${super.render()} `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSOverflowMenu;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/pagination/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,eAAe;IACzB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb","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 * Pagination size.\n */\nexport enum PAGINATION_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/pagination/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,cAAc,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/select-item';\nimport './pagination';\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/pagination/pagination.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AASvC,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,OAAO,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGzB;;;;;;;;GAQG;AACH,cACM,aAAc,SAAQ,kBAAyC;IAEnE,OAAO,CAAC,eAAe,CAAe;IAEtC,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAwBzB;;;;OAIG;IACH,OAAO,CAAC,+BAA+B;IAiBvC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAS9B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAS9B;;;;OAIG;IAGH,OAAO,CAAC,qBAAqB;IAe7B;;OAEG;IAEH,YAAY,SAAmB;IAE/B;;OAEG;IAEH,IAAI,SAAK;IAET;;;OAGG;IAEH,eAAe;;iBAC2C;IAE1D;;OAEG;IAEH,gCAAgC;;;;iBAC6B;IAE7D;;OAEG;IAEH,kCAAkC;;;;iBAGmB;IAErD;;OAEG;IAEH,sBAAsB;;iBAG2B;IACjD;;OAEG;IAEH,UAAU,EAAG,OAAO,CAAC;IAErB;;OAEG;IAEH,gBAAgB,SAAqB;IAErC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,SAAe;IAE1B;;OAEG;IAEH,iBAAiB,MAAC;IAElB;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,qBAAqB,MAAC;IAEtB;;OAEG;IAEH,iBAAiB,EAAG,MAAM,CAAC;IAE3B;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,IAAI,kBAA0B;IAE9B;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,EAAG,MAAM,CAAC;IAEpB;;OAEG;IAEH,UAAU,SAAK;IAEf,OAAO,CAAC,iBAAiB,KAAA;IAoBzB,MAAM;IAqJN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"pagination.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 CaretLeft16 from '@carbon/icons/lib/caret--left/16';\nimport CaretRight16 from '@carbon/icons/lib/caret--right/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport styles from './pagination.scss';\nimport { PAGINATION_SIZE } from './defs';\nimport CDSSelect from '../select/select';\nimport '../button/index';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Pagination UI.\n *\n * @element cds-pagination\n * @slot page-sizes-select - Where to put in the `<page-sizes-select>`.\n * @fires cds-pages-select-changed - The custom event fired after the current page is changed from `<cds-pages-select>`.\n * @fires cds-page-sizes-select-changed\n *   The custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.\n */\n@customElement(`${prefix}-pagination`)\nclass CDSPagination extends FocusMixin(HostListenerMixin(LitElement)) {\n  @query(`${prefix}-select`)\n  private _pageSizeSelect!: HTMLElement;\n\n  private _handleSlotChange({ target }: Event) {\n    const content = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n\n    content.forEach((item) => {\n      this._pageSizeSelect.appendChild(item);\n    });\n  }\n\n  /**\n   * @returns Page status text.\n   */\n  private _renderStatusText() {\n    const {\n      start,\n      pageSize,\n      totalItems,\n      pagesUnknown,\n      formatStatusWithDeterminateTotal,\n      formatStatusWithIndeterminateTotal,\n    } = this;\n    // * Regular: `1-10 of 100 items`\n    // * Indeterminate total: `Item 1-10` (`Item 11-` at the last page)\n    const end = Math.min(\n      start + pageSize,\n      totalItems == null ? Infinity : totalItems\n    );\n    const format =\n      totalItems == null || pagesUnknown\n        ? formatStatusWithIndeterminateTotal\n        : formatStatusWithDeterminateTotal;\n\n    // `start`/`end` properties starts with zero, whereas we want to show number starting with 1\n    return format({ start: start + 1, end, count: totalItems });\n  }\n\n  /**\n   * Handles user-initiated change in the row number the current page starts with.\n   *\n   * @param start The new current row number, index that starts with zero.\n   */\n  private _handleUserInitiatedChangeStart(start: number) {\n    this.start = start;\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSPagination).eventChangeCurrent,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            page: this.page,\n            pageSize: this.pageSize,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * Handles `click` event on the previous button.\n   */\n  private _handleClickPrevButton() {\n    const { start: oldStart, pageSize } = this;\n    this.page--;\n    const newStart = Math.max(oldStart - pageSize, 0);\n    if (newStart !== oldStart) {\n      this._handleUserInitiatedChangeStart(newStart);\n    }\n  }\n\n  /**\n   * Handles `click` event on the next button.\n   */\n  private _handleClickNextButton() {\n    const { start: oldStart, pageSize, totalItems } = this;\n    this.page++;\n    const newStart = oldStart + pageSize;\n    if (newStart < (totalItems == null ? Infinity : totalItems)) {\n      this._handleUserInitiatedChangeStart(newStart);\n    }\n  }\n\n  /**\n   * Handles user-initiated change in number of rows per page.\n   *\n   * @param event The event.\n   */\n  @HostListener('eventChangeSelect')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleChangeSelector(event) {\n    const { value } = event.detail;\n    const { totalItems, pageSize } = this;\n\n    if (event.composedPath()[0] === this._pageSizeSelect) {\n      this.pageSize = parseInt(value);\n      this.totalPages = Math.ceil(totalItems / pageSize);\n      this.page = 1;\n      this.start = 0;\n    } else {\n      this.page = value;\n      this._handleUserInitiatedChangeStart((value - 1) * pageSize);\n    }\n  }\n\n  /**\n   * The assistive text for the button to go to previous page.\n   */\n  @property({ attribute: 'backward-text' })\n  backwardText = 'Previous page';\n\n  /**\n   * The current page\n   */\n  @property({ type: Number, reflect: true })\n  page = 1;\n\n  /**\n   * The formatter for the assistive text for screen readers to announce.\n   * Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatLabelText = ({ count }) =>\n    `Page number, of ${count} page${count <= 1 ? '' : 's'}`;\n\n  /**\n   * The formatter, used with determinate the total pages. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatStatusWithDeterminateTotal = ({ start, end, count }) =>\n    `${start}–${end} of ${count} item${count <= 1 ? '' : 's'}`;\n\n  /**\n   * The formatter, used with indeterminate the total pages. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatStatusWithIndeterminateTotal = ({ start, end, count }) =>\n    end == null\n      ? `Item ${start}–`\n      : `${start}–${end} item${count <= 1 ? '' : 's'}`;\n\n  /**\n   * The formatter for the text next to the select box. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSupplementalText = ({ count }) =>\n    this.pagesUnknown || !this.totalItems\n      ? `page`\n      : `of ${count} page${count <= 1 ? '' : 's'}`;\n  /**\n   * `true` to explicitly state that user is at the last page.\n   */\n  @property({ type: Boolean, attribute: 'is-last-page' })\n  isLastPage!: boolean;\n\n  /**\n   * The translatable text indicating the number of items per page.\n   */\n  @property({ attribute: 'items-per-page-text' })\n  itemsPerPageText = 'Items per page:';\n\n  /**\n   * `true` if the pagination UI should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The assistive text for the button to go to next page.\n   */\n  @property({ attribute: 'forward-text' })\n  forwardText = 'Next page';\n\n  /**\n   * true if the select box to change the page should be disabled.\n   */\n  @property({ attribute: 'page-input-disabled' })\n  pageInputDisabled;\n\n  /**\n   * Number of items per page.\n   */\n  @property({ type: Number, attribute: 'page-size', reflect: true })\n  pageSize = 10;\n\n  /**\n   * true if the select box to change the items per page should be disabled.\n   */\n  @property({ type: Boolean, attribute: 'page-size-input-disabled' })\n  pageSizeInputDisabled;\n\n  /**\n   * The label text for the UI to select page size.\n   */\n  @property({ attribute: 'page-size-label-text' })\n  pageSizeLabelText!: string;\n\n  /**\n   * true if the total number of items is unknown.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'pages-unknown' })\n  pagesUnknown = false;\n\n  /**\n   * Specify the size of the Pagination.\n   */\n  @property({ reflect: true })\n  size = PAGINATION_SIZE.MEDIUM;\n\n  /**\n   * The row number where current page start with, index that starts with zero.\n   */\n  @property({ type: Number })\n  start = 0;\n\n  /**\n   * The number of total items.\n   */\n  @property({ type: Number, attribute: 'total-items' })\n  totalItems!: number;\n\n  /**\n   * The number of total pages.\n   */\n  @property({ type: Number })\n  totalPages = 1;\n\n  updated(changedProperties) {\n    const { page, pageSize, totalItems } = this;\n    const { selectorPageSizesSelect, selectorPagesSelect } = this\n      .constructor as typeof CDSPagination;\n\n    if (changedProperties.has('pageSize')) {\n      (this.shadowRoot!.querySelector(selectorPageSizesSelect) as any).value =\n        pageSize;\n    }\n    if (changedProperties.has('pageSize') || changedProperties.has('start')) {\n      this.totalPages = Math.ceil(totalItems / pageSize);\n      (this.shadowRoot!.querySelector(selectorPagesSelect) as CDSSelect).value =\n        this.page.toString();\n    }\n\n    if (changedProperties.has('page')) {\n      this._handleUserInitiatedChangeStart((page - 1) * pageSize);\n    }\n  }\n\n  render() {\n    const {\n      page,\n      disabled,\n      forwardText,\n      backwardText,\n      itemsPerPageText,\n      pageInputDisabled,\n      pageSize,\n      pageSizeInputDisabled,\n      pagesUnknown,\n      size,\n      start,\n      totalItems,\n      totalPages,\n      _handleClickPrevButton: handleClickPrevButton,\n      _handleClickNextButton: handleClickNextButton,\n      _handleSlotChange: handleSlotChange,\n      formatLabelText,\n      formatSupplementalText,\n    } = this;\n\n    const { isLastPage = start + pageSize >= totalItems } = this;\n    const prevButtonDisabled = disabled || start === 0;\n    const nextButtonDisabled = disabled || isLastPage;\n\n    const prevButtonClassMap = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--icon-only`]: true,\n      [`${prefix}--pagination__button`]: true,\n      [`${prefix}--pagination__button--backward`]: true,\n      [`${prefix}--pagination__button--no-index`]: prevButtonDisabled,\n      [`${prefix}--btn--${size}`]: true,\n      [`${prefix}--btn--ghost`]: true,\n    };\n    const nextButtonClassMap = {\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--icon-only`]: true,\n      [`${prefix}--pagination__button`]: true,\n      [`${prefix}--pagination__button--forward`]: true,\n      [`${prefix}--pagination__button--no-index`]: nextButtonDisabled,\n      [`${prefix}--btn--${size}`]: true,\n      [`${prefix}--btn--ghost`]: true,\n    };\n\n    const prevButtonClasses = Object.entries(prevButtonClassMap)\n      .filter(([, value]) => value === true)\n      .map(([key]) => key)\n      .join(' ');\n    const nextButtonClasses = Object.entries(nextButtonClassMap)\n      .filter(([, value]) => value === true)\n      .map(([key]) => key)\n      .join(' ');\n\n    return html`\n      <div class=\"${prefix}--pagination__left\">\n        <label for=\"select\" class=\"${prefix}--pagination__text\"\n          ><slot name=\"label-text\">${itemsPerPageText}</slot></label\n        >\n        <cds-select\n          ?disabled=${disabled || pageSizeInputDisabled}\n          id=\"page-size-select\"\n          left-select\n          pagination\n          size=\"${size}\"\n          inline\n          value=\"${pageSize}\">\n          <slot @slotchange=${handleSlotChange}></slot>\n        </cds-select>\n        <span\n          class=\"${prefix}--pagination__text ${prefix}--pagination__items-count\"\n          >${this._renderStatusText()}</span\n        >\n      </div>\n      <div class=\"${prefix}--pagination__right\">\n        <label for=\"select\" class=\"${prefix}--label ${prefix}--visually-hidden\">\n          ${formatLabelText({ count: totalPages })}\n        </label>\n        ${pagesUnknown || !totalItems\n          ? html`\n              <span\n                class=\"${prefix}--pagination__text ${prefix}--pagination__page-text\"\n                >${formatSupplementalText({ count: totalPages })}</span\n              >\n\n              <cds-select\n                ?disabled=${disabled || pageInputDisabled}\n                id=\"pages-select\"\n                pagination\n                size=\"${size}\"\n                inline\n                value=\"${page}\">\n                ${Array.from(new Array(totalPages)).map(\n                  (_item, index) =>\n                    html`\n                      <cds-select-item value=\"${index + 1}\">\n                        ${index + 1}\n                      </cds-select-item>\n                    `\n                )}\n              </cds-select>\n            `\n          : html`\n              <cds-select\n                ?disabled=${disabled || pageInputDisabled}\n                id=\"pages-select\"\n                pagination\n                size=\"${size}\"\n                inline\n                value=\"${page}\">\n                ${Array.from(new Array(totalPages)).map(\n                  (_item, index) =>\n                    html`\n                      <cds-select-item value=\"${index + 1}\">\n                        ${index + 1}\n                      </cds-select-item>\n                    `\n                )}\n              </cds-select>\n              <span class=\"${prefix}--pagination__text\"\n                >${formatSupplementalText({ count: totalPages })}</span\n              >\n            `}\n\n        <div class=\"${prefix}--pagination__control-buttons\">\n          <cds-button\n            pagination\n            size=\"${size}\"\n            ?disabled=\"${prevButtonDisabled}\"\n            button-class-name=\"${prevButtonClasses}\"\n            tooltip-text=\"${backwardText}\"\n            @click=\"${handleClickPrevButton}\">\n            ${CaretLeft16({ slot: 'icon' })}\n          </cds-button>\n          <cds-button\n            tooltip-position=\"top-right\"\n            pagination\n            size=\"${size}\"\n            ?disabled=\"${nextButtonDisabled}\"\n            button-class-name=\"${nextButtonClasses}\"\n            tooltip-text=\"${forwardText}\"\n            @click=\"${handleClickNextButton}\">\n            ${CaretRight16({ slot: 'icon' })}\n          </cds-button>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * A selector that will return the select box for the current page.\n   */\n  static get selectorPagesSelect() {\n    return `${prefix}-select#pages-select`;\n  }\n\n  /**\n   * A selector that will return the select box for page sizes.\n   */\n  static get selectorPageSizesSelect() {\n    return `${prefix}-select`;\n  }\n\n  /**\n   * The name of the custom event fired after the current row number is changed.\n   */\n  static get eventChangeCurrent() {\n    return `${prefix}-pagination-changed-current`;\n  }\n\n  /**\n   * The name of the custom event fired after the number of rows per page is changed from `<cds-page-sizes-select>`.\n   */\n  static get eventChangeSelect() {\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 CDSPagination;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/popover/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,WAAW,gBAAgB;IAE3B;;OAEG;IACH,YAAY,iBAAiB;IAE7B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,WAAW,gBAAgB;IAE3B;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,YAAY,iBAAiB;IAE7B;;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 alignment choices of popover.\n */\nexport enum POPOVER_ALIGNMENT {\n  /**\n   * Align the top position for the popover content.\n   */\n  TOP = 'top',\n\n  /**\n   * Align the top-left position for the popover content.\n   */\n  TOP_LEFT = 'top-left',\n\n  /**\n   * Align the top right position for the popover content.\n   */\n  TOP_RIGHT = 'top-right',\n\n  /**\n   * Align the bottom position for the popover content.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Align the bottom left position for the popover content.\n   */\n  BOTTOM_LEFT = 'bottom-left',\n\n  /**\n   * Align the bottom right position for the popover content.\n   */\n  BOTTOM_RIGHT = 'bottom-right',\n\n  /**\n   * Align the left position for the popover content.\n   */\n  LEFT = 'left',\n\n  /**\n   * Align the left bottom position for the popover content.\n   */\n  LEFT_BOTTOM = 'left-bottom',\n\n  /**\n   * Align the left top position for the popover content.\n   */\n  LEFT_TOP = 'left-top',\n\n  /**\n   * Align the right position for the popover content.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Align the right bottom position for the popover content.\n   */\n  RIGHT_BOTTOM = 'right-bottom',\n\n  /**\n   * Align the right top position for the popover content.\n   */\n  RIGHT_TOP = 'right-top',\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/popover/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,WAAW,CAAC;AACnB,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 './popover';\nimport './popover-content';\n"]}

package/es/components/popover/popover-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/popover/popover-content.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,MAAC;IAEN;;OAEG;IAEH,UAAU,UAAQ;IAElB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,IAAI,SAAa;IAEjB,MAAM;IAUN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"popover-content.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 './popover.scss';\n\n/**\n * Popover.\n *\n * @element cds-popover\n */\n@customElement(`${prefix}-popover-content`)\nclass CDSPopoverContent extends LitElement {\n  /**\n   * Specify the popover alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\n\n  /**\n   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * The shadow slot this popover content should be in.\n   */\n  @property({ reflect: true })\n  slot = 'content';\n\n  render() {\n    return html`\n      <span class=\"${prefix}--popover-content\">\n        <slot> </slot>\n      </span>\n      <span class=\"${prefix}--popover-caret\"></span>\n    </span>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPopoverContent;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/popover/popover.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,UAAW,SAAQ,UAAU;IACjC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,UAAQ;IAEb;;OAEG;IAEH,UAAU,UAAQ;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAe7C,OAAO,CAAC,iBAAiB,KAAA;IAYzB,MAAM;IA8BN;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,UAAU,CAAC","file":"popover.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, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './popover.scss';\nimport CDSPopoverContent from './popover-content';\n\n/**\n * Popover.\n *\n * @element cds-popover\n */\n@customElement(`${prefix}-popover`)\nclass CDSPopover extends LitElement {\n  /**\n   * Specify direction of alignment\n   */\n  @property({ reflect: true, type: String })\n  align = '';\n\n  /**\n   * Specify whether a caret should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  caret = true;\n\n  /**\n   * Specify whether a dropShadow should be rendered\n   */\n  @property({ type: Boolean, reflect: true })\n  dropShadow = true;\n\n  /**\n   * Render the component using the high-contrast variant\n   */\n  @property({ type: Boolean, reflect: true })\n  highContrast = false;\n\n  /**\n   * Specify whether the component is currently open or closed\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Render the component using the tab tip variant\n   */\n  @property({ type: Boolean, reflect: true })\n  tabTip = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    if (this.tabTip) {\n      const component = (target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n        );\n      (component[0] as HTMLElement).classList.add(\n        `${prefix}--popover--tab-tip__button`\n      );\n    }\n    this.requestUpdate();\n  }\n\n  updated(changedProperties) {\n    const { selectorPopoverContent } = this.constructor as typeof CDSPopover;\n    ['open', 'align', 'caret', 'dropShadow', 'tabTip'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSPopover]: value } = this;\n        (this.querySelector(selectorPopoverContent) as CDSPopoverContent)[\n          name\n        ] = value;\n      }\n    });\n  }\n\n  render() {\n    const {\n      dropShadow,\n      highContrast,\n      open,\n      tabTip,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n    if (tabTip) {\n      this.caret = tabTip ? false : true;\n    }\n    this.align = this.align ? this.align : tabTip ? 'bottom-left' : 'bottom';\n\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: this.caret,\n      [`${prefix}--popover--drop-shadow`]: dropShadow,\n      [`${prefix}--popover--high-contrast`]: highContrast,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${this.align}`]: true,\n      [`${prefix}--popover--tab-tip`]: tabTip,\n    });\n    return html`\n    <span class=\"${classes}\">\n      <slot @slotchange=\"${handleSlotChange}\"></slot>\n      <slot name=\"content\"><slot>\n    </span>\n    `;\n  }\n\n  /**\n   * A selector that will return the CDSPopoverContent.\n   */\n  static get selectorPopoverContent() {\n    return `${prefix}-popover-content`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSPopover;\n"]}

package/es/components/progress-bar/defs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/progress-bar/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,mBAAmB;IAC7B;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,QAAQ,aAAa;CACtB","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\n/**\n * Status of progress bar.\n */\nexport enum PROGRESS_BAR_STATUS {\n  /**\n   * Currently active.\n   */\n  ACTIVE = 'active',\n\n  /**\n   * Executed.\n   */\n  FINISHED = 'finished',\n\n  /**\n   * Invalid.\n   */\n  ERROR = 'error',\n}\n\n/**\n * Size of progress bar.\n */\nexport enum PROGRESS_BAR_SIZE {\n  /**\n   * small size (thinner)\n   */\n  SMALL = 'small',\n\n  /**\n   * big size\n   */\n  BIG = 'big',\n}\n\n/**\n * Defines the alignment variant of the progress bar.\n */\nexport enum PROGRESS_BAR_TYPE {\n  /**\n   * default type\n   */\n  DEFAULT = 'default',\n\n  /**\n   * Inline type\n   */\n  INLINE = 'inline',\n\n  /**\n   * indented type\n   */\n  INDENTED = 'indented',\n}\n"]}

package/es/components/progress-bar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/progress-bar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,gBAAgB,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 './progress-bar';\n"]}

package/es/components/progress-bar/progress-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["components/progress-bar/progress-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,QAAQ,CAAC;AAIhB,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC;AAErE;;;;GAIG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC;;OAEG;IAEH,UAAU,MAAC;IAEX;;OAEG;IAEH,SAAS,MAAC;IAEV;;OAEG;IAEH,KAAK,MAAC;IAEN;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,oBAAyB;IAE7B;;OAEG;IAEH,MAAM,sBAA8B;IAEpC;;OAEG;IAEH,IAAI,oBAA6B;IAEjC;;OAEG;IAEH,KAAK,MAAC;IAEN,SAAS,KAAK,YAAY,QAiBzB;IAED,OAAO,CAAC,iBAAiB,KAAA;IAyBzB,MAAM;IAuEN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"progress-bar.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 { classMap } from 'lit/directives/class-map.js';\nimport ErrorFilled16 from '@carbon/icons/lib/error--filled/16';\nimport CheckmarkFilled16 from '@carbon/icons/lib/checkmark--filled/16';\nimport {\n  PROGRESS_BAR_SIZE,\n  PROGRESS_BAR_STATUS,\n  PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport styles from './progress-bar.scss';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/**\n * Progress bar.\n *\n * @element cds-progress-bar\n */\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n  /**\n   * The current progress as a textual representation.\n   */\n  @property({ type: String, attribute: 'helper-text', reflect: true })\n  helperText;\n\n  /**\n   * Whether the label should be visually hidden.\n   */\n  @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n  hideLabel;\n\n  /**\n   * A label describing the progress bar.\n   */\n  @property({ type: String })\n  label;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  max = 100;\n\n  /**\n   * Specify the size of the ProgressBar.\n   */\n  @property({ type: String, reflect: true })\n  size = PROGRESS_BAR_SIZE.BIG;\n\n  /**\n   * Specify the status.\n   */\n  @property({ type: String, reflect: true })\n  status = PROGRESS_BAR_STATUS.ACTIVE;\n\n  /**\n   * Defines the alignment variant of the progress bar.\n   */\n  @property({ type: String, reflect: true })\n  type = PROGRESS_BAR_TYPE.DEFAULT;\n\n  /**\n   * The current value.\n   */\n  @property({ type: Number, reflect: true })\n  value;\n\n  protected get _cappedValue() {\n    const { value, max, status } = this;\n\n    let cappedValue = value;\n    if (cappedValue > max) {\n      cappedValue = max;\n    }\n    if (cappedValue < 0) {\n      cappedValue = 0;\n    }\n    if (status === PROGRESS_BAR_STATUS.ERROR) {\n      cappedValue = 0;\n    } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n      cappedValue = max;\n    }\n\n    return cappedValue;\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('max') ||\n      changedProperties.has('status')\n    ) {\n      const { _cappedValue: cappedValue, max, status } = this;\n\n      const percentage: number = cappedValue / max;\n\n      const bar = this.shadowRoot!.querySelector(\n        `.${prefix}--progress-bar__bar`\n      ) as HTMLElement;\n\n      if (\n        status != PROGRESS_BAR_STATUS.ERROR &&\n        status != PROGRESS_BAR_STATUS.FINISHED\n      ) {\n        bar.style.transform = `scaleX(${percentage})`;\n      } else {\n        bar.style.transform = 'none';\n      }\n    }\n  }\n\n  render() {\n    const {\n      _cappedValue: cappedValue,\n      helperText,\n      hideLabel,\n      label,\n      max,\n      size,\n      status,\n      type,\n      value,\n    } = this;\n\n    const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n    const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n    const indeterminate =\n      !isFinished && !isError && (value === null || value === undefined);\n\n    let statusIcon = null;\n\n    if (isError) {\n      statusIcon = ErrorFilled16({\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    } else if (isFinished) {\n      statusIcon = CheckmarkFilled16({\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    }\n\n    const wrapperClasses = classMap({\n      [`${prefix}--progress-bar`]: true,\n      [`${prefix}--progress-bar--${size}`]: true,\n      [`${prefix}--progress-bar--${type}`]: true,\n      [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n      [`${prefix}--progress-bar--finished`]: isFinished,\n      [`${prefix}--progress-bar--error`]: isError,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--progress-bar__label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    return html` <div class=\"${wrapperClasses}\">\n      <div class=\"${labelClasses}\">\n        <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n        ${statusIcon}\n      </div>\n      <div\n        class=\"${prefix}--progress-bar__track\"\n        role=\"progressbar\"\n        aria-busy=\"${!isFinished}\"\n        aria-invalid=\"${isError}\"\n        aria-valuemin=\"${!indeterminate ? 0 : null}\"\n        aria-valuemax=\"${!indeterminate ? max : null}\"\n        aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n        <div class=\"${prefix}--progress-bar__bar\"></div>\n      </div>\n      ${helperText\n        ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n            ${helperText}\n            <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n              ${isFinished ? 'Done' : 'Loading'}\n            </div>\n          </div>`\n        : null}\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSProgressBar;\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/progress-indicator/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,kBAAkB;IAC5B;;OAEG;IACH,QAAQ,aAAa;IAErB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,UAAU,eAAe;IAEzB;;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 * State of progress step.\n */\nexport enum PROGRESS_STEP_STAT {\n  /**\n   * Complete one.\n   */\n  COMPLETE = 'complete',\n\n  /**\n   * One that is being executed now.\n   */\n  CURRENT = 'current',\n\n  /**\n   * One for future execution.\n   */\n  INCOMPLETE = 'incomplete',\n\n  /**\n   * Invalid one.\n   */\n  INVALID = 'invalid',\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/progress-indicator/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,+BAA+B,CAAC;AACvC,OAAO,iBAAiB,CAAC;AACzB,OAAO,0BAA0B,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './progress-indicator';\nimport './progress-indicator-skeleton';\nimport './progress-step';\nimport './progress-step-skeleton';\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/progress-indicator/progress-indicator-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC;;GAEG;AAEH,MAAM,CAAC,OAAO,OAAO,4BAA6B,SAAQ,UAAU;IAClE;;OAEG;IAEH,QAAQ,UAAS;IAEjB,OAAO,CAAC,iBAAiB,KAAA;IAczB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB","file":"progress-indicator-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 { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nexport default class CDSProgressIndicatorSkeleton extends LitElement {\n  /**\n   * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('vertical')) {\n      // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSProgressIndicatorSkeleton).selectorStep\n        ),\n        (item) => {\n          (item as CDSProgressStepSkeleton).vertical = this.vertical;\n        }\n      );\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * A selector that will return progress steps.\n   */\n  static get selectorStep() {\n    return `${prefix}-progress-step-skeleton`;\n  }\n\n  static styles = styles;\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/progress-indicator/progress-indicator.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;IAC1D;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,YAAY,UAAS;IAErB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IA6BzB,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB","file":"progress-indicator.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 { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStep from './progress-step';\nimport styles from './progress-indicator.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Progress indicator.\n *\n * @element cds-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nexport default class CDSProgressIndicator extends LitElement {\n  /**\n   * Determines whether or not the progress indicator should be rendered\n   * vertically.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * Specify whether the progress steps should be split equally in size in the\n   * div\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'space-equally' })\n  spaceEqually = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    const spacingValue = this.vertical ? false : this.spaceEqually;\n    if (changedProperties.has('vertical')) {\n      // Propagate `vertical` attribute to descendants until\n      // `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSProgressIndicator).selectorStep\n        ),\n        (item) => {\n          (item as CDSProgressStep).vertical = this.vertical;\n          (item as CDSProgressStep).spaceEqually = spacingValue;\n        }\n      );\n    }\n    if (changedProperties.has('spaceEqually')) {\n      // Propagate `spaceEqually` attribute to descendants until\n      // `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSProgressIndicator).selectorStep\n        ),\n        (item) => {\n          (item as CDSProgressStep).spaceEqually = spacingValue;\n        }\n      );\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * A selector that will return progress steps.\n   */\n  static get selectorStep() {\n    return `${prefix}-progress-step`;\n  }\n\n  static styles = styles;\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["components/progress-indicator/progress-step-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,kBAAkB,CAAC;AAG1B;;GAEG;AAEH,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,UAAU;IAC7D;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM;IAaN,MAAM,CAAC,MAAM,MAAU;CACxB","file":"progress-step-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 styles from './progress-indicator.scss';\nimport CircleDash from '@carbon/icons/lib/circle-dash/16';\nimport '../skeleton-text';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nexport default class CDSProgressStepSkeleton extends LitElement {\n  /**\n   * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  render() {\n    return html`\n      <div\n        class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n        ${CircleDash()}\n        <p class=\"${prefix}--progress-label\">\n          <cds-skeleton-text width=\"40px\" linecount=\"1\"></cds-skeleton-text>\n        </p>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n"]}