@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.
Files changed (166) hide show
  1. package/CHANGELOG.md +80 -0
  2. package/README.md +550 -90
  3. package/custom-elements.json +21010 -2354
  4. package/dist/chunks/badge-G4EjcMoy.js +89 -0
  5. package/dist/chunks/badge-G4EjcMoy.js.map +1 -0
  6. package/dist/chunks/button-B4TSZ7Sl.js +250 -0
  7. package/dist/chunks/button-B4TSZ7Sl.js.map +1 -0
  8. package/dist/chunks/card-DVffdPpv.js +163 -0
  9. package/dist/chunks/card-DVffdPpv.js.map +1 -0
  10. package/dist/chunks/checkbox-BqlboAHd.js +194 -0
  11. package/dist/chunks/checkbox-BqlboAHd.js.map +1 -0
  12. package/dist/chunks/chip-CI1ZINnr.js +169 -0
  13. package/dist/chunks/chip-CI1ZINnr.js.map +1 -0
  14. package/dist/chunks/code-C5UFBkCh.js +1830 -0
  15. package/dist/chunks/code-C5UFBkCh.js.map +1 -0
  16. package/dist/chunks/decorate-DXuynaiA.js +39 -0
  17. package/dist/chunks/decorate-DXuynaiA.js.map +1 -0
  18. package/dist/chunks/dialog-DGVEE5m_.js +158 -0
  19. package/dist/chunks/dialog-DGVEE5m_.js.map +1 -0
  20. package/dist/chunks/divider-DNepwoZv.js +82 -0
  21. package/dist/chunks/divider-DNepwoZv.js.map +1 -0
  22. package/dist/chunks/fab-C9j3WBHE.js +150 -0
  23. package/dist/chunks/fab-C9j3WBHE.js.map +1 -0
  24. package/dist/chunks/focus-ring-CuiJuM-y.js +71 -0
  25. package/dist/chunks/focus-ring-CuiJuM-y.js.map +1 -0
  26. package/dist/chunks/{form-associated-fKbeX_2P.js → form-associated-Cty_ZaS9.js} +26 -27
  27. package/dist/chunks/form-associated-Cty_ZaS9.js.map +1 -0
  28. package/dist/chunks/icon-DrNqcNEL.js +62 -0
  29. package/dist/chunks/icon-DrNqcNEL.js.map +1 -0
  30. package/dist/chunks/icon-button-BdSc7eot.js +188 -0
  31. package/dist/chunks/icon-button-BdSc7eot.js.map +1 -0
  32. package/dist/chunks/list-D8olR7oZ.js +204 -0
  33. package/dist/chunks/list-D8olR7oZ.js.map +1 -0
  34. package/dist/chunks/navigation-drawer-CKl44Ef5.js +531 -0
  35. package/dist/chunks/navigation-drawer-CKl44Ef5.js.map +1 -0
  36. package/dist/chunks/player-C4ydiIpr.js +1582 -0
  37. package/dist/chunks/player-C4ydiIpr.js.map +1 -0
  38. package/dist/chunks/progress-LQmLMDjX.js +266 -0
  39. package/dist/chunks/progress-LQmLMDjX.js.map +1 -0
  40. package/dist/chunks/radio-Bily78NT.js +205 -0
  41. package/dist/chunks/radio-Bily78NT.js.map +1 -0
  42. package/dist/chunks/ripple-squbKHhj.js +135 -0
  43. package/dist/chunks/ripple-squbKHhj.js.map +1 -0
  44. package/dist/chunks/search-bar-TXnqJ-gd.js +698 -0
  45. package/dist/chunks/search-bar-TXnqJ-gd.js.map +1 -0
  46. package/dist/chunks/snackbar-Wsz3BzEY.js +161 -0
  47. package/dist/chunks/snackbar-Wsz3BzEY.js.map +1 -0
  48. package/dist/chunks/switch-DdukrvXb.js +190 -0
  49. package/dist/chunks/switch-DdukrvXb.js.map +1 -0
  50. package/dist/chunks/table-aRTYzDyE.js +773 -0
  51. package/dist/chunks/table-aRTYzDyE.js.map +1 -0
  52. package/dist/chunks/tabs-BfOtoeir.js +191 -0
  53. package/dist/chunks/tabs-BfOtoeir.js.map +1 -0
  54. package/dist/chunks/text-field-hN6-2HQy.js +338 -0
  55. package/dist/chunks/text-field-hN6-2HQy.js.map +1 -0
  56. package/dist/chunks/top-app-bar-Dgbp6CFv.js +228 -0
  57. package/dist/chunks/top-app-bar-Dgbp6CFv.js.map +1 -0
  58. package/dist/components/account-menu/account-menu.css.d.ts +3 -0
  59. package/dist/components/account-menu/account-menu.css.d.ts.map +1 -0
  60. package/dist/components/account-menu/account-menu.d.ts +111 -0
  61. package/dist/components/account-menu/account-menu.d.ts.map +1 -0
  62. package/dist/components/app-drawer/app-drawer.css.d.ts +3 -0
  63. package/dist/components/app-drawer/app-drawer.css.d.ts.map +1 -0
  64. package/dist/components/app-drawer/app-drawer.d.ts +173 -0
  65. package/dist/components/app-drawer/app-drawer.d.ts.map +1 -0
  66. package/dist/components/badge/badge.js +2 -91
  67. package/dist/components/button/button.js +2 -261
  68. package/dist/components/card/card.js +2 -167
  69. package/dist/components/checkbox/checkbox.css.d.ts.map +1 -1
  70. package/dist/components/checkbox/checkbox.js +2 -186
  71. package/dist/components/chip/chip.js +3 -172
  72. package/dist/components/code/code.css.d.ts +2 -0
  73. package/dist/components/code/code.css.d.ts.map +1 -0
  74. package/dist/components/code/code.d.ts +106 -0
  75. package/dist/components/code/code.d.ts.map +1 -0
  76. package/dist/components/code/code.js +5 -0
  77. package/dist/components/code/highlighter.d.ts +8 -0
  78. package/dist/components/code/highlighter.d.ts.map +1 -0
  79. package/dist/components/code/linter.d.ts +44 -0
  80. package/dist/components/code/linter.d.ts.map +1 -0
  81. package/dist/components/dialog/dialog.js +2 -165
  82. package/dist/components/divider/divider.js +2 -79
  83. package/dist/components/fab/fab.js +2 -153
  84. package/dist/components/icon/icon.js +2 -68
  85. package/dist/components/icon-button/icon-button.css.d.ts.map +1 -1
  86. package/dist/components/icon-button/icon-button.js +1 -189
  87. package/dist/components/list/list.css.d.ts.map +1 -1
  88. package/dist/components/list/list.d.ts.map +1 -1
  89. package/dist/components/list/list.js +3 -188
  90. package/dist/components/navigation-drawer/navigation-drawer.css.d.ts +3 -0
  91. package/dist/components/navigation-drawer/navigation-drawer.css.d.ts.map +1 -0
  92. package/dist/components/navigation-drawer/navigation-drawer.d.ts +76 -0
  93. package/dist/components/navigation-drawer/navigation-drawer.d.ts.map +1 -0
  94. package/dist/components/navigation-drawer/navigation-drawer.js +8 -0
  95. package/dist/components/player/player.css.d.ts +2 -0
  96. package/dist/components/player/player.css.d.ts.map +1 -0
  97. package/dist/components/player/player.d.ts +99 -0
  98. package/dist/components/player/player.d.ts.map +1 -0
  99. package/dist/components/player/player.js +7 -0
  100. package/dist/components/progress/progress.css.d.ts.map +1 -1
  101. package/dist/components/progress/progress.d.ts +2 -0
  102. package/dist/components/progress/progress.d.ts.map +1 -1
  103. package/dist/components/progress/progress.js +3 -181
  104. package/dist/components/radio/radio.css.d.ts.map +1 -1
  105. package/dist/components/radio/radio.js +3 -203
  106. package/dist/components/search-bar/search-bar.css.d.ts +2 -0
  107. package/dist/components/search-bar/search-bar.css.d.ts.map +1 -0
  108. package/dist/components/search-bar/search-bar.d.ts +81 -0
  109. package/dist/components/search-bar/search-bar.d.ts.map +1 -0
  110. package/dist/components/search-bar/search-bar.js +5 -0
  111. package/dist/components/snackbar/snackbar.js +2 -162
  112. package/dist/components/switch/switch.css.d.ts.map +1 -1
  113. package/dist/components/switch/switch.js +2 -169
  114. package/dist/components/table/table.css.d.ts +8 -0
  115. package/dist/components/table/table.css.d.ts.map +1 -0
  116. package/dist/components/table/table.d.ts +158 -0
  117. package/dist/components/table/table.d.ts.map +1 -0
  118. package/dist/components/table/table.js +13 -0
  119. package/dist/components/tabs/tabs.js +3 -198
  120. package/dist/components/text-field/text-field.css.d.ts.map +1 -1
  121. package/dist/components/text-field/text-field.d.ts +1 -1
  122. package/dist/components/text-field/text-field.d.ts.map +1 -1
  123. package/dist/components/text-field/text-field.js +2 -325
  124. package/dist/components/top-app-bar/top-app-bar.css.d.ts +2 -0
  125. package/dist/components/top-app-bar/top-app-bar.css.d.ts.map +1 -0
  126. package/dist/components/top-app-bar/top-app-bar.d.ts +29 -0
  127. package/dist/components/top-app-bar/top-app-bar.d.ts.map +1 -0
  128. package/dist/components/top-app-bar/top-app-bar.js +5 -0
  129. package/dist/index.d.ts +8 -0
  130. package/dist/index.d.ts.map +1 -1
  131. package/dist/index.js +2264 -58
  132. package/dist/index.js.map +1 -1
  133. package/dist/internal/focus-ring/focus-ring.d.ts.map +1 -1
  134. package/dist/internal/focus-ring/focus-ring.js +4 -0
  135. package/dist/internal/ripple/ripple.css.d.ts.map +1 -1
  136. package/dist/internal/ripple/ripple.d.ts +0 -3
  137. package/dist/internal/ripple/ripple.d.ts.map +1 -1
  138. package/dist/internal/ripple/ripple.js +2 -142
  139. package/dist/tokens/index.js +336 -11
  140. package/dist/tokens/index.js.map +1 -1
  141. package/package.json +118 -12
  142. package/dist/chunks/base-component-DQTjlEVL.js +0 -34
  143. package/dist/chunks/base-component-DQTjlEVL.js.map +0 -1
  144. package/dist/chunks/focus-ring-Dl-XoEKK.js +0 -71
  145. package/dist/chunks/focus-ring-Dl-XoEKK.js.map +0 -1
  146. package/dist/chunks/form-associated-fKbeX_2P.js.map +0 -1
  147. package/dist/chunks/theme.css-DV3DRha-.js +0 -263
  148. package/dist/chunks/theme.css-DV3DRha-.js.map +0 -1
  149. package/dist/components/badge/badge.js.map +0 -1
  150. package/dist/components/button/button.js.map +0 -1
  151. package/dist/components/card/card.js.map +0 -1
  152. package/dist/components/checkbox/checkbox.js.map +0 -1
  153. package/dist/components/chip/chip.js.map +0 -1
  154. package/dist/components/dialog/dialog.js.map +0 -1
  155. package/dist/components/divider/divider.js.map +0 -1
  156. package/dist/components/fab/fab.js.map +0 -1
  157. package/dist/components/icon/icon.js.map +0 -1
  158. package/dist/components/icon-button/icon-button.js.map +0 -1
  159. package/dist/components/list/list.js.map +0 -1
  160. package/dist/components/progress/progress.js.map +0 -1
  161. package/dist/components/radio/radio.js.map +0 -1
  162. package/dist/components/snackbar/snackbar.js.map +0 -1
  163. package/dist/components/switch/switch.js.map +0 -1
  164. package/dist/components/tabs/tabs.js.map +0 -1
  165. package/dist/components/text-field/text-field.js.map +0 -1
  166. 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":"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"}
@@ -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 { css as b, nothing as u, html as p } from "lit";
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
- o as MdTab,
198
- l as MdTabs
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,yBA+K3B,CAAC"}
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;IAKjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IASlD,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO/C,iBAAiB;IAM1B,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"}
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"}