@exmg/exm-grid 1.0.7 → 1.0.8-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/index.d.ts +14 -0
  2. package/dist/index.js +14 -0
  3. package/package.json +17 -19
  4. package/index.d.ts +0 -14
  5. package/index.js +0 -14
  6. package/src/search/exm-toolbar-search.d.ts +0 -25
  7. package/src/search/exm-toolbar-search.js +0 -197
  8. package/src/styles/exm-grid-base-toolbar-styles-css.d.ts +0 -1
  9. package/src/styles/exm-grid-base-toolbar-styles-css.js +0 -103
  10. package/src/styles/exm-grid-common-styles-css.d.ts +0 -1
  11. package/src/styles/exm-grid-common-styles-css.js +0 -104
  12. package/src/styles/exm-grid-pagination-styles-css.d.ts +0 -1
  13. package/src/styles/exm-grid-pagination-styles-css.js +0 -104
  14. package/src/styles/exm-grid-setting-selection-list-styles-css.d.ts +0 -1
  15. package/src/styles/exm-grid-setting-selection-list-styles-css.js +0 -12
  16. package/src/styles/exm-grid-styles-css.d.ts +0 -1
  17. package/src/styles/exm-grid-styles-css.js +0 -412
  18. package/src/table/exm-grid-base-toolbar.d.ts +0 -23
  19. package/src/table/exm-grid-base-toolbar.js +0 -91
  20. package/src/table/exm-grid-pagination.d.ts +0 -37
  21. package/src/table/exm-grid-pagination.js +0 -190
  22. package/src/table/exm-grid-setting-selection-list.d.ts +0 -24
  23. package/src/table/exm-grid-setting-selection-list.js +0 -124
  24. package/src/table/exm-grid-smart-toolbar.d.ts +0 -31
  25. package/src/table/exm-grid-smart-toolbar.js +0 -138
  26. package/src/table/exm-grid-toolbar-filters.d.ts +0 -36
  27. package/src/table/exm-grid-toolbar-filters.js +0 -77
  28. package/src/table/exm-grid-toolbar.d.ts +0 -42
  29. package/src/table/exm-grid-toolbar.js +0 -283
  30. package/src/table/exm-grid.d.ts +0 -130
  31. package/src/table/exm-grid.js +0 -333
  32. package/src/table/featrues/exm-column-sortable.d.ts +0 -12
  33. package/src/table/featrues/exm-column-sortable.js +0 -50
  34. package/src/table/featrues/exm-row-expandable.d.ts +0 -9
  35. package/src/table/featrues/exm-row-expandable.js +0 -42
  36. package/src/table/featrues/exm-row-selectable.d.ts +0 -20
  37. package/src/table/featrues/exm-row-selectable.js +0 -204
  38. package/src/table/featrues/exm-row-sortable.d.ts +0 -9
  39. package/src/table/featrues/exm-row-sortable.js +0 -50
  40. package/src/table/types/exm-grid-smart-toolbar-types.d.ts +0 -17
  41. package/src/table/types/exm-grid-smart-toolbar-types.js +0 -6
  42. package/src/table/types/exm-grid-toolbar-types.d.ts +0 -55
  43. package/src/table/types/exm-grid-toolbar-types.js +0 -16
  44. package/src/table/types/exm-grid-types.d.ts +0 -15
  45. package/src/table/types/exm-grid-types.js +0 -2
  46. package/src/table/utils/exm-query-selectors.d.ts +0 -12
  47. package/src/table/utils/exm-query-selectors.js +0 -37
@@ -0,0 +1,14 @@
1
+ export { EventDetailRowsOrderChanged, EventDetailRowsOrderUpdated, EventDetailSelectedRowsChange, EventDetailSortChange, SORT_DIRECTION, } from './table/types/exm-grid-types.js';
2
+ export { ExmGrid } from './table/exm-grid.js';
3
+ export { ExmGridPagination } from './table/exm-grid-pagination.js';
4
+ export { ExmGridBaseToolbar } from './table/exm-grid-base-toolbar.js';
5
+ export { ExmGridSmartToolbar } from './table/exm-grid-smart-toolbar.js';
6
+ export { ActionAmountSelectedItemsCondition, ActionConditionType, ActionWithCondition, BaseActionCondition, } from './table/types/exm-grid-smart-toolbar-types.js';
7
+ export { ExmGridToolbar } from './table/exm-grid-toolbar.js';
8
+ export { EventDetailGridToolbarSettingChanged, Action, Filter, FilterConfigType, FilterSingleSelectConfig, BaseFilterConfig, BaseSettingConfig, Setting, SettingConfigId, SettingConfigType, SettingSelectionListConfig, SettingSelectionListItem, } from './table/types/exm-grid-toolbar-types.js';
9
+ export { ToolbarSearch } from './search/exm-toolbar-search.js';
10
+ export { ExmGridToolbarFilters, EventSelectPayload } from './table/exm-grid-toolbar-filters.js';
11
+ export { style as gridStyles } from './styles/exm-grid-styles-css.js';
12
+ export { style as gridBaseToolbarStyles } from './styles/exm-grid-base-toolbar-styles-css.js';
13
+ export { style as gridCommonStyles } from './styles/exm-grid-common-styles-css.js';
14
+ export { style as gridPaginationStyles } from './styles/exm-grid-pagination-styles-css.js';
package/dist/index.js ADDED
@@ -0,0 +1,14 @@
1
+ export { ExmGrid } from './table/exm-grid.js';
2
+ export { ExmGridPagination } from './table/exm-grid-pagination.js';
3
+ export { ExmGridBaseToolbar } from './table/exm-grid-base-toolbar.js';
4
+ export { ExmGridSmartToolbar } from './table/exm-grid-smart-toolbar.js';
5
+ export { ActionConditionType, } from './table/types/exm-grid-smart-toolbar-types.js';
6
+ export { ExmGridToolbar } from './table/exm-grid-toolbar.js';
7
+ export { FilterConfigType, SettingConfigId, SettingConfigType, } from './table/types/exm-grid-toolbar-types.js';
8
+ export { ToolbarSearch } from './search/exm-toolbar-search.js';
9
+ export { ExmGridToolbarFilters } from './table/exm-grid-toolbar-filters.js';
10
+ export { style as gridStyles } from './styles/exm-grid-styles-css.js';
11
+ export { style as gridBaseToolbarStyles } from './styles/exm-grid-base-toolbar-styles-css.js';
12
+ export { style as gridCommonStyles } from './styles/exm-grid-common-styles-css.js';
13
+ export { style as gridPaginationStyles } from './styles/exm-grid-pagination-styles-css.js';
14
+ //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@exmg/exm-grid",
3
- "version": "1.0.7",
3
+ "version": "1.0.8-alpha.12+33e1367",
4
4
  "type": "module",
5
5
  "description": "exmg grid element",
6
6
  "contributors": [
@@ -11,18 +11,18 @@
11
11
  "lit",
12
12
  "grid"
13
13
  ],
14
- "main": "index.js",
15
- "module": "index.js",
14
+ "main": "dist/index.js",
15
+ "module": "dist/index.js",
16
16
  "exports": {
17
- ".": "./index.js",
18
- "./exm-grid-base-toolbar.js": "./src/table/exm-grid-base-toolbar.js",
19
- "./exm-grid-pagination.js": "./src/table/exm-grid-pagination.js",
20
- "./exm-grid-setting-selection-list.js": "./src/table/exm-grid-setting-selection-list.js",
21
- "./exm-grid-smart-toolbar.js": "./src/table/exm-grid-smart-toolbar.js",
22
- "./exm-grid-toolbar-filters.js": "./src/table/exm-grid-toolbar-filters.js",
23
- "./exm-grid-toolbar.js": "./src/table/exm-grid-toolbar.js",
24
- "./exm-grid.js": "./src/table/exm-grid.js",
25
- "./exm-toolbar-search.js": "./src/search/exm-toolbar-search.js"
17
+ ".": "./dist/index.js",
18
+ "./exm-grid-base-toolbar.js": "./dist/table/exm-grid-base-toolbar.js",
19
+ "./exm-grid-pagination.js": "./dist/table/exm-grid-pagination.js",
20
+ "./exm-grid-setting-selection-list.js": "./dist/table/exm-grid-setting-selection-list.js",
21
+ "./exm-grid-smart-toolbar.js": "./dist/table/exm-grid-smart-toolbar.js",
22
+ "./exm-grid-toolbar-filters.js": "./dist/table/exm-grid-toolbar-filters.js",
23
+ "./exm-grid-toolbar.js": "./dist/table/exm-grid-toolbar.js",
24
+ "./exm-grid.js": "./dist/table/exm-grid.js",
25
+ "./exm-toolbar-search.js": "./dist/search/exm-toolbar-search.js"
26
26
  },
27
27
  "files": [
28
28
  "assets/*",
@@ -33,14 +33,14 @@
33
33
  "index.js",
34
34
  "index.d.ts"
35
35
  ],
36
- "homepage": "https://github.com/exmg/exmachina-web-components",
36
+ "homepage": "https://bitbucket.org/exmachina/exm-web-components",
37
37
  "repository": {
38
38
  "type": "git",
39
- "url": "git@github.com:exmg/exm-web-components.git",
39
+ "url": "git@bitbucket.org:exmachina/exm-web-components.git",
40
40
  "directory": "packages/exm-grid"
41
41
  },
42
42
  "dependencies": {
43
- "@exmg/exm-sortable": "^1.0.2",
43
+ "@exmg/exm-sortable": "^1.0.3-alpha.12+33e1367",
44
44
  "@exmg/lit-base": "^3.0.0",
45
45
  "@material/typography": "^14.0.0",
46
46
  "@material/web": "^2.2.0",
@@ -60,11 +60,9 @@
60
60
  "@exmg/lit-cli": "1.1.13"
61
61
  },
62
62
  "license": "MIT",
63
- "scripts": {
64
- "build:styles": "exmg-lit-cli sass -f \"./**/*.scss\""
65
- },
63
+ "scripts": {},
66
64
  "publishConfig": {
67
65
  "access": "public"
68
66
  },
69
- "gitHead": "e7086831faea0bdfe8628b0de9b7ddcc45174558"
67
+ "gitHead": "33e1367329dfae6f98f21c981edb7ada370fc0d5"
70
68
  }
package/index.d.ts DELETED
@@ -1,14 +0,0 @@
1
- export { EventDetailRowsOrderChanged, EventDetailRowsOrderUpdated, EventDetailSelectedRowsChange, EventDetailSortChange, SORT_DIRECTION, } from './src/table/types/exm-grid-types.js';
2
- export { ExmGrid } from './src/table/exm-grid.js';
3
- export { ExmGridPagination } from './src/table/exm-grid-pagination.js';
4
- export { ExmGridBaseToolbar } from './src/table/exm-grid-base-toolbar.js';
5
- export { ExmGridSmartToolbar } from './src/table/exm-grid-smart-toolbar.js';
6
- export { ActionAmountSelectedItemsCondition, ActionConditionType, ActionWithCondition, BaseActionCondition, } from './src/table/types/exm-grid-smart-toolbar-types.js';
7
- export { ExmGridToolbar } from './src/table/exm-grid-toolbar.js';
8
- export { EventDetailGridToolbarSettingChanged, Action, Filter, FilterConfigType, FilterSingleSelectConfig, BaseFilterConfig, BaseSettingConfig, Setting, SettingConfigId, SettingConfigType, SettingSelectionListConfig, SettingSelectionListItem, } from './src/table/types/exm-grid-toolbar-types.js';
9
- export { ToolbarSearch } from './src/search/exm-toolbar-search.js';
10
- export { ExmGridToolbarFilters, EventSelectPayload } from './src/table/exm-grid-toolbar-filters.js';
11
- export { style as gridStyles } from './src/styles/exm-grid-styles-css.js';
12
- export { style as gridBaseToolbarStyles } from './src/styles/exm-grid-base-toolbar-styles-css.js';
13
- export { style as gridCommonStyles } from './src/styles/exm-grid-common-styles-css.js';
14
- export { style as gridPaginationStyles } from './src/styles/exm-grid-pagination-styles-css.js';
package/index.js DELETED
@@ -1,14 +0,0 @@
1
- export { ExmGrid } from './src/table/exm-grid.js';
2
- export { ExmGridPagination } from './src/table/exm-grid-pagination.js';
3
- export { ExmGridBaseToolbar } from './src/table/exm-grid-base-toolbar.js';
4
- export { ExmGridSmartToolbar } from './src/table/exm-grid-smart-toolbar.js';
5
- export { ActionConditionType, } from './src/table/types/exm-grid-smart-toolbar-types.js';
6
- export { ExmGridToolbar } from './src/table/exm-grid-toolbar.js';
7
- export { FilterConfigType, SettingConfigId, SettingConfigType, } from './src/table/types/exm-grid-toolbar-types.js';
8
- export { ToolbarSearch } from './src/search/exm-toolbar-search.js';
9
- export { ExmGridToolbarFilters } from './src/table/exm-grid-toolbar-filters.js';
10
- export { style as gridStyles } from './src/styles/exm-grid-styles-css.js';
11
- export { style as gridBaseToolbarStyles } from './src/styles/exm-grid-base-toolbar-styles-css.js';
12
- export { style as gridCommonStyles } from './src/styles/exm-grid-common-styles-css.js';
13
- export { style as gridPaginationStyles } from './src/styles/exm-grid-pagination-styles-css.js';
14
- //# sourceMappingURL=index.js.map
@@ -1,25 +0,0 @@
1
- import { ExmgElement } from '@exmg/lit-base/index.js';
2
- import '@material/web/icon/icon.js';
3
- import '@material/web/iconbutton/icon-button.js';
4
- import '@material/web/focus/md-focus-ring.js';
5
- export declare class ToolbarSearch extends ExmgElement {
6
- _isSearch: boolean;
7
- filterValue?: string | null;
8
- placeHolder: string;
9
- search?: HTMLInputElement;
10
- static styles: import("lit").CSSResult[];
11
- private _debouncer;
12
- render(): import("lit-html").TemplateResult<1>;
13
- _getValue(): string;
14
- _handleClear(e: CustomEvent): void;
15
- _handleKeyUp(e: KeyboardEvent): void;
16
- _notifyChange(): void;
17
- _handleInputBlur(): void;
18
- _hideSearch(): void;
19
- _showSearch(): void;
20
- }
21
- declare global {
22
- interface HTMLElementTagNameMap {
23
- 'exm-toolbar-search': ToolbarSearch;
24
- }
25
- }
@@ -1,197 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { html, css } from 'lit';
3
- import { property, customElement, query, state } from 'lit/decorators.js';
4
- import { ExmgElement } from '@exmg/lit-base/index.js';
5
- import { classMap } from 'lit/directives/class-map.js';
6
- import { async, debounce } from '@exmg/lit-base/index.js';
7
- import '@material/web/icon/icon.js';
8
- import '@material/web/iconbutton/icon-button.js';
9
- import '@material/web/focus/md-focus-ring.js';
10
- let ToolbarSearch = class ToolbarSearch extends ExmgElement {
11
- constructor() {
12
- super(...arguments);
13
- this._isSearch = false;
14
- this.placeHolder = 'Search';
15
- }
16
- render() {
17
- const classMapValues = {
18
- search: this._isSearch,
19
- };
20
- return html `
21
- <div class=${classMap(classMapValues)} @click=${this._showSearch}>
22
- ${this._isSearch
23
- ? html `
24
- <div style="position: relative">
25
- <md-focus-ring style="--md-focus-ring-shape: 8px" for="searchInput"></md-focus-ring>
26
- <md-icon>search</md-icon>
27
- <input
28
- id="searchInput"
29
- placeholder=${this.placeHolder}
30
- value=${this.filterValue ? this.filterValue : ''}
31
- onfocus="let value = this.value; this.value = null; this.value = value"
32
- @keyup=${this._handleKeyUp}
33
- @blur=${this._handleInputBlur}
34
- />
35
- ${this.filterValue
36
- ? html `
37
- <md-icon-button class="clear-button" @click=${this._handleClear}
38
- ><md-icon>close</md-icon></md-icon-button
39
- >
40
- `
41
- : html ``}
42
- </div>
43
- `
44
- : html `
45
- <md-icon>search</md-icon>
46
- <span class="interactive-content">${this._getValue()}</span>
47
- <slot></slot>
48
- `}
49
- </div>
50
- `;
51
- }
52
- _getValue() {
53
- return this.filterValue || this.placeHolder;
54
- }
55
- _handleClear(e) {
56
- e.preventDefault();
57
- this.filterValue = null;
58
- this.search.value = '';
59
- this._notifyChange();
60
- }
61
- _handleKeyUp(e) {
62
- const input = e.target;
63
- if (this.filterValue !== input.value) {
64
- this.filterValue = input.value;
65
- this._notifyChange();
66
- }
67
- if (e.keyCode === 27) {
68
- this._hideSearch();
69
- }
70
- }
71
- _notifyChange() {
72
- this._debouncer = debounce.Debouncer.debounce(this._debouncer, async.timeOut.after(200), () => {
73
- this.dispatchEvent(new CustomEvent('exm-grid-toolbar-search-changed', {
74
- bubbles: false,
75
- composed: true,
76
- detail: { value: this.filterValue },
77
- }));
78
- });
79
- }
80
- _handleInputBlur() {
81
- this._hideSearch();
82
- }
83
- _hideSearch() {
84
- this._isSearch = false;
85
- }
86
- _showSearch() {
87
- if (this._isSearch)
88
- return;
89
- this._isSearch = true;
90
- setTimeout(() => this.shadowRoot.querySelector('#searchInput').focus(), 200);
91
- }
92
- };
93
- ToolbarSearch.styles = [
94
- css `
95
- :host {
96
- display: block;
97
- color: var(--md-sys-color-on-surface-variant);
98
- background-color: var(--md-sys-color-surface-container-low);
99
- border-radius: var(--exm-toolbar-search-border-radius, var(--exm-surface-border-radius, 16px));
100
- }
101
- :host > div {
102
- display: flex;
103
- flex-direction: row;
104
- justify-content: center;
105
- align-items: center;
106
- height: 48px;
107
- }
108
- h2 {
109
- max-width: 936px;
110
- width: 100%;
111
- margin: 20px auto;
112
- }
113
- input {
114
- width: 100%;
115
- caret-color: var(--md-sys-color-on-surface);
116
- color: var(--md-sys-color-on-surface);
117
- }
118
- md-icon {
119
- margin: 0 8px 0 16px;
120
- fill: var(--md-sys-color-on-surface);
121
- cursor: pointer;
122
- }
123
- :host > div > svg {
124
- margin-right: 10px;
125
- }
126
- ::slotted(*) {
127
- margin: 14px 12px;
128
- }
129
- span.interactive-content {
130
- white-space: nowrap;
131
- overflow: hidden;
132
- font-size: 14px;
133
- opacity: 0.6;
134
- text-overflow: ellipsis;
135
- letter-spacing: 0.005em;
136
- box-sizing: border-box;
137
-
138
- font-weight: 400;
139
- cursor: pointer;
140
- flex: 1;
141
- }
142
- .search {
143
- display: absolute;
144
- background: none;
145
- /* outline-color: rgb(77, 144, 254);
146
- outline-offset: 1px;
147
- outline-style: auto;
148
- outline-width: 1px; */
149
- }
150
- .search > div {
151
- width: 100%;
152
- position: relative;
153
- display: flex;
154
- align-items: center;
155
- }
156
- .search input {
157
- font-size: 14px;
158
- margin: 15px 0px;
159
- padding: 2px;
160
- border: 0px;
161
- width: 100%;
162
- outline: none;
163
- background: none;
164
- box-sizing: border-box;
165
- }
166
- .clear-button {
167
- position: absolute;
168
- right: 0;
169
- background: transparent;
170
- border: none !important;
171
- font-size: 0;
172
- margin-right: 1rem;
173
- color: var(--exm-table-color, black);
174
- }
175
-
176
- md-focus-ring {
177
- --md-focus-ring-shape: 16px;
178
- }
179
- `,
180
- ];
181
- __decorate([
182
- state()
183
- ], ToolbarSearch.prototype, "_isSearch", void 0);
184
- __decorate([
185
- property({ type: String })
186
- ], ToolbarSearch.prototype, "filterValue", void 0);
187
- __decorate([
188
- property({ type: String })
189
- ], ToolbarSearch.prototype, "placeHolder", void 0);
190
- __decorate([
191
- query('#searchInput')
192
- ], ToolbarSearch.prototype, "search", void 0);
193
- ToolbarSearch = __decorate([
194
- customElement('exm-toolbar-search')
195
- ], ToolbarSearch);
196
- export { ToolbarSearch };
197
- //# sourceMappingURL=exm-toolbar-search.js.map
@@ -1 +0,0 @@
1
- export declare const style: import("lit").CSSResult;
@@ -1,103 +0,0 @@
1
- import { css } from 'lit';
2
- export const style = css `
3
- :host {
4
- display: block;
5
- -moz-osx-font-smoothing: grayscale;
6
- -webkit-font-smoothing: antialiased;
7
- font-family: Roboto, sans-serif;
8
- font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
9
- border-top-left-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
10
- border-top-right-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
11
- --toolbar-bg-color: var(--exm-theme-table-toolbar-background-color, var(--md-sys-color-surface-container));
12
- --toolbar-color: var(--exm-theme-table-toolbar-color, var(--md-sys-color-on-surface-container));
13
- background-color: var(--toolbar-bg-color);
14
- color: var(--toolbar-color);
15
- }
16
-
17
- .wrapper {
18
- display: flex;
19
- flex: 1;
20
- flex-direction: row;
21
- align-items: center;
22
- padding: 10px 16px 10px 16px;
23
- overflow-x: var(--exm-theme-table-toolbar-overflow-x, initial);
24
- white-space: nowrap;
25
- }
26
-
27
- .wrapper.active {
28
- --active-toolbar-bg-color: var(--exm-theme-table-toolbar-active-bg-color, var(--md-sys-color-secondary-container));
29
- --active-toolbar-color: var(--exm-theme-table-toolbar-active-color, var(--md-sys-color-on-secondary-container));
30
- background-color: var(--active-toolbar-bg-color);
31
- color: var(--active-toolbar-color);
32
- border-top-left-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
33
- border-top-right-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
34
- }
35
-
36
- .wrapper.active .seperator.with-action-separator {
37
- border-left: 1px solid var(--active-toolbar-color);
38
- }
39
-
40
- .wrapper.active .description {
41
- color: var(--active-toolbar-color);
42
- flex: 1;
43
- margin-left: 8px;
44
- }
45
-
46
- .wrapper .seperator {
47
- min-height: 32px;
48
- }
49
-
50
- .wrapper .seperator.with-action-separator {
51
- border-left: 1px solid var(--active-toolbar-color);
52
- }
53
-
54
- .wrapper .description {
55
- -moz-osx-font-smoothing: grayscale;
56
- -webkit-font-smoothing: antialiased;
57
- font-family: Roboto, sans-serif;
58
- font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
59
- font-size: 1.5rem;
60
- font-size: var(--mdc-typography-headline5-font-size, 1.5rem);
61
- line-height: 2rem;
62
- line-height: var(--mdc-typography-headline5-line-height, 2rem);
63
- font-weight: 400;
64
- font-weight: var(--mdc-typography-headline5-font-weight, 400);
65
- letter-spacing: normal;
66
- letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal);
67
- text-decoration: inherit;
68
- text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
69
- text-transform: inherit;
70
- text-transform: var(--mdc-typography-headline5-text-transform, inherit);
71
- color: var(--toolbar-color);
72
- font-size: 1.25rem;
73
- padding: 0;
74
- height: 48px;
75
- flex: 1;
76
- display: flex;
77
- align-items: center;
78
- }
79
-
80
- .actions {
81
- padding: 0 8px 0 0;
82
- color: var(--mdc-theme-primary);
83
- }
84
-
85
- .filters {
86
- display: flex;
87
- flex-direction: row;
88
- justify-content: flex-end;
89
- }
90
-
91
- .settings {
92
- display: flex;
93
- flex-direction: row;
94
- justify-content: flex-end;
95
- }
96
-
97
- @media (max-width: 500px) {
98
- .wrapper .description {
99
- display: none;
100
- }
101
- }
102
- `;
103
- //# sourceMappingURL=exm-grid-base-toolbar-styles-css.js.map
@@ -1 +0,0 @@
1
- export declare const style: import("lit").CSSResult;
@@ -1,104 +0,0 @@
1
- import { css } from 'lit';
2
- export const style = css `
3
- :host {
4
- display: block;
5
- -moz-osx-font-smoothing: grayscale;
6
- -webkit-font-smoothing: antialiased;
7
- font-family: Roboto, sans-serif;
8
- font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
9
- color: var(--exm-theme-table-pagination-color, var(--md-sys-color-on-surface-container));
10
- border-bottom-left-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
11
- border-bottom-right-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
12
- }
13
-
14
- .wrapper {
15
- display: flex;
16
- flex: 1;
17
- flex-direction: row;
18
- align-items: center;
19
- justify-content: flex-end;
20
- padding: 8px 10px;
21
- white-space: nowrap;
22
- }
23
-
24
- .wrapper .page-size {
25
- display: flex;
26
- flex-direction: row;
27
- margin-right: 26px;
28
- align-items: center;
29
- }
30
-
31
- .wrapper .page-size .page-size-label {
32
- margin-right: 10px;
33
- -moz-osx-font-smoothing: grayscale;
34
- -webkit-font-smoothing: antialiased;
35
- font-family: Roboto, sans-serif;
36
- font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
37
- font-size: 0.875rem;
38
- font-size: var(--mdc-typography-body2-font-size, 0.875rem);
39
- line-height: 1.25rem;
40
- line-height: var(--mdc-typography-body2-line-height, 1.25rem);
41
- font-weight: 400;
42
- font-weight: var(--mdc-typography-body2-font-weight, 400);
43
- letter-spacing: 0.0178571429em;
44
- letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
45
- text-decoration: inherit;
46
- text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
47
- text-transform: inherit;
48
- text-transform: var(--mdc-typography-body2-text-transform, inherit);
49
- }
50
-
51
- .wrapper .page-range {
52
- display: flex;
53
- flex-direction: row;
54
- align-items: center;
55
- }
56
-
57
- .wrapper .page-range .page-range-label {
58
- margin-right: 44px;
59
- -moz-osx-font-smoothing: grayscale;
60
- -webkit-font-smoothing: antialiased;
61
- font-family: Roboto, sans-serif;
62
- font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
63
- font-size: 0.875rem;
64
- font-size: var(--mdc-typography-body2-font-size, 0.875rem);
65
- line-height: 1.25rem;
66
- line-height: var(--mdc-typography-body2-line-height, 1.25rem);
67
- font-weight: 400;
68
- font-weight: var(--mdc-typography-body2-font-weight, 400);
69
- letter-spacing: 0.0178571429em;
70
- letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
71
- text-decoration: inherit;
72
- text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
73
- text-transform: inherit;
74
- text-transform: var(--mdc-typography-body2-text-transform, inherit);
75
- }
76
-
77
- .wrapper .page-range .page-range-actions {
78
- user-select: none;
79
- }
80
-
81
- @media (max-width: 600px) {
82
- .page-size-label {
83
- display: none;
84
- }
85
- }
86
-
87
- @media (max-width: 500px) {
88
- .wrapper .page-size {
89
- display: none;
90
- }
91
- }
92
-
93
- @media (max-width: 450px) {
94
- .wrapper {
95
- overflow-x: auto;
96
- white-space: nowrap;
97
- }
98
-
99
- .wrapper .page-range {
100
- min-width: 1px;
101
- }
102
- }
103
- `;
104
- //# sourceMappingURL=exm-grid-common-styles-css.js.map
@@ -1 +0,0 @@
1
- export declare const style: import("lit").CSSResult;
@@ -1,104 +0,0 @@
1
- import { css } from 'lit';
2
- export const style = css `
3
- :host {
4
- display: block;
5
- -moz-osx-font-smoothing: grayscale;
6
- -webkit-font-smoothing: antialiased;
7
- font-family: Roboto, sans-serif;
8
- font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
9
- color: var(--exm-theme-table-pagination-color, var(--md-sys-color-on-surface-container));
10
- border-bottom-left-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
11
- border-bottom-right-radius: var(--exm-theme-table-radius, var(--exm-surface-border-radius, 16px));
12
- }
13
-
14
- .wrapper {
15
- display: flex;
16
- flex: 1;
17
- flex-direction: row;
18
- align-items: center;
19
- justify-content: flex-end;
20
- padding: 8px 10px;
21
- white-space: nowrap;
22
- }
23
-
24
- .wrapper .page-size {
25
- display: flex;
26
- flex-direction: row;
27
- margin-right: 26px;
28
- align-items: center;
29
- }
30
-
31
- .wrapper .page-size .page-size-label {
32
- margin-right: 10px;
33
- -moz-osx-font-smoothing: grayscale;
34
- -webkit-font-smoothing: antialiased;
35
- font-family: Roboto, sans-serif;
36
- font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
37
- font-size: 0.875rem;
38
- font-size: var(--mdc-typography-body2-font-size, 0.875rem);
39
- line-height: 1.25rem;
40
- line-height: var(--mdc-typography-body2-line-height, 1.25rem);
41
- font-weight: 400;
42
- font-weight: var(--mdc-typography-body2-font-weight, 400);
43
- letter-spacing: 0.0178571429em;
44
- letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
45
- text-decoration: inherit;
46
- text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
47
- text-transform: inherit;
48
- text-transform: var(--mdc-typography-body2-text-transform, inherit);
49
- }
50
-
51
- .wrapper .page-range {
52
- display: flex;
53
- flex-direction: row;
54
- align-items: center;
55
- }
56
-
57
- .wrapper .page-range .page-range-label {
58
- margin-right: 44px;
59
- -moz-osx-font-smoothing: grayscale;
60
- -webkit-font-smoothing: antialiased;
61
- font-family: Roboto, sans-serif;
62
- font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
63
- font-size: 0.875rem;
64
- font-size: var(--mdc-typography-body2-font-size, 0.875rem);
65
- line-height: 1.25rem;
66
- line-height: var(--mdc-typography-body2-line-height, 1.25rem);
67
- font-weight: 400;
68
- font-weight: var(--mdc-typography-body2-font-weight, 400);
69
- letter-spacing: 0.0178571429em;
70
- letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
71
- text-decoration: inherit;
72
- text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
73
- text-transform: inherit;
74
- text-transform: var(--mdc-typography-body2-text-transform, inherit);
75
- }
76
-
77
- .wrapper .page-range .page-range-actions {
78
- user-select: none;
79
- }
80
-
81
- @media (max-width: 600px) {
82
- .page-size-label {
83
- display: none;
84
- }
85
- }
86
-
87
- @media (max-width: 500px) {
88
- .wrapper .page-size {
89
- display: none;
90
- }
91
- }
92
-
93
- @media (max-width: 450px) {
94
- .wrapper {
95
- overflow-x: auto;
96
- white-space: nowrap;
97
- }
98
-
99
- .wrapper .page-range {
100
- min-width: 1px;
101
- }
102
- }
103
- `;
104
- //# sourceMappingURL=exm-grid-pagination-styles-css.js.map
@@ -1 +0,0 @@
1
- export declare const style: import("lit").CSSResult;