@covalent/components 6.2.0 → 6.2.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/action-ribbon.js +6 -6
- package/action-ribbon.mjs +30 -35
- package/alert.js +6 -6
- package/alert.mjs +14 -19
- package/app-shell/app-shell.d.ts +2 -0
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +8 -8
- package/app-shell.mjs +44 -42
- package/button.js +9 -9
- package/button.mjs +16 -25
- package/card.js +8 -8
- package/card.mjs +15 -17
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +17 -26
- package/checkbox.js +2 -2
- package/checkbox.mjs +20 -29
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +10 -14
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +7 -10
- package/dialog.js +1 -1
- package/dialog.mjs +162 -14
- package/{dialog-85c21333.mjs → dialog2.mjs} +50 -56
- package/directive-helpers.mjs +5 -0
- package/drawer.js +3 -3
- package/drawer.mjs +9 -15
- package/empty-state.js +5 -5
- package/empty-state.mjs +4 -6
- package/{form-element-d4e7bcdb.js → form-element.mjs} +2 -2
- package/{foundation-3f55a9dc.js → foundation.mjs} +3 -3
- package/icon-button.js +8 -8
- package/icon-button.mjs +16 -25
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +11 -20
- package/icon-radio/icon-radio-toggle.d.ts +2 -3
- package/icon-radio/icon-radio-toggle.d.ts.map +1 -1
- package/icon-radio-toggle.js +8 -14
- package/icon-radio-toggle.mjs +37 -64
- package/icon.js +2 -2
- package/icon.mjs +8 -9
- package/if-defined.mjs +5 -0
- package/index.js +1 -1
- package/index.mjs +114 -124
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +17 -23
- package/list/list-expansion.d.ts +3 -2
- package/list/list-expansion.d.ts.map +1 -1
- package/list/list-item.d.ts.map +1 -1
- package/list/list.d.ts +5 -0
- package/list/list.d.ts.map +1 -1
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +37 -41
- package/list-item.js +1 -1
- package/list-item.mjs +9 -18
- package/list-item2.mjs +43 -0
- package/list.js +1 -1
- package/list.mjs +5 -20
- package/{list-28b77a61.mjs → list2.mjs} +35 -16
- package/menu.js +2 -2
- package/menu.mjs +20 -29
- package/{mwc-checkbox-base-435c1f1d.js → mwc-checkbox-base.mjs} +6 -6
- package/mwc-checkbox.css.mjs +5 -0
- package/{mwc-drawer-base-f44fcf34.js → mwc-drawer-base.mjs} +11 -11
- package/mwc-icon.mjs +9 -0
- package/{mwc-line-ripple-directive-a97ce725.js → mwc-line-ripple-directive.mjs} +16 -16
- package/mwc-list-base.mjs +111 -0
- package/mwc-list-item-base.mjs +28 -0
- package/mwc-list-item.css.mjs +9 -0
- package/{mwc-menu-base-ac49fe54.js → mwc-menu-base.mjs} +20 -20
- package/{mwc-radio-base-442d495a.js → mwc-radio-base.mjs} +11 -11
- package/mwc-radio.css.mjs +5 -0
- package/mwc-ripple.mjs +175 -0
- package/{mwc-slider.css-48f02f1e.js → mwc-slider.css.mjs} +20 -20
- package/{mwc-tab-base-1a19b299.js → mwc-tab-base.mjs} +22 -22
- package/{mwc-top-app-bar-base-14e0a018.js → mwc-top-app-bar-base.mjs} +10 -10
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +28 -36
- package/{observer-a096ab43.js → observer.mjs} +1 -1
- package/package.json +1 -1
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +24 -33
- package/radio.js +2 -2
- package/radio.mjs +19 -28
- package/ripple-handlers.mjs +5 -0
- package/select.js +28 -28
- package/select.mjs +21 -31
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +8 -14
- package/slider-range.js +7 -7
- package/slider-range.mjs +64 -72
- package/slider.js +3 -3
- package/slider.mjs +21 -29
- package/snackbar.js +15 -15
- package/snackbar.mjs +21 -27
- package/status-header-item.js +4 -4
- package/status-header-item.mjs +13 -14
- package/status-header.js +6 -6
- package/status-header.mjs +7 -9
- package/style.css +1 -1
- package/switch.js +18 -18
- package/switch.mjs +22 -31
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +14 -23
- package/tab.js +3 -3
- package/tab.mjs +6 -15
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +6 -8
- package/textarea.js +14 -14
- package/textarea.mjs +20 -28
- package/textfield.js +3 -3
- package/textfield.mjs +132 -41
- package/{textfield-276b0ded.mjs → textfield2.mjs} +21 -28
- package/toolbar.js +3 -3
- package/toolbar.mjs +4 -10
- package/tooltip.js +12 -12
- package/tooltip.mjs +9 -13
- package/top-app-bar-fixed.js +5 -5
- package/top-app-bar-fixed.mjs +23 -29
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +6 -30
- package/{top-app-bar-a236c3bc.mjs → top-app-bar2.mjs} +1 -1
- package/tree-list-item.js +8 -8
- package/tree-list-item.mjs +3 -5
- package/tree-list.js +3 -3
- package/tree-list.mjs +4 -4
- package/typography.js +4 -4
- package/typography.mjs +11 -12
- package/aria-property-fa2717fe.mjs +0 -41
- package/base-element-c3dc926e.mjs +0 -28
- package/base-element-d5abe37a.js +0 -5
- package/class-map-08c84aeb.mjs +0 -62
- package/class-map-50b8edb4.js +0 -9
- package/dialog-8ee07177.js +0 -162
- package/directive-helpers-725a181d.mjs +0 -11
- package/directive-helpers-fce8cf91.js +0 -5
- package/event-options-3937d997.mjs +0 -14
- package/event-options-7bc382d8.js +0 -5
- package/form-element-6dbd7afa.mjs +0 -50
- package/foundation-2334d146.mjs +0 -60
- package/foundation-c580100a.mjs +0 -152
- package/if-defined-639ed018.mjs +0 -10
- package/if-defined-cb12d481.js +0 -5
- package/inert.esm-359d4581.mjs +0 -640
- package/list-170cca53.js +0 -5
- package/list-item-26ddcc43.js +0 -8
- package/list-item-c1e72538.mjs +0 -43
- package/mwc-checkbox-base-10e977f2.mjs +0 -198
- package/mwc-checkbox.css-956e3d6c.js +0 -5
- package/mwc-checkbox.css-b7abc7fd.mjs +0 -10
- package/mwc-drawer-base-b2b772c3.mjs +0 -335
- package/mwc-icon-b96fb867.js +0 -9
- package/mwc-icon-c7013880.mjs +0 -26
- package/mwc-line-ripple-directive-c3e1f04a.mjs +0 -653
- package/mwc-list-base-7d5f7278.js +0 -111
- package/mwc-list-base-c0f8af1c.mjs +0 -840
- package/mwc-list-item-base-803b9771.js +0 -28
- package/mwc-list-item-base-acef0223.mjs +0 -202
- package/mwc-list-item.css-401e2407.js +0 -9
- package/mwc-list-item.css-b5481d96.mjs +0 -17
- package/mwc-menu-base-8970b43d.mjs +0 -1145
- package/mwc-radio-base-c29e6f42.mjs +0 -528
- package/mwc-radio.css-388ad26d.js +0 -5
- package/mwc-radio.css-4694aa9c.mjs +0 -10
- package/mwc-slider.css-336f809b.mjs +0 -956
- package/mwc-tab-base-7fb3d339.mjs +0 -694
- package/mwc-top-app-bar-base-79c87e69.mjs +0 -380
- package/observer-be7b92e2.mjs +0 -32
- package/property-074570d1.js +0 -5
- package/property-ca27685b.mjs +0 -20
- package/query-1e7846ea.mjs +0 -25
- package/query-2ba749b7.js +0 -5
- package/query-assigned-elements-07e38f46.js +0 -33
- package/query-assigned-elements-514e5265.mjs +0 -615
- package/query-assigned-nodes-9ec0fa5f.js +0 -5
- package/query-assigned-nodes-bea12e0c.mjs +0 -17
- package/ripple-handlers-2176f137.js +0 -107
- package/ripple-handlers-227497d3.mjs +0 -761
- package/state-6f7e570d.mjs +0 -12
- package/state-949232e6.js +0 -5
- package/style-map-2cb0fb63.mjs +0 -40
- package/style-map-3056a771.js +0 -5
- package/textfield-507c6a06.js +0 -133
- package/top-app-bar-34e85527.js +0 -6
- package/tslib.es6-6b53b818.js +0 -1
- package/tslib.es6-b5e819a6.mjs +0 -82
- package/utils-a8190a39.js +0 -5
- package/utils-dc65fdc9.mjs +0 -52
- /package/{aria-property-849c8816.js → aria-property.mjs} +0 -0
- /package/{foundation-e830bd94.js → foundation2.mjs} +0 -0
- /package/{inert.esm-2cee6f2e.js → inert.esm.mjs} +0 -0
package/select.mjs
CHANGED
@@ -1,23 +1,13 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import
|
5
|
-
import "./
|
6
|
-
import {
|
7
|
-
import {
|
8
|
-
import
|
9
|
-
import
|
10
|
-
import
|
11
|
-
import { e as re } from "./event-options-3937d997.mjs";
|
12
|
-
import { i as v } from "./query-1e7846ea.mjs";
|
13
|
-
import { o as M } from "./class-map-08c84aeb.mjs";
|
14
|
-
import { l as z } from "./if-defined-639ed018.mjs";
|
15
|
-
import "./base-element-c3dc926e.mjs";
|
16
|
-
import "./mwc-list-base-c0f8af1c.mjs";
|
17
|
-
import "./mwc-list-item-base-acef0223.mjs";
|
18
|
-
import "./ripple-handlers-227497d3.mjs";
|
19
|
-
import "./style-map-2cb0fb63.mjs";
|
20
|
-
import "./query-assigned-nodes-bea12e0c.mjs";
|
1
|
+
import { b as P, _ as o, c as Y, k as ee, m as V, t as S, i as v, e as g, g as te, y as x, o as M, d as w, a as ie, n as le, r as de } from "./mwc-ripple.mjs";
|
2
|
+
import { f as ce, l as ne } from "./mwc-line-ripple-directive.mjs";
|
3
|
+
import { M as oe } from "./mwc-menu-base.mjs";
|
4
|
+
import "./mwc-icon.mjs";
|
5
|
+
import { F as re } from "./form-element.mjs";
|
6
|
+
import { o as R } from "./observer.mjs";
|
7
|
+
import { l as z } from "./if-defined.mjs";
|
8
|
+
import "./mwc-list-base.mjs";
|
9
|
+
import "./mwc-list-item-base.mjs";
|
10
|
+
import "./ripple-handlers.mjs";
|
21
11
|
/**
|
22
12
|
* @license
|
23
13
|
* Copyright 2021 Google LLC
|
@@ -29,7 +19,7 @@ const ae = P`mwc-list ::slotted([mwc-list-item]:not([twoline])),mwc-list ::slott
|
|
29
19
|
* Copyright 2020 Google LLC
|
30
20
|
* SPDX-License-Identifier: Apache-2.0
|
31
21
|
*/
|
32
|
-
let F = class extends
|
22
|
+
let F = class extends oe {
|
33
23
|
};
|
34
24
|
F.styles = [ae];
|
35
25
|
F = o([
|
@@ -498,7 +488,7 @@ var p = {
|
|
498
488
|
var ge = (
|
499
489
|
/** @class */
|
500
490
|
function(l) {
|
501
|
-
|
491
|
+
ee(e, l);
|
502
492
|
function e(t, i) {
|
503
493
|
i === void 0 && (i = {});
|
504
494
|
var d = l.call(this, V(V({}, e.defaultAdapter), t)) || this;
|
@@ -752,7 +742,7 @@ const X = (l = {}) => {
|
|
752
742
|
e[t] = l[t];
|
753
743
|
return Object.assign({ badInput: !1, customError: !1, patternMismatch: !1, rangeOverflow: !1, rangeUnderflow: !1, stepMismatch: !1, tooLong: !1, tooShort: !1, typeMismatch: !1, valid: !0, valueMissing: !1 }, e);
|
754
744
|
};
|
755
|
-
class r extends
|
745
|
+
class r extends re {
|
756
746
|
constructor() {
|
757
747
|
super(...arguments), this.mdcFoundationClass = ve, this.disabled = !1, this.outlined = !1, this.label = "", this.outlineOpen = !1, this.outlineWidth = 0, this.value = "", this.name = "", this.selectedText = "", this.icon = "", this.menuOpen = !1, this.helper = "", this.validateOnInitialRender = !1, this.validationMessage = "", this.required = !1, this.naturalMenuWidth = !1, this.isUiValid = !0, this.fixedMenuPosition = !1, this.typeaheadState = pe(), this.sortedIndexByFirstChar = /* @__PURE__ */ new Map(), this.menuElement_ = null, this.listeners = [], this.onBodyClickBound = () => {
|
758
748
|
}, this._menuUpdateComplete = null, this.valueSetDirectly = !1, this.validityTransform = null, this._validity = X();
|
@@ -887,7 +877,7 @@ class r extends ce {
|
|
887
877
|
renderLabel() {
|
888
878
|
return this.label ? x`
|
889
879
|
<span
|
890
|
-
.floatingLabelFoundation=${
|
880
|
+
.floatingLabelFoundation=${ce(this.label)}
|
891
881
|
id="label">${this.label}</span>
|
892
882
|
` : w;
|
893
883
|
}
|
@@ -896,7 +886,7 @@ class r extends ce {
|
|
896
886
|
}
|
897
887
|
renderLineRipple() {
|
898
888
|
return this.outlined ? w : x`
|
899
|
-
<span .lineRippleFoundation=${
|
889
|
+
<span .lineRippleFoundation=${ne()}></span>
|
900
890
|
`;
|
901
891
|
}
|
902
892
|
renderHelperText() {
|
@@ -911,7 +901,7 @@ class r extends ce {
|
|
911
901
|
id="helper-text">${e ? this.validationMessage : this.helper}</p>`;
|
912
902
|
}
|
913
903
|
createAdapter() {
|
914
|
-
return Object.assign(Object.assign({},
|
904
|
+
return Object.assign(Object.assign({}, ie(this.mdcRoot)), { activateBottomLine: () => {
|
915
905
|
this.lineRippleElement && this.lineRippleElement.lineRippleFoundation.activate();
|
916
906
|
}, deactivateBottomLine: () => {
|
917
907
|
this.lineRippleElement && this.lineRippleElement.lineRippleFoundation.deactivate();
|
@@ -1094,7 +1084,7 @@ class r extends ce {
|
|
1094
1084
|
handleTypeahead(e) {
|
1095
1085
|
if (!this.menuElement)
|
1096
1086
|
return;
|
1097
|
-
const t = this.menuElement.getFocusedItemIndex(), i =
|
1087
|
+
const t = this.menuElement.getFocusedItemIndex(), i = le(e.target) ? e.target : null, d = i ? i.hasAttribute("mwc-list-item") : !1, c = {
|
1098
1088
|
event: e,
|
1099
1089
|
focusItemAtIndex: (a) => {
|
1100
1090
|
this.menuElement.focusItemAtIndex(a);
|
@@ -1237,7 +1227,7 @@ o([
|
|
1237
1227
|
g({ type: Boolean })
|
1238
1228
|
], r.prototype, "fixedMenuPosition", void 0);
|
1239
1229
|
o([
|
1240
|
-
|
1230
|
+
te({ capture: !0 })
|
1241
1231
|
], r.prototype, "handleTypeahead", null);
|
1242
1232
|
/**
|
1243
1233
|
* @license
|
@@ -1253,12 +1243,12 @@ var ye = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, Te = (l, e
|
|
1253
1243
|
};
|
1254
1244
|
let O = class extends r {
|
1255
1245
|
};
|
1256
|
-
O.styles = [P`${
|
1246
|
+
O.styles = [P`${de(Ee)}`, xe];
|
1257
1247
|
O = Te([
|
1258
1248
|
Y("cv-select")
|
1259
1249
|
], O);
|
1260
|
-
const
|
1250
|
+
const Be = O;
|
1261
1251
|
export {
|
1262
1252
|
O as CovalentSelect,
|
1263
|
-
|
1253
|
+
Be as default
|
1264
1254
|
};
|
package/side-sheet.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
2
|
-
`;var
|
3
|
-
${
|
4
|
-
`];s([
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mwc-ripple.mjs"),c=require("./dialog.mjs");require("./inert.esm.mjs");require("./observer.mjs");const l=`:host{--cv-side-sheet-width: 800px;--mdc-dialog-heading-ink-color: var(--mdc-theme-text-primary-on-background)}.mdc-dialog{justify-content:flex-end}.mdc-dialog .mdc-dialog__surface{border-radius:0;height:100%;min-height:inherit;max-height:inherit;min-width:var(--cv-side-sheet-width, 400px)}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%);transition:transform .15s cubic-bezier(.4,0,1,1)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0)}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .15s cubic-bezier(0,0,.2,1)}:host([pushed]) .mdc-dialog__surface{min-width:100vw}:host([noPadding]) .mdc-dialog .mdc-dialog__content{padding:0}
|
2
|
+
`;var h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,s=(r,i,n,o)=>{for(var e=o>1?void 0:o?g(i,n):i,a=r.length-1,d;a>=0;a--)(d=r[a])&&(e=(o?d(i,n,e):d(e))||e);return o&&e&&h(i,n,e),e};exports.CovalentSideSheet=class extends c.CovalentDialog{constructor(){super(),this.pushed=!1,this.noPadding=!1,this.hideActions=!0}};exports.CovalentSideSheet.styles=[c.styles,t.i$1`
|
3
|
+
${t.r(l)}
|
4
|
+
`];s([t.e({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"pushed",2);s([t.e({type:Boolean,reflect:!0})],exports.CovalentSideSheet.prototype,"noPadding",2);exports.CovalentSideSheet=s([t.e$1("cv-side-sheet")],exports.CovalentSideSheet);
|
package/side-sheet.mjs
CHANGED
@@ -1,13 +1,7 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import
|
4
|
-
import "./
|
5
|
-
import "./inert.esm-359d4581.mjs";
|
6
|
-
import "./base-element-c3dc926e.mjs";
|
7
|
-
import "./utils-dc65fdc9.mjs";
|
8
|
-
import "./observer-be7b92e2.mjs";
|
9
|
-
import "./query-1e7846ea.mjs";
|
10
|
-
import "./class-map-08c84aeb.mjs";
|
1
|
+
import { b as l, r as m, e as c, c as h } from "./mwc-ripple.mjs";
|
2
|
+
import { s as p, C as g } from "./dialog2.mjs";
|
3
|
+
import "./inert.esm.mjs";
|
4
|
+
import "./observer.mjs";
|
11
5
|
const f = `:host{--cv-side-sheet-width: 800px;--mdc-dialog-heading-ink-color: var(--mdc-theme-text-primary-on-background)}.mdc-dialog{justify-content:flex-end}.mdc-dialog .mdc-dialog__surface{border-radius:0;height:100%;min-height:inherit;max-height:inherit;min-width:var(--cv-side-sheet-width, 400px)}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%);transition:transform .15s cubic-bezier(.4,0,1,1)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0)}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .15s cubic-bezier(0,0,.2,1)}:host([pushed]) .mdc-dialog__surface{min-width:100vw}:host([noPadding]) .mdc-dialog .mdc-dialog__content{padding:0}
|
12
6
|
`;
|
13
7
|
var _ = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (d, i, r, o) => {
|
@@ -21,9 +15,9 @@ let t = class extends g {
|
|
21
15
|
}
|
22
16
|
};
|
23
17
|
t.styles = [
|
24
|
-
|
25
|
-
|
26
|
-
${
|
18
|
+
p,
|
19
|
+
l`
|
20
|
+
${m(f)}
|
27
21
|
`
|
28
22
|
];
|
29
23
|
n([
|
@@ -33,7 +27,7 @@ n([
|
|
33
27
|
c({ type: Boolean, reflect: !0 })
|
34
28
|
], t.prototype, "noPadding", 2);
|
35
29
|
t = n([
|
36
|
-
|
30
|
+
h("cv-side-sheet")
|
37
31
|
], t);
|
38
32
|
export {
|
39
33
|
t as CovalentSideSheet
|
package/slider-range.js
CHANGED
@@ -1,15 +1,15 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./mwc-ripple.mjs"),u=require("./ripple-handlers.mjs"),s=require("./mwc-slider.css.mjs"),n=require("./if-defined.mjs");require("./aria-property.mjs");require("./form-element.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2021 Google LLC
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
5
|
-
*/class
|
5
|
+
*/class a extends s.SliderBase{constructor(){super(...arguments),this.valueStart=0,this.startThumbWithIndicator=!1,this.startThumbTop=!1,this.shouldRenderStartRipple=!1,this.startThumbTransformStyle="",this.startThumbTransitionStyle="",this.startThumbCssProperties={},this.startRippleHandlers=new u.RippleHandlers(()=>(this.shouldRenderStartRipple=!0,this.startRipple))}update(t){if(t.has("valueStart")&&this.mdcFoundation){this.mdcFoundation.setValueStart(this.valueStart);const e=this.mdcFoundation.getValueStart();e!==this.valueStart&&(this.valueStart=e)}super.update(t)}renderRootEl(t){const e=i.o({"mdc-slider--disabled":this.disabled,"mdc-slider--discrete":this.discrete});return i.y`
|
6
6
|
<div
|
7
7
|
class="mdc-slider mdc-slider--range ${e}"
|
8
8
|
@pointerdown=${this.onPointerdown}
|
9
9
|
@pointerup=${this.onPointerup}
|
10
10
|
@contextmenu=${this.onContextmenu}>
|
11
11
|
${t}
|
12
|
-
</div>`}renderStartInput(){var t;return
|
12
|
+
</div>`}renderStartInput(){var t;return i.y`
|
13
13
|
<input
|
14
14
|
class="mdc-slider__input start"
|
15
15
|
type="range"
|
@@ -25,7 +25,7 @@
|
|
25
25
|
aria-labelledby=${n.l(this.ariaLabelledBy)}
|
26
26
|
aria-describedby=${n.l(this.ariaDescribedBy)}
|
27
27
|
aria-valuetext=${n.l((t=this.valueToAriaTextTransform)===null||t===void 0?void 0:t.call(this,this.valueStart))}>
|
28
|
-
`}renderEndInput(){var t;return
|
28
|
+
`}renderEndInput(){var t;return i.y`
|
29
29
|
<input
|
30
30
|
class="mdc-slider__input end"
|
31
31
|
type="range"
|
@@ -42,7 +42,7 @@
|
|
42
42
|
aria-labelledby=${n.l(this.ariaLabelledBy)}
|
43
43
|
aria-describedby=${n.l(this.ariaDescribedBy)}
|
44
44
|
aria-valuetext=${n.l((t=this.valueToAriaTextTransform)===null||t===void 0?void 0:t.call(this,this.valueEnd))}>
|
45
|
-
`}renderTrack(){const t=
|
45
|
+
`}renderTrack(){const t=i.i$2({"transform-origin":this.trackTransformOriginStyle,left:this.trackLeftStyle?this.trackLeftStyle:getComputedStyle(this).direction==="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}%)`,right:this.trackRightStyle?this.trackRightStyle:getComputedStyle(this).direction!=="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}%)`,"-webkit-transform":`scaleX(${(this.valueEnd-this.valueStart)/(this.max-this.min)})`,transform:`scaleX(${(this.valueEnd-this.valueStart)/(this.max-this.min)})`,"-webkit-transition":this.trackTransitionStyle,transition:this.trackTransitionStyle});return i.y`
|
46
46
|
<div class="mdc-slider__track">
|
47
47
|
<div class="mdc-slider__track--inactive"></div>
|
48
48
|
<div class="mdc-slider__track--active">
|
@@ -51,7 +51,7 @@
|
|
51
51
|
style=${t}>
|
52
52
|
</div>
|
53
53
|
</div>
|
54
|
-
</div>`}renderStartThumb(){const t=
|
54
|
+
</div>`}renderStartThumb(){const t=i.o({"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator,"mdc-slider__thumb--top":this.startThumbTop}),e=i.i$2(Object.assign({"-webkit-transform":this.startThumbTransformStyle,transform:this.startThumbTransformStyle,"-webkit-transition":this.startThumbTransitionStyle,transition:this.startThumbTransitionStyle,left:this.startThumbTransformStyle||getComputedStyle(this).direction==="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}% - 24px)`,right:this.startThumbTransformStyle||getComputedStyle(this).direction!=="rtl"?"":`calc(${(this.valueStart-this.min)/(this.max-this.min)*100}% - 24px)`},this.startThumbCssProperties)),r=this.shouldRenderStartRipple?i.y`<mwc-ripple class="ripple" unbounded></mwc-ripple>`:i.b;return i.y`
|
55
55
|
<div
|
56
56
|
class="mdc-slider__thumb start ${t}"
|
57
57
|
style=${e}
|
@@ -61,4 +61,4 @@
|
|
61
61
|
${this.renderValueIndicator(this.valueToValueIndicatorTransform(this.valueStart))}
|
62
62
|
<div class="mdc-slider__thumb-knob"></div>
|
63
63
|
</div>
|
64
|
-
`}createAdapter(){return{addClass:t=>{switch(t){case"mdc-slider--disabled":this.disabled=!0;break}},removeClass:t=>{switch(t){case"mdc-slider--disabled":this.disabled=!1;break}},hasClass:t=>{switch(t){case"mdc-slider--disabled":return this.disabled;case"mdc-slider--range":return!0;case"mdc-slider--discrete":return this.discrete;default:return!1}},addThumbClass:(t,e)=>{if(e===
|
64
|
+
`}createAdapter(){return{addClass:t=>{switch(t){case"mdc-slider--disabled":this.disabled=!0;break}},removeClass:t=>{switch(t){case"mdc-slider--disabled":this.disabled=!1;break}},hasClass:t=>{switch(t){case"mdc-slider--disabled":return this.disabled;case"mdc-slider--range":return!0;case"mdc-slider--discrete":return this.discrete;default:return!1}},addThumbClass:(t,e)=>{if(e===s.Thumb.START)switch(t){case"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator=!0;break;case"mdc-slider__thumb--top":this.startThumbTop=!0;break}else switch(t){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!0;break;case"mdc-slider__thumb--top":this.endThumbTop=!0;break}},removeThumbClass:(t,e)=>{if(e===s.Thumb.START)switch(t){case"mdc-slider__thumb--with-indicator":this.startThumbWithIndicator=!1;break;case"mdc-slider__thumb--top":this.startThumbTop=!1;break}else switch(t){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!1;break;case"mdc-slider__thumb--top":this.endThumbTop=!1;break}},registerEventHandler:()=>{},deregisterEventHandler:()=>{},registerBodyEventHandler:(t,e)=>{document.body.addEventListener(t,e)},deregisterBodyEventHandler:(t,e)=>{document.body.removeEventListener(t,e)},registerInputEventHandler:(t,e,r)=>{t===s.Thumb.START?this.startInput.addEventListener(e,r):this.formElement.addEventListener(e,r)},deregisterInputEventHandler:(t,e,r)=>{t===s.Thumb.START?this.startInput.removeEventListener(e,r):this.formElement.removeEventListener(e,r)},registerThumbEventHandler:()=>{},deregisterThumbEventHandler:()=>{},registerWindowEventHandler:(t,e)=>{window.addEventListener(t,e)},deregisterWindowEventHandler:(t,e)=>{window.removeEventListener(t,e)},emitChangeEvent:(t,e)=>{const r=new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:t,thumb:e}});this.dispatchEvent(r)},emitDragEndEvent:(t,e)=>{e===s.Thumb.START?this.startRippleHandlers.endPress():this.endRippleHandlers.endPress()},emitDragStartEvent:(t,e)=>{e===s.Thumb.START?this.startRippleHandlers.startPress():this.endRippleHandlers.startPress()},emitInputEvent:(t,e)=>{const r=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:t,thumb:e}});this.dispatchEvent(r)},focusInput:t=>{t===s.Thumb.START?this.startInput.focus():this.formElement.focus()},getAttribute:()=>"",getBoundingClientRect:()=>this.mdcRoot.getBoundingClientRect(),getInputAttribute:(t,e)=>{if(e===s.Thumb.START)switch(t){case"min":return this.min.toString();case"max":return this.valueEnd.toString();case"value":return this.valueStart.toString();case"step":return this.step.toString();default:return null}switch(t){case"min":return this.valueStart.toString();case"max":return this.max.toString();case"value":return this.valueEnd.toString();case"step":return this.step.toString();default:return null}},getInputValue:t=>t===s.Thumb.START?this.valueStart.toString():this.valueEnd.toString(),getThumbBoundingClientRect:t=>t===s.Thumb.START?this.startThumb.getBoundingClientRect():this.endThumb.getBoundingClientRect(),getThumbKnobWidth:t=>t===s.Thumb.START?this.startThumbKnob.getBoundingClientRect().width:this.endThumbKnob.getBoundingClientRect().width,getValueIndicatorContainerWidth:t=>t===s.Thumb.START?this.startValueIndicatorContainer.getBoundingClientRect().width:this.endValueIndicatorContainer.getBoundingClientRect().width,getValueToAriaValueTextFn:()=>this.valueToAriaTextTransform,isInputFocused:t=>{const e=i.deepActiveElementPath(),r=e[e.length-1];return t===s.Thumb.START?r===this.startInput:r===this.formElement},isRTL:()=>getComputedStyle(this).direction==="rtl",setInputAttribute:(t,e,r)=>{s.Thumb.START},removeInputAttribute:t=>{},setThumbStyleProperty:(t,e,r)=>{if(r===s.Thumb.START)switch(t){case"transform":case"-webkit-transform":this.startThumbTransformStyle=e;break;case"transition":case"-webkit-transition":this.startThumbTransitionStyle=e;break;default:t.startsWith("--")&&(this.startThumbCssProperties[t]=e)}else switch(t){case"transform":case"-webkit-transform":this.endThumbTransformStyle=e;break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle=e;break;default:t.startsWith("--")&&(this.endThumbCssProperties[t]=e)}},removeThumbStyleProperty:(t,e)=>{if(e===s.Thumb.START)switch(t){case"left":case"right":break;case"transition":case"-webkit-transition":this.startThumbTransitionStyle="";break}else switch(t){case"left":case"right":break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle="";break}},setTrackActiveStyleProperty:(t,e)=>{switch(t){case"transform-origin":this.trackTransformOriginStyle=e;break;case"left":this.trackLeftStyle=e;break;case"right":this.trackRightStyle=e;break;case"transform":case"-webkit-transform":break;case"transition":case"-webkit-transition":this.trackTransitionStyle=e;break}},removeTrackActiveStyleProperty:t=>{switch(t){case"transition":case"-webkit-transition":this.trackTransitionStyle="";break}},setInputValue:(t,e)=>{e===s.Thumb.START?this.valueStart=Number(t):this.valueEnd=Number(t)},setPointerCapture:t=>{this.mdcRoot.setPointerCapture(t)},setValueIndicatorText:()=>{},updateTickMarks:t=>{this.tickMarks=t}}}onStartChange(t){var e;this.valueStart=Number(t.target.value),(e=this.mdcFoundation)===null||e===void 0||e.handleInputChange(s.Thumb.START)}onStartFocus(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleInputFocus(s.Thumb.START),this.startRippleHandlers.startFocus()}onStartBlur(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleInputBlur(s.Thumb.START),this.startRippleHandlers.endFocus()}onStartMouseenter(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleThumbMouseenter(),this.startRippleHandlers.startHover()}onStartMouseleave(){var t;(t=this.mdcFoundation)===null||t===void 0||t.handleThumbMouseleave(),this.startRippleHandlers.endHover()}setFormData(t){this.name&&(t.append(`${this.name}-start`,`${this.valueStart}`),t.append(`${this.name}-end`,`${this.valueEnd}`))}}i.__decorate([i.i("input.start")],a.prototype,"startInput",void 0);i.__decorate([i.i(".start.mdc-slider__thumb")],a.prototype,"startThumb",void 0);i.__decorate([i.i(".start.mdc-slider__thumb .mdc-slider__thumb-knob")],a.prototype,"startThumbKnob",void 0);i.__decorate([i.i(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")],a.prototype,"startValueIndicatorContainer",void 0);i.__decorate([i.e$2(".start .ripple")],a.prototype,"startRipple",void 0);i.__decorate([i.e({type:Number})],a.prototype,"valueStart",void 0);i.__decorate([i.t()],a.prototype,"startThumbWithIndicator",void 0);i.__decorate([i.t()],a.prototype,"startThumbTop",void 0);i.__decorate([i.t()],a.prototype,"shouldRenderStartRipple",void 0);i.__decorate([i.t()],a.prototype,"startThumbTransformStyle",void 0);i.__decorate([i.t()],a.prototype,"startThumbTransitionStyle",void 0);i.__decorate([i.t()],a.prototype,"startThumbCssProperties",void 0);var c=Object.defineProperty,m=Object.getOwnPropertyDescriptor,b=(l,t,e,r)=>{for(var d=r>1?void 0:r?m(t,e):t,o=l.length-1,h;o>=0;o--)(h=l[o])&&(d=(r?h(t,e,d):h(d))||d);return r&&d&&c(t,e,d),d};exports.CovalentSliderRange=class extends a{};exports.CovalentSliderRange.styles=[s.styles];exports.CovalentSliderRange=b([i.e$1("cv-slider-range")],exports.CovalentSliderRange);const p=exports.CovalentSliderRange;exports.default=p;
|
package/slider-range.mjs
CHANGED
@@ -1,25 +1,17 @@
|
|
1
|
-
import { _ as a } from "./
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import
|
6
|
-
import
|
7
|
-
import { t as l } from "./state-6f7e570d.mjs";
|
8
|
-
import { i as u } from "./query-1e7846ea.mjs";
|
9
|
-
import { o as b } from "./class-map-08c84aeb.mjs";
|
10
|
-
import { l as n } from "./if-defined-639ed018.mjs";
|
11
|
-
import { i as v } from "./style-map-2cb0fb63.mjs";
|
12
|
-
import "./base-element-c3dc926e.mjs";
|
13
|
-
import "./aria-property-fa2717fe.mjs";
|
14
|
-
import "./form-element-6dbd7afa.mjs";
|
1
|
+
import { _ as a, t as o, i as u, f as T, e as S, o as p, y as l, h as v, d as f, p as g, c as y } from "./mwc-ripple.mjs";
|
2
|
+
import { R as _ } from "./ripple-handlers.mjs";
|
3
|
+
import { S as R, T as s, s as k } from "./mwc-slider.css.mjs";
|
4
|
+
import { l as n } from "./if-defined.mjs";
|
5
|
+
import "./aria-property.mjs";
|
6
|
+
import "./form-element.mjs";
|
15
7
|
/**
|
16
8
|
* @license
|
17
9
|
* Copyright 2021 Google LLC
|
18
10
|
* SPDX-License-Identifier: Apache-2.0
|
19
11
|
*/
|
20
|
-
class
|
12
|
+
class r extends R {
|
21
13
|
constructor() {
|
22
|
-
super(...arguments), this.valueStart = 0, this.startThumbWithIndicator = !1, this.startThumbTop = !1, this.shouldRenderStartRipple = !1, this.startThumbTransformStyle = "", this.startThumbTransitionStyle = "", this.startThumbCssProperties = {}, this.startRippleHandlers = new
|
14
|
+
super(...arguments), this.valueStart = 0, this.startThumbWithIndicator = !1, this.startThumbTop = !1, this.shouldRenderStartRipple = !1, this.startThumbTransformStyle = "", this.startThumbTransitionStyle = "", this.startThumbCssProperties = {}, this.startRippleHandlers = new _(() => (this.shouldRenderStartRipple = !0, this.startRipple));
|
23
15
|
}
|
24
16
|
update(t) {
|
25
17
|
if (t.has("valueStart") && this.mdcFoundation) {
|
@@ -30,11 +22,11 @@ class s extends g {
|
|
30
22
|
super.update(t);
|
31
23
|
}
|
32
24
|
renderRootEl(t) {
|
33
|
-
const e =
|
25
|
+
const e = p({
|
34
26
|
"mdc-slider--disabled": this.disabled,
|
35
27
|
"mdc-slider--discrete": this.discrete
|
36
28
|
});
|
37
|
-
return
|
29
|
+
return l`
|
38
30
|
<div
|
39
31
|
class="mdc-slider mdc-slider--range ${e}"
|
40
32
|
@pointerdown=${this.onPointerdown}
|
@@ -45,7 +37,7 @@ class s extends g {
|
|
45
37
|
}
|
46
38
|
renderStartInput() {
|
47
39
|
var t;
|
48
|
-
return
|
40
|
+
return l`
|
49
41
|
<input
|
50
42
|
class="mdc-slider__input start"
|
51
43
|
type="range"
|
@@ -65,7 +57,7 @@ class s extends g {
|
|
65
57
|
}
|
66
58
|
renderEndInput() {
|
67
59
|
var t;
|
68
|
-
return
|
60
|
+
return l`
|
69
61
|
<input
|
70
62
|
class="mdc-slider__input end"
|
71
63
|
type="range"
|
@@ -94,7 +86,7 @@ class s extends g {
|
|
94
86
|
"-webkit-transition": this.trackTransitionStyle,
|
95
87
|
transition: this.trackTransitionStyle
|
96
88
|
});
|
97
|
-
return
|
89
|
+
return l`
|
98
90
|
<div class="mdc-slider__track">
|
99
91
|
<div class="mdc-slider__track--inactive"></div>
|
100
92
|
<div class="mdc-slider__track--active">
|
@@ -106,11 +98,11 @@ class s extends g {
|
|
106
98
|
</div>`;
|
107
99
|
}
|
108
100
|
renderStartThumb() {
|
109
|
-
const t =
|
101
|
+
const t = p({
|
110
102
|
"mdc-slider__thumb--with-indicator": this.startThumbWithIndicator,
|
111
103
|
"mdc-slider__thumb--top": this.startThumbTop
|
112
|
-
}), e = v(Object.assign({ "-webkit-transform": this.startThumbTransformStyle, transform: this.startThumbTransformStyle, "-webkit-transition": this.startThumbTransitionStyle, transition: this.startThumbTransitionStyle, left: this.startThumbTransformStyle || getComputedStyle(this).direction === "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)`, right: this.startThumbTransformStyle || getComputedStyle(this).direction !== "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)` }, this.startThumbCssProperties)), i = this.shouldRenderStartRipple ?
|
113
|
-
return
|
104
|
+
}), e = v(Object.assign({ "-webkit-transform": this.startThumbTransformStyle, transform: this.startThumbTransformStyle, "-webkit-transition": this.startThumbTransitionStyle, transition: this.startThumbTransitionStyle, left: this.startThumbTransformStyle || getComputedStyle(this).direction === "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)`, right: this.startThumbTransformStyle || getComputedStyle(this).direction !== "rtl" ? "" : `calc(${(this.valueStart - this.min) / (this.max - this.min) * 100}% - 24px)` }, this.startThumbCssProperties)), i = this.shouldRenderStartRipple ? l`<mwc-ripple class="ripple" unbounded></mwc-ripple>` : f;
|
105
|
+
return l`
|
114
106
|
<div
|
115
107
|
class="mdc-slider__thumb start ${t}"
|
116
108
|
style=${e}
|
@@ -151,7 +143,7 @@ class s extends g {
|
|
151
143
|
}
|
152
144
|
},
|
153
145
|
addThumbClass: (t, e) => {
|
154
|
-
if (e ===
|
146
|
+
if (e === s.START)
|
155
147
|
switch (t) {
|
156
148
|
case "mdc-slider__thumb--with-indicator":
|
157
149
|
this.startThumbWithIndicator = !0;
|
@@ -171,7 +163,7 @@ class s extends g {
|
|
171
163
|
}
|
172
164
|
},
|
173
165
|
removeThumbClass: (t, e) => {
|
174
|
-
if (e ===
|
166
|
+
if (e === s.START)
|
175
167
|
switch (t) {
|
176
168
|
case "mdc-slider__thumb--with-indicator":
|
177
169
|
this.startThumbWithIndicator = !1;
|
@@ -201,10 +193,10 @@ class s extends g {
|
|
201
193
|
document.body.removeEventListener(t, e);
|
202
194
|
},
|
203
195
|
registerInputEventHandler: (t, e, i) => {
|
204
|
-
t ===
|
196
|
+
t === s.START ? this.startInput.addEventListener(e, i) : this.formElement.addEventListener(e, i);
|
205
197
|
},
|
206
198
|
deregisterInputEventHandler: (t, e, i) => {
|
207
|
-
t ===
|
199
|
+
t === s.START ? this.startInput.removeEventListener(e, i) : this.formElement.removeEventListener(e, i);
|
208
200
|
},
|
209
201
|
registerThumbEventHandler: () => {
|
210
202
|
},
|
@@ -221,22 +213,22 @@ class s extends g {
|
|
221
213
|
this.dispatchEvent(i);
|
222
214
|
},
|
223
215
|
emitDragEndEvent: (t, e) => {
|
224
|
-
e ===
|
216
|
+
e === s.START ? this.startRippleHandlers.endPress() : this.endRippleHandlers.endPress();
|
225
217
|
},
|
226
218
|
emitDragStartEvent: (t, e) => {
|
227
|
-
e ===
|
219
|
+
e === s.START ? this.startRippleHandlers.startPress() : this.endRippleHandlers.startPress();
|
228
220
|
},
|
229
221
|
emitInputEvent: (t, e) => {
|
230
222
|
const i = new CustomEvent("input", { bubbles: !0, composed: !0, detail: { value: t, thumb: e } });
|
231
223
|
this.dispatchEvent(i);
|
232
224
|
},
|
233
225
|
focusInput: (t) => {
|
234
|
-
t ===
|
226
|
+
t === s.START ? this.startInput.focus() : this.formElement.focus();
|
235
227
|
},
|
236
228
|
getAttribute: () => "",
|
237
229
|
getBoundingClientRect: () => this.mdcRoot.getBoundingClientRect(),
|
238
230
|
getInputAttribute: (t, e) => {
|
239
|
-
if (e ===
|
231
|
+
if (e === s.START)
|
240
232
|
switch (t) {
|
241
233
|
case "min":
|
242
234
|
return this.min.toString();
|
@@ -262,23 +254,23 @@ class s extends g {
|
|
262
254
|
return null;
|
263
255
|
}
|
264
256
|
},
|
265
|
-
getInputValue: (t) => t ===
|
266
|
-
getThumbBoundingClientRect: (t) => t ===
|
267
|
-
getThumbKnobWidth: (t) => t ===
|
268
|
-
getValueIndicatorContainerWidth: (t) => t ===
|
257
|
+
getInputValue: (t) => t === s.START ? this.valueStart.toString() : this.valueEnd.toString(),
|
258
|
+
getThumbBoundingClientRect: (t) => t === s.START ? this.startThumb.getBoundingClientRect() : this.endThumb.getBoundingClientRect(),
|
259
|
+
getThumbKnobWidth: (t) => t === s.START ? this.startThumbKnob.getBoundingClientRect().width : this.endThumbKnob.getBoundingClientRect().width,
|
260
|
+
getValueIndicatorContainerWidth: (t) => t === s.START ? this.startValueIndicatorContainer.getBoundingClientRect().width : this.endValueIndicatorContainer.getBoundingClientRect().width,
|
269
261
|
getValueToAriaValueTextFn: () => this.valueToAriaTextTransform,
|
270
262
|
isInputFocused: (t) => {
|
271
|
-
const e =
|
272
|
-
return t ===
|
263
|
+
const e = g(), i = e[e.length - 1];
|
264
|
+
return t === s.START ? i === this.startInput : i === this.formElement;
|
273
265
|
},
|
274
266
|
isRTL: () => getComputedStyle(this).direction === "rtl",
|
275
267
|
setInputAttribute: (t, e, i) => {
|
276
|
-
|
268
|
+
s.START;
|
277
269
|
},
|
278
270
|
removeInputAttribute: (t) => {
|
279
271
|
},
|
280
272
|
setThumbStyleProperty: (t, e, i) => {
|
281
|
-
if (i ===
|
273
|
+
if (i === s.START)
|
282
274
|
switch (t) {
|
283
275
|
case "transform":
|
284
276
|
case "-webkit-transform":
|
@@ -306,7 +298,7 @@ class s extends g {
|
|
306
298
|
}
|
307
299
|
},
|
308
300
|
removeThumbStyleProperty: (t, e) => {
|
309
|
-
if (e ===
|
301
|
+
if (e === s.START)
|
310
302
|
switch (t) {
|
311
303
|
case "left":
|
312
304
|
case "right":
|
@@ -356,7 +348,7 @@ class s extends g {
|
|
356
348
|
}
|
357
349
|
},
|
358
350
|
setInputValue: (t, e) => {
|
359
|
-
e ===
|
351
|
+
e === s.START ? this.valueStart = Number(t) : this.valueEnd = Number(t);
|
360
352
|
},
|
361
353
|
setPointerCapture: (t) => {
|
362
354
|
this.mdcRoot.setPointerCapture(t);
|
@@ -370,15 +362,15 @@ class s extends g {
|
|
370
362
|
}
|
371
363
|
onStartChange(t) {
|
372
364
|
var e;
|
373
|
-
this.valueStart = Number(t.target.value), (e = this.mdcFoundation) === null || e === void 0 || e.handleInputChange(
|
365
|
+
this.valueStart = Number(t.target.value), (e = this.mdcFoundation) === null || e === void 0 || e.handleInputChange(s.START);
|
374
366
|
}
|
375
367
|
onStartFocus() {
|
376
368
|
var t;
|
377
|
-
(t = this.mdcFoundation) === null || t === void 0 || t.handleInputFocus(
|
369
|
+
(t = this.mdcFoundation) === null || t === void 0 || t.handleInputFocus(s.START), this.startRippleHandlers.startFocus();
|
378
370
|
}
|
379
371
|
onStartBlur() {
|
380
372
|
var t;
|
381
|
-
(t = this.mdcFoundation) === null || t === void 0 || t.handleInputBlur(
|
373
|
+
(t = this.mdcFoundation) === null || t === void 0 || t.handleInputBlur(s.START), this.startRippleHandlers.endFocus();
|
382
374
|
}
|
383
375
|
onStartMouseenter() {
|
384
376
|
var t;
|
@@ -394,53 +386,53 @@ class s extends g {
|
|
394
386
|
}
|
395
387
|
a([
|
396
388
|
u("input.start")
|
397
|
-
],
|
389
|
+
], r.prototype, "startInput", void 0);
|
398
390
|
a([
|
399
391
|
u(".start.mdc-slider__thumb")
|
400
|
-
],
|
392
|
+
], r.prototype, "startThumb", void 0);
|
401
393
|
a([
|
402
394
|
u(".start.mdc-slider__thumb .mdc-slider__thumb-knob")
|
403
|
-
],
|
395
|
+
], r.prototype, "startThumbKnob", void 0);
|
404
396
|
a([
|
405
397
|
u(".start.mdc-slider__thumb .mdc-slider__value-indicator-container")
|
406
|
-
],
|
398
|
+
], r.prototype, "startValueIndicatorContainer", void 0);
|
407
399
|
a([
|
408
400
|
T(".start .ripple")
|
409
|
-
],
|
401
|
+
], r.prototype, "startRipple", void 0);
|
410
402
|
a([
|
411
|
-
|
412
|
-
],
|
403
|
+
S({ type: Number })
|
404
|
+
], r.prototype, "valueStart", void 0);
|
413
405
|
a([
|
414
|
-
|
415
|
-
],
|
406
|
+
o()
|
407
|
+
], r.prototype, "startThumbWithIndicator", void 0);
|
416
408
|
a([
|
417
|
-
|
418
|
-
],
|
409
|
+
o()
|
410
|
+
], r.prototype, "startThumbTop", void 0);
|
419
411
|
a([
|
420
|
-
|
421
|
-
],
|
412
|
+
o()
|
413
|
+
], r.prototype, "shouldRenderStartRipple", void 0);
|
422
414
|
a([
|
423
|
-
|
424
|
-
],
|
415
|
+
o()
|
416
|
+
], r.prototype, "startThumbTransformStyle", void 0);
|
425
417
|
a([
|
426
|
-
|
427
|
-
],
|
418
|
+
o()
|
419
|
+
], r.prototype, "startThumbTransitionStyle", void 0);
|
428
420
|
a([
|
429
|
-
|
430
|
-
],
|
421
|
+
o()
|
422
|
+
], r.prototype, "startThumbCssProperties", void 0);
|
431
423
|
var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, E = (c, t, e, i) => {
|
432
|
-
for (var
|
433
|
-
(
|
434
|
-
return i &&
|
424
|
+
for (var d = i > 1 ? void 0 : i ? $(t, e) : t, m = c.length - 1, b; m >= 0; m--)
|
425
|
+
(b = c[m]) && (d = (i ? b(t, e, d) : b(d)) || d);
|
426
|
+
return i && d && w(t, e, d), d;
|
435
427
|
};
|
436
|
-
let h = class extends
|
428
|
+
let h = class extends r {
|
437
429
|
};
|
438
|
-
h.styles = [
|
430
|
+
h.styles = [k];
|
439
431
|
h = E([
|
440
|
-
|
432
|
+
y("cv-slider-range")
|
441
433
|
], h);
|
442
|
-
const
|
434
|
+
const B = h;
|
443
435
|
export {
|
444
436
|
h as CovalentSliderRange,
|
445
|
-
|
437
|
+
B as default
|
446
438
|
};
|
package/slider.js
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./mwc-ripple.mjs"),r=require("./mwc-slider.css.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./ripple-handlers.mjs");require("./if-defined.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2018 Google LLC
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
5
|
-
*/class l extends r.SliderBase{get value(){return this.valueEnd}set value(e){this.valueEnd=e}renderTrack(){const e=
|
5
|
+
*/class l extends r.SliderBase{get value(){return this.valueEnd}set value(e){this.valueEnd=e}renderTrack(){const e=s.i$2({"transform-origin":this.trackTransformOriginStyle,left:this.trackLeftStyle,right:this.trackRightStyle,"-webkit-transform":`scaleX(${(this.valueEnd-this.min)/(this.max-this.min)})`,transform:`scaleX(${(this.valueEnd-this.min)/(this.max-this.min)})`,"-webkit-transition":this.trackTransitionStyle,transition:this.trackTransitionStyle});return s.y`
|
6
6
|
<div class="mdc-slider__track">
|
7
7
|
<div class="mdc-slider__track--inactive"></div>
|
8
8
|
<div class="mdc-slider__track--active">
|
@@ -11,4 +11,4 @@
|
|
11
11
|
style=${e}>
|
12
12
|
</div>
|
13
13
|
</div>
|
14
|
-
</div>`}createAdapter(){return{addClass:e=>{switch(e){case"mdc-slider--disabled":this.disabled=!0;break}},removeClass:e=>{switch(e){case"mdc-slider--disabled":this.disabled=!1;break}},hasClass:e=>{switch(e){case"mdc-slider--disabled":return this.disabled;case"mdc-slider--discrete":return this.discrete;default:return!1}},addThumbClass:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!0;break}},removeThumbClass:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!1;break}},registerEventHandler:()=>{},deregisterEventHandler:()=>{},registerBodyEventHandler:(e,t)=>{document.body.addEventListener(e,t)},deregisterBodyEventHandler:(e,t)=>{document.body.removeEventListener(e,t)},registerInputEventHandler:(e,t,i)=>{e!==r.Thumb.START&&this.formElement.addEventListener(t,i)},deregisterInputEventHandler:(e,t,i)=>{e!==r.Thumb.START&&this.formElement.removeEventListener(t,i)},registerThumbEventHandler:()=>{},deregisterThumbEventHandler:()=>{},registerWindowEventHandler:(e,t)=>{window.addEventListener(e,t)},deregisterWindowEventHandler:(e,t)=>{window.addEventListener(e,t)},emitChangeEvent:(e,t)=>{if(t===r.Thumb.START)return;const i=new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:e,thumb:t}});this.dispatchEvent(i)},emitDragEndEvent:(e,t)=>{t!==r.Thumb.START&&this.endRippleHandlers.endPress()},emitDragStartEvent:(e,t)=>{t!==r.Thumb.START&&this.endRippleHandlers.startPress()},emitInputEvent:(e,t)=>{if(t===r.Thumb.START)return;const i=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:e,thumb:t}});this.dispatchEvent(i)},focusInput:e=>{e!==r.Thumb.START&&this.formElement.focus()},getAttribute:()=>"",getBoundingClientRect:()=>this.mdcRoot.getBoundingClientRect(),getInputAttribute:(e,t)=>{if(t===r.Thumb.START)return null;switch(e){case"min":return this.min.toString();case"max":return this.max.toString();case"value":return this.valueEnd.toString();case"step":return this.step.toString();default:return null}},getInputValue:e=>e===r.Thumb.START?"":this.valueEnd.toString(),getThumbBoundingClientRect:e=>e===r.Thumb.START?this.getBoundingClientRect():this.endThumb.getBoundingClientRect(),getThumbKnobWidth:e=>e===r.Thumb.START?0:this.endThumbKnob.getBoundingClientRect().width,getValueIndicatorContainerWidth:e=>e===r.Thumb.START?0:this.endValueIndicatorContainer.getBoundingClientRect().width,getValueToAriaValueTextFn:()=>this.valueToAriaTextTransform,isInputFocused:e=>{if(e===r.Thumb.START)return!1;const t=
|
14
|
+
</div>`}createAdapter(){return{addClass:e=>{switch(e){case"mdc-slider--disabled":this.disabled=!0;break}},removeClass:e=>{switch(e){case"mdc-slider--disabled":this.disabled=!1;break}},hasClass:e=>{switch(e){case"mdc-slider--disabled":return this.disabled;case"mdc-slider--discrete":return this.discrete;default:return!1}},addThumbClass:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!0;break}},removeThumbClass:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"mdc-slider__thumb--with-indicator":this.endThumbWithIndicator=!1;break}},registerEventHandler:()=>{},deregisterEventHandler:()=>{},registerBodyEventHandler:(e,t)=>{document.body.addEventListener(e,t)},deregisterBodyEventHandler:(e,t)=>{document.body.removeEventListener(e,t)},registerInputEventHandler:(e,t,i)=>{e!==r.Thumb.START&&this.formElement.addEventListener(t,i)},deregisterInputEventHandler:(e,t,i)=>{e!==r.Thumb.START&&this.formElement.removeEventListener(t,i)},registerThumbEventHandler:()=>{},deregisterThumbEventHandler:()=>{},registerWindowEventHandler:(e,t)=>{window.addEventListener(e,t)},deregisterWindowEventHandler:(e,t)=>{window.addEventListener(e,t)},emitChangeEvent:(e,t)=>{if(t===r.Thumb.START)return;const i=new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:e,thumb:t}});this.dispatchEvent(i)},emitDragEndEvent:(e,t)=>{t!==r.Thumb.START&&this.endRippleHandlers.endPress()},emitDragStartEvent:(e,t)=>{t!==r.Thumb.START&&this.endRippleHandlers.startPress()},emitInputEvent:(e,t)=>{if(t===r.Thumb.START)return;const i=new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:e,thumb:t}});this.dispatchEvent(i)},focusInput:e=>{e!==r.Thumb.START&&this.formElement.focus()},getAttribute:()=>"",getBoundingClientRect:()=>this.mdcRoot.getBoundingClientRect(),getInputAttribute:(e,t)=>{if(t===r.Thumb.START)return null;switch(e){case"min":return this.min.toString();case"max":return this.max.toString();case"value":return this.valueEnd.toString();case"step":return this.step.toString();default:return null}},getInputValue:e=>e===r.Thumb.START?"":this.valueEnd.toString(),getThumbBoundingClientRect:e=>e===r.Thumb.START?this.getBoundingClientRect():this.endThumb.getBoundingClientRect(),getThumbKnobWidth:e=>e===r.Thumb.START?0:this.endThumbKnob.getBoundingClientRect().width,getValueIndicatorContainerWidth:e=>e===r.Thumb.START?0:this.endValueIndicatorContainer.getBoundingClientRect().width,getValueToAriaValueTextFn:()=>this.valueToAriaTextTransform,isInputFocused:e=>{if(e===r.Thumb.START)return!1;const t=s.deepActiveElementPath();return t[t.length-1]===this.formElement},isRTL:()=>getComputedStyle(this).direction==="rtl",setInputAttribute:(e,t,i)=>{r.Thumb.START},removeInputAttribute:e=>{},setThumbStyleProperty:(e,t,i)=>{if(i!==r.Thumb.START)switch(e){case"transform":case"-webkit-transform":this.endThumbTransformStyle=t;break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle=t;break;default:e.startsWith("--")&&(this.endThumbCssProperties[e]=t)}},removeThumbStyleProperty:(e,t)=>{if(t!==r.Thumb.START)switch(e){case"left":case"right":break;case"transition":case"-webkit-transition":this.endThumbTransitionStyle="";break}},setTrackActiveStyleProperty:(e,t)=>{switch(e){case"transform-origin":this.trackTransformOriginStyle=t;break;case"left":this.trackLeftStyle=t;break;case"right":this.trackRightStyle=t;break;case"transform":case"-webkit-transform":break;case"transition":case"-webkit-transition":this.trackTransitionStyle=t;break}},removeTrackActiveStyleProperty:e=>{switch(e){case"transition":case"-webkit-transition":this.trackTransitionStyle="";break}},setInputValue:(e,t)=>{t!==r.Thumb.START&&(this.valueEnd=Number(e))},setPointerCapture:e=>{this.mdcRoot.setPointerCapture(e)},setValueIndicatorText:()=>{},updateTickMarks:e=>{this.tickMarks=e}}}}s.__decorate([s.e({type:Number})],l.prototype,"value",null);var c=Object.defineProperty,o=Object.getOwnPropertyDescriptor,h=(a,e,t,i)=>{for(var n=i>1?void 0:i?o(e,t):e,u=a.length-1,d;u>=0;u--)(d=a[u])&&(n=(i?d(e,t,n):d(n))||n);return i&&n&&c(e,t,n),n};exports.CovalentSlider=class extends l{};exports.CovalentSlider.styles=[r.styles];exports.CovalentSlider=h([s.e$1("cv-slider")],exports.CovalentSlider);const m=exports.CovalentSlider;exports.default=m;
|