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

package/custom-elements.json

@@ -217,7 +217,8 @@
           "type": "ValidityState"
         },
         {
-          "name": "validationMessage"
+          "name": "validationMessage",
+          "type": "string"
         }
       ],
       "events": [

package/lib/index.js

@@ -1,6 +1,6 @@
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 import { LitElement, html, svg, css } from 'lit';
-import { FormControlMixin } from '@umbraco-ui/uui-base/lib/mixins';
+import { UUIFormControlMixin } from '@umbraco-ui/uui-base/lib/mixins';
 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';
@@ -49,7 +49,10 @@ const Z_INDEX = {
 const THUMB_SIZE = 18;
 const TRACK_PADDING = 12;
 const STEP_MIN_WIDTH = 24;
-let UUIRangeSliderElement = class extends FormControlMixin(LitElement) {
+let UUIRangeSliderElement = class extends UUIFormControlMixin(
+  LitElement,
+  ""
+) {
   /** Constructor and Validator */
   constructor() {
     super();
@@ -186,7 +189,7 @@ let UUIRangeSliderElement = class extends FormControlMixin(LitElement) {
     __privateMethod(this, _transferValueToInternalValues, transferValueToInternalValues_fn).call(this);
   }
   get value() {
-    return this._value;
+    return super.value;
   }
   set value(newVal) {
     super.value = newVal;
@@ -221,6 +224,14 @@ let UUIRangeSliderElement = class extends FormControlMixin(LitElement) {
   getFormElement() {
     return this._currentFocus ? this._currentFocus : this._inputLow;
   }
+  async focus() {
+    await this.updateComplete;
+    this.getFormElement().focus();
+  }
+  async blur() {
+    await this.updateComplete;
+    this.getFormElement().blur();
+  }
   connectedCallback() {
     super.connectedCallback();
     if (!this.value) {

package/lib/uui-range-slider.element.d.ts

@@ -1,10 +1,11 @@
 import { LitElement } from 'lit';
-declare const UUIRangeSliderElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").FormControlMixinInterface) & typeof LitElement;
+declare const UUIRangeSliderElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").UUIFormControlMixinInterface<string, unknown>) & typeof LitElement;
 /**
  * @element uui-range-slider
  * @description - Range slider with two handles. Use uui-slider for a single handle.
  * @fires UUIRangeSliderEvent#input on input
  * @fires UUIRangeSliderEvent#change on change
+ * @extends UUIFormControlMixin
  */
 export declare class UUIRangeSliderElement extends UUIRangeSliderElement_base {
     #private;
@@ -80,8 +81,8 @@ export declare class UUIRangeSliderElement extends UUIRangeSliderElement_base {
      * @attr
      * @default 0,0
      */
-    get value(): FormDataEntryValue | FormData;
-    set value(newVal: FormDataEntryValue | FormData);
+    get value(): unknown;
+    set value(newVal: unknown);
     private _currentFocus?;
     private _movement;
     private startPoint;
@@ -94,6 +95,8 @@ export declare class UUIRangeSliderElement extends UUIRangeSliderElement_base {
     protected setValueHigh(high: number): void;
     protected setValue(low: number, high: number, lockValueRange?: boolean): void;
     protected getFormElement(): HTMLInputElement;
+    focus(): Promise<void>;
+    blur(): Promise<void>;
     /** Elements */
     private _outerTrack;
     private _inputLow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-range-slider",
-  "version": "1.7.0-rc.0",
+  "version": "1.8.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.7.0-rc.0"
+    "@umbraco-ui/uui-base": "1.8.0-rc.0"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
@@ -41,5 +41,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-range-slider",
-  "gitHead": "a7166e62b37b609e74b96821d397c694a5f42458"
+  "gitHead": "46d444c66217c9a3c74518d8ce4badc7f121bfdf"
 }