@umbraco-ui/uui-range-slider 1.6.0 → 1.7.0

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.
Files changed (2) hide show
  1. package/lib/index.js +25 -29
  2. package/package.json +4 -4
package/lib/index.js CHANGED
@@ -5,25 +5,12 @@ import { property, state, query } from 'lit/decorators.js';
5
5
  import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
6
6
  import { clamp } from '@umbraco-ui/uui-base/lib/utils';
7
7
 
8
- var __defProp$1 = Object.defineProperty;
9
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
10
- var __hasOwnProp = Object.prototype.hasOwnProperty;
11
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
12
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
13
- var __spreadValues = (a, b) => {
14
- for (var prop in b || (b = {}))
15
- if (__hasOwnProp.call(b, prop))
16
- __defNormalProp(a, prop, b[prop]);
17
- if (__getOwnPropSymbols)
18
- for (var prop of __getOwnPropSymbols(b)) {
19
- if (__propIsEnum.call(b, prop))
20
- __defNormalProp(a, prop, b[prop]);
21
- }
22
- return a;
23
- };
24
8
  class UUIRangeSliderEvent extends UUIEvent {
25
9
  constructor(evName, eventInit = {}) {
26
- super(evName, __spreadValues(__spreadValues({}, { bubbles: true }), eventInit));
10
+ super(evName, {
11
+ ...{ bubbles: true },
12
+ ...eventInit
13
+ });
27
14
  }
28
15
  }
29
16
  UUIRangeSliderEvent.INPUT = "input";
@@ -160,8 +147,7 @@ let UUIRangeSliderElement = class extends FormControlMixin(LitElement) {
160
147
  this.addEventListener("mousedown", this._onMouseDown);
161
148
  this.addEventListener("touchstart", this._onTouchStart);
162
149
  window.addEventListener("resize", () => {
163
- var _a;
164
- this._trackWidth = (_a = this._outerTrack) == null ? void 0 : _a.offsetWidth;
150
+ this._trackWidth = this._outerTrack?.offsetWidth;
165
151
  });
166
152
  }
167
153
  get min() {
@@ -719,7 +705,8 @@ UUIRangeSliderElement.styles = [
719
705
  border: none;
720
706
  background-color: var(--color-interactive);
721
707
  overflow: visible;
722
- box-shadow: inset 0 0 0 2px var(--color-interactive),
708
+ box-shadow:
709
+ inset 0 0 0 2px var(--color-interactive),
723
710
  inset 0 0 0 4px var(--uui-color-surface,#fff);
724
711
  }
725
712
  :host([disabled]) input::-webkit-slider-thumb {
@@ -729,18 +716,22 @@ UUIRangeSliderElement.styles = [
729
716
  input:focus-within::-webkit-slider-thumb,
730
717
  input.focus::-webkit-slider-thumb {
731
718
  background-color: var(--color-focus);
732
- box-shadow: inset 0 0 0 2px var(--color-focus),
733
- inset 0 0 0 4px var(--uui-color-surface,#fff), 0 0 0 2px var(--color-focus);
719
+ box-shadow:
720
+ inset 0 0 0 2px var(--color-focus),
721
+ inset 0 0 0 4px var(--uui-color-surface,#fff),
722
+ 0 0 0 2px var(--color-focus);
734
723
  }
735
724
  input::-webkit-slider-thumb:hover {
736
725
  background-color: var(--color-hover);
737
- box-shadow: inset 0 0 0 2px var(--color-hover),
726
+ box-shadow:
727
+ inset 0 0 0 2px var(--color-hover),
738
728
  inset 0 0 0 4px var(--uui-color-surface,#fff);
739
729
  }
740
730
 
741
731
  :host([disabled]) #range-slider input::-webkit-slider-thumb {
742
732
  background-color: var(--uui-palette-mine-grey,#3e3e3e);
743
- box-shadow: inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
733
+ box-shadow:
734
+ inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
744
735
  inset 0 0 0 4px var(--uui-color-surface,#fff);
745
736
  }
746
737
 
@@ -758,7 +749,8 @@ UUIRangeSliderElement.styles = [
758
749
  border: none;
759
750
  background-color: var(--color-interactive);
760
751
  overflow: visible;
761
- box-shadow: inset 0 0 0 2px var(--color-interactive),
752
+ box-shadow:
753
+ inset 0 0 0 2px var(--color-interactive),
762
754
  inset 0 0 0 4px var(--uui-color-surface,#fff);
763
755
  }
764
756
  :host([disabled]) input::-moz-range-thumb {
@@ -768,18 +760,22 @@ UUIRangeSliderElement.styles = [
768
760
  input:focus-within::-moz-range-thumb,
769
761
  input.focus::-moz-range-thumb {
770
762
  background-color: var(--color-focus);
771
- box-shadow: inset 0 0 0 2px var(--color-focus),
772
- inset 0 0 0 4px var(--uui-color-surface,#fff), 0 0 0 2px var(--color-focus);
763
+ box-shadow:
764
+ inset 0 0 0 2px var(--color-focus),
765
+ inset 0 0 0 4px var(--uui-color-surface,#fff),
766
+ 0 0 0 2px var(--color-focus);
773
767
  }
774
768
  input::-moz-range-thumb:hover {
775
769
  background-color: var(--color-hover);
776
- box-shadow: inset 0 0 0 2px var(--color-hover),
770
+ box-shadow:
771
+ inset 0 0 0 2px var(--color-hover),
777
772
  inset 0 0 0 4px var(--uui-color-surface,#fff);
778
773
  }
779
774
 
780
775
  :host([disabled]) #range-slider input::-moz-range-thumb {
781
776
  background-color: var(--uui-palette-mine-grey,#3e3e3e);
782
- box-shadow: inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
777
+ box-shadow:
778
+ inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
783
779
  inset 0 0 0 4px var(--uui-color-surface,#fff);
784
780
  }
785
781
  `
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umbraco-ui/uui-range-slider",
3
- "version": "1.6.0",
3
+ "version": "1.7.0",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Umbraco",
@@ -30,10 +30,10 @@
30
30
  "custom-elements.json"
31
31
  ],
32
32
  "dependencies": {
33
- "@umbraco-ui/uui-base": "1.6.0"
33
+ "@umbraco-ui/uui-base": "1.7.0"
34
34
  },
35
35
  "scripts": {
36
- "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
36
+ "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
37
37
  "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js *.tgz lib/**/*.d.ts custom-elements.json",
38
38
  "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
39
39
  },
@@ -41,5 +41,5 @@
41
41
  "access": "public"
42
42
  },
43
43
  "homepage": "https://uui.umbraco.com/?path=/story/uui-range-slider",
44
- "gitHead": "b06aebbb67ff67c9611a19927ec3ef484edcb1cc"
44
+ "gitHead": "1f139dc2b4ed9ba7b9fb1af5e934589d7c4d8f06"
45
45
  }