constants.js 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. /**
  2. * @license
  3. * Copyright 2019 Google Inc.
  4. *
  5. * Permission is hereby granted, free of charge, to any person obtaining a copy
  6. * of this software and associated documentation files (the "Software"), to deal
  7. * in the Software without restriction, including without limitation the rights
  8. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  9. * copies of the Software, and to permit persons to whom the Software is
  10. * furnished to do so, subject to the following conditions:
  11. *
  12. * The above copyright notice and this permission notice shall be included in
  13. * all copies or substantial portions of the Software.
  14. *
  15. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  16. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  17. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  18. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  19. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  20. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  21. * THE SOFTWARE.
  22. */
  23. /**
  24. * CSS class names used in component.
  25. */
  26. export var cssClasses = {
  27. CELL: 'mdc-data-table__cell',
  28. CELL_NUMERIC: 'mdc-data-table__cell--numeric',
  29. CONTENT: 'mdc-data-table__content',
  30. HEADER_CELL: 'mdc-data-table__header-cell',
  31. HEADER_CELL_LABEL: 'mdc-data-table__header-cell-label',
  32. HEADER_CELL_SORTED: 'mdc-data-table__header-cell--sorted',
  33. HEADER_CELL_SORTED_DESCENDING: 'mdc-data-table__header-cell--sorted-descending',
  34. HEADER_CELL_WITH_SORT: 'mdc-data-table__header-cell--with-sort',
  35. HEADER_CELL_WRAPPER: 'mdc-data-table__header-cell-wrapper',
  36. HEADER_ROW: 'mdc-data-table__header-row',
  37. HEADER_ROW_CHECKBOX: 'mdc-data-table__header-row-checkbox',
  38. IN_PROGRESS: 'mdc-data-table--in-progress',
  39. LINEAR_PROGRESS: 'mdc-data-table__linear-progress',
  40. PAGINATION_ROWS_PER_PAGE_LABEL: 'mdc-data-table__pagination-rows-per-page-label',
  41. PAGINATION_ROWS_PER_PAGE_SELECT: 'mdc-data-table__pagination-rows-per-page-select',
  42. PROGRESS_INDICATOR: 'mdc-data-table__progress-indicator',
  43. ROOT: 'mdc-data-table',
  44. ROW: 'mdc-data-table__row',
  45. ROW_CHECKBOX: 'mdc-data-table__row-checkbox',
  46. ROW_SELECTED: 'mdc-data-table__row--selected',
  47. SORT_ICON_BUTTON: 'mdc-data-table__sort-icon-button',
  48. SORT_STATUS_LABEL: 'mdc-data-table__sort-status-label',
  49. TABLE_CONTAINER: 'mdc-data-table__table-container',
  50. };
  51. /**
  52. * DOM attributes used in component.
  53. */
  54. export var attributes = {
  55. ARIA_SELECTED: 'aria-selected',
  56. ARIA_SORT: 'aria-sort',
  57. };
  58. /**
  59. * List of data attributes used in component.
  60. */
  61. export var dataAttributes = {
  62. COLUMN_ID: 'data-column-id',
  63. ROW_ID: 'data-row-id',
  64. };
  65. /**
  66. * CSS selectors used in component.
  67. */
  68. export var selectors = {
  69. CONTENT: "." + cssClasses.CONTENT,
  70. HEADER_CELL: "." + cssClasses.HEADER_CELL,
  71. HEADER_CELL_WITH_SORT: "." + cssClasses.HEADER_CELL_WITH_SORT,
  72. HEADER_ROW: "." + cssClasses.HEADER_ROW,
  73. HEADER_ROW_CHECKBOX: "." + cssClasses.HEADER_ROW_CHECKBOX,
  74. PROGRESS_INDICATOR: "." + cssClasses.PROGRESS_INDICATOR,
  75. ROW: "." + cssClasses.ROW,
  76. ROW_CHECKBOX: "." + cssClasses.ROW_CHECKBOX,
  77. ROW_SELECTED: "." + cssClasses.ROW_SELECTED,
  78. SORT_ICON_BUTTON: "." + cssClasses.SORT_ICON_BUTTON,
  79. SORT_STATUS_LABEL: "." + cssClasses.SORT_STATUS_LABEL,
  80. };
  81. /**
  82. * Messages used in component.
  83. */
  84. export var messages = {
  85. SORTED_IN_DESCENDING: 'Sorted in descending order',
  86. SORTED_IN_ASCENDING: 'Sorted in ascending order',
  87. };
  88. /**
  89. * Sort values defined by ARIA.
  90. * See https://www.w3.org/WAI/PF/aria/states_and_properties#aria-sort
  91. */
  92. export var SortValue;
  93. (function (SortValue) {
  94. // Items are sorted in ascending order by this column.
  95. SortValue["ASCENDING"] = "ascending";
  96. // Items are sorted in descending order by this column.
  97. SortValue["DESCENDING"] = "descending";
  98. // There is no defined sort applied to the column.
  99. SortValue["NONE"] = "none";
  100. // A sort algorithm other than ascending or descending has been applied.
  101. SortValue["OTHER"] = "other";
  102. })(SortValue || (SortValue = {}));
  103. /**
  104. * Event names used in component.
  105. */
  106. export var events = {
  107. ROW_CLICK: 'MDCDataTable:rowClick',
  108. ROW_SELECTION_CHANGED: 'MDCDataTable:rowSelectionChanged',
  109. SELECTED_ALL: 'MDCDataTable:selectedAll',
  110. SORTED: 'MDCDataTable:sorted',
  111. UNSELECTED_ALL: 'MDCDataTable:unselectedAll',
  112. };
  113. //# sourceMappingURL=constants.js.map