@carbon/web-components 2.0.0-beta.2 → 2.0.0-beta.4

package/es/components/data-table/table-head.d.ts

@@ -12,11 +12,16 @@ import { LitElement } from 'lit';
  *
  * @element cds-table-head
  */
-declare class BXTableHead extends LitElement {
+declare class CDSTableHead extends LitElement {
+    /**
+     * TODO: Uncomment when Carbon fully implements sticky header
+     * Specify whether the header should be sticky.
+     * Still experimental: may not work with every combination of table props
+     */
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXTableHead;
+export default CDSTableHead;
 
 //# sourceMappingURL=table-head.d.ts.map

package/es/components/data-table/table-head.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/data-table/table-head.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,WAAY,SAAQ,UAAU;IAClC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,WAAW,CAAC","file":"table-head.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table header.\n *\n * @element cds-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"]}
+{"version":3,"sources":["components/data-table/table-head.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;;;OAIG;IAIH,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"table-head.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table header.\n *\n * @element cds-table-head\n */\n@customElement(`${prefix}-table-head`)\nclass CDSTableHead extends LitElement {\n  /**\n   * TODO: Uncomment when Carbon fully implements sticky header\n   * Specify whether the header should be sticky.\n   * Still experimental: may not work with every combination of table props\n   */\n  //@property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableHead;\n"]}

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

@@ -26,23 +26,32 @@ import styles from "././data-table.css.js";
      *
      * @element cds-table-head
      */
-let BXTableHead = _decorate([customElement(`${prefix}-table-head`)], function (_initialize, _LitElement) {
-  class BXTableHead extends _LitElement {
+let CDSTableHead = _decorate([customElement(`${prefix}-table-head`)], function (_initialize, _LitElement) {
+  class CDSTableHead extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXTableHead,
+    F: CDSTableHead,
     d: [{
       kind: "method",
       key: "connectedCallback",
-      value: function connectedCallback() {
+      value:
+      /**
+       * TODO: Uncomment when Carbon fully implements sticky header
+       * Specify whether the header should be sticky.
+       * Still experimental: may not work with every combination of table props
+       */
+      //@property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
+      // stickyHeader = false;
+
+      function connectedCallback() {
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'rowgroup');
         }
-        _get(_getPrototypeOf(BXTableHead.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSTableHead.prototype), "connectedCallback", this).call(this);
       }
     }, {
       kind: "method",
@@ -60,5 +69,5 @@ let BXTableHead = _decorate([customElement(`${prefix}-table-head`)], function (_
     }]
   };
 }, LitElement);
-export default BXTableHead;
+export default CDSTableHead;
 //# sourceMappingURL=table-head.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-head.js","names":["LitElement","html","customElement","prefix","styles","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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table header.\n *\n * @element cds-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,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,WAAW,GAAAC,SAAA,EADhBJ,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAI,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,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZEJ,UAAU;AAepC,eAAeK,WAAW"}
+{"version":3,"file":"table-head.js","names":["LitElement","html","customElement","prefix","styles","CDSTableHead","_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 { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table header.\n *\n * @element cds-table-head\n */\n@customElement(`${prefix}-table-head`)\nclass CDSTableHead extends LitElement {\n  /**\n   * TODO: Uncomment when Carbon fully implements sticky header\n   * Specify whether the header should be sticky.\n   * Still experimental: may not work with every combination of table props\n   */\n  //@property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableHead;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,YAAY,GAAAC,SAAA,EADjBJ,aAAa,CAAE,GAAEC,MAAO,aAAY,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAAtC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqBtC;EAAC;IAAAI,CAAA,EArBKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAChB;AACF;AACA;AACA;AACA;MACE;MACA;;MAEA,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,CAbEf,YAAY,CAAAgB,SAAA,8BAAAC,IAAA;MAchB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GApBGJ,UAAU;AAuBrC,eAAeK,YAAY"}

package/es/components/data-table/table-header-cell.d.ts

@@ -9,7 +9,7 @@
 import { LitElement } from 'lit';
 import { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION } from './defs';
 export { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };
-declare const BXTableHeaderCell_base: {
+declare const CDSTableHeaderCell_base: {
     new (...args: any[]): {
         focus(): void;
         accessKey: string;
@@ -323,7 +323,7 @@ declare const BXTableHeaderCell_base: {
  *   The custom event fired before a new sort direction is set upon a user gesture.
  *   Cancellation of this event stops the user-initiated change in sort direction.
  */
-declare class BXTableHeaderCell extends BXTableHeaderCell_base {
+declare class CDSTableHeaderCell extends CDSTableHeaderCell_base {
     /**
      * Handles `click` event on the sort button.
      *
@@ -338,6 +338,18 @@ declare class BXTableHeaderCell extends BXTableHeaderCell_base {
      * @returns The next sort direction.
      */
     private _getNextSort;
+    /**
+     * `true` if the table has expandable rows
+     */
+    isExpandable: boolean;
+    /**
+     * `true` if this table has selectable rows
+     */
+    isSelectable: boolean;
+    /**
+     * `true` if this table header column should be sortable
+     */
+    isSortable: boolean;
     /**
      * `true` if this table header cell is of a primary sorting column.
      */
@@ -351,7 +363,13 @@ declare class BXTableHeaderCell extends BXTableHeaderCell_base {
      * If present, this table header cell will have a sorting UI. Choose between `ascending` or `descending`.
      */
     sortDirection?: TABLE_SORT_DIRECTION;
+    /**
+     * TODO: Uncomment when Carbon fully implements sticky header
+     * Specify whether the header should be sticky.
+     * Still experimental: may not work with every combination of table props
+     */
     connectedCallback(): void;
+    updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
     /**
      * The name of the custom event fired before a new sort direction is set upon a user gesture.
@@ -374,6 +392,6 @@ declare class BXTableHeaderCell extends BXTableHeaderCell_base {
         "tri-states-from-descending": TABLE_SORT_DIRECTION[];
     };
 }
-export default BXTableHeaderCell;
+export default CDSTableHeaderCell;
 
 //# sourceMappingURL=table-header-cell.d.ts.map

package/es/components/data-table/table-header-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/data-table/table-header-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErE;;;;;;;GAOG;AACH,cACM,iBAAkB,SAAQ,sBAAsB;IACpD;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAoB9B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;IACH,OAAO,CAAC,YAAY;IA0BpB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IAEH,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC,iBAAiB;IAOjB,MAAM;IA6BN;;;OAGG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;IAEvB;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;MAAqB;CAC9C;AAED,eAAe,iBAAiB,CAAC","file":"table-header-cell.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport ArrowsVeritcal16 from '@carbon/icons/lib/arrows--vertical/16';\nimport ArrowDown16 from '@carbon/icons/lib/arrow--down/16';\nimport { prefix } from '../../globals/settings';\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';\n\nexport { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };\n\n/**\n * Data table header cell.\n *\n * @element cds-table-header-cell\n * @fires cds-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  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          ? ArrowsVeritcal16({\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 shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\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"]}
+{"version":3,"sources":["components/data-table/table-header-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErE;;;;;;;GAOG;AACH,cACM,kBAAmB,SAAQ,uBAAsB;IACrD;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IAoB9B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;IACH,OAAO,CAAC,YAAY;IA0BpB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,YAAY,UAAS;IACrB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IAEH,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC;;;;OAIG;IAIH,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAMzB,MAAM;IA6BN;;;OAGG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;IAEvB;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;MAAqB;CAC9C;AAED,eAAe,kBAAkB,CAAC","file":"table-header-cell.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport ArrowsVertical32 from '@carbon/icons/lib/arrows--vertical/32';\nimport ArrowDown32 from '@carbon/icons/lib/arrow--down/32';\nimport { prefix } from '../../globals/settings';\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';\n\nexport { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };\n\n/**\n * Data table header cell.\n *\n * @element cds-table-header-cell\n * @fires cds-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 CDSTableHeaderCell 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 CDSTableHeaderCell;\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 CDSTableHeaderCell)\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 the table has expandable rows\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-sortable' })\n  isExpandable = false;\n\n  /**\n   * `true` if this table has selectable rows\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-sortable' })\n  isSelectable = false;\n  /**\n   * `true` if this table header column should be sortable\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-sortable' })\n  isSortable = false;\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  /**\n   * TODO: Uncomment when Carbon fully implements sticky header\n   * Specify whether the header should be sticky.\n   * Still experimental: may not work with every combination of table props\n   */\n  // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'columnheader');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (this.isSortable && !changedProperties.has('sortDirection')) {\n      this.sortDirection = TABLE_SORT_DIRECTION.NONE;\n    }\n  }\n\n  render() {\n    const { sortDirection } = this;\n    if (sortDirection) {\n      const sortIcon =\n        sortDirection === TABLE_SORT_DIRECTION.NONE\n          ? ArrowsVertical32({\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon-unsorted`,\n            })\n          : ArrowDown32({\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 shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\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 CDSTableHeaderCell;\n"]}

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

@@ -16,8 +16,8 @@ let _ = t => t,
 
 import { LitElement, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
-import ArrowsVeritcal16 from "../../icons/arrows--vertical/16";
-import ArrowDown16 from "../../icons/arrow--down/16";
+import ArrowsVertical32 from "../../icons/arrows--vertical/32";
+import ArrowDown32 from "../../icons/arrow--down/32";
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION } from './defs';
@@ -32,15 +32,15 @@ export { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };
  *   The custom event fired before a new sort direction is set upon a user gesture.
  *   Cancellation of this event stops the user-initiated change in sort direction.
  */
-let BXTableHeaderCell = _decorate([customElement(`${prefix}-table-header-cell`)], function (_initialize, _FocusMixin) {
-  class BXTableHeaderCell extends _FocusMixin {
+let CDSTableHeaderCell = _decorate([customElement(`${prefix}-table-header-cell`)], function (_initialize, _FocusMixin) {
+  class CDSTableHeaderCell extends _FocusMixin {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXTableHeaderCell,
+    F: CDSTableHeaderCell,
     d: [{
       kind: "method",
       key: "_handleClickSortButton",
@@ -105,8 +105,41 @@ let BXTableHeaderCell = _decorate([customElement(`${prefix}-table-header-cell`)]
       }
 
       /**
-       * `true` if this table header cell is of a primary sorting column.
+       * `true` if the table has expandable rows
        */
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'is-sortable'
+      })],
+      key: "isExpandable",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'is-sortable'
+      })],
+      key: "isSelectable",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true,
+        attribute: 'is-sortable'
+      })],
+      key: "isSortable",
+      value() {
+        return false;
+      }
     }, {
       kind: "field",
       decorators: [property({
@@ -138,6 +171,15 @@ let BXTableHeaderCell = _decorate([customElement(`${prefix}-table-header-cell`)]
       kind: "method",
       key: "connectedCallback",
       value:
+      /**
+       * `true` if this table has selectable rows
+       */
+      /**
+       * `true` if this table header column should be sortable
+       */
+      /**
+       * `true` if this table header cell is of a primary sorting column.
+       */
       /**
        * The table sort cycle in use.
        */
@@ -145,11 +187,26 @@ let BXTableHeaderCell = _decorate([customElement(`${prefix}-table-header-cell`)]
        * The table sort direction.
        * If present, this table header cell will have a sorting UI. Choose between `ascending` or `descending`.
        */
+      /**
+       * TODO: Uncomment when Carbon fully implements sticky header
+       * Specify whether the header should be sticky.
+       * Still experimental: may not work with every combination of table props
+       */
+      // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })
+      // stickyHeader = false;
       function connectedCallback() {
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'columnheader');
         }
-        _get(_getPrototypeOf(BXTableHeaderCell.prototype), "connectedCallback", this).call(this);
+        _get(_getPrototypeOf(CDSTableHeaderCell.prototype), "connectedCallback", this).call(this);
+      }
+    }, {
+      kind: "method",
+      key: "updated",
+      value: function updated(changedProperties) {
+        if (this.isSortable && !changedProperties.has('sortDirection')) {
+          this.sortDirection = TABLE_SORT_DIRECTION.NONE;
+        }
       }
     }, {
       kind: "method",
@@ -159,10 +216,10 @@ let BXTableHeaderCell = _decorate([customElement(`${prefix}-table-header-cell`)]
           sortDirection
         } = this;
         if (sortDirection) {
-          const sortIcon = sortDirection === TABLE_SORT_DIRECTION.NONE ? ArrowsVeritcal16({
+          const sortIcon = sortDirection === TABLE_SORT_DIRECTION.NONE ? ArrowsVertical32({
             part: 'sort-icon',
             class: `${prefix}--table-sort__icon-unsorted`
-          }) : ArrowDown16({
+          }) : ArrowDown32({
             part: 'sort-icon',
             class: `${prefix}--table-sort__icon`
           });
@@ -219,5 +276,5 @@ let BXTableHeaderCell = _decorate([customElement(`${prefix}-table-header-cell`)]
     }]
   };
 }, FocusMixin(LitElement));
-export default BXTableHeaderCell;
+export default CDSTableHeaderCell;
 //# sourceMappingURL=table-header-cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-header-cell.js","names":["LitElement","html","property","customElement","ArrowsVeritcal16","ArrowDown16","prefix","FocusMixin","TABLE_SORT_CYCLE","TABLE_SORT_CYCLES","TABLE_SORT_DIRECTION","styles","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","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","sortIcon","part","class","_t","_","textContent","_t2","static","_objectSpread","shadowRootOptions","delegatesFocus"],"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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport ArrowsVeritcal16 from '@carbon/icons/lib/arrows--vertical/16';\nimport ArrowDown16 from '@carbon/icons/lib/arrow--down/16';\nimport { prefix } from '../../globals/settings';\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';\n\nexport { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };\n\n/**\n * Data table header cell.\n *\n * @element cds-table-header-cell\n * @fires cds-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  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          ? ArrowsVeritcal16({\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 shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\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":["LitElement","html","property","customElement","ArrowsVertical32","ArrowDown32","prefix","FocusMixin","TABLE_SORT_CYCLE","TABLE_SORT_CYCLES","TABLE_SORT_DIRECTION","styles","CDSTableHeaderCell","_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","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","isSortable","has","render","sortIcon","part","class","_t","_","textContent","_t2","static","_objectSpread","shadowRootOptions","delegatesFocus"],"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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport ArrowsVertical32 from '@carbon/icons/lib/arrows--vertical/32';\nimport ArrowDown32 from '@carbon/icons/lib/arrow--down/32';\nimport { prefix } from '../../globals/settings';\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';\n\nexport { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };\n\n/**\n * Data table header cell.\n *\n * @element cds-table-header-cell\n * @fires cds-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 CDSTableHeaderCell 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 CDSTableHeaderCell;\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 CDSTableHeaderCell)\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 the table has expandable rows\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-sortable' })\n  isExpandable = false;\n\n  /**\n   * `true` if this table has selectable rows\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-sortable' })\n  isSelectable = false;\n  /**\n   * `true` if this table header column should be sortable\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-sortable' })\n  isSortable = false;\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  /**\n   * TODO: Uncomment when Carbon fully implements sticky header\n   * Specify whether the header should be sticky.\n   * Still experimental: may not work with every combination of table props\n   */\n  // @property({ type: Boolean, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'columnheader');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (this.isSortable && !changedProperties.has('sortDirection')) {\n      this.sortDirection = TABLE_SORT_DIRECTION.NONE;\n    }\n  }\n\n  render() {\n    const { sortDirection } = this;\n    if (sortDirection) {\n      const sortIcon =\n        sortDirection === TABLE_SORT_DIRECTION.NONE\n          ? ArrowsVertical32({\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon-unsorted`,\n            })\n          : ArrowDown32({\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 shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\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 CDSTableHeaderCell;\n"],"mappings":"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"}

package/es/components/data-table/table-header-description.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Data table header description
+ *
+ * @element cds-table-header-description
+ */
+declare class CDSTableHeaderDescription extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSTableHeaderDescription;
+
+//# sourceMappingURL=table-header-description.d.ts.map

package/es/components/data-table/table-header-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/data-table/table-header-description.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,yBAA0B,SAAQ,UAAU;IAChD,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,yBAAyB,CAAC","file":"table-header-description.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table header description\n *\n * @element cds-table-header-description\n */\n@customElement(`${prefix}-table-header-description`)\nclass CDSTableHeaderDescription extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableHeaderDescription;\n"]}

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

@@ -0,0 +1,53 @@
+import _decorate from "@babel/runtime/helpers/esm/decorate";
+let _ = t => t,
+  _t;
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings';
+import styles from "././data-table.css.js";
+
+/**
+ * Data table header description
+ *
+ * @element cds-table-header-description
+ */ /**
+     * Data table header description
+     *
+     * @element cds-table-header-description
+     */
+let CDSTableHeaderDescription = _decorate([customElement(`${prefix}-table-header-description`)], function (_initialize, _LitElement) {
+  class CDSTableHeaderDescription extends _LitElement {
+    constructor(...args) {
+      super(...args);
+      _initialize(this);
+    }
+  }
+  return {
+    F: CDSTableHeaderDescription,
+    d: [{
+      kind: "method",
+      key: "render",
+      value: function render() {
+        return html(_t || (_t = _` <slot></slot> `));
+      }
+    }, {
+      kind: "field",
+      static: true,
+      key: "styles",
+      value() {
+        return styles;
+      }
+    }]
+  };
+}, LitElement);
+export default CDSTableHeaderDescription;
+//# sourceMappingURL=table-header-description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-description.js","names":["LitElement","html","customElement","prefix","styles","CDSTableHeaderDescription","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/data-table/table-header-description.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table header description\n *\n * @element cds-table-header-description\n */\n@customElement(`${prefix}-table-header-description`)\nclass CDSTableHeaderDescription extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableHeaderDescription;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,yBAAyB,GAAAC,SAAA,EAD9BJ,aAAa,CAAE,GAAEC,MAAO,2BAA0B,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAApD,MACMH,yBAAyB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMnD;EAAC;IAAAI,CAAA,EANKN,yBAAyB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAC7B,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GALgBJ,UAAU;AAQlD,eAAeK,yBAAyB"}

package/es/components/data-table/table-header-row.d.ts

@@ -6,19 +6,19 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXTableRow from './table-row';
+import CDSTableRow from './table-row';
 /**
  * Data table header row.
  *
  * @element cds-table-header-row
  */
-declare class BXTableHeaderRow extends BXTableRow {
+declare class CDSTableHeaderRow extends CDSTableRow {
     /**
      * The name of the custom event fired before this row is selected/unselected upon a user gesture.
      * Cancellation of this event stops the user-initiated change in selection.
      */
     static get eventBeforeChangeSelection(): string;
 }
-export default BXTableHeaderRow;
+export default CDSTableHeaderRow;
 
 //# sourceMappingURL=table-header-row.d.ts.map

package/es/components/data-table/table-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/data-table/table-header-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,UAAU;IACvC;;;OAGG;IACH,MAAM,KAAK,0BAA0B,WAEpC;CACF;AAED,eAAe,gBAAgB,CAAC","file":"table-header-row.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXTableRow from './table-row';\n\n/**\n * Data table header row.\n *\n * @element cds-table-header-row\n */\n@customElement(`${prefix}-table-header-row`)\nclass BXTableHeaderRow extends BXTableRow {\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-change-selection-all`;\n  }\n}\n\nexport default BXTableHeaderRow;\n"]}
+{"version":3,"sources":["components/data-table/table-header-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,WAAW,MAAM,aAAa,CAAC;AAEtC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,WAAW;IACzC;;;OAGG;IACH,MAAM,KAAK,0BAA0B,WAEpC;CACF;AAED,eAAe,iBAAiB,CAAC","file":"table-header-row.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSTableRow from './table-row';\n\n/**\n * Data table header row.\n *\n * @element cds-table-header-row\n */\n@customElement(`${prefix}-table-header-row`)\nclass CDSTableHeaderRow extends CDSTableRow {\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-change-selection-all`;\n  }\n}\n\nexport default CDSTableHeaderRow;\n"]}

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

@@ -10,22 +10,22 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
 
 import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
-import BXTableRow from './table-row';
+import CDSTableRow from './table-row';
 
 /**
  * Data table header row.
  *
  * @element cds-table-header-row
  */
-let BXTableHeaderRow = _decorate([customElement(`${prefix}-table-header-row`)], function (_initialize, _BXTableRow) {
-  class BXTableHeaderRow extends _BXTableRow {
+let CDSTableHeaderRow = _decorate([customElement(`${prefix}-table-header-row`)], function (_initialize, _CDSTableRow) {
+  class CDSTableHeaderRow extends _CDSTableRow {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXTableHeaderRow,
+    F: CDSTableHeaderRow,
     d: [{
       kind: "get",
       static: true,
@@ -40,6 +40,6 @@ let BXTableHeaderRow = _decorate([customElement(`${prefix}-table-header-row`)],
       }
     }]
   };
-}, BXTableRow);
-export default BXTableHeaderRow;
+}, CDSTableRow);
+export default CDSTableHeaderRow;
 //# sourceMappingURL=table-header-row.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-header-row.js","names":["customElement","prefix","BXTableRow","BXTableHeaderRow","_decorate","_initialize","_BXTableRow","constructor","args","F","d","kind","static","key","value","eventBeforeChangeSelection"],"sources":["components/data-table/table-header-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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXTableRow from './table-row';\n\n/**\n * Data table header row.\n *\n * @element cds-table-header-row\n */\n@customElement(`${prefix}-table-header-row`)\nclass BXTableHeaderRow extends BXTableRow {\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-change-selection-all`;\n  }\n}\n\nexport default BXTableHeaderRow;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,aAAa;;AAEpC;AACA;AACA;AACA;AACA;AAJA,IAMMC,gBAAgB,GAAAC,SAAA,EADrBJ,aAAa,CAAE,GAAEC,MAAO,mBAAkB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA5C,MACMH,gBAAgB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAQ1C;EAAC;IAAAI,CAAA,EARKN,gBAAgB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,GAAA;MAAAC,KAAA;MACpB;AACF;AACA;AACA;MACE,SAAAC,2BAAA,EAAwC;QACtC,OAAQ,GAAEd,MAAO,6BAA4B;MAC/C;IAAC;EAAA;AAAA,GAP4BC,UAAU;AAUzC,eAAeC,gBAAgB"}
+{"version":3,"file":"table-header-row.js","names":["customElement","prefix","CDSTableRow","CDSTableHeaderRow","_decorate","_initialize","_CDSTableRow","constructor","args","F","d","kind","static","key","value","eventBeforeChangeSelection"],"sources":["components/data-table/table-header-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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSTableRow from './table-row';\n\n/**\n * Data table header row.\n *\n * @element cds-table-header-row\n */\n@customElement(`${prefix}-table-header-row`)\nclass CDSTableHeaderRow extends CDSTableRow {\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-change-selection-all`;\n  }\n}\n\nexport default CDSTableHeaderRow;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,WAAW,MAAM,aAAa;;AAErC;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBJ,aAAa,CAAE,GAAEC,MAAO,mBAAkB,CAAC,aAAAI,WAAA,EAAAC,YAAA;EAA5C,MACMH,iBAAiB,SAAAG,YAAA,CAAqB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAQ5C;EAAC;IAAAI,CAAA,EARKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,GAAA;MAAAC,KAAA;MACrB;AACF;AACA;AACA;MACE,SAAAC,2BAAA,EAAwC;QACtC,OAAQ,GAAEd,MAAO,6BAA4B;MAC/C;IAAC;EAAA;AAAA,GAP6BC,WAAW;AAU3C,eAAeC,iBAAiB"}

package/es/components/data-table/table-header-title.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Data table header title
+ *
+ * @element cds-table-header-title
+ */
+declare class CDSTableHeader extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSTableHeader;
+
+//# sourceMappingURL=table-header-title.d.ts.map

package/es/components/data-table/table-header-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/data-table/table-header-title.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"table-header-title.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table header title\n *\n * @element cds-table-header-title\n */\n@customElement(`${prefix}-table-header-title`)\nclass CDSTableHeader extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableHeader;\n"]}

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

@@ -0,0 +1,53 @@
+import _decorate from "@babel/runtime/helpers/esm/decorate";
+let _ = t => t,
+  _t;
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings';
+import styles from "././data-table.css.js";
+
+/**
+ * Data table header title
+ *
+ * @element cds-table-header-title
+ */ /**
+     * Data table header title
+     *
+     * @element cds-table-header-title
+     */
+let CDSTableHeader = _decorate([customElement(`${prefix}-table-header-title`)], function (_initialize, _LitElement) {
+  class CDSTableHeader extends _LitElement {
+    constructor(...args) {
+      super(...args);
+      _initialize(this);
+    }
+  }
+  return {
+    F: CDSTableHeader,
+    d: [{
+      kind: "method",
+      key: "render",
+      value: function render() {
+        return html(_t || (_t = _` <slot></slot> `));
+      }
+    }, {
+      kind: "field",
+      static: true,
+      key: "styles",
+      value() {
+        return styles;
+      }
+    }]
+  };
+}, LitElement);
+export default CDSTableHeader;
+//# sourceMappingURL=table-header-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-title.js","names":["LitElement","html","customElement","prefix","styles","CDSTableHeader","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","render","_t","_","static"],"sources":["components/data-table/table-header-title.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss';\n\n/**\n * Data table header title\n *\n * @element cds-table-header-title\n */\n@customElement(`${prefix}-table-header-title`)\nclass CDSTableHeader extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableHeader;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,cAAc,GAAAC,SAAA,EADnBJ,aAAa,CAAE,GAAEC,MAAO,qBAAoB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA9C,MACMH,cAAc,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAMxC;EAAC;IAAAI,CAAA,EANKN,cAAc;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAClB,SAAAC,OAAA,EAAS;QACP,OAAOf,IAAI,CAAAgB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAL,IAAA;MAAAM,MAAA;MAAAL,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GALKJ,UAAU;AAQvC,eAAeK,cAAc"}