@m3e/slider 1.0.0-rc.3 → 1.0.0

package/README.md

@@ -27,7 +27,7 @@ Alternately, you can explicitly reference the `html-custom-data.json` and `css-c
 }
 ```
 
-## 🚀 Browser Usage
+## 🚀 Native Module Support
 
 This package uses [JavaScript Modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules#module_specifiers). To use it directly in a browser without a bundler, use a module script similar to the following.
 

package/dist/custom-elements.json

@@ -2887,6 +2887,11 @@
       "kind": "javascript-module",
       "path": "../core/src/shared/mixins/Labelled.ts",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "updateLabels",
+          "description": "A symbol through which to update labels to reflect a control's current state."
+        },
         {
           "kind": "function",
           "name": "isLabelledMixin",
@@ -2936,16 +2941,6 @@
               },
               "description": "The label elements that the element is associated with.",
               "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "[_updateLabels]",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
             }
           ],
           "parameters": [
@@ -2960,6 +2955,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "updateLabels",
+          "declaration": {
+            "name": "updateLabels",
+            "module": "../core/src/shared/mixins/Labelled.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "isLabelledMixin",

package/dist/index.js

@@ -224,6 +224,7 @@ M3eSliderThumbElement.styles = css `
       height: 3rem;
       left: 0;
       right: 0;
+      touch-action: none;
     }
     .wrapper {
       display: inline-flex;
@@ -840,15 +841,18 @@ M3eSliderElement.styles = css `
       height: 100%;
       border-radius: inherit;
       outline: none;
+      touch-action: none;
     }
     .track {
       position: relative;
       flex: 1 1 auto;
+      touch-action: none;
     }
     .track-inactive,
     .track-active {
       position: absolute;
       height: 100%;
+      touch-action: none;
     }
     .track-active {
       margin-left: var(--_slider-active-track-offset, 0px);
@@ -869,10 +873,12 @@ M3eSliderElement.styles = css `
       width: 100%;
       height: var(--m3e-slider-tick-size, 0.25rem);
       overflow: visible;
+      touch-action: none;
     }
     .tick {
       position: absolute;
       top: 0;
+      touch-action: none;
       left: calc(var(--m3e-slider-tick-size, 0.25rem) + calc(var(--m3e-slider-tick-size, 0.25rem) / 2));
       width: var(--m3e-slider-tick-size, 0.25rem);
       height: var(--m3e-slider-tick-size, 0.25rem);