@covalent/components 11.14.3 → 11.14.5
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/package.json +1 -1
- package/slider.js +5 -3
- package/slider.mjs +26 -20
package/package.json
CHANGED
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 o=require("./tslib.es6-CHeFCc6E.js");require("./ripple-handlers-C7an-EE1.js");const c=require("./utils-wMBJ9n_n.js"),r=require("./mwc-slider.css-DytByuJk.js"),a=require("./query-assigned-elements-8EurZY45.js"),h=require("./property-DYTC_2-m.js"),m=require("./style-map-DOMuf9Fg.js");/**
|
|
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=m.o({"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
|
|
5
|
+
*/class l extends r.SliderBase{get value(){return this.valueEnd}set value(e){this.valueEnd=e}renderTrack(){const e=m.o({"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 a.x`
|
|
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,6 @@
|
|
|
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=c.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}}}}o.__decorate([h.n({type:Number})],l.prototype,"value",null);const T=":host .mdc-slider__value-indicator{background-color:var(--cv-theme-on-surface);color:var(--cv-theme-on-primary);opacity:.74}:host .mdc-slider__value-indicator:before{border-top-color:var(--cv-theme-on-surface)}";var b=Object.getOwnPropertyDescriptor,v=(n,e,t,i)=>{for(var s=i>1?void 0:i?b(e,t):e,u=n.length-1,d;u>=0;u--)(d=n[u])&&(s=d(s)||s);return s};exports.CovalentSlider=class extends l{};exports.CovalentSlider.styles=[r.styles,a.i`
|
|
15
|
+
${a.r(T)}
|
|
16
|
+
`];exports.CovalentSlider=v([a.e("cv-slider")],exports.CovalentSlider);const f=exports.CovalentSlider;exports.default=f;
|
package/slider.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { _ as
|
|
1
|
+
import { _ as c } from "./tslib.es6-pPsSiLLK.mjs";
|
|
2
2
|
import "./ripple-handlers-BzwD98Ty.mjs";
|
|
3
|
-
import { d as
|
|
3
|
+
import { d as u } from "./utils-Dr5MegQq.mjs";
|
|
4
4
|
import { S as h, T as r, s as m } from "./mwc-slider.css-Cq4ygmy4.mjs";
|
|
5
|
-
import { x as T,
|
|
6
|
-
import { n as
|
|
7
|
-
import { o as
|
|
5
|
+
import { x as T, r as v, i as b, e as f } from "./query-assigned-elements-D930kELM.mjs";
|
|
6
|
+
import { n as g } from "./property-DJzm_oB9.mjs";
|
|
7
|
+
import { o as S } from "./style-map-D2TR7M-D.mjs";
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2018 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: Apache-2.0
|
|
12
12
|
*/
|
|
13
|
-
class
|
|
13
|
+
class l extends h {
|
|
14
14
|
get value() {
|
|
15
15
|
return this.valueEnd;
|
|
16
16
|
}
|
|
@@ -18,7 +18,7 @@ class u extends h {
|
|
|
18
18
|
this.valueEnd = t;
|
|
19
19
|
}
|
|
20
20
|
renderTrack() {
|
|
21
|
-
const t =
|
|
21
|
+
const t = S({
|
|
22
22
|
"transform-origin": this.trackTransformOriginStyle,
|
|
23
23
|
left: this.trackLeftStyle,
|
|
24
24
|
right: this.trackRightStyle,
|
|
@@ -153,7 +153,7 @@ class u extends h {
|
|
|
153
153
|
isInputFocused: (t) => {
|
|
154
154
|
if (t === r.START)
|
|
155
155
|
return !1;
|
|
156
|
-
const e =
|
|
156
|
+
const e = u();
|
|
157
157
|
return e[e.length - 1] === this.formElement;
|
|
158
158
|
},
|
|
159
159
|
isRTL: () => getComputedStyle(this).direction === "rtl",
|
|
@@ -231,22 +231,28 @@ class u extends h {
|
|
|
231
231
|
};
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
],
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
234
|
+
c([
|
|
235
|
+
g({ type: Number })
|
|
236
|
+
], l.prototype, "value", null);
|
|
237
|
+
const p = ":host .mdc-slider__value-indicator{background-color:var(--cv-theme-on-surface);color:var(--cv-theme-on-primary);opacity:.74}:host .mdc-slider__value-indicator:before{border-top-color:var(--cv-theme-on-surface)}";
|
|
238
|
+
var k = Object.getOwnPropertyDescriptor, E = (a, t, e, i) => {
|
|
239
|
+
for (var s = i > 1 ? void 0 : i ? k(t, e) : t, d = a.length - 1, o; d >= 0; d--)
|
|
240
|
+
(o = a[d]) && (s = o(s) || s);
|
|
240
241
|
return s;
|
|
241
242
|
};
|
|
242
|
-
let n = class extends
|
|
243
|
+
let n = class extends l {
|
|
243
244
|
};
|
|
244
|
-
n.styles = [
|
|
245
|
-
|
|
246
|
-
|
|
245
|
+
n.styles = [
|
|
246
|
+
m,
|
|
247
|
+
b`
|
|
248
|
+
${v(p)}
|
|
249
|
+
`
|
|
250
|
+
];
|
|
251
|
+
n = E([
|
|
252
|
+
f("cv-slider")
|
|
247
253
|
], n);
|
|
248
|
-
const
|
|
254
|
+
const H = n;
|
|
249
255
|
export {
|
|
250
256
|
n as CovalentSlider,
|
|
251
|
-
|
|
257
|
+
H as default
|
|
252
258
|
};
|