@golemui/gui-lit 1.0.3 → 1.1.1-rc.0

package/{number.element-CBr47IiY.js → number.element-BEpOCzXy.js}

@@ -1,15 +1,15 @@
 import { InputWidgetAdapter as v, formContext as y, inputContext as g } from "@golemui/lit";
-import { LitElement as m, nothing as h, html as c } from "lit";
-import { property as s, customElement as b } from "lit/decorators.js";
-import { G as f, b as w, c as $ } from "./templates-Dk1jxLwS.js";
+import { LitElement as m, nothing as d, html as c } from "lit";
+import { property as r, customElement as b } from "lit/decorators.js";
+import { G as f, b as $, c as w } from "./templates-Dmr34nwp.js";
 import { b as x, a as N } from "./numeric-jmOOKz30.js";
 import { styleMap as D } from "lit-html/directives/style-map.js";
 import { consume as C, provide as A } from "@lit/context";
 import "rxjs";
-var E = Object.defineProperty, O = Object.getOwnPropertyDescriptor, r = (t, i, e, u) => {
-  for (var o = u > 1 ? void 0 : u ? O(i, e) : i, l = t.length - 1, p; l >= 0; l--)
-    (p = t[l]) && (o = (u ? p(i, e, o) : p(o)) || o);
-  return u && o && E(i, e, o), o;
+var E = Object.defineProperty, O = Object.getOwnPropertyDescriptor, s = (t, i, e, o) => {
+  for (var u = o > 1 ? void 0 : o ? O(i, e) : i, l = t.length - 1, p; l >= 0; l--)
+    (p = t[l]) && (u = (o ? p(i, e, u) : p(u)) || u);
+  return o && u && E(i, e, u), u;
 };
 let a = class extends m {
   constructor() {
@@ -22,7 +22,8 @@ let a = class extends m {
           errors: this.errors,
           readonly: this.readOnly,
           disabled: this.disabled,
-          touched: this.touched
+          touched: this.touched,
+          required: this.required
         }
       })
     });
@@ -41,8 +42,8 @@ let a = class extends m {
     if (this.autoGrow)
       if (t) {
         t.style.width = "0px";
-        const u = Math.max(23, t.scrollWidth);
-        i.width = `${u}px`, i.maxWidth = `${u}px`, t.style.width = "";
+        const o = Math.max(23, t.scrollWidth);
+        i.width = `${o}px`, i.maxWidth = `${o}px`, t.style.width = "";
       } else
         i.width = "47px";
     const e = {
@@ -60,7 +61,7 @@ let a = class extends m {
       autocomplete: this.autocomplete
     };
     return c`
-      ${w(this.uid, e)}
+      ${$(this.uid, e)}
 
       <div class="gui-widget">
         <input
@@ -74,21 +75,35 @@ let a = class extends m {
           ?required=${this.required}
           ?disabled=${this.disabled}
           ?readonly=${this.readOnly}
-          step=${typeof this.step == "number" ? this.step : h}
-          placeholder=${this.placeholder || h}
-          autocomplete=${this.autocomplete || h}
+          step=${typeof this.step == "number" ? this.step : d}
+          min=${Number(this.minimum) ? this.minimum : d}
+          max=${Number(this.maximum) ? this.maximum : d}
+          placeholder=${this.placeholder || d}
+          autocomplete=${this.autocomplete || d}
           @input=${this.valueChanged}
           @beforeinput=${x}
           @keydown=${this.keyDown}
           @blur=${this.onBlur}
         />
         <span class="gui-number__decoration">
-          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 256 256">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="12"
+            height="12"
+            viewBox="0 0 256 256"
+            aria-hidden="true"
+          >
             <path
               d="M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z"
             ></path>
           </svg>
-          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 256 256">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="12"
+            height="12"
+            viewBox="0 0 256 256"
+            aria-hidden="true"
+          >
             <path
               d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"
             ></path>
@@ -96,7 +111,7 @@ let a = class extends m {
         </span>
       </div>
 
-      ${$(this.uid, e)}
+      ${w(this.uid, e)}
     `;
   }
   keyDown(t) {
@@ -156,64 +171,64 @@ let a = class extends m {
     );
   }
 };
-r([
-  s({ type: String })
+s([
+  r({ type: String })
 ], a.prototype, "uid", 2);
-r([
-  s({ type: String })
+s([
+  r({ type: String })
 ], a.prototype, "label", 2);
-r([
-  s({ type: String })
+s([
+  r({ type: String })
 ], a.prototype, "hint", 2);
-r([
-  s({ type: String, attribute: "locale-id" })
+s([
+  r({ type: String, attribute: "locale-id" })
 ], a.prototype, "localeId", 2);
-r([
-  s({ type: Array })
+s([
+  r({ type: Array })
 ], a.prototype, "errors", 2);
-r([
-  s({ type: Boolean })
+s([
+  r({ type: Boolean })
 ], a.prototype, "touched", 2);
-r([
-  s({ type: Boolean })
+s([
+  r({ type: Boolean })
 ], a.prototype, "required", 2);
-r([
-  s({ type: Boolean })
+s([
+  r({ type: Boolean })
 ], a.prototype, "disabled", 2);
-r([
-  s({ type: Boolean, attribute: "readonly" })
+s([
+  r({ type: Boolean, attribute: "readonly" })
 ], a.prototype, "readOnly", 2);
-r([
-  s({ type: Number })
+s([
+  r({ type: Number })
 ], a.prototype, "value", 2);
-r([
-  s({ type: Number })
+s([
+  r({ type: Number })
 ], a.prototype, "step", 2);
-r([
-  s({ type: String })
+s([
+  r({ type: String })
 ], a.prototype, "placeholder", 2);
-r([
-  s({ type: String })
+s([
+  r({ type: String })
 ], a.prototype, "autocomplete", 2);
-r([
-  s({ type: Number })
+s([
+  r({ type: Number })
 ], a.prototype, "minimum", 2);
-r([
-  s({ type: Number })
+s([
+  r({ type: Number })
 ], a.prototype, "maximum", 2);
-r([
-  s({ type: Number })
+s([
+  r({ type: Number })
 ], a.prototype, "autoGrow", 2);
-a = r([
+a = s([
   b("gui-number")
 ], a);
 typeof customElements < "u" && !customElements.get("gui-number") && customElements.define("gui-number", a);
-var _ = Object.defineProperty, q = Object.getOwnPropertyDescriptor, n = (t, i, e, u) => {
-  for (var o = u > 1 ? void 0 : u ? q(i, e) : i, l = t.length - 1, p; l >= 0; l--)
-    (p = t[l]) && (o = (u ? p(i, e, o) : p(o)) || o);
-  return u && o && _(i, e, o), o;
+var q = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (t, i, e, o) => {
+  for (var u = o > 1 ? void 0 : o ? _(i, e) : i, l = t.length - 1, p; l >= 0; l--)
+    (p = t[l]) && (u = (o ? p(i, e, u) : p(u)) || u);
+  return o && u && q(i, e, u), u;
 };
-let d = class extends m {
+let h = class extends m {
   constructor() {
     super(...arguments), this.adapter = new v(), this.subscriptions = [];
   }
@@ -263,14 +278,14 @@ let d = class extends m {
 };
 n([
   C({ context: y }),
-  s({ attribute: !1 })
-], d.prototype, "formContext", 2);
+  r({ attribute: !1 })
+], h.prototype, "formContext", 2);
 n([
   A({ context: g })
-], d.prototype, "adapter", 2);
-d = n([
+], h.prototype, "adapter", 2);
+h = n([
   b("gui-number-input")
-], d);
+], h);
 export {
-  d as NumberElement
+  h as NumberElement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golemui/gui-lit",
-  "version": "1.0.3",
+  "version": "1.1.1-rc.0",
   "license": "MIT",
   "type": "module",
   "main": "./index.umd.cjs",
@@ -22,11 +22,11 @@
     "*.md"
   ],
   "peerDependencies": {
-    "@golemui/lit": "1.0.3",
-    "@golemui/core": "1.0.3",
-    "@golemui/gui-components": "1.0.3",
-    "@golemui/gui-shared": "1.0.3",
-    "@golemui/gui-validators": "1.0.3",
+    "@golemui/lit": "1.1.1-rc.0",
+    "@golemui/core": "1.1.1-rc.0",
+    "@golemui/gui-components": "1.1.1-rc.0",
+    "@golemui/gui-shared": "1.1.1-rc.0",
+    "@golemui/gui-validators": "1.1.1-rc.0",
     "@lit/context": "^1.1.6",
     "lit-html": "^3.3.1",
     "lit": "^3.3.1",