{"version":3,"file":"table_head_row-C55YyGfO.js","sources":["../../../app/frontend/javascripts/components/tables/table_boilerplate.svelte","../../../app/frontend/javascripts/components/tables/table_head_row.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import TableEmpty from '@components/tables/table_empty.svelte'\n  import TableLoadingSpinner from '@components/tables/table_loading_spinner.svelte'\n\n  import { _ } from '@libs/i18n'\n  import applicationContextStore from '@libs/stores/application_context_store'\n  import windowStore from '@libs/stores/window_store'\n\n  export let underTabs = false\n  export let title = ''\n  export let colspan = 1\n  export let smallTable = false\n  export let loading = false\n  export let empty = false\n  export let type: string\n\n  $: parentWidth = 0\n  $: tableWidth = 0\n</script>\n\n{#if !$windowStore.renderMobileLayout || smallTable}\n  <div\n    bind:clientWidth={parentWidth}\n    class:table-responsive={tableWidth > parentWidth}\n  >\n    {#if loading}\n      <TableLoadingSpinner />\n    {/if}\n    <table\n      bind:clientWidth={tableWidth}\n      class=\"table rounded text-nowrap\"\n      class:rounded={!underTabs}\n      class:rounded-bottom={underTabs}\n      class:rounded-end={underTabs}\n      class:invisible={$applicationContextStore.loading}\n    >\n      <thead>\n        {#if title}\n          <tr class=\"align-middle border-white\">\n            <th\n              class=\"text-body\"\n              {colspan}>{title}</th\n            >\n          </tr>\n        {/if}\n        <slot name=\"table-head-title\" />\n        <slot name=\"table-head-row\" />\n      </thead>\n      <tbody class=\"table-group-divider\">\n        <slot />\n        {#if empty}\n          <TableEmpty\n            {colspan}\n            title={$_('components.table.empty.title')}\n            description={$_('components.table.empty.description', {\n              values: { name: type }\n            })}\n          />\n        {/if}\n      </tbody>\n    </table>\n  </div>\n{/if}\n\n<!-- To use: Pass in header tr as named slot from parent, then pass in body tr's that will default to unnamed slot  -->\n","<script lang=\"ts\">\n  import Icon from '@components/buttons/icon.svelte'\n\n  import applicationContextStore from '@libs/stores/application_context_store'\n  import selectedEmailsStore from '@libs/stores/selected_emails_store'\n  import selectedUsersStore from '@libs/stores/selected_users_store'\n\n  import type {\n    ColumnData,\n    ColumnOrder,\n    ColumnType\n  } from '@helpers/table_helper'\n\n  export let sort: string | undefined = undefined\n  export let order: ColumnOrder = 1\n  export let type: ColumnType = undefined\n  export let columns: ColumnData[]\n  export let defaultSort: string | undefined = ''\n  export let selectable = false\n  export let store: 'selectedUsersStore' | 'selectedEmailsStore' =\n    'selectedUsersStore'\n\n  $: ascendingSort = order === 1\n  $: activeColumn = defaultSort\n\n  const getImageSrc = (column: ColumnData, ascendingSort: boolean) => {\n    if (ascendingSort && column.field === activeColumn) {\n      return 'caretUpImageSrc'\n    }\n    return 'caretDownImageSrc'\n  }\n\n  const onSortHandler = (column: ColumnData) => {\n    applicationContextStore.setImmediate()\n    if (!column.field) {\n      return\n    }\n    if (column.type) {\n      type = column.type\n    }\n    if (column.field === activeColumn) {\n      ascendingSort = !ascendingSort\n      order = ascendingSort ? 1 : -1\n    } else {\n      ascendingSort = true\n      order = 1\n    }\n    activeColumn = column.field\n    sort = column.field\n  }\n\n  $: status =\n    store === 'selectedEmailsStore'\n      ? $selectedEmailsStore && selectedEmailsStore.getSelectedStatus()\n      : $selectedUsersStore && selectedUsersStore.getSelectedStatus()\n\n  $: selected = status === 'every'\n  $: indeterminate = status === 'some'\n\n  const onSelectHandler = () => {\n    if (store === 'selectedEmailsStore') {\n      if (selected) {\n        selectedEmailsStore.resetEmails()\n      } else {\n        selectedEmailsStore.selectAllEmails()\n      }\n    } else if (selected) {\n      selectedUsersStore.resetUsers()\n    } else {\n      selectedUsersStore.selectAllUsers()\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const getLabel = (_: any) => {\n    const count = selectedUsersStore.getSelectedUsers().count\n    if (count) return count\n    return ''\n  }\n</script>\n\n<tr class=\"table-head-row align-middle\">\n  {#if selectable}\n    <th class=\"checkbox-cell\">\n      <input\n        class=\"form-check-input d-block m-auto\"\n        type=\"checkbox\"\n        bind:indeterminate\n        checked={selected}\n        on:click|stopPropagation={onSelectHandler}\n      />\n    </th>\n  {/if}\n  {#each columns as column (column.label)}\n    <th\n      class:sortable={column.field}\n      class:active={column.field === activeColumn}\n      class={column.className}\n      class:checkbox-cell={!column.label}\n      on:click={() => {\n        onSortHandler(column)\n      }}\n    >\n      <!-- Keep a label-less column to display the count -->\n      <span>\n        {column.label || getLabel($selectedUsersStore)}\n        {#if column.field === activeColumn}\n          <span class=\"ms-2\">\n            <Icon imageSrc={getImageSrc(column, ascendingSort)} />\n          </span>\n        {/if}\n      </span>\n    </th>\n  {/each}\n</tr>\n\n<style lang=\"scss\">\n  @import '@styles/variables.scss';\n\n  tr.table-head-row {\n    th.sortable {\n      cursor: pointer;\n    }\n  }\n\n  // TODO: Make Global Helpers // Or Use JS to set dynamically\n  .checkbox-cell {\n    width: $spacer-6;\n    padding: 0;\n  }\n\n  .date-table-width {\n    // TODO: Table Action Cell width\n    width: 101px;\n  }\n\n  .date-table-width-wide {\n    width: 155px;\n  }\n</style>\n"],"names":["ctx","create_if_block_3","create_if_block_2","create_if_block_1","toggle_class","table","div","insert","target","anchor","append","thead","tbody","tr","th","dirty","tableempty_changes","create_if_block","underTabs","$$props","title","colspan","smallTable","loading","empty","type","tableWidth","parentWidth","$$invalidate","input","span","t0_value","attr","th_class_value","null_to_empty","current","set_data","t0","get_key","i","sort","order","columns","defaultSort","selectable","store","getImageSrc","column","ascendingSort","activeColumn","onSortHandler","applicationContextStore","onSelectHandler","selected","selectedEmailsStore","selectedUsersStore","getLabel","_","count","status","$selectedEmailsStore","$selectedUsersStore","indeterminate"],"mappings":"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"}