@carbon/web-components 2.0.0-beta.0 → 2.0.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"table-header-cell.js","names":["LitElement","html","property","customElement","Arrows16","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 Arrows16 from '@carbon/icons/lib/arrows/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          ? 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 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","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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"}

package/es/components/data-table/table-toolbar-search.d.ts

@@ -6,8 +6,8 @@
  * 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 { INPUT_SIZE } from '../input/input';
-import BXSearch from '../search/search';
+import { INPUT_SIZE } from '../text-input/text-input';
+import CDSSearch from '../search/search';
 declare const BXTableToolbarSearch_base: {
     new (...args: any[]): {
         _handles: Set<import("../../globals/internal/handle").default>;
@@ -323,7 +323,7 @@ declare const BXTableToolbarSearch_base: {
             };
         };
     };
-} & typeof BXSearch;
+} & typeof CDSSearch;
 /**
  * Table toolbar search.
  *

package/es/components/data-table/table-toolbar-search.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/data-table/table-toolbar-search.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAQH,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,QAAQ,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGxC;;;;;GAKG;AACH,cACM,oBAAqB,SAAQ,yBAA2B;IAE5D,OAAO,CAAC,UAAU,CAAoB;IAEtC;;OAEG;YACW,0BAA0B;IAOxC;;OAEG;IAGH,OAAO,CAAC,cAAc;IAItB;;;;OAIG;IAGH,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,aAAoB;IAExB,iBAAiB;IAOjB,MAAM;IAiBN;;OAEG;IACH,MAAM,KAAK,UAAU,WAGpB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC","file":"table-toolbar-search.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../input/input';\nimport BXSearch from '../search/search';\nimport styles from './data-table.scss';\n\n/**\n * Table toolbar search.\n *\n * @element cds-table-toolbar-search\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass 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  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 `<cds-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default BXTableToolbarSearch;\n"]}
+{"version":3,"sources":["components/data-table/table-toolbar-search.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAQH,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,SAAS,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGzC;;;;;GAKG;AACH,cACM,oBAAqB,SAAQ,yBAA4B;IAE7D,OAAO,CAAC,UAAU,CAAoB;IAEtC;;OAEG;YACW,0BAA0B;IAOxC;;OAEG;IAGH,OAAO,CAAC,cAAc;IAItB;;;;OAIG;IAGH,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,aAAoB;IAExB,iBAAiB;IAOjB,MAAM;IAiBN;;OAEG;IACH,MAAM,KAAK,UAAU,WAGpB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC","file":"table-toolbar-search.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport CDSSearch from '../search/search';\nimport styles from './data-table.scss';\n\n/**\n * Table toolbar search.\n *\n * @element cds-table-toolbar-search\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass BXTableToolbarSearch extends HostListenerMixin(CDSSearch) {\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles user-initiated gestures for expanding the search box.\n   */\n  private async _handleUserInitiatedExpand() {\n    this.expanded = true;\n    await this.updateComplete;\n    const { _inputNode: inputNode } = this;\n    inputNode?.focus();\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   */\n  @HostListener('focusin')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut(event: FocusEvent) {\n    if (!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  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 `<cds-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default BXTableToolbarSearch;\n"]}

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

@@ -19,8 +19,8 @@ import { property, customElement, query } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import HostListenerMixin from '../../globals/mixins/host-listener';
 import HostListener from '../../globals/decorators/host-listener';
-import { INPUT_SIZE } from '../input/input';
-import BXSearch from '../search/search';
+import { INPUT_SIZE } from '../text-input/text-input';
+import CDSSearch from '../search/search';
 import styles from "././data-table.css.js";
 
 /**
@@ -188,6 +188,6 @@ let BXTableToolbarSearch = _decorate([customElement(`${prefix}-table-toolbar-sea
       }
     }]
   };
-}, HostListenerMixin(BXSearch));
+}, HostListenerMixin(CDSSearch));
 export default BXTableToolbarSearch;
 //# sourceMappingURL=table-toolbar-search.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-search.js","names":["classMap","LitElement","html","property","customElement","query","prefix","HostListenerMixin","HostListener","INPUT_SIZE","BXSearch","styles","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","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","result","size","handleSearchClick","classes","_t","_","static","eventInput","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/data-table/table-toolbar-search.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../input/input';\nimport BXSearch from '../search/search';\nimport styles from './data-table.scss';\n\n/**\n * Table toolbar search.\n *\n * @element cds-table-toolbar-search\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass 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  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 `<cds-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default BXTableToolbarSearch;\n"],"mappings":"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"}
+{"version":3,"file":"table-toolbar-search.js","names":["classMap","LitElement","html","property","customElement","query","prefix","HostListenerMixin","HostListener","INPUT_SIZE","CDSSearch","styles","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","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","result","size","handleSearchClick","classes","_t","_","static","eventInput","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/data-table/table-toolbar-search.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport CDSSearch from '../search/search';\nimport styles from './data-table.scss';\n\n/**\n * Table toolbar search.\n *\n * @element cds-table-toolbar-search\n * @fires cds-search-input - The custom event fired after the search content is changed upon a user gesture.\n */\n@customElement(`${prefix}-table-toolbar-search`)\nclass BXTableToolbarSearch extends HostListenerMixin(CDSSearch) {\n  @query('input')\n  private _inputNode!: HTMLInputElement;\n\n  /**\n   * Handles user-initiated gestures for expanding the search box.\n   */\n  private async _handleUserInitiatedExpand() {\n    this.expanded = true;\n    await this.updateComplete;\n    const { _inputNode: inputNode } = this;\n    inputNode?.focus();\n  }\n\n  /**\n   * Handles `focus` event handler on this element.\n   */\n  @HostListener('focusin')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusIn() {\n    this._handleUserInitiatedExpand();\n  }\n\n  /**\n   * Handles `blur` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleFocusOut(event: FocusEvent) {\n    if (!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  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 `<cds-search>`, but definition is done also here for React event generation\n    return `${prefix}-search-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default BXTableToolbarSearch;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,QAAQ,mBAAmB;AAClE,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,YAAY,MAAM,wCAAwC;AACjE,SAASC,UAAU,QAAQ,0BAA0B;AACrD,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,oBAAoB,GAAAC,SAAA,EADzBT,aAAa,CAAE,GAAEE,MAAO,uBAAsB,CAAC,aAAAQ,WAAA,EAAAC,kBAAA;EAAhD,MACMH,oBAAoB,SAAAG,kBAAA,CAAsC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4FhE;EAAC;IAAAI,CAAA,EA5FKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GACvBhB,KAAK,CAAC,OAAO,CAAC;MAAAiB,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAGf;AACF;AACA;MACE,eAAAC,2BAAA,EAA2C;QACzC,IAAI,CAACC,QAAQ,GAAG,IAAI;QACpB,MAAM,IAAI,CAACC,cAAc;QACzB,MAAM;UAAEC,UAAU,EAAEC;QAAU,CAAC,GAAG,IAAI;QACtCA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEC,KAAK,EAAE;MACpB;;MAEA;AACF;AACA;IAFE;MAAAT,IAAA;MAAAC,UAAA,GAGCb,YAAY,CAAC,SAAS,CAAC;MAAAc,GAAA;MAAAC,KAAA,EAAxB,SAAAO,eAAA,EAEyB;QACvB,IAAI,CAACN,0BAA0B,EAAE;MACnC;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAJ,IAAA;MAAAC,UAAA,GAKCb,YAAY,CAAC,UAAU,CAAC;MAAAc,GAAA;MAAAC,KAAA,EAAzB,SAAAQ,gBAEwBC,KAAiB,EAAE;QACzC,IAAI,CAAC,IAAI,CAACC,QAAQ,CAACD,KAAK,CAACE,aAAa,CAAS,IAAI,CAAC,IAAI,CAACX,KAAK,EAAE;UAC9D,IAAI,CAACE,QAAQ,GAAG,KAAK;QACvB;MACF;;MAEA;AACF;AACA;IAFE;MAAAL,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAGA,SAAAY,mBAAA,EAA6B;QAC3B,IAAI,CAACX,0BAA0B,EAAE;MACnC;;MAEA;AACF;AACA;IAFE;MAAAJ,IAAA;MAAAC,UAAA,GAGClB,QAAQ,CAAC;QAAEiC,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAhB,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAKflB,QAAQ,CAAC;QAAEmC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAhB,GAAA;MAAAC,MAAA;QAAA,OACrBd,UAAU,CAAC8B,KAAK;MAAA;IAAA;MAAAnB,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAJvB;AACF;AACA;MAIE,SAAAiB,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACrC;QACAC,IAAA,CAAAC,eAAA,CA3DEhC,oBAAoB,CAAAiC,SAAA,8BAAAC,IAAA;MA4DxB;IAAC;MAAA1B,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAED,SAAAwB,OAAA,EAAS;QACP,MAAMC,MAAM,GAAAL,IAAA,CAAAC,eAAA,CA/DVhC,oBAAoB,CAAAiC,SAAA,mBAAAC,IAAA,MA+DO;QAC7B,MAAM;UAAErB,QAAQ;UAAEwB,IAAI;UAAEd,kBAAkB,EAAEe;QAAkB,CAAC,GAAG,IAAI;QACtE,MAAMC,OAAO,GAAGnD,QAAQ,CAAC;UACvB,CAAE,GAAEM,MAAO,UAAS,GAAG,IAAI;UAC3B,CAAE,GAAEA,MAAO,aAAY2C,IAAK,EAAC,GAAGA;QAClC,CAAC,CAAC;QACF,OAAO/C,IAAI,CAAAkD,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA,iBAAe,CAAU;AACzB,oBAAkB,CAAwB;AAC1C,kBAAgB,CAAoB;AACpC,UAAQ,CAAS;AACjB;AACA,KAAI,GALaF,OAAO,EACJ1B,QAAQ,GAAG,IAAI,GAAG,GAAG,EACvByB,iBAAiB,EACzBF,MAAM;MAGd;;MAEA;AACF;AACA;IAFE;MAAA5B,IAAA;MAAAkC,MAAA;MAAAhC,GAAA;MAAAC,KAAA,EAGA,SAAAgC,WAAA,EAAwB;QACtB;QACA,OAAQ,GAAEjD,MAAO,eAAc;MACjC;IAAC;MAAAc,IAAA;MAAAkC,MAAA;MAAAhC,GAAA;MAAAC,MAAA;QAAA,OAAAiC,aAAA,CAAAA,aAAA,KAGIvD,UAAU,CAACwD,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAtC,IAAA;MAAAkC,MAAA;MAAAhC,GAAA;MAAAC,MAAA;QAAA,OAENZ,MAAM;MAAA;IAAA;EAAA;AAAA,GA3FWJ,iBAAiB,CAACG,SAAS,CAAC;AA8F/D,eAAeE,oBAAoB"}

package/es/components/date-picker/date-picker-input-skeleton.d.ts

@@ -11,7 +11,7 @@ import { DATE_PICKER_INPUT_KIND } from './date-picker-input';
 /**
  * Skeleton version of the input box for date picker.
  */
-declare class BXDatePickerInputSkeleton extends LitElement {
+declare class CDSDatePickerInputSkeleton extends LitElement {
     /**
      * Date picker input kind. Corresponds to the attribute with the same name.
      */
@@ -19,6 +19,6 @@ declare class BXDatePickerInputSkeleton extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }
-export default BXDatePickerInputSkeleton;
+export default CDSDatePickerInputSkeleton;
 
 //# sourceMappingURL=date-picker-input-skeleton.d.ts.map

package/es/components/date-picker/date-picker-input-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/date-picker/date-picker-input-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAG7D;;GAEG;AACH,cACM,yBAA0B,SAAQ,UAAU;IAChD;;OAEG;IAEH,IAAI,yBAAiC;IAErC,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,yBAAyB,CAAC","file":"date-picker-input-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { DATE_PICKER_INPUT_KIND } from './date-picker-input';\nimport styles from './date-picker.scss';\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"]}
+{"version":3,"sources":["components/date-picker/date-picker-input-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAG7D;;GAEG;AACH,cACM,0BAA2B,SAAQ,UAAU;IACjD;;OAEG;IAEH,IAAI,yBAAiC;IAErC,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,0BAA0B,CAAC","file":"date-picker-input-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { DATE_PICKER_INPUT_KIND } from './date-picker-input';\nimport styles from './date-picker.scss';\n\n/**\n * Skeleton version of the input box for date picker.\n */\n@customElement(`${prefix}-date-picker-input-skeleton`)\nclass CDSDatePickerInputSkeleton 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 CDSDatePickerInputSkeleton;\n"]}

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

@@ -21,15 +21,15 @@ import styles from "././date-picker.css.js";
  */ /**
      * Skeleton version of the input box for date picker.
      */
-let BXDatePickerInputSkeleton = _decorate([customElement(`${prefix}-date-picker-input-skeleton`)], function (_initialize, _LitElement) {
-  class BXDatePickerInputSkeleton extends _LitElement {
+let CDSDatePickerInputSkeleton = _decorate([customElement(`${prefix}-date-picker-input-skeleton`)], function (_initialize, _LitElement) {
+  class CDSDatePickerInputSkeleton extends _LitElement {
     constructor(...args) {
       super(...args);
       _initialize(this);
     }
   }
   return {
-    F: BXDatePickerInputSkeleton,
+    F: CDSDatePickerInputSkeleton,
     d: [{
       kind: "field",
       decorators: [property({
@@ -63,5 +63,5 @@ let BXDatePickerInputSkeleton = _decorate([customElement(`${prefix}-date-picker-
     }]
   };
 }, LitElement);
-export default BXDatePickerInputSkeleton;
+export default CDSDatePickerInputSkeleton;
 //# sourceMappingURL=date-picker-input-skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker-input-skeleton.js","names":["LitElement","html","property","customElement","prefix","DATE_PICKER_INPUT_KIND","styles","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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { DATE_PICKER_INPUT_KIND } from './date-picker-input';\nimport styles from './date-picker.scss';\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,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,sBAAsB,QAAQ,qBAAqB;AAC5D,OAAOC,MAAM,MAAM,wBAAoB;;AAEvC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,yBAAyB,GAAAC,SAAA,EAD9BL,aAAa,CAAE,GAAEC,MAAO,6BAA4B,CAAC,aAAAK,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,GAI5Bd,QAAQ,CAAC;QAAEe,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBd,sBAAsB,CAACe,MAAM;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJpC;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,qBAAmB,CAAS;AAC5B,oBAAkB,CAAS,wBAAqB,CAAS;AACzD,KAAI,GAFiBnB,MAAM,EACPA,MAAM,EAAwBA,MAAM;MAEtD;IAAC;MAAAW,IAAA;MAAAS,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GAdgBN,UAAU;AAiBlD,eAAeO,yBAAyB"}
+{"version":3,"file":"date-picker-input-skeleton.js","names":["LitElement","html","property","customElement","prefix","DATE_PICKER_INPUT_KIND","styles","CDSDatePickerInputSkeleton","_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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { DATE_PICKER_INPUT_KIND } from './date-picker-input';\nimport styles from './date-picker.scss';\n\n/**\n * Skeleton version of the input box for date picker.\n */\n@customElement(`${prefix}-date-picker-input-skeleton`)\nclass CDSDatePickerInputSkeleton 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 CDSDatePickerInputSkeleton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,sBAAsB,QAAQ,qBAAqB;AAC5D,OAAOC,MAAM,MAAM,wBAAoB;;AAEvC;AACA;AACA,GAFA;AACA;AACA;AAFA,IAIMC,0BAA0B,GAAAC,SAAA,EAD/BL,aAAa,CAAE,GAAEC,MAAO,6BAA4B,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAtD,MACMH,0BAA0B,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAepD;EAAC;IAAAI,CAAA,EAfKN,0BAA0B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAI7Bd,QAAQ,CAAC;QAAEe,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBd,sBAAsB,CAACe,MAAM;MAAA;IAAA;MAAAL,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAJpC;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,OAAOpB,IAAI,CAAAqB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,qBAAmB,CAAS;AAC5B,oBAAkB,CAAS,wBAAqB,CAAS;AACzD,KAAI,GAFiBnB,MAAM,EACPA,MAAM,EAAwBA,MAAM;MAEtD;IAAC;MAAAW,IAAA;MAAAS,MAAA;MAAAN,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GAdiBN,UAAU;AAiBnD,eAAeO,0BAA0B"}