@m3e/slider 1.0.0-rc.1 → 1.0.0-rc.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/README.md +1 -2
- package/dist/custom-elements.json +2841 -11
- package/dist/html-custom-data.json +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/src/SliderElement.d.ts +1 -4
- package/dist/src/SliderElement.d.ts.map +1 -1
- package/dist/src/SliderThumbElement.d.ts +1 -0
- package/dist/src/SliderThumbElement.d.ts.map +1 -1
- package/package.json +4 -4
- package/cem.config.mjs +0 -16
- package/demo/index.html +0 -86
- package/eslint.config.mjs +0 -13
- package/rollup.config.js +0 -32
- package/src/SliderElement.ts +0 -723
- package/src/SliderSize.ts +0 -2
- package/src/SliderThumbElement.ts +0 -230
- package/src/index.ts +0 -3
- package/tsconfig.json +0 -9
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
48
|
"name": "m3e-slider-thumb",
|
|
49
|
-
"description": "A thumb used to select a value in a slider.\n---\n\n\n### **Events:**\n - **value-change**\n- **input** - Emitted when the value changes.\n- **change** - Emitted when the value changes.\n\n### **CSS Properties:**\n - **--m3e-slider-thumb-width** - Width of the slider thumb. _(default: undefined)_\n- **--m3e-slider-thumb-padding** - Horizontal padding around the thumb. _(default: undefined)_\n- **--m3e-slider-thumb-color** - Active color of the slider thumb when enabled. _(default: undefined)_\n- **--m3e-slider-thumb-pressed-width** - Width of the thumb when pressed. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-color** - Color of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-opacity** - Opacity of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-label-width** - Width of the floating label above the thumb. _(default: undefined)_\n- **--m3e-slider-label-container-color** - Background color of the label container. _(default: undefined)_\n- **--m3e-slider-label-color** - Text color of the label. _(default: undefined)_\n- **--m3e-slider-label-font-size** - Font size of the label text. _(default: undefined)_\n- **--m3e-slider-label-font-weight** - Font weight of the label text. _(default: undefined)_\n- **--m3e-slider-label-line-height** - Line height of the label text. _(default: undefined)_\n- **--m3e-slider-label-tracking** - Letter spacing of the label text. _(default: undefined)_",
|
|
49
|
+
"description": "A thumb used to select a value in a slider.\n---\n\n\n### **Events:**\n - **value-change**\n- **input** - Emitted when the value changes.\n- **change** - Emitted when the value changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-slider-thumb-width** - Width of the slider thumb. _(default: undefined)_\n- **--m3e-slider-thumb-padding** - Horizontal padding around the thumb. _(default: undefined)_\n- **--m3e-slider-thumb-color** - Active color of the slider thumb when enabled. _(default: undefined)_\n- **--m3e-slider-thumb-pressed-width** - Width of the thumb when pressed. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-color** - Color of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-opacity** - Opacity of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-label-width** - Width of the floating label above the thumb. _(default: undefined)_\n- **--m3e-slider-label-container-color** - Background color of the label container. _(default: undefined)_\n- **--m3e-slider-label-color** - Text color of the label. _(default: undefined)_\n- **--m3e-slider-label-font-size** - Font size of the label text. _(default: undefined)_\n- **--m3e-slider-label-font-weight** - Font weight of the label text. _(default: undefined)_\n- **--m3e-slider-label-line-height** - Line height of the label text. _(default: undefined)_\n- **--m3e-slider-label-tracking** - Letter spacing of the label text. _(default: undefined)_",
|
|
50
50
|
"attributes": [
|
|
51
51
|
{
|
|
52
52
|
"name": "disabled",
|
package/dist/index.js
CHANGED
|
@@ -140,6 +140,7 @@ var _M3eSliderThumbElement_instances, _M3eSliderThumbElement_labelText_get;
|
|
|
140
140
|
*
|
|
141
141
|
* @fires input - Emitted when the value changes.
|
|
142
142
|
* @fires change - Emitted when the value changes.
|
|
143
|
+
* @fires click - Emitted when the element is clicked.
|
|
143
144
|
*
|
|
144
145
|
* @cssprop --m3e-slider-thumb-width - Width of the slider thumb.
|
|
145
146
|
* @cssprop --m3e-slider-thumb-padding - Horizontal padding around the thumb.
|
|
@@ -316,7 +317,6 @@ M3eSliderThumbElement = __decorate([
|
|
|
316
317
|
|
|
317
318
|
var _M3eSliderElement_instances, _M3eSliderElement_thumbs, _M3eSliderElement_activeThumb, _M3eSliderElement_cachedWidth, _M3eSliderElement_cachedThumbWidth, _M3eSliderElement_cachedLeft, _M3eSliderElement_renderTick, _M3eSliderElement_handleSlotChange, _M3eSliderElement_updateThumbs, _M3eSliderElement_pointFromValue, _M3eSliderElement_valueFromPoint, _M3eSliderElement_updateCachedDimensions, _M3eSliderElement_updateDimensions, _M3eSliderElement_updateTicks, _M3eSliderElement_handlePointerDown, _M3eSliderElement_handlePointerMove, _M3eSliderElement_handlePointerUp, _M3eSliderElement_handleKeyDown, _M3eSliderElement_handleThumbChange, _M3eSliderElement_changeThumb;
|
|
318
319
|
/**
|
|
319
|
-
* @summary
|
|
320
320
|
* Allows for the selection of numeric values from a range.
|
|
321
321
|
*
|
|
322
322
|
* @description
|
|
@@ -386,7 +386,7 @@ var _M3eSliderElement_instances, _M3eSliderElement_thumbs, _M3eSliderElement_act
|
|
|
386
386
|
* @cssprop --m3e-slider-tick-inactive-color - Color of inactive ticks when enabled.
|
|
387
387
|
* @cssprop --m3e-slider-disabled-tick-inactive-color - Color of inactive ticks when disabled.
|
|
388
388
|
*/
|
|
389
|
-
let M3eSliderElement = class M3eSliderElement extends
|
|
389
|
+
let M3eSliderElement = class M3eSliderElement extends LitElement {
|
|
390
390
|
constructor() {
|
|
391
391
|
super();
|
|
392
392
|
_M3eSliderElement_instances.add(this);
|