@fluid-topics/ft-number-field 1.3.14 → 1.3.15

package/build/ft-number-field.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing } from "lit";
-import { FtLitElement, optionalNumberProperty } from "@fluid-topics/ft-wc-utils";
+import { FtLitElement, numberProperty } from "@fluid-topics/ft-wc-utils";
 import { styles } from "./ft-number-field.styles";
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -80,9 +80,9 @@ class FtNumberField extends FtLitElement {
         this.setValue(+event.target.value);
     }
     setValue(value) {
-        let oldValue = this.value;
+        const oldValue = this.value;
         this.value = value;
-        let boundedValue = this.value == undefined ? undefined : this.lowerBound(this.upperBound(this.value));
+        const boundedValue = this.value == undefined ? undefined : this.lowerBound(this.upperBound(this.value));
         setTimeout(() => {
             this.value = boundedValue;
             if (oldValue !== boundedValue) {
@@ -110,7 +110,7 @@ __decorate([
     property()
 ], FtNumberField.prototype, "label", void 0);
 __decorate([
-    optionalNumberProperty()
+    numberProperty()
 ], FtNumberField.prototype, "value", void 0);
 __decorate([
     property({ type: String })
@@ -122,10 +122,10 @@ __decorate([
     property({ type: Boolean })
 ], FtNumberField.prototype, "disabled", void 0);
 __decorate([
-    optionalNumberProperty()
+    numberProperty()
 ], FtNumberField.prototype, "min", void 0);
 __decorate([
-    optionalNumberProperty()
+    numberProperty()
 ], FtNumberField.prototype, "max", void 0);
 __decorate([
     state()

package/build/ft-number-field.light.js

@@ -574,7 +574,7 @@ Also for action icons.`,t.colorGray200),contentGlobalSubtle:e.extend("--ft-conte
                         ${this.helper}
                     </ft-typography>`:X.nothing}
             </div>
-        `}update(r){super.update(r),(r.has("max")||r.has("min"))&&this.setValue(this.value)}lowerBound(r){return this.min!=null?Math.max(this.min,r):r}upperBound(r){return this.max!=null?Math.min(this.max,r):r}onChange(r){r.preventDefault(),r.stopPropagation(),this.setValue(+r.target.value)}setValue(r){let n=this.value;this.value=r;let i=this.value==null?void 0:this.lowerBound(this.upperBound(this.value));setTimeout(()=>{this.value=i,n!==i&&this.dispatchEvent(new CustomEvent("change",{detail:this.value}))})}onFocus(){this.focused=!0}onMainPanelBlur(){var r;!((r=this.mainPanel)===null||r===void 0)&&r.matches(":focus-within")||(this.focused=!1)}};z.elementDefinitions={"ft-input-label":k,"ft-ripple":C,"ft-typography":K};z.styles=Kt;H([(0,P.property)()],z.prototype,"label",void 0);H([(0,se.optionalNumberProperty)()],z.prototype,"value",void 0);H([(0,P.property)({type:String})],z.prototype,"helper",void 0);H([(0,P.property)({type:Boolean})],z.prototype,"outlined",void 0);H([(0,P.property)({type:Boolean})],z.prototype,"disabled",void 0);H([(0,se.optionalNumberProperty)()],z.prototype,"min",void 0);H([(0,se.optionalNumberProperty)()],z.prototype,"max",void 0);H([(0,P.state)()],z.prototype,"focused",void 0);H([(0,P.query)(".ft-number-field--input")],z.prototype,"input",void 0);H([(0,P.query)(".ft-number-field--main-panel")],z.prototype,"mainPanel",void 0);(0,Oo.customElement)("ft-number-field")(z);})();
+        `}update(r){super.update(r),(r.has("max")||r.has("min"))&&this.setValue(this.value)}lowerBound(r){return this.min!=null?Math.max(this.min,r):r}upperBound(r){return this.max!=null?Math.min(this.max,r):r}onChange(r){r.preventDefault(),r.stopPropagation(),this.setValue(+r.target.value)}setValue(r){let n=this.value;this.value=r;let i=this.value==null?void 0:this.lowerBound(this.upperBound(this.value));setTimeout(()=>{this.value=i,n!==i&&this.dispatchEvent(new CustomEvent("change",{detail:this.value}))})}onFocus(){this.focused=!0}onMainPanelBlur(){var r;!((r=this.mainPanel)===null||r===void 0)&&r.matches(":focus-within")||(this.focused=!1)}};z.elementDefinitions={"ft-input-label":k,"ft-ripple":C,"ft-typography":K};z.styles=Kt;H([(0,P.property)()],z.prototype,"label",void 0);H([(0,se.numberProperty)()],z.prototype,"value",void 0);H([(0,P.property)({type:String})],z.prototype,"helper",void 0);H([(0,P.property)({type:Boolean})],z.prototype,"outlined",void 0);H([(0,P.property)({type:Boolean})],z.prototype,"disabled",void 0);H([(0,se.numberProperty)()],z.prototype,"min",void 0);H([(0,se.numberProperty)()],z.prototype,"max",void 0);H([(0,P.state)()],z.prototype,"focused",void 0);H([(0,P.query)(".ft-number-field--input")],z.prototype,"input",void 0);H([(0,P.query)(".ft-number-field--main-panel")],z.prototype,"mainPanel",void 0);(0,Oo.customElement)("ft-number-field")(z);})();
 /*! Bundled license information:
 
 lit-html/directives/when.js: