next-flow-design 1.6.1 → 1.6.2

package/dist/react/index.js

@@ -375,8 +375,8 @@ async function qe(t) {
   return new Promise((e) => setTimeout(e, t));
 }
 const We = C`:host{width:var(--nf-width);-webkit-user-select:none;user-select:none;cursor:pointer}:host .text{flex-grow:1;display:inline-block;outline:0;white-space:nowrap}:host .icon{width:1.5rem;height:1.5rem;display:inline-block;fill:none;stroke:var(--nf-select-icon-color);stroke-width:1;stroke-linecap:round;margin:0 -.3rem 0 .5rem}:host .dropdown{position:absolute;top:2rem;right:0;left:0;padding:.3rem;background:var(--nf-dropdown-background);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:.5rem;opacity:0;pointer-events:none;color:var(--nf-color);box-shadow:0 0 1rem 0 var(--nf-dropdown-shadow);z-index:1000;transition:opacity var(--nf-transition) ease-out,transform var(--nf-transition) ease-out}:host .dropdown .item{white-space:nowrap;padding:.4rem .7rem;overflow:hidden;text-overflow:ellipsis;border-radius:.3rem;cursor:pointer}:host .dropdown .item-unselected:hover{background:var(--nf-item-background-hover);transition:background-color var(--nf-transition) ease-in-out}:host .dropdown .item-unselected:active{background:var(--nf-item-background-active)}:host .dropdown .item-selected{background-color:color-mix(in srgb,var(--nf-primary-color) 30%,transparent)}:host([disabled]){cursor:not-allowed}:host([disabled]) .text{color:var(--nf-color-disabled)}:host([disabled]) .icon{stroke:var(--nf-color-disabled)}:host([disabled]) .dropdown{display:none}:host(:focus:not([disabled])){color:var(--nf-focus-text-color)}:host(:focus:not([disabled])) .dropdown{transform:translateY(.5rem);opacity:1;pointer-events:auto}:host(:focus:not([disabled])) .cover{pointer-events:auto}`;
-var Ke = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, Y = (t, e, o, r) => {
-  for (var s = r > 1 ? void 0 : r ? Ye(e, o) : e, i = t.length - 1, n; i >= 0; i--)
+var Ke = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, Z = (t, e, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ze(e, o) : e, i = t.length - 1, n; i >= 0; i--)
     (n = t[i]) && (s = (r ? n(e, o, s) : n(s)) || s);
   return r && s && Ke(e, o, s), s;
 };
@@ -417,10 +417,10 @@ let A = class extends W {
   }
 };
 A.styles = [K, We];
-Y([
+Z([
   h({ type: String })
 ], A.prototype, "value", 2);
-Y([
+Z([
   h({
     type: Array,
     converter: (t) => {
@@ -436,13 +436,13 @@ Y([
     }
   })
 ], A.prototype, "options", 2);
-Y([
+Z([
   h({ type: Boolean, reflect: !0 })
 ], A.prototype, "disabled", 2);
-Y([
+Z([
   w()
 ], A.prototype, "showDropdown", 2);
-A = Y([
+A = Z([
   O("nf-select")
 ], A);
 const Tt = N({
@@ -454,9 +454,9 @@ const Tt = N({
     onChange: "change"
   }
 });
-const ne = globalThis, be = (t) => t, Q = ne.trustedTypes, me = Q ? Q.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, ke = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Ee = "?" + E, Ze = `<${Ee}>`, M = document, j = () => M.createComment(""), R = (t) => t === null || typeof t != "object" && typeof t != "function", ae = Array.isArray, Xe = (t) => ae(t) || typeof t?.[Symbol.iterator] == "function", oe = `[ 	
+const ne = globalThis, be = (t) => t, Q = ne.trustedTypes, me = Q ? Q.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, ke = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Ee = "?" + E, Ye = `<${Ee}>`, M = document, j = () => M.createComment(""), R = (t) => t === null || typeof t != "object" && typeof t != "function", ae = Array.isArray, Xe = (t) => ae(t) || typeof t?.[Symbol.iterator] == "function", oe = `[ 	
 \f\r]`, I = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ge = /-->/g, ve = />/g, S = RegExp(`>|${oe}(?:([^\\s"'>=/]+)(${oe}*=${oe}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), _e = /'/g, ye = /"/g, Ae = /^(?:script|style|textarea|title)$/i, Ge = (t) => (e, ...o) => ({ _$litType$: t, strings: e, values: o }), re = Ge(1), D = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), we = /* @__PURE__ */ new WeakMap(), P = M.createTreeWalker(M, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), _e = /'/g, ye = /"/g, Ae = /^(?:script|style|textarea|title)$/i, Ge = (t) => (e, ...o) => ({ _$litType$: t, strings: e, values: o }), re = Ge(1), D = /* @__PURE__ */ Symbol.for("lit-noChange"), b = /* @__PURE__ */ Symbol.for("lit-nothing"), we = /* @__PURE__ */ new WeakMap(), P = M.createTreeWalker(M, 129);
 function Ce(t, e) {
   if (!ae(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return me !== void 0 ? me.createHTML(e) : e;
@@ -469,7 +469,7 @@ const Je = (t, e) => {
     let c, p, d = -1, x = 0;
     for (; x < a.length && (n.lastIndex = x, p = n.exec(a), p !== null); ) x = n.lastIndex, n === I ? p[1] === "!--" ? n = ge : p[1] !== void 0 ? n = ve : p[2] !== void 0 ? (Ae.test(p[2]) && (s = RegExp("</" + p[2], "g")), n = S) : p[3] !== void 0 && (n = S) : n === S ? p[0] === ">" ? (n = s ?? I, d = -1) : p[1] === void 0 ? d = -2 : (d = n.lastIndex - p[2].length, c = p[1], n = p[3] === void 0 ? S : p[3] === '"' ? ye : _e) : n === ye || n === _e ? n = S : n === ge || n === ve ? n = I : (n = S, s = void 0);
     const k = n === S && t[l + 1].startsWith("/>") ? " " : "";
-    i += n === I ? a + Ze : d >= 0 ? (r.push(c), a.slice(0, d) + ke + a.slice(d) + E + k) : a + E + (d === -2 ? l : k);
+    i += n === I ? a + Ye : d >= 0 ? (r.push(c), a.slice(0, d) + ke + a.slice(d) + E + k) : a + E + (d === -2 ? l : k);
   }
   return [Ce(t, i + (t[o] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
 };
@@ -533,7 +533,7 @@ class Qe {
     for (; a !== void 0; ) {
       if (n === a.index) {
         let c;
-        a.type === 2 ? c = new Z(i, i.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, e) : a.type === 6 && (c = new rt(i, this, e)), this._$AV.push(c), a = r[++l];
+        a.type === 2 ? c = new Y(i, i.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(i, a.name, a.strings, this, e) : a.type === 6 && (c = new rt(i, this, e)), this._$AV.push(c), a = r[++l];
       }
       n !== a?.index && (i = P.nextNode(), n++);
     }
@@ -544,12 +544,12 @@ class Qe {
     for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, o), o += r.strings.length - 2) : r._$AI(e[o])), o++;
   }
 }
-class Z {
+class Y {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(e, o, r, s) {
-    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = e, this._$AB = o, this._$AM = r, this.options = s, this._$Cv = s?.isConnected ?? !0;
+    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = e, this._$AB = o, this._$AM = r, this.options = s, this._$Cv = s?.isConnected ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
@@ -563,7 +563,7 @@ class Z {
     return this._$AB;
   }
   _$AI(e, o = this) {
-    e = U(this, e, o), R(e) ? e === m || e == null || e === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : e !== this._$AH && e !== D && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Xe(e) ? this.k(e) : this._(e);
+    e = U(this, e, o), R(e) ? e === b || e == null || e === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : e !== this._$AH && e !== D && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Xe(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -572,7 +572,7 @@ class Z {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== m && R(this._$AH) ? this._$AA.nextSibling.data = e : this.T(M.createTextNode(e)), this._$AH = e;
+    this._$AH !== b && R(this._$AH) ? this._$AA.nextSibling.data = e : this.T(M.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     const { values: o, _$litType$: r } = e, s = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = q.createElement(Ce(r.h, r.h[0]), this.options)), r);
@@ -590,7 +590,7 @@ class Z {
     ae(this._$AH) || (this._$AH = [], this._$AR());
     const o = this._$AH;
     let r, s = 0;
-    for (const i of e) s === o.length ? o.push(r = new Z(this.O(j()), this.O(j()), this, this.options)) : r = o[s], r._$AI(i), s++;
+    for (const i of e) s === o.length ? o.push(r = new Y(this.O(j()), this.O(j()), this, this.options)) : r = o[s], r._$AI(i), s++;
     s < o.length && (this._$AR(r && r._$AB.nextSibling, s), o.length = s);
   }
   _$AR(e = this._$AA.nextSibling, o) {
@@ -611,7 +611,7 @@ class te {
     return this._$AM._$AU;
   }
   constructor(e, o, r, s, i) {
-    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = e, this.name = o, this._$AM = s, this.options = i, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = m;
+    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = e, this.name = o, this._$AM = s, this.options = i, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = b;
   }
   _$AI(e, o = this, r, s) {
     const i = this.strings;
@@ -620,12 +620,12 @@ class te {
     else {
       const l = e;
       let a, c;
-      for (e = i[0], a = 0; a < i.length - 1; a++) c = U(this, l[r + a], o, a), c === D && (c = this._$AH[a]), n ||= !R(c) || c !== this._$AH[a], c === m ? e = m : e !== m && (e += (c ?? "") + i[a + 1]), this._$AH[a] = c;
+      for (e = i[0], a = 0; a < i.length - 1; a++) c = U(this, l[r + a], o, a), c === D && (c = this._$AH[a]), n ||= !R(c) || c !== this._$AH[a], c === b ? e = b : e !== b && (e += (c ?? "") + i[a + 1]), this._$AH[a] = c;
     }
     n && !s && this.j(e);
   }
   j(e) {
-    e === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+    e === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
 class et extends te {
@@ -633,7 +633,7 @@ class et extends te {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === m ? void 0 : e;
+    this.element[this.name] = e === b ? void 0 : e;
   }
 }
 class tt extends te {
@@ -641,7 +641,7 @@ class tt extends te {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== m);
+    this.element.toggleAttribute(this.name, !!e && e !== b);
   }
 }
 class ot extends te {
@@ -649,8 +649,8 @@ class ot extends te {
     super(e, o, r, s, i), this.type = 5;
   }
   _$AI(e, o = this) {
-    if ((e = U(this, e, o, 0) ?? m) === D) return;
-    const r = this._$AH, s = e === m && r !== m || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, i = e !== m && (r === m || s);
+    if ((e = U(this, e, o, 0) ?? b) === D) return;
+    const r = this._$AH, s = e === b && r !== b || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, i = e !== b && (r === b || s);
     s && this.element.removeEventListener(this.name, this, r), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
@@ -669,13 +669,13 @@ class rt {
   }
 }
 const st = ne.litHtmlPolyfillSupport;
-st?.(q, Z), (ne.litHtmlVersions ??= []).push("3.3.2");
+st?.(q, Y), (ne.litHtmlVersions ??= []).push("3.3.2");
 const it = (t, e, o) => {
   const r = o?.renderBefore ?? e;
   let s = r._$litPart$;
   if (s === void 0) {
     const i = o?.renderBefore ?? null;
-    r._$litPart$ = s = new Z(e.insertBefore(j(), i), i, void 0, o ?? {});
+    r._$litPart$ = s = new Y(e.insertBefore(j(), i), i, void 0, o ?? {});
   }
   return s._$AI(t), s;
 };
@@ -763,8 +763,8 @@ const Bt = N({
   events: {
     onChange: "change"
   }
-}), ct = C`:host{width:10rem;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:0;overflow:hidden;--nf-input-number-color:var(--nf-color);--nf-input-number-prefix-color:color-mix(in srgb, var(--nf-color), transparent 20%);--nf-input-number-surfix-color:color-mix(in srgb, var(--nf-color), transparent 20%)}.input-number{position:relative;padding-right:.6125rem;flex:1;height:100%;outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-input-number-color);font-weight:var(--nf-font-weight);text-align:left;transition:padding-right var(--nf-transition-fast) ease}.input-number .input-number-input-wrapper{height:100%;position:relative;display:flex;align-items:center}.input-number .input-number-input-wrapper .input-number-input{background:0 0;width:100%;height:100%;text-align:start;border:0;outline:0;padding:0;box-sizing:border-box;color:var(--nf-input-number-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif}.input-number .input-number-input-wrapper .input-unit{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--nf-input-number-surfix-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none;padding-right:.25rem}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number[type=number]{appearance:textfield}:host([unit]) .input-number-input{padding-right:2rem}:host([controls]) .input-number:hover{padding-right:1.5rem}:host([controls]) .input-number:hover .controls{width:1.5rem}:host([center]) .input-number{padding-left:1.5rem!important;padding-right:1.5rem!important}:host([center]) .input-number .input-number-input{text-align:center}:host([center]) .input-number:hover{padding-left:1.5rem!important;padding-right:1.5rem!important}:host([center]) .input-prefix{position:absolute;left:0;top:0;bottom:0;z-index:1;pointer-events:none}:host([center]) .input-suffix{position:absolute;right:0;top:0;bottom:0;z-index:1;pointer-events:none}:host([center]) .input-number{flex:1;width:100%}.input-prefix{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-inline-start:.6125rem;color:var(--nf-input-number-prefix-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-prefix:not(:empty){padding-inline-end:.25rem}.input-suffix{display:flex;align-items:center;justify-content:center;color:var(--nf-input-number-surfix-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-suffix:not(:empty){padding-inline-end:.6125rem;padding-inline-start:.5rem}.controls{position:absolute;top:0;right:0;height:100%;width:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;transition:width var(--nf-transition-fast) ease}.controls:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}:host([suffix]) .controls:after{content:\"\";position:absolute;right:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}.control-btn{flex:1;display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;transition:background-color var(--nf-transition-fast) ease;outline:0;-webkit-user-select:none;user-select:none}.control-btn:hover{background-color:var(--nf-control-btn-background-hover)}.control-btn:active{background-color:var(--nf-control-btn-background-active)}.control-btn:focus-visible{background-color:var(--nf-control-btn-background-hover)}.control-btn svg{display:block;pointer-events:none;fill:none;stroke:var(--nf-select-icon-color);stroke-width:1;stroke-linecap:round}.control-btn-up{border-bottom:.67px solid var(--nf-control-divider-color)}:host(:not([suffix])) .control-btn-up{border-top-right-radius:var(--nf-border-radius)}:host(:not([suffix])) .control-btn-down{border-bottom-right-radius:var(--nf-border-radius)}:host([disabled]) .input-number-input{cursor:not-allowed;color:var(--nf-color-disabled)}:host([disabled]) .input-prefix,:host([disabled]) .input-suffix{color:var(--nf-color-disabled)}:host([disabled]) .controls{display:none}:host([disabled]) .control-btn{cursor:not-allowed;pointer-events:none;opacity:.5}`;
-var dt = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, b = (t, e, o, r) => {
+}), ct = C`:host{width:10rem;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;padding:0;overflow:hidden;--nf-input-number-color:var(--nf-color);--nf-input-number-prefix-color:color-mix(in srgb, var(--nf-color), transparent 20%);--nf-input-number-surfix-color:color-mix(in srgb, var(--nf-color), transparent 20%)}.input-number{position:relative;padding-right:.6125rem;flex:1;height:100%;outline:0;border:none;background:0 0;box-sizing:border-box;color:var(--nf-input-number-color);font-weight:var(--nf-font-weight);text-align:left;transition:padding-right var(--nf-transition-fast) ease}.input-number .input-number-input-wrapper{height:100%}.input-number .input-number-input-wrapper .input-number-input{background:0 0;width:100%;height:100%;text-align:start;border:0;outline:0;padding:0;box-sizing:border-box;color:var(--nf-input-number-color);font-size:var(--nf-font-size);font-weight:var(--nf-font-weight);font-family:var(--nf-font-family),sans-serif}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number[type=number]{appearance:textfield}:host([controls]) .input-number:hover{padding-right:1.5rem}:host([controls]) .input-number:hover .controls{width:1.5rem}:host([center]) .input-number{padding-left:1.5rem!important;padding-right:1.5rem!important}:host([center]) .input-number .input-number-input{text-align:center}:host([center]) .input-number:hover{padding-left:1.5rem!important;padding-right:1.5rem!important}:host([center]) .input-prefix{position:absolute;left:0;top:0;bottom:0;z-index:1;pointer-events:none}:host([center]) .input-suffix{position:absolute;right:0;top:0;bottom:0;z-index:1;pointer-events:none}:host([center]) .input-number{flex:1;width:100%}.input-prefix{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-inline-start:.6125rem;color:var(--nf-input-number-prefix-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-prefix:not(:empty){padding-inline-end:.25rem}.input-suffix{display:flex;align-items:center;justify-content:center;color:var(--nf-input-number-surfix-color);font-size:var(--nf-font-size);pointer-events:none;-webkit-user-select:none;user-select:none}.input-suffix:not(:empty){padding-inline-end:.6125rem;padding-inline-start:.5rem}.controls{position:absolute;top:0;right:0;height:100%;width:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;transition:width var(--nf-transition-fast) ease}.controls:before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}:host([suffix]) .controls:after{content:\"\";position:absolute;right:0;top:0;bottom:0;width:.67px;background-color:var(--nf-control-divider-color)}.control-btn{flex:1;display:flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;transition:background-color var(--nf-transition-fast) ease;outline:0;-webkit-user-select:none;user-select:none}.control-btn:hover{background-color:var(--nf-control-btn-background-hover)}.control-btn:active{background-color:var(--nf-control-btn-background-active)}.control-btn:focus-visible{background-color:var(--nf-control-btn-background-hover)}.control-btn svg{display:block;pointer-events:none;fill:none;stroke:var(--nf-select-icon-color);stroke-width:1;stroke-linecap:round}.control-btn-up{border-bottom:.67px solid var(--nf-control-divider-color)}:host(:not([suffix])) .control-btn-up{border-top-right-radius:var(--nf-border-radius)}:host(:not([suffix])) .control-btn-down{border-bottom-right-radius:var(--nf-border-radius)}:host([disabled]) .input-number-input{cursor:not-allowed;color:var(--nf-color-disabled)}:host([disabled]) .input-prefix,:host([disabled]) .input-suffix{color:var(--nf-color-disabled)}:host([disabled]) .controls{display:none}:host([disabled]) .control-btn{cursor:not-allowed;pointer-events:none;opacity:.5}`;
+var dt = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, m = (t, e, o, r) => {
   for (var s = r > 1 ? void 0 : r ? ut(e, o) : e, i = t.length - 1, n; i >= 0; i--)
     (n = t[i]) && (s = (r ? n(e, o, s) : n(s)) || s);
   return r && s && dt(e, o, s), s;
@@ -784,7 +784,7 @@ let u = class extends W {
         return null;
       const e = Number(t);
       return Number.isNaN(e) ? null : this.clampValue(e);
-    }, this.prefix = null, this.suffix = null, this.unit = null, this.controls = !0, this.step = 1, this.min = null, this.max = null, this.changeOnWheel = !0, this.disabled = !1, this.noDecimal = !1, this.noZero = !1, this.noNegative = !1, this.center = !1, this.text = "", this.isTyping = !1, this.isFocused = !1;
+    }, this.prefix = null, this.suffix = null, this.controls = !0, this.step = 1, this.min = null, this.max = null, this.changeOnWheel = !0, this.disabled = !1, this.noDecimal = !1, this.noZero = !1, this.noNegative = !1, this.center = !1, this.text = "", this.isTyping = !1, this.isFocused = !1;
   }
   // 对解析结果进行额外验证
   validateParsed(t) {
@@ -871,29 +871,26 @@ let u = class extends W {
   }
   /* ================== Render ================== */
   render() {
-    return f`<div class=input-prefix>${this.prefix}</div><div class=input-number><div class=input-number-input-wrapper><input inputmode=decimal class=input-number-input .value=${this.text} ?disabled=${this.disabled} @blur=${this.onBlur} @focus=${this.onFocus} @input=${this.onInput} @keydown=${this.onKeyDown} @wheel=${this.onWheel} @keyup=${this.onKeyUp}> ${this.unit ? f`<div class=input-unit>${this.unit}</div>` : ""}</div>${this.controls ? f`<div class=controls><button class="control-btn control-btn-up"type=button ?disabled=${this.disabled} @click=${() => this.handleStepChange(1)} aria-label="Increase value"><svg width=12 height=12 viewBox="0 0 24 24"><path d="M6 14.6l6-6.6 6 6.6"/></svg></button><button class="control-btn control-btn-down"type=button ?disabled=${this.disabled} @click=${() => this.handleStepChange(-1)} aria-label="Decrease value"><svg width=12 height=12 viewBox="0 0 24 24"><path d="M18 9.4l-6 6.6-6-6.6"/></svg></button></div>` : ""}</div>${this.suffix ? f`<div class=input-suffix>${this.suffix}</div>` : ""}`;
+    return f`<div class=input-prefix>${this.prefix}</div><div class=input-number><div class=input-number-input-wrapper><input inputmode=decimal class=input-number-input .value=${this.text} ?disabled=${this.disabled} @blur=${this.onBlur} @focus=${this.onFocus} @input=${this.onInput} @keydown=${this.onKeyDown} @wheel=${this.onWheel} @keyup=${this.onKeyUp}></div>${this.controls ? f`<div class=controls><button class="control-btn control-btn-up"type=button ?disabled=${this.disabled} @click=${() => this.handleStepChange(1)} aria-label="Increase value"><svg width=12 height=12 viewBox="0 0 24 24"><path d="M6 14.6l6-6.6 6 6.6"/></svg></button><button class="control-btn control-btn-down"type=button ?disabled=${this.disabled} @click=${() => this.handleStepChange(-1)} aria-label="Decrease value"><svg width=12 height=12 viewBox="0 0 24 24"><path d="M18 9.4l-6 6.6-6-6.6"/></svg></button></div>` : ""}</div>${this.suffix ? f`<div class=input-suffix>${this.suffix}</div>` : ""}`;
   }
 };
 u.styles = [K, ct];
-b([
+m([
   h({ type: Number })
 ], u.prototype, "value", 2);
-b([
+m([
   h({ attribute: !1 })
 ], u.prototype, "formatter", 2);
-b([
+m([
   h({ attribute: !1 })
 ], u.prototype, "parser", 2);
-b([
+m([
   h({ type: String, reflect: !0 })
 ], u.prototype, "prefix", 2);
-b([
+m([
   h({ type: String, reflect: !0 })
 ], u.prototype, "suffix", 2);
-b([
-  h({ type: String, reflect: !0 })
-], u.prototype, "unit", 2);
-b([
+m([
   h({
     type: Boolean,
     reflect: !0,
@@ -903,16 +900,16 @@ b([
     }
   })
 ], u.prototype, "controls", 2);
-b([
+m([
   h({ type: Number })
 ], u.prototype, "step", 2);
-b([
+m([
   h({ type: Number })
 ], u.prototype, "min", 2);
-b([
+m([
   h({ type: Number })
 ], u.prototype, "max", 2);
-b([
+m([
   h({
     type: Boolean,
     attribute: "change-on-wheel",
@@ -922,28 +919,28 @@ b([
     }
   })
 ], u.prototype, "changeOnWheel", 2);
-b([
+m([
   h({ type: Boolean, reflect: !0 })
 ], u.prototype, "disabled", 2);
-b([
+m([
   h({ type: Boolean, attribute: "no-decimal" })
 ], u.prototype, "noDecimal", 2);
-b([
+m([
   h({ type: Boolean, attribute: "no-zero" })
 ], u.prototype, "noZero", 2);
-b([
+m([
   h({ type: Boolean, attribute: "no-negative" })
 ], u.prototype, "noNegative", 2);
-b([
+m([
   h({ type: Boolean, reflect: !0 })
 ], u.prototype, "center", 2);
-b([
+m([
   w()
 ], u.prototype, "text", 2);
-b([
+m([
   w()
 ], u.prototype, "isFocused", 2);
-u = b([
+u = m([
   O("nf-input-number")
 ], u);
 const pt = N({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-flow-design",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",