@covalent/components 9.0.0 → 9.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{_commonjsHelpers-DjF3Plf2.mjs → _commonjsHelpers-HP5nalso.mjs} +2 -2
- package/action-ribbon.js +2 -2
- package/action-ribbon.mjs +24 -24
- package/alert.js +3 -3
- package/alert.mjs +4 -4
- package/app-shell.js +1 -1
- package/app-shell.mjs +6 -6
- package/async-directive-2AOdKBUW.mjs +66 -0
- package/async-directive-DZ3MjSIj.js +5 -0
- package/badge.js +1 -1
- package/badge.mjs +6 -6
- package/{base-element-aUDWLn36.js → base-element-5ZU-p99q.js} +1 -1
- package/{base-element-C-U4OfWx.mjs → base-element-CzNmpVoz.mjs} +1 -1
- package/button.js +1 -1
- package/button.mjs +24 -24
- package/card.js +1 -1
- package/card.mjs +12 -12
- package/check-list-item.js +7 -7
- package/check-list-item.mjs +31 -31
- package/checkbox.js +1 -1
- package/checkbox.mjs +9 -9
- package/{chip-C8L37ovG.mjs → chip-5QP7xPTY.mjs} +6 -6
- package/{chip-BsDYOEFW.js → chip-CitHXhY7.js} +1 -1
- package/chip-set.js +1 -1
- package/chip-set.mjs +114 -114
- package/chip.js +1 -1
- package/chip.mjs +2 -2
- package/circular-progress.js +4 -4
- package/circular-progress.mjs +10 -10
- package/class-map-BHl5MHd7.mjs +36 -0
- package/class-map-PsUYVqvf.js +5 -0
- package/{code-editor-CSH3MdBF.js → code-editor-CCUZsYkN.js} +135 -137
- package/{code-editor-Bshyfjyn.mjs → code-editor-JaW-06cH.mjs} +8151 -8113
- package/code-editor.js +1 -1
- package/code-editor.mjs +2 -2
- package/code-snippet.js +1 -1
- package/code-snippet.mjs +7 -7
- package/{dialog-BoNH4r3n.mjs → dialog-BVmWYLqR.mjs} +194 -194
- package/{dialog-LUOzoMeO.js → dialog-DzaPP3Vt.js} +9 -9
- package/dialog.js +1 -1
- package/dialog.mjs +2 -2
- package/{directive-oAbCiebi.mjs → directive-B76A7YXI.mjs} +4 -4
- package/directive-C_VV3qwo.js +5 -0
- package/directive-helpers-6HCt_-zj.mjs +11 -0
- package/directive-helpers-BnUMbYHh.js +5 -0
- package/drawer.js +1 -1
- package/drawer.mjs +2 -2
- package/empty-state.js +1 -1
- package/empty-state.mjs +7 -7
- package/{event-options-CNykeE2u.mjs → event-options-D44mpm5S.mjs} +1 -1
- package/{event-options-BH8ks-kz.js → event-options-IG-2g8HU.js} +1 -1
- package/expansion-panel-item.js +1 -1
- package/expansion-panel-item.mjs +4 -4
- package/expansion-panel.js +1 -1
- package/expansion-panel.mjs +1 -1
- package/focused-page.js +1 -1
- package/focused-page.mjs +8 -8
- package/form-element--PS8uSRI.js +5 -0
- package/form-element-Dn0Lerng.mjs +50 -0
- package/formfield.js +4 -4
- package/formfield.mjs +13 -13
- package/{foundation-qQ4jzaAu.mjs → foundation-BYhAXCW_.mjs} +17 -15
- package/{foundation-PL3XY-m_.mjs → foundation-D6JHa7Lg.mjs} +4 -4
- package/{foundation-pgmPu2iJ.js → foundation-aT_gy6X8.js} +1 -1
- package/{foundation-CySCCTUE.js → foundation-sIsx2I_x.js} +2 -2
- package/full-screen-dialog.js +2 -2
- package/full-screen-dialog.mjs +12 -12
- package/{html-DrhRpsz9.mjs → html-DhKW0KfF.mjs} +1 -1
- package/{html-DUGRoHaj.js → html-S7zzCKH0.js} +1 -1
- package/icon/_icon-list.d.ts +4 -0
- package/icon/_icon-list.d.ts.map +1 -0
- package/icon/icon-demo.d.ts +14 -0
- package/icon/icon-demo.d.ts.map +1 -0
- package/icon-button-toggle.js +5 -5
- package/icon-button-toggle.mjs +35 -35
- package/icon-button.js +2 -2
- package/icon-button.mjs +28 -28
- package/icon-check-toggle.js +1 -1
- package/icon-check-toggle.mjs +6 -6
- package/icon-lockup.js +5 -5
- package/icon-lockup.mjs +6 -6
- package/icon-radio-toggle.js +4 -4
- package/icon-radio-toggle.mjs +8 -8
- package/icon.js +1 -1
- package/icon.mjs +14 -14
- package/{if-defined-D8C6ewRn.js → if-defined-B7G84qob.js} +1 -1
- package/{if-defined-BsNkRMMG.mjs → if-defined-DN7whKwy.mjs} +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +10 -1
- package/index.mjs +450 -112
- package/{javascript-DKtDcqDi.mjs → javascript-BtkevR81.mjs} +1 -1
- package/{javascript-54eqLOAw.js → javascript-fH54qAGk.js} +1 -1
- package/linear-progress.js +7 -7
- package/linear-progress.mjs +17 -17
- package/{list-item-BZVW1fmJ.js → list-item-BQ6SDTvW.js} +1 -1
- package/{list-item-DCzzLVZh.mjs → list-item-DuBDCnZ-.mjs} +1 -1
- package/list-item.js +2 -2
- package/list-item.mjs +16 -16
- package/list.js +1 -1
- package/list.mjs +16 -16
- package/menu.js +2 -2
- package/menu.mjs +11 -11
- package/{mwc-checkbox.css-Cd0yCOHu.js → mwc-checkbox.css-BV3dyB4C.js} +1 -1
- package/{mwc-checkbox.css-MBOzkrQg.mjs → mwc-checkbox.css-CNoj0V14.mjs} +31 -31
- package/{mwc-drawer-base-Dgs9327G.mjs → mwc-drawer-base-A-4s_ZnE.mjs} +10 -10
- package/{mwc-drawer-base-D-48lqfn.js → mwc-drawer-base-DWczEPvb.js} +3 -3
- package/{mwc-icon-BZRds8SY.mjs → mwc-icon-DTCUplqR.mjs} +2 -2
- package/{mwc-icon-BumH81hp.js → mwc-icon-Xgr698ax.js} +1 -1
- package/{mwc-icon-button.css-DJMY7U7e.mjs → mwc-icon-button.css-DJiDOS0_.mjs} +1 -1
- package/{mwc-icon-button.css-BtgKBOl3.js → mwc-icon-button.css-DOVWWyjA.js} +1 -1
- package/{mwc-line-ripple-directive-zhm5Zc8i.mjs → mwc-line-ripple-directive-TO37-41n.mjs} +34 -34
- package/{mwc-line-ripple-directive-DvPWr3ER.js → mwc-line-ripple-directive-r80jluoU.js} +4 -4
- package/{mwc-list-item.css-CtRq5wSu.js → mwc-list-item.css-CO1JlA8e.js} +10 -10
- package/{mwc-list-item.css-g34xqhLC.mjs → mwc-list-item.css-Cg9onxQ-.mjs} +11 -11
- package/{mwc-list.css-DFOdJyFB.mjs → mwc-list.css-C_-DVEme.mjs} +102 -102
- package/{mwc-list.css-CaMJWsDp.js → mwc-list.css-Deg9oBaO.js} +1 -1
- package/{mwc-menu.css-pxcxlTrh.js → mwc-menu.css-Dvr-f3_T.js} +18 -18
- package/{mwc-menu.css-BEiPghgR.mjs → mwc-menu.css-qpZxKN-g.mjs} +306 -306
- package/{mwc-radio.css-XRx0vL1k.mjs → mwc-radio.css-BiHC1R8I.mjs} +11 -11
- package/{mwc-radio.css-CVMtIq-L.js → mwc-radio.css-DjO4Rn44.js} +1 -1
- package/{mwc-slider.css-WrkrmqkL.js → mwc-slider.css-DFOaS04S.js} +13 -13
- package/{mwc-slider.css-2Bqk43z7.mjs → mwc-slider.css-Deh1__Ar.mjs} +290 -279
- package/{mwc-tab.css-B9yQpkYf.mjs → mwc-tab.css-2UrPKkNg.mjs} +34 -34
- package/{mwc-tab.css-CgdXMZBB.js → mwc-tab.css-sq5suZKe.js} +11 -11
- package/{mwc-top-app-bar-base-B0EW9eNk.mjs → mwc-top-app-bar-base-BIZGhVtM.mjs} +40 -40
- package/{mwc-top-app-bar-base-CSXRBOiX.js → mwc-top-app-bar-base-DUdOcIjS.js} +7 -7
- package/nav-list-item.js +3 -3
- package/nav-list-item.mjs +18 -18
- package/notebook-cell.js +1 -1
- package/notebook-cell.mjs +25 -25
- package/package.json +6 -1
- package/{property-DYTC_2-m.js → property-BRKnMYJe.js} +1 -1
- package/{python-CEXbOLXn.mjs → python-BkZeja0y.mjs} +1 -1
- package/{python-CzGtlN7c.js → python-C2_KOh3o.js} +1 -1
- package/query-BvlE-gMJ.js +5 -0
- package/query-DSO61t36.mjs +15 -0
- package/query-assigned-elements-BQszEgac.js +31 -0
- package/query-assigned-elements-DhyCP_2z.mjs +591 -0
- package/query-assigned-nodes-9DFnkxV8.js +5 -0
- package/query-assigned-nodes-B-jCihdA.mjs +17 -0
- package/radio-list-item.js +5 -5
- package/radio-list-item.mjs +24 -24
- package/radio.js +1 -1
- package/radio.mjs +9 -9
- package/{ripple-handlers-i3WPEBiO.mjs → ripple-handlers-BAdg-fJB.mjs} +72 -72
- package/{ripple-handlers-CzfSBjWo.js → ripple-handlers-BDmOLx8c.js} +5 -5
- package/select.js +12 -12
- package/select.mjs +119 -118
- package/side-sheet.js +1 -1
- package/side-sheet.mjs +8 -8
- package/slider-range.js +7 -7
- package/slider-range.mjs +39 -39
- package/slider.js +1 -1
- package/slider.mjs +18 -18
- package/snackbar.js +8 -8
- package/snackbar.mjs +21 -21
- package/{state-DaD9o2aK.mjs → state-B_tK3mBm.mjs} +2 -2
- package/{state-C3HoXfoa.js → state-Csv4sdJA.js} +1 -1
- package/status-dialog.js +1 -1
- package/status-dialog.mjs +7 -7
- package/status-header-item.js +1 -1
- package/status-header-item.mjs +18 -18
- package/status-header.js +1 -1
- package/status-header.mjs +2 -2
- package/style-map-3QfsA_1O.js +5 -0
- package/style-map-QxIETvrs.mjs +42 -0
- package/switch.js +6 -6
- package/switch.mjs +40 -40
- package/tab-bar.js +5 -5
- package/tab-bar.mjs +93 -93
- package/tab.js +1 -1
- package/tab.mjs +5 -5
- package/text-lockup.js +1 -1
- package/text-lockup.mjs +11 -11
- package/textarea.js +6 -6
- package/textarea.mjs +22 -22
- package/{textfield-BwmiygD8.js → textfield-CO6CFCCn.js} +30 -30
- package/{textfield-C6sUZIeA.mjs → textfield-WSgoABZn.mjs} +103 -103
- package/textfield.js +2 -2
- package/textfield.mjs +9 -9
- package/toolbar.js +1 -1
- package/toolbar.mjs +2 -2
- package/tooltip.js +3 -3
- package/tooltip.mjs +56 -55
- package/{top-app-bar-4SA3DjLX.mjs → top-app-bar-BvXNELe9.mjs} +1 -1
- package/{top-app-bar-CGjBuyiD.js → top-app-bar-Cvp1aN42.js} +1 -1
- package/top-app-bar-fixed.js +8 -8
- package/top-app-bar-fixed.mjs +35 -35
- package/top-app-bar.js +1 -1
- package/top-app-bar.mjs +12 -12
- package/tree-list-item.js +1 -1
- package/tree-list-item.mjs +5 -5
- package/tree-list.js +1 -1
- package/tree-list.mjs +5 -5
- package/tslib.es6-CISSdiiH.mjs +75 -0
- package/{typescript-DotYReBq.mjs → typescript-BUN0g4m9.mjs} +1 -1
- package/{typescript-D_zVB3gH.js → typescript-DzngJr4U.js} +1 -1
- package/typography.js +1 -1
- package/typography.mjs +10 -10
- package/async-directive-Cx1B9M5C.mjs +0 -66
- package/async-directive-y3fBDDSk.js +0 -5
- package/class-map-C1SJpero.mjs +0 -36
- package/class-map-C8G1ALWK.js +0 -5
- package/directive-C7oCP5Bh.js +0 -5
- package/directive-helpers-CllkNDrI.mjs +0 -11
- package/directive-helpers-Duf3sfLn.js +0 -5
- package/form-element-CxSqbssX.mjs +0 -50
- package/form-element-DwqUbs65.js +0 -5
- package/query-BBDQWsft.mjs +0 -15
- package/query-BxDs8ftQ.js +0 -5
- package/query-assigned-elements-4CafVNR8.js +0 -31
- package/query-assigned-elements-DCt2xozt.mjs +0 -591
- package/query-assigned-nodes-B9zBfkh6.mjs +0 -17
- package/query-assigned-nodes-CckKHm2z.js +0 -5
- package/style-map-BJBXlSqn.js +0 -5
- package/style-map-CCsABR5m.mjs +0 -42
- package/tslib.es6-pPsSiLLK.mjs +0 -75
@@ -1,14 +1,14 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import { a as
|
4
|
-
import { F as B } from "./form-element-
|
5
|
-
import { x as _, A as g, i as $ } from "./query-assigned-elements-
|
1
|
+
import { _ as F, a as x, b as o } from "./tslib.es6-CISSdiiH.mjs";
|
2
|
+
import { e as H, R as O } from "./ripple-handlers-BAdg-fJB.mjs";
|
3
|
+
import { a as w } from "./aria-property-6O5bK0tV.mjs";
|
4
|
+
import { F as B } from "./form-element-Dn0Lerng.mjs";
|
5
|
+
import { x as _, A as g, i as $ } from "./query-assigned-elements-DhyCP_2z.mjs";
|
6
6
|
import { n as T } from "./property-DJzm_oB9.mjs";
|
7
|
-
import { t as b } from "./state-
|
8
|
-
import { i as y } from "./query-
|
9
|
-
import { o as P } from "./class-map-
|
10
|
-
import { l as
|
11
|
-
import { o as W } from "./style-map-
|
7
|
+
import { t as b } from "./state-B_tK3mBm.mjs";
|
8
|
+
import { i as y } from "./query-DSO61t36.mjs";
|
9
|
+
import { o as P } from "./class-map-BHl5MHd7.mjs";
|
10
|
+
import { l as R } from "./if-defined-DN7whKwy.mjs";
|
11
|
+
import { o as W } from "./style-map-QxIETvrs.mjs";
|
12
12
|
/**
|
13
13
|
* @license
|
14
14
|
* Copyright 2020 Google Inc.
|
@@ -35,10 +35,10 @@ var E;
|
|
35
35
|
(function(s) {
|
36
36
|
s[s.ACTIVE = 0] = "ACTIVE", s[s.INACTIVE = 1] = "INACTIVE";
|
37
37
|
})(E || (E = {}));
|
38
|
-
var
|
38
|
+
var r;
|
39
39
|
(function(s) {
|
40
40
|
s[s.START = 1] = "START", s[s.END = 2] = "END";
|
41
|
-
})(
|
41
|
+
})(r || (r = {}));
|
42
42
|
/**
|
43
43
|
* @license
|
44
44
|
* Copyright 2020 Google Inc.
|
@@ -67,26 +67,26 @@ var X = (
|
|
67
67
|
function s() {
|
68
68
|
this.rafIDs = /* @__PURE__ */ new Map();
|
69
69
|
}
|
70
|
-
return s.prototype.request = function(
|
71
|
-
var
|
72
|
-
this.cancel(
|
70
|
+
return s.prototype.request = function(i, e) {
|
71
|
+
var t = this;
|
72
|
+
this.cancel(i);
|
73
73
|
var n = requestAnimationFrame(function(a) {
|
74
|
-
|
74
|
+
t.rafIDs.delete(i), e(a);
|
75
75
|
});
|
76
|
-
this.rafIDs.set(
|
77
|
-
}, s.prototype.cancel = function(
|
78
|
-
var
|
79
|
-
|
76
|
+
this.rafIDs.set(i, n);
|
77
|
+
}, s.prototype.cancel = function(i) {
|
78
|
+
var e = this.rafIDs.get(i);
|
79
|
+
e && (cancelAnimationFrame(e), this.rafIDs.delete(i));
|
80
80
|
}, s.prototype.cancelAll = function() {
|
81
|
-
var
|
82
|
-
this.rafIDs.forEach(function(
|
83
|
-
|
81
|
+
var i = this;
|
82
|
+
this.rafIDs.forEach(function(e, t) {
|
83
|
+
i.cancel(t);
|
84
84
|
});
|
85
85
|
}, s.prototype.getQueue = function() {
|
86
|
-
var
|
87
|
-
return this.rafIDs.forEach(function(
|
88
|
-
|
89
|
-
}),
|
86
|
+
var i = [];
|
87
|
+
return this.rafIDs.forEach(function(e, t) {
|
88
|
+
i.push(t);
|
89
|
+
}), i;
|
90
90
|
}, s;
|
91
91
|
}()
|
92
92
|
);
|
@@ -112,7 +112,7 @@ var X = (
|
|
112
112
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
113
113
|
* THE SOFTWARE.
|
114
114
|
*/
|
115
|
-
var
|
115
|
+
var V = {
|
116
116
|
animation: {
|
117
117
|
prefixed: "-webkit-animation",
|
118
118
|
standard: "animation"
|
@@ -126,15 +126,15 @@ var L = {
|
|
126
126
|
standard: "transition"
|
127
127
|
}
|
128
128
|
};
|
129
|
-
function
|
129
|
+
function K(s) {
|
130
130
|
return !!s.document && typeof s.document.createElement == "function";
|
131
131
|
}
|
132
|
-
function
|
133
|
-
if (
|
134
|
-
var
|
132
|
+
function L(s, i) {
|
133
|
+
if (K(s) && i in V) {
|
134
|
+
var e = s.document.createElement("div"), t = V[i], n = t.standard, a = t.prefixed, d = n in e.style;
|
135
135
|
return d ? n : a;
|
136
136
|
}
|
137
|
-
return
|
137
|
+
return i;
|
138
138
|
}
|
139
139
|
/**
|
140
140
|
* @license
|
@@ -158,11 +158,11 @@ function V(s, r) {
|
|
158
158
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
159
159
|
* THE SOFTWARE.
|
160
160
|
*/
|
161
|
-
var
|
161
|
+
var z = (
|
162
162
|
/** @class */
|
163
163
|
function() {
|
164
|
-
function s(
|
165
|
-
|
164
|
+
function s(i) {
|
165
|
+
i === void 0 && (i = {}), this.adapter = i;
|
166
166
|
}
|
167
167
|
return Object.defineProperty(s, "cssClasses", {
|
168
168
|
get: function() {
|
@@ -218,13 +218,24 @@ var K = (
|
|
218
218
|
var h = {
|
219
219
|
DISABLED: "mdc-slider--disabled",
|
220
220
|
DISCRETE: "mdc-slider--discrete",
|
221
|
+
INPUT: "mdc-slider__input",
|
221
222
|
RANGE: "mdc-slider--range",
|
223
|
+
THUMB: "mdc-slider__thumb",
|
222
224
|
// Applied when thumb is in the focused state.
|
223
225
|
THUMB_FOCUSED: "mdc-slider__thumb--focused",
|
226
|
+
THUMB_KNOB: "mdc-slider__thumb-knob",
|
224
227
|
// Class added to the top thumb (for overlapping thumbs in range slider).
|
225
228
|
THUMB_TOP: "mdc-slider__thumb--top",
|
226
229
|
THUMB_WITH_INDICATOR: "mdc-slider__thumb--with-indicator",
|
227
|
-
TICK_MARKS: "mdc-slider--tick-marks"
|
230
|
+
TICK_MARKS: "mdc-slider--tick-marks",
|
231
|
+
TICK_MARKS_CONTAINER: "mdc-slider__tick-marks",
|
232
|
+
TICK_MARK_ACTIVE: "mdc-slider__tick-mark--active",
|
233
|
+
TICK_MARK_INACTIVE: "mdc-slider__tick-mark--inactive",
|
234
|
+
TRACK: "mdc-slider__track",
|
235
|
+
// The active track fill element that will be scaled as the value changes.
|
236
|
+
TRACK_ACTIVE: "mdc-slider__track--active_fill",
|
237
|
+
VALUE_INDICATOR_CONTAINER: "mdc-slider__value-indicator-container",
|
238
|
+
VALUE_INDICATOR_TEXT: "mdc-slider__value-indicator-text"
|
228
239
|
}, k = {
|
229
240
|
// Default step size.
|
230
241
|
STEP_SIZE: 1,
|
@@ -277,15 +288,15 @@ var S;
|
|
277
288
|
(function(s) {
|
278
289
|
s.SLIDER_UPDATE = "slider_update";
|
279
290
|
})(S || (S = {}));
|
280
|
-
var
|
291
|
+
var M = typeof window < "u", G = (
|
281
292
|
/** @class */
|
282
293
|
function(s) {
|
283
|
-
F(
|
284
|
-
function
|
285
|
-
var
|
286
|
-
return
|
294
|
+
F(i, s);
|
295
|
+
function i(e) {
|
296
|
+
var t = s.call(this, x(x({}, i.defaultAdapter), e)) || this;
|
297
|
+
return t.initialStylesRemoved = !1, t.isDisabled = !1, t.isDiscrete = !1, t.step = k.STEP_SIZE, t.minRange = k.MIN_RANGE, t.hasTickMarks = !1, t.isRange = !1, t.thumb = null, t.downEventClientX = null, t.startThumbKnobWidth = 0, t.endThumbKnobWidth = 0, t.animFrame = new X(), t;
|
287
298
|
}
|
288
|
-
return Object.defineProperty(
|
299
|
+
return Object.defineProperty(i, "defaultAdapter", {
|
289
300
|
get: function() {
|
290
301
|
return {
|
291
302
|
hasClass: function() {
|
@@ -388,287 +399,287 @@ var w = typeof window < "u", G = (
|
|
388
399
|
},
|
389
400
|
enumerable: !1,
|
390
401
|
configurable: !0
|
391
|
-
}),
|
392
|
-
var
|
402
|
+
}), i.prototype.init = function() {
|
403
|
+
var e = this;
|
393
404
|
this.isDisabled = this.adapter.hasClass(h.DISABLED), this.isDiscrete = this.adapter.hasClass(h.DISCRETE), this.hasTickMarks = this.adapter.hasClass(h.TICK_MARKS), this.isRange = this.adapter.hasClass(h.RANGE);
|
394
|
-
var
|
395
|
-
this.validateProperties({ min:
|
396
|
-
|
405
|
+
var t = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(c.INPUT_MIN, this.isRange ? r.START : r.END), c.INPUT_MIN), n = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(c.INPUT_MAX, r.END), c.INPUT_MAX), a = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(c.INPUT_VALUE, r.END), c.INPUT_VALUE), d = this.isRange ? this.convertAttributeValueToNumber(this.adapter.getInputAttribute(c.INPUT_VALUE, r.START), c.INPUT_VALUE) : t, l = this.adapter.getInputAttribute(c.INPUT_STEP, r.END), m = l ? this.convertAttributeValueToNumber(l, c.INPUT_STEP) : this.step, f = this.adapter.getAttribute(c.DATA_MIN_RANGE), v = f ? this.convertAttributeValueToNumber(f, c.DATA_MIN_RANGE) : this.minRange;
|
406
|
+
this.validateProperties({ min: t, max: n, value: a, valueStart: d, step: m, minRange: v }), this.min = t, this.max = n, this.value = a, this.valueStart = d, this.step = m, this.minRange = v, this.numDecimalPlaces = U(this.step), this.valueBeforeDownEvent = a, this.valueStartBeforeDownEvent = d, this.mousedownOrTouchstartListener = this.handleMousedownOrTouchstart.bind(this), this.moveListener = this.handleMove.bind(this), this.pointerdownListener = this.handlePointerdown.bind(this), this.pointerupListener = this.handlePointerup.bind(this), this.thumbMouseenterListener = this.handleThumbMouseenter.bind(this), this.thumbMouseleaveListener = this.handleThumbMouseleave.bind(this), this.inputStartChangeListener = function() {
|
407
|
+
e.handleInputChange(r.START);
|
397
408
|
}, this.inputEndChangeListener = function() {
|
398
|
-
|
409
|
+
e.handleInputChange(r.END);
|
399
410
|
}, this.inputStartFocusListener = function() {
|
400
|
-
|
411
|
+
e.handleInputFocus(r.START);
|
401
412
|
}, this.inputEndFocusListener = function() {
|
402
|
-
|
413
|
+
e.handleInputFocus(r.END);
|
403
414
|
}, this.inputStartBlurListener = function() {
|
404
|
-
|
415
|
+
e.handleInputBlur(r.START);
|
405
416
|
}, this.inputEndBlurListener = function() {
|
406
|
-
|
417
|
+
e.handleInputBlur(r.END);
|
407
418
|
}, this.resizeListener = this.handleResize.bind(this), this.registerEventHandlers();
|
408
|
-
},
|
419
|
+
}, i.prototype.destroy = function() {
|
409
420
|
this.deregisterEventHandlers();
|
410
|
-
},
|
411
|
-
this.min =
|
412
|
-
},
|
413
|
-
this.max =
|
414
|
-
},
|
421
|
+
}, i.prototype.setMin = function(e) {
|
422
|
+
this.min = e, this.isRange || (this.valueStart = e), this.updateUI();
|
423
|
+
}, i.prototype.setMax = function(e) {
|
424
|
+
this.max = e, this.updateUI();
|
425
|
+
}, i.prototype.getMin = function() {
|
415
426
|
return this.min;
|
416
|
-
},
|
427
|
+
}, i.prototype.getMax = function() {
|
417
428
|
return this.max;
|
418
|
-
},
|
429
|
+
}, i.prototype.getValue = function() {
|
419
430
|
return this.value;
|
420
|
-
},
|
421
|
-
if (this.isRange &&
|
422
|
-
throw new Error("end thumb value (" +
|
423
|
-
this.updateValue(
|
424
|
-
},
|
431
|
+
}, i.prototype.setValue = function(e) {
|
432
|
+
if (this.isRange && e < this.valueStart + this.minRange)
|
433
|
+
throw new Error("end thumb value (" + e + ") must be >= start thumb " + ("value (" + this.valueStart + ") + min range (" + this.minRange + ")"));
|
434
|
+
this.updateValue(e, r.END);
|
435
|
+
}, i.prototype.getValueStart = function() {
|
425
436
|
if (!this.isRange)
|
426
437
|
throw new Error("`valueStart` is only applicable for range sliders.");
|
427
438
|
return this.valueStart;
|
428
|
-
},
|
439
|
+
}, i.prototype.setValueStart = function(e) {
|
429
440
|
if (!this.isRange)
|
430
441
|
throw new Error("`valueStart` is only applicable for range sliders.");
|
431
|
-
if (this.isRange &&
|
432
|
-
throw new Error("start thumb value (" +
|
433
|
-
this.updateValue(
|
434
|
-
},
|
435
|
-
this.step =
|
436
|
-
},
|
442
|
+
if (this.isRange && e > this.value - this.minRange)
|
443
|
+
throw new Error("start thumb value (" + e + ") must be <= end thumb " + ("value (" + this.value + ") - min range (" + this.minRange + ")"));
|
444
|
+
this.updateValue(e, r.START);
|
445
|
+
}, i.prototype.setStep = function(e) {
|
446
|
+
this.step = e, this.numDecimalPlaces = U(e), this.updateUI();
|
447
|
+
}, i.prototype.setMinRange = function(e) {
|
437
448
|
if (!this.isRange)
|
438
449
|
throw new Error("`minRange` is only applicable for range sliders.");
|
439
|
-
if (
|
440
|
-
throw new Error("`minRange` must be non-negative. " + ("Current value: " +
|
441
|
-
if (this.value - this.valueStart <
|
442
|
-
throw new Error("start thumb value (" + this.valueStart + ") and end thumb value " + ("(" + this.value + ") must differ by at least " +
|
443
|
-
this.minRange =
|
444
|
-
},
|
445
|
-
this.isDiscrete =
|
446
|
-
},
|
450
|
+
if (e < 0)
|
451
|
+
throw new Error("`minRange` must be non-negative. " + ("Current value: " + e));
|
452
|
+
if (this.value - this.valueStart < e)
|
453
|
+
throw new Error("start thumb value (" + this.valueStart + ") and end thumb value " + ("(" + this.value + ") must differ by at least " + e + "."));
|
454
|
+
this.minRange = e;
|
455
|
+
}, i.prototype.setIsDiscrete = function(e) {
|
456
|
+
this.isDiscrete = e, this.updateValueIndicatorUI(), this.updateTickMarksUI();
|
457
|
+
}, i.prototype.getStep = function() {
|
447
458
|
return this.step;
|
448
|
-
},
|
459
|
+
}, i.prototype.getMinRange = function() {
|
449
460
|
if (!this.isRange)
|
450
461
|
throw new Error("`minRange` is only applicable for range sliders.");
|
451
462
|
return this.minRange;
|
452
|
-
},
|
453
|
-
this.hasTickMarks =
|
454
|
-
},
|
463
|
+
}, i.prototype.setHasTickMarks = function(e) {
|
464
|
+
this.hasTickMarks = e, this.updateTickMarksUI();
|
465
|
+
}, i.prototype.getDisabled = function() {
|
455
466
|
return this.isDisabled;
|
456
|
-
},
|
457
|
-
this.isDisabled =
|
458
|
-
},
|
467
|
+
}, i.prototype.setDisabled = function(e) {
|
468
|
+
this.isDisabled = e, e ? (this.adapter.addClass(h.DISABLED), this.isRange && this.adapter.setInputAttribute(c.INPUT_DISABLED, "", r.START), this.adapter.setInputAttribute(c.INPUT_DISABLED, "", r.END)) : (this.adapter.removeClass(h.DISABLED), this.isRange && this.adapter.removeInputAttribute(c.INPUT_DISABLED, r.START), this.adapter.removeInputAttribute(c.INPUT_DISABLED, r.END));
|
469
|
+
}, i.prototype.getIsRange = function() {
|
459
470
|
return this.isRange;
|
460
|
-
},
|
461
|
-
var
|
462
|
-
this.rect = this.adapter.getBoundingClientRect(), this.isRange && (this.startThumbKnobWidth = this.adapter.getThumbKnobWidth(
|
463
|
-
},
|
471
|
+
}, i.prototype.layout = function(e) {
|
472
|
+
var t = e === void 0 ? {} : e, n = t.skipUpdateUI;
|
473
|
+
this.rect = this.adapter.getBoundingClientRect(), this.isRange && (this.startThumbKnobWidth = this.adapter.getThumbKnobWidth(r.START), this.endThumbKnobWidth = this.adapter.getThumbKnobWidth(r.END)), n || this.updateUI();
|
474
|
+
}, i.prototype.handleResize = function() {
|
464
475
|
this.layout();
|
465
|
-
},
|
476
|
+
}, i.prototype.handleDown = function(e) {
|
466
477
|
if (!this.isDisabled) {
|
467
478
|
this.valueStartBeforeDownEvent = this.valueStart, this.valueBeforeDownEvent = this.value;
|
468
|
-
var
|
469
|
-
this.downEventClientX =
|
470
|
-
var n = this.mapClientXOnSliderScale(
|
471
|
-
this.thumb = this.getThumbFromDownEvent(
|
479
|
+
var t = e.clientX != null ? e.clientX : e.targetTouches[0].clientX;
|
480
|
+
this.downEventClientX = t;
|
481
|
+
var n = this.mapClientXOnSliderScale(t);
|
482
|
+
this.thumb = this.getThumbFromDownEvent(t, n), this.thumb !== null && (this.handleDragStart(e, n, this.thumb), this.updateValue(n, this.thumb, { emitInputEvent: !0 }));
|
472
483
|
}
|
473
|
-
},
|
484
|
+
}, i.prototype.handleMove = function(e) {
|
474
485
|
if (!this.isDisabled) {
|
475
|
-
|
476
|
-
var
|
477
|
-
if (this.thumb = this.getThumbFromMoveEvent(
|
478
|
-
var a = this.mapClientXOnSliderScale(
|
479
|
-
n || (this.handleDragStart(
|
486
|
+
e.preventDefault();
|
487
|
+
var t = e.clientX != null ? e.clientX : e.targetTouches[0].clientX, n = this.thumb != null;
|
488
|
+
if (this.thumb = this.getThumbFromMoveEvent(t), this.thumb !== null) {
|
489
|
+
var a = this.mapClientXOnSliderScale(t);
|
490
|
+
n || (this.handleDragStart(e, a, this.thumb), this.adapter.emitDragStartEvent(a, this.thumb)), this.updateValue(a, this.thumb, { emitInputEvent: !0 });
|
480
491
|
}
|
481
492
|
}
|
482
|
-
},
|
483
|
-
var
|
493
|
+
}, i.prototype.handleUp = function() {
|
494
|
+
var e, t;
|
484
495
|
if (!(this.isDisabled || this.thumb === null)) {
|
485
|
-
!((
|
486
|
-
var n = this.thumb ===
|
496
|
+
!((t = (e = this.adapter).shouldHideFocusStylesForPointerEvents) === null || t === void 0) && t.call(e) && this.handleInputBlur(this.thumb);
|
497
|
+
var n = this.thumb === r.START ? this.valueStartBeforeDownEvent : this.valueBeforeDownEvent, a = this.thumb === r.START ? this.valueStart : this.value;
|
487
498
|
n !== a && this.adapter.emitChangeEvent(a, this.thumb), this.adapter.emitDragEndEvent(a, this.thumb), this.thumb = null;
|
488
499
|
}
|
489
|
-
},
|
490
|
-
!this.isDiscrete || !this.isRange || (this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR,
|
491
|
-
},
|
492
|
-
var
|
493
|
-
!this.isDiscrete || !this.isRange || !(!((
|
494
|
-
},
|
495
|
-
var
|
500
|
+
}, i.prototype.handleThumbMouseenter = function() {
|
501
|
+
!this.isDiscrete || !this.isRange || (this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR, r.START), this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR, r.END));
|
502
|
+
}, i.prototype.handleThumbMouseleave = function() {
|
503
|
+
var e, t;
|
504
|
+
!this.isDiscrete || !this.isRange || !(!((t = (e = this.adapter).shouldHideFocusStylesForPointerEvents) === null || t === void 0) && t.call(e)) && (this.adapter.isInputFocused(r.START) || this.adapter.isInputFocused(r.END)) || this.thumb || (this.adapter.removeThumbClass(h.THUMB_WITH_INDICATOR, r.START), this.adapter.removeThumbClass(h.THUMB_WITH_INDICATOR, r.END));
|
505
|
+
}, i.prototype.handleMousedownOrTouchstart = function(e) {
|
506
|
+
var t = this, n = e.type === "mousedown" ? "mousemove" : "touchmove";
|
496
507
|
this.adapter.registerBodyEventHandler(n, this.moveListener);
|
497
508
|
var a = function() {
|
498
|
-
|
509
|
+
t.handleUp(), t.adapter.deregisterBodyEventHandler(n, t.moveListener), t.adapter.deregisterEventHandler("mouseup", a), t.adapter.deregisterEventHandler("touchend", a);
|
499
510
|
};
|
500
|
-
this.adapter.registerBodyEventHandler("mouseup", a), this.adapter.registerBodyEventHandler("touchend", a), this.handleDown(
|
501
|
-
},
|
502
|
-
var
|
503
|
-
|
504
|
-
},
|
505
|
-
var
|
506
|
-
|
507
|
-
},
|
508
|
-
if (this.adapter.addThumbClass(h.THUMB_FOCUSED,
|
509
|
-
var
|
510
|
-
this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR,
|
511
|
+
this.adapter.registerBodyEventHandler("mouseup", a), this.adapter.registerBodyEventHandler("touchend", a), this.handleDown(e);
|
512
|
+
}, i.prototype.handlePointerdown = function(e) {
|
513
|
+
var t = e.button === 0;
|
514
|
+
t && (e.pointerId != null && this.adapter.setPointerCapture(e.pointerId), this.adapter.registerEventHandler("pointermove", this.moveListener), this.handleDown(e));
|
515
|
+
}, i.prototype.handleInputChange = function(e) {
|
516
|
+
var t = Number(this.adapter.getInputValue(e));
|
517
|
+
e === r.START ? this.setValueStart(t) : this.setValue(t), this.adapter.emitChangeEvent(e === r.START ? this.valueStart : this.value, e), this.adapter.emitInputEvent(e === r.START ? this.valueStart : this.value, e);
|
518
|
+
}, i.prototype.handleInputFocus = function(e) {
|
519
|
+
if (this.adapter.addThumbClass(h.THUMB_FOCUSED, e), !!this.isDiscrete && (this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR, e), this.isRange)) {
|
520
|
+
var t = e === r.START ? r.END : r.START;
|
521
|
+
this.adapter.addThumbClass(h.THUMB_WITH_INDICATOR, t);
|
511
522
|
}
|
512
|
-
},
|
513
|
-
if (this.adapter.removeThumbClass(h.THUMB_FOCUSED,
|
514
|
-
var
|
515
|
-
this.adapter.removeThumbClass(h.THUMB_WITH_INDICATOR,
|
523
|
+
}, i.prototype.handleInputBlur = function(e) {
|
524
|
+
if (this.adapter.removeThumbClass(h.THUMB_FOCUSED, e), !!this.isDiscrete && (this.adapter.removeThumbClass(h.THUMB_WITH_INDICATOR, e), this.isRange)) {
|
525
|
+
var t = e === r.START ? r.END : r.START;
|
526
|
+
this.adapter.removeThumbClass(h.THUMB_WITH_INDICATOR, t);
|
516
527
|
}
|
517
|
-
},
|
528
|
+
}, i.prototype.handleDragStart = function(e, t, n) {
|
518
529
|
var a, d;
|
519
|
-
this.adapter.emitDragStartEvent(
|
520
|
-
},
|
530
|
+
this.adapter.emitDragStartEvent(t, n), this.adapter.focusInput(n), !((d = (a = this.adapter).shouldHideFocusStylesForPointerEvents) === null || d === void 0) && d.call(a) && this.handleInputFocus(n), e.preventDefault();
|
531
|
+
}, i.prototype.getThumbFromDownEvent = function(e, t) {
|
521
532
|
if (!this.isRange)
|
522
|
-
return
|
523
|
-
var n = this.adapter.getThumbBoundingClientRect(
|
524
|
-
return d && l ? null : d ?
|
525
|
-
},
|
533
|
+
return r.END;
|
534
|
+
var n = this.adapter.getThumbBoundingClientRect(r.START), a = this.adapter.getThumbBoundingClientRect(r.END), d = e >= n.left && e <= n.right, l = e >= a.left && e <= a.right;
|
535
|
+
return d && l ? null : d ? r.START : l ? r.END : t < this.valueStart ? r.START : t > this.value ? r.END : t - this.valueStart <= this.value - t ? r.START : r.END;
|
536
|
+
}, i.prototype.getThumbFromMoveEvent = function(e) {
|
526
537
|
if (this.thumb !== null)
|
527
538
|
return this.thumb;
|
528
539
|
if (this.downEventClientX === null)
|
529
540
|
throw new Error("`downEventClientX` is null after move event.");
|
530
|
-
var
|
531
|
-
if (
|
541
|
+
var t = Math.abs(this.downEventClientX - e) < k.THUMB_UPDATE_MIN_PX;
|
542
|
+
if (t)
|
532
543
|
return this.thumb;
|
533
|
-
var n =
|
534
|
-
return n ? this.adapter.isRTL() ?
|
535
|
-
},
|
536
|
-
|
537
|
-
},
|
538
|
-
if (
|
539
|
-
var
|
540
|
-
this.adapter.setInputAttribute(c.INPUT_VALUE, n,
|
544
|
+
var n = e < this.downEventClientX;
|
545
|
+
return n ? this.adapter.isRTL() ? r.END : r.START : this.adapter.isRTL() ? r.START : r.END;
|
546
|
+
}, i.prototype.updateUI = function(e) {
|
547
|
+
e ? this.updateThumbAndInputAttributes(e) : (this.updateThumbAndInputAttributes(r.START), this.updateThumbAndInputAttributes(r.END)), this.updateThumbAndTrackUI(e), this.updateValueIndicatorUI(e), this.updateTickMarksUI();
|
548
|
+
}, i.prototype.updateThumbAndInputAttributes = function(e) {
|
549
|
+
if (e) {
|
550
|
+
var t = this.isRange && e === r.START ? this.valueStart : this.value, n = String(t);
|
551
|
+
this.adapter.setInputAttribute(c.INPUT_VALUE, n, e), this.isRange && e === r.START ? this.adapter.setInputAttribute(c.INPUT_MIN, String(t + this.minRange), r.END) : this.isRange && e === r.END && this.adapter.setInputAttribute(c.INPUT_MAX, String(t - this.minRange), r.START), this.adapter.getInputValue(e) !== n && this.adapter.setInputValue(n, e);
|
541
552
|
var a = this.adapter.getValueToAriaValueTextFn();
|
542
|
-
a && this.adapter.setInputAttribute(c.ARIA_VALUETEXT, a(
|
553
|
+
a && this.adapter.setInputAttribute(c.ARIA_VALUETEXT, a(t, e), e);
|
543
554
|
}
|
544
|
-
},
|
555
|
+
}, i.prototype.updateValueIndicatorUI = function(e) {
|
545
556
|
if (this.isDiscrete) {
|
546
|
-
var
|
547
|
-
this.adapter.setValueIndicatorText(
|
557
|
+
var t = this.isRange && e === r.START ? this.valueStart : this.value;
|
558
|
+
this.adapter.setValueIndicatorText(t, e === r.START ? r.START : r.END), !e && this.isRange && this.adapter.setValueIndicatorText(this.valueStart, r.START);
|
548
559
|
}
|
549
|
-
},
|
560
|
+
}, i.prototype.updateTickMarksUI = function() {
|
550
561
|
if (!(!this.isDiscrete || !this.hasTickMarks)) {
|
551
|
-
var
|
562
|
+
var e = (this.valueStart - this.min) / this.step, t = (this.value - this.valueStart) / this.step + 1, n = (this.max - this.value) / this.step, a = Array.from({ length: e }).fill(E.INACTIVE), d = Array.from({ length: t }).fill(E.ACTIVE), l = Array.from({ length: n }).fill(E.INACTIVE);
|
552
563
|
this.adapter.updateTickMarks(a.concat(d).concat(l));
|
553
564
|
}
|
554
|
-
},
|
555
|
-
var
|
565
|
+
}, i.prototype.mapClientXOnSliderScale = function(e) {
|
566
|
+
var t = e - this.rect.left, n = t / this.rect.width;
|
556
567
|
this.adapter.isRTL() && (n = 1 - n);
|
557
568
|
var a = this.min + n * (this.max - this.min);
|
558
569
|
return a === this.max || a === this.min ? a : Number(this.quantize(a).toFixed(this.numDecimalPlaces));
|
559
|
-
},
|
560
|
-
var
|
561
|
-
return this.min +
|
562
|
-
},
|
570
|
+
}, i.prototype.quantize = function(e) {
|
571
|
+
var t = Math.round((e - this.min) / this.step);
|
572
|
+
return this.min + t * this.step;
|
573
|
+
}, i.prototype.updateValue = function(e, t, n) {
|
563
574
|
var a = n === void 0 ? {} : n, d = a.emitInputEvent;
|
564
|
-
if (
|
565
|
-
if (this.valueStart ===
|
575
|
+
if (e = this.clampValue(e, t), this.isRange && t === r.START) {
|
576
|
+
if (this.valueStart === e)
|
566
577
|
return;
|
567
|
-
this.valueStart =
|
578
|
+
this.valueStart = e;
|
568
579
|
} else {
|
569
|
-
if (this.value ===
|
580
|
+
if (this.value === e)
|
570
581
|
return;
|
571
|
-
this.value =
|
582
|
+
this.value = e;
|
572
583
|
}
|
573
|
-
this.updateUI(
|
574
|
-
},
|
575
|
-
|
576
|
-
var n = this.isRange &&
|
584
|
+
this.updateUI(t), d && this.adapter.emitInputEvent(t === r.START ? this.valueStart : this.value, t);
|
585
|
+
}, i.prototype.clampValue = function(e, t) {
|
586
|
+
e = Math.min(Math.max(e, this.min), this.max);
|
587
|
+
var n = this.isRange && t === r.START && e > this.value - this.minRange;
|
577
588
|
if (n)
|
578
589
|
return this.value - this.minRange;
|
579
|
-
var a = this.isRange &&
|
580
|
-
return a ? this.valueStart + this.minRange :
|
581
|
-
},
|
582
|
-
var
|
590
|
+
var a = this.isRange && t === r.END && e < this.valueStart + this.minRange;
|
591
|
+
return a ? this.valueStart + this.minRange : e;
|
592
|
+
}, i.prototype.updateThumbAndTrackUI = function(e) {
|
593
|
+
var t = this, n = this, a = n.max, d = n.min, l = (this.value - this.valueStart) / (a - d), m = l * this.rect.width, f = this.adapter.isRTL(), v = M ? L(window, "transform") : "transform";
|
583
594
|
if (this.isRange) {
|
584
595
|
var A = this.adapter.isRTL() ? (a - this.value) / (a - d) * this.rect.width : (this.valueStart - d) / (a - d) * this.rect.width, D = A + m;
|
585
596
|
this.animFrame.request(S.SLIDER_UPDATE, function() {
|
586
|
-
var
|
587
|
-
|
588
|
-
var N =
|
589
|
-
(
|
597
|
+
var I = !f && e === r.START || f && e !== r.START;
|
598
|
+
I ? (t.adapter.setTrackActiveStyleProperty("transform-origin", "right"), t.adapter.setTrackActiveStyleProperty("left", "auto"), t.adapter.setTrackActiveStyleProperty("right", t.rect.width - D + "px")) : (t.adapter.setTrackActiveStyleProperty("transform-origin", "left"), t.adapter.setTrackActiveStyleProperty("right", "auto"), t.adapter.setTrackActiveStyleProperty("left", A + "px")), t.adapter.setTrackActiveStyleProperty(v, "scaleX(" + l + ")");
|
599
|
+
var N = f ? D : A, C = t.adapter.isRTL() ? A : D;
|
600
|
+
(e === r.START || !e || !t.initialStylesRemoved) && (t.adapter.setThumbStyleProperty(v, "translateX(" + N + "px)", r.START), t.alignValueIndicator(r.START, N)), (e === r.END || !e || !t.initialStylesRemoved) && (t.adapter.setThumbStyleProperty(v, "translateX(" + C + "px)", r.END), t.alignValueIndicator(r.END, C)), t.removeInitialStyles(f), t.updateOverlappingThumbsUI(N, C, e);
|
590
601
|
});
|
591
602
|
} else
|
592
603
|
this.animFrame.request(S.SLIDER_UPDATE, function() {
|
593
|
-
var
|
594
|
-
|
604
|
+
var I = f ? t.rect.width - m : m;
|
605
|
+
t.adapter.setThumbStyleProperty(v, "translateX(" + I + "px)", r.END), t.alignValueIndicator(r.END, I), t.adapter.setTrackActiveStyleProperty(v, "scaleX(" + l + ")"), t.removeInitialStyles(f);
|
595
606
|
});
|
596
|
-
},
|
607
|
+
}, i.prototype.alignValueIndicator = function(e, t) {
|
597
608
|
if (this.isDiscrete) {
|
598
|
-
var n = this.adapter.getThumbBoundingClientRect(
|
599
|
-
a / 2 >
|
609
|
+
var n = this.adapter.getThumbBoundingClientRect(e).width / 2, a = this.adapter.getValueIndicatorContainerWidth(e), d = this.adapter.getBoundingClientRect().width;
|
610
|
+
a / 2 > t + n ? (this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_LEFT, n + "px", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_RIGHT, "auto", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_TRANSFORM, "translateX(-50%)", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_LEFT, "0", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_RIGHT, "auto", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM, "none", e)) : a / 2 > d - t + n ? (this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_LEFT, "auto", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_RIGHT, n + "px", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_TRANSFORM, "translateX(50%)", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_LEFT, "auto", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_RIGHT, "0", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM, "none", e)) : (this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_LEFT, "50%", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_RIGHT, "auto", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CARET_TRANSFORM, "translateX(-50%)", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_LEFT, "50%", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_RIGHT, "auto", e), this.adapter.setThumbStyleProperty(p.VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM, "translateX(-50%)", e));
|
600
611
|
}
|
601
|
-
},
|
612
|
+
}, i.prototype.removeInitialStyles = function(e) {
|
602
613
|
if (!this.initialStylesRemoved) {
|
603
|
-
var
|
604
|
-
this.adapter.removeThumbStyleProperty(
|
614
|
+
var t = e ? "right" : "left";
|
615
|
+
this.adapter.removeThumbStyleProperty(t, r.END), this.isRange && this.adapter.removeThumbStyleProperty(t, r.START), this.initialStylesRemoved = !0, this.resetTrackAndThumbAnimation();
|
605
616
|
}
|
606
|
-
},
|
607
|
-
var
|
617
|
+
}, i.prototype.resetTrackAndThumbAnimation = function() {
|
618
|
+
var e = this;
|
608
619
|
if (this.isDiscrete) {
|
609
|
-
var
|
610
|
-
this.adapter.setThumbStyleProperty(
|
611
|
-
|
620
|
+
var t = M ? L(window, "transition") : "transition", n = "none 0s ease 0s";
|
621
|
+
this.adapter.setThumbStyleProperty(t, n, r.END), this.isRange && this.adapter.setThumbStyleProperty(t, n, r.START), this.adapter.setTrackActiveStyleProperty(t, n), requestAnimationFrame(function() {
|
622
|
+
e.adapter.removeThumbStyleProperty(t, r.END), e.adapter.removeTrackActiveStyleProperty(t), e.isRange && e.adapter.removeThumbStyleProperty(t, r.START);
|
612
623
|
});
|
613
624
|
}
|
614
|
-
},
|
625
|
+
}, i.prototype.updateOverlappingThumbsUI = function(e, t, n) {
|
615
626
|
var a = !1;
|
616
627
|
if (this.adapter.isRTL()) {
|
617
|
-
var d =
|
628
|
+
var d = e - this.startThumbKnobWidth / 2, l = t + this.endThumbKnobWidth / 2;
|
618
629
|
a = l >= d;
|
619
630
|
} else {
|
620
|
-
var m =
|
621
|
-
a = m >=
|
631
|
+
var m = e + this.startThumbKnobWidth / 2, f = t - this.endThumbKnobWidth / 2;
|
632
|
+
a = m >= f;
|
622
633
|
}
|
623
634
|
a ? (this.adapter.addThumbClass(
|
624
635
|
h.THUMB_TOP,
|
625
636
|
// If no thumb was dragged (in the case of initial layout), end
|
626
637
|
// thumb is on top by default.
|
627
|
-
n ||
|
628
|
-
), this.adapter.removeThumbClass(h.THUMB_TOP, n ===
|
629
|
-
},
|
630
|
-
if (
|
631
|
-
throw new Error("MDCSliderFoundation: `" +
|
632
|
-
var n = Number(
|
638
|
+
n || r.END
|
639
|
+
), this.adapter.removeThumbClass(h.THUMB_TOP, n === r.START ? r.END : r.START)) : (this.adapter.removeThumbClass(h.THUMB_TOP, r.START), this.adapter.removeThumbClass(h.THUMB_TOP, r.END));
|
640
|
+
}, i.prototype.convertAttributeValueToNumber = function(e, t) {
|
641
|
+
if (e === null)
|
642
|
+
throw new Error("MDCSliderFoundation: `" + t + "` must be non-null.");
|
643
|
+
var n = Number(e);
|
633
644
|
if (isNaN(n))
|
634
|
-
throw new Error("MDCSliderFoundation: `" +
|
645
|
+
throw new Error("MDCSliderFoundation: `" + t + "` value is `" + e + "`, but must be a number.");
|
635
646
|
return n;
|
636
|
-
},
|
637
|
-
var
|
638
|
-
if (
|
639
|
-
throw new Error("MDCSliderFoundation: min must be strictly less than max. " + ("Current: [min: " +
|
647
|
+
}, i.prototype.validateProperties = function(e) {
|
648
|
+
var t = e.min, n = e.max, a = e.value, d = e.valueStart, l = e.step, m = e.minRange;
|
649
|
+
if (t >= n)
|
650
|
+
throw new Error("MDCSliderFoundation: min must be strictly less than max. " + ("Current: [min: " + t + ", max: " + n + "]"));
|
640
651
|
if (l <= 0)
|
641
652
|
throw new Error("MDCSliderFoundation: step must be a positive number. " + ("Current step: " + l));
|
642
653
|
if (this.isRange) {
|
643
|
-
if (a <
|
644
|
-
throw new Error("MDCSliderFoundation: values must be in [min, max] range. " + ("Current values: [start value: " + d + ", end value: ") + (a + ", min: " +
|
654
|
+
if (a < t || a > n || d < t || d > n)
|
655
|
+
throw new Error("MDCSliderFoundation: values must be in [min, max] range. " + ("Current values: [start value: " + d + ", end value: ") + (a + ", min: " + t + ", max: " + n + "]"));
|
645
656
|
if (d > a)
|
646
657
|
throw new Error("MDCSliderFoundation: start value must be <= end value. " + ("Current values: [start value: " + d + ", end value: " + a + "]"));
|
647
658
|
if (m < 0)
|
648
659
|
throw new Error("MDCSliderFoundation: minimum range must be non-negative. " + ("Current min range: " + m));
|
649
660
|
if (a - d < m)
|
650
661
|
throw new Error("MDCSliderFoundation: start value and end value must differ by at least " + (m + ". Current values: [start value: " + d + ", ") + ("end value: " + a + "]"));
|
651
|
-
var
|
652
|
-
if (!Number.isInteger(parseFloat(
|
653
|
-
throw new Error("MDCSliderFoundation: Slider values must be valid based on the " + ("step value (" + l + "). Current values: [start value: ") + (d + ", end value: " + a + ", min: " +
|
662
|
+
var f = (d - t) / l, v = (a - t) / l;
|
663
|
+
if (!Number.isInteger(parseFloat(f.toFixed(6))) || !Number.isInteger(parseFloat(v.toFixed(6))))
|
664
|
+
throw new Error("MDCSliderFoundation: Slider values must be valid based on the " + ("step value (" + l + "). Current values: [start value: ") + (d + ", end value: " + a + ", min: " + t + "]"));
|
654
665
|
} else {
|
655
|
-
if (a <
|
656
|
-
throw new Error("MDCSliderFoundation: value must be in [min, max] range. " + ("Current values: [value: " + a + ", min: " +
|
657
|
-
var
|
658
|
-
if (!Number.isInteger(parseFloat(
|
666
|
+
if (a < t || a > n)
|
667
|
+
throw new Error("MDCSliderFoundation: value must be in [min, max] range. " + ("Current values: [value: " + a + ", min: " + t + ", max: " + n + "]"));
|
668
|
+
var v = (a - t) / l;
|
669
|
+
if (!Number.isInteger(parseFloat(v.toFixed(6))))
|
659
670
|
throw new Error("MDCSliderFoundation: Slider value must be valid based on the " + ("step value (" + l + "). Current value: " + a));
|
660
671
|
}
|
661
|
-
},
|
662
|
-
this.adapter.registerWindowEventHandler("resize", this.resizeListener),
|
663
|
-
},
|
664
|
-
this.adapter.deregisterWindowEventHandler("resize", this.resizeListener),
|
665
|
-
},
|
672
|
+
}, i.prototype.registerEventHandlers = function() {
|
673
|
+
this.adapter.registerWindowEventHandler("resize", this.resizeListener), i.SUPPORTS_POINTER_EVENTS ? (this.adapter.registerEventHandler("pointerdown", this.pointerdownListener), this.adapter.registerEventHandler("pointerup", this.pointerupListener)) : (this.adapter.registerEventHandler("mousedown", this.mousedownOrTouchstartListener), this.adapter.registerEventHandler("touchstart", this.mousedownOrTouchstartListener)), this.isRange && (this.adapter.registerThumbEventHandler(r.START, "mouseenter", this.thumbMouseenterListener), this.adapter.registerThumbEventHandler(r.START, "mouseleave", this.thumbMouseleaveListener), this.adapter.registerInputEventHandler(r.START, "change", this.inputStartChangeListener), this.adapter.registerInputEventHandler(r.START, "focus", this.inputStartFocusListener), this.adapter.registerInputEventHandler(r.START, "blur", this.inputStartBlurListener)), this.adapter.registerThumbEventHandler(r.END, "mouseenter", this.thumbMouseenterListener), this.adapter.registerThumbEventHandler(r.END, "mouseleave", this.thumbMouseleaveListener), this.adapter.registerInputEventHandler(r.END, "change", this.inputEndChangeListener), this.adapter.registerInputEventHandler(r.END, "focus", this.inputEndFocusListener), this.adapter.registerInputEventHandler(r.END, "blur", this.inputEndBlurListener);
|
674
|
+
}, i.prototype.deregisterEventHandlers = function() {
|
675
|
+
this.adapter.deregisterWindowEventHandler("resize", this.resizeListener), i.SUPPORTS_POINTER_EVENTS ? (this.adapter.deregisterEventHandler("pointerdown", this.pointerdownListener), this.adapter.deregisterEventHandler("pointerup", this.pointerupListener)) : (this.adapter.deregisterEventHandler("mousedown", this.mousedownOrTouchstartListener), this.adapter.deregisterEventHandler("touchstart", this.mousedownOrTouchstartListener)), this.isRange && (this.adapter.deregisterThumbEventHandler(r.START, "mouseenter", this.thumbMouseenterListener), this.adapter.deregisterThumbEventHandler(r.START, "mouseleave", this.thumbMouseleaveListener), this.adapter.deregisterInputEventHandler(r.START, "change", this.inputStartChangeListener), this.adapter.deregisterInputEventHandler(r.START, "focus", this.inputStartFocusListener), this.adapter.deregisterInputEventHandler(r.START, "blur", this.inputStartBlurListener)), this.adapter.deregisterThumbEventHandler(r.END, "mouseenter", this.thumbMouseenterListener), this.adapter.deregisterThumbEventHandler(r.END, "mouseleave", this.thumbMouseleaveListener), this.adapter.deregisterInputEventHandler(r.END, "change", this.inputEndChangeListener), this.adapter.deregisterInputEventHandler(r.END, "focus", this.inputEndFocusListener), this.adapter.deregisterInputEventHandler(r.END, "blur", this.inputEndBlurListener);
|
676
|
+
}, i.prototype.handlePointerup = function() {
|
666
677
|
this.handleUp(), this.adapter.deregisterEventHandler("pointermove", this.moveListener);
|
667
|
-
},
|
678
|
+
}, i.SUPPORTS_POINTER_EVENTS = M && !!window.PointerEvent && // #setPointerCapture is buggy on iOS, so we can't use pointer events
|
668
679
|
// until the following bug is fixed:
|
669
680
|
// https://bugs.webkit.org/show_bug.cgi?id=220196
|
670
|
-
!q(),
|
671
|
-
}(
|
681
|
+
!q(), i;
|
682
|
+
}(z)
|
672
683
|
);
|
673
684
|
function q() {
|
674
685
|
return [
|
@@ -681,14 +692,14 @@ function q() {
|
|
681
692
|
].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
|
682
693
|
}
|
683
694
|
function U(s) {
|
684
|
-
var
|
685
|
-
if (!
|
695
|
+
var i = /(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(s));
|
696
|
+
if (!i)
|
686
697
|
return 0;
|
687
|
-
var
|
698
|
+
var e = i[1] || "", t = i[2] || 0;
|
688
699
|
return Math.max(
|
689
700
|
0,
|
690
701
|
// lower limit
|
691
|
-
(
|
702
|
+
(e === "0" ? 0 : e.length) - Number(t)
|
692
703
|
);
|
693
704
|
}
|
694
705
|
/**
|
@@ -698,15 +709,15 @@ function U(s) {
|
|
698
709
|
*/
|
699
710
|
class u extends B {
|
700
711
|
constructor() {
|
701
|
-
super(...arguments), this.mdcFoundationClass = G, this.disabled = !1, this.min = 0, this.max = 100, this.valueEnd = 0, this.name = "", this.step = 1, this.withTickMarks = !1, this.discrete = !1, this.tickMarks = [], this.trackTransformOriginStyle = "", this.trackLeftStyle = "", this.trackRightStyle = "", this.trackTransitionStyle = "", this.endThumbWithIndicator = !1, this.endThumbTop = !1, this.shouldRenderEndRipple = !1, this.endThumbTransformStyle = "", this.endThumbTransitionStyle = "", this.endThumbCssProperties = {}, this.valueToAriaTextTransform = null, this.valueToValueIndicatorTransform = (
|
712
|
+
super(...arguments), this.mdcFoundationClass = G, this.disabled = !1, this.min = 0, this.max = 100, this.valueEnd = 0, this.name = "", this.step = 1, this.withTickMarks = !1, this.discrete = !1, this.tickMarks = [], this.trackTransformOriginStyle = "", this.trackLeftStyle = "", this.trackRightStyle = "", this.trackTransitionStyle = "", this.endThumbWithIndicator = !1, this.endThumbTop = !1, this.shouldRenderEndRipple = !1, this.endThumbTransformStyle = "", this.endThumbTransitionStyle = "", this.endThumbCssProperties = {}, this.valueToAriaTextTransform = null, this.valueToValueIndicatorTransform = (i) => `${i}`, this.boundMoveListener = null, this.endRippleHandlers = new O(() => (this.shouldRenderEndRipple = !0, this.endRipple));
|
702
713
|
}
|
703
|
-
update(
|
704
|
-
if (
|
714
|
+
update(i) {
|
715
|
+
if (i.has("valueEnd") && this.mdcFoundation) {
|
705
716
|
this.mdcFoundation.setValue(this.valueEnd);
|
706
|
-
const
|
707
|
-
|
717
|
+
const e = this.mdcFoundation.getValue();
|
718
|
+
e !== this.valueEnd && (this.valueEnd = e);
|
708
719
|
}
|
709
|
-
|
720
|
+
i.has("discrete") && (this.discrete || (this.tickMarks = [])), super.update(i);
|
710
721
|
}
|
711
722
|
render() {
|
712
723
|
return this.renderRootEl(_`
|
@@ -717,25 +728,25 @@ class u extends B {
|
|
717
728
|
${this.renderStartThumb()}
|
718
729
|
${this.renderEndThumb()}`);
|
719
730
|
}
|
720
|
-
renderRootEl(
|
721
|
-
const
|
731
|
+
renderRootEl(i) {
|
732
|
+
const e = P({
|
722
733
|
"mdc-slider--disabled": this.disabled,
|
723
734
|
"mdc-slider--discrete": this.discrete
|
724
735
|
});
|
725
736
|
return _`
|
726
737
|
<div
|
727
|
-
class="mdc-slider ${
|
738
|
+
class="mdc-slider ${e}"
|
728
739
|
@pointerdown=${this.onPointerdown}
|
729
740
|
@pointerup=${this.onPointerup}
|
730
741
|
@contextmenu=${this.onContextmenu}>
|
731
|
-
${
|
742
|
+
${i}
|
732
743
|
</div>`;
|
733
744
|
}
|
734
745
|
renderStartInput() {
|
735
746
|
return g;
|
736
747
|
}
|
737
748
|
renderEndInput() {
|
738
|
-
var
|
749
|
+
var i;
|
739
750
|
return _`
|
740
751
|
<input
|
741
752
|
class="mdc-slider__input end"
|
@@ -749,10 +760,10 @@ class u extends B {
|
|
749
760
|
@blur=${this.onEndBlur}
|
750
761
|
?disabled=${this.disabled}
|
751
762
|
name=${this.name}
|
752
|
-
aria-label=${
|
753
|
-
aria-labelledby=${
|
754
|
-
aria-describedby=${
|
755
|
-
aria-valuetext=${
|
763
|
+
aria-label=${R(this.ariaLabel)}
|
764
|
+
aria-labelledby=${R(this.ariaLabelledBy)}
|
765
|
+
aria-describedby=${R(this.ariaDescribedBy)}
|
766
|
+
aria-valuetext=${R((i = this.valueToAriaTextTransform) === null || i === void 0 ? void 0 : i.call(this, this.valueEnd))}>
|
756
767
|
`;
|
757
768
|
}
|
758
769
|
renderTrack() {
|
@@ -761,9 +772,9 @@ class u extends B {
|
|
761
772
|
renderTickMarks() {
|
762
773
|
return this.withTickMarks ? _`
|
763
774
|
<div class="mdc-slider__tick-marks">
|
764
|
-
${this.tickMarks.map((
|
765
|
-
const
|
766
|
-
return _`<div class="${
|
775
|
+
${this.tickMarks.map((i) => {
|
776
|
+
const e = i === E.ACTIVE;
|
777
|
+
return _`<div class="${e ? "mdc-slider__tick-mark--active" : "mdc-slider__tick-mark--inactive"}"></div>`;
|
767
778
|
})}
|
768
779
|
</div>` : g;
|
769
780
|
}
|
@@ -771,28 +782,28 @@ class u extends B {
|
|
771
782
|
return g;
|
772
783
|
}
|
773
784
|
renderEndThumb() {
|
774
|
-
const
|
785
|
+
const i = P({
|
775
786
|
"mdc-slider__thumb--with-indicator": this.endThumbWithIndicator,
|
776
787
|
"mdc-slider__thumb--top": this.endThumbTop
|
777
|
-
}),
|
788
|
+
}), e = W(Object.assign({ "-webkit-transform": this.endThumbTransformStyle, transform: this.endThumbTransformStyle, "-webkit-transition": this.endThumbTransitionStyle, transition: this.endThumbTransitionStyle, left: this.endThumbTransformStyle || getComputedStyle(this).direction === "rtl" ? "" : `calc(${(this.valueEnd - this.min) / (this.max - this.min) * 100}% - 24px)`, right: this.endThumbTransformStyle || getComputedStyle(this).direction !== "rtl" ? "" : `calc(${(this.valueEnd - this.min) / (this.max - this.min) * 100}% - 24px)` }, this.endThumbCssProperties)), t = this.shouldRenderEndRipple ? _`<mwc-ripple class="ripple" unbounded></mwc-ripple>` : g;
|
778
789
|
return _`
|
779
790
|
<div
|
780
|
-
class="mdc-slider__thumb end ${
|
781
|
-
style=${
|
791
|
+
class="mdc-slider__thumb end ${i}"
|
792
|
+
style=${e}
|
782
793
|
@mouseenter=${this.onEndMouseenter}
|
783
794
|
@mouseleave=${this.onEndMouseleave}>
|
784
|
-
${
|
795
|
+
${t}
|
785
796
|
${this.renderValueIndicator(this.valueToValueIndicatorTransform(this.valueEnd))}
|
786
797
|
<div class="mdc-slider__thumb-knob"></div>
|
787
798
|
</div>
|
788
799
|
`;
|
789
800
|
}
|
790
|
-
renderValueIndicator(
|
801
|
+
renderValueIndicator(i) {
|
791
802
|
return this.discrete ? _`
|
792
803
|
<div class="mdc-slider__value-indicator-container" aria-hidden="true">
|
793
804
|
<div class="mdc-slider__value-indicator">
|
794
805
|
<span class="mdc-slider__value-indicator-text">
|
795
|
-
${
|
806
|
+
${i}
|
796
807
|
</span>
|
797
808
|
</div>
|
798
809
|
</div>` : g;
|
@@ -805,44 +816,44 @@ class u extends B {
|
|
805
816
|
async firstUpdated() {
|
806
817
|
super.firstUpdated(), await this.layout(!0);
|
807
818
|
}
|
808
|
-
updated(
|
809
|
-
super.updated(
|
819
|
+
updated(i) {
|
820
|
+
super.updated(i), this.mdcFoundation && (i.has("disabled") && this.mdcFoundation.setDisabled(this.disabled), i.has("min") && this.mdcFoundation.setMin(this.min), i.has("max") && this.mdcFoundation.setMax(this.max), i.has("step") && this.mdcFoundation.setStep(this.step), i.has("discrete") && this.mdcFoundation.setIsDiscrete(this.discrete), i.has("withTickMarks") && this.mdcFoundation.setHasTickMarks(this.withTickMarks));
|
810
821
|
}
|
811
|
-
async layout(
|
812
|
-
var
|
813
|
-
(
|
822
|
+
async layout(i = !1) {
|
823
|
+
var e;
|
824
|
+
(e = this.mdcFoundation) === null || e === void 0 || e.layout({ skipUpdateUI: i }), this.requestUpdate(), await this.updateComplete;
|
814
825
|
}
|
815
|
-
onEndChange(
|
816
|
-
var
|
817
|
-
this.valueEnd = Number(
|
826
|
+
onEndChange(i) {
|
827
|
+
var e;
|
828
|
+
this.valueEnd = Number(i.target.value), (e = this.mdcFoundation) === null || e === void 0 || e.handleInputChange(r.END);
|
818
829
|
}
|
819
830
|
onEndFocus() {
|
820
|
-
var
|
821
|
-
(
|
831
|
+
var i;
|
832
|
+
(i = this.mdcFoundation) === null || i === void 0 || i.handleInputFocus(r.END), this.endRippleHandlers.startFocus();
|
822
833
|
}
|
823
834
|
onEndBlur() {
|
824
|
-
var
|
825
|
-
(
|
835
|
+
var i;
|
836
|
+
(i = this.mdcFoundation) === null || i === void 0 || i.handleInputBlur(r.END), this.endRippleHandlers.endFocus();
|
826
837
|
}
|
827
838
|
onEndMouseenter() {
|
828
|
-
var
|
829
|
-
(
|
839
|
+
var i;
|
840
|
+
(i = this.mdcFoundation) === null || i === void 0 || i.handleThumbMouseenter(), this.endRippleHandlers.startHover();
|
830
841
|
}
|
831
842
|
onEndMouseleave() {
|
832
|
-
var
|
833
|
-
(
|
843
|
+
var i;
|
844
|
+
(i = this.mdcFoundation) === null || i === void 0 || i.handleThumbMouseleave(), this.endRippleHandlers.endHover();
|
834
845
|
}
|
835
|
-
onPointerdown(
|
836
|
-
this.layout(), this.mdcFoundation && (this.mdcFoundation.handlePointerdown(
|
846
|
+
onPointerdown(i) {
|
847
|
+
this.layout(), this.mdcFoundation && (this.mdcFoundation.handlePointerdown(i), this.boundMoveListener = this.mdcFoundation.handleMove.bind(this.mdcFoundation), this.mdcRoot.addEventListener("pointermove", this.boundMoveListener));
|
837
848
|
}
|
838
849
|
onPointerup() {
|
839
850
|
this.mdcFoundation && (this.mdcFoundation.handleUp(), this.boundMoveListener && (this.mdcRoot.removeEventListener("pointermove", this.boundMoveListener), this.boundMoveListener = null));
|
840
851
|
}
|
841
|
-
onContextmenu(
|
842
|
-
|
852
|
+
onContextmenu(i) {
|
853
|
+
i.preventDefault();
|
843
854
|
}
|
844
|
-
setFormData(
|
845
|
-
this.name &&
|
855
|
+
setFormData(i) {
|
856
|
+
this.name && i.append(this.name, `${this.valueEnd}`);
|
846
857
|
}
|
847
858
|
}
|
848
859
|
o([
|
@@ -861,7 +872,7 @@ o([
|
|
861
872
|
y(".end.mdc-slider__thumb .mdc-slider__value-indicator-container")
|
862
873
|
], u.prototype, "endValueIndicatorContainer", void 0);
|
863
874
|
o([
|
864
|
-
|
875
|
+
H(".end .ripple")
|
865
876
|
], u.prototype, "endRipple", void 0);
|
866
877
|
o([
|
867
878
|
T({ type: Boolean, reflect: !0 })
|
@@ -921,15 +932,15 @@ o([
|
|
921
932
|
b()
|
922
933
|
], u.prototype, "endThumbCssProperties", void 0);
|
923
934
|
o([
|
924
|
-
|
935
|
+
w,
|
925
936
|
T({ type: String, attribute: "aria-label" })
|
926
937
|
], u.prototype, "ariaLabel", void 0);
|
927
938
|
o([
|
928
|
-
|
939
|
+
w,
|
929
940
|
T({ type: String, attribute: "aria-labelledby" })
|
930
941
|
], u.prototype, "ariaLabelledBy", void 0);
|
931
942
|
o([
|
932
|
-
|
943
|
+
w,
|
933
944
|
T({ type: String, attribute: "aria-describedby" })
|
934
945
|
], u.prototype, "ariaDescribedBy", void 0);
|
935
946
|
/**
|
@@ -937,9 +948,9 @@ o([
|
|
937
948
|
* Copyright 2021 Google LLC
|
938
949
|
* SPDX-LIcense-Identifier: Apache-2.0
|
939
950
|
*/
|
940
|
-
const
|
951
|
+
const se = $`.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,.mdc-slider .mdc-slider__track--active_fill[dir=rtl]{-webkit-transform-origin:right;transform-origin:right}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-slider .mdc-slider__track--inactive::before{border-color:CanvasText}}.mdc-slider .mdc-slider__track--active_fill{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider .mdc-slider__track--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;left:var(--slider-value-indicator-container-left, 50%);pointer-events:none;position:absolute;right:var(--slider-value-indicator-container-right);transform:translateX(-50%);transform:var(--slider-value-indicator-container-transform, translateX(-50%))}.mdc-slider .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);align-items:center;border-radius:4px;display:flex;height:32px;padding:0 12px;transform:scale(0);transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;left:var(--slider-value-indicator-caret-left, 50%);position:absolute;right:var(--slider-value-indicator-caret-right);transform:translateX(-50%);transform:var(--slider-value-indicator-caret-transform, translateX(-50%));width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors: active){.mdc-slider .mdc-slider__value-indicator::after{border-color:CanvasText}}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}@media(prefers-reduced-motion){.mdc-slider .mdc-slider__value-indicator,.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-slider .mdc-slider__thumb{display:flex;height:48px;left:-24px;outline:none;position:absolute;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-style:solid;border-width:1px;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12);border:10px solid;border-radius:50%;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:.6}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:transform 80ms ease}@media(prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:none}}.mdc-slider--disabled{opacity:.38;cursor:auto}.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}:host{outline:none;display:block;-webkit-tap-highlight-color:transparent}.ripple{--mdc-ripple-color:#6200ee;--mdc-ripple-color:var(--mdc-theme-primary, #6200ee)}`;
|
941
952
|
export {
|
942
953
|
u as S,
|
943
|
-
|
944
|
-
|
954
|
+
r as T,
|
955
|
+
se as s
|
945
956
|
};
|