@francofantomius/material-components 0.1.0 → 1.0.0
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 +62 -0
- package/README.md +277 -83
- 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
|
@@ -1,190 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { property as o, customElement as g } from "lit/decorators.js";
|
|
3
|
-
import { M as p } from "../../chunks/base-component-DQTjlEVL.js";
|
|
4
|
-
import "../../internal/ripple/ripple.js";
|
|
5
|
-
import "../../chunks/focus-ring-Dl-XoEKK.js";
|
|
6
|
-
const y = m`
|
|
7
|
-
:host {
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
padding: 8px 0;
|
|
11
|
-
box-sizing: border-box;
|
|
12
|
-
}
|
|
13
|
-
`, x = m`
|
|
14
|
-
:host {
|
|
15
|
-
display: flex;
|
|
16
|
-
outline: none;
|
|
17
|
-
box-sizing: border-box;
|
|
18
|
-
-webkit-tap-highlight-color: transparent;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
:host([disabled]) {
|
|
22
|
-
pointer-events: none;
|
|
23
|
-
opacity: 0.38;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.item {
|
|
27
|
-
position: relative;
|
|
28
|
-
display: flex;
|
|
29
|
-
align-items: center;
|
|
30
|
-
width: 100%;
|
|
31
|
-
min-height: 56px;
|
|
32
|
-
padding: 8px 16px;
|
|
33
|
-
box-sizing: border-box;
|
|
34
|
-
font-family: var(--md-sys-typescale-font-family, inherit);
|
|
35
|
-
color: var(--md-sys-color-on-surface, #1D1B20);
|
|
36
|
-
text-decoration: none;
|
|
37
|
-
gap: 16px;
|
|
38
|
-
user-select: none;
|
|
39
|
-
overflow: hidden;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
:host([interactive]) .item {
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.start {
|
|
47
|
-
display: inline-flex;
|
|
48
|
-
align-items: center;
|
|
49
|
-
justify-content: center;
|
|
50
|
-
color: var(--md-sys-color-on-surface-variant, #49454F);
|
|
51
|
-
flex-shrink: 0;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.content {
|
|
55
|
-
display: flex;
|
|
56
|
-
flex-direction: column;
|
|
57
|
-
flex: 1;
|
|
58
|
-
min-width: 0;
|
|
59
|
-
justify-content: center;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.headline {
|
|
63
|
-
font-size: var(--md-sys-typescale-body-large-size, 16px);
|
|
64
|
-
line-height: 24px;
|
|
65
|
-
font-weight: 400;
|
|
66
|
-
color: var(--md-sys-color-on-surface, #1D1B20);
|
|
67
|
-
overflow: hidden;
|
|
68
|
-
text-overflow: ellipsis;
|
|
69
|
-
white-space: nowrap;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.supporting-text {
|
|
73
|
-
font-size: var(--md-sys-typescale-body-medium-size, 14px);
|
|
74
|
-
line-height: 20px;
|
|
75
|
-
font-weight: 400;
|
|
76
|
-
color: var(--md-sys-color-on-surface-variant, #49454F);
|
|
77
|
-
overflow: hidden;
|
|
78
|
-
text-overflow: ellipsis;
|
|
79
|
-
white-space: nowrap;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.end {
|
|
83
|
-
display: inline-flex;
|
|
84
|
-
align-items: center;
|
|
85
|
-
justify-content: center;
|
|
86
|
-
color: var(--md-sys-color-on-surface-variant, #49454F);
|
|
87
|
-
font-size: var(--md-sys-typescale-label-small-size, 11px);
|
|
88
|
-
flex-shrink: 0;
|
|
89
|
-
}
|
|
90
|
-
`;
|
|
91
|
-
var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, e = (i, l, d, a) => {
|
|
92
|
-
for (var n = a > 1 ? void 0 : a ? v(l, d) : l, c = i.length - 1, h; c >= 0; c--)
|
|
93
|
-
(h = i[c]) && (n = (a ? h(l, d, n) : h(n)) || n);
|
|
94
|
-
return a && n && u(l, d, n), n;
|
|
95
|
-
};
|
|
96
|
-
let t = class extends p {
|
|
97
|
-
constructor() {
|
|
98
|
-
super(...arguments), this.headline = "", this.supportingText = "", this.trailingSupportingText = "", this.interactive = !1, this.disabled = !1, this.href = "", this.target = "", this.handleClick = (i) => {
|
|
99
|
-
if (this.disabled) {
|
|
100
|
-
i.preventDefault(), i.stopImmediatePropagation();
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
this.interactive && this.emitEvent("item-click");
|
|
104
|
-
};
|
|
105
|
-
}
|
|
106
|
-
render() {
|
|
107
|
-
const i = r`
|
|
108
|
-
${this.interactive ? r`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : s}
|
|
109
|
-
|
|
110
|
-
<div class="start">
|
|
111
|
-
<slot name="start"></slot>
|
|
112
|
-
</div>
|
|
113
|
-
|
|
114
|
-
<div class="content">
|
|
115
|
-
<slot>
|
|
116
|
-
${this.headline ? r`<span class="headline">${this.headline}</span>` : s}
|
|
117
|
-
${this.supportingText ? r`<span class="supporting-text">${this.supportingText}</span>` : s}
|
|
118
|
-
</slot>
|
|
119
|
-
</div>
|
|
120
|
-
|
|
121
|
-
<div class="end">
|
|
122
|
-
<slot name="end">
|
|
123
|
-
${this.trailingSupportingText ? r`<span>${this.trailingSupportingText}</span>` : s}
|
|
124
|
-
</slot>
|
|
125
|
-
</div>
|
|
126
|
-
`;
|
|
127
|
-
return this.href ? r`
|
|
128
|
-
<a
|
|
129
|
-
class="item"
|
|
130
|
-
href=${this.disabled ? s : this.href}
|
|
131
|
-
target=${this.target || s}
|
|
132
|
-
aria-disabled=${this.disabled ? "true" : s}
|
|
133
|
-
tabindex=${this.disabled ? "-1" : "0"}
|
|
134
|
-
@click=${this.handleClick}
|
|
135
|
-
>
|
|
136
|
-
${i}
|
|
137
|
-
</a>
|
|
138
|
-
` : r`
|
|
139
|
-
<div
|
|
140
|
-
class="item"
|
|
141
|
-
tabindex=${this.interactive && !this.disabled ? "0" : s}
|
|
142
|
-
@click=${this.handleClick}
|
|
143
|
-
>
|
|
144
|
-
${i}
|
|
145
|
-
</div>
|
|
146
|
-
`;
|
|
147
|
-
}
|
|
148
|
-
};
|
|
149
|
-
t.styles = [p.styles, x];
|
|
150
|
-
e([
|
|
151
|
-
o({ type: String })
|
|
152
|
-
], t.prototype, "headline", 2);
|
|
153
|
-
e([
|
|
154
|
-
o({ type: String, attribute: "supporting-text" })
|
|
155
|
-
], t.prototype, "supportingText", 2);
|
|
156
|
-
e([
|
|
157
|
-
o({ type: String, attribute: "trailing-supporting-text" })
|
|
158
|
-
], t.prototype, "trailingSupportingText", 2);
|
|
159
|
-
e([
|
|
160
|
-
o({ type: Boolean, reflect: !0 })
|
|
161
|
-
], t.prototype, "interactive", 2);
|
|
162
|
-
e([
|
|
163
|
-
o({ type: Boolean, reflect: !0 })
|
|
164
|
-
], t.prototype, "disabled", 2);
|
|
165
|
-
e([
|
|
166
|
-
o({ type: String })
|
|
167
|
-
], t.prototype, "href", 2);
|
|
168
|
-
e([
|
|
169
|
-
o({ type: String })
|
|
170
|
-
], t.prototype, "target", 2);
|
|
171
|
-
t = e([
|
|
172
|
-
g("md-list-item")
|
|
173
|
-
], t);
|
|
174
|
-
let f = class extends p {
|
|
175
|
-
connectedCallback() {
|
|
176
|
-
super.connectedCallback(), this.setAttribute("role", "list");
|
|
177
|
-
}
|
|
178
|
-
render() {
|
|
179
|
-
return r`<slot></slot>`;
|
|
180
|
-
}
|
|
181
|
-
};
|
|
182
|
-
f.styles = [p.styles, y];
|
|
183
|
-
f = e([
|
|
184
|
-
g("md-list")
|
|
185
|
-
], f);
|
|
1
|
+
import { n as s, t as i } from "../../chunks/list-D8olR7oZ.js";
|
|
186
2
|
export {
|
|
187
|
-
|
|
188
|
-
|
|
3
|
+
i as MdList,
|
|
4
|
+
s as MdListItem
|
|
189
5
|
};
|
|
190
|
-
//# sourceMappingURL=list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-drawer.css.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-drawer/navigation-drawer.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBAiPlC,CAAC;AAEF,eAAO,MAAM,0BAA0B,yBAqGtC,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { MdBaseElement } from '../../internal/base-component.js';
|
|
2
|
+
export type NavigationDrawerType = 'modal' | 'standard' | 'responsive';
|
|
3
|
+
export type NavigationDrawerPivot = 'left' | 'right';
|
|
4
|
+
/**
|
|
5
|
+
* Material Design 3 Navigation Drawer Item component.
|
|
6
|
+
*
|
|
7
|
+
* @slot icon - Custom leading icon.
|
|
8
|
+
* @slot - Default slot for item label / headline.
|
|
9
|
+
* @slot badge - Custom trailing badge or indicator.
|
|
10
|
+
*/
|
|
11
|
+
export declare class MdNavigationDrawerItem extends MdBaseElement {
|
|
12
|
+
static styles: import('lit').CSSResultGroup[];
|
|
13
|
+
icon: string;
|
|
14
|
+
label: string;
|
|
15
|
+
headline: string;
|
|
16
|
+
badge: string;
|
|
17
|
+
active: boolean;
|
|
18
|
+
selected: boolean;
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
href: string;
|
|
21
|
+
target: string;
|
|
22
|
+
willUpdate(changedProperties: Map<string, unknown>): void;
|
|
23
|
+
private handleClick;
|
|
24
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Material Design 3 Navigation Drawer (Side Menu / Menu Bar) component.
|
|
28
|
+
*
|
|
29
|
+
* @slot header - Top drawer header area (profile, app title, etc.).
|
|
30
|
+
* @slot - Default slot for drawer navigation items.
|
|
31
|
+
* @slot footer - Bottom drawer section.
|
|
32
|
+
*/
|
|
33
|
+
export declare class MdNavigationDrawer extends MdBaseElement {
|
|
34
|
+
static styles: import('lit').CSSResultGroup[];
|
|
35
|
+
open: boolean;
|
|
36
|
+
type: NavigationDrawerType;
|
|
37
|
+
responsive: boolean;
|
|
38
|
+
closed: boolean;
|
|
39
|
+
pivot: NavigationDrawerPivot;
|
|
40
|
+
headline: string;
|
|
41
|
+
connectedCallback(): void;
|
|
42
|
+
disconnectedCallback(): void;
|
|
43
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
44
|
+
private isModalMode;
|
|
45
|
+
private handleKeyDown;
|
|
46
|
+
private handleScrimClick;
|
|
47
|
+
/**
|
|
48
|
+
* Opens the navigation drawer.
|
|
49
|
+
*/
|
|
50
|
+
show(): void;
|
|
51
|
+
/**
|
|
52
|
+
* Closes the navigation drawer.
|
|
53
|
+
*/
|
|
54
|
+
close(): void;
|
|
55
|
+
/**
|
|
56
|
+
* Toggles open / closed state of the navigation drawer.
|
|
57
|
+
*/
|
|
58
|
+
toggle(): void;
|
|
59
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
60
|
+
}
|
|
61
|
+
export declare class MdDrawer extends MdNavigationDrawer {
|
|
62
|
+
}
|
|
63
|
+
export declare class MdMenuBar extends MdNavigationDrawer {
|
|
64
|
+
}
|
|
65
|
+
export declare class MdDrawerItem extends MdNavigationDrawerItem {
|
|
66
|
+
}
|
|
67
|
+
declare global {
|
|
68
|
+
interface HTMLElementTagNameMap {
|
|
69
|
+
'md-navigation-drawer': MdNavigationDrawer;
|
|
70
|
+
'md-drawer': MdDrawer;
|
|
71
|
+
'md-menu-bar': MdMenuBar;
|
|
72
|
+
'md-navigation-drawer-item': MdNavigationDrawerItem;
|
|
73
|
+
'md-drawer-item': MdDrawerItem;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=navigation-drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-drawer/navigation-drawer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AAGzB,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AACvE,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD;;;;;;GAMG;AACH,qBACa,sBAAuB,SAAQ,aAAa;IACvD,OAAgB,MAAM,iCAAsD;IAG5E,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,QAAQ,SAAM;IAGd,KAAK,SAAM;IAGX,MAAM,UAAS;IAGf,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,MAAM,SAAM;IAEH,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAS3D,OAAO,CAAC,WAAW,CAWjB;IAEO,MAAM;CAkDhB;AAED;;;;;;GAMG;AACH,qBACa,kBAAmB,SAAQ,aAAa;IACnD,OAAgB,MAAM,iCAAkD;IAGxE,IAAI,UAAS;IAGb,IAAI,EAAE,oBAAoB,CAAW;IAGrC,UAAU,UAAS;IAGnB,MAAM,UAAS;IAGf,KAAK,EAAE,qBAAqB,CAAU;IAGtC,QAAQ,SAAM;IAEL,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkBxD,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF;;OAEG;IACH,IAAI;IASJ;;OAEG;IACH,KAAK;IASL;;OAEG;IACH,MAAM;IAQG,MAAM;CA8BhB;AAGD,qBACa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,qBACa,SAAU,SAAQ,kBAAkB;CAAG;AAEpD,qBACa,YAAa,SAAQ,sBAAsB;CAAG;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,WAAW,EAAE,QAAQ,CAAC;QACtB,aAAa,EAAE,SAAS,CAAC;QACzB,2BAA2B,EAAE,sBAAsB,CAAC;QACpD,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"player.css.d.ts","sourceRoot":"","sources":["../../../src/components/player/player.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAuwBxB,CAAC"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { MdBaseElement } from '../../internal/base-component.js';
|
|
2
|
+
export type PlayerType = 'audio' | 'video';
|
|
3
|
+
export type PlayerVariant = 'elevated' | 'filled' | 'outlined' | 'compact' | 'full';
|
|
4
|
+
export declare class MdPlayer extends MdBaseElement {
|
|
5
|
+
static styles: import('lit').CSSResultGroup[];
|
|
6
|
+
type: PlayerType;
|
|
7
|
+
variant: PlayerVariant;
|
|
8
|
+
src: string;
|
|
9
|
+
trackTitle: string;
|
|
10
|
+
artist: string;
|
|
11
|
+
album: string;
|
|
12
|
+
poster: string;
|
|
13
|
+
currentTime: number;
|
|
14
|
+
duration: number;
|
|
15
|
+
volume: number;
|
|
16
|
+
muted: boolean;
|
|
17
|
+
playbackRate: number;
|
|
18
|
+
paused: boolean;
|
|
19
|
+
loop: boolean;
|
|
20
|
+
autoplay: boolean;
|
|
21
|
+
preload: 'auto' | 'metadata' | 'none';
|
|
22
|
+
compact: boolean;
|
|
23
|
+
showSkip: boolean;
|
|
24
|
+
showSeek: boolean;
|
|
25
|
+
showVolume: boolean;
|
|
26
|
+
showPlaybackRate: boolean;
|
|
27
|
+
showQueue: boolean;
|
|
28
|
+
seekStep: number;
|
|
29
|
+
shuffle: boolean;
|
|
30
|
+
buffered: number;
|
|
31
|
+
crossorigin: string;
|
|
32
|
+
private isDraggingScrubber;
|
|
33
|
+
private scrubFraction;
|
|
34
|
+
private isFullscreen;
|
|
35
|
+
private queueOpen;
|
|
36
|
+
private controlsVisible;
|
|
37
|
+
private hasExtraContent;
|
|
38
|
+
private internalMediaEl?;
|
|
39
|
+
private sliderContainerEl?;
|
|
40
|
+
private videoViewportEl?;
|
|
41
|
+
private slottedMediaEl;
|
|
42
|
+
private controlsHideTimeout;
|
|
43
|
+
connectedCallback(): void;
|
|
44
|
+
disconnectedCallback(): void;
|
|
45
|
+
firstUpdated(): void;
|
|
46
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
47
|
+
getMediaElement(): HTMLMediaElement | null;
|
|
48
|
+
private syncMediaProperties;
|
|
49
|
+
private handleDefaultSlotChange;
|
|
50
|
+
private handleMediaSlotChange;
|
|
51
|
+
private bindMediaEvents;
|
|
52
|
+
play(): Promise<void>;
|
|
53
|
+
pause(): void;
|
|
54
|
+
togglePlay(): void;
|
|
55
|
+
seek(timeInSeconds: number): void;
|
|
56
|
+
seekBy(deltaSeconds: number): void;
|
|
57
|
+
setVolume(vol: number): void;
|
|
58
|
+
toggleMute(): void;
|
|
59
|
+
setPlaybackRate(rate: number): void;
|
|
60
|
+
cyclePlaybackRate(): void;
|
|
61
|
+
toggleLoop(): void;
|
|
62
|
+
toggleShuffle(): void;
|
|
63
|
+
toggleQueue(): void;
|
|
64
|
+
restart(): void;
|
|
65
|
+
toggleFullscreen(): Promise<void>;
|
|
66
|
+
togglePictureInPicture(): Promise<void>;
|
|
67
|
+
previous(): void;
|
|
68
|
+
next(): void;
|
|
69
|
+
private handleFullscreenChange;
|
|
70
|
+
private handleMouseMove;
|
|
71
|
+
private handleVolumeSliderInput;
|
|
72
|
+
private handleScrubberPointerDown;
|
|
73
|
+
private handleScrubberPointerMove;
|
|
74
|
+
private handleScrubberPointerUp;
|
|
75
|
+
private updateScrubberFromPointer;
|
|
76
|
+
private handleKeyDown;
|
|
77
|
+
private getVolumeIcon;
|
|
78
|
+
private renderScrubber;
|
|
79
|
+
private renderControls;
|
|
80
|
+
private renderAudioLayout;
|
|
81
|
+
private renderVideoLayout;
|
|
82
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
83
|
+
}
|
|
84
|
+
export declare class MdMediaPlayer extends MdPlayer {
|
|
85
|
+
}
|
|
86
|
+
export declare class MdAudioPlayer extends MdPlayer {
|
|
87
|
+
}
|
|
88
|
+
export declare class MdVideoPlayer extends MdPlayer {
|
|
89
|
+
type: PlayerType;
|
|
90
|
+
}
|
|
91
|
+
declare global {
|
|
92
|
+
interface HTMLElementTagNameMap {
|
|
93
|
+
'md-player': MdPlayer;
|
|
94
|
+
'md-media-player': MdMediaPlayer;
|
|
95
|
+
'md-audio-player': MdAudioPlayer;
|
|
96
|
+
'md-video-player': MdVideoPlayer;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
//# sourceMappingURL=player.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"player.d.ts","sourceRoot":"","sources":["../../../src/components/player/player.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.css.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"progress.css.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAsL1B,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { MdBaseElement } from '../../internal/base-component.js';
|
|
2
2
|
export type ProgressType = 'linear' | 'circular';
|
|
3
|
+
export declare const WAVY_CIRCLE_PATH = "M 44.000 24.000 C 44.942 25.309, 45.659 26.854, 45.381 28.253 C 45.103 29.652, 43.849 30.805, 42.478 31.654 C 41.106 32.502, 39.795 33.121, 39.133 34.111 C 38.471 35.102, 38.401 36.550, 38.142 38.142 C 37.883 39.734, 37.298 41.333, 36.111 42.126 C 34.925 42.919, 33.224 42.847, 31.654 42.478 C 30.084 42.108, 28.719 41.618, 27.551 41.850 C 26.382 42.083, 25.309 43.058, 24.000 44.000 C 22.691 44.942, 21.146 45.659, 19.747 45.381 C 18.348 45.103, 17.195 43.849, 16.346 42.478 C 15.498 41.106, 14.879 39.795, 13.889 39.133 C 12.898 38.471, 11.450 38.401, 9.858 38.142 C 8.266 37.883, 6.667 37.298, 5.874 36.111 C 5.081 34.925, 5.153 33.224, 5.522 31.654 C 5.892 30.084, 6.382 28.719, 6.150 27.551 C 5.917 26.382, 4.942 25.309, 4.000 24.000 C 3.058 22.691, 2.341 21.146, 2.619 19.747 C 2.897 18.348, 4.151 17.195, 5.522 16.346 C 6.894 15.498, 8.205 14.879, 8.867 13.889 C 9.529 12.898, 9.599 11.450, 9.858 9.858 C 10.117 8.266, 10.702 6.667, 11.889 5.874 C 13.075 5.081, 14.776 5.153, 16.346 5.522 C 17.916 5.892, 19.281 6.382, 20.449 6.150 C 21.618 5.917, 22.691 4.942, 24.000 4.000 C 25.309 3.058, 26.854 2.341, 28.253 2.619 C 29.652 2.897, 30.805 4.151, 31.654 5.522 C 32.502 6.894, 33.121 8.205, 34.111 8.867 C 35.102 9.529, 36.550 9.599, 38.142 9.858 C 39.734 10.117, 41.333 10.702, 42.126 11.889 C 42.919 13.075, 42.847 14.776, 42.478 16.346 C 42.108 17.916, 41.618 19.281, 41.850 20.449 C 42.083 21.618, 43.058 22.691, 44.000 24.000 Z";
|
|
3
4
|
export declare class MdProgress extends MdBaseElement {
|
|
4
5
|
static styles: import('lit').CSSResultGroup[];
|
|
5
6
|
type: ProgressType;
|
|
@@ -7,6 +8,7 @@ export declare class MdProgress extends MdBaseElement {
|
|
|
7
8
|
max: number;
|
|
8
9
|
buffer: number;
|
|
9
10
|
indeterminate: boolean;
|
|
11
|
+
wavy: boolean;
|
|
10
12
|
willUpdate(changedProperties: Map<string, unknown>): void;
|
|
11
13
|
connectedCallback(): void;
|
|
12
14
|
render(): import('lit-html').TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjD,qBACa,UAAW,SAAQ,aAAa;IAC3C,OAAgB,MAAM,iCAA0C;IAGhE,IAAI,EAAE,YAAY,CAAY;IAG9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG5B,GAAG,SAAK;IAGR,MAAM,SAAK;IAGX,aAAa,UAAQ;
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/progress/progress.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEjD,eAAO,MAAM,gBAAgB,o6CACs4C,CAAC;AAEp6C,qBACa,UAAW,SAAQ,aAAa;IAC3C,OAAgB,MAAM,iCAA0C;IAGhE,IAAI,EAAE,YAAY,CAAY;IAG9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG5B,GAAG,SAAK;IAGR,MAAM,SAAK;IAGX,aAAa,UAAQ;IAGrB,IAAI,UAAQ;IAEH,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAelD,iBAAiB;IAOjB,MAAM;CAoEhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
|
@@ -1,183 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { property as o, customElement as f } from "lit/decorators.js";
|
|
3
|
-
import { M as u } from "../../chunks/base-component-DQTjlEVL.js";
|
|
4
|
-
const p = d`
|
|
5
|
-
:host {
|
|
6
|
-
display: inline-flex;
|
|
7
|
-
vertical-align: middle;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
/* --- Linear Progress --- */
|
|
11
|
-
:host(:not([type])),
|
|
12
|
-
:host([type="linear"]) {
|
|
13
|
-
display: block;
|
|
14
|
-
width: 100%;
|
|
15
|
-
height: 4px;
|
|
16
|
-
position: relative;
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);
|
|
19
|
-
border-radius: var(--md-sys-shape-corner-full, 9999px);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.linear-buffer {
|
|
23
|
-
position: absolute;
|
|
24
|
-
inset: 0;
|
|
25
|
-
background-color: var(--md-sys-color-primary-container, #EADDFF);
|
|
26
|
-
transform-origin: left;
|
|
27
|
-
transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.linear-bar {
|
|
31
|
-
position: absolute;
|
|
32
|
-
top: 0;
|
|
33
|
-
bottom: 0;
|
|
34
|
-
left: 0;
|
|
35
|
-
right: 0;
|
|
36
|
-
background-color: var(--md-sys-color-primary, #6750A4);
|
|
37
|
-
border-radius: inherit;
|
|
38
|
-
transform-origin: left;
|
|
39
|
-
transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
:host([indeterminate]:not([type])),
|
|
43
|
-
:host([indeterminate][type="linear"]) .linear-bar {
|
|
44
|
-
animation: md-linear-indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
@keyframes md-linear-indeterminate {
|
|
48
|
-
0% {
|
|
49
|
-
left: -35%;
|
|
50
|
-
right: 100%;
|
|
51
|
-
}
|
|
52
|
-
60% {
|
|
53
|
-
left: 100%;
|
|
54
|
-
right: -90%;
|
|
55
|
-
}
|
|
56
|
-
100% {
|
|
57
|
-
left: 100%;
|
|
58
|
-
right: -90%;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
/* --- Circular Progress --- */
|
|
63
|
-
:host([type="circular"]) {
|
|
64
|
-
width: 48px;
|
|
65
|
-
height: 48px;
|
|
66
|
-
position: relative;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
svg {
|
|
70
|
-
width: 100%;
|
|
71
|
-
height: 100%;
|
|
72
|
-
transform: rotate(-90deg);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
circle {
|
|
76
|
-
fill: none;
|
|
77
|
-
stroke-width: 4px;
|
|
78
|
-
stroke-linecap: round;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.circle-track {
|
|
82
|
-
stroke: var(--md-sys-color-surface-container-highest, #E6E0E9);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.circle-indicator {
|
|
86
|
-
stroke: var(--md-sys-color-primary, #6750A4);
|
|
87
|
-
transition: stroke-dashoffset 200ms cubic-bezier(0.2, 0, 0, 1);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
:host([indeterminate][type="circular"]) svg {
|
|
91
|
-
animation: md-circular-rotate 1.4s linear infinite;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
:host([indeterminate][type="circular"]) .circle-indicator {
|
|
95
|
-
animation: md-circular-dash 1.4s ease-in-out infinite;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
@keyframes md-circular-rotate {
|
|
99
|
-
100% {
|
|
100
|
-
transform: rotate(270deg);
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
@keyframes md-circular-dash {
|
|
105
|
-
0% {
|
|
106
|
-
stroke-dasharray: 1, 200;
|
|
107
|
-
stroke-dashoffset: 0;
|
|
108
|
-
}
|
|
109
|
-
50% {
|
|
110
|
-
stroke-dasharray: 89, 200;
|
|
111
|
-
stroke-dashoffset: -35px;
|
|
112
|
-
}
|
|
113
|
-
100% {
|
|
114
|
-
stroke-dasharray: 89, 200;
|
|
115
|
-
stroke-dashoffset: -124px;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
`;
|
|
119
|
-
var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (r, s, n, t) => {
|
|
120
|
-
for (var e = t > 1 ? void 0 : t ? b(s, n) : s, l = r.length - 1, c; l >= 0; l--)
|
|
121
|
-
(c = r[l]) && (e = (t ? c(s, n, e) : c(e)) || e);
|
|
122
|
-
return t && e && y(s, n, e), e;
|
|
123
|
-
};
|
|
124
|
-
let i = class extends u {
|
|
125
|
-
constructor() {
|
|
126
|
-
super(...arguments), this.type = "linear", this.value = null, this.max = 1, this.buffer = 1, this.indeterminate = !0;
|
|
127
|
-
}
|
|
128
|
-
willUpdate(r) {
|
|
129
|
-
super.willUpdate(r), r.has("value") && (this.indeterminate = this.value === null || this.value === void 0, !this.indeterminate && this.value !== null ? this.setAttribute("aria-valuenow", String(this.value)) : this.removeAttribute("aria-valuenow"));
|
|
130
|
-
}
|
|
131
|
-
connectedCallback() {
|
|
132
|
-
super.connectedCallback(), this.setAttribute("role", "progressbar"), this.setAttribute("aria-valuemin", "0"), this.setAttribute("aria-valuemax", String(this.max));
|
|
133
|
-
}
|
|
134
|
-
render() {
|
|
135
|
-
const r = this.value !== null ? Math.min(Math.max(this.value / this.max, 0), 1) : 0, s = Math.min(Math.max(this.buffer / this.max, 0), 1);
|
|
136
|
-
if (this.type === "circular") {
|
|
137
|
-
const t = 2 * Math.PI * 20, e = t - r * t;
|
|
138
|
-
return m`
|
|
139
|
-
<svg viewBox="0 0 48 48">
|
|
140
|
-
<circle class="circle-track" cx="24" cy="24" r=${20}></circle>
|
|
141
|
-
<circle
|
|
142
|
-
class="circle-indicator"
|
|
143
|
-
cx="24"
|
|
144
|
-
cy="24"
|
|
145
|
-
r=${20}
|
|
146
|
-
stroke-dasharray=${this.indeterminate ? h : `${t}`}
|
|
147
|
-
stroke-dashoffset=${this.indeterminate ? h : `${e}`}
|
|
148
|
-
></circle>
|
|
149
|
-
</svg>
|
|
150
|
-
`;
|
|
151
|
-
}
|
|
152
|
-
return m`
|
|
153
|
-
${this.buffer < 1 ? m`<div class="linear-buffer" style="transform: scaleX(${s})"></div>` : h}
|
|
154
|
-
<div
|
|
155
|
-
class="linear-bar"
|
|
156
|
-
style=${this.indeterminate ? "" : `transform: scaleX(${r})`}
|
|
157
|
-
></div>
|
|
158
|
-
`;
|
|
159
|
-
}
|
|
160
|
-
};
|
|
161
|
-
i.styles = [u.styles, p];
|
|
162
|
-
a([
|
|
163
|
-
o({ type: String, reflect: !0 })
|
|
164
|
-
], i.prototype, "type", 2);
|
|
165
|
-
a([
|
|
166
|
-
o({ type: Number })
|
|
167
|
-
], i.prototype, "value", 2);
|
|
168
|
-
a([
|
|
169
|
-
o({ type: Number })
|
|
170
|
-
], i.prototype, "max", 2);
|
|
171
|
-
a([
|
|
172
|
-
o({ type: Number })
|
|
173
|
-
], i.prototype, "buffer", 2);
|
|
174
|
-
a([
|
|
175
|
-
o({ type: Boolean, reflect: !0 })
|
|
176
|
-
], i.prototype, "indeterminate", 2);
|
|
177
|
-
i = a([
|
|
178
|
-
f("md-progress")
|
|
179
|
-
], i);
|
|
1
|
+
import { n as o, t as s } from "../../chunks/progress-LQmLMDjX.js";
|
|
180
2
|
export {
|
|
181
|
-
|
|
3
|
+
s as MdProgress,
|
|
4
|
+
o as WAVY_CIRCLE_PATH
|
|
182
5
|
};
|
|
183
|
-
//# sourceMappingURL=progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.css.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"radio.css.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA0EvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAY5B,CAAC"}
|