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

package/custom-elements.json

@@ -68,7 +68,7 @@
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "\"true\""
         },
         {
           "name": "required",
@@ -182,7 +182,7 @@
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "\"true\""
         },
         {
           "name": "required",
@@ -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,7 @@ 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 +186,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 +221,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").UUIFormControlMixinElement<FormDataEntryValue | FormData>) & 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;
@@ -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",
+  "version": "1.8.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.7.0"
+    "@umbraco-ui/uui-base": "1.8.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": "1f139dc2b4ed9ba7b9fb1af5e934589d7c4d8f06"
+  "gitHead": "53021762a52dc54a46f0c5ef829c1cbaabde1160"
 }