UNPKG

@smui/data-table

Version:

Svelte Material UI - Data Table

113 lines 4.54 kB
/** * @license * Copyright 2019 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * CSS class names used in component. */ export const cssClasses = { CELL: 'mdc-data-table__cell', CELL_NUMERIC: 'mdc-data-table__cell--numeric', CONTENT: 'mdc-data-table__content', HEADER_CELL: 'mdc-data-table__header-cell', HEADER_CELL_LABEL: 'mdc-data-table__header-cell-label', HEADER_CELL_SORTED: 'mdc-data-table__header-cell--sorted', HEADER_CELL_SORTED_DESCENDING: 'mdc-data-table__header-cell--sorted-descending', HEADER_CELL_WITH_SORT: 'mdc-data-table__header-cell--with-sort', HEADER_CELL_WRAPPER: 'mdc-data-table__header-cell-wrapper', HEADER_ROW: 'mdc-data-table__header-row', HEADER_ROW_CHECKBOX: 'mdc-data-table__header-row-checkbox', IN_PROGRESS: 'mdc-data-table--in-progress', LINEAR_PROGRESS: 'mdc-data-table__linear-progress', PAGINATION_ROWS_PER_PAGE_LABEL: 'mdc-data-table__pagination-rows-per-page-label', PAGINATION_ROWS_PER_PAGE_SELECT: 'mdc-data-table__pagination-rows-per-page-select', PROGRESS_INDICATOR: 'mdc-data-table__progress-indicator', ROOT: 'mdc-data-table', ROW: 'mdc-data-table__row', ROW_CHECKBOX: 'mdc-data-table__row-checkbox', ROW_SELECTED: 'mdc-data-table__row--selected', SORT_ICON_BUTTON: 'mdc-data-table__sort-icon-button', SORT_STATUS_LABEL: 'mdc-data-table__sort-status-label', TABLE_CONTAINER: 'mdc-data-table__table-container', }; /** * DOM attributes used in component. */ export const attributes = { ARIA_SELECTED: 'aria-selected', ARIA_SORT: 'aria-sort', }; /** * List of data attributes used in component. */ export const dataAttributes = { COLUMN_ID: 'data-column-id', ROW_ID: 'data-row-id', }; /** * CSS selectors used in component. */ export const selectors = { CONTENT: `.${cssClasses.CONTENT}`, HEADER_CELL: `.${cssClasses.HEADER_CELL}`, HEADER_CELL_WITH_SORT: `.${cssClasses.HEADER_CELL_WITH_SORT}`, HEADER_ROW: `.${cssClasses.HEADER_ROW}`, HEADER_ROW_CHECKBOX: `.${cssClasses.HEADER_ROW_CHECKBOX}`, PROGRESS_INDICATOR: `.${cssClasses.PROGRESS_INDICATOR}`, ROW: `.${cssClasses.ROW}`, ROW_CHECKBOX: `.${cssClasses.ROW_CHECKBOX}`, ROW_SELECTED: `.${cssClasses.ROW_SELECTED}`, SORT_ICON_BUTTON: `.${cssClasses.SORT_ICON_BUTTON}`, SORT_STATUS_LABEL: `.${cssClasses.SORT_STATUS_LABEL}`, }; /** * Messages used in component. */ export const messages = { SORTED_IN_DESCENDING: 'Sorted in descending order', SORTED_IN_ASCENDING: 'Sorted in ascending order', }; /** * Sort values defined by ARIA. * See https://www.w3.org/WAI/PF/aria/states_and_properties#aria-sort */ export var SortValue; (function (SortValue) { // Items are sorted in ascending order by this column. SortValue["ASCENDING"] = "ascending"; // Items are sorted in descending order by this column. SortValue["DESCENDING"] = "descending"; // There is no defined sort applied to the column. SortValue["NONE"] = "none"; // A sort algorithm other than ascending or descending has been applied. SortValue["OTHER"] = "other"; })(SortValue || (SortValue = {})); /** * Event names used in component. */ export const events = { ROW_CLICK: 'MDCDataTable:rowClick', ROW_SELECTION_CHANGED: 'MDCDataTable:rowSelectionChanged', SELECTED_ALL: 'MDCDataTable:selectedAll', SORTED: 'MDCDataTable:sorted', UNSELECTED_ALL: 'MDCDataTable:unselectedAll', }; //# sourceMappingURL=constants.js.map