@covalent/components 10.3.2 → 10.3.3
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/action-ribbon.js +5 -5
- package/action-ribbon.mjs +33 -33
- package/alert.js +5 -5
- package/alert.mjs +54 -54
- package/app-shell.js +1 -1
- package/app-shell.mjs +7 -7
- package/async-directive-JqUnzsgG.mjs +66 -0
- package/async-directive-X7VhNdG3.js +5 -0
- package/badge.js +1 -1
- package/badge.mjs +4 -4
- package/{base-element-5ZU-p99q.js → base-element-DP9GZic2.js} +1 -1
- package/{base-element-CzNmpVoz.mjs → base-element-DUJkJh_y.mjs} +1 -1
- package/button.js +2 -2
- package/button.mjs +29 -29
- package/card.js +8 -8
- package/card.mjs +39 -39
- package/check-list-item.js +8 -8
- package/check-list-item.mjs +34 -34
- package/checkbox.js +1 -1
- package/checkbox.mjs +15 -15
- package/{chip-CitHXhY7.js → chip-CiCrVTPi.js} +40 -40
- package/{chip-5QP7xPTY.mjs → chip-kcYskdL2.mjs} +37 -37
- package/chip-set.js +5 -5
- package/chip-set.mjs +135 -135
- package/chip.js +1 -1
- package/chip.mjs +2 -2
- package/circular-progress.js +15 -15
- package/circular-progress.mjs +25 -25
- package/class-map-DPUylGZM.mjs +36 -0
- package/class-map-DTzB8z-1.js +5 -0
- package/{code-editor-XU5DhFbC.mjs → code-editor-C3uCywXF.mjs} +7930 -7977
- package/{code-editor-CryBkPGy.js → code-editor-DRE322br.js} +116 -116
- package/code-editor.js +1 -1
- package/code-editor.mjs +2 -2
- package/code-snippet.js +1 -1
- package/code-snippet.mjs +5 -5
- package/{dialog-BodJc4rc.mjs → dialog-CzHKHFcv.mjs} +185 -185
- package/{dialog-DMqDMT_N.js → dialog-DnrVj2jp.js} +9 -9
- package/dialog.js +1 -1
- package/dialog.mjs +2 -2
- package/directive-C7oCP5Bh.js +5 -0
- package/directive-helpers-C-un5pST.js +5 -0
- package/directive-helpers-DS-VuBZD.mjs +11 -0
- package/{directive-B76A7YXI.mjs → directive-oAbCiebi.mjs} +4 -4
- package/drawer.js +2 -2
- package/drawer.mjs +14 -14
- package/empty-state.js +1 -1
- package/empty-state.mjs +6 -6
- package/{event-options-D44mpm5S.mjs → event-options-C7DvXRgq.mjs} +1 -1
- package/{event-options-IG-2g8HU.js → event-options-DD382x85.js} +1 -1
- package/expansion-panel-item.js +1 -1
- package/expansion-panel-item.mjs +3 -3
- package/expansion-panel.js +1 -1
- package/expansion-panel.mjs +5 -5
- package/focused-page.js +1 -1
- package/focused-page.mjs +7 -7
- package/form-element-BOhYShN_.mjs +50 -0
- package/form-element-BSAsNxWv.js +5 -0
- package/formfield.js +7 -7
- package/formfield.mjs +45 -45
- package/{foundation-BYhAXCW_.mjs → foundation-CZtT3AWn.mjs} +15 -17
- package/{foundation-sIsx2I_x.js → foundation-CySCCTUE.js} +2 -2
- package/{foundation-D6JHa7Lg.mjs → foundation-PL3XY-m_.mjs} +4 -4
- package/{foundation-aT_gy6X8.js → foundation-pgmPu2iJ.js} +1 -1
- package/full-screen-dialog.js +2 -2
- package/full-screen-dialog.mjs +10 -10
- package/{html-DW6Y8eLM.mjs → html-B4ZQgAyG.mjs} +1 -1
- package/{html-CEiNqoVv.js → html-BmXgAsCP.js} +1 -1
- package/icon-button-toggle.js +5 -5
- package/icon-button-toggle.mjs +29 -29
- package/icon-button.js +3 -3
- package/icon-button.mjs +32 -32
- package/icon-check-toggle.js +1 -1
- package/icon-check-toggle.mjs +7 -7
- package/icon-lockup.js +5 -5
- package/icon-lockup.mjs +4 -4
- package/icon-radio-toggle.js +1 -1
- package/icon-radio-toggle.mjs +13 -13
- package/icon.js +1 -1
- package/icon.mjs +13 -13
- package/{if-defined-B7G84qob.js → if-defined-CZCqOAYs.js} +1 -1
- package/{if-defined-DN7whKwy.mjs → if-defined-DGrxuPYz.mjs} +1 -1
- package/index.js +7 -7
- package/index.mjs +121 -121
- package/{javascript-vVCDG6Rm.js → javascript-Cc9WaUTf.js} +1 -1
- package/{javascript-DzJ0FiwJ.mjs → javascript-Dyp_SycE.mjs} +1 -1
- package/linear-progress.js +7 -7
- package/linear-progress.mjs +32 -32
- package/{list-item-COi_Dg4N.js → list-item-qiQvSXie.js} +1 -1
- package/{list-item-Bh5n0QpR.mjs → list-item-quxukAxk.mjs} +1 -1
- package/list-item.js +7 -7
- package/list-item.mjs +21 -21
- package/list.js +3 -3
- package/list.mjs +16 -16
- package/menu.js +3 -3
- package/menu.mjs +15 -15
- package/{mwc-checkbox.css-CNoj0V14.mjs → mwc-checkbox.css-BrjbMwch.mjs} +28 -28
- package/{mwc-checkbox.css-BV3dyB4C.js → mwc-checkbox.css-u49MHsHT.js} +1 -1
- package/{mwc-drawer-base-C96HTnbC.mjs → mwc-drawer-base-B75WxHwf.mjs} +10 -10
- package/{mwc-drawer-base-BIn51sQu.js → mwc-drawer-base-BymazAF9.js} +3 -3
- package/{mwc-icon-Xgr698ax.js → mwc-icon-BUzuM0iB.js} +1 -1
- package/{mwc-icon-DTCUplqR.mjs → mwc-icon-U80igLyY.mjs} +2 -2
- package/{mwc-icon-button.css-DOVWWyjA.js → mwc-icon-button.css-BzElD_JI.js} +1 -1
- package/{mwc-icon-button.css-DJiDOS0_.mjs → mwc-icon-button.css-DosQIdlt.mjs} +1 -1
- package/{mwc-line-ripple-directive-TO37-41n.mjs → mwc-line-ripple-directive-AW6v6TRk.mjs} +34 -34
- package/{mwc-line-ripple-directive-r80jluoU.js → mwc-line-ripple-directive-DBy5sTfo.js} +4 -4
- package/{mwc-list-item.css-CO1JlA8e.js → mwc-list-item.css-Bib8TVz5.js} +10 -10
- package/{mwc-list-item.css-Cg9onxQ-.mjs → mwc-list-item.css-BtGzAhUF.mjs} +10 -10
- package/{mwc-list.css-C_-DVEme.mjs → mwc-list.css-BBbQixrF.mjs} +100 -100
- package/{mwc-list.css-Deg9oBaO.js → mwc-list.css-DWV8pw-x.js} +1 -1
- package/{mwc-menu.css-qpZxKN-g.mjs → mwc-menu.css-BUjxqJjM.mjs} +303 -303
- package/{mwc-menu.css-Dvr-f3_T.js → mwc-menu.css-D3EFugOg.js} +18 -18
- package/{mwc-radio.css-DjO4Rn44.js → mwc-radio.css-BWiWreTh.js} +1 -1
- package/{mwc-radio.css-BiHC1R8I.mjs → mwc-radio.css-DPbyzNg_.mjs} +8 -8
- package/{mwc-slider.css-Deh1__Ar.mjs → mwc-slider.css-CBNgYCJf.mjs} +277 -288
- package/{mwc-slider.css-DFOaS04S.js → mwc-slider.css-DytByuJk.js} +13 -13
- package/{mwc-tab.css-sq5suZKe.js → mwc-tab.css-CrjUDOft.js} +11 -11
- package/{mwc-tab.css-2UrPKkNg.mjs → mwc-tab.css-DJHVL7wZ.mjs} +31 -31
- package/{mwc-top-app-bar-base-DUdOcIjS.js → mwc-top-app-bar-base-Gxaye-WD.js} +3 -3
- package/{mwc-top-app-bar-base-BIZGhVtM.mjs → mwc-top-app-bar-base-N3OLLWe5.mjs} +21 -21
- package/nav-list-item.js +1 -1
- package/nav-list-item.mjs +14 -14
- package/notebook-cell.js +1 -1
- package/notebook-cell.mjs +23 -23
- package/package.json +1 -1
- package/{property-BRKnMYJe.js → property-DYTC_2-m.js} +1 -1
- package/{python-DnfGbG5q.js → python-DKLi-dau.js} +1 -1
- package/{python-CddQNZH2.mjs → python-WzHADE7X.mjs} +1 -1
- package/query-CDOd1Kwm.mjs +15 -0
- package/query-Dv2F3m_t.js +5 -0
- package/query-assigned-elements-8EurZY45.js +31 -0
- package/query-assigned-elements-D930kELM.mjs +591 -0
- package/query-assigned-nodes-BAfLwxmx.js +5 -0
- package/query-assigned-nodes-Dof2CSLU.mjs +17 -0
- package/radio-list-item.js +9 -9
- package/radio-list-item.mjs +28 -28
- package/radio.js +1 -1
- package/radio.mjs +15 -15
- package/{ripple-handlers-BDmOLx8c.js → ripple-handlers-C7an-EE1.js} +5 -5
- package/{ripple-handlers-BAdg-fJB.mjs → ripple-handlers-_gEIkKpx.mjs} +71 -71
- package/select.js +12 -12
- package/select.mjs +140 -141
- package/side-sheet.js +1 -1
- package/side-sheet.mjs +8 -8
- package/slider-range.js +5 -5
- package/slider-range.mjs +43 -43
- package/slider.js +2 -2
- package/slider.mjs +19 -19
- package/snackbar.js +11 -11
- package/snackbar.mjs +54 -54
- package/{state-Csv4sdJA.js → state-C3HoXfoa.js} +1 -1
- package/status-dialog.js +1 -1
- package/status-dialog.mjs +6 -6
- package/status-header-item.js +1 -1
- package/status-header-item.mjs +17 -17
- package/status-header.js +5 -5
- package/status-header.mjs +34 -34
- package/style-map-D2TR7M-D.mjs +42 -0
- package/style-map-DOMuf9Fg.js +5 -0
- package/switch.js +5 -5
- package/switch.mjs +42 -42
- package/tab-bar.js +11 -11
- package/tab-bar.mjs +98 -98
- package/tab.js +1 -1
- package/tab.mjs +13 -13
- package/text-lockup.js +1 -1
- package/text-lockup.mjs +9 -9
- package/textarea.js +6 -6
- package/textarea.mjs +29 -29
- package/{textfield-CO6CFCCn.js → textfield-BKtErr_f.js} +30 -30
- package/{textfield-WSgoABZn.mjs → textfield-CTlapGQ5.mjs} +102 -102
- package/textfield.js +3 -3
- package/textfield.mjs +17 -17
- package/toolbar.js +1 -1
- package/toolbar.mjs +5 -5
- package/tooltip.js +3 -3
- package/tooltip.mjs +55 -56
- package/{top-app-bar-BvXNELe9.mjs → top-app-bar-BVk3lmos.mjs} +1 -1
- package/{top-app-bar-Cvp1aN42.js → top-app-bar-CbU9QpTA.js} +1 -1
- package/top-app-bar-fixed.js +8 -8
- package/top-app-bar-fixed.mjs +40 -40
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +18 -18
- package/tree-list-item.js +1 -1
- package/tree-list-item.mjs +4 -4
- package/tree-list.js +4 -4
- package/tree-list.mjs +22 -22
- package/tslib.es6-CJ7TUrOc.mjs +75 -0
- package/{typescript-CdlgcZ3y.mjs → typescript-C0UD96ot.mjs} +1 -1
- package/{typescript-BRw9OFm1.js → typescript-pxLTVSy-.js} +1 -1
- package/typography.js +2 -2
- package/typography.mjs +11 -11
- package/async-directive-2AOdKBUW.mjs +0 -66
- package/async-directive-DZ3MjSIj.js +0 -5
- package/class-map-BHl5MHd7.mjs +0 -36
- package/class-map-PsUYVqvf.js +0 -5
- package/directive-C_VV3qwo.js +0 -5
- package/directive-helpers-6HCt_-zj.mjs +0 -11
- package/directive-helpers-BnUMbYHh.js +0 -5
- package/form-element--PS8uSRI.js +0 -5
- package/form-element-Dn0Lerng.mjs +0 -50
- package/index.scss +0 -1
- package/query-BvlE-gMJ.js +0 -5
- package/query-DSO61t36.mjs +0 -15
- package/query-assigned-elements-BQszEgac.js +0 -31
- package/query-assigned-elements-DhyCP_2z.mjs +0 -591
- package/query-assigned-nodes-9DFnkxV8.js +0 -5
- package/query-assigned-nodes-B-jCihdA.mjs +0 -17
- package/style-map-3QfsA_1O.js +0 -5
- package/style-map-QxIETvrs.mjs +0 -42
- package/theme/_index.scss +0 -46
- package/theme/prebuilt/dark-theme.css +0 -1
- package/theme/prebuilt/dark-theme.css.map +0 -1
- package/theme/prebuilt/light-theme.css +0 -1
- package/theme/prebuilt/light-theme.css.map +0 -1
- package/tslib.es6-CISSdiiH.mjs +0 -75
package/chip-set.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { s as M, x as D,
|
|
2
|
-
import { M as E, a as A, b as T, C as w, c as
|
|
3
|
-
import { _ as
|
|
4
|
-
import { M as
|
|
5
|
-
import { K as
|
|
1
|
+
import { s as M, x as D, r as L, i as O, e as _ } from "./query-assigned-elements-D930kELM.mjs";
|
|
2
|
+
import { M as E, a as A, b as T, C as w, c as v } from "./chip-kcYskdL2.mjs";
|
|
3
|
+
import { _ as B, a as F, c as I } from "./tslib.es6-CJ7TUrOc.mjs";
|
|
4
|
+
import { M as P } from "./foundation-PL3XY-m_.mjs";
|
|
5
|
+
import { K as u } from "./keyboard-BLpVBEDM.mjs";
|
|
6
6
|
import { n as y } from "./property-DJzm_oB9.mjs";
|
|
7
|
-
import { i as U } from "./query-
|
|
7
|
+
import { i as U } from "./query-CDOd1Kwm.mjs";
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2016 Google Inc.
|
|
@@ -35,10 +35,10 @@ var S;
|
|
|
35
35
|
(function(a) {
|
|
36
36
|
a.CHIP = "mdc-evolution-chip";
|
|
37
37
|
})(S || (S = {}));
|
|
38
|
-
var
|
|
38
|
+
var f;
|
|
39
39
|
(function(a) {
|
|
40
40
|
a.INTERACTION = "MDCChipSet:interaction", a.REMOVAL = "MDCChipSet:removal", a.SELECTION = "MDCChipSet:selection";
|
|
41
|
-
})(
|
|
41
|
+
})(f || (f = {}));
|
|
42
42
|
/**
|
|
43
43
|
* @license
|
|
44
44
|
* Copyright 2020 Google Inc.
|
|
@@ -61,16 +61,16 @@ var v;
|
|
|
61
61
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
62
62
|
* THE SOFTWARE.
|
|
63
63
|
*/
|
|
64
|
-
var
|
|
64
|
+
var d;
|
|
65
65
|
(function(a) {
|
|
66
66
|
a[a.INCREMENT = 0] = "INCREMENT", a[a.DECREMENT = 1] = "DECREMENT";
|
|
67
|
-
})(
|
|
68
|
-
var
|
|
67
|
+
})(d || (d = {}));
|
|
68
|
+
var k = (
|
|
69
69
|
/** @class */
|
|
70
70
|
function(a) {
|
|
71
|
-
|
|
72
|
-
function i(
|
|
73
|
-
return a.call(this, F(F({}, i.defaultAdapter),
|
|
71
|
+
B(i, a);
|
|
72
|
+
function i(t) {
|
|
73
|
+
return a.call(this, F(F({}, i.defaultAdapter), t)) || this;
|
|
74
74
|
}
|
|
75
75
|
return Object.defineProperty(i, "defaultAdapter", {
|
|
76
76
|
get: function() {
|
|
@@ -115,8 +115,8 @@ var $ = (
|
|
|
115
115
|
},
|
|
116
116
|
enumerable: !1,
|
|
117
117
|
configurable: !0
|
|
118
|
-
}), i.prototype.handleChipAnimation = function(
|
|
119
|
-
var
|
|
118
|
+
}), i.prototype.handleChipAnimation = function(t) {
|
|
119
|
+
var e = t.detail, r = e.chipID, n = e.animation, o = e.isComplete, h = e.addedAnnouncement, s = e.removedAnnouncement, p = this.adapter.getChipIndexById(r);
|
|
120
120
|
if (n === E.EXIT && o) {
|
|
121
121
|
s && this.adapter.announceMessage(s), this.removeAfterAnimation(p, r);
|
|
122
122
|
return;
|
|
@@ -125,99 +125,99 @@ var $ = (
|
|
|
125
125
|
this.adapter.announceMessage(h);
|
|
126
126
|
return;
|
|
127
127
|
}
|
|
128
|
-
}, i.prototype.handleChipInteraction = function(
|
|
129
|
-
var
|
|
128
|
+
}, i.prototype.handleChipInteraction = function(t) {
|
|
129
|
+
var e = t.detail, r = e.source, n = e.chipID, o = e.isSelectable, h = e.isSelected, s = e.shouldRemove, p = this.adapter.getChipIndexById(n);
|
|
130
130
|
if (s) {
|
|
131
131
|
this.removeChip(p);
|
|
132
132
|
return;
|
|
133
133
|
}
|
|
134
|
-
this.focusChip(p, r, A.FOCUSABLE), this.adapter.emitEvent(
|
|
134
|
+
this.focusChip(p, r, A.FOCUSABLE), this.adapter.emitEvent(f.INTERACTION, {
|
|
135
135
|
chipIndex: p,
|
|
136
136
|
chipID: n
|
|
137
137
|
}), o && this.setSelection(p, r, !h);
|
|
138
|
-
}, i.prototype.handleChipNavigation = function(
|
|
139
|
-
var
|
|
138
|
+
}, i.prototype.handleChipNavigation = function(t) {
|
|
139
|
+
var e = t.detail, r = e.chipID, n = e.key, o = e.isRTL, h = e.source, s = this.adapter.getChipIndexById(r), p = n === u.ARROW_RIGHT && !o || n === u.ARROW_LEFT && o;
|
|
140
140
|
if (p) {
|
|
141
141
|
this.focusNextChipFrom(s + 1);
|
|
142
142
|
return;
|
|
143
143
|
}
|
|
144
|
-
var c = n ===
|
|
144
|
+
var c = n === u.ARROW_LEFT && !o || n === u.ARROW_RIGHT && o;
|
|
145
145
|
if (c) {
|
|
146
146
|
this.focusPrevChipFrom(s - 1);
|
|
147
147
|
return;
|
|
148
148
|
}
|
|
149
|
-
if (n ===
|
|
149
|
+
if (n === u.ARROW_DOWN) {
|
|
150
150
|
this.focusNextChipFrom(s + 1, h);
|
|
151
151
|
return;
|
|
152
152
|
}
|
|
153
|
-
if (n ===
|
|
153
|
+
if (n === u.ARROW_UP) {
|
|
154
154
|
this.focusPrevChipFrom(s - 1, h);
|
|
155
155
|
return;
|
|
156
156
|
}
|
|
157
|
-
if (n ===
|
|
157
|
+
if (n === u.HOME) {
|
|
158
158
|
this.focusNextChipFrom(0, h);
|
|
159
159
|
return;
|
|
160
160
|
}
|
|
161
|
-
if (n ===
|
|
161
|
+
if (n === u.END) {
|
|
162
162
|
this.focusPrevChipFrom(this.adapter.getChipCount() - 1, h);
|
|
163
163
|
return;
|
|
164
164
|
}
|
|
165
165
|
}, i.prototype.getSelectedChipIndexes = function() {
|
|
166
|
-
for (var
|
|
166
|
+
for (var t, e, r = /* @__PURE__ */ new Set(), n = this.adapter.getChipCount(), o = 0; o < n; o++) {
|
|
167
167
|
var h = this.adapter.getChipActionsAtIndex(o);
|
|
168
168
|
try {
|
|
169
|
-
for (var s = (
|
|
169
|
+
for (var s = (t = void 0, I(h)), p = s.next(); !p.done; p = s.next()) {
|
|
170
170
|
var c = p.value;
|
|
171
171
|
this.adapter.isChipSelectedAtIndex(o, c) && r.add(o);
|
|
172
172
|
}
|
|
173
|
-
} catch (
|
|
174
|
-
|
|
173
|
+
} catch (l) {
|
|
174
|
+
t = { error: l };
|
|
175
175
|
} finally {
|
|
176
176
|
try {
|
|
177
|
-
p && !p.done && (
|
|
177
|
+
p && !p.done && (e = s.return) && e.call(s);
|
|
178
178
|
} finally {
|
|
179
|
-
if (
|
|
179
|
+
if (t) throw t.error;
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
return r;
|
|
184
|
-
}, i.prototype.setChipSelected = function(
|
|
185
|
-
this.adapter.isChipSelectableAtIndex(
|
|
186
|
-
}, i.prototype.isChipSelected = function(
|
|
187
|
-
return this.adapter.isChipSelectedAtIndex(
|
|
188
|
-
}, i.prototype.removeChip = function(
|
|
189
|
-
|
|
190
|
-
chipID: this.adapter.getChipIdAtIndex(
|
|
191
|
-
chipIndex:
|
|
184
|
+
}, i.prototype.setChipSelected = function(t, e, r) {
|
|
185
|
+
this.adapter.isChipSelectableAtIndex(t, e) && this.setSelection(t, e, r);
|
|
186
|
+
}, i.prototype.isChipSelected = function(t, e) {
|
|
187
|
+
return this.adapter.isChipSelectedAtIndex(t, e);
|
|
188
|
+
}, i.prototype.removeChip = function(t) {
|
|
189
|
+
t >= this.adapter.getChipCount() || t < 0 || (this.adapter.startChipAnimationAtIndex(t, E.EXIT), this.adapter.emitEvent(f.REMOVAL, {
|
|
190
|
+
chipID: this.adapter.getChipIdAtIndex(t),
|
|
191
|
+
chipIndex: t,
|
|
192
192
|
isComplete: !1
|
|
193
193
|
}));
|
|
194
|
-
}, i.prototype.addChip = function(
|
|
195
|
-
|
|
196
|
-
}, i.prototype.focusNextChipFrom = function(
|
|
197
|
-
for (var r = this.adapter.getChipCount(), n =
|
|
198
|
-
var o = this.getFocusableAction(n,
|
|
194
|
+
}, i.prototype.addChip = function(t) {
|
|
195
|
+
t >= this.adapter.getChipCount() || t < 0 || this.adapter.startChipAnimationAtIndex(t, E.ENTER);
|
|
196
|
+
}, i.prototype.focusNextChipFrom = function(t, e) {
|
|
197
|
+
for (var r = this.adapter.getChipCount(), n = t; n < r; n++) {
|
|
198
|
+
var o = this.getFocusableAction(n, d.INCREMENT, e);
|
|
199
199
|
if (o) {
|
|
200
200
|
this.focusChip(n, o, A.FOCUSABLE_AND_FOCUSED);
|
|
201
201
|
return;
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
|
-
}, i.prototype.focusPrevChipFrom = function(
|
|
205
|
-
for (var r =
|
|
206
|
-
var n = this.getFocusableAction(r,
|
|
204
|
+
}, i.prototype.focusPrevChipFrom = function(t, e) {
|
|
205
|
+
for (var r = t; r > -1; r--) {
|
|
206
|
+
var n = this.getFocusableAction(r, d.DECREMENT, e);
|
|
207
207
|
if (n) {
|
|
208
208
|
this.focusChip(r, n, A.FOCUSABLE_AND_FOCUSED);
|
|
209
209
|
return;
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
|
-
}, i.prototype.getFocusableAction = function(
|
|
213
|
-
var n = this.adapter.getChipActionsAtIndex(
|
|
214
|
-
return
|
|
215
|
-
}, i.prototype.getFirstFocusableAction = function(
|
|
212
|
+
}, i.prototype.getFocusableAction = function(t, e, r) {
|
|
213
|
+
var n = this.adapter.getChipActionsAtIndex(t);
|
|
214
|
+
return e === d.DECREMENT && n.reverse(), r ? this.getMatchingFocusableAction(t, n, r) : this.getFirstFocusableAction(t, n);
|
|
215
|
+
}, i.prototype.getFirstFocusableAction = function(t, e) {
|
|
216
216
|
var r, n;
|
|
217
217
|
try {
|
|
218
|
-
for (var o = I(
|
|
218
|
+
for (var o = I(e), h = o.next(); !h.done; h = o.next()) {
|
|
219
219
|
var s = h.value;
|
|
220
|
-
if (this.adapter.isChipFocusableAtIndex(
|
|
220
|
+
if (this.adapter.isChipFocusableAtIndex(t, s))
|
|
221
221
|
return s;
|
|
222
222
|
}
|
|
223
223
|
} catch (p) {
|
|
@@ -230,16 +230,16 @@ var $ = (
|
|
|
230
230
|
}
|
|
231
231
|
}
|
|
232
232
|
return null;
|
|
233
|
-
}, i.prototype.getMatchingFocusableAction = function(
|
|
233
|
+
}, i.prototype.getMatchingFocusableAction = function(t, e, r) {
|
|
234
234
|
var n, o, h = null;
|
|
235
235
|
try {
|
|
236
|
-
for (var s = I(
|
|
236
|
+
for (var s = I(e), p = s.next(); !p.done; p = s.next()) {
|
|
237
237
|
var c = p.value;
|
|
238
|
-
if (this.adapter.isChipFocusableAtIndex(
|
|
238
|
+
if (this.adapter.isChipFocusableAtIndex(t, c) && (h = c), h === r)
|
|
239
239
|
return h;
|
|
240
240
|
}
|
|
241
|
-
} catch (
|
|
242
|
-
n = { error:
|
|
241
|
+
} catch (l) {
|
|
242
|
+
n = { error: l };
|
|
243
243
|
} finally {
|
|
244
244
|
try {
|
|
245
245
|
p && !p.done && (o = s.return) && o.call(s);
|
|
@@ -248,21 +248,21 @@ var $ = (
|
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
250
|
return h;
|
|
251
|
-
}, i.prototype.focusChip = function(
|
|
251
|
+
}, i.prototype.focusChip = function(t, e, r) {
|
|
252
252
|
var n, o;
|
|
253
|
-
this.adapter.setChipFocusAtIndex(
|
|
253
|
+
this.adapter.setChipFocusAtIndex(t, e, r);
|
|
254
254
|
for (var h = this.adapter.getChipCount(), s = 0; s < h; s++) {
|
|
255
255
|
var p = this.adapter.getChipActionsAtIndex(s);
|
|
256
256
|
try {
|
|
257
|
-
for (var c = (n = void 0, I(p)),
|
|
258
|
-
var m =
|
|
259
|
-
m ===
|
|
257
|
+
for (var c = (n = void 0, I(p)), l = c.next(); !l.done; l = c.next()) {
|
|
258
|
+
var m = l.value;
|
|
259
|
+
m === e && s === t || this.adapter.setChipFocusAtIndex(s, m, A.NOT_FOCUSABLE);
|
|
260
260
|
}
|
|
261
261
|
} catch (b) {
|
|
262
262
|
n = { error: b };
|
|
263
263
|
} finally {
|
|
264
264
|
try {
|
|
265
|
-
|
|
265
|
+
l && !l.done && (o = c.return) && o.call(c);
|
|
266
266
|
} finally {
|
|
267
267
|
if (n) throw n.error;
|
|
268
268
|
}
|
|
@@ -270,40 +270,40 @@ var $ = (
|
|
|
270
270
|
}
|
|
271
271
|
}, i.prototype.supportsMultiSelect = function() {
|
|
272
272
|
return this.adapter.getAttribute(N.ARIA_MULTISELECTABLE) === "true";
|
|
273
|
-
}, i.prototype.setSelection = function(
|
|
273
|
+
}, i.prototype.setSelection = function(t, e, r) {
|
|
274
274
|
var n, o;
|
|
275
|
-
if (this.adapter.setChipSelectedAtIndex(
|
|
276
|
-
chipID: this.adapter.getChipIdAtIndex(
|
|
277
|
-
chipIndex:
|
|
275
|
+
if (this.adapter.setChipSelectedAtIndex(t, e, r), this.adapter.emitEvent(f.SELECTION, {
|
|
276
|
+
chipID: this.adapter.getChipIdAtIndex(t),
|
|
277
|
+
chipIndex: t,
|
|
278
278
|
isSelected: r
|
|
279
279
|
}), !this.supportsMultiSelect())
|
|
280
280
|
for (var h = this.adapter.getChipCount(), s = 0; s < h; s++) {
|
|
281
281
|
var p = this.adapter.getChipActionsAtIndex(s);
|
|
282
282
|
try {
|
|
283
|
-
for (var c = (n = void 0, I(p)),
|
|
284
|
-
var m =
|
|
285
|
-
m ===
|
|
283
|
+
for (var c = (n = void 0, I(p)), l = c.next(); !l.done; l = c.next()) {
|
|
284
|
+
var m = l.value;
|
|
285
|
+
m === e && s === t || this.adapter.setChipSelectedAtIndex(s, m, !1);
|
|
286
286
|
}
|
|
287
287
|
} catch (b) {
|
|
288
288
|
n = { error: b };
|
|
289
289
|
} finally {
|
|
290
290
|
try {
|
|
291
|
-
|
|
291
|
+
l && !l.done && (o = c.return) && o.call(c);
|
|
292
292
|
} finally {
|
|
293
293
|
if (n) throw n.error;
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
296
|
}
|
|
297
|
-
}, i.prototype.removeAfterAnimation = function(
|
|
298
|
-
this.adapter.removeChipAtIndex(
|
|
299
|
-
chipIndex:
|
|
297
|
+
}, i.prototype.removeAfterAnimation = function(t, e) {
|
|
298
|
+
this.adapter.removeChipAtIndex(t), this.adapter.emitEvent(f.REMOVAL, {
|
|
299
|
+
chipIndex: t,
|
|
300
300
|
isComplete: !0,
|
|
301
|
-
chipID:
|
|
301
|
+
chipID: e
|
|
302
302
|
});
|
|
303
303
|
var r = this.adapter.getChipCount();
|
|
304
|
-
r <= 0 || this.focusNearestFocusableAction(
|
|
305
|
-
}, i.prototype.focusNearestFocusableAction = function(
|
|
306
|
-
for (var
|
|
304
|
+
r <= 0 || this.focusNearestFocusableAction(t);
|
|
305
|
+
}, i.prototype.focusNearestFocusableAction = function(t) {
|
|
306
|
+
for (var e = this.adapter.getChipCount(), r = t, n = t; r > -1 || n < e; ) {
|
|
307
307
|
var o = this.getNearestFocusableAction(r, n, T.TRAILING);
|
|
308
308
|
if (o) {
|
|
309
309
|
this.focusChip(o.index, o.action, A.FOCUSABLE_AND_FOCUSED);
|
|
@@ -311,22 +311,22 @@ var $ = (
|
|
|
311
311
|
}
|
|
312
312
|
r--, n++;
|
|
313
313
|
}
|
|
314
|
-
}, i.prototype.getNearestFocusableAction = function(
|
|
315
|
-
var n = this.getFocusableAction(
|
|
314
|
+
}, i.prototype.getNearestFocusableAction = function(t, e, r) {
|
|
315
|
+
var n = this.getFocusableAction(t, d.DECREMENT, r);
|
|
316
316
|
if (n)
|
|
317
317
|
return {
|
|
318
|
-
index:
|
|
318
|
+
index: t,
|
|
319
319
|
action: n
|
|
320
320
|
};
|
|
321
|
-
if (
|
|
321
|
+
if (e === t)
|
|
322
322
|
return null;
|
|
323
|
-
var o = this.getFocusableAction(
|
|
323
|
+
var o = this.getFocusableAction(e, d.INCREMENT, r);
|
|
324
324
|
return o ? {
|
|
325
|
-
index:
|
|
325
|
+
index: e,
|
|
326
326
|
action: o
|
|
327
327
|
} : null;
|
|
328
328
|
}, i;
|
|
329
|
-
}(
|
|
329
|
+
}(P)
|
|
330
330
|
);
|
|
331
331
|
/**
|
|
332
332
|
* @license
|
|
@@ -355,10 +355,10 @@ var R;
|
|
|
355
355
|
a.POLITE = "polite", a.ASSERTIVE = "assertive";
|
|
356
356
|
})(R || (R = {}));
|
|
357
357
|
var W = "data-mdc-dom-announce";
|
|
358
|
-
function
|
|
359
|
-
|
|
358
|
+
function $(a, i) {
|
|
359
|
+
V.getInstance().say(a, i);
|
|
360
360
|
}
|
|
361
|
-
var
|
|
361
|
+
var V = (
|
|
362
362
|
/** @class */
|
|
363
363
|
function() {
|
|
364
364
|
function a() {
|
|
@@ -366,31 +366,31 @@ var G = (
|
|
|
366
366
|
}
|
|
367
367
|
return a.getInstance = function() {
|
|
368
368
|
return a.instance || (a.instance = new a()), a.instance;
|
|
369
|
-
}, a.prototype.say = function(i,
|
|
370
|
-
var
|
|
369
|
+
}, a.prototype.say = function(i, t) {
|
|
370
|
+
var e, r, n = (e = t == null ? void 0 : t.priority) !== null && e !== void 0 ? e : R.POLITE, o = (r = t == null ? void 0 : t.ownerDocument) !== null && r !== void 0 ? r : document, h = this.getLiveRegion(n, o);
|
|
371
371
|
h.textContent = "", setTimeout(function() {
|
|
372
372
|
h.textContent = i, o.addEventListener("click", s);
|
|
373
373
|
}, 1);
|
|
374
374
|
function s() {
|
|
375
375
|
h.textContent = "", o.removeEventListener("click", s);
|
|
376
376
|
}
|
|
377
|
-
}, a.prototype.getLiveRegion = function(i,
|
|
378
|
-
var
|
|
379
|
-
|
|
380
|
-
var r =
|
|
381
|
-
if (r &&
|
|
377
|
+
}, a.prototype.getLiveRegion = function(i, t) {
|
|
378
|
+
var e = this.liveRegions.get(t);
|
|
379
|
+
e || (e = /* @__PURE__ */ new Map(), this.liveRegions.set(t, e));
|
|
380
|
+
var r = e.get(i);
|
|
381
|
+
if (r && t.body.contains(r))
|
|
382
382
|
return r;
|
|
383
|
-
var n = this.createLiveRegion(i,
|
|
384
|
-
return
|
|
385
|
-
}, a.prototype.createLiveRegion = function(i,
|
|
386
|
-
var
|
|
387
|
-
return
|
|
383
|
+
var n = this.createLiveRegion(i, t);
|
|
384
|
+
return e.set(i, n), n;
|
|
385
|
+
}, a.prototype.createLiveRegion = function(i, t) {
|
|
386
|
+
var e = t.createElement("div");
|
|
387
|
+
return e.style.position = "absolute", e.style.top = "-9999px", e.style.left = "-9999px", e.style.height = "1px", e.style.overflow = "hidden", e.setAttribute("aria-atomic", "true"), e.setAttribute("aria-live", i), e.setAttribute(W, "true"), t.body.appendChild(e), e;
|
|
388
388
|
}, a;
|
|
389
389
|
}()
|
|
390
|
-
),
|
|
390
|
+
), G = Object.defineProperty, g = (a, i, t, e) => {
|
|
391
391
|
for (var r = void 0, n = a.length - 1, o; n >= 0; n--)
|
|
392
|
-
(o = a[n]) && (r = o(i,
|
|
393
|
-
return r &&
|
|
392
|
+
(o = a[n]) && (r = o(i, t, r) || r);
|
|
393
|
+
return r && G(i, t, r), r;
|
|
394
394
|
};
|
|
395
395
|
class C extends M {
|
|
396
396
|
constructor() {
|
|
@@ -418,38 +418,38 @@ class C extends M {
|
|
|
418
418
|
firstUpdated(i) {
|
|
419
419
|
var r;
|
|
420
420
|
super.firstUpdated(i);
|
|
421
|
-
const
|
|
422
|
-
for (let n = 0; n <
|
|
423
|
-
const o =
|
|
421
|
+
const t = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot"), e = (t == null ? void 0 : t.assignedElements().filter((n) => n instanceof w)) ?? [];
|
|
422
|
+
for (let n = 0; n < e.length; n++) {
|
|
423
|
+
const o = e[n];
|
|
424
424
|
this.chips.push(o);
|
|
425
425
|
}
|
|
426
|
-
this.mdcFoundation !== void 0 && this.mdcFoundation.destroy(), this.mdcFoundation = new
|
|
426
|
+
this.mdcFoundation !== void 0 && this.mdcFoundation.destroy(), this.mdcFoundation = new k(this.createAdapter()), this.mdcFoundation.init();
|
|
427
427
|
}
|
|
428
428
|
connectedCallback() {
|
|
429
|
-
super.connectedCallback(), this.addEventListener(
|
|
430
|
-
|
|
429
|
+
super.connectedCallback(), this.addEventListener(v.ANIMATION, this._handleChipAnimation), this.addEventListener(
|
|
430
|
+
v.INTERACTION,
|
|
431
431
|
this._handleChipInteraction
|
|
432
|
-
), this.addEventListener(
|
|
432
|
+
), this.addEventListener(v.NAVIGATION, this._handleChipNavigation);
|
|
433
433
|
}
|
|
434
434
|
disconnectedCallback() {
|
|
435
435
|
super.disconnectedCallback(), this.removeEventListener(
|
|
436
|
-
|
|
436
|
+
v.ANIMATION,
|
|
437
437
|
this._handleChipAnimation
|
|
438
438
|
), this.removeEventListener(
|
|
439
|
-
|
|
439
|
+
v.INTERACTION,
|
|
440
440
|
this._handleChipInteraction
|
|
441
441
|
), this.removeEventListener(
|
|
442
|
-
|
|
442
|
+
v.NAVIGATION,
|
|
443
443
|
this._handleChipNavigation
|
|
444
444
|
);
|
|
445
445
|
}
|
|
446
446
|
createAdapter() {
|
|
447
447
|
return {
|
|
448
448
|
/** Announces the message via an aria-live region */
|
|
449
|
-
announceMessage:
|
|
449
|
+
announceMessage: $,
|
|
450
450
|
/** Emits the given event with the given detail. */
|
|
451
|
-
emitEvent: (i,
|
|
452
|
-
new CustomEvent(i, { bubbles: !0, detail:
|
|
451
|
+
emitEvent: (i, t) => this.dispatchEvent(
|
|
452
|
+
new CustomEvent(i, { bubbles: !0, detail: t })
|
|
453
453
|
),
|
|
454
454
|
/** Returns the value for the given attribute, if it exists. */
|
|
455
455
|
getAttribute: (i) => this.mdcRoot.getAttribute(i),
|
|
@@ -460,21 +460,21 @@ class C extends M {
|
|
|
460
460
|
/** Returns the ID of the chip at the given index. */
|
|
461
461
|
getChipIdAtIndex: (i) => this.chips[i].getElementID(),
|
|
462
462
|
/** Returns the index of the child chip with the matching ID. */
|
|
463
|
-
getChipIndexById: (i) => this.chips.findIndex((
|
|
463
|
+
getChipIndexById: (i) => this.chips.findIndex((t) => t.getElementID() === i),
|
|
464
464
|
/** Proxies to the MDCChip#isActionFocusable method. */
|
|
465
|
-
isChipFocusableAtIndex: (i,
|
|
465
|
+
isChipFocusableAtIndex: (i, t) => this.chips[i].isActionFocusable(t),
|
|
466
466
|
/** Proxies to the MDCChip#isActionSelectable method. */
|
|
467
|
-
isChipSelectableAtIndex: (i,
|
|
467
|
+
isChipSelectableAtIndex: (i, t) => this.chips[i].isActionSelectable(t),
|
|
468
468
|
/** Proxies to the MDCChip#isActionSelected method. */
|
|
469
|
-
isChipSelectedAtIndex: (i,
|
|
469
|
+
isChipSelectedAtIndex: (i, t) => this.chips[i].isActionSelected(t),
|
|
470
470
|
/** Removes the chip at the given index. */
|
|
471
471
|
removeChipAtIndex: (i) => this.chips[i].remove(),
|
|
472
472
|
/** Proxies to the MDCChip#setActionFocus method. */
|
|
473
|
-
setChipFocusAtIndex: (i,
|
|
473
|
+
setChipFocusAtIndex: (i, t, e) => this.chips[i].setActionFocus(t, e),
|
|
474
474
|
/** Proxies to the MDCChip#setActionSelected method. */
|
|
475
|
-
setChipSelectedAtIndex: (i,
|
|
475
|
+
setChipSelectedAtIndex: (i, t, e) => this.chips[i].setActionSelected(t, e),
|
|
476
476
|
/** Starts the chip animation at the given index. */
|
|
477
|
-
startChipAnimationAtIndex: (i,
|
|
477
|
+
startChipAnimationAtIndex: (i, t) => this.chips[i].startAnimation(t)
|
|
478
478
|
};
|
|
479
479
|
}
|
|
480
480
|
_handleChipAnimation(i) {
|
|
@@ -502,24 +502,24 @@ g([
|
|
|
502
502
|
g([
|
|
503
503
|
y({ type: Number })
|
|
504
504
|
], C.prototype, "activeIndex");
|
|
505
|
-
const H = ".mdc-evolution-chip-set{display:flex}.mdc-evolution-chip-set:focus{outline:none}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mdc-evolution-chip-set--overflow .mdc-evolution-chip-set__chips{flex-flow:nowrap}.mdc-evolution-chip-set .mdc-evolution-chip-set__chips{margin-left:-8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,.mdc-evolution-chip-set .mdc-evolution-chip-set__chips[dir=rtl]{margin-left:0;margin-right:-8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-left:8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip,.mdc-evolution-chip-set .mdc-evolution-chip[dir=rtl]{margin-left:0;margin-right:8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-top:4px;margin-bottom:4px}::slotted(cv-chip){margin:
|
|
506
|
-
var
|
|
507
|
-
for (var r =
|
|
508
|
-
(o = a[n]) && (r =
|
|
509
|
-
return
|
|
505
|
+
const H = ".mdc-evolution-chip-set{display:flex}.mdc-evolution-chip-set:focus{outline:none}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mdc-evolution-chip-set--overflow .mdc-evolution-chip-set__chips{flex-flow:nowrap}.mdc-evolution-chip-set .mdc-evolution-chip-set__chips{margin-left:-8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,.mdc-evolution-chip-set .mdc-evolution-chip-set__chips[dir=rtl]{margin-left:0;margin-right:-8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-left:8px;margin-right:0}[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip,.mdc-evolution-chip-set .mdc-evolution-chip[dir=rtl]{margin-left:0;margin-right:8px}.mdc-evolution-chip-set .mdc-evolution-chip{margin-top:4px;margin-bottom:4px}::slotted(cv-chip){margin-left:8px;margin-right:0}[dir=rtl] ::slotted(cv-chip),::slotted(cv-chip[dir=rtl]){margin-left:0;margin-right:8px}::slotted(cv-chip){margin-top:4px;margin-bottom:4px}";
|
|
506
|
+
var j = Object.getOwnPropertyDescriptor, K = (a, i, t, e) => {
|
|
507
|
+
for (var r = e > 1 ? void 0 : e ? j(i, t) : i, n = a.length - 1, o; n >= 0; n--)
|
|
508
|
+
(o = a[n]) && (r = o(r) || r);
|
|
509
|
+
return r;
|
|
510
510
|
};
|
|
511
511
|
let x = class extends C {
|
|
512
512
|
};
|
|
513
513
|
x.styles = [
|
|
514
|
-
|
|
515
|
-
${
|
|
514
|
+
O`
|
|
515
|
+
${L(H)}
|
|
516
516
|
`
|
|
517
517
|
];
|
|
518
|
-
x =
|
|
518
|
+
x = K([
|
|
519
519
|
_("cv-chip-set")
|
|
520
520
|
], x);
|
|
521
|
-
const
|
|
521
|
+
const tt = x;
|
|
522
522
|
export {
|
|
523
523
|
x as CovalentChipSet,
|
|
524
|
-
|
|
524
|
+
tt as default
|
|
525
525
|
};
|
package/chip.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./query-assigned-elements-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./query-assigned-elements-8EurZY45.js");const e=require("./chip-CiCrVTPi.js");Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>e.CovalentChip});exports.default=e.CovalentChip$1;
|
package/chip.mjs
CHANGED
package/circular-progress.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./tslib.es6-CHeFCc6E.js"),m=require("./aria-property-Dl2ZKBbP.js"),a=require("./query-assigned-elements-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./tslib.es6-CHeFCc6E.js"),m=require("./aria-property-Dl2ZKBbP.js"),a=require("./query-assigned-elements-8EurZY45.js"),d=require("./property-DYTC_2-m.js"),g=require("./class-map-DTzB8z-1.js"),p=require("./if-defined-CZCqOAYs.js"),u=require("./style-map-DOMuf9Fg.js");/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2020 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/class o extends a.s{constructor(){super(...arguments),this.indeterminate=!1,this.progress=0,this.density=0,this.closed=!1}open(){this.closed=!1}close(){this.closed=!0}render(){const r={"mdc-circular-progress--closed":this.closed,"mdc-circular-progress--indeterminate":this.indeterminate},e=48+this.density*4,i={width:`${e}px`,height:`${e}px`};return a.x`
|
|
6
6
|
<div
|
|
7
|
-
class="mdc-circular-progress ${
|
|
8
|
-
style="${
|
|
7
|
+
class="mdc-circular-progress ${g.o(r)}"
|
|
8
|
+
style="${u.o(i)}"
|
|
9
9
|
role="progressbar"
|
|
10
10
|
aria-label="${p.l(this.ariaLabel)}"
|
|
11
11
|
aria-valuemin="0"
|
|
@@ -13,32 +13,32 @@
|
|
|
13
13
|
aria-valuenow="${p.l(this.indeterminate?void 0:this.progress)}">
|
|
14
14
|
${this.renderDeterminateContainer()}
|
|
15
15
|
${this.renderIndeterminateContainer()}
|
|
16
|
-
</div>`}renderDeterminateContainer(){const r=48+this.density*4,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,
|
|
16
|
+
</div>`}renderDeterminateContainer(){const r=48+this.density*4,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,t=(1-this.progress)*c,s=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.x`
|
|
17
17
|
<div class="mdc-circular-progress__determinate-container">
|
|
18
18
|
<svg class="mdc-circular-progress__determinate-circle-graphic"
|
|
19
19
|
viewBox="0 0 ${r} ${r}">
|
|
20
20
|
<circle class="mdc-circular-progress__determinate-track"
|
|
21
21
|
cx="${e}" cy="${e}" r="${i}"
|
|
22
|
-
stroke-width="${
|
|
22
|
+
stroke-width="${s}"></circle>
|
|
23
23
|
<circle class="mdc-circular-progress__determinate-circle"
|
|
24
24
|
cx="${e}" cy="${e}" r="${i}"
|
|
25
25
|
stroke-dasharray="${2*3.1415926*i}"
|
|
26
|
-
stroke-dashoffset="${
|
|
27
|
-
stroke-width="${
|
|
26
|
+
stroke-dashoffset="${t}"
|
|
27
|
+
stroke-width="${s}"></circle>
|
|
28
28
|
</svg>
|
|
29
29
|
</div>`}renderIndeterminateContainer(){return a.x`
|
|
30
30
|
<div class="mdc-circular-progress__indeterminate-container">
|
|
31
31
|
<div class="mdc-circular-progress__spinner-layer">
|
|
32
32
|
${this.renderIndeterminateSpinnerLayer()}
|
|
33
33
|
</div>
|
|
34
|
-
</div>`}renderIndeterminateSpinnerLayer(){const r=48+this.density*4,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,
|
|
34
|
+
</div>`}renderIndeterminateSpinnerLayer(){const r=48+this.density*4,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,t=.5*c,s=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.x`
|
|
35
35
|
<div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left">
|
|
36
36
|
<svg class="mdc-circular-progress__indeterminate-circle-graphic"
|
|
37
37
|
viewBox="0 0 ${r} ${r}">
|
|
38
38
|
<circle cx="${e}" cy="${e}" r="${i}"
|
|
39
39
|
stroke-dasharray="${c}"
|
|
40
|
-
stroke-dashoffset="${
|
|
41
|
-
stroke-width="${
|
|
40
|
+
stroke-dashoffset="${t}"
|
|
41
|
+
stroke-width="${s}"></circle>
|
|
42
42
|
</svg>
|
|
43
43
|
</div>
|
|
44
44
|
<div class="mdc-circular-progress__gap-patch">
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
viewBox="0 0 ${r} ${r}">
|
|
47
47
|
<circle cx="${e}" cy="${e}" r="${i}"
|
|
48
48
|
stroke-dasharray="${c}"
|
|
49
|
-
stroke-dashoffset="${
|
|
50
|
-
stroke-width="${
|
|
49
|
+
stroke-dashoffset="${t}"
|
|
50
|
+
stroke-width="${s*.8}"></circle>
|
|
51
51
|
</svg>
|
|
52
52
|
</div>
|
|
53
53
|
<div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right">
|
|
@@ -55,11 +55,11 @@
|
|
|
55
55
|
viewBox="0 0 ${r} ${r}">
|
|
56
56
|
<circle cx="${e}" cy="${e}" r="${i}"
|
|
57
57
|
stroke-dasharray="${c}"
|
|
58
|
-
stroke-dashoffset="${
|
|
59
|
-
stroke-width="${
|
|
58
|
+
stroke-dashoffset="${t}"
|
|
59
|
+
stroke-width="${s}"></circle>
|
|
60
60
|
</svg>
|
|
61
61
|
</div>`}update(r){super.update(r),r.has("progress")&&(this.progress>1&&(this.progress=1),this.progress<0&&(this.progress=0))}}n.__decorate([d.n({type:Boolean,reflect:!0})],o.prototype,"indeterminate",void 0);n.__decorate([d.n({type:Number,reflect:!0})],o.prototype,"progress",void 0);n.__decorate([d.n({type:Number,reflect:!0})],o.prototype,"density",void 0);n.__decorate([d.n({type:Boolean,reflect:!0})],o.prototype,"closed",void 0);n.__decorate([m.ariaProperty,d.n({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",void 0);/**
|
|
62
62
|
* @license
|
|
63
63
|
* Copyright 2021 Google LLC
|
|
64
64
|
* SPDX-LIcense-Identifier: Apache-2.0
|
|
65
|
-
*/const _=a.i`.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-circular-progress__determinate-track{stroke:transparent}@keyframes mdc-circular-progress-container-rotate{to{transform:rotate(360deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-left-spin{from{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes mdc-circular-progress-right-spin{from{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}.mdc-circular-progress{display:inline-flex;position:relative;direction:ltr;line-height:0;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{transition:stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{animation:mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--closed{opacity:0}:host{display:inline-flex}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--mdc-circular-progress-track-color, transparent)}`;var h=Object.
|
|
65
|
+
*/const _=a.i`.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-circular-progress__determinate-track{stroke:transparent}@keyframes mdc-circular-progress-container-rotate{to{transform:rotate(360deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-left-spin{from{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes mdc-circular-progress-right-spin{from{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}.mdc-circular-progress{display:inline-flex;position:relative;direction:ltr;line-height:0;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{transition:stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{animation:mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--closed{opacity:0}:host{display:inline-flex}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--mdc-circular-progress-track-color, transparent)}`;var h=Object.getOwnPropertyDescriptor,f=(l,r,e,i)=>{for(var c=i>1?void 0:i?h(r,e):r,t=l.length-1,s;t>=0;t--)(s=l[t])&&(c=s(c)||c);return c};exports.CovalentCircularProgress=class extends o{};exports.CovalentCircularProgress.styles=[_];exports.CovalentCircularProgress=f([a.e("cv-circular-progress")],exports.CovalentCircularProgress);const y=exports.CovalentCircularProgress;exports.default=y;
|