@carbon/web-components 1.36.1 → 1.37.0

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

@@ -99,7 +99,16 @@ let BXTableExpandRow = _decorate([customElement(`${prefix}-table-expand-row`)],
         const {
           _handleClickExpando: handleClickExpando
         } = this;
-        return html(_t || (_t = _` <div class="${0}--table-expand"> <button class="${0}--table-expand__button" @click="${0}"> ${0} </button> </div> ${0} `), prefix, prefix, handleClickExpando, ChevronRight16({
+        return html(_t || (_t = _`
+      <div class="${0}--table-expand">
+        <button
+          class="${0}--table-expand__button"
+          @click="${0}">
+          ${0}
+        </button>
+      </div>
+      ${0}
+    `), prefix, prefix, handleClickExpando, ChevronRight16({
           class: `${prefix}--table-expand__svg`
         }), _get(_getPrototypeOf(BXTableExpandRow.prototype), "_renderFirstCells", this).call(this));
       }

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

@@ -1 +1 @@
-{"version":3,"file":"table-expand-row.js","names":["html","property","ChevronRight16","settings","HostListenerMixin","HostListener","BXTableRow","styles","carbonElement","customElement","prefix","BXTableExpandRow","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleClickExpando","_handleUserInitiatedToggleExpando","decorators","_handleMouseOverOut","event","selectorExpandedRow","nextElementSibling","matches","highlighted","type","expanded","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeExpandoToggle","eventExpandoToggle","_renderFirstCells","handleClickExpando","_t","_","class","_get","_getPrototypeOf","prototype","call","Boolean","reflect","updated","changedProperties","has","static"],"sources":["components/data-table/table-expand-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property } from 'lit-element';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXTableRow from './table-row';\nimport BXTableExpandedRow from './table-expanded-row';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * The expando row in table row.\n *\n * @element bx-table-expand-row\n */\n@customElement(`${prefix}-table-expand-row`)\nclass BXTableExpandRow extends HostListenerMixin(BXTableRow) {\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 } = this.constructor as typeof BXTableExpandRow;\n    const { nextElementSibling } = this;\n    if (nextElementSibling?.matches(selectorExpandedRow)) {\n      (nextElementSibling as BXTableExpandedRow).highlighted =\n        event.type === 'mouseover';\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  private _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          (\n            this.constructor as typeof BXTableExpandRow\n          ).eventBeforeExpandoToggle,\n          init\n        )\n      )\n    ) {\n      this.expanded = expanded;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof BXTableExpandRow).eventExpandoToggle,\n          init\n        )\n      );\n    }\n  }\n\n  protected _renderFirstCells() {\n    const { _handleClickExpando: handleClickExpando } = this;\n    return html`\n      <div class=\"${prefix}--table-expand\">\n        <button\n          class=\"${prefix}--table-expand__button\"\n          @click=\"${handleClickExpando}\">\n          ${ChevronRight16({ class: `${prefix}--table-expand__svg` })}\n        </button>\n      </div>\n      ${super._renderFirstCells()}\n    `;\n  }\n\n  /**\n   * `true` if the table row should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorExpandedRow } = this\n        .constructor as typeof BXTableExpandRow;\n      const { expanded, nextElementSibling } = this;\n      if (nextElementSibling?.matches(selectorExpandedRow)) {\n        (nextElementSibling as BXTableExpandedRow).expanded = expanded;\n      }\n    }\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   * 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; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTableExpandRow;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,QAAQ,aAAa;AAC5C,OAAOC,cAAc,MAAM,+BAAqC;AAChE,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,YAAY,MAAM,wCAAwC;AACjE,OAAOC,UAAU,MAAM,aAAa;AAEpC,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGP,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMQ,gBAAgB,GAAAC,SAAA,EADrBH,aAAa,CAAE,GAAEC,MAAO,mBAAkB,CAAC,aAAAG,WAAA,EAAAC,kBAAA;EAA5C,MACMH,gBAAgB,SAAAG,kBAAA,CAAuC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiH7D;EAAC;IAAAI,CAAA,EAjHKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MACpB;AACF;AACA;MACE,SAAAC,oBAAA,EAA8B;QAC5B,IAAI,CAACC,iCAAiC,CAAC,CAAC;MAC1C;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAJ,IAAA;MAAAK,UAAA,GAKCnB,YAAY,CAAC,WAAW,CAAC,EACzBA,YAAY,CAAC,UAAU,CAAC;MAAAe,GAAA;MAAAC,KAAA,EADzB,SAAAI,oBAG4BC,KAAiB,EAAE;QAC7C,MAAM;UAAEC;QAAoB,CAAC,GAAG,IAAI,CAACZ,WAAsC;QAC3E,MAAM;UAAEa;QAAmB,CAAC,GAAG,IAAI;QACnC,IAAIA,kBAAkB,aAAlBA,kBAAkB,eAAlBA,kBAAkB,CAAEC,OAAO,CAACF,mBAAmB,CAAC,EAAE;UACnDC,kBAAkB,CAAwBE,WAAW,GACpDJ,KAAK,CAACK,IAAI,KAAK,WAAW;QAC9B;MACF;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAZ,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAKA,SAAAE,kCAA0CS,QAAQ,GAAG,CAAC,IAAI,CAACA,QAAQ,EAAE;QACnE,MAAMC,IAAI,GAAG;UACXC,OAAO,EAAE,IAAI;UACbC,UAAU,EAAE,IAAI;UAChBC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNL;UACF;QACF,CAAC;QACD,IACE,IAAI,CAACM,aAAa,CAChB,IAAIC,WAAW,CAEX,IAAI,CAACxB,WAAW,CAChByB,wBAAwB,EAC1BP,IACF,CACF,CAAC,EACD;UACA,IAAI,CAACD,QAAQ,GAAGA,QAAQ;UACxB,IAAI,CAACM,aAAa,CAChB,IAAIC,WAAW,CACZ,IAAI,CAACxB,WAAW,CAA6B0B,kBAAkB,EAChER,IACF,CACF,CAAC;QACH;MACF;IAAC;MAAAd,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAqB,kBAAA,EAA8B;QAC5B,MAAM;UAAEpB,mBAAmB,EAAEqB;QAAmB,CAAC,GAAG,IAAI;QACxD,OAAO3C,IAAI,CAAA4C,EAAA,KAAAA,EAAA,GAAAC,CAAA,4HACKnC,MAAM,EAEPA,MAAM,EACLiC,kBAAkB,EAC1BzC,cAAc,CAAC;UAAE4C,KAAK,EAAG,GAAEpC,MAAO;QAAqB,CAAC,CAAC,EAAAqC,IAAA,CAAAC,eAAA,CAlE/DrC,gBAAgB,CAAAsC,SAAA,8BAAAC,IAAA;MAuEpB;;MAEA;AACF;AACA;IAFE;MAAA/B,IAAA;MAAAK,UAAA,GAGCvB,QAAQ,CAAC;QAAE8B,IAAI,EAAEoB,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAhC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEhB,SAAAgC,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,UAAU,CAAC,EAAE;UACrC,MAAM;YAAE5B;UAAoB,CAAC,GAAG,IAAI,CACjCZ,WAAsC;UACzC,MAAM;YAAEiB,QAAQ;YAAEJ;UAAmB,CAAC,GAAG,IAAI;UAC7C,IAAIA,kBAAkB,aAAlBA,kBAAkB,eAAlBA,kBAAkB,CAAEC,OAAO,CAACF,mBAAmB,CAAC,EAAE;YACnDC,kBAAkB,CAAwBI,QAAQ,GAAGA,QAAQ;UAChE;QACF;MACF;;MAEA;AACF;AACA;IAFE;MAAAb,IAAA;MAAAqC,MAAA;MAAApC,GAAA;MAAAC,KAAA,EAGA,SAAAM,oBAAA,EAAiC;QAC/B,OAAQ,GAAEjB,MAAO,qBAAoB;MACvC;;MAEA;AACF;AACA;AACA;IAHE;MAAAS,IAAA;MAAAqC,MAAA;MAAApC,GAAA;MAAAC,KAAA,EAIA,SAAAmB,yBAAA,EAAsC;QACpC,OAAQ,GAAE9B,MAAO,iCAAgC;MACnD;;MAEA;AACF;AACA;IAFE;MAAAS,IAAA;MAAAqC,MAAA;MAAApC,GAAA;MAAAC,KAAA,EAGA,SAAAoB,mBAAA,EAAgC;QAC9B,OAAQ,GAAE/B,MAAO,4BAA2B;MAC9C;IAAC;MAAAS,IAAA;MAAAqC,MAAA;MAAApC,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAhHOH,iBAAiB,CAACE,UAAU,CAAC;AAmH5D,eAAeK,gBAAgB"}
+{"version":3,"file":"table-expand-row.js","names":["html","property","ChevronRight16","settings","HostListenerMixin","HostListener","BXTableRow","styles","carbonElement","customElement","prefix","BXTableExpandRow","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleClickExpando","_handleUserInitiatedToggleExpando","decorators","_handleMouseOverOut","event","selectorExpandedRow","nextElementSibling","matches","highlighted","type","expanded","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeExpandoToggle","eventExpandoToggle","_renderFirstCells","handleClickExpando","_t","_","class","_get","_getPrototypeOf","prototype","call","Boolean","reflect","updated","changedProperties","has","static"],"sources":["components/data-table/table-expand-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property } from 'lit-element';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport BXTableRow from './table-row';\nimport BXTableExpandedRow from './table-expanded-row';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * The expando row in table row.\n *\n * @element bx-table-expand-row\n */\n@customElement(`${prefix}-table-expand-row`)\nclass BXTableExpandRow extends HostListenerMixin(BXTableRow) {\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 } = this.constructor as typeof BXTableExpandRow;\n    const { nextElementSibling } = this;\n    if (nextElementSibling?.matches(selectorExpandedRow)) {\n      (nextElementSibling as BXTableExpandedRow).highlighted =\n        event.type === 'mouseover';\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  private _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          (\n            this.constructor as typeof BXTableExpandRow\n          ).eventBeforeExpandoToggle,\n          init\n        )\n      )\n    ) {\n      this.expanded = expanded;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof BXTableExpandRow).eventExpandoToggle,\n          init\n        )\n      );\n    }\n  }\n\n  protected _renderFirstCells() {\n    const { _handleClickExpando: handleClickExpando } = this;\n    return html`\n      <div class=\"${prefix}--table-expand\">\n        <button\n          class=\"${prefix}--table-expand__button\"\n          @click=\"${handleClickExpando}\">\n          ${ChevronRight16({ class: `${prefix}--table-expand__svg` })}\n        </button>\n      </div>\n      ${super._renderFirstCells()}\n    `;\n  }\n\n  /**\n   * `true` if the table row should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('expanded')) {\n      const { selectorExpandedRow } = this\n        .constructor as typeof BXTableExpandRow;\n      const { expanded, nextElementSibling } = this;\n      if (nextElementSibling?.matches(selectorExpandedRow)) {\n        (nextElementSibling as BXTableExpandedRow).expanded = expanded;\n      }\n    }\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   * 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; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTableExpandRow;\n"],"mappings":"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"}

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

@@ -82,7 +82,13 @@ let BXTableExpandedRow = _decorate([customElement(`${prefix}-table-expanded-row`
         const {
           colSpan
         } = this;
-        return html(_t || (_t = _` <td colspan="${0}"> <div class="${0}--child-row-inner-container"> <slot></slot> </div> </td> `), colSpan, prefix);
+        return html(_t || (_t = _`
+      <td colspan="${0}">
+        <div class="${0}--child-row-inner-container">
+          <slot></slot>
+        </div>
+      </td>
+    `), colSpan, prefix);
       }
     }, {
       kind: "field",

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

@@ -1 +1 @@
-{"version":3,"file":"table-expanded-row.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXTableExpandedRow","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Number","attribute","key","value","Boolean","reflect","render","colSpan","_t","_","static"],"sources":["components/data-table/table-expanded-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Table row of collapsible details.\n *\n * @element bx-table-expanded-row\n */\n@customElement(`${prefix}-table-expanded-row`)\nclass BXTableExpandedRow extends LitElement {\n  /**\n   * The colspan.\n   */\n  @property({ type: Number, attribute: 'colspan' })\n  colSpan = 1;\n\n  /**\n   * `true` if the table row should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if the table row should be highlighted.\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  render() {\n    const { colSpan } = this;\n    return html`\n      <td colspan=\"${colSpan}\">\n        <div class=\"${prefix}--child-row-inner-container\">\n          <slot></slot>\n        </div>\n      </td>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTableExpandedRow;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,kBAAkB,GAAAC,SAAA,EADvBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,kBAAkB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA+B5C;EAAC;IAAAI,CAAA,EA/BKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,MAAM;QAAEC,SAAS,EAAE;MAAU,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACvC,CAAC;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKVhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEK,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEK,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OAC7B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAhBnB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAG,OAAA,EAAS;QACP,MAAM;UAAEC;QAAQ,CAAC,GAAG,IAAI;QACxB,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAA,mGACMF,OAAO,EACNnB,MAAM;MAK1B;IAAC;MAAAS,IAAA;MAAAa,MAAA;MAAAR,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GA9BSF,UAAU;AAiC3C,eAAeM,kBAAkB"}
+{"version":3,"file":"table-expanded-row.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXTableExpandedRow","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Number","attribute","key","value","Boolean","reflect","render","colSpan","_t","_","static"],"sources":["components/data-table/table-expanded-row.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Table row of collapsible details.\n *\n * @element bx-table-expanded-row\n */\n@customElement(`${prefix}-table-expanded-row`)\nclass BXTableExpandedRow extends LitElement {\n  /**\n   * The colspan.\n   */\n  @property({ type: Number, attribute: 'colspan' })\n  colSpan = 1;\n\n  /**\n   * `true` if the table row should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if the table row should be highlighted.\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  render() {\n    const { colSpan } = this;\n    return html`\n      <td colspan=\"${colSpan}\">\n        <div class=\"${prefix}--child-row-inner-container\">\n          <slot></slot>\n        </div>\n      </td>\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTableExpandedRow;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,kBAAkB,GAAAC,SAAA,EADvBH,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA9C,MACMH,kBAAkB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA+B5C;EAAC;IAAAI,CAAA,EA/BKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,MAAM;QAAEC,SAAS,EAAE;MAAU,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACvC,CAAC;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKVhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEK,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEK,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAH,GAAA;MAAAC,MAAA;QAAA,OAC7B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAhBnB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAG,OAAA,EAAS;QACP,MAAM;UAAEC;QAAQ,CAAC,GAAG,IAAI;QACxB,OAAO1B,IAAI,CAAA2B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,qBAAmB,CAAU;AAC7B,sBAAoB,CAAS;AAC7B;AACA;AACA;AACA,KAAI,GALiBF,OAAO,EACNnB,MAAM;MAK1B;IAAC;MAAAS,IAAA;MAAAa,MAAA;MAAAR,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GA9BSF,UAAU;AAiC3C,eAAeM,kBAAkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"table-head.js","names":["settings","html","LitElement","carbonElement","customElement","styles","prefix","BXTableHead","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/data-table/table-head.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './data-table.scss';\n\nconst { prefix } = settings;\n\n/**\n * Data table header.\n *\n * @element bx-table-head\n */\n@customElement(`${prefix}-table-head`)\nclass BXTableHead extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableHead;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,uBAAmB;AAEtC,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,WAAW,GAAAC,SAAA,EADhBJ,aAAa,CAAE,GAAEE,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAarC;EAAC;IAAAI,CAAA,EAbKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CALEf,WAAW,CAAAgB,SAAA,8BAAAC,IAAA;MAMf;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAZEH,UAAU;AAepC,eAAeK,WAAW"}
+{"version":3,"file":"table-head.js","names":["settings","html","LitElement","carbonElement","customElement","styles","prefix","BXTableHead","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/data-table/table-head.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './data-table.scss';\n\nconst { prefix } = settings;\n\n/**\n * Data table header.\n *\n * @element bx-table-head\n */\n@customElement(`${prefix}-table-head`)\nclass BXTableHead extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableHead;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,OAAOC,MAAM,MAAM,uBAAmB;AAEtC,MAAM;EAAEC;AAAO,CAAC,GAAGN,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMO,WAAW,GAAAC,SAAA,EADhBJ,aAAa,CAAE,GAAEE,MAAO,aAAY,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtC,MACMH,WAAW,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAarC;EAAC;IAAAI,CAAA,EAbKN,WAAW;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACf,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CALEf,WAAW,CAAAgB,SAAA,8BAAAC,IAAA;MAMf;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAZEH,UAAU;AAepC,eAAeK,WAAW"}

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

@@ -178,7 +178,18 @@ let BXTableHeaderCell = _decorate([customElement(`${prefix}-table-header-cell`)]
             part: 'sort-icon',
             class: `${prefix}--table-sort__icon`
           });
-          return html(_t || (_t = _` <button part="sort-button" class="${0}--table-sort" title="${0}" @click="${0}"> <span part="label-text" class="${0}--table-header-label"><slot @slotchange="${0}"></slot></span> ${0} </button> `), prefix, this.textContent, this._handleClickSortButton, prefix, this._handleSlotChange, sortIcon);
+          return html(_t || (_t = _`
+        <button
+          part="sort-button"
+          class="${0}--table-sort"
+          title="${0}"
+          @click=${0}>
+          <span part="label-text" class="${0}--table-header-label"
+            ><slot @slotchange=${0}></slot
+          ></span>
+          ${0}
+        </button>
+      `), prefix, this.textContent, this._handleClickSortButton, prefix, this._handleSlotChange, sortIcon);
         }
         return html(_t2 || (_t2 = _` <slot></slot> `));
       }

package/es/components/data-table/table-header-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-cell.js","names":["settings","html","property","LitElement","Arrows16","ArrowDown16","FocusMixin","TABLE_SORT_CYCLE","TABLE_SORT_CYCLES","TABLE_SORT_DIRECTION","styles","carbonElement","customElement","prefix","BXTableHeaderCell","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleClickSortButton","nextSortDirection","_getNextSort","init","bubbles","cancelable","composed","detail","oldSortDirection","sortDirection","dispatchEvent","CustomEvent","eventBeforeSort","sortActive","_handleSlotChange","requestUpdate","sortCycle","TRI_STATES_FROM_ASCENDING","TypeError","directions","index","indexOf","NONE","RangeError","length","decorators","type","Boolean","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","sortIcon","part","class","_t","_","textContent","_t2","static"],"sources":["components/data-table/table-header-cell.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport Arrows16 from '@carbon/icons/lib/arrows/16';\nimport ArrowDown16 from '@carbon/icons/lib/arrow--down/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n  TABLE_SORT_CYCLE,\n  TABLE_SORT_CYCLES,\n  TABLE_SORT_DIRECTION,\n} from './defs';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };\n\nconst { prefix } = settings;\n\n/**\n * Data table header cell.\n *\n * @element bx-table-header-cell\n * @fires bx-table-header-cell-sort\n *   The custom event fired before a new sort direction is set upon a user gesture.\n *   Cancellation of this event stops the user-initiated change in sort direction.\n */\n@customElement(`${prefix}-table-header-cell`)\nclass BXTableHeaderCell extends FocusMixin(LitElement) {\n  /**\n   * Handles `click` event on the sort button.\n   *\n   */\n  private _handleClickSortButton() {\n    const nextSortDirection = this._getNextSort();\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        oldSortDirection: this.sortDirection,\n        sortDirection: nextSortDirection,\n      },\n    };\n    const constructor = this.constructor as typeof BXTableHeaderCell;\n    if (\n      this.dispatchEvent(new CustomEvent(constructor.eventBeforeSort, init))\n    ) {\n      this.sortActive = true;\n      this.sortDirection = nextSortDirection;\n    }\n  }\n\n  /**\n   * Handles `slotchange` event.\n   *\n   */\n  private _handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  /**\n   * @returns The next sort direction.\n   */\n  private _getNextSort() {\n    const {\n      sortCycle = TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING,\n      sortDirection,\n    } = this;\n    if (!sortDirection) {\n      throw new TypeError(\n        'Table sort direction is not defined. ' +\n          'Likely that `_getNextSort()` is called with non-sorted table column, which should not happen in regular condition.'\n      );\n    }\n    const directions = (this.constructor as typeof BXTableHeaderCell)\n      .TABLE_SORT_CYCLES[sortCycle];\n    const index = directions.indexOf(sortDirection as TABLE_SORT_DIRECTION);\n    if (index < 0) {\n      if (sortDirection === TABLE_SORT_DIRECTION.NONE) {\n        // If the current sort direction is `none` in bi-state sort cycle, returns the first one in the cycle\n        return directions[0];\n      }\n      throw new RangeError(\n        `The given sort state (${sortDirection}) is not found in the given table sort cycle: ${sortCycle}`\n      );\n    }\n    return directions[(index + 1) % directions.length];\n  }\n\n  /**\n   * `true` if this table header cell is of a primary sorting column.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'sort-active' })\n  sortActive = false;\n\n  /**\n   * The table sort cycle in use.\n   */\n  @property({ reflect: true, attribute: 'sort-cycle' })\n  sortCycle?: TABLE_SORT_CYCLE;\n\n  /**\n   * The table sort direction.\n   * If present, this table header cell will have a sorting UI. Choose between `ascending` or `descending`.\n   */\n  @property({ reflect: true, attribute: 'sort-direction' })\n  sortDirection?: TABLE_SORT_DIRECTION;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'columnheader');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { sortDirection } = this;\n    if (sortDirection) {\n      const sortIcon =\n        sortDirection === TABLE_SORT_DIRECTION.NONE\n          ? Arrows16({\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon-unsorted`,\n            })\n          : ArrowDown16({\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon`,\n            });\n      return html`\n        <button\n          part=\"sort-button\"\n          class=\"${prefix}--table-sort\"\n          title=\"${this.textContent}\"\n          @click=${this._handleClickSortButton}>\n          <span part=\"label-text\" class=\"${prefix}--table-header-label\"\n            ><slot @slotchange=${this._handleSlotChange}></slot\n          ></span>\n          ${sortIcon}\n        </button>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired before a new sort direction is set upon a user gesture.\n   * Cancellation of this event stops the user-initiated change in sort direction.\n   */\n  static get eventBeforeSort() {\n    return `${prefix}-table-header-cell-sort`;\n  }\n\n  static styles = styles;\n\n  /**\n   * Mapping of table sort cycles to table sort states.\n   */\n  static TABLE_SORT_CYCLES = TABLE_SORT_CYCLES;\n}\n\nexport default BXTableHeaderCell;\n"],"mappings":"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"}
+{"version":3,"file":"table-header-cell.js","names":["settings","html","property","LitElement","Arrows16","ArrowDown16","FocusMixin","TABLE_SORT_CYCLE","TABLE_SORT_CYCLES","TABLE_SORT_DIRECTION","styles","carbonElement","customElement","prefix","BXTableHeaderCell","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleClickSortButton","nextSortDirection","_getNextSort","init","bubbles","cancelable","composed","detail","oldSortDirection","sortDirection","dispatchEvent","CustomEvent","eventBeforeSort","sortActive","_handleSlotChange","requestUpdate","sortCycle","TRI_STATES_FROM_ASCENDING","TypeError","directions","index","indexOf","NONE","RangeError","length","decorators","type","Boolean","reflect","attribute","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","sortIcon","part","class","_t","_","textContent","_t2","static"],"sources":["components/data-table/table-header-cell.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport Arrows16 from '@carbon/icons/lib/arrows/16';\nimport ArrowDown16 from '@carbon/icons/lib/arrow--down/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n  TABLE_SORT_CYCLE,\n  TABLE_SORT_CYCLES,\n  TABLE_SORT_DIRECTION,\n} from './defs';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };\n\nconst { prefix } = settings;\n\n/**\n * Data table header cell.\n *\n * @element bx-table-header-cell\n * @fires bx-table-header-cell-sort\n *   The custom event fired before a new sort direction is set upon a user gesture.\n *   Cancellation of this event stops the user-initiated change in sort direction.\n */\n@customElement(`${prefix}-table-header-cell`)\nclass BXTableHeaderCell extends FocusMixin(LitElement) {\n  /**\n   * Handles `click` event on the sort button.\n   *\n   */\n  private _handleClickSortButton() {\n    const nextSortDirection = this._getNextSort();\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        oldSortDirection: this.sortDirection,\n        sortDirection: nextSortDirection,\n      },\n    };\n    const constructor = this.constructor as typeof BXTableHeaderCell;\n    if (\n      this.dispatchEvent(new CustomEvent(constructor.eventBeforeSort, init))\n    ) {\n      this.sortActive = true;\n      this.sortDirection = nextSortDirection;\n    }\n  }\n\n  /**\n   * Handles `slotchange` event.\n   *\n   */\n  private _handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  /**\n   * @returns The next sort direction.\n   */\n  private _getNextSort() {\n    const {\n      sortCycle = TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING,\n      sortDirection,\n    } = this;\n    if (!sortDirection) {\n      throw new TypeError(\n        'Table sort direction is not defined. ' +\n          'Likely that `_getNextSort()` is called with non-sorted table column, which should not happen in regular condition.'\n      );\n    }\n    const directions = (this.constructor as typeof BXTableHeaderCell)\n      .TABLE_SORT_CYCLES[sortCycle];\n    const index = directions.indexOf(sortDirection as TABLE_SORT_DIRECTION);\n    if (index < 0) {\n      if (sortDirection === TABLE_SORT_DIRECTION.NONE) {\n        // If the current sort direction is `none` in bi-state sort cycle, returns the first one in the cycle\n        return directions[0];\n      }\n      throw new RangeError(\n        `The given sort state (${sortDirection}) is not found in the given table sort cycle: ${sortCycle}`\n      );\n    }\n    return directions[(index + 1) % directions.length];\n  }\n\n  /**\n   * `true` if this table header cell is of a primary sorting column.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'sort-active' })\n  sortActive = false;\n\n  /**\n   * The table sort cycle in use.\n   */\n  @property({ reflect: true, attribute: 'sort-cycle' })\n  sortCycle?: TABLE_SORT_CYCLE;\n\n  /**\n   * The table sort direction.\n   * If present, this table header cell will have a sorting UI. Choose between `ascending` or `descending`.\n   */\n  @property({ reflect: true, attribute: 'sort-direction' })\n  sortDirection?: TABLE_SORT_DIRECTION;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'columnheader');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { sortDirection } = this;\n    if (sortDirection) {\n      const sortIcon =\n        sortDirection === TABLE_SORT_DIRECTION.NONE\n          ? Arrows16({\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon-unsorted`,\n            })\n          : ArrowDown16({\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon`,\n            });\n      return html`\n        <button\n          part=\"sort-button\"\n          class=\"${prefix}--table-sort\"\n          title=\"${this.textContent}\"\n          @click=${this._handleClickSortButton}>\n          <span part=\"label-text\" class=\"${prefix}--table-header-label\"\n            ><slot @slotchange=${this._handleSlotChange}></slot\n          ></span>\n          ${sortIcon}\n        </button>\n      `;\n    }\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired before a new sort direction is set upon a user gesture.\n   * Cancellation of this event stops the user-initiated change in sort direction.\n   */\n  static get eventBeforeSort() {\n    return `${prefix}-table-header-cell-sort`;\n  }\n\n  static styles = styles;\n\n  /**\n   * Mapping of table sort cycles to table sort states.\n   */\n  static TABLE_SORT_CYCLES = TABLE_SORT_CYCLES;\n}\n\nexport default BXTableHeaderCell;\n"],"mappings":"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"}

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

@@ -82,7 +82,28 @@ let BXTableRow = _decorate([customElement(`${prefix}-table-row`)], function (_in
           selectionValue
         } = this;
         // Using `@click` instead of `@change` to support `.preventDefault()`
-        return !selectionName ? undefined : html(_t || (_t = _` <div part="selection-container" class="${0}--table-column-checkbox"> ${0} </div> `), prefix, html(_t2 || (_t2 = _` <input id="selection" part="selection" class="${0}--checkbox" type="checkbox" value="${0}" name="${0}" ?disabled="${0}" .checked="${0}" @click="${0}"> <label for="selection" class="${0}--checkbox-label" aria-label="${0}"></label> `), prefix, selectionValue, selectionName, disabled, selected, this._handleClickSelectionCheckbox, prefix, selectionLabel));
+        return !selectionName ? undefined : html(_t || (_t = _`
+          <div
+            part="selection-container"
+            class="${0}--table-column-checkbox">
+            ${0}
+          </div>
+        `), prefix, html(_t2 || (_t2 = _`
+              <input
+                id="selection"
+                part="selection"
+                class="${0}--checkbox"
+                type="checkbox"
+                value="${0}"
+                name="${0}"
+                ?disabled="${0}"
+                .checked=${0}
+                @click=${0} />
+              <label
+                for="selection"
+                class="${0}--checkbox-label"
+                aria-label="${0}"></label>
+            `), prefix, selectionValue, selectionName, disabled, selected, this._handleClickSelectionCheckbox, prefix, selectionLabel));
       }
 
       /**

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

@@ -1 +1 @@
-{"version":3,"file":"table-row.js","names":["settings","html","property","LitElement","carbonElement","customElement","FocusMixin","styles","prefix","BXTableRow","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleClickSelectionCheckbox","event","selected","target","checked","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeChangeSelection","_renderFirstCells","disabled","selectionLabel","selectionName","selectionValue","undefined","_t","_","_t2","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t3","static","selectorTable"],"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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './data-table.scss';\n\nconst { prefix } = settings;\n\n/**\n * Data table row.\n *\n * @element bx-table-row\n * @csspart selection-container The container of the checkbox.\n * @csspart selection The checkbox.\n * @fires bx-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 */\n@customElement(`${prefix}-table-row`)\nclass BXTableRow extends FocusMixin(LitElement) {\n  /**\n   * Handles `click` event on the check box.\n   *\n   * @param event The event.\n   */\n  private _handleClickSelectionCheckbox(event: Event) {\n    const selected = (event.target as HTMLInputElement).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 BXTableRow;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(constructor.eventBeforeChangeSelection, init)\n      )\n    ) {\n      this.selected = selected;\n    }\n  }\n\n  /**\n   * @returns The first set of table cells.\n   */\n  protected _renderFirstCells() {\n    const {\n      disabled,\n      selected,\n      selectionLabel,\n      selectionName,\n      selectionValue,\n    } = this;\n    // Using `@click` instead of `@change` to support `.preventDefault()`\n    return !selectionName\n      ? undefined\n      : html`\n          <div\n            part=\"selection-container\"\n            class=\"${prefix}--table-column-checkbox\">\n            ${html`\n              <input\n                id=\"selection\"\n                part=\"selection\"\n                class=\"${prefix}--checkbox\"\n                type=\"checkbox\"\n                value=\"${selectionValue}\"\n                name=\"${selectionName}\"\n                ?disabled=\"${disabled}\"\n                .checked=${selected}\n                @click=${this._handleClickSelectionCheckbox} />\n              <label\n                for=\"selection\"\n                class=\"${prefix}--checkbox-label\"\n                aria-label=\"${selectionLabel}\"></label>\n            `}\n          </div>\n        `;\n  }\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 `<bx-table-body>`.\n   * `<bx-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 is placed at an odd position in parent `<bx-table-body>`.\n   * `<bx-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   * `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  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` ${this._renderFirstCells()}<slot></slot> `;\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   * The CSS selector to find the table.\n   */\n  static get selectorTable() {\n    return `${prefix}-table`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableRow;\n"],"mappings":"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"}
+{"version":3,"file":"table-row.js","names":["settings","html","property","LitElement","carbonElement","customElement","FocusMixin","styles","prefix","BXTableRow","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleClickSelectionCheckbox","event","selected","target","checked","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeChangeSelection","_renderFirstCells","disabled","selectionLabel","selectionName","selectionValue","undefined","_t","_","_t2","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t3","static","selectorTable"],"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 settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './data-table.scss';\n\nconst { prefix } = settings;\n\n/**\n * Data table row.\n *\n * @element bx-table-row\n * @csspart selection-container The container of the checkbox.\n * @csspart selection The checkbox.\n * @fires bx-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 */\n@customElement(`${prefix}-table-row`)\nclass BXTableRow extends FocusMixin(LitElement) {\n  /**\n   * Handles `click` event on the check box.\n   *\n   * @param event The event.\n   */\n  private _handleClickSelectionCheckbox(event: Event) {\n    const selected = (event.target as HTMLInputElement).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 BXTableRow;\n    if (\n      this.dispatchEvent(\n        new CustomEvent(constructor.eventBeforeChangeSelection, init)\n      )\n    ) {\n      this.selected = selected;\n    }\n  }\n\n  /**\n   * @returns The first set of table cells.\n   */\n  protected _renderFirstCells() {\n    const {\n      disabled,\n      selected,\n      selectionLabel,\n      selectionName,\n      selectionValue,\n    } = this;\n    // Using `@click` instead of `@change` to support `.preventDefault()`\n    return !selectionName\n      ? undefined\n      : html`\n          <div\n            part=\"selection-container\"\n            class=\"${prefix}--table-column-checkbox\">\n            ${html`\n              <input\n                id=\"selection\"\n                part=\"selection\"\n                class=\"${prefix}--checkbox\"\n                type=\"checkbox\"\n                value=\"${selectionValue}\"\n                name=\"${selectionName}\"\n                ?disabled=\"${disabled}\"\n                .checked=${selected}\n                @click=${this._handleClickSelectionCheckbox} />\n              <label\n                for=\"selection\"\n                class=\"${prefix}--checkbox-label\"\n                aria-label=\"${selectionLabel}\"></label>\n            `}\n          </div>\n        `;\n  }\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 `<bx-table-body>`.\n   * `<bx-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 is placed at an odd position in parent `<bx-table-body>`.\n   * `<bx-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   * `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  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'row');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` ${this._renderFirstCells()}<slot></slot> `;\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   * The CSS selector to find the table.\n   */\n  static get selectorTable() {\n    return `${prefix}-table`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableRow;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-content.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXTableToolbarContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","updated","changedProperties","has","setAttribute","hasBatchActions","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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Table toolbar content.\n *\n * @element bx-table-toolbar-content\n */\n@customElement(`${prefix}-table-toolbar-content`)\nclass BXTableToolbarContent 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  updated(changedProperties) {\n    if (changedProperties.has('hasBatchActions')) {\n      this.setAttribute('tabindex', `${this.hasBatchActions ? '-1' : ''}`);\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableToolbarContent;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,qBAAqB,GAAAC,SAAA,EAD1BH,aAAa,CAAE,GAAEC,MAAO,wBAAuB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkB/C;EAAC;IAAAI,CAAA,EAlBKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIxBhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAoB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACzD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAJvB;AACF;AACA;;MAIE,SAAAC,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,iBAAiB,CAAC,EAAE;UAC5C,IAAI,CAACC,YAAY,CAAC,UAAU,EAAG,GAAE,IAAI,CAACC,eAAe,GAAG,IAAI,GAAG,EAAG,EAAC,CAAC;QACtE;MACF;IAAC;MAAAZ,IAAA;MAAAM,GAAA;MAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;QACP,OAAO7B,IAAI,CAAA8B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAf,IAAA;MAAAgB,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAEenB,MAAM;MAAA;IAAA;EAAA;AAAA,GAjBYF,UAAU;AAoB9C,eAAeM,qBAAqB"}
+{"version":3,"file":"table-toolbar-content.js","names":["html","property","LitElement","settings","styles","carbonElement","customElement","prefix","BXTableToolbarContent","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","updated","changedProperties","has","setAttribute","hasBatchActions","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 { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Table toolbar content.\n *\n * @element bx-table-toolbar-content\n */\n@customElement(`${prefix}-table-toolbar-content`)\nclass BXTableToolbarContent 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  updated(changedProperties) {\n    if (changedProperties.has('hasBatchActions')) {\n      this.setAttribute('tabindex', `${this.hasBatchActions ? '-1' : ''}`);\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableToolbarContent;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,qBAAqB,GAAAC,SAAA,EAD1BH,aAAa,CAAE,GAAEC,MAAO,wBAAuB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjD,MACMH,qBAAqB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAkB/C;EAAC;IAAAI,CAAA,EAlBKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIxBhB,QAAQ,CAAC;QAAEiB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAoB,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACzD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAJvB;AACF;AACA;;MAIE,SAAAC,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,iBAAiB,CAAC,EAAE;UAC5C,IAAI,CAACC,YAAY,CAAC,UAAU,EAAG,GAAE,IAAI,CAACC,eAAe,GAAG,IAAI,GAAG,EAAG,EAAC,CAAC;QACtE;MACF;IAAC;MAAAZ,IAAA;MAAAM,GAAA;MAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;QACP,OAAO7B,IAAI,CAAA8B,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAf,IAAA;MAAAgB,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAEenB,MAAM;MAAA;IAAA;EAAA;AAAA,GAjBYF,UAAU;AAoB9C,eAAeM,qBAAqB"}

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

@@ -156,7 +156,14 @@ let BXTableToolbarSearch = _decorate([customElement(`${prefix}-table-toolbar-sea
           [`${prefix}--search`]: true,
           [`${prefix}--search--${size}`]: size
         });
-        return html(_t || (_t = _` <div class="${0}" tabindex="${0}" @click="${0}"> ${0} </div> `), classes, expanded ? '-1' : '0', handleSearchClick, result);
+        return html(_t || (_t = _`
+      <div
+        class="${0}"
+        tabindex="${0}"
+        @click="${0}">
+        ${0}
+      </div>
+    `), classes, expanded ? '-1' : '0', handleSearchClick, result);
       }
 
       /**

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-search.js","names":["classMap","html","property","query","settings","HostListenerMixin","HostListener","INPUT_SIZE","BXSearch","styles","carbonElement","customElement","prefix","BXTableToolbarSearch","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleUserInitiatedExpand","expanded","updateComplete","_inputNode","inputNode","focus","_handleFocusIn","_handleFocusOut","event","contains","relatedTarget","_handleSearchClick","type","Boolean","reflect","SMALL","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","result","size","handleSearchClick","classes","_t","_","static","eventInput"],"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-html/directives/class-map';\nimport { html, property, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../input/input';\nimport BXSearch from '../search/search';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Table toolbar search.\n *\n * @element bx-table-toolbar-search\n * @fires bx-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass BXTableToolbarSearch extends HostListenerMixin(BXSearch) {\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 (!this.contains(event.relatedTarget as Node) && !this.value) {\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   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.SMALL;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'search');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const result = super.render();\n    const { expanded, size, _handleSearchClick: handleSearchClick } = this;\n    const classes = classMap({\n      [`${prefix}--search`]: true,\n      [`${prefix}--search--${size}`]: size,\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 `<bx-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableToolbarSearch;\n"],"mappings":"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"}
+{"version":3,"file":"table-toolbar-search.js","names":["classMap","html","property","query","settings","HostListenerMixin","HostListener","INPUT_SIZE","BXSearch","styles","carbonElement","customElement","prefix","BXTableToolbarSearch","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","decorators","key","value","_handleUserInitiatedExpand","expanded","updateComplete","_inputNode","inputNode","focus","_handleFocusIn","_handleFocusOut","event","contains","relatedTarget","_handleSearchClick","type","Boolean","reflect","SMALL","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","result","size","handleSearchClick","classes","_t","_","static","eventInput"],"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-html/directives/class-map';\nimport { html, property, query } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../input/input';\nimport BXSearch from '../search/search';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Table toolbar search.\n *\n * @element bx-table-toolbar-search\n * @fires bx-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass BXTableToolbarSearch extends HostListenerMixin(BXSearch) {\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 (!this.contains(event.relatedTarget as Node) && !this.value) {\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   * The search box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.SMALL;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'search');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const result = super.render();\n    const { expanded, size, _handleSearchClick: handleSearchClick } = this;\n    const classes = classMap({\n      [`${prefix}--search`]: true,\n      [`${prefix}--search--${size}`]: size,\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 `<bx-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableToolbarSearch;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXTableToolbar","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Table toolbar.\n *\n * @element bx-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass BXTableToolbar extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'section');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableToolbar;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,cAAc,GAAAC,SAAA,EADnBH,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAaxC;EAAC;IAAAI,CAAA,EAbKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,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,CALEf,cAAc,CAAAgB,SAAA,8BAAAC,IAAA;MAMlB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAZKF,UAAU;AAevC,eAAeM,cAAc"}
+{"version":3,"file":"table-toolbar.js","names":["html","LitElement","settings","styles","carbonElement","customElement","prefix","BXTableToolbar","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","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 { html, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Table toolbar.\n *\n * @element bx-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass BXTableToolbar extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'section');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTableToolbar;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,UAAU,QAAQ,aAAa;AAC9C,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGJ,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMK,cAAc,GAAAC,SAAA,EADnBH,aAAa,CAAE,GAAEC,MAAO,gBAAe,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAzC,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAaxC;EAAC;IAAAI,CAAA,EAbKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,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,CALEf,cAAc,CAAAgB,SAAA,8BAAAC,IAAA;MAMlB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEed,MAAM;MAAA;IAAA;EAAA;AAAA,GAZKF,UAAU;AAevC,eAAeM,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["settings","html","property","LitElement","forEach","TABLE_COLOR_SCHEME","TABLE_SIZE","styles","carbonElement","customElement","prefix","BXTable","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","type","Boolean","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorRowsWithHeader","elem","size","render","_t","_","static"],"sources":["components/data-table/table.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { TABLE_COLOR_SCHEME, TABLE_SIZE } from './defs';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TABLE_COLOR_SCHEME, TABLE_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Data table.\n *\n * @element bx-table\n */\n@customElement(`${prefix}-table`)\nclass BXTable extends LitElement {\n  /**\n   * The table size.\n   */\n  @property({ reflect: true })\n  size = TABLE_SIZE.REGULAR;\n\n  /**\n   * `true` if this table should support sorting.\n   */\n  @property({ type: Boolean, reflect: true })\n  sort = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'table');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof BXTable).selectorRowsWithHeader\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The CSS selector to find the rows, including header rows.\n   */\n  static get selectorRowsWithHeader() {\n    return `${prefix}-table-header-row,${prefix}-table-row`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTable;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,OAAO,QAAQ,2CAA2C;AACnE,SAASC,kBAAkB,EAAEC,UAAU,QAAQ,QAAQ;AACvD,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASJ,kBAAkB,EAAEC,UAAU;AAEvC,MAAM;EAAEI;AAAO,CAAC,GAAGV,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMW,OAAO,GAAAC,SAAA,EADZH,aAAa,CAAE,GAAEC,MAAO,QAAO,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjC,MACMH,OAAO,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8CjC;EAAC;IAAAI,CAAA,EA9CKN,OAAO;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIVlB,QAAQ,CAAC;QAAEmB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,UAAU,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAKxBlB,QAAQ,CAAC;QAAEuB,IAAI,EAAEC,OAAO;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAVZ;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;QACpC;QACAC,IAAA,CAAAC,eAAA,CAjBEpB,OAAO,CAAAqB,SAAA,8BAAAC,IAAA;MAkBX;IAAC;MAAAd,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAW,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC;UACAhC,OAAO,CACL,IAAI,CAACiC,gBAAgB,CAClB,IAAI,CAACtB,WAAW,CAAoBuB,sBACvC,CAAC,EACAC,IAAI,IAAK;YACRA,IAAI,CAACV,YAAY,CAAC,MAAM,EAAE,IAAI,CAACW,IAAI,CAAC;UACtC,CACF,CAAC;QACH;MACF;IAAC;MAAArB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAkB,OAAA,EAAS;QACP,OAAOxC,IAAI,CAAAyC,EAAA,KAAAA,EAAA,GAAAC,CAAA;MACb;;MAEA;AACF;AACA;IAFE;MAAAxB,IAAA;MAAAyB,MAAA;MAAAtB,GAAA;MAAAC,KAAA,EAGA,SAAAe,uBAAA,EAAoC;QAClC,OAAQ,GAAE5B,MAAO,qBAAoBA,MAAO,YAAW;MACzD;IAAC;MAAAS,IAAA;MAAAyB,MAAA;MAAAtB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CFJ,UAAU;AAgDhC,eAAeQ,OAAO"}
+{"version":3,"file":"table.js","names":["settings","html","property","LitElement","forEach","TABLE_COLOR_SCHEME","TABLE_SIZE","styles","carbonElement","customElement","prefix","BXTable","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","REGULAR","type","Boolean","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorRowsWithHeader","elem","size","render","_t","_","static"],"sources":["components/data-table/table.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { html, property, LitElement } from 'lit-element';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { TABLE_COLOR_SCHEME, TABLE_SIZE } from './defs';\nimport styles from './data-table.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TABLE_COLOR_SCHEME, TABLE_SIZE };\n\nconst { prefix } = settings;\n\n/**\n * Data table.\n *\n * @element bx-table\n */\n@customElement(`${prefix}-table`)\nclass BXTable extends LitElement {\n  /**\n   * The table size.\n   */\n  @property({ reflect: true })\n  size = TABLE_SIZE.REGULAR;\n\n  /**\n   * `true` if this table should support sorting.\n   */\n  @property({ type: Boolean, reflect: true })\n  sort = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'table');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof BXTable).selectorRowsWithHeader\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The CSS selector to find the rows, including header rows.\n   */\n  static get selectorRowsWithHeader() {\n    return `${prefix}-table-header-row,${prefix}-table-row`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTable;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,SAASC,OAAO,QAAQ,2CAA2C;AACnE,SAASC,kBAAkB,EAAEC,UAAU,QAAQ,QAAQ;AACvD,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SAASJ,kBAAkB,EAAEC,UAAU;AAEvC,MAAM;EAAEI;AAAO,CAAC,GAAGV,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMW,OAAO,GAAAC,SAAA,EADZH,aAAa,CAAE,GAAEC,MAAO,QAAO,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAjC,MACMH,OAAO,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8CjC;EAAC;IAAAI,CAAA,EA9CKN,OAAO;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIVlB,QAAQ,CAAC;QAAEmB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,UAAU,CAACkB,OAAO;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAKxBlB,QAAQ,CAAC;QAAEuB,IAAI,EAAEC,OAAO;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAVZ;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;QACpC;QACAC,IAAA,CAAAC,eAAA,CAjBEpB,OAAO,CAAAqB,SAAA,8BAAAC,IAAA;MAkBX;IAAC;MAAAd,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAW,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC;UACAhC,OAAO,CACL,IAAI,CAACiC,gBAAgB,CAClB,IAAI,CAACtB,WAAW,CAAoBuB,sBACvC,CAAC,EACAC,IAAI,IAAK;YACRA,IAAI,CAACV,YAAY,CAAC,MAAM,EAAE,IAAI,CAACW,IAAI,CAAC;UACtC,CACF,CAAC;QACH;MACF;IAAC;MAAArB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAkB,OAAA,EAAS;QACP,OAAOxC,IAAI,CAAAyC,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;;MAEA;AACF;AACA;IAFE;MAAAxB,IAAA;MAAAyB,MAAA;MAAAtB,GAAA;MAAAC,KAAA,EAGA,SAAAe,uBAAA,EAAoC;QAClC,OAAQ,GAAE5B,MAAO,qBAAoBA,MAAO,YAAW;MACzD;IAAC;MAAAS,IAAA;MAAAyB,MAAA;MAAAtB,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CFJ,UAAU;AAgDhC,eAAeQ,OAAO"}

package/es/components/date-picker/date-picker-input-skeleton.js

@@ -49,7 +49,10 @@ let BXDatePickerInputSkeleton = _decorate([customElement(`${prefix}-date-picker-
        */
 
       function render() {
-        return html(_t || (_t = _` <span class="${0}--label"></span> <div class="${0}--date-picker__input ${0}--skeleton"></div> `), prefix, prefix, prefix);
+        return html(_t || (_t = _`
+      <span class="${0}--label"></span>
+      <div class="${0}--date-picker__input ${0}--skeleton"></div>
+    `), prefix, prefix, prefix);
       }
     }, {
       kind: "field",

package/es/components/date-picker/date-picker-input-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker-input-skeleton.js","names":["html","property","LitElement","settings","DATE_PICKER_INPUT_KIND","styles","carbonElement","customElement","prefix","BXDatePickerInputSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","SIMPLE","render","_t","_","static"],"sources":["components/date-picker/date-picker-input-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { DATE_PICKER_INPUT_KIND } from './date-picker-input';\nimport styles from './date-picker.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton version of the input box for date picker.\n */\n@customElement(`${prefix}-date-picker-input-skeleton`)\nclass BXDatePickerInputSkeleton extends LitElement {\n  /**\n   * Date picker input kind. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  kind = DATE_PICKER_INPUT_KIND.SIMPLE;\n\n  render() {\n    return html`\n      <span class=\"${prefix}--label\"></span>\n      <div class=\"${prefix}--date-picker__input ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDatePickerInputSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,sBAAsB,QAAQ,qBAAqB;AAC5D,OAAOC,MAAM,MAAM,wBAAoB;AACvC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,yBAAyB,GAAAC,SAAA,EAD9BH,aAAa,CAAE,GAAEC,MAAO,6BAA4B,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtD,MACMH,yBAAyB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAenD;EAAC;IAAAI,CAAA,EAfKN,yBAAyB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI5BjB,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,sBAAsB,CAACkB,MAAM;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJpC;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA,oGACMjB,MAAM,EACPA,MAAM,EAAwBA,MAAM;MAEtD;IAAC;MAAAS,IAAA;MAAAS,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAdgBH,UAAU;AAiBlD,eAAeO,yBAAyB"}
+{"version":3,"file":"date-picker-input-skeleton.js","names":["html","property","LitElement","settings","DATE_PICKER_INPUT_KIND","styles","carbonElement","customElement","prefix","BXDatePickerInputSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","SIMPLE","render","_t","_","static"],"sources":["components/date-picker/date-picker-input-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport { DATE_PICKER_INPUT_KIND } from './date-picker-input';\nimport styles from './date-picker.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton version of the input box for date picker.\n */\n@customElement(`${prefix}-date-picker-input-skeleton`)\nclass BXDatePickerInputSkeleton extends LitElement {\n  /**\n   * Date picker input kind. Corresponds to the attribute with the same name.\n   */\n  @property({ reflect: true })\n  kind = DATE_PICKER_INPUT_KIND.SIMPLE;\n\n  render() {\n    return html`\n      <span class=\"${prefix}--label\"></span>\n      <div class=\"${prefix}--date-picker__input ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDatePickerInputSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,aAAa;AACxD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,SAASC,sBAAsB,QAAQ,qBAAqB;AAC5D,OAAOC,MAAM,MAAM,wBAAoB;AACvC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;;AAE3B;AACA;AACA;AAFA,IAIMM,yBAAyB,GAAAC,SAAA,EAD9BH,aAAa,CAAE,GAAEC,MAAO,6BAA4B,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAtD,MACMH,yBAAyB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAenD;EAAC;IAAAI,CAAA,EAfKN,yBAAyB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI5BjB,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBjB,sBAAsB,CAACkB,MAAM;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJpC;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,qBAAmB,CAAS;AAC5B,oBAAkB,CAAS,wBAAqB,CAAS;AACzD,KAAI,GAFiBjB,MAAM,EACPA,MAAM,EAAwBA,MAAM;MAEtD;IAAC;MAAAS,IAAA;MAAAS,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEehB,MAAM;MAAA;IAAA;EAAA;AAAA,GAdgBH,UAAU;AAiBlD,eAAeO,yBAAyB"}

package/es/components/date-picker/date-picker-input.js

@@ -142,7 +142,15 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
           _hasValidityMessage: hasValidityMessage,
           _handleSlotChangeValidityMessage: handleSlotChangeValidityMessage
         } = this;
-        return html(_t2 || (_t2 = _` <div ?hidden="${0}" class="${0}--form-requirement"> <slot name="validity-message" @slotchange="${0}">${0}</slot> </div> `), !hasValidityMessage, prefix, handleSlotChangeValidityMessage, validityMessage);
+        return html(_t2 || (_t2 = _`
+      <div ?hidden="${0}" class="${0}--form-requirement">
+        <slot
+          name="validity-message"
+          @slotchange="${0}"
+          >${0}</slot
+        >
+      </div>
+    `), !hasValidityMessage, prefix, handleSlotChangeValidityMessage, validityMessage);
       }
 
       /**
@@ -363,7 +371,27 @@ let BXDatePickerInput = _decorate([customElement(`${prefix}-date-picker-input`)]
           [`${prefix}--date-picker__input`]: true,
           [`${prefix}--date-picker__input--${size}`]: size
         });
-        return html(_t3 || (_t3 = _` <label for="input" class="${0}"> <slot name="label-text">${0}</slot> </label> <div class="${0}--date-picker-input__wrapper" @click="${0}"> <input id="input" type="${0}" class="${0}" ?disabled="${0}" pattern="${0}" placeholder="${0}" .value="${0}" ?data-invalid="${0}" @input="${0}"> ${0} </div> ${0} `), labelClasses, labelText, prefix, handleClickWrapper, type, inputClasses, disabled, pattern, ifNonNull(placeholder), ifNonNull(value), invalid, handleInput, this._renderIcon(), this._renderValidityMessage());
+        return html(_t3 || (_t3 = _`
+      <label for="input" class="${0}">
+        <slot name="label-text">${0}</slot>
+      </label>
+      <div
+        class="${0}--date-picker-input__wrapper"
+        @click="${0}">
+        <input
+          id="input"
+          type="${0}"
+          class="${0}"
+          ?disabled="${0}"
+          pattern="${0}"
+          placeholder="${0}"
+          .value="${0}"
+          ?data-invalid="${0}"
+          @input="${0}" />
+        ${0}
+      </div>
+      ${0}
+    `), labelClasses, labelText, prefix, handleClickWrapper, type, inputClasses, disabled, pattern, ifNonNull(placeholder), ifNonNull(value), invalid, handleInput, this._renderIcon(), this._renderValidityMessage());
       }
 
       /**

package/es/components/date-picker/date-picker-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker-input.js","names":["classMap","html","property","query","LitElement","Calendar16","settings","ifNonNull","FocusMixin","ValidityMixin","INPUT_SIZE","DATE_PICKER_INPUT_COLOR_SCHEME","DATE_PICKER_INPUT_KIND","DATE_PICKER_INPUT_SIZE_HORIZONTAL","styles","carbonElement","customElement","prefix","BXDatePickerInput","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","decorators","key","value","_hasValidityMessage","validityMessage","_slotValidityMessage","slotValidityMessage","assignedNodes","length","_handleClickWrapper","event","target","_iconNode","input","focus","_handleSlotChangeValidityMessage","requestUpdate","_handleInput","_renderIcon","SIMPLE","undefined","class","role","children","_t","_","_renderValidityMessage","hasValidityMessage","handleSlotChangeValidityMessage","_t2","attribute","reflect","REGULAR","type","Boolean","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","disabled","hideLabel","invalid","labelText","pattern","defaultPattern","placeholder","size","defaultType","handleClickWrapper","handleInput","labelClasses","inputClasses","_t3","static","selectorParent"],"sources":["components/date-picker/date-picker-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, LitElement } from 'lit-element';\nimport Calendar16 from '@carbon/icons/lib/calendar/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { INPUT_SIZE } from '../input/input';\nimport {\n  DATE_PICKER_INPUT_COLOR_SCHEME,\n  DATE_PICKER_INPUT_KIND,\n  DATE_PICKER_INPUT_SIZE_HORIZONTAL,\n} from './defs';\nimport styles from './date-picker.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n  DATE_PICKER_INPUT_COLOR_SCHEME,\n  DATE_PICKER_INPUT_KIND,\n  DATE_PICKER_INPUT_SIZE_HORIZONTAL,\n};\n\nconst { prefix } = settings;\n\n/**\n * The input box for date picker.\n *\n * @element bx-date-picker-input\n */\n@customElement(`${prefix}-date-picker-input`)\nclass BXDatePickerInput extends ValidityMixin(FocusMixin(LitElement)) {\n  /**\n   * The calendar icon.\n   */\n  @query(`.${prefix}--date-picker__icon`)\n  private _iconNode!: SVGElement;\n\n  /**\n   * The `<slot>` for the validity message.\n   */\n  @query('slot[name=\"validity-message\"]')\n  private _slotValidityMessage!: HTMLSlotElement;\n\n  /**\n   * `true` if validity message is given via `validityMessage` property or via `<slot name=\"validity-message\">`.\n   */\n  private get _hasValidityMessage() {\n    const { validityMessage, _slotValidityMessage: slotValidityMessage } = this;\n    return (\n      validityMessage ||\n      (slotValidityMessage && slotValidityMessage.assignedNodes.length > 0)\n    );\n  }\n\n  /**\n   * Handles `click` event on the calendar icon.\n   *\n   * @param event The event.\n   */\n  private _handleClickWrapper(event: MouseEvent) {\n    if (event.target === this._iconNode) {\n      this.input.focus();\n    }\n  }\n\n  /**\n   * Handles `slotchange` event on `<slot name=\"validity-message\">`.\n   */\n  private _handleSlotChangeValidityMessage() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `input` event on `<input>` in the shadow DOM.\n   *\n   * @param event The event.\n   */\n  private _handleInput({ target }: Event) {\n    const { value } = target as HTMLInputElement;\n    this.value = value;\n  }\n\n  /**\n   * @returns The template for the the calendar icon.\n   */\n  private _renderIcon() {\n    return this.kind === DATE_PICKER_INPUT_KIND.SIMPLE\n      ? undefined\n      : Calendar16({\n          class: `${prefix}--date-picker__icon`,\n          role: 'img',\n          children: [html` <title>Open calendar</title> `],\n        });\n  }\n\n  /**\n   * @returns The template for the the validity message.\n   */\n  private _renderValidityMessage() {\n    const {\n      validityMessage,\n      _hasValidityMessage: hasValidityMessage,\n      _handleSlotChangeValidityMessage: handleSlotChangeValidityMessage,\n    } = this;\n    return html`\n      <div ?hidden=\"${!hasValidityMessage}\" class=\"${prefix}--form-requirement\">\n        <slot\n          name=\"validity-message\"\n          @slotchange=\"${handleSlotChangeValidityMessage}\"\n          >${validityMessage}</slot\n        >\n      </div>\n    `;\n  }\n\n  /**\n   * The `<input>`, used for Flatpickr to grab.\n   */\n  @query('input')\n  input!: HTMLInputElement;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = DATE_PICKER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Controls the invalid state and visibility of the `validityMessage`.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Date picker input kind.\n   */\n  @property({ reflect: true })\n  kind = DATE_PICKER_INPUT_KIND.SIMPLE;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  /**\n   * The `pattern` attribute for the `<input>` in the shadow DOM.\n   */\n  @property()\n  pattern!: string;\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder!: string;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * Vertical size of this date picker input.\n   */\n  @property({ attribute: 'size', reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * Horizontal size of this date picker input.\n   * Effective only when `kind` property is `DATE_PICKER_INPUT_KIND.SIMPLE`.\n   */\n  @property({ attribute: 'size-horizontal', reflect: true })\n  sizeHorizontal = DATE_PICKER_INPUT_SIZE_HORIZONTAL.REGULAR;\n\n  /**\n   * The `type` attribute for the `<input>` in the shadow DOM.\n   */\n  @property()\n  type!: string;\n\n  /**\n   * The validity message.\n   * If present and non-empty, this date picker input shows the UI of its invalid state.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const constructor = this.constructor as typeof BXDatePickerInput;\n    const {\n      disabled,\n      hideLabel,\n      invalid,\n      labelText,\n      pattern = constructor.defaultPattern,\n      placeholder,\n      size,\n      type = constructor.defaultType,\n      value,\n      _handleClickWrapper: handleClickWrapper,\n      _handleInput: handleInput,\n    } = this;\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const inputClasses = classMap({\n      [`${prefix}--date-picker__input`]: true,\n      [`${prefix}--date-picker__input--${size}`]: size,\n    });\n    return html`\n      <label for=\"input\" class=\"${labelClasses}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div\n        class=\"${prefix}--date-picker-input__wrapper\"\n        @click=\"${handleClickWrapper}\">\n        <input\n          id=\"input\"\n          type=\"${type}\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          pattern=\"${pattern}\"\n          placeholder=\"${ifNonNull(placeholder)}\"\n          .value=\"${ifNonNull(value)}\"\n          ?data-invalid=\"${invalid}\"\n          @input=\"${handleInput}\" />\n        ${this._renderIcon()}\n      </div>\n      ${this._renderValidityMessage()}\n    `;\n  }\n\n  /**\n   * The default value for `pattern` property.\n   */\n  static defaultPattern = '\\\\d{1,2}\\\\/\\\\d{1,2}\\\\/\\\\d{4}';\n\n  /**\n   * The default value for `type` property.\n   */\n  static defaultType = 'text';\n\n  /**\n   * A selector that will return the parent date picker.\n   */\n  static get selectorParent() {\n    return `${prefix}-date-picker`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDatePickerInput;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,QAAQ,aAAa;AAC/D,OAAOC,UAAU,MAAM,yBAA+B;AACtD,OAAOC,QAAQ,MAAM,0CAA0C;AAC/D,OAAOC,SAAS,MAAM,sCAAsC;AAC5D,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,aAAa,MAAM,+BAA+B;AACzD,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SACEC,8BAA8B,EAC9BC,sBAAsB,EACtBC,iCAAiC,QAC5B,QAAQ;AACf,OAAOC,MAAM,MAAM,wBAAoB;AACvC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AAExF,SACEL,8BAA8B,EAC9BC,sBAAsB,EACtBC,iCAAiC;AAGnC,MAAM;EAAEI;AAAO,CAAC,GAAGX,QAAQ;;AAE3B;AACA;AACA;AACA;AACA;AAJA,IAMMY,iBAAiB,GAAAC,SAAA,EADtBH,aAAa,CAAE,GAAEC,MAAO,oBAAmB,CAAC,aAAAG,WAAA,EAAAC,cAAA;EAA7C,MACMH,iBAAiB,SAAAG,cAAA,CAA+C;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiQtE;EAAC;IAAAI,CAAA,EAjQKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIpBxB,KAAK,CAAE,IAAGc,MAAO,qBAAoB,CAAC;MAAAW,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMtCxB,KAAK,CAAC,+BAA+B,CAAC;MAAAyB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MATvC;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;MACE,SAAAC,oBAAA,EAAkC;QAChC,MAAM;UAAEC,eAAe;UAAEC,oBAAoB,EAAEC;QAAoB,CAAC,GAAG,IAAI;QAC3E,OACEF,eAAe,IACdE,mBAAmB,IAAIA,mBAAmB,CAACC,aAAa,CAACC,MAAM,GAAG,CAAE;MAEzE;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAT,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAKA,SAAAO,oBAA4BC,KAAiB,EAAE;QAC7C,IAAIA,KAAK,CAACC,MAAM,KAAK,IAAI,CAACC,SAAS,EAAE;UACnC,IAAI,CAACC,KAAK,CAACC,KAAK,CAAC,CAAC;QACpB;MACF;;MAEA;AACF;AACA;IAFE;MAAAf,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAGA,SAAAa,iCAAA,EAA2C;QACzC,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAjB,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAKA,SAAAe,aAAqB;QAAEN;MAAc,CAAC,EAAE;QACtC,MAAM;UAAET;QAAM,CAAC,GAAGS,MAA0B;QAC5C,IAAI,CAACT,KAAK,GAAGA,KAAK;MACpB;;MAEA;AACF;AACA;IAFE;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAGA,SAAAgB,YAAA,EAAsB;QACpB,OAAO,IAAI,CAACnB,IAAI,KAAKd,sBAAsB,CAACkC,MAAM,GAC9CC,SAAS,GACT1C,UAAU,CAAC;UACT2C,KAAK,EAAG,GAAE/B,MAAO,qBAAoB;UACrCgC,IAAI,EAAE,KAAK;UACXC,QAAQ,EAAE,CAACjD,IAAI,CAAAkD,EAAA,KAAAA,EAAA,GAAAC,CAAA;QACjB,CAAC,CAAC;MACR;;MAEA;AACF;AACA;IAFE;MAAA1B,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAGA,SAAAwB,uBAAA,EAAiC;QAC/B,MAAM;UACJtB,eAAe;UACfD,mBAAmB,EAAEwB,kBAAkB;UACvCZ,gCAAgC,EAAEa;QACpC,CAAC,GAAG,IAAI;QACR,OAAOtD,IAAI,CAAAuD,GAAA,KAAAA,GAAA,GAAAJ,CAAA,8HACO,CAACE,kBAAkB,EAAYrC,MAAM,EAGlCsC,+BAA+B,EAC3CxB,eAAe;MAI1B;;MAEA;AACF;AACA;IAFE;MAAAL,IAAA;MAAAC,UAAA,GAGCxB,KAAK,CAAC,OAAO,CAAC;MAAAyB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMdzB,QAAQ,CAAC;QAAEuD,SAAS,EAAE,cAAc;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9B,GAAA;MAAAC,MAAA;QAAA,OACzClB,8BAA8B,CAACgD,OAAO;MAAA;IAAA;MAAAjC,IAAA;MAAAC,UAAA,GAKnDzB,QAAQ,CAAC;QAAE0D,IAAI,EAAEC,OAAO;QAAEH,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9B,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKfzB,QAAQ,CAAC;QAAE0D,IAAI,EAAEC,OAAO;QAAEH,OAAO,EAAE,IAAI;QAAED,SAAS,EAAE;MAAa,CAAC,CAAC;MAAA7B,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKhBzB,QAAQ,CAAC;QAAE0D,IAAI,EAAEC,OAAO;QAAEH,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9B,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKdzB,QAAQ,CAAC;QAAEwD,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9B,GAAA;MAAAC,MAAA;QAAA,OACrBjB,sBAAsB,CAACkC,MAAM;MAAA;IAAA;MAAApB,IAAA;MAAAC,UAAA,GAKnCzB,QAAQ,CAAC;QAAEuD,SAAS,EAAE;MAAa,CAAC,CAAC;MAAA7B,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMrCzB,QAAQ,CAAC,CAAC;MAAA0B,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVzB,QAAQ,CAAC,CAAC;MAAA0B,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAMVzB,QAAQ,CAAC;QAAE0D,IAAI,EAAEC,OAAO;QAAEH,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9B,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKfzB,QAAQ,CAAC;QAAEuD,SAAS,EAAE;MAA4B,CAAC,CAAC;MAAA7B,GAAA;MAAAC,MAAA;QAAA,OAC3B,6BAA6B;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKtDzB,QAAQ,CAAC;QAAEuD,SAAS,EAAE,MAAM;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9B,GAAA;MAAAC,MAAA;QAAA,OACxCnB,UAAU,CAACiD,OAAO;MAAA;IAAA;MAAAjC,IAAA;MAAAC,UAAA,GAMxBzB,QAAQ,CAAC;QAAEuD,SAAS,EAAE,iBAAiB;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9B,GAAA;MAAAC,MAAA;QAAA,OACzChB,iCAAiC,CAAC8C,OAAO;MAAA;IAAA;MAAAjC,IAAA;MAAAC,UAAA,GAKzDzB,QAAQ,CAAC,CAAC;MAAA0B,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAOVzB,QAAQ,CAAC;QAAEuD,SAAS,EAAE;MAAmB,CAAC,CAAC;MAAA7B,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKnBzB,QAAQ,CAAC,CAAC;MAAA0B,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAzFX;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;AACA;MAIE;AACF;AACA;MAIE,SAAAiC,iBAAA,EAAmB;QAAA,IAAAC,KAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,EAAAJ,KAAA,GAAC,eAAe,CAACK,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,cAAAP,KAAA,cAAAA,KAAA,GAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAArC,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAA0C,OAAA,EAAS;QACP,MAAMjD,WAAW,GAAG,IAAI,CAACA,WAAuC;QAChE,MAAM;UACJkD,QAAQ;UACRC,SAAS;UACTC,OAAO;UACPC,SAAS;UACTC,OAAO,GAAGtD,WAAW,CAACuD,cAAc;UACpCC,WAAW;UACXC,IAAI;UACJnB,IAAI,GAAGtC,WAAW,CAAC0D,WAAW;UAC9BnD,KAAK;UACLO,mBAAmB,EAAE6C,kBAAkB;UACvCrC,YAAY,EAAEsC;QAChB,CAAC,GAAG,IAAI;QACR,MAAMC,YAAY,GAAGnF,QAAQ,CAAC;UAC5B,CAAE,GAAEiB,MAAO,SAAQ,GAAG,IAAI;UAC1B,CAAE,GAAEA,MAAO,mBAAkB,GAAGwD,SAAS;UACzC,CAAE,GAAExD,MAAO,mBAAkB,GAAGuD;QAClC,CAAC,CAAC;QACF,MAAMY,YAAY,GAAGpF,QAAQ,CAAC;UAC5B,CAAE,GAAEiB,MAAO,sBAAqB,GAAG,IAAI;UACvC,CAAE,GAAEA,MAAO,yBAAwB8D,IAAK,EAAC,GAAGA;QAC9C,CAAC,CAAC;QACF,OAAO9E,IAAI,CAAAoF,GAAA,KAAAA,GAAA,GAAAjC,CAAA,kTACmB+B,YAAY,EACZR,SAAS,EAG1B1D,MAAM,EACLgE,kBAAkB,EAGlBrB,IAAI,EACHwB,YAAY,EACRZ,QAAQ,EACVI,OAAO,EACHrE,SAAS,CAACuE,WAAW,CAAC,EAC3BvE,SAAS,CAACsB,KAAK,CAAC,EACT6C,OAAO,EACdQ,WAAW,EACrB,IAAI,CAACrC,WAAW,CAAC,CAAC,EAEpB,IAAI,CAACQ,sBAAsB,CAAC,CAAC;MAEnC;;MAEA;AACF;AACA;IAFE;MAAA3B,IAAA;MAAA4D,MAAA;MAAA1D,GAAA;MAAAC,MAAA;QAAA,OAGwB,8BAA8B;MAAA;IAAA;MAAAH,IAAA;MAAA4D,MAAA;MAAA1D,GAAA;MAAAC,MAAA;QAAA,OAKjC,MAAM;MAAA;IAAA;MAAAH,IAAA;MAAA4D,MAAA;MAAA1D,GAAA;MAAAC,KAAA;MAH3B;AACF;AACA;MAGE;AACF;AACA;MACE,SAAA0D,eAAA,EAA4B;QAC1B,OAAQ,GAAEtE,MAAO,cAAa;MAChC;IAAC;MAAAS,IAAA;MAAA4D,MAAA;MAAA1D,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAhQQL,aAAa,CAACD,UAAU,CAACJ,UAAU,CAAC,CAAC;AAmQrE,eAAec,iBAAiB"}
+{"version":3,"file":"date-picker-input.js","names":["classMap","html","property","query","LitElement","Calendar16","settings","ifNonNull","FocusMixin","ValidityMixin","INPUT_SIZE","DATE_PICKER_INPUT_COLOR_SCHEME","DATE_PICKER_INPUT_KIND","DATE_PICKER_INPUT_SIZE_HORIZONTAL","styles","carbonElement","customElement","prefix","BXDatePickerInput","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","decorators","key","value","_hasValidityMessage","validityMessage","_slotValidityMessage","slotValidityMessage","assignedNodes","length","_handleClickWrapper","event","target","_iconNode","input","focus","_handleSlotChangeValidityMessage","requestUpdate","_handleInput","_renderIcon","SIMPLE","undefined","class","role","children","_t","_","_renderValidityMessage","hasValidityMessage","handleSlotChangeValidityMessage","_t2","attribute","reflect","REGULAR","type","Boolean","createRenderRoot","_exec","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","render","disabled","hideLabel","invalid","labelText","pattern","defaultPattern","placeholder","size","defaultType","handleClickWrapper","handleInput","labelClasses","inputClasses","_t3","static","selectorParent"],"sources":["components/date-picker/date-picker-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit-html/directives/class-map';\nimport { html, property, query, LitElement } from 'lit-element';\nimport Calendar16 from '@carbon/icons/lib/calendar/16';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport ifNonNull from '../../globals/directives/if-non-null';\nimport FocusMixin from '../../globals/mixins/focus';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport { INPUT_SIZE } from '../input/input';\nimport {\n  DATE_PICKER_INPUT_COLOR_SCHEME,\n  DATE_PICKER_INPUT_KIND,\n  DATE_PICKER_INPUT_SIZE_HORIZONTAL,\n} from './defs';\nimport styles from './date-picker.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n  DATE_PICKER_INPUT_COLOR_SCHEME,\n  DATE_PICKER_INPUT_KIND,\n  DATE_PICKER_INPUT_SIZE_HORIZONTAL,\n};\n\nconst { prefix } = settings;\n\n/**\n * The input box for date picker.\n *\n * @element bx-date-picker-input\n */\n@customElement(`${prefix}-date-picker-input`)\nclass BXDatePickerInput extends ValidityMixin(FocusMixin(LitElement)) {\n  /**\n   * The calendar icon.\n   */\n  @query(`.${prefix}--date-picker__icon`)\n  private _iconNode!: SVGElement;\n\n  /**\n   * The `<slot>` for the validity message.\n   */\n  @query('slot[name=\"validity-message\"]')\n  private _slotValidityMessage!: HTMLSlotElement;\n\n  /**\n   * `true` if validity message is given via `validityMessage` property or via `<slot name=\"validity-message\">`.\n   */\n  private get _hasValidityMessage() {\n    const { validityMessage, _slotValidityMessage: slotValidityMessage } = this;\n    return (\n      validityMessage ||\n      (slotValidityMessage && slotValidityMessage.assignedNodes.length > 0)\n    );\n  }\n\n  /**\n   * Handles `click` event on the calendar icon.\n   *\n   * @param event The event.\n   */\n  private _handleClickWrapper(event: MouseEvent) {\n    if (event.target === this._iconNode) {\n      this.input.focus();\n    }\n  }\n\n  /**\n   * Handles `slotchange` event on `<slot name=\"validity-message\">`.\n   */\n  private _handleSlotChangeValidityMessage() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `input` event on `<input>` in the shadow DOM.\n   *\n   * @param event The event.\n   */\n  private _handleInput({ target }: Event) {\n    const { value } = target as HTMLInputElement;\n    this.value = value;\n  }\n\n  /**\n   * @returns The template for the the calendar icon.\n   */\n  private _renderIcon() {\n    return this.kind === DATE_PICKER_INPUT_KIND.SIMPLE\n      ? undefined\n      : Calendar16({\n          class: `${prefix}--date-picker__icon`,\n          role: 'img',\n          children: [html` <title>Open calendar</title> `],\n        });\n  }\n\n  /**\n   * @returns The template for the the validity message.\n   */\n  private _renderValidityMessage() {\n    const {\n      validityMessage,\n      _hasValidityMessage: hasValidityMessage,\n      _handleSlotChangeValidityMessage: handleSlotChangeValidityMessage,\n    } = this;\n    return html`\n      <div ?hidden=\"${!hasValidityMessage}\" class=\"${prefix}--form-requirement\">\n        <slot\n          name=\"validity-message\"\n          @slotchange=\"${handleSlotChangeValidityMessage}\"\n          >${validityMessage}</slot\n        >\n      </div>\n    `;\n  }\n\n  /**\n   * The `<input>`, used for Flatpickr to grab.\n   */\n  @query('input')\n  input!: HTMLInputElement;\n\n  /**\n   * The color scheme.\n   */\n  @property({ attribute: 'color-scheme', reflect: true })\n  colorScheme = DATE_PICKER_INPUT_COLOR_SCHEME.REGULAR;\n\n  /**\n   * `true` if the check box should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the label should be hidden.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Controls the invalid state and visibility of the `validityMessage`.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Date picker input kind.\n   */\n  @property({ reflect: true })\n  kind = DATE_PICKER_INPUT_KIND.SIMPLE;\n\n  /**\n   * The label text.\n   */\n  @property({ attribute: 'label-text' })\n  labelText!: string;\n\n  /**\n   * The `pattern` attribute for the `<input>` in the shadow DOM.\n   */\n  @property()\n  pattern!: string;\n\n  /**\n   * The placeholder text.\n   */\n  @property()\n  placeholder!: string;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * Vertical size of this date picker input.\n   */\n  @property({ attribute: 'size', reflect: true })\n  size = INPUT_SIZE.REGULAR;\n\n  /**\n   * Horizontal size of this date picker input.\n   * Effective only when `kind` property is `DATE_PICKER_INPUT_KIND.SIMPLE`.\n   */\n  @property({ attribute: 'size-horizontal', reflect: true })\n  sizeHorizontal = DATE_PICKER_INPUT_SIZE_HORIZONTAL.REGULAR;\n\n  /**\n   * The `type` attribute for the `<input>` in the shadow DOM.\n   */\n  @property()\n  type!: string;\n\n  /**\n   * The validity message.\n   * If present and non-empty, this date picker input shows the UI of its invalid state.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value.\n   */\n  @property()\n  value!: string;\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const constructor = this.constructor as typeof BXDatePickerInput;\n    const {\n      disabled,\n      hideLabel,\n      invalid,\n      labelText,\n      pattern = constructor.defaultPattern,\n      placeholder,\n      size,\n      type = constructor.defaultType,\n      value,\n      _handleClickWrapper: handleClickWrapper,\n      _handleInput: handleInput,\n    } = this;\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const inputClasses = classMap({\n      [`${prefix}--date-picker__input`]: true,\n      [`${prefix}--date-picker__input--${size}`]: size,\n    });\n    return html`\n      <label for=\"input\" class=\"${labelClasses}\">\n        <slot name=\"label-text\">${labelText}</slot>\n      </label>\n      <div\n        class=\"${prefix}--date-picker-input__wrapper\"\n        @click=\"${handleClickWrapper}\">\n        <input\n          id=\"input\"\n          type=\"${type}\"\n          class=\"${inputClasses}\"\n          ?disabled=\"${disabled}\"\n          pattern=\"${pattern}\"\n          placeholder=\"${ifNonNull(placeholder)}\"\n          .value=\"${ifNonNull(value)}\"\n          ?data-invalid=\"${invalid}\"\n          @input=\"${handleInput}\" />\n        ${this._renderIcon()}\n      </div>\n      ${this._renderValidityMessage()}\n    `;\n  }\n\n  /**\n   * The default value for `pattern` property.\n   */\n  static defaultPattern = '\\\\d{1,2}\\\\/\\\\d{1,2}\\\\/\\\\d{4}';\n\n  /**\n   * The default value for `type` property.\n   */\n  static defaultType = 'text';\n\n  /**\n   * A selector that will return the parent date picker.\n   */\n  static get selectorParent() {\n    return `${prefix}-date-picker`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXDatePickerInput;\n"],"mappings":"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"}

package/es/components/date-picker/date-picker.js

@@ -512,7 +512,18 @@ let BXDatePicker = _decorate([customElement(`${prefix}-date-picker`)], function
         const {
           _handleSlotChange: handleSlotChange
         } = this;
-        return html(_t || (_t = _` <a class="${0}--visually-hidden" href="javascript:void 0" role="navigation"></a> <slot @slotchange="${0}"></slot> <div id="floating-menu-container"></div> <a class="${0}--visually-hidden" href="javascript:void 0" role="navigation"></a> `), prefix, handleSlotChange, prefix);
+        return html(_t || (_t = _`
+      <a
+        class="${0}--visually-hidden"
+        href="javascript:void 0"
+        role="navigation"></a>
+      <slot @slotchange="${0}"></slot>
+      <div id="floating-menu-container"></div>
+      <a
+        class="${0}--visually-hidden"
+        href="javascript:void 0"
+        role="navigation"></a>
+    `), prefix, handleSlotChange, prefix);
       }
 
       /**