@umbraco-ui/uui-range-slider 1.6.0-rc.4 → 1.7.0-rc.0

package/lib/index.js

@@ -5,25 +5,12 @@ import { property, state, query } from 'lit/decorators.js';
 import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
 import { clamp } from '@umbraco-ui/uui-base/lib/utils';
 
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 class UUIRangeSliderEvent extends UUIEvent {
   constructor(evName, eventInit = {}) {
-    super(evName, __spreadValues(__spreadValues({}, { bubbles: true }), eventInit));
+    super(evName, {
+      ...{ bubbles: true },
+      ...eventInit
+    });
   }
 }
 UUIRangeSliderEvent.INPUT = "input";
@@ -160,8 +147,7 @@ let UUIRangeSliderElement = class extends FormControlMixin(LitElement) {
     this.addEventListener("mousedown", this._onMouseDown);
     this.addEventListener("touchstart", this._onTouchStart);
     window.addEventListener("resize", () => {
-      var _a;
-      this._trackWidth = (_a = this._outerTrack) == null ? void 0 : _a.offsetWidth;
+      this._trackWidth = this._outerTrack?.offsetWidth;
     });
   }
   get min() {
@@ -719,7 +705,8 @@ UUIRangeSliderElement.styles = [
         border: none;
         background-color: var(--color-interactive);
         overflow: visible;
-        box-shadow: inset 0 0 0 2px var(--color-interactive),
+        box-shadow:
+          inset 0 0 0 2px var(--color-interactive),
           inset 0 0 0 4px var(--uui-color-surface,#fff);
       }
       :host([disabled]) input::-webkit-slider-thumb {
@@ -729,18 +716,22 @@ UUIRangeSliderElement.styles = [
       input:focus-within::-webkit-slider-thumb,
       input.focus::-webkit-slider-thumb {
         background-color: var(--color-focus);
-        box-shadow: inset 0 0 0 2px var(--color-focus),
-          inset 0 0 0 4px var(--uui-color-surface,#fff), 0 0 0 2px var(--color-focus);
+        box-shadow:
+          inset 0 0 0 2px var(--color-focus),
+          inset 0 0 0 4px var(--uui-color-surface,#fff),
+          0 0 0 2px var(--color-focus);
       }
       input::-webkit-slider-thumb:hover {
         background-color: var(--color-hover);
-        box-shadow: inset 0 0 0 2px var(--color-hover),
+        box-shadow:
+          inset 0 0 0 2px var(--color-hover),
           inset 0 0 0 4px var(--uui-color-surface,#fff);
       }
 
       :host([disabled]) #range-slider input::-webkit-slider-thumb {
         background-color: var(--uui-palette-mine-grey,#3e3e3e);
-        box-shadow: inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
+        box-shadow:
+          inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
           inset 0 0 0 4px var(--uui-color-surface,#fff);
       }
 
@@ -758,7 +749,8 @@ UUIRangeSliderElement.styles = [
         border: none;
         background-color: var(--color-interactive);
         overflow: visible;
-        box-shadow: inset 0 0 0 2px var(--color-interactive),
+        box-shadow:
+          inset 0 0 0 2px var(--color-interactive),
           inset 0 0 0 4px var(--uui-color-surface,#fff);
       }
       :host([disabled]) input::-moz-range-thumb {
@@ -768,18 +760,22 @@ UUIRangeSliderElement.styles = [
       input:focus-within::-moz-range-thumb,
       input.focus::-moz-range-thumb {
         background-color: var(--color-focus);
-        box-shadow: inset 0 0 0 2px var(--color-focus),
-          inset 0 0 0 4px var(--uui-color-surface,#fff), 0 0 0 2px var(--color-focus);
+        box-shadow:
+          inset 0 0 0 2px var(--color-focus),
+          inset 0 0 0 4px var(--uui-color-surface,#fff),
+          0 0 0 2px var(--color-focus);
       }
       input::-moz-range-thumb:hover {
         background-color: var(--color-hover);
-        box-shadow: inset 0 0 0 2px var(--color-hover),
+        box-shadow:
+          inset 0 0 0 2px var(--color-hover),
           inset 0 0 0 4px var(--uui-color-surface,#fff);
       }
 
       :host([disabled]) #range-slider input::-moz-range-thumb {
         background-color: var(--uui-palette-mine-grey,#3e3e3e);
-        box-shadow: inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
+        box-shadow:
+          inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
           inset 0 0 0 4px var(--uui-color-surface,#fff);
       }
     `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-range-slider",
-  "version": "1.6.0-rc.4",
+  "version": "1.7.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,10 +30,10 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.6.0-rc.4"
+    "@umbraco-ui/uui-base": "1.7.0-rc.0"
   },
   "scripts": {
-    "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
+    "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
     "clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js *.tgz lib/**/*.d.ts custom-elements.json",
     "analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
   },
@@ -41,5 +41,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-range-slider",
-  "gitHead": "ae00cf3a0d7be2827491b435c1a40f5d7649a504"
+  "gitHead": "a7166e62b37b609e74b96821d397c694a5f42458"
 }