@francofantomius/material-components 0.1.0 → 1.0.1
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.
- package/CHANGELOG.md +80 -0
- package/README.md +550 -90
- package/custom-elements.json +21010 -2354
- package/dist/chunks/badge-G4EjcMoy.js +89 -0
- package/dist/chunks/badge-G4EjcMoy.js.map +1 -0
- package/dist/chunks/button-B4TSZ7Sl.js +250 -0
- package/dist/chunks/button-B4TSZ7Sl.js.map +1 -0
- package/dist/chunks/card-DVffdPpv.js +163 -0
- package/dist/chunks/card-DVffdPpv.js.map +1 -0
- package/dist/chunks/checkbox-BqlboAHd.js +194 -0
- package/dist/chunks/checkbox-BqlboAHd.js.map +1 -0
- package/dist/chunks/chip-CI1ZINnr.js +169 -0
- package/dist/chunks/chip-CI1ZINnr.js.map +1 -0
- package/dist/chunks/code-C5UFBkCh.js +1830 -0
- package/dist/chunks/code-C5UFBkCh.js.map +1 -0
- package/dist/chunks/decorate-DXuynaiA.js +39 -0
- package/dist/chunks/decorate-DXuynaiA.js.map +1 -0
- package/dist/chunks/dialog-DGVEE5m_.js +158 -0
- package/dist/chunks/dialog-DGVEE5m_.js.map +1 -0
- package/dist/chunks/divider-DNepwoZv.js +82 -0
- package/dist/chunks/divider-DNepwoZv.js.map +1 -0
- package/dist/chunks/fab-C9j3WBHE.js +150 -0
- package/dist/chunks/fab-C9j3WBHE.js.map +1 -0
- package/dist/chunks/focus-ring-CuiJuM-y.js +71 -0
- package/dist/chunks/focus-ring-CuiJuM-y.js.map +1 -0
- package/dist/chunks/{form-associated-fKbeX_2P.js → form-associated-Cty_ZaS9.js} +26 -27
- package/dist/chunks/form-associated-Cty_ZaS9.js.map +1 -0
- package/dist/chunks/icon-DrNqcNEL.js +62 -0
- package/dist/chunks/icon-DrNqcNEL.js.map +1 -0
- package/dist/chunks/icon-button-BdSc7eot.js +188 -0
- package/dist/chunks/icon-button-BdSc7eot.js.map +1 -0
- package/dist/chunks/list-D8olR7oZ.js +204 -0
- package/dist/chunks/list-D8olR7oZ.js.map +1 -0
- package/dist/chunks/navigation-drawer-CKl44Ef5.js +531 -0
- package/dist/chunks/navigation-drawer-CKl44Ef5.js.map +1 -0
- package/dist/chunks/player-C4ydiIpr.js +1582 -0
- package/dist/chunks/player-C4ydiIpr.js.map +1 -0
- package/dist/chunks/progress-LQmLMDjX.js +266 -0
- package/dist/chunks/progress-LQmLMDjX.js.map +1 -0
- package/dist/chunks/radio-Bily78NT.js +205 -0
- package/dist/chunks/radio-Bily78NT.js.map +1 -0
- package/dist/chunks/ripple-squbKHhj.js +135 -0
- package/dist/chunks/ripple-squbKHhj.js.map +1 -0
- package/dist/chunks/search-bar-TXnqJ-gd.js +698 -0
- package/dist/chunks/search-bar-TXnqJ-gd.js.map +1 -0
- package/dist/chunks/snackbar-Wsz3BzEY.js +161 -0
- package/dist/chunks/snackbar-Wsz3BzEY.js.map +1 -0
- package/dist/chunks/switch-DdukrvXb.js +190 -0
- package/dist/chunks/switch-DdukrvXb.js.map +1 -0
- package/dist/chunks/table-aRTYzDyE.js +773 -0
- package/dist/chunks/table-aRTYzDyE.js.map +1 -0
- package/dist/chunks/tabs-BfOtoeir.js +191 -0
- package/dist/chunks/tabs-BfOtoeir.js.map +1 -0
- package/dist/chunks/text-field-hN6-2HQy.js +338 -0
- package/dist/chunks/text-field-hN6-2HQy.js.map +1 -0
- package/dist/chunks/top-app-bar-Dgbp6CFv.js +228 -0
- package/dist/chunks/top-app-bar-Dgbp6CFv.js.map +1 -0
- package/dist/components/account-menu/account-menu.css.d.ts +3 -0
- package/dist/components/account-menu/account-menu.css.d.ts.map +1 -0
- package/dist/components/account-menu/account-menu.d.ts +111 -0
- package/dist/components/account-menu/account-menu.d.ts.map +1 -0
- package/dist/components/app-drawer/app-drawer.css.d.ts +3 -0
- package/dist/components/app-drawer/app-drawer.css.d.ts.map +1 -0
- package/dist/components/app-drawer/app-drawer.d.ts +173 -0
- package/dist/components/app-drawer/app-drawer.d.ts.map +1 -0
- package/dist/components/badge/badge.js +2 -91
- package/dist/components/button/button.js +2 -261
- package/dist/components/card/card.js +2 -167
- package/dist/components/checkbox/checkbox.css.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.js +2 -186
- package/dist/components/chip/chip.js +3 -172
- package/dist/components/code/code.css.d.ts +2 -0
- package/dist/components/code/code.css.d.ts.map +1 -0
- package/dist/components/code/code.d.ts +106 -0
- package/dist/components/code/code.d.ts.map +1 -0
- package/dist/components/code/code.js +5 -0
- package/dist/components/code/highlighter.d.ts +8 -0
- package/dist/components/code/highlighter.d.ts.map +1 -0
- package/dist/components/code/linter.d.ts +44 -0
- package/dist/components/code/linter.d.ts.map +1 -0
- package/dist/components/dialog/dialog.js +2 -165
- package/dist/components/divider/divider.js +2 -79
- package/dist/components/fab/fab.js +2 -153
- package/dist/components/icon/icon.js +2 -68
- package/dist/components/icon-button/icon-button.css.d.ts.map +1 -1
- package/dist/components/icon-button/icon-button.js +1 -189
- package/dist/components/list/list.css.d.ts.map +1 -1
- package/dist/components/list/list.d.ts.map +1 -1
- package/dist/components/list/list.js +3 -188
- package/dist/components/navigation-drawer/navigation-drawer.css.d.ts +3 -0
- package/dist/components/navigation-drawer/navigation-drawer.css.d.ts.map +1 -0
- package/dist/components/navigation-drawer/navigation-drawer.d.ts +76 -0
- package/dist/components/navigation-drawer/navigation-drawer.d.ts.map +1 -0
- package/dist/components/navigation-drawer/navigation-drawer.js +8 -0
- package/dist/components/player/player.css.d.ts +2 -0
- package/dist/components/player/player.css.d.ts.map +1 -0
- package/dist/components/player/player.d.ts +99 -0
- package/dist/components/player/player.d.ts.map +1 -0
- package/dist/components/player/player.js +7 -0
- package/dist/components/progress/progress.css.d.ts.map +1 -1
- package/dist/components/progress/progress.d.ts +2 -0
- package/dist/components/progress/progress.d.ts.map +1 -1
- package/dist/components/progress/progress.js +3 -181
- package/dist/components/radio/radio.css.d.ts.map +1 -1
- package/dist/components/radio/radio.js +3 -203
- package/dist/components/search-bar/search-bar.css.d.ts +2 -0
- package/dist/components/search-bar/search-bar.css.d.ts.map +1 -0
- package/dist/components/search-bar/search-bar.d.ts +81 -0
- package/dist/components/search-bar/search-bar.d.ts.map +1 -0
- package/dist/components/search-bar/search-bar.js +5 -0
- package/dist/components/snackbar/snackbar.js +2 -162
- package/dist/components/switch/switch.css.d.ts.map +1 -1
- package/dist/components/switch/switch.js +2 -169
- package/dist/components/table/table.css.d.ts +8 -0
- package/dist/components/table/table.css.d.ts.map +1 -0
- package/dist/components/table/table.d.ts +158 -0
- package/dist/components/table/table.d.ts.map +1 -0
- package/dist/components/table/table.js +13 -0
- package/dist/components/tabs/tabs.js +3 -198
- package/dist/components/text-field/text-field.css.d.ts.map +1 -1
- package/dist/components/text-field/text-field.d.ts +1 -1
- package/dist/components/text-field/text-field.d.ts.map +1 -1
- package/dist/components/text-field/text-field.js +2 -325
- package/dist/components/top-app-bar/top-app-bar.css.d.ts +2 -0
- package/dist/components/top-app-bar/top-app-bar.css.d.ts.map +1 -0
- package/dist/components/top-app-bar/top-app-bar.d.ts +29 -0
- package/dist/components/top-app-bar/top-app-bar.d.ts.map +1 -0
- package/dist/components/top-app-bar/top-app-bar.js +5 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2264 -58
- package/dist/index.js.map +1 -1
- package/dist/internal/focus-ring/focus-ring.d.ts.map +1 -1
- package/dist/internal/focus-ring/focus-ring.js +4 -0
- package/dist/internal/ripple/ripple.css.d.ts.map +1 -1
- package/dist/internal/ripple/ripple.d.ts +0 -3
- package/dist/internal/ripple/ripple.d.ts.map +1 -1
- package/dist/internal/ripple/ripple.js +2 -142
- package/dist/tokens/index.js +336 -11
- package/dist/tokens/index.js.map +1 -1
- package/package.json +118 -12
- package/dist/chunks/base-component-DQTjlEVL.js +0 -34
- package/dist/chunks/base-component-DQTjlEVL.js.map +0 -1
- package/dist/chunks/focus-ring-Dl-XoEKK.js +0 -71
- package/dist/chunks/focus-ring-Dl-XoEKK.js.map +0 -1
- package/dist/chunks/form-associated-fKbeX_2P.js.map +0 -1
- package/dist/chunks/theme.css-DV3DRha-.js +0 -263
- package/dist/chunks/theme.css-DV3DRha-.js.map +0 -1
- package/dist/components/badge/badge.js.map +0 -1
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/card/card.js.map +0 -1
- package/dist/components/checkbox/checkbox.js.map +0 -1
- package/dist/components/chip/chip.js.map +0 -1
- package/dist/components/dialog/dialog.js.map +0 -1
- package/dist/components/divider/divider.js.map +0 -1
- package/dist/components/fab/fab.js.map +0 -1
- package/dist/components/icon/icon.js.map +0 -1
- package/dist/components/icon-button/icon-button.js.map +0 -1
- package/dist/components/list/list.js.map +0 -1
- package/dist/components/progress/progress.js.map +0 -1
- package/dist/components/radio/radio.js.map +0 -1
- package/dist/components/snackbar/snackbar.js.map +0 -1
- package/dist/components/switch/switch.js.map +0 -1
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/components/text-field/text-field.js.map +0 -1
- package/dist/internal/ripple/ripple.js.map +0 -1
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
import { PropertyValues } from 'lit';
|
|
2
|
+
import { MdBaseElement } from '../../internal/base-component.js';
|
|
3
|
+
export type SortDirection = 'asc' | 'desc' | 'none';
|
|
4
|
+
export type TableCellAlignment = 'start' | 'center' | 'end' | 'left' | 'right';
|
|
5
|
+
export interface TableColumn<T = any> {
|
|
6
|
+
key: string;
|
|
7
|
+
label: string;
|
|
8
|
+
sortable?: boolean;
|
|
9
|
+
align?: TableCellAlignment;
|
|
10
|
+
width?: string;
|
|
11
|
+
numeric?: boolean;
|
|
12
|
+
render?: (row: T, index: number) => unknown;
|
|
13
|
+
}
|
|
14
|
+
export interface SortChangeEventDetail {
|
|
15
|
+
column: string;
|
|
16
|
+
direction: SortDirection;
|
|
17
|
+
}
|
|
18
|
+
export interface PageChangeEventDetail {
|
|
19
|
+
page: number;
|
|
20
|
+
pageSize: number;
|
|
21
|
+
}
|
|
22
|
+
export interface RowSelectEventDetail<T = any> {
|
|
23
|
+
row: T;
|
|
24
|
+
index: number;
|
|
25
|
+
selected: boolean;
|
|
26
|
+
selectedRows: T[];
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Material Design 3 Table Header Cell
|
|
30
|
+
*/
|
|
31
|
+
export declare class MdTableHeaderCell extends MdBaseElement {
|
|
32
|
+
static styles: import('lit').CSSResultGroup[];
|
|
33
|
+
sortable: boolean;
|
|
34
|
+
sortDirection: SortDirection;
|
|
35
|
+
align: TableCellAlignment;
|
|
36
|
+
columnKey: string;
|
|
37
|
+
width: string;
|
|
38
|
+
connectedCallback(): void;
|
|
39
|
+
disconnectedCallback(): void;
|
|
40
|
+
updated(changedProperties: PropertyValues): void;
|
|
41
|
+
private handleClick;
|
|
42
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Material Design 3 Table Cell
|
|
46
|
+
*/
|
|
47
|
+
export declare class MdTableCell extends MdBaseElement {
|
|
48
|
+
static styles: import('lit').CSSResultGroup[];
|
|
49
|
+
align: TableCellAlignment;
|
|
50
|
+
numeric: boolean;
|
|
51
|
+
truncate: boolean;
|
|
52
|
+
connectedCallback(): void;
|
|
53
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Material Design 3 Table Row
|
|
57
|
+
*/
|
|
58
|
+
export declare class MdTableRow extends MdBaseElement {
|
|
59
|
+
static styles: import('lit').CSSResultGroup[];
|
|
60
|
+
selected: boolean;
|
|
61
|
+
selectable: boolean;
|
|
62
|
+
interactive: boolean;
|
|
63
|
+
disabled: boolean;
|
|
64
|
+
hoverable: boolean;
|
|
65
|
+
connectedCallback(): void;
|
|
66
|
+
disconnectedCallback(): void;
|
|
67
|
+
updated(changedProperties: PropertyValues): void;
|
|
68
|
+
private handleClick;
|
|
69
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Material Design 3 Table Head
|
|
73
|
+
*/
|
|
74
|
+
export declare class MdTableHead extends MdBaseElement {
|
|
75
|
+
static styles: import('lit').CSSResultGroup[];
|
|
76
|
+
sticky: boolean;
|
|
77
|
+
connectedCallback(): void;
|
|
78
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
79
|
+
}
|
|
80
|
+
/**
|
|
81
|
+
* Material Design 3 Table Body
|
|
82
|
+
*/
|
|
83
|
+
export declare class MdTableBody extends MdBaseElement {
|
|
84
|
+
static styles: import('lit').CSSResultGroup[];
|
|
85
|
+
connectedCallback(): void;
|
|
86
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* Material Design 3 Table Pagination
|
|
90
|
+
*/
|
|
91
|
+
export declare class MdTablePagination extends MdBaseElement {
|
|
92
|
+
static styles: import('lit').CSSResultGroup[];
|
|
93
|
+
page: number;
|
|
94
|
+
pageSize: number;
|
|
95
|
+
total: number;
|
|
96
|
+
pageSizeOptions: number[];
|
|
97
|
+
showFirstLast: boolean;
|
|
98
|
+
get totalPages(): number;
|
|
99
|
+
private handlePageSizeChange;
|
|
100
|
+
firstPage: () => void;
|
|
101
|
+
prevPage: () => void;
|
|
102
|
+
nextPage: () => void;
|
|
103
|
+
lastPage: () => void;
|
|
104
|
+
private notifyPageChange;
|
|
105
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
106
|
+
}
|
|
107
|
+
/**
|
|
108
|
+
* Material Design 3 Table / Data Table
|
|
109
|
+
*/
|
|
110
|
+
export declare class MdTable extends MdBaseElement {
|
|
111
|
+
static styles: import('lit').CSSResultGroup[];
|
|
112
|
+
bordered: boolean;
|
|
113
|
+
elevated: boolean;
|
|
114
|
+
striped: boolean;
|
|
115
|
+
hoverable: boolean;
|
|
116
|
+
dense: boolean;
|
|
117
|
+
stickyHeader: boolean;
|
|
118
|
+
loading: boolean;
|
|
119
|
+
selectable: boolean;
|
|
120
|
+
columns: TableColumn[];
|
|
121
|
+
rows: Record<string, any>[];
|
|
122
|
+
selectedRows: Record<string, any>[];
|
|
123
|
+
sortColumn: string;
|
|
124
|
+
sortDirection: SortDirection;
|
|
125
|
+
paginated: boolean;
|
|
126
|
+
page: number;
|
|
127
|
+
pageSize: number;
|
|
128
|
+
pageSizeOptions: number[];
|
|
129
|
+
total: number;
|
|
130
|
+
connectedCallback(): void;
|
|
131
|
+
private handleHeaderSortChange;
|
|
132
|
+
private handleSelectAllToggle;
|
|
133
|
+
private handleRowSelectToggle;
|
|
134
|
+
private handlePaginationChange;
|
|
135
|
+
private getProcessedRows;
|
|
136
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
137
|
+
}
|
|
138
|
+
export declare class MdDataTable extends MdTable {
|
|
139
|
+
}
|
|
140
|
+
export declare class MdTableHeader extends MdTableHead {
|
|
141
|
+
}
|
|
142
|
+
export declare class MdTableHeadCell extends MdTableHeaderCell {
|
|
143
|
+
}
|
|
144
|
+
declare global {
|
|
145
|
+
interface HTMLElementTagNameMap {
|
|
146
|
+
'md-table': MdTable;
|
|
147
|
+
'md-data-table': MdDataTable;
|
|
148
|
+
'md-table-head': MdTableHead;
|
|
149
|
+
'md-table-header': MdTableHeader;
|
|
150
|
+
'md-table-body': MdTableBody;
|
|
151
|
+
'md-table-row': MdTableRow;
|
|
152
|
+
'md-table-cell': MdTableCell;
|
|
153
|
+
'md-table-header-cell': MdTableHeaderCell;
|
|
154
|
+
'md-table-head-cell': MdTableHeadCell;
|
|
155
|
+
'md-table-pagination': MdTablePagination;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
//# sourceMappingURL=table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,yBAAyB,CAAC;AACjC,OAAO,iBAAiB,CAAC;AACzB,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AAWjC,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/E,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAC7C;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,GAAG;IAC3C,GAAG,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,CAAC,EAAE,CAAC;CACnB;AAED;;GAEG;AACH,qBACa,iBAAkB,SAAQ,aAAa;IAClD,OAAgB,MAAM,iCAAiD;IAGvE,QAAQ,UAAS;IAGjB,aAAa,EAAE,aAAa,CAAU;IAGtC,KAAK,EAAE,kBAAkB,CAAW;IAGpC,SAAS,SAAM;IAGf,KAAK,SAAM;IAEF,iBAAiB;IAMjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAgBlD,OAAO,CAAC,WAAW,CAajB;IAEO,MAAM;CAUhB;AAED;;GAEG;AACH,qBACa,WAAY,SAAQ,aAAa;IAC5C,OAAgB,MAAM,iCAA2C;IAGjE,KAAK,EAAE,kBAAkB,CAAW;IAGpC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAER,iBAAiB;IAKjB,MAAM;CAGhB;AAED;;GAEG;AACH,qBACa,UAAW,SAAQ,aAAa;IAC3C,OAAgB,MAAM,iCAA0C;IAGhE,QAAQ,UAAS;IAGjB,UAAU,UAAS;IAGnB,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAGjB,SAAS,UAAS;IAET,iBAAiB;IAMjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAOlD,OAAO,CAAC,WAAW,CAajB;IAEO,MAAM;CAGhB;AAED;;GAEG;AACH,qBACa,WAAY,SAAQ,aAAa;IAC5C,OAAgB,MAAM,iCAA2C;IAGjE,MAAM,UAAS;IAEN,iBAAiB;IAKjB,MAAM;CAGhB;AAED;;GAEG;AACH,qBACa,WAAY,SAAQ,aAAa;IAC5C,OAAgB,MAAM,iCAA2C;IAExD,iBAAiB;IAKjB,MAAM;CAGhB;AAED;;GAEG;AACH,qBACa,iBAAkB,SAAQ,aAAa;IAClD,OAAgB,MAAM,iCAAiD;IAGvE,IAAI,SAAK;IAGT,QAAQ,SAAM;IAGd,KAAK,SAAK;IAGV,eAAe,EAAE,MAAM,EAAE,CAAmB;IAG5C,aAAa,UAAQ;IAErB,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,OAAO,CAAC,oBAAoB,CAa1B;IAEK,SAAS,aAId;IAEK,QAAQ,aAIb;IAEK,QAAQ,aAIb;IAEK,QAAQ,aAIb;IAEF,OAAO,CAAC,gBAAgB;IAOf,MAAM;CAqDhB;AAED;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC,OAAgB,MAAM,iCAAuC;IAG7D,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,SAAS,UAAQ;IAGjB,KAAK,UAAS;IAGd,YAAY,UAAS;IAGrB,OAAO,UAAS;IAGhB,UAAU,UAAS;IAGnB,OAAO,EAAE,WAAW,EAAE,CAAM;IAG5B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAM;IAGjC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAM;IAGzC,UAAU,SAAM;IAGhB,aAAa,EAAE,aAAa,CAAU;IAGtC,SAAS,UAAS;IAGlB,IAAI,SAAK;IAGT,QAAQ,SAAM;IAGd,eAAe,EAAE,MAAM,EAAE,CAAmB;IAG5C,KAAK,SAAK;IAED,iBAAiB;IAK1B,OAAO,CAAC,sBAAsB,CAI5B;IAEF,OAAO,CAAC,qBAAqB,CAmB3B;IAEF,OAAO,CAAC,qBAAqB,CAiB3B;IAEF,OAAO,CAAC,sBAAsB,CAI5B;IAEF,OAAO,CAAC,gBAAgB;IA6Bf,MAAM;CA8GhB;AAGD,qBACa,WAAY,SAAQ,OAAO;CAAG;AAE3C,qBACa,aAAc,SAAQ,WAAW;CAAG;AAEjD,qBACa,eAAgB,SAAQ,iBAAiB;CAAG;AAEzD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;QACpB,eAAe,EAAE,WAAW,CAAC;QAC7B,eAAe,EAAE,WAAW,CAAC;QAC7B,iBAAiB,EAAE,aAAa,CAAC;QACjC,eAAe,EAAE,WAAW,CAAC;QAC7B,cAAc,EAAE,UAAU,CAAC;QAC3B,eAAe,EAAE,WAAW,CAAC;QAC7B,sBAAsB,EAAE,iBAAiB,CAAC;QAC1C,oBAAoB,EAAE,eAAe,CAAC;QACtC,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { a as e, c as l, i as d, l as s, n as b, o as M, r as T, s as o, t as r, u as t } from "../../chunks/table-aRTYzDyE.js";
|
|
2
|
+
export {
|
|
3
|
+
r as MdDataTable,
|
|
4
|
+
b as MdTable,
|
|
5
|
+
T as MdTableBody,
|
|
6
|
+
d as MdTableCell,
|
|
7
|
+
e as MdTableHead,
|
|
8
|
+
M as MdTableHeadCell,
|
|
9
|
+
o as MdTableHeader,
|
|
10
|
+
l as MdTableHeaderCell,
|
|
11
|
+
s as MdTablePagination,
|
|
12
|
+
t as MdTableRow
|
|
13
|
+
};
|
|
@@ -1,200 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { property as c, customElement as f, queryAssignedElements as v, query as m } from "lit/decorators.js";
|
|
3
|
-
import { M as d } from "../../chunks/base-component-DQTjlEVL.js";
|
|
4
|
-
import "../../internal/ripple/ripple.js";
|
|
5
|
-
import "../../chunks/focus-ring-Dl-XoEKK.js";
|
|
6
|
-
import "../icon/icon.js";
|
|
7
|
-
const y = b`
|
|
8
|
-
:host {
|
|
9
|
-
display: flex;
|
|
10
|
-
position: relative;
|
|
11
|
-
box-sizing: border-box;
|
|
12
|
-
border-bottom: 1px solid var(--md-sys-color-surface-variant, #E7E0EC);
|
|
13
|
-
overflow-x: auto;
|
|
14
|
-
scrollbar-width: none; /* Firefox */
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
:host::-webkit-scrollbar {
|
|
18
|
-
display: none; /* Safari and Chrome */
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.tabs-container {
|
|
22
|
-
display: flex;
|
|
23
|
-
position: relative;
|
|
24
|
-
width: 100%;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.indicator {
|
|
28
|
-
position: absolute;
|
|
29
|
-
bottom: 0;
|
|
30
|
-
height: 3px;
|
|
31
|
-
background-color: var(--md-sys-color-primary, #6750A4);
|
|
32
|
-
border-radius: 3px 3px 0 0;
|
|
33
|
-
transition: transform 250ms cubic-bezier(0.2, 0, 0, 1),
|
|
34
|
-
width 250ms cubic-bezier(0.2, 0, 0, 1);
|
|
35
|
-
pointer-events: none;
|
|
36
|
-
}
|
|
37
|
-
`, x = b`
|
|
38
|
-
:host {
|
|
39
|
-
display: inline-flex;
|
|
40
|
-
flex: 1;
|
|
41
|
-
min-width: 90px;
|
|
42
|
-
height: 48px;
|
|
43
|
-
outline: none;
|
|
44
|
-
cursor: pointer;
|
|
45
|
-
user-select: none;
|
|
46
|
-
-webkit-tap-highlight-color: transparent;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
:host([disabled]) {
|
|
50
|
-
pointer-events: none;
|
|
51
|
-
opacity: 0.38;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.tab {
|
|
55
|
-
position: relative;
|
|
56
|
-
display: inline-flex;
|
|
57
|
-
flex-direction: row;
|
|
58
|
-
align-items: center;
|
|
59
|
-
justify-content: center;
|
|
60
|
-
width: 100%;
|
|
61
|
-
height: 100%;
|
|
62
|
-
padding: 0 16px;
|
|
63
|
-
gap: 8px;
|
|
64
|
-
font-family: var(--md-sys-typescale-font-family, inherit);
|
|
65
|
-
font-size: var(--md-sys-typescale-title-small-size, 14px);
|
|
66
|
-
font-weight: 500;
|
|
67
|
-
line-height: 20px;
|
|
68
|
-
letter-spacing: 0.1px;
|
|
69
|
-
color: var(--md-sys-color-on-surface-variant, #49454F);
|
|
70
|
-
transition: color 150ms cubic-bezier(0.2, 0, 0, 1);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
:host([active]) .tab {
|
|
74
|
-
color: var(--md-sys-color-primary, #6750A4);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.content {
|
|
78
|
-
display: inline-flex;
|
|
79
|
-
align-items: center;
|
|
80
|
-
gap: 8px;
|
|
81
|
-
position: relative;
|
|
82
|
-
z-index: 1;
|
|
83
|
-
}
|
|
84
|
-
`;
|
|
85
|
-
var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (t, e, s, n) => {
|
|
86
|
-
for (var i = n > 1 ? void 0 : n ? w(e, s) : e, r = t.length - 1, h; r >= 0; r--)
|
|
87
|
-
(h = t[r]) && (i = (n ? h(e, s, i) : h(i)) || i);
|
|
88
|
-
return n && i && g(e, s, i), i;
|
|
89
|
-
};
|
|
90
|
-
let o = class extends d {
|
|
91
|
-
constructor() {
|
|
92
|
-
super(...arguments), this.active = !1, this.disabled = !1, this.icon = "", this.label = "";
|
|
93
|
-
}
|
|
94
|
-
connectedCallback() {
|
|
95
|
-
super.connectedCallback(), this.setAttribute("role", "tab"), this.setAttribute("aria-selected", this.active ? "true" : "false"), this.tabIndex = this.active ? 0 : -1;
|
|
96
|
-
}
|
|
97
|
-
updated(t) {
|
|
98
|
-
super.updated(t), t.has("active") && (this.setAttribute("aria-selected", this.active ? "true" : "false"), this.tabIndex = this.active ? 0 : -1);
|
|
99
|
-
}
|
|
100
|
-
render() {
|
|
101
|
-
return p`
|
|
102
|
-
<div class="tab">
|
|
103
|
-
<md-ripple ?disabled=${this.disabled}></md-ripple>
|
|
104
|
-
<md-focus-ring></md-focus-ring>
|
|
105
|
-
<span class="content">
|
|
106
|
-
<slot name="icon">
|
|
107
|
-
${this.icon ? p`<md-icon name=${this.icon}></md-icon>` : u}
|
|
108
|
-
</slot>
|
|
109
|
-
<slot>${this.label}</slot>
|
|
110
|
-
</span>
|
|
111
|
-
</div>
|
|
112
|
-
`;
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
o.styles = [d.styles, x];
|
|
116
|
-
a([
|
|
117
|
-
c({ type: Boolean, reflect: !0 })
|
|
118
|
-
], o.prototype, "active", 2);
|
|
119
|
-
a([
|
|
120
|
-
c({ type: Boolean, reflect: !0 })
|
|
121
|
-
], o.prototype, "disabled", 2);
|
|
122
|
-
a([
|
|
123
|
-
c({ type: String })
|
|
124
|
-
], o.prototype, "icon", 2);
|
|
125
|
-
a([
|
|
126
|
-
c({ type: String })
|
|
127
|
-
], o.prototype, "label", 2);
|
|
128
|
-
o = a([
|
|
129
|
-
f("md-tab")
|
|
130
|
-
], o);
|
|
131
|
-
let l = class extends d {
|
|
132
|
-
constructor() {
|
|
133
|
-
super(...arguments), this.activeIndex = 0, this.handleSlotChange = () => {
|
|
134
|
-
this.syncActiveTab();
|
|
135
|
-
}, this.handleClick = (t) => {
|
|
136
|
-
const e = t.target.closest("md-tab");
|
|
137
|
-
if (e && !e.disabled) {
|
|
138
|
-
const s = this.tabs.indexOf(e);
|
|
139
|
-
s !== -1 && s !== this.activeIndex && (this.activeIndex = s, this.syncActiveTab(), this.emitEvent("change", { activeIndex: this.activeIndex }));
|
|
140
|
-
}
|
|
141
|
-
}, this.handleKeyDown = (t) => {
|
|
142
|
-
const e = this.tabs.filter((r) => !r.disabled);
|
|
143
|
-
if (e.length === 0) return;
|
|
144
|
-
const s = this.tabs[this.activeIndex], n = e.indexOf(s);
|
|
145
|
-
let i = -1;
|
|
146
|
-
if (t.key === "ArrowRight" ? (t.preventDefault(), i = n < e.length - 1 ? n + 1 : 0) : t.key === "ArrowLeft" ? (t.preventDefault(), i = n > 0 ? n - 1 : e.length - 1) : t.key === "Home" ? (t.preventDefault(), i = 0) : t.key === "End" && (t.preventDefault(), i = e.length - 1), i !== -1 && e[i]) {
|
|
147
|
-
const r = e[i];
|
|
148
|
-
this.activeIndex = this.tabs.indexOf(r), this.syncActiveTab(), r.focus(), this.emitEvent("change", { activeIndex: this.activeIndex });
|
|
149
|
-
}
|
|
150
|
-
};
|
|
151
|
-
}
|
|
152
|
-
connectedCallback() {
|
|
153
|
-
super.connectedCallback(), this.setAttribute("role", "tablist"), this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown);
|
|
154
|
-
}
|
|
155
|
-
disconnectedCallback() {
|
|
156
|
-
super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
|
|
157
|
-
}
|
|
158
|
-
updated(t) {
|
|
159
|
-
super.updated(t), t.has("activeIndex") && this.syncActiveTab();
|
|
160
|
-
}
|
|
161
|
-
syncActiveTab() {
|
|
162
|
-
!this.tabs || this.tabs.length === 0 || (this.tabs.forEach((t, e) => {
|
|
163
|
-
t.active = e === this.activeIndex;
|
|
164
|
-
}), this.updateIndicator());
|
|
165
|
-
}
|
|
166
|
-
updateIndicator() {
|
|
167
|
-
if (!this.indicatorElement || !this.tabs || this.tabs.length === 0) return;
|
|
168
|
-
const t = this.tabs[this.activeIndex];
|
|
169
|
-
if (t) {
|
|
170
|
-
const e = this.getBoundingClientRect(), s = t.getBoundingClientRect(), n = s.left - e.left, i = s.width;
|
|
171
|
-
this.indicatorElement.style.transform = `translateX(${n}px)`, this.indicatorElement.style.width = `${i}px`;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
render() {
|
|
175
|
-
return p`
|
|
176
|
-
<div class="tabs-container">
|
|
177
|
-
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
178
|
-
<div class="indicator"></div>
|
|
179
|
-
</div>
|
|
180
|
-
`;
|
|
181
|
-
}
|
|
182
|
-
};
|
|
183
|
-
l.styles = [d.styles, y];
|
|
184
|
-
a([
|
|
185
|
-
c({ type: Number, reflect: !0, attribute: "active-index" })
|
|
186
|
-
], l.prototype, "activeIndex", 2);
|
|
187
|
-
a([
|
|
188
|
-
v({ selector: "md-tab" })
|
|
189
|
-
], l.prototype, "tabs", 2);
|
|
190
|
-
a([
|
|
191
|
-
m(".indicator")
|
|
192
|
-
], l.prototype, "indicatorElement", 2);
|
|
193
|
-
l = a([
|
|
194
|
-
f("md-tabs")
|
|
195
|
-
], l);
|
|
1
|
+
import { n as o, t as r } from "../../chunks/tabs-BfOtoeir.js";
|
|
196
2
|
export {
|
|
197
|
-
|
|
198
|
-
|
|
3
|
+
r as MdTab,
|
|
4
|
+
o as MdTabs
|
|
199
5
|
};
|
|
200
|
-
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.css.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"text-field.css.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAoM3B,CAAC"}
|
|
@@ -21,8 +21,8 @@ export declare class MdTextField extends MdFormAssociatedElement {
|
|
|
21
21
|
private inputElement?;
|
|
22
22
|
private assignedLeadingIcons;
|
|
23
23
|
connectedCallback(): void;
|
|
24
|
+
firstUpdated(changedProperties: Map<string, unknown>): void;
|
|
24
25
|
willUpdate(changedProperties: Map<string, unknown>): void;
|
|
25
|
-
updated(changedProperties: Map<string, unknown>): void;
|
|
26
26
|
formResetCallback(): void;
|
|
27
27
|
private handleFocus;
|
|
28
28
|
private handleBlur;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,iCAAiC,CAAC;AACzC,OAAO,iBAAiB,CAAC;AAGzB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,qBACa,WAAY,SAAQ,uBAAuB;IACtD,OAAgB,MAAM,iCAAqD;IAG3E,OAAO,EAAE,gBAAgB,CAAY;IAGrC,KAAK,SAAM;IAGX,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,IAAI,SAAU;IAGd,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAGd,SAAS,SAAM;IAGf,cAAc,SAAM;IAGpB,UAAU,SAAM;IAGhB,UAAU,SAAM;IAGhB,SAAS,SAAM;IAGf,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,YAAY,SAAM;IAGlB,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,YAAY,CAAC,CAAmB;IAGxC,OAAO,CAAC,oBAAoB,CAAiB;IAEpC,iBAAiB;
|
|
1
|
+
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,iCAAiC,CAAC;AACzC,OAAO,iBAAiB,CAAC;AAGzB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,qBACa,WAAY,SAAQ,uBAAuB;IACtD,OAAgB,MAAM,iCAAqD;IAG3E,OAAO,EAAE,gBAAgB,CAAY;IAGrC,KAAK,SAAM;IAGX,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,IAAI,SAAU;IAGd,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAGd,SAAS,SAAM;IAGf,cAAc,SAAM;IAGpB,UAAU,SAAM;IAGhB,UAAU,SAAM;IAGhB,SAAS,SAAM;IAGf,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,YAAY,SAAM;IAGlB,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,YAAY,CAAC,CAAmB;IAGxC,OAAO,CAAC,oBAAoB,CAAiB;IAEpC,iBAAiB;IAQjB,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAKpD,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAelD,iBAAiB;IAO1B,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,UAAU,CAIhB;IAEF,OAAO,CAAC,WAAW,CAKjB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,gBAAgB;IAKf,MAAM;CAiDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}
|