{"version":3,"names":["somGridCss","SomGridStyle0","SomGrid","this","grid","focusableGridRow","focusableGridCol","RESIZE_DEBOUNCE_TIME","handleSortOnChange","refresh","handleSortDirectionChange","sortCompleted","_sortOn","_sortDirection","loading","sortOn","sortDirection","_checkBreakpoint","clearTimeout","updateWidthTimeout","setTimeout","updateTableWidth","bind","handleSortChangeEvent","event","stopPropagation","preventDefault","sortChange","emit","detail","handleClick","row","col","getIndexes","target","updateFocusableElements","handleKeyDown","rowToFocus","colToFocus","nbRows","length","nbCols","updateFocus","keyCode","limit","Math","min","elem","i","j","found","contains","focus","currentCol","setAttribute","newCol","focusElement","tableBodyEl","offsetWidth","containerEl","classList","add","borders","tableEl","remove","labelledBy","striped","hoverable","headerRow","querySelector","headerCells","querySelectorAll","push","th","direction","getAttribute","removeAttribute","bodyRows","cols","handleMutation","disconnectObserver","connectObserver","observer","disconnect","observe","subtree","childList","characterData","componentWillLoad","handleMutationCb","MutationObserver","componentDidLoad","el","disconnectedCallback","render","h","key","class","ref","loadingMessage"],"sources":["src/components/som-grid/som-grid.scss?tag=som-grid","src/components/som-grid/som-grid.tsx"],"sourcesContent":["@import '../../sass/base/helpers';\n\nsom-grid {\n  .grid-container {\n    position: relative;\n    &.table-bordered {\n      thead{\n        tr{\n          &:first-of-type{\n            th{\n              border-top: none;\n            }\n          }\n          th{\n            &:first-of-type{\n              border-left: none;\n            }\n            &:last-of-type{\n              border-right: none;\n            }\n          }\n        }\n      }\n      tbody{\n        tr{\n          td{\n            &:first-of-type{\n              border-left: none;\n            }\n            &:last-of-type{\n              border-right: none;\n            }\n          }\n        }\n      }\n    }\n\n    table {\n      margin-bottom: 0;\n    }\n\n    th.sortable {\n      padding: 0 !important;\n    }\n\n    td:focus {\n      /*\n        We need this for IE when user clicks a cell, otherwise the outline\n        border won't be shown.\n      */\n      outline: 1px dotted #212121;\n      outline: 5px auto -webkit-focus-ring-color;\n    }\n\n    .loading {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      background: rgba(255, 255, 255, 0.5);\n\n      &__text {\n        margin-top: 1rem;\n      }\n    }\n  }\n\n  .d-none {\n    display: none !important;\n  }\n}\n","import { Component, Prop, Element, Event, EventEmitter, State, Listen, Watch, Method, h } from '@stencil/core';\nimport { focusElement } from '../../utils/functions';\n\n/**\n * Grids are used when displaying a data table.\n */\n@Component({\n  tag: 'som-grid',\n  styleUrl: 'som-grid.scss',\n})\nexport class SomGrid {\n  @Element() el: HTMLElement;\n\n  /**\n   * This boolean is used to set the grid in `loading` mode.\n   */\n  @Prop({ reflect: true }) loading: boolean = false;\n\n  /**\n   * This property is the message to be displayed when loading property is set to `true`. \n   */\n  @Prop() loadingMessage: string = 'loading...'\n\n  /**\n   * This property turns column sorting on. This is used with `<som-grid-th name=\"...\" />` and should be set to the name of the column being sorted.\n   */\n  @Prop({ reflect: true }) sortOn: string = '';\n\n  /**\n   * This property represents the direction for sorting.\n   * Possible values: `\"none\"`, `\"ascending\"`, `\"descending\"`\n   */\n  @Prop({ reflect: true }) sortDirection: 'none' | 'ascending' | 'descending' = 'none';\n\n  /**\n   * This boolean is the value used to set the table style as striped.\n   */\n  @Prop() striped: boolean = false;\n\n  /**\n   * This is the value used to set the table style as bordered.\n   */\n  @Prop() borders: 'none' | 'all' | 'outside' = 'none';\n\n  /**\n   * This boolean is the value used to set the table style as hoverable.\n   */\n  @Prop() hoverable: boolean = false;\n\n  /**\n   * This is the DOM element ID used to label this table. This is used for accessibility.\n   */\n  @Prop() labelledBy: string = '';\n\n  // Observer is a state variable to be copied in dev.\n  @State() observer: MutationObserver;\n\n  /**\n   * This event will be triggered when a column sorting is emitted by a column header\n   */\n  @Event() sortChange: EventEmitter;\n\n  containerEl: HTMLDivElement;\n\n  tableEl: HTMLTableElement;\n\n  tableBodyEl: HTMLElement;\n\n  // Callback when a mutation occured\n  handleMutationCb;\n\n  // Keeps a handle on grid cells\n  grid: any[][] = [];\n\n  // Current row assigned to get focus\n  focusableGridRow: number = 0;\n\n  // Current column assigned to get focus\n  focusableGridCol: number = 0;\n\n  // MS to wait before updating width on window resize\n  RESIZE_DEBOUNCE_TIME = 100;\n\n  // Callback when window size changes\n  updateWidthTimeout;\n\n\n  /**\n   * \n   * \n   * Watchers\n   * \n   * \n   */\n  @Watch('sortOn')\n  handleSortOnChange() {\n    // Making sure to refresh when `sortOn` changes.\n    this.refresh();\n  }\n\n  @Watch('sortDirection')\n  handleSortDirectionChange() {\n    // Making sure to refresh when `sortDirection` changes.\n    this.refresh();\n  }\n\n\n  /**\n   * \n   * \n   * Public Methods\n   * \n   * \n   */\n\n  /**\n   * This public method sets `sort-on` and `sort-direction`.\n   */\n  @Method()\n  async sortCompleted(_sortOn, _sortDirection) {\n    this.loading = false;\n    this.sortOn = _sortOn;\n    this.sortDirection = _sortDirection;\n  }\n\n  @Listen('resize', { target: 'window' })\n  _checkBreakpoint() {\n    clearTimeout(this.updateWidthTimeout);\n\n    // Setup debounce so we're not constantly reading screen width\n    this.updateWidthTimeout = setTimeout(this.updateTableWidth.bind(this), this.RESIZE_DEBOUNCE_TIME);\n  }\n\n\n\n  /**\n   * \n   * \n   * Event Listeners\n   * \n   * \n   */\n\n\n  /**\n   * Listen for event emitted by <som-grid-th/> when a column header is clicked to sort\n   * @param event \n   */\n  @Listen('columnSortDirectionChange')\n  handleSortChangeEvent(event) {\n    event.stopPropagation();\n    event.preventDefault();\n    this.sortChange.emit(event.detail);\n  }\n\n  /**\n   * Listen for click event and handle focus state\n   * @param event \n   */\n  @Listen('click')\n  handleClick(event) {\n    const [row, col] = this.getIndexes(event.target);\n    if (row !== -1 && col !== -1) {\n      this.updateFocusableElements(row, col, true);\n    }\n  }\n\n  /**\n   * Listen for keyboard events.  We need to manage keyboard events for accessibility.\n   * If headings are using <som-grid-th/> we want to use arrow keys to navigate left/right.\n   * @param event \n   */\n  @Listen('keydown')\n  handleKeyDown(event) {\n    let rowToFocus = this.focusableGridRow;\n    let colToFocus = this.focusableGridCol;\n\n    const nbRows = this.grid.length;\n    const nbCols = this.grid.length > 0 ? this.grid[0].length : 0;\n    const updateFocus = true;\n    switch (event.keyCode) {\n      case 35: // End\n        event.preventDefault();\n        // Go to last col in current row\n        colToFocus = nbCols - 1;\n        break;\n      case 36: // Home\n        event.preventDefault();\n        // Go to first col in current row\n        colToFocus = 0;\n        break;\n      case 37: // Left arrow\n        event.preventDefault();\n        colToFocus = colToFocus > 0 ? colToFocus - 1 : colToFocus;\n        break;\n      case 38: // Up arrow\n        event.preventDefault();\n        rowToFocus = rowToFocus > 0 ? rowToFocus - 1 : rowToFocus;\n        break;\n      case 39: // Right arrow\n        event.preventDefault();\n        colToFocus = colToFocus < nbCols - 1 ? colToFocus + 1 : colToFocus;\n        break;\n      case 40: { // Down arrow\n        event.preventDefault();\n        const limit = Math.min(nbRows, this.grid.length - 1);\n        rowToFocus = rowToFocus < limit ? rowToFocus + 1 : limit;\n        break;\n      }\n      default:\n        // No-op\n        break;\n    }\n\n    if (rowToFocus !== this.focusableGridRow || colToFocus !== this.focusableGridCol) {\n      this.updateFocusableElements(rowToFocus, colToFocus, updateFocus);\n    }\n  }\n\n  // Returns the grid indexes containing the element\n  getIndexes(elem) {\n    let i = 0;\n    let j = 0;\n    let found = false;\n    while (!found && i < this.grid.length) {\n      j = 0;\n      while (!found && j < this.grid[i].length) {\n        if (this.grid[i][j] === elem || this.grid[i][j].contains(elem)) {\n          found = true;\n        }\n        j += 1;\n      }\n\n      i += 1;\n    }\n\n    if (found) {\n      return [i - 1, j - 1];\n    }\n\n    return [-1, -1];\n  }\n\n  updateFocusableElements(row: number, col: number, focus?: boolean) {\n    if (row !== this.focusableGridRow || col !== this.focusableGridCol) {\n      if (this.grid[this.focusableGridRow] && this.grid[this.focusableGridRow][this.focusableGridCol]) {\n        // Focused element still exists.\n        const currentCol = this.grid[this.focusableGridRow][this.focusableGridCol];\n        if (currentCol) {\n          currentCol.setAttribute('tabindex', '-1');\n        }\n      }\n\n      const newCol = this.grid[row][col];\n      if (newCol) {\n        newCol.setAttribute('tabindex', '0');\n        if (focus) {\n          focusElement(newCol);\n        }\n      }\n\n      this.focusableGridRow = row;\n      this.focusableGridCol = col;\n    }\n  }\n\n  updateTableWidth() {\n    if (this.tableBodyEl.offsetWidth > this.containerEl.offsetWidth) {\n      // Table content is larger than current grid width. Let's make it responsive.\n      this.containerEl.classList.add('table-responsive');\n\n      switch (this.borders) {\n        case 'outside':\n          this.containerEl.classList.add('table-border');\n          this.tableEl.classList.remove('table-border');\n          break;\n        case 'all':\n          this.containerEl.classList.add('table-bordered');\n          this.tableEl.classList.remove('table-bordered');\n          break;\n      }\n    } else {\n      this.containerEl.classList.remove('table-responsive');\n      switch (this.borders) {\n        case 'outside':\n          this.containerEl.classList.remove('table-border');\n          this.tableEl.classList.add('table-border');\n          break;\n        case 'all':\n          this.containerEl.classList.remove('table-bordered');\n          this.tableEl.classList.add('table-bordered');\n          break;\n      }      \n    }\n  }\n\n  refresh() {\n    // Update table attributes\n    this.tableEl.setAttribute('role', 'grid');\n    this.tableEl.setAttribute('aria-labelledby', this.labelledBy);\n    this.tableEl.classList.add('table');\n\n    this.updateTableWidth();\n\n    if (this.striped) {\n      this.tableEl.classList.add('table-striped');\n    } else {\n      this.tableEl.classList.add('table-unstriped');\n    }\n\n    if (this.hoverable) {\n      this.tableEl.classList.add('table-hover');\n    }\n\n    /*\n      This code runs through the table and updates the attributes for each row and column.\n      It also constructs the grid to have an array of arrays corresponding to each row and column.\n      After this method has run, this is how you access the table elements using the grid:\n      <table>\n        <thead>\n          <tr>\n            <th>Col 1</th>  <-- this.grid[0][0]\n            <th>Col 2</th>  <-- this.grid[0][1]\n            <th>Col 3</th>  <-- this.grid[0][2]\n          </tr>\n        </thead>\n        <tbody>\n          <tr>\n            <td>1</td>      <-- this.grid[1][0]\n            <td>2</td>      <-- this.grid[1][1]\n            <td>3</td>      <-- this.grid[1][2]\n          </tr>\n          <tr>\n            <td>4</td>      <-- this.grid[2][0]\n            <td>5</td>      <-- this.grid[2][1]\n            <td>6</td>      <-- this.grid[2][2]\n          </tr>\n        </tbody>\n      </table>\n    */\n\n    // Reset the grid elements\n    this.grid = [];\n\n    // Add header row\n    const headerRow = this.tableEl.querySelector('thead > tr');\n    const headerCells = headerRow.querySelectorAll('th');\n    this.grid.push([]);\n\n    for (let i = 0; i < headerCells.length; i++) {\n      const col = headerCells[i];\n      col.setAttribute('scope', 'col');\n\n      const th = col.querySelector('som-grid-th');\n      if (th) {\n        col.classList.add('sortable');\n\n        const direction = th.getAttribute('name') === this.sortOn ? this.sortDirection : 'none';\n        if(direction !== 'none'){\n          col.setAttribute('aria-sort', direction);\n        } else {\n          col.removeAttribute('aria-sort')\n        }\n        \n        th.setAttribute('direction', direction);\n        this.grid[0].push(th);\n      } else {\n        this.grid[0].push(col);\n      }\n    }\n\n    // Add body data rows\n    const bodyRows = this.tableEl.querySelectorAll('tbody > tr');\n    for (let i = 0; i < bodyRows.length; i++) {\n      const row = bodyRows[i];\n      row.setAttribute('aria-rowindex', `${i + 1}`);\n\n      // Prepare a row array in the grid\n      this.grid.push([]);\n\n      // Get all the <td />s in the <tr />\n      const cols = row.querySelectorAll('th, td');\n      for (let j = 0; j < cols.length; j++) {\n        cols[j].setAttribute('aria-colindex', `${j + 1}`);\n        cols[j].setAttribute('tabindex', '-1');\n\n        // Add the cell element to the grid.\n        // The \"+ 1\" offset here is because the table header is already in the first row\n        this.grid[i + 1].push(cols[j]);\n      }\n    }\n\n    if (this.focusableGridRow > 0) {\n      // Reset focusable elements when focus is not already on the header.\n      // This prevents from losing focus on the header cell after keyboard\n      // 'Enter' or 'Space' has been pressed.\n      this.updateFocusableElements(0, 0);\n    }\n  }\n\n  handleMutation(/* mutationsList, observer */) {\n    // Disable observer while refresh is in action\n    this.disconnectObserver();\n\n    this.refresh();\n\n    // Re-enable observer\n    this.connectObserver();\n  }\n\n  disconnectObserver() {\n    this.observer.disconnect();\n  }\n\n  connectObserver() {\n    this.observer.observe(this.tableBodyEl, {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    });\n  }\n\n\n  /**\n   * \n   * \n   * Lifecycle Events\n   * \n   * \n   */\n\n  componentWillLoad() {\n    if (this.observer) {\n      // Hot module replacement hack. Since Stencil's HMR doesn't call componentDidUnload,\n      // the observer is not cleaned when hot reloaded. Since the observer is @State-decorated,\n      // it gets copied to the new reloaded component. Thus, if it exists here, we can\n      // disconnect if it was already observing.\n      // References:\n      //   https://stencil-worldwide.slack.com/archives/C79EANFL7/p1550850171105200\n      //   https://github.com/ionic-team/stencil/issues/1316\n      this.disconnectObserver();\n    }\n\n    this.handleMutationCb = this.handleMutation.bind(this);\n    this.observer = new MutationObserver(this.handleMutationCb);\n  }\n\n  componentDidLoad() {\n    this.tableEl = this.el.querySelector('table');\n    this.tableBodyEl = this.el.querySelector('table > tbody');\n    this.refresh();\n\n    // Set first header element accessible with keyboard\n    this.grid[0][0].setAttribute('tabindex', '0');\n\n    this.connectObserver();\n  }\n\n  disconnectedCallback() {\n    this.disconnectObserver();\n  }\n\n  render() {\n    return (\n      <div class=\"grid-container\" ref={(el) => this.containerEl = el} >\n        <slot />\n        {this.loading ? \n          <div class=\"loading\">\n            <som-spinner></som-spinner>\n            <div class=\"loading__text\">\n              {this.loadingMessage}\n            </div>\n          </div> \n          : null }\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}