@carbon/web-components 2.11.1 → 2.12.0

package/es/components/data-table/table-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.js","names":["LitElement","html","property","prefix","ChevronRight16","carbonElement","customElement","FocusMixin","styles","HostListener","HostListenerMixin","CDSTableRow","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","_handleClickSelectionRadio","event","detail","selected","checked","init","bubbles","cancelable","composed","dispatchEvent","CustomEvent","eventBeforeChangeSelection","_this$nextElementSibl","selectorExpandedRow","nextElementSibling","matches","_handleClickSelectionCheckbox","_this$nextElementSibl2","_handleClickExpando","_handleUserInitiatedToggleExpando","_handleMouseOverOut","selectorTableCellOverflowMenu","highlighted","type","overflowMenuOnHover","overflowMenu","querySelector","parentCell","parentElement","expanded","eventBeforeExpandoToggle","eventExpandoToggle","_renderExpandButton","handleClickExpando","_t","_","_handleSlotChange","class","target","hasContent","assignedNodes","filter","elem","undefined","slugItem","length","_hasSlug","Boolean","setAttribute","requestUpdate","_renderFirstCells","disabled","hideCheckbox","radio","selectionLabel","selectionName","selectionValue","_t2","_t3","_t4","reflect","attribute","connectedCallback","hasAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","removeAttribute","render","_this$closest","closest","selectorTable","_t5","expandable","static","eventRadioChange","eventCheckboxChange"],"sources":["components/data-table/table-row.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 ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './data-table.scss';\n\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport CDSTableExpandedRow from './table-expanded-row';\nimport CDSTableCell from './table-cell';\n\n/**\n * Data table row.\n *\n * @element cds-table-row\n * @csspart selection-container The container of the checkbox.\n * @csspart selection The checkbox.\n * @fires cds-table-row-change-selection\n *   The custom event fired before this row is selected/unselected upon a user gesture.\n *   Cancellation of this event stops the user-initiated change in selection.\n * @fires cds-radio-button-changed\n *   The name of the custom event fired after this radio button changes its checked state.\n * @fires cds-checkbox-changed\n *   The name of the custom event fired after this checkbox changes its checked state.\n * @fires cds-table-row-expando-beingtoggled\n *   The name of the custom event fired before the expanded state of this row is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling the expanded state.\n * @fires cds-table-row-expando-toggled\n *   The name of the custom event fired after the expanded state of this row is toggled upon a user gesture.\n */\n@customElement(`${prefix}-table-row`)\nclass CDSTableRow extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * `true` if there is a slug.\n   */\n  protected _hasSlug = false;\n\n  /**\n   * Handles `click` event on the radio button.\n   *\n   * @param event The event.\n   */\n  @HostListener('eventRadioChange')\n  // @ts-ignore\n  private _handleClickSelectionRadio(event: CustomEvent) {\n    const { detail } = event;\n    const selected = detail.checked;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        selected,\n      },\n    };\n    const constructor = this.constructor as typeof CDSTableRow;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(constructor.eventBeforeChangeSelection, init)\n      )\n    ) {\n      this.selected = selected;\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n      if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n        (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the check box.\n   *\n   * @param event The event.\n   */\n  @HostListener('eventCheckboxChange')\n  // @ts-ignore\n  private _handleClickSelectionCheckbox(event: CustomEvent) {\n    const { detail } = event;\n    const selected = detail.checked;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        selected,\n      },\n    };\n    const constructor = this.constructor as typeof CDSTableRow;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(constructor.eventBeforeChangeSelection, init)\n      )\n    ) {\n      this.selected = selected;\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n      if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n        (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggleExpando();\n  }\n\n  /**\n   * Handles `mouseover`/`mouseout` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('mouseover')\n  @HostListener('mouseout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleMouseOverOut(event: MouseEvent) {\n    const { selectorExpandedRow, selectorTableCellOverflowMenu } = this\n      .constructor as typeof CDSTableRow;\n    const { nextElementSibling } = this;\n    if (nextElementSibling?.matches(selectorExpandedRow)) {\n      (nextElementSibling as CDSTableExpandedRow).highlighted =\n        event.type === 'mouseover';\n    }\n    if (this.overflowMenuOnHover) {\n      const overflowMenu = this.querySelector(selectorTableCellOverflowMenu);\n      const parentCell = overflowMenu?.parentElement;\n\n      if (event.type === 'mouseout') {\n        (parentCell as CDSTableCell).overflowMenuOnHover = true;\n      } else {\n        (parentCell as CDSTableCell).overflowMenuOnHover = false;\n      }\n    }\n  }\n\n  /**\n   * Handles user-initiated toggle request of the expando button in this table row.\n   *\n   * @param expanded The new expanded state.\n   */\n  _handleUserInitiatedToggleExpando(expanded = !this.expanded) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        expanded,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSTableRow).eventBeforeExpandoToggle,\n          init\n        )\n      )\n    ) {\n      this.expanded = expanded;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSTableRow).eventExpandoToggle,\n          init\n        )\n      );\n    }\n  }\n\n  protected _renderExpandButton() {\n    const { _handleClickExpando: handleClickExpando } = this;\n    return html`\n      <div class=\"${prefix}--table-expand\">\n        <div>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <button\n            class=\"${prefix}--table-expand__button\"\n            @click=\"${handleClickExpando}\">\n            ${ChevronRight16({ class: `${prefix}--table-expand__svg` })}\n          </button>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTableRow).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      this._hasSlug = Boolean(hasContent);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * @returns The first set of table cells.\n   */\n  protected _renderFirstCells() {\n    const {\n      disabled,\n      hideCheckbox,\n      radio,\n      selected,\n      selectionLabel,\n      selectionName,\n      selectionValue,\n    } = this;\n    return !selectionName\n      ? undefined\n      : html`\n          <div class=\"${prefix}--table-column-checkbox\">\n            <div>\n              <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n              ${radio\n                ? html`<cds-radio-button data-table></cds-radio-button>`\n                : html`<cds-checkbox\n                    hide-label\n                    ?hide-checkbox=\"${hideCheckbox}\"\n                    label-text=\"${selectionLabel}\"\n                    name=${selectionName}\n                    data-table\n                    ?disabled=${disabled}\n                    ?checked=${selected}\n                    value=${selectionValue}></cds-checkbox> `}\n            </div>\n          </div>\n        `;\n  }\n\n  /**\n   * `true` if this table should support batch expansion\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'batch-expansion' })\n  batchExpansion = false;\n\n  /**\n   * `true` if this table row should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this table row is placed at an even position in parent `<cds-table-body>`.\n   * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  even = false;\n\n  /**\n   * `true` if this table row can be expanded to show content underneath\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  expandable = false;\n\n  /**\n   * `true` when the table row expanded is showing\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if this table row should be filtered out.\n   */\n  @property({ type: Boolean, reflect: true })\n  filtered = false;\n\n  /**\n   * Specify whether the checkbox should be present in the DOM,\n   * but invisible and uninteractable.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n  hideCheckbox = false;\n\n  /**\n   * `true` if the table row should be highlighted.\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this table row is placed at an odd position in parent `<cds-table-body>`.\n   * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  odd = false;\n\n  /**\n   * Specify whether the overflow menu (if it exists) should be shown always, or only on hover\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'overflow-menu-on-hover',\n  })\n  overflowMenuOnHover = false;\n\n  /**\n   * Specify whether the control should be a radio button or inline checkbox\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  radio = false;\n\n  /**\n   * `true` if this table row should be selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The `aria-label` attribute for the `<label>` for selection.\n   */\n  @property({ attribute: 'selection-label' })\n  selectionLabel = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this table row will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-value' })\n  selectionValue = '';\n\n  /**\n   * TODO: Uncomment when Carbon fully implements sticky header\n   * Specify whether the header should be sticky.\n   * Still experimental: may not work with every combination of table props\n   */\n  // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n      const { expanded, nextElementSibling } = this;\n      if (nextElementSibling?.matches(selectorExpandedRow)) {\n        (nextElementSibling as CDSTableExpandedRow).expanded = expanded;\n      }\n    }\n\n    if (changedProperties.has('highlighted')) {\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n      const { highlighted, nextElementSibling } = this;\n      if (nextElementSibling?.matches(selectorExpandedRow)) {\n        (nextElementSibling as CDSTableExpandedRow).highlighted = highlighted;\n      }\n    }\n\n    if (this._hasSlug) {\n      this.setAttribute('slug', '');\n    } else {\n      this.removeAttribute('slug');\n    }\n  }\n\n  render() {\n    if (this.selectionName) {\n      this.closest(\n        (this.constructor as typeof CDSTableRow).selectorTable\n      )?.setAttribute('is-selectable', '');\n    }\n    return html`\n      ${this.expandable ? this._renderExpandButton() : ''}\n      ${this._renderFirstCells()}\n      <slot></slot>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventRadioChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventCheckboxChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  /**\n   * The name of the custom event fired before this row is selected/unselected upon a user gesture.\n   * Cancellation of this event stops the user-initiated change in selection.\n   */\n  static get eventBeforeChangeSelection() {\n    return `${prefix}-table-row-change-selection`;\n  }\n\n  /**\n   * A selector that will return the parent table\n   */\n  static get selectorTable() {\n    return `${prefix}-table`;\n  }\n\n  /**\n   * The CSS selector to find the overflow menu on the table cell\n   */\n  static get selectorTableCellOverflowMenu() {\n    return `${prefix}-table-cell ${prefix}-overflow-menu`;\n  }\n\n  /**\n   * A selector that will return the corresponding expanded row.\n   */\n  static get selectorExpandedRow() {\n    return `${prefix}-table-expanded-row`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling the expanded state.\n   */\n  static get eventBeforeExpandoToggle() {\n    return `${prefix}-table-row-expando-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after the expanded state this row is toggled upon a user gesture.\n   */\n  static get eventExpandoToggle() {\n    return `${prefix}-table-row-expando-toggled`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableRow;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"table-row.js","names":["LitElement","html","property","prefix","ChevronRight16","carbonElement","customElement","FocusMixin","styles","HostListener","HostListenerMixin","CDSTableRow","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","decorators","_handleClickSelectionRadio","event","detail","selected","checked","init","bubbles","cancelable","composed","dispatchEvent","CustomEvent","eventBeforeChangeSelection","_this$nextElementSibl","selectorExpandedRow","nextElementSibling","matches","_handleClickSelectionCheckbox","_this$nextElementSibl2","_handleClickExpando","_handleUserInitiatedToggleExpando","_handleMouseOverOut","selectorTableCellOverflowMenu","highlighted","type","overflowMenuOnHover","overflowMenu","querySelector","parentCell","parentElement","expanded","eventBeforeExpandoToggle","eventExpandoToggle","_renderExpandButton","handleClickExpando","_t","_","_handleSlotChange","class","target","hasContent","assignedNodes","filter","elem","undefined","slugItem","length","_hasSlug","Boolean","setAttribute","requestUpdate","_renderFirstCells","disabled","hideCheckbox","radio","selectionLabel","selectionName","selectionValue","_t2","_t3","_t4","reflect","attribute","connectedCallback","hasAttribute","_superPropGet","updated","changedProperties","has","removeAttribute","render","_this$closest","closest","selectorTable","_t5","expandable","static"],"sources":["components/data-table/table-row.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 ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './data-table.scss';\n\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport CDSTableExpandedRow from './table-expanded-row';\nimport CDSTableCell from './table-cell';\n\n/**\n * Data table row.\n *\n * @element cds-table-row\n * @csspart selection-container The container of the checkbox.\n * @csspart selection The checkbox.\n * @fires cds-table-row-change-selection\n *   The custom event fired before this row is selected/unselected upon a user gesture.\n *   Cancellation of this event stops the user-initiated change in selection.\n * @fires cds-radio-button-changed\n *   The name of the custom event fired after this radio button changes its checked state.\n * @fires cds-checkbox-changed\n *   The name of the custom event fired after this checkbox changes its checked state.\n * @fires cds-table-row-expando-beingtoggled\n *   The name of the custom event fired before the expanded state of this row is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling the expanded state.\n * @fires cds-table-row-expando-toggled\n *   The name of the custom event fired after the expanded state of this row is toggled upon a user gesture.\n */\n@customElement(`${prefix}-table-row`)\nclass CDSTableRow extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * `true` if there is a slug.\n   */\n  protected _hasSlug = false;\n\n  /**\n   * Handles `click` event on the radio button.\n   *\n   * @param event The event.\n   */\n  @HostListener('eventRadioChange')\n  // @ts-ignore\n  private _handleClickSelectionRadio(event: CustomEvent) {\n    const { detail } = event;\n    const selected = detail.checked;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        selected,\n      },\n    };\n    const constructor = this.constructor as typeof CDSTableRow;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(constructor.eventBeforeChangeSelection, init)\n      )\n    ) {\n      this.selected = selected;\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n      if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n        (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the check box.\n   *\n   * @param event The event.\n   */\n  @HostListener('eventCheckboxChange')\n  // @ts-ignore\n  private _handleClickSelectionCheckbox(event: CustomEvent) {\n    const { detail } = event;\n    const selected = detail.checked;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        selected,\n      },\n    };\n    const constructor = this.constructor as typeof CDSTableRow;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(constructor.eventBeforeChangeSelection, init)\n      )\n    ) {\n      this.selected = selected;\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n\n      if (this.nextElementSibling?.matches(selectorExpandedRow)) {\n        (this.nextElementSibling as CDSTableExpandedRow).selected = selected;\n      }\n    }\n  }\n\n  /**\n   * Handles `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggleExpando();\n  }\n\n  /**\n   * Handles `mouseover`/`mouseout` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('mouseover')\n  @HostListener('mouseout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleMouseOverOut(event: MouseEvent) {\n    const { selectorExpandedRow, selectorTableCellOverflowMenu } = this\n      .constructor as typeof CDSTableRow;\n    const { nextElementSibling } = this;\n    if (nextElementSibling?.matches(selectorExpandedRow)) {\n      (nextElementSibling as CDSTableExpandedRow).highlighted =\n        event.type === 'mouseover';\n    }\n    if (this.overflowMenuOnHover) {\n      const overflowMenu = this.querySelector(selectorTableCellOverflowMenu);\n      const parentCell = overflowMenu?.parentElement;\n\n      if (event.type === 'mouseout') {\n        (parentCell as CDSTableCell).overflowMenuOnHover = true;\n      } else {\n        (parentCell as CDSTableCell).overflowMenuOnHover = false;\n      }\n    }\n  }\n\n  /**\n   * Handles user-initiated toggle request of the expando button in this table row.\n   *\n   * @param expanded The new expanded state.\n   */\n  _handleUserInitiatedToggleExpando(expanded = !this.expanded) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        expanded,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSTableRow).eventBeforeExpandoToggle,\n          init\n        )\n      )\n    ) {\n      this.expanded = expanded;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSTableRow).eventExpandoToggle,\n          init\n        )\n      );\n    }\n  }\n\n  protected _renderExpandButton() {\n    const { _handleClickExpando: handleClickExpando } = this;\n    return html`\n      <div class=\"${prefix}--table-expand\">\n        <div>\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <button\n            class=\"${prefix}--table-expand__button\"\n            @click=\"${handleClickExpando}\">\n            ${ChevronRight16({ class: `${prefix}--table-expand__svg` })}\n          </button>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTableRow).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      this._hasSlug = Boolean(hasContent);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    }\n    this.requestUpdate();\n  }\n\n  /**\n   * @returns The first set of table cells.\n   */\n  protected _renderFirstCells() {\n    const {\n      disabled,\n      hideCheckbox,\n      radio,\n      selected,\n      selectionLabel,\n      selectionName,\n      selectionValue,\n    } = this;\n    return !selectionName\n      ? undefined\n      : html`\n          <div class=\"${prefix}--table-column-checkbox\">\n            <div>\n              <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n              ${radio\n                ? html`<cds-radio-button data-table></cds-radio-button>`\n                : html`<cds-checkbox\n                    hide-label\n                    ?hide-checkbox=\"${hideCheckbox}\"\n                    label-text=\"${selectionLabel}\"\n                    name=${selectionName}\n                    data-table\n                    ?disabled=${disabled}\n                    ?checked=${selected}\n                    value=${selectionValue}></cds-checkbox> `}\n            </div>\n          </div>\n        `;\n  }\n\n  /**\n   * `true` if this table should support batch expansion\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'batch-expansion' })\n  batchExpansion = false;\n\n  /**\n   * `true` if this table row should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this table row is placed at an even position in parent `<cds-table-body>`.\n   * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  even = false;\n\n  /**\n   * `true` if this table row can be expanded to show content underneath\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  expandable = false;\n\n  /**\n   * `true` when the table row expanded is showing\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if this table row should be filtered out.\n   */\n  @property({ type: Boolean, reflect: true })\n  filtered = false;\n\n  /**\n   * Specify whether the checkbox should be present in the DOM,\n   * but invisible and uninteractable.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n  hideCheckbox = false;\n\n  /**\n   * `true` if the table row should be highlighted.\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this table row is placed at an odd position in parent `<cds-table-body>`.\n   * `<cds-table-body>` sets this property, _only_ in zebra stripe mode.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  odd = false;\n\n  /**\n   * Specify whether the overflow menu (if it exists) should be shown always, or only on hover\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'overflow-menu-on-hover',\n  })\n  overflowMenuOnHover = false;\n\n  /**\n   * Specify whether the control should be a radio button or inline checkbox\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  radio = false;\n\n  /**\n   * `true` if this table row should be selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * The `aria-label` attribute for the `<label>` for selection.\n   */\n  @property({ attribute: 'selection-label' })\n  selectionLabel = '';\n\n  /**\n   * The `name` attribute for the `<input>` for selection.\n   * If present, this table row will be a selectable one.\n   */\n  @property({ attribute: 'selection-name' })\n  selectionName = '';\n\n  /**\n   * The `value` attribute for the `<input>` for selection.\n   */\n  @property({ attribute: 'selection-value' })\n  selectionValue = '';\n\n  /**\n   * TODO: Uncomment when Carbon fully implements sticky header\n   * Specify whether the header should be sticky.\n   * Still experimental: may not work with every combination of table props\n   */\n  // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n      const { expanded, nextElementSibling } = this;\n      if (nextElementSibling?.matches(selectorExpandedRow)) {\n        (nextElementSibling as CDSTableExpandedRow).expanded = expanded;\n      }\n    }\n\n    if (changedProperties.has('highlighted')) {\n      const { selectorExpandedRow } = this.constructor as typeof CDSTableRow;\n      const { highlighted, nextElementSibling } = this;\n      if (nextElementSibling?.matches(selectorExpandedRow)) {\n        (nextElementSibling as CDSTableExpandedRow).highlighted = highlighted;\n      }\n    }\n\n    if (this._hasSlug) {\n      this.setAttribute('slug', '');\n    } else {\n      this.removeAttribute('slug');\n    }\n  }\n\n  render() {\n    if (this.selectionName) {\n      this.closest(\n        (this.constructor as typeof CDSTableRow).selectorTable\n      )?.setAttribute('is-selectable', '');\n    }\n    return html`\n      ${this.expandable ? this._renderExpandButton() : ''}\n      ${this._renderFirstCells()}\n      <slot></slot>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventRadioChange() {\n    return `${prefix}-radio-button-changed`;\n  }\n\n  /**\n   * The name of the custom event fired after this radio button changes its checked state.\n   */\n  static get eventCheckboxChange() {\n    return `${prefix}-checkbox-changed`;\n  }\n\n  /**\n   * The name of the custom event fired before this row is selected/unselected upon a user gesture.\n   * Cancellation of this event stops the user-initiated change in selection.\n   */\n  static get eventBeforeChangeSelection() {\n    return `${prefix}-table-row-change-selection`;\n  }\n\n  /**\n   * A selector that will return the parent table\n   */\n  static get selectorTable() {\n    return `${prefix}-table`;\n  }\n\n  /**\n   * The CSS selector to find the overflow menu on the table cell\n   */\n  static get selectorTableCellOverflowMenu() {\n    return `${prefix}-table-cell ${prefix}-overflow-menu`;\n  }\n\n  /**\n   * A selector that will return the corresponding expanded row.\n   */\n  static get selectorExpandedRow() {\n    return `${prefix}-table-expanded-row`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling the expanded state.\n   */\n  static get eventBeforeExpandoToggle() {\n    return `${prefix}-table-row-expando-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after the expanded state this row is toggled upon a user gesture.\n   */\n  static get eventExpandoToggle() {\n    return `${prefix}-table-row-expando-toggled`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableRow;\n"],"mappings":"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","ignoreList":[]}

package/es/components/data-table/table-skeleton.js

@@ -1,6 +1,6 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _2 = t => t,
   _t,
   _t2,
@@ -8,6 +8,7 @@ let _2 = t => t,
   _t4,
   _t5,
   _t6;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -188,7 +189,7 @@ let CDSTableSkeleton = _decorate([customElement(`${prefix}-table-skeleton`)], fu
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'table');
         }
-        _get(_getPrototypeOf(CDSTableSkeleton.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSTableSkeleton, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",

package/es/components/data-table/table-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-skeleton.js","names":["classMap","LitElement","html","property","carbonElement","customElement","prefix","styles","CDSTableSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","key","value","type","Boolean","reflect","Number","attribute","_renderHeader","showHeader","undefined","_t","_2","_renderToolbar","showToolbar","_t2","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","headers","length","columnCount","Array","fill","render","compact","rowCount","zebra","classes","_t3","from","map","_","index","_t4","_t5","_t6","static"],"sources":["components/data-table/table-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table skeleton\n *\n * @element cds-table-skeleton\n */\n@customElement(`${prefix}-table-skeleton`)\nclass CDSTableSkeleton extends LitElement {\n  /**\n   * Optionally specify the displayed headers\n   */\n  @property()\n  private headers: string[] = [];\n\n  /**\n   * Optionally specify whether you want the Skeleton to be rendered as a compact DataTable\n   */\n  @property({ type: Boolean, reflect: true })\n  compact = false;\n\n  /**\n   * Specify the number of columns that you want to render in the skeleton state\n   */\n  @property({ type: Number, reflect: true, attribute: 'column-count' })\n  columnCount = 5;\n\n  /**\n   * Specify the number of rows that you want to render in the skeleton state\n   */\n  @property({ type: Number, reflect: true, attribute: 'row-count' })\n  rowCount = 5;\n\n  /**\n   * Specify if the table header should be rendered as part of the skeleton.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-header' })\n  showHeader = true;\n\n  /**\n   * Specify if the table toolbar should be rendered as part of the skeleton.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-toolbar' })\n  showToolbar = true;\n\n  /**\n   *  true to add useZebraStyles striping.\n   */\n  @property({ type: Boolean, reflect: true })\n  zebra = false;\n\n  /**\n   * @returns The header\n   */\n  protected _renderHeader() {\n    const { showHeader } = this;\n    return !showHeader\n      ? undefined\n      : html`\n          <div class=\"${prefix}--skeleton ${prefix}--data-table-container\">\n            <div class=\"${prefix}--data-table-header\">\n              <div class=\"${prefix}--data-table-header__title\"></div>\n              <div class=\"${prefix}--data-table-header__description\"></div>\n            </div>\n          </div>\n        `;\n  }\n\n  /**\n   * @returns The header\n   */\n  protected _renderToolbar() {\n    const { showToolbar } = this;\n    return !showToolbar\n      ? undefined\n      : html`\n          <section class=\"${prefix}--table-toolbar\">\n            <div class=\"${prefix}--toolbar-content\">\n              <span\n                class=\"${prefix}--skeleton ${prefix}--btn ${prefix}--btn--sm\"></span>\n            </div>\n          </section>\n        `;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'table');\n    }\n    super.connectedCallback();\n  }\n\n  updated() {\n    if (this.headers.length) {\n      this.columnCount = this.headers.length;\n    } else {\n      this.headers = Array(this.columnCount).fill('');\n    }\n  }\n\n  render() {\n    const { compact, columnCount, headers, rowCount, zebra } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--data-table`]: true,\n      [`${prefix}--data-table--compact`]: compact,\n      [`${prefix}--data-table--zebra`]: zebra,\n    });\n    return html`\n      ${this._renderHeader()} ${this._renderToolbar()}\n\n      <table class=\"${classes}\">\n        <thead>\n          <tr>\n            ${Array.from(new Array(columnCount)).map(\n              (_, index) =>\n                html`\n                  <th>\n                    <div class=\"${prefix}--table-header-label\">\n                      ${headers[index]}\n                    </div>\n                  </th>\n                `\n            )}\n          </tr>\n        </thead>\n        <tbody>\n          ${Array.from(new Array(rowCount)).map(\n            () =>\n              html`\n                <tr>\n                  ${Array.from(new Array(columnCount)).map(\n                    () =>\n                      html`\n                        <td>\n                          <span></span>\n                        </td>\n                      `\n                  )}\n                </tr>\n              `\n          )}\n        </tbody>\n      </table>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableSkeleton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"table-skeleton.js","names":["classMap","LitElement","html","property","carbonElement","customElement","prefix","styles","CDSTableSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","key","value","type","Boolean","reflect","Number","attribute","_renderHeader","showHeader","undefined","_t","_2","_renderToolbar","showToolbar","_t2","connectedCallback","hasAttribute","setAttribute","_superPropGet","updated","headers","length","columnCount","Array","fill","render","compact","rowCount","zebra","classes","_t3","from","map","_","index","_t4","_t5","_t6","static"],"sources":["components/data-table/table-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table skeleton\n *\n * @element cds-table-skeleton\n */\n@customElement(`${prefix}-table-skeleton`)\nclass CDSTableSkeleton extends LitElement {\n  /**\n   * Optionally specify the displayed headers\n   */\n  @property()\n  private headers: string[] = [];\n\n  /**\n   * Optionally specify whether you want the Skeleton to be rendered as a compact DataTable\n   */\n  @property({ type: Boolean, reflect: true })\n  compact = false;\n\n  /**\n   * Specify the number of columns that you want to render in the skeleton state\n   */\n  @property({ type: Number, reflect: true, attribute: 'column-count' })\n  columnCount = 5;\n\n  /**\n   * Specify the number of rows that you want to render in the skeleton state\n   */\n  @property({ type: Number, reflect: true, attribute: 'row-count' })\n  rowCount = 5;\n\n  /**\n   * Specify if the table header should be rendered as part of the skeleton.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-header' })\n  showHeader = true;\n\n  /**\n   * Specify if the table toolbar should be rendered as part of the skeleton.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'show-toolbar' })\n  showToolbar = true;\n\n  /**\n   *  true to add useZebraStyles striping.\n   */\n  @property({ type: Boolean, reflect: true })\n  zebra = false;\n\n  /**\n   * @returns The header\n   */\n  protected _renderHeader() {\n    const { showHeader } = this;\n    return !showHeader\n      ? undefined\n      : html`\n          <div class=\"${prefix}--skeleton ${prefix}--data-table-container\">\n            <div class=\"${prefix}--data-table-header\">\n              <div class=\"${prefix}--data-table-header__title\"></div>\n              <div class=\"${prefix}--data-table-header__description\"></div>\n            </div>\n          </div>\n        `;\n  }\n\n  /**\n   * @returns The header\n   */\n  protected _renderToolbar() {\n    const { showToolbar } = this;\n    return !showToolbar\n      ? undefined\n      : html`\n          <section class=\"${prefix}--table-toolbar\">\n            <div class=\"${prefix}--toolbar-content\">\n              <span\n                class=\"${prefix}--skeleton ${prefix}--btn ${prefix}--btn--sm\"></span>\n            </div>\n          </section>\n        `;\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'table');\n    }\n    super.connectedCallback();\n  }\n\n  updated() {\n    if (this.headers.length) {\n      this.columnCount = this.headers.length;\n    } else {\n      this.headers = Array(this.columnCount).fill('');\n    }\n  }\n\n  render() {\n    const { compact, columnCount, headers, rowCount, zebra } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--data-table`]: true,\n      [`${prefix}--data-table--compact`]: compact,\n      [`${prefix}--data-table--zebra`]: zebra,\n    });\n    return html`\n      ${this._renderHeader()} ${this._renderToolbar()}\n\n      <table class=\"${classes}\">\n        <thead>\n          <tr>\n            ${Array.from(new Array(columnCount)).map(\n              (_, index) =>\n                html`\n                  <th>\n                    <div class=\"${prefix}--table-header-label\">\n                      ${headers[index]}\n                    </div>\n                  </th>\n                `\n            )}\n          </tr>\n        </thead>\n        <tbody>\n          ${Array.from(new Array(rowCount)).map(\n            () =>\n              html`\n                <tr>\n                  ${Array.from(new Array(columnCount)).map(\n                    () =>\n                      html`\n                        <td>\n                          <span></span>\n                        </td>\n                      `\n                  )}\n                </tr>\n              `\n          )}\n        </tbody>\n      </table>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableSkeleton;\n"],"mappings":"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","ignoreList":[]}

package/es/components/data-table/table-toolbar-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-content.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSTableToolbarContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","updated","changedProperties","has","setAttribute","hasBatchActions","children","forEach","e","size","render","_t","_","static"],"sources":["components/data-table/table-toolbar-content.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 './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Table toolbar content.\n *\n * @element cds-table-toolbar-content\n */\n@customElement(`${prefix}-table-toolbar-content`)\nclass CDSTableToolbarContent extends LitElement {\n  /**\n   * `true` if this batch actions bar is active.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-batch-actions' })\n  hasBatchActions = false;\n\n  /**\n   * Table toolbar contents size\n   */\n  @property({ reflect: true })\n  size;\n\n  updated(changedProperties) {\n    if (changedProperties.has('hasBatchActions')) {\n      this.setAttribute('tabindex', `${this.hasBatchActions ? '-1' : ''}`);\n    }\n\n    if (changedProperties.has('size')) {\n      [...this.children].forEach((e) => {\n        const size =\n          this.size === 'xs'\n            ? 'sm'\n            : this.size === 'md' || this.size === 'xl'\n            ? 'lg'\n            : this.size;\n        e.setAttribute('size', size);\n      });\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbarContent;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,sBAAsB,GAAAC,SAAA,EAD3BF,aAAa,CAAC,GAAGH,MAAM,wBAAwB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAjD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoChD;EAAC;IAAAI,CAAA,EApCKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAoB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACzD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAKtBd,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAE,GAAA;MAAAC,KAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAT5B;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,iBAAiB,CAAC,EAAE;UAC5C,IAAI,CAACC,YAAY,CAAC,UAAU,EAAE,GAAG,IAAI,CAACC,eAAe,GAAG,IAAI,GAAG,EAAE,EAAE,CAAC;QACtE;QAEA,IAAIH,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC,CAAC,GAAG,IAAI,CAACG,QAAQ,CAAC,CAACC,OAAO,CAAEC,CAAC,IAAK;YAChC,MAAMC,IAAI,GACR,IAAI,CAACA,IAAI,KAAK,IAAI,GACd,IAAI,GACJ,IAAI,CAACA,IAAI,KAAK,IAAI,IAAI,IAAI,CAACA,IAAI,KAAK,IAAI,GACxC,IAAI,GACJ,IAAI,CAACA,IAAI;YACfD,CAAC,CAACJ,YAAY,CAAC,MAAM,EAAEK,IAAI,CAAC;UAC9B,CAAC,CAAC;QACJ;MACF;IAAC;MAAAhB,IAAA;MAAAM,GAAA;MAAAC,KAAA,EAED,SAAAU,OAAA,EAAS;QACP,OAAO/B,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAnB,IAAA;MAAAoB,MAAA;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAnCaJ,UAAU;AAsC/C,eAAeO,sBAAsB","ignoreList":[]}
+{"version":3,"file":"table-toolbar-content.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSTableToolbarContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","updated","changedProperties","has","setAttribute","hasBatchActions","children","forEach","e","size","render","_t","_","static"],"sources":["components/data-table/table-toolbar-content.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 './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Table toolbar content.\n *\n * @element cds-table-toolbar-content\n */\n@customElement(`${prefix}-table-toolbar-content`)\nclass CDSTableToolbarContent extends LitElement {\n  /**\n   * `true` if this batch actions bar is active.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-batch-actions' })\n  hasBatchActions = false;\n\n  /**\n   * Table toolbar contents size\n   */\n  @property({ reflect: true })\n  size;\n\n  updated(changedProperties) {\n    if (changedProperties.has('hasBatchActions')) {\n      this.setAttribute('tabindex', `${this.hasBatchActions ? '-1' : ''}`);\n    }\n\n    if (changedProperties.has('size')) {\n      [...this.children].forEach((e) => {\n        const size =\n          this.size === 'xs'\n            ? 'sm'\n            : this.size === 'md' || this.size === 'xl'\n            ? 'lg'\n            : this.size;\n        e.setAttribute('size', size);\n      });\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbarContent;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,sBAAsB,GAAAC,SAAA,EAD3BF,aAAa,CAAC,GAAGH,MAAM,wBAAwB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAjD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoChD;EAAC;IAAAI,CAAA,EApCKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAoB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACzD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAKtBd,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAE,GAAA;MAAAC,KAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAT5B;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAC,OAAOA,CAACC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,iBAAiB,CAAC,EAAE;UAC5C,IAAI,CAACC,YAAY,CAAC,UAAU,EAAE,GAAG,IAAI,CAACC,eAAe,GAAG,IAAI,GAAG,EAAE,EAAE,CAAC;QACtE;QAEA,IAAIH,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC,CAAC,GAAG,IAAI,CAACG,QAAQ,CAAC,CAACC,OAAO,CAAEC,CAAC,IAAK;YAChC,MAAMC,IAAI,GACR,IAAI,CAACA,IAAI,KAAK,IAAI,GACd,IAAI,GACJ,IAAI,CAACA,IAAI,KAAK,IAAI,IAAI,IAAI,CAACA,IAAI,KAAK,IAAI,GACxC,IAAI,GACJ,IAAI,CAACA,IAAI;YACfD,CAAC,CAACJ,YAAY,CAAC,MAAM,EAAEK,IAAI,CAAC;UAC9B,CAAC,CAAC;QACJ;MACF;IAAC;MAAAhB,IAAA;MAAAM,GAAA;MAAAC,KAAA,EAED,SAAAU,MAAMA,CAAA,EAAG;QACP,OAAO/B,IAAI,CAAAgC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAnB,IAAA;MAAAoB,MAAA;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAnCaJ,UAAU;AAsC/C,eAAeO,sBAAsB","ignoreList":[]}

package/es/components/data-table/table-toolbar-search.js

@@ -1,9 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -142,13 +143,13 @@ let CDSTableToolbarSearch = _decorate([customElement(`${prefix}-table-toolbar-se
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'search');
         }
-        _get(_getPrototypeOf(CDSTableToolbarSearch.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSTableToolbarSearch, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
       key: "render",
       value: function render() {
-        const result = _get(_getPrototypeOf(CDSTableToolbarSearch.prototype), "render", this).call(this);
+        const result = _superPropGet(CDSTableToolbarSearch, "render", this, 3)([]);
         const {
           persistent,
           expanded,
@@ -179,7 +180,7 @@ let CDSTableToolbarSearch = _decorate([customElement(`${prefix}-table-toolbar-se
       kind: "get",
       static: true,
       key: "eventInput",
-      value: function eventInput() {
+      value: function () {
         // The code uses on in `<cds-search>`, but definition is done also here for React event generation
         return `${prefix}-search-input`;
       }

package/es/components/data-table/table-toolbar-search.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-search.js","names":["classMap","LitElement","html","property","query","prefix","HostListenerMixin","HostListener","INPUT_SIZE","CDSSearch","styles","carbonElement","customElement","CDSTableToolbarSearch","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleUserInitiatedExpand","expanded","updateComplete","_inputNode","inputNode","focus","_handleFocusIn","_handleFocusOut","event","contains","relatedTarget","persistent","_handleSearchClick","type","Boolean","reflect","LARGE","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","result","size","handleSearchClick","classes","_t","_","static","eventInput","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/data-table/table-toolbar-search.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 HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport CDSSearch from '../search/search';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Table toolbar search.\n *\n * @element cds-table-toolbar-search\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass CDSTableToolbarSearch extends HostListenerMixin(CDSSearch) {\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles user-initiated gestures for expanding the search box.\n   */\n  private async _handleUserInitiatedExpand() {\n    this.expanded = true;\n    await this.updateComplete;\n    const { _inputNode: inputNode } = this;\n    inputNode?.focus();\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   */\n  @HostListener('focusin')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut(event: FocusEvent) {\n    if (\n      !this.contains(event.relatedTarget as Node) &&\n      !this.value &&\n      !this.persistent\n    ) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * Handles `click` event handler on the search box.\n   */\n  private _handleSearchClick() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * `true` if the search box should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if the search box should be always be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  persistent = false;\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.LARGE;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'search');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const result = super.render();\n    const {\n      persistent,\n      expanded,\n      size,\n      _handleSearchClick: handleSearchClick,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--search`]: true,\n      [`${prefix}--search--${size}`]: size,\n    });\n    if (persistent) {\n      this.expanded = true;\n    }\n    return html`\n      <div\n        class=\"${classes}\"\n        tabindex=\"${expanded ? '-1' : '0'}\"\n        @click=\"${handleSearchClick}\">\n        ${result}\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    // The code uses on in `<cds-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSTableToolbarSearch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"table-toolbar-search.js","names":["classMap","LitElement","html","property","query","prefix","HostListenerMixin","HostListener","INPUT_SIZE","CDSSearch","styles","carbonElement","customElement","CDSTableToolbarSearch","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleUserInitiatedExpand","expanded","updateComplete","_inputNode","inputNode","focus","_handleFocusIn","_handleFocusOut","event","contains","relatedTarget","persistent","_handleSearchClick","type","Boolean","reflect","LARGE","connectedCallback","hasAttribute","setAttribute","_superPropGet","render","result","size","handleSearchClick","classes","_t","_","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/data-table/table-toolbar-search.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 HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport CDSSearch from '../search/search';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Table toolbar search.\n *\n * @element cds-table-toolbar-search\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass CDSTableToolbarSearch extends HostListenerMixin(CDSSearch) {\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles user-initiated gestures for expanding the search box.\n   */\n  private async _handleUserInitiatedExpand() {\n    this.expanded = true;\n    await this.updateComplete;\n    const { _inputNode: inputNode } = this;\n    inputNode?.focus();\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   */\n  @HostListener('focusin')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut(event: FocusEvent) {\n    if (\n      !this.contains(event.relatedTarget as Node) &&\n      !this.value &&\n      !this.persistent\n    ) {\n      this.expanded = false;\n    }\n  }\n\n  /**\n   * Handles `click` event handler on the search box.\n   */\n  private _handleSearchClick() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * `true` if the search box should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if the search box should be always be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  persistent = false;\n\n  /**\n   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.LARGE;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'search');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const result = super.render();\n    const {\n      persistent,\n      expanded,\n      size,\n      _handleSearchClick: handleSearchClick,\n    } = this;\n    const classes = classMap({\n      [`${prefix}--search`]: true,\n      [`${prefix}--search--${size}`]: size,\n    });\n    if (persistent) {\n      this.expanded = true;\n    }\n    return html`\n      <div\n        class=\"${classes}\"\n        tabindex=\"${expanded ? '-1' : '0'}\"\n        @click=\"${handleSearchClick}\">\n        ${result}\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the search content is changed upon a user gesture.\n   */\n  static get eventInput() {\n    // The code uses on in `<cds-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSTableToolbarSearch;\n"],"mappings":"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","ignoreList":[]}

package/es/components/data-table/table-toolbar.js

@@ -1,8 +1,9 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -51,7 +52,7 @@ let CDSTableToolbar = _decorate([customElement(`${prefix}-table-toolbar`)], func
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'section');
         }
-        _get(_getPrototypeOf(CDSTableToolbar.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSTableToolbar, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
@@ -75,7 +76,7 @@ let CDSTableToolbar = _decorate([customElement(`${prefix}-table-toolbar`)], func
       kind: "get",
       static: true,
       key: "selectorToolbarContent",
-      value: function selectorToolbarContent() {
+      value: function () {
         return `${prefix}-table-toolbar-content`;
       }
     }, {

package/es/components/data-table/table-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSTableToolbar","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelector","selectorToolbarContent","size","render","_t","_","static"],"sources":["components/data-table/table-toolbar.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 './data-table.scss';\nimport { CDSTableToolbarContent } from '../..';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Table toolbar.\n *\n * @element cds-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass CDSTableToolbar extends LitElement {\n  /**\n   * Toolbar size\n   */\n  @property({ reflect: true })\n  size;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'section');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      (\n        this.querySelector(\n          (this.constructor as typeof CDSTableToolbar).selectorToolbarContent\n        ) as CDSTableToolbarContent\n      ).size = this.size;\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The CSS selector to find the toolbar contents\n   */\n  static get selectorToolbarContent() {\n    return `${prefix}-table-toolbar-content`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbar;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;AAEtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,eAAe,GAAAC,SAAA,EADpBF,aAAa,CAAC,GAAGH,MAAM,gBAAgB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAzC,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoCzC;EAAC;IAAAI,CAAA,EApCKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBd,QAAQ,CAAC;QAAEe,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAH5B;AACF;AACA;;MAIE,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACAC,IAAA,CAAAC,eAAA,CAXEjB,eAAe,CAAAkB,SAAA,8BAAAC,IAAA;MAYnB;IAAC;MAAAX,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAQ,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UAE/B,IAAI,CAACC,aAAa,CACf,IAAI,CAACnB,WAAW,CAA4BoB,sBAC/C,CAAC,CACDC,IAAI,GAAG,IAAI,CAACA,IAAI;QACpB;MACF;IAAC;MAAAjB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAc,OAAA,EAAS;QACP,OAAOhC,IAAI,CAAAiC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAApB,IAAA;MAAAqB,MAAA;MAAAlB,GAAA;MAAAC,KAAA,EAGA,SAAAY,uBAAA,EAAoC;QAClC,OAAO,GAAG5B,MAAM,wBAAwB;MAC1C;IAAC;MAAAY,IAAA;MAAAqB,MAAA;MAAAlB,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAnCMJ,UAAU;AAsCxC,eAAeO,eAAe","ignoreList":[]}
+{"version":3,"file":"table-toolbar.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSTableToolbar","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","connectedCallback","hasAttribute","setAttribute","_superPropGet","updated","changedProperties","has","querySelector","selectorToolbarContent","size","render","_t","_","static"],"sources":["components/data-table/table-toolbar.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 './data-table.scss';\nimport { CDSTableToolbarContent } from '../..';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Table toolbar.\n *\n * @element cds-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass CDSTableToolbar extends LitElement {\n  /**\n   * Toolbar size\n   */\n  @property({ reflect: true })\n  size;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'section');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      (\n        this.querySelector(\n          (this.constructor as typeof CDSTableToolbar).selectorToolbarContent\n        ) as CDSTableToolbarContent\n      ).size = this.size;\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The CSS selector to find the toolbar contents\n   */\n  static get selectorToolbarContent() {\n    return `${prefix}-table-toolbar-content`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbar;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;AAEtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,eAAe,GAAAC,SAAA,EADpBF,aAAa,CAAC,GAAGH,MAAM,gBAAgB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAzC,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoCzC;EAAC;IAAAI,CAAA,EApCKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBd,QAAQ,CAAC;QAAEe,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,KAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAH5B;AACF;AACA;;MAIE,SAAAC,iBAAiBA,CAAA,EAAG;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;QACtC;QACAC,aAAA,CAXEhB,eAAe;MAYnB;IAAC;MAAAQ,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAK,OAAOA,CAACC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UAE/B,IAAI,CAACC,aAAa,CACf,IAAI,CAAChB,WAAW,CAA4BiB,sBAC/C,CAAC,CACDC,IAAI,GAAG,IAAI,CAACA,IAAI;QACpB;MACF;IAAC;MAAAd,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAW,MAAMA,CAAA,EAAG;QACP,OAAO7B,IAAI,CAAA8B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAjB,IAAA;MAAAkB,MAAA;MAAAf,GAAA;MAAAC,KAAA,EAGA,SAAAA,CAAA,EAAoC;QAClC,OAAO,GAAGhB,MAAM,wBAAwB;MAC1C;IAAC;MAAAY,IAAA;MAAAkB,MAAA;MAAAf,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAnCMJ,UAAU;AAsCxC,eAAeO,eAAe","ignoreList":[]}

package/es/components/data-table/table.js

@@ -1,10 +1,11 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t,
   _t2,
   _t3;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -740,7 +741,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'table');
         }
-        _get(_getPrototypeOf(CDSTable.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSTable, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
@@ -950,7 +951,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventBeforeSort",
-      value: function eventBeforeSort() {
+      value: function () {
         return `${prefix}-table-header-cell-sort`;
       }
 
@@ -961,7 +962,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventSearchInput",
-      value: function eventSearchInput() {
+      value: function () {
         return `${prefix}-search-input`;
       }
 
@@ -972,7 +973,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventBeforeChangeSelectionAll",
-      value: function eventBeforeChangeSelectionAll() {
+      value: function () {
         return `${prefix}-table-change-selection-all`;
       }
 
@@ -983,7 +984,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventBeforeChangeSelection",
-      value: function eventBeforeChangeSelection() {
+      value: function () {
         return `${prefix}-table-row-change-selection`;
       }
 
@@ -994,7 +995,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventClickCancel",
-      value: function eventClickCancel() {
+      value: function () {
         return `${prefix}-table-batch-actions-cancel-clicked`;
       }
 
@@ -1005,7 +1006,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventExpandoToggle",
-      value: function eventExpandoToggle() {
+      value: function () {
         return `${prefix}-table-row-expando-toggled`;
       }
 
@@ -1016,7 +1017,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventTableRowSelect",
-      value: function eventTableRowSelect() {
+      value: function () {
         return `${prefix}-table-row-selected`;
       }
 
@@ -1027,7 +1028,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventTableRowSelectAll",
-      value: function eventTableRowSelectAll() {
+      value: function () {
         return `${prefix}-table-row-all-selected`;
       }
 
@@ -1038,7 +1039,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventTableSorted",
-      value: function eventTableSorted() {
+      value: function () {
         return `${prefix}-table-sorted`;
       }
 
@@ -1049,7 +1050,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "eventTableFiltered",
-      value: function eventTableFiltered() {
+      value: function () {
         return `${prefix}-table-filtered`;
       }
 
@@ -1060,7 +1061,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableCellOverflowMenu",
-      value: function selectorTableCellOverflowMenu() {
+      value: function () {
         return `${prefix}-table-cell ${prefix}-overflow-menu`;
       }
 
@@ -1071,7 +1072,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorToolbarDownload",
-      value: function selectorToolbarDownload() {
+      value: function () {
         return `${prefix}-button[download]`;
       }
 
@@ -1082,7 +1083,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableBatchActions",
-      value: function selectorTableBatchActions() {
+      value: function () {
         return `${prefix}-table-batch-actions`;
       }
 
@@ -1093,7 +1094,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableToolbar",
-      value: function selectorTableToolbar() {
+      value: function () {
         return `${prefix}-table-toolbar`;
       }
 
@@ -1104,7 +1105,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableToolbarContent",
-      value: function selectorTableToolbarContent() {
+      value: function () {
         return `${prefix}-table-toolbar-content`;
       }
 
@@ -1115,7 +1116,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableToolbarSearch",
-      value: function selectorTableToolbarSearch() {
+      value: function () {
         return `${prefix}-table-toolbar-search`;
       }
 
@@ -1126,7 +1127,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableHead",
-      value: function selectorTableHead() {
+      value: function () {
         return `${prefix}-table-head`;
       }
 
@@ -1137,7 +1138,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableBody",
-      value: function selectorTableBody() {
+      value: function () {
         return `${prefix}-table-body`;
       }
 
@@ -1148,7 +1149,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableExpandedRows",
-      value: function selectorTableExpandedRows() {
+      value: function () {
         return `${prefix}-table-expanded-row`;
       }
 
@@ -1159,7 +1160,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableRow",
-      value: function selectorTableRow() {
+      value: function () {
         return `${prefix}-table-row`;
       }
 
@@ -1170,7 +1171,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableRowCells",
-      value: function selectorTableRowCells() {
+      value: function () {
         return `${prefix}-table-cell`;
       }
 
@@ -1181,7 +1182,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorTableCells",
-      value: function selectorTableCells() {
+      value: function () {
         return `${prefix}-table-cell, ${prefix}-table-header-cell`;
       }
 
@@ -1192,7 +1193,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorHeaderCell",
-      value: function selectorHeaderCell() {
+      value: function () {
         return `${prefix}-table-header-cell`;
       }
 
@@ -1203,7 +1204,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorRowsWithHeader",
-      value: function selectorRowsWithHeader() {
+      value: function () {
         return `${prefix}-table-header-row,${prefix}-table-row`;
       }
 
@@ -1214,7 +1215,7 @@ let CDSTable = _decorate([customElement(`${prefix}-table`)], function (_initiali
       kind: "get",
       static: true,
       key: "selectorAllRows",
-      value: function selectorAllRows() {
+      value: function () {
         return `${prefix}-table-header-row,${prefix}-table-row,${prefix}-table-expanded-row`;
       }
     }, {