@m3e/slider 1.1.1 → 1.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +57 -0
- package/dist/index.js +14 -2
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/dist/src/SliderElement.d.ts.map +1 -1
- package/dist/src/SliderThumbElement.d.ts +2 -0
- package/dist/src/SliderThumbElement.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -806,6 +806,24 @@
|
|
|
806
806
|
},
|
|
807
807
|
"readonly": true
|
|
808
808
|
},
|
|
809
|
+
{
|
|
810
|
+
"kind": "method",
|
|
811
|
+
"name": "focus",
|
|
812
|
+
"return": {
|
|
813
|
+
"type": {
|
|
814
|
+
"text": "void"
|
|
815
|
+
}
|
|
816
|
+
},
|
|
817
|
+
"parameters": [
|
|
818
|
+
{
|
|
819
|
+
"name": "options",
|
|
820
|
+
"optional": true,
|
|
821
|
+
"type": {
|
|
822
|
+
"text": "FocusOptions"
|
|
823
|
+
}
|
|
824
|
+
}
|
|
825
|
+
]
|
|
826
|
+
},
|
|
809
827
|
{
|
|
810
828
|
"kind": "field",
|
|
811
829
|
"name": "[_eventHandler]",
|
|
@@ -2827,12 +2845,51 @@
|
|
|
2827
2845
|
"description": "Mixin to augment an element with behavior emits a click event on keyboard events.",
|
|
2828
2846
|
"name": "KeyboardClick",
|
|
2829
2847
|
"members": [
|
|
2848
|
+
{
|
|
2849
|
+
"kind": "field",
|
|
2850
|
+
"name": "#keyPressed",
|
|
2851
|
+
"privacy": "private",
|
|
2852
|
+
"type": {
|
|
2853
|
+
"text": "boolean"
|
|
2854
|
+
},
|
|
2855
|
+
"default": "false"
|
|
2856
|
+
},
|
|
2857
|
+
{
|
|
2858
|
+
"kind": "field",
|
|
2859
|
+
"name": "#keyDownHandler",
|
|
2860
|
+
"privacy": "private",
|
|
2861
|
+
"readonly": true
|
|
2862
|
+
},
|
|
2830
2863
|
{
|
|
2831
2864
|
"kind": "field",
|
|
2832
2865
|
"name": "#keyUpHandler",
|
|
2833
2866
|
"privacy": "private",
|
|
2834
2867
|
"readonly": true
|
|
2835
2868
|
},
|
|
2869
|
+
{
|
|
2870
|
+
"kind": "field",
|
|
2871
|
+
"name": "#focusOutHandler",
|
|
2872
|
+
"privacy": "private",
|
|
2873
|
+
"readonly": true
|
|
2874
|
+
},
|
|
2875
|
+
{
|
|
2876
|
+
"kind": "method",
|
|
2877
|
+
"name": "#handleKeyDown",
|
|
2878
|
+
"privacy": "private",
|
|
2879
|
+
"return": {
|
|
2880
|
+
"type": {
|
|
2881
|
+
"text": "void"
|
|
2882
|
+
}
|
|
2883
|
+
},
|
|
2884
|
+
"parameters": [
|
|
2885
|
+
{
|
|
2886
|
+
"name": "e",
|
|
2887
|
+
"type": {
|
|
2888
|
+
"text": "KeyboardEvent"
|
|
2889
|
+
}
|
|
2890
|
+
}
|
|
2891
|
+
]
|
|
2892
|
+
},
|
|
2836
2893
|
{
|
|
2837
2894
|
"kind": "method",
|
|
2838
2895
|
"name": "#handleKeyUp",
|
package/dist/index.js
CHANGED
|
@@ -818,6 +818,16 @@ let M3eSliderThumbElement = class M3eSliderThumbElement extends Dirty(Touched(Fo
|
|
|
818
818
|
return this.value?.toString() ?? null;
|
|
819
819
|
}
|
|
820
820
|
/** @inheritdoc */
|
|
821
|
+
focus(options) {
|
|
822
|
+
if (this._focusRing) {
|
|
823
|
+
this._focusRing.disabled = true;
|
|
824
|
+
}
|
|
825
|
+
super.focus(options);
|
|
826
|
+
if (this._focusRing) {
|
|
827
|
+
this._focusRing.disabled = this.disabled;
|
|
828
|
+
}
|
|
829
|
+
}
|
|
830
|
+
/** @inheritdoc */
|
|
821
831
|
firstUpdated(_changedProperties) {
|
|
822
832
|
super.firstUpdated(_changedProperties);
|
|
823
833
|
this._focusRing?.attach(this);
|
|
@@ -1172,7 +1182,9 @@ _M3eSliderElement_handlePointerDown = function _M3eSliderElement_handlePointerDo
|
|
|
1172
1182
|
}
|
|
1173
1183
|
};
|
|
1174
1184
|
_M3eSliderElement_handlePointerMove = function _M3eSliderElement_handlePointerMove(e) {
|
|
1175
|
-
if (!(e.target instanceof HTMLElement) || !e.target.hasPointerCapture(e.pointerId) || !__classPrivateFieldGet(this, _M3eSliderElement_activeThumb, "f"))
|
|
1185
|
+
if (!(e.target instanceof HTMLElement) || !e.target.hasPointerCapture(e.pointerId) || !__classPrivateFieldGet(this, _M3eSliderElement_activeThumb, "f") || __classPrivateFieldGet(this, _M3eSliderElement_activeThumb, "f").disabled) {
|
|
1186
|
+
return;
|
|
1187
|
+
}
|
|
1176
1188
|
const value = __classPrivateFieldGet(this, _M3eSliderElement_instances, "m", _M3eSliderElement_valueFromPoint).call(this, e);
|
|
1177
1189
|
let min = this.min;
|
|
1178
1190
|
let max = this.max;
|
|
@@ -1193,7 +1205,7 @@ _M3eSliderElement_handlePointerUp = function _M3eSliderElement_handlePointerUp(e
|
|
|
1193
1205
|
if (e.target instanceof HTMLElement) {
|
|
1194
1206
|
e.target.releasePointerCapture(e.pointerId);
|
|
1195
1207
|
}
|
|
1196
|
-
if (__classPrivateFieldGet(this, _M3eSliderElement_activeThumb, "f")) {
|
|
1208
|
+
if (__classPrivateFieldGet(this, _M3eSliderElement_activeThumb, "f") && !__classPrivateFieldGet(this, _M3eSliderElement_activeThumb, "f").disabled) {
|
|
1197
1209
|
__classPrivateFieldGet(this, _M3eSliderElement_activeThumb, "f").focus();
|
|
1198
1210
|
}
|
|
1199
1211
|
};
|