@popovandrii/ui-elements 0.0.3 → 0.0.5

package/dist/SpinBox.d.ts

@@ -1,5 +1,7 @@
 interface SelectorMap {
     main: string;
+    btn: string;
+    input: string;
     disabledBtn: string;
 }
 export declare class SpinBox {

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";var T=Object.defineProperty;var S=o=>{throw TypeError(o)};var C=(o,t,a)=>t in o?T(o,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):o[t]=a;var y=(o,t,a)=>C(o,typeof t!="symbol"?t+"":t,a),K=(o,t,a)=>t.has(o)||S("Cannot "+a);var v=(o,t,a)=>(K(o,t,"read from private field"),a?a.call(o):t.get(o)),E=(o,t,a)=>t.has(o)?S("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(o):t.set(o,a);var D=(o,t,a)=>(K(o,t,"access private method"),a);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d,f,g;class I{constructor(t={}){E(this,f);y(this,"selectors");y(this,"spinBoxes");E(this,d,(t,a,e,u=0,l=0)=>{t==u||t<u?(a.classList.add(this.selectors.disabledBtn),a.disabled=!0):(a.classList.remove(this.selectors.disabledBtn),a.disabled=!1),t==l||t>l?(e.classList.add(this.selectors.disabledBtn),e.disabled=!0):(e.classList.remove(this.selectors.disabledBtn),e.disabled=!1)});const a={main:"spin-box",disabledBtn:"disabled"};this.selectors={...a,...t},this.spinBoxes=document.querySelectorAll(`.${this.selectors.main}`),D(this,f,g).call(this)}}d=new WeakMap,f=new WeakSet,g=function(){this.spinBoxes.forEach(t=>{const a=t.firstElementChild,e=t.querySelector("input"),u=t.lastElementChild,l=Number(t.dataset.step),n=Number(t.dataset.min),r=Number(t.dataset.max),b=i=>{e.setAttribute("aria-valuenow",String(i)),e.setAttribute("aria-valuetext",`${i} items`)};Number(e.value)<=n&&(e.value=n.toFixed(l)),Number(e.value)>=r&&(e.value=r.toFixed(l)),n&&e.setAttribute("aria-valuemin",n.toFixed(l)),r&&e.setAttribute("aria-valuemax",r.toFixed(l)),v(this,d).call(this,Number(e.value),a,u,n,r),b(n);let c=null;const h=(i=1)=>{e.value=String(Math.abs(Number(e.value)));let s=parseFloat(e.value)||0;s=s+1*i/Math.pow(10,l),s>r&&(s=r),e.value=s.toFixed(l),v(this,d).call(this,Number(e.value),a,u,n,r),b(s)},p=(i=1)=>{e.value=String(Math.abs(Number(e.value)));let s=parseFloat(e.value)||0;s=s-1*i/Math.pow(10,l),s<n&&(s=n),e.value=s.toFixed(l),v(this,d).call(this,Number(e.value),a,u,n,r),b(s)},m=(i,s=150)=>{c===null&&(c=window.setInterval(i,s))},w=()=>{c!==null&&(clearInterval(c),c=null)};u.addEventListener("mousedown",i=>{const s=i.shiftKey?3:1;m(()=>h(s))}),u.addEventListener("touchstart",()=>m(h)),["mouseup","mouseleave","mouseout","touchend","touchcancel"].forEach(i=>{u.addEventListener(i,w)}),u.addEventListener("click",i=>{const s=i.shiftKey?3:1;c===null&&h(s)}),a.addEventListener("click",i=>{const s=i.shiftKey?3:1;c===null&&p(s)}),a.addEventListener("mousedown",i=>{const s=i.shiftKey?3:1;m(()=>p(s),100)}),a.addEventListener("touchstart",()=>m(p,100)),["mouseup","mouseleave","mouseout","touchend","touchcancel"].forEach(i=>{a.addEventListener(i,w)}),e.addEventListener("keydown",i=>{const s=i.key,k=i.shiftKey?3:1;if(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(s)||(i.ctrlKey||i.metaKey)&&["a","c","v","x"].includes(s.toLowerCase()))return;if(["e","+","-"].includes(s)){i.preventDefault();return}if(s==="ArrowUp"||s==="ArrowDown"){i.preventDefault();const A=parseFloat(e.value)||0,B=1*k/Math.pow(10,l);let x=s==="ArrowUp"?A+B:A-B;x<n&&(x=n),e.value=x.toFixed(l),Number(e.value)<n&&(e.value=n.toFixed(l)),Number(e.value)>r&&(e.value=r.toFixed(l)),v(this,d).call(this,Number(e.value),a,u,n,r);return}const L=s===","?".":s,N=/^[0-9]$/.test(L),F=L===".",M=e.value.includes(".");(l===0&&!N||l>0&&!(N||F)||F&&M)&&i.preventDefault()}),e.addEventListener("keyup",()=>{Number(e.value)<n&&(e.value=n.toFixed(l)),Number(e.value)>r&&(e.value=r.toFixed(l)),v(this,d).call(this,Number(e.value),a,u,n,r)}),e.addEventListener("change",()=>{Number(e.value)<n&&(e.value=n.toFixed(l)),Number(e.value)>r&&(e.value=r.toFixed(l)),v(this,d).call(this,Number(e.value),a,u,n,r)})})};exports.SpinBox=I;
+"use strict";var T=Object.defineProperty;var K=n=>{throw TypeError(n)};var _=(n,t,i)=>t in n?T(n,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[t]=i;var w=(n,t,i)=>_(n,typeof t!="symbol"?t+"":t,i),D=(n,t,i)=>t.has(n)||K("Cannot "+i);var b=(n,t,i)=>(D(n,t,"read from private field"),i?i.call(n):t.get(n)),L=(n,t,i)=>t.has(n)?K("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(n):t.set(n,i);var g=(n,t,i)=>(D(n,t,"access private method"),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var c,f,k;class q{constructor(t={}){L(this,f);w(this,"selectors");w(this,"spinBoxes");L(this,c,(t,i,u,d=0,e=0)=>{t==d||t<d?(i.classList.add(this.selectors.disabledBtn),i.disabled=!0):(i.classList.remove(this.selectors.disabledBtn),i.disabled=!1),t==e||t>e?(u.classList.add(this.selectors.disabledBtn),u.disabled=!0):(u.classList.remove(this.selectors.disabledBtn),u.disabled=!1)});const i={main:"spin-box",btn:"spin-box__btn",input:"spin-box__input",disabledBtn:"disabled"};this.selectors={...i,...t},this.spinBoxes=document.querySelectorAll(`.${this.selectors.main}`),g(this,f,k).call(this)}}c=new WeakMap,f=new WeakSet,k=function(){this.spinBoxes.forEach(t=>{const i=t.querySelectorAll(`.${this.selectors.btn}`),u=i[0],d=i[1],e=t.querySelector(`.${this.selectors.input}`),o=Number(t.dataset.step),l=Number(t.dataset.min),r=Number(t.dataset.max),h=a=>{e.setAttribute("aria-valuenow",String(a)),e.setAttribute("aria-valuetext",`${a} items`)};Number(e.value)<=l&&(e.value=l.toFixed(o)),Number(e.value)>=r&&(e.value=r.toFixed(o)),l&&e.setAttribute("aria-valuemin",l.toFixed(o)),r&&e.setAttribute("aria-valuemax",r.toFixed(o)),b(this,c).call(this,Number(e.value),u,d,l,r),h(l);let v=null;const p=(a=1)=>{e.value=String(Math.abs(Number(e.value)));let s=parseFloat(e.value)||0;s=s+1*a/Math.pow(10,o),s>r&&(s=r),e.value=s.toFixed(o),b(this,c).call(this,Number(e.value),u,d,l,r),h(s)},x=(a=1)=>{e.value=String(Math.abs(Number(e.value)));let s=parseFloat(e.value)||0;s=s-1*a/Math.pow(10,o),s<l&&(s=l),e.value=s.toFixed(o),b(this,c).call(this,Number(e.value),u,d,l,r),h(s)},m=(a,s=150)=>{v===null&&(v=window.setInterval(a,s))},N=()=>{v!==null&&(clearInterval(v),v=null)};d.addEventListener("mousedown",a=>{const s=a.shiftKey?3:1;m(()=>p(s))}),d.addEventListener("touchstart",()=>m(p)),["mouseup","mouseleave","mouseout","touchend","touchcancel"].forEach(a=>{d.addEventListener(a,N)}),d.addEventListener("click",a=>{const s=a.shiftKey?3:1;v===null&&p(s)}),u.addEventListener("click",a=>{const s=a.shiftKey?3:1;v===null&&x(s)}),u.addEventListener("mousedown",a=>{const s=a.shiftKey?3:1;m(()=>x(s),100)}),u.addEventListener("touchstart",()=>m(x,100)),["mouseup","mouseleave","mouseout","touchend","touchcancel"].forEach(a=>{u.addEventListener(a,N)}),e.addEventListener("keydown",a=>{const s=a.key,M=a.shiftKey?3:1;if(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(s)||(a.ctrlKey||a.metaKey)&&["a","c","v","x"].includes(s.toLowerCase()))return;if(["e","+","-"].includes(s)){a.preventDefault();return}if(s==="ArrowUp"||s==="ArrowDown"){a.preventDefault();const S=parseFloat(e.value)||0,B=1*M/Math.pow(10,o);let y=s==="ArrowUp"?S+B:S-B;y<l&&(y=l),e.value=y.toFixed(o),Number(e.value)<l&&(e.value=l.toFixed(o)),Number(e.value)>r&&(e.value=r.toFixed(o)),b(this,c).call(this,Number(e.value),u,d,l,r);return}const E=s===","?".":s,F=/^[0-9]$/.test(E),A=E===".",$=e.value.includes(".");(o===0&&!F||o>0&&!(F||A)||A&&$)&&a.preventDefault()}),e.addEventListener("keyup",()=>{Number(e.value)<l&&(e.value=l.toFixed(o)),Number(e.value)>r&&(e.value=r.toFixed(o)),b(this,c).call(this,Number(e.value),u,d,l,r)}),e.addEventListener("change",()=>{Number(e.value)<l&&(e.value=l.toFixed(o)),Number(e.value)>r&&(e.value=r.toFixed(o)),b(this,c).call(this,Number(e.value),u,d,l,r)})})};exports.SpinBox=q;

package/dist/index.es.js

@@ -1,71 +1,77 @@
-var C = Object.defineProperty;
-var K = (r) => {
-  throw TypeError(r);
+var _ = Object.defineProperty;
+var S = (n) => {
+  throw TypeError(n);
 };
-var I = (r, t, a) => t in r ? C(r, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : r[t] = a;
-var E = (r, t, a) => I(r, typeof t != "symbol" ? t + "" : t, a), D = (r, t, a) => t.has(r) || K("Cannot " + a);
-var v = (r, t, a) => (D(r, t, "read from private field"), a ? a.call(r) : t.get(r)), w = (r, t, a) => t.has(r) ? K("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(r) : t.set(r, a);
-var S = (r, t, a) => (D(r, t, "access private method"), a);
-var d, f, k;
-class $ {
+var q = (n, t, i) => t in n ? _(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
+var w = (n, t, i) => q(n, typeof t != "symbol" ? t + "" : t, i), D = (n, t, i) => t.has(n) || S("Cannot " + i);
+var m = (n, t, i) => (D(n, t, "read from private field"), i ? i.call(n) : t.get(n)), L = (n, t, i) => t.has(n) ? S("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, i);
+var k = (n, t, i) => (D(n, t, "access private method"), i);
+var c, f, g;
+class U {
   constructor(t = {}) {
-    w(this, f);
-    E(this, "selectors");
-    E(this, "spinBoxes");
-    w(this, d, (t, a, e, u = 0, l = 0) => {
-      t == u || t < u ? (a.classList.add(this.selectors.disabledBtn), a.disabled = !0) : (a.classList.remove(this.selectors.disabledBtn), a.disabled = !1), t == l || t > l ? (e.classList.add(this.selectors.disabledBtn), e.disabled = !0) : (e.classList.remove(this.selectors.disabledBtn), e.disabled = !1);
+    L(this, f);
+    w(this, "selectors");
+    w(this, "spinBoxes");
+    L(this, c, (t, i, u, d = 0, e = 0) => {
+      t == d || t < d ? (i.classList.add(this.selectors.disabledBtn), i.disabled = !0) : (i.classList.remove(this.selectors.disabledBtn), i.disabled = !1), t == e || t > e ? (u.classList.add(this.selectors.disabledBtn), u.disabled = !0) : (u.classList.remove(this.selectors.disabledBtn), u.disabled = !1);
     });
-    const a = {
+    const i = {
       main: "spin-box",
+      btn: "spin-box__btn",
+      input: "spin-box__input",
       disabledBtn: "disabled"
     };
-    this.selectors = { ...a, ...t }, this.spinBoxes = document.querySelectorAll(
+    this.selectors = { ...i, ...t }, this.spinBoxes = document.querySelectorAll(
       `.${this.selectors.main}`
-    ), S(this, f, k).call(this);
+    ), k(this, f, g).call(this);
   }
 }
-d = new WeakMap(), f = new WeakSet(), k = function() {
+c = new WeakMap(), f = new WeakSet(), g = function() {
   this.spinBoxes.forEach((t) => {
-    const a = t.firstElementChild, e = t.querySelector("input"), u = t.lastElementChild, l = Number(t.dataset.step), n = Number(t.dataset.min), o = Number(t.dataset.max), h = (i) => {
-      e.setAttribute("aria-valuenow", String(i)), e.setAttribute("aria-valuetext", `${i} items`);
+    const i = t.querySelectorAll(
+      `.${this.selectors.btn}`
+    ), u = i[0], d = i[1], e = t.querySelector(
+      `.${this.selectors.input}`
+    ), o = Number(t.dataset.step), l = Number(t.dataset.min), r = Number(t.dataset.max), h = (a) => {
+      e.setAttribute("aria-valuenow", String(a)), e.setAttribute("aria-valuetext", `${a} items`);
     };
-    Number(e.value) <= n && (e.value = n.toFixed(l)), Number(e.value) >= o && (e.value = o.toFixed(l)), n && e.setAttribute("aria-valuemin", n.toFixed(l)), o && e.setAttribute("aria-valuemax", o.toFixed(l)), v(this, d).call(this, Number(e.value), a, u, n, o), h(n);
-    let c = null;
-    const b = (i = 1) => {
+    Number(e.value) <= l && (e.value = l.toFixed(o)), Number(e.value) >= r && (e.value = r.toFixed(o)), l && e.setAttribute("aria-valuemin", l.toFixed(o)), r && e.setAttribute("aria-valuemax", r.toFixed(o)), m(this, c).call(this, Number(e.value), u, d, l, r), h(l);
+    let v = null;
+    const p = (a = 1) => {
       e.value = String(Math.abs(Number(e.value)));
       let s = parseFloat(e.value) || 0;
-      s = s + 1 * i / Math.pow(10, l), s > o && (s = o), e.value = s.toFixed(l), v(this, d).call(this, Number(e.value), a, u, n, o), h(s);
-    }, p = (i = 1) => {
+      s = s + 1 * a / Math.pow(10, o), s > r && (s = r), e.value = s.toFixed(o), m(this, c).call(this, Number(e.value), u, d, l, r), h(s);
+    }, x = (a = 1) => {
       e.value = String(Math.abs(Number(e.value)));
       let s = parseFloat(e.value) || 0;
-      s = s - 1 * i / Math.pow(10, l), s < n && (s = n), e.value = s.toFixed(l), v(this, d).call(this, Number(e.value), a, u, n, o), h(s);
-    }, m = (i, s = 150) => {
-      c === null && (c = window.setInterval(i, s));
-    }, y = () => {
-      c !== null && (clearInterval(c), c = null);
+      s = s - 1 * a / Math.pow(10, o), s < l && (s = l), e.value = s.toFixed(o), m(this, c).call(this, Number(e.value), u, d, l, r), h(s);
+    }, b = (a, s = 150) => {
+      v === null && (v = window.setInterval(a, s));
+    }, N = () => {
+      v !== null && (clearInterval(v), v = null);
     };
-    u.addEventListener("mousedown", (i) => {
-      const s = i.shiftKey ? 3 : 1;
-      m(() => b(s));
-    }), u.addEventListener("touchstart", () => m(b)), ["mouseup", "mouseleave", "mouseout", "touchend", "touchcancel"].forEach(
-      (i) => {
-        u.addEventListener(i, y);
+    d.addEventListener("mousedown", (a) => {
+      const s = a.shiftKey ? 3 : 1;
+      b(() => p(s));
+    }), d.addEventListener("touchstart", () => b(p)), ["mouseup", "mouseleave", "mouseout", "touchend", "touchcancel"].forEach(
+      (a) => {
+        d.addEventListener(a, N);
       }
-    ), u.addEventListener("click", (i) => {
-      const s = i.shiftKey ? 3 : 1;
-      c === null && b(s);
-    }), a.addEventListener("click", (i) => {
-      const s = i.shiftKey ? 3 : 1;
-      c === null && p(s);
-    }), a.addEventListener("mousedown", (i) => {
-      const s = i.shiftKey ? 3 : 1;
-      m(() => p(s), 100);
-    }), a.addEventListener("touchstart", () => m(p, 100)), ["mouseup", "mouseleave", "mouseout", "touchend", "touchcancel"].forEach(
-      (i) => {
-        a.addEventListener(i, y);
+    ), d.addEventListener("click", (a) => {
+      const s = a.shiftKey ? 3 : 1;
+      v === null && p(s);
+    }), u.addEventListener("click", (a) => {
+      const s = a.shiftKey ? 3 : 1;
+      v === null && x(s);
+    }), u.addEventListener("mousedown", (a) => {
+      const s = a.shiftKey ? 3 : 1;
+      b(() => x(s), 100);
+    }), u.addEventListener("touchstart", () => b(x, 100)), ["mouseup", "mouseleave", "mouseout", "touchend", "touchcancel"].forEach(
+      (a) => {
+        u.addEventListener(a, N);
       }
-    ), e.addEventListener("keydown", (i) => {
-      const s = i.key, g = i.shiftKey ? 3 : 1;
+    ), e.addEventListener("keydown", (a) => {
+      const s = a.key, M = a.shiftKey ? 3 : 1;
       if ([
         "Backspace",
         "Delete",
@@ -75,28 +81,28 @@ d = new WeakMap(), f = new WeakSet(), k = function() {
         "Enter",
         "Home",
         "End"
-      ].includes(s) || (i.ctrlKey || i.metaKey) && ["a", "c", "v", "x"].includes(s.toLowerCase()))
+      ].includes(s) || (a.ctrlKey || a.metaKey) && ["a", "c", "v", "x"].includes(s.toLowerCase()))
         return;
       if (["e", "+", "-"].includes(s)) {
-        i.preventDefault();
+        a.preventDefault();
         return;
       }
       if (s === "ArrowUp" || s === "ArrowDown") {
-        i.preventDefault();
-        const A = parseFloat(e.value) || 0, B = 1 * g / Math.pow(10, l);
-        let x = s === "ArrowUp" ? A + B : A - B;
-        x < n && (x = n), e.value = x.toFixed(l), Number(e.value) < n && (e.value = n.toFixed(l)), Number(e.value) > o && (e.value = o.toFixed(l)), v(this, d).call(this, Number(e.value), a, u, n, o);
+        a.preventDefault();
+        const B = parseFloat(e.value) || 0, K = 1 * M / Math.pow(10, o);
+        let y = s === "ArrowUp" ? B + K : B - K;
+        y < l && (y = l), e.value = y.toFixed(o), Number(e.value) < l && (e.value = l.toFixed(o)), Number(e.value) > r && (e.value = r.toFixed(o)), m(this, c).call(this, Number(e.value), u, d, l, r);
         return;
       }
-      const L = s === "," ? "." : s, N = /^[0-9]$/.test(L), F = L === ".", M = e.value.includes(".");
-      (l === 0 && !N || l > 0 && !(N || F) || F && M) && i.preventDefault();
+      const E = s === "," ? "." : s, F = /^[0-9]$/.test(E), A = E === ".", $ = e.value.includes(".");
+      (o === 0 && !F || o > 0 && !(F || A) || A && $) && a.preventDefault();
     }), e.addEventListener("keyup", () => {
-      Number(e.value) < n && (e.value = n.toFixed(l)), Number(e.value) > o && (e.value = o.toFixed(l)), v(this, d).call(this, Number(e.value), a, u, n, o);
+      Number(e.value) < l && (e.value = l.toFixed(o)), Number(e.value) > r && (e.value = r.toFixed(o)), m(this, c).call(this, Number(e.value), u, d, l, r);
     }), e.addEventListener("change", () => {
-      Number(e.value) < n && (e.value = n.toFixed(l)), Number(e.value) > o && (e.value = o.toFixed(l)), v(this, d).call(this, Number(e.value), a, u, n, o);
+      Number(e.value) < l && (e.value = l.toFixed(o)), Number(e.value) > r && (e.value = r.toFixed(o)), m(this, c).call(this, Number(e.value), u, d, l, r);
     });
   });
 };
 export {
-  $ as SpinBox
+  U as SpinBox
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(i,a){typeof exports=="object"&&typeof module<"u"?a(exports):typeof define=="function"&&define.amd?define(["exports"],a):(i=typeof globalThis<"u"?globalThis:i||self,a(i.UiElements={}))})(this,function(i){"use strict";var U=Object.defineProperty;var K=i=>{throw TypeError(i)};var C=(i,a,l)=>a in i?U(i,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):i[a]=l;var E=(i,a,l)=>C(i,typeof a!="symbol"?a+"":a,l),D=(i,a,l)=>a.has(i)||K("Cannot "+l);var f=(i,a,l)=>(D(i,a,"read from private field"),l?l.call(i):a.get(i)),w=(i,a,l)=>a.has(i)?K("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(i):a.set(i,l);var g=(i,a,l)=>(D(i,a,"access private method"),l);var l,m,k;class a{constructor(d={}){w(this,m);E(this,"selectors");E(this,"spinBoxes");w(this,l,(d,r,e,c=0,n=0)=>{d==c||d<c?(r.classList.add(this.selectors.disabledBtn),r.disabled=!0):(r.classList.remove(this.selectors.disabledBtn),r.disabled=!1),d==n||d>n?(e.classList.add(this.selectors.disabledBtn),e.disabled=!0):(e.classList.remove(this.selectors.disabledBtn),e.disabled=!1)});const r={main:"spin-box",disabledBtn:"disabled"};this.selectors={...r,...d},this.spinBoxes=document.querySelectorAll(`.${this.selectors.main}`),g(this,m,k).call(this)}}l=new WeakMap,m=new WeakSet,k=function(){this.spinBoxes.forEach(d=>{const r=d.firstElementChild,e=d.querySelector("input"),c=d.lastElementChild,n=Number(d.dataset.step),o=Number(d.dataset.min),u=Number(d.dataset.max),b=s=>{e.setAttribute("aria-valuenow",String(s)),e.setAttribute("aria-valuetext",`${s} items`)};Number(e.value)<=o&&(e.value=o.toFixed(n)),Number(e.value)>=u&&(e.value=u.toFixed(n)),o&&e.setAttribute("aria-valuemin",o.toFixed(n)),u&&e.setAttribute("aria-valuemax",u.toFixed(n)),f(this,l).call(this,Number(e.value),r,c,o,u),b(o);let v=null;const p=(s=1)=>{e.value=String(Math.abs(Number(e.value)));let t=parseFloat(e.value)||0;t=t+1*s/Math.pow(10,n),t>u&&(t=u),e.value=t.toFixed(n),f(this,l).call(this,Number(e.value),r,c,o,u),b(t)},x=(s=1)=>{e.value=String(Math.abs(Number(e.value)));let t=parseFloat(e.value)||0;t=t-1*s/Math.pow(10,n),t<o&&(t=o),e.value=t.toFixed(n),f(this,l).call(this,Number(e.value),r,c,o,u),b(t)},h=(s,t=150)=>{v===null&&(v=window.setInterval(s,t))},L=()=>{v!==null&&(clearInterval(v),v=null)};c.addEventListener("mousedown",s=>{const t=s.shiftKey?3:1;h(()=>p(t))}),c.addEventListener("touchstart",()=>h(p)),["mouseup","mouseleave","mouseout","touchend","touchcancel"].forEach(s=>{c.addEventListener(s,L)}),c.addEventListener("click",s=>{const t=s.shiftKey?3:1;v===null&&p(t)}),r.addEventListener("click",s=>{const t=s.shiftKey?3:1;v===null&&x(t)}),r.addEventListener("mousedown",s=>{const t=s.shiftKey?3:1;h(()=>x(t),100)}),r.addEventListener("touchstart",()=>h(x,100)),["mouseup","mouseleave","mouseout","touchend","touchcancel"].forEach(s=>{r.addEventListener(s,L)}),e.addEventListener("keydown",s=>{const t=s.key,M=s.shiftKey?3:1;if(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t)||(s.ctrlKey||s.metaKey)&&["a","c","v","x"].includes(t.toLowerCase()))return;if(["e","+","-"].includes(t)){s.preventDefault();return}if(t==="ArrowUp"||t==="ArrowDown"){s.preventDefault();const B=parseFloat(e.value)||0,S=1*M/Math.pow(10,n);let y=t==="ArrowUp"?B+S:B-S;y<o&&(y=o),e.value=y.toFixed(n),Number(e.value)<o&&(e.value=o.toFixed(n)),Number(e.value)>u&&(e.value=u.toFixed(n)),f(this,l).call(this,Number(e.value),r,c,o,u);return}const N=t===","?".":t,F=/^[0-9]$/.test(N),A=N===".",T=e.value.includes(".");(n===0&&!F||n>0&&!(F||A)||A&&T)&&s.preventDefault()}),e.addEventListener("keyup",()=>{Number(e.value)<o&&(e.value=o.toFixed(n)),Number(e.value)>u&&(e.value=u.toFixed(n)),f(this,l).call(this,Number(e.value),r,c,o,u)}),e.addEventListener("change",()=>{Number(e.value)<o&&(e.value=o.toFixed(n)),Number(e.value)>u&&(e.value=u.toFixed(n)),f(this,l).call(this,Number(e.value),r,c,o,u)})})},i.SpinBox=a,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(i,a){typeof exports=="object"&&typeof module<"u"?a(exports):typeof define=="function"&&define.amd?define(["exports"],a):(i=typeof globalThis<"u"?globalThis:i||self,a(i.UiElements={}))})(this,function(i){"use strict";var U=Object.defineProperty;var D=i=>{throw TypeError(i)};var _=(i,a,n)=>a in i?U(i,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[a]=n;var E=(i,a,n)=>_(i,typeof a!="symbol"?a+"":a,n),g=(i,a,n)=>a.has(i)||D("Cannot "+n);var m=(i,a,n)=>(g(i,a,"read from private field"),n?n.call(i):a.get(i)),L=(i,a,n)=>a.has(i)?D("Cannot add the same private member more than once"):a instanceof WeakSet?a.add(i):a.set(i,n);var k=(i,a,n)=>(g(i,a,"access private method"),n);var n,b,M;class a{constructor(c={}){L(this,b);E(this,"selectors");E(this,"spinBoxes");L(this,n,(c,v,r,d=0,e=0)=>{c==d||c<d?(v.classList.add(this.selectors.disabledBtn),v.disabled=!0):(v.classList.remove(this.selectors.disabledBtn),v.disabled=!1),c==e||c>e?(r.classList.add(this.selectors.disabledBtn),r.disabled=!0):(r.classList.remove(this.selectors.disabledBtn),r.disabled=!1)});const v={main:"spin-box",btn:"spin-box__btn",input:"spin-box__input",disabledBtn:"disabled"};this.selectors={...v,...c},this.spinBoxes=document.querySelectorAll(`.${this.selectors.main}`),k(this,b,M).call(this)}}n=new WeakMap,b=new WeakSet,M=function(){this.spinBoxes.forEach(c=>{const v=c.querySelectorAll(`.${this.selectors.btn}`),r=v[0],d=v[1],e=c.querySelector(`.${this.selectors.input}`),o=Number(c.dataset.step),l=Number(c.dataset.min),u=Number(c.dataset.max),p=s=>{e.setAttribute("aria-valuenow",String(s)),e.setAttribute("aria-valuetext",`${s} items`)};Number(e.value)<=l&&(e.value=l.toFixed(o)),Number(e.value)>=u&&(e.value=u.toFixed(o)),l&&e.setAttribute("aria-valuemin",l.toFixed(o)),u&&e.setAttribute("aria-valuemax",u.toFixed(o)),m(this,n).call(this,Number(e.value),r,d,l,u),p(l);let f=null;const x=(s=1)=>{e.value=String(Math.abs(Number(e.value)));let t=parseFloat(e.value)||0;t=t+1*s/Math.pow(10,o),t>u&&(t=u),e.value=t.toFixed(o),m(this,n).call(this,Number(e.value),r,d,l,u),p(t)},y=(s=1)=>{e.value=String(Math.abs(Number(e.value)));let t=parseFloat(e.value)||0;t=t-1*s/Math.pow(10,o),t<l&&(t=l),e.value=t.toFixed(o),m(this,n).call(this,Number(e.value),r,d,l,u),p(t)},h=(s,t=150)=>{f===null&&(f=window.setInterval(s,t))},N=()=>{f!==null&&(clearInterval(f),f=null)};d.addEventListener("mousedown",s=>{const t=s.shiftKey?3:1;h(()=>x(t))}),d.addEventListener("touchstart",()=>h(x)),["mouseup","mouseleave","mouseout","touchend","touchcancel"].forEach(s=>{d.addEventListener(s,N)}),d.addEventListener("click",s=>{const t=s.shiftKey?3:1;f===null&&x(t)}),r.addEventListener("click",s=>{const t=s.shiftKey?3:1;f===null&&y(t)}),r.addEventListener("mousedown",s=>{const t=s.shiftKey?3:1;h(()=>y(t),100)}),r.addEventListener("touchstart",()=>h(y,100)),["mouseup","mouseleave","mouseout","touchend","touchcancel"].forEach(s=>{r.addEventListener(s,N)}),e.addEventListener("keydown",s=>{const t=s.key,T=s.shiftKey?3:1;if(["Backspace","Delete","ArrowLeft","ArrowRight","Tab","Enter","Home","End"].includes(t)||(s.ctrlKey||s.metaKey)&&["a","c","v","x"].includes(t.toLowerCase()))return;if(["e","+","-"].includes(t)){s.preventDefault();return}if(t==="ArrowUp"||t==="ArrowDown"){s.preventDefault();const B=parseFloat(e.value)||0,K=1*T/Math.pow(10,o);let w=t==="ArrowUp"?B+K:B-K;w<l&&(w=l),e.value=w.toFixed(o),Number(e.value)<l&&(e.value=l.toFixed(o)),Number(e.value)>u&&(e.value=u.toFixed(o)),m(this,n).call(this,Number(e.value),r,d,l,u);return}const F=t===","?".":t,A=/^[0-9]$/.test(F),S=F===".",$=e.value.includes(".");(o===0&&!A||o>0&&!(A||S)||S&&$)&&s.preventDefault()}),e.addEventListener("keyup",()=>{Number(e.value)<l&&(e.value=l.toFixed(o)),Number(e.value)>u&&(e.value=u.toFixed(o)),m(this,n).call(this,Number(e.value),r,d,l,u)}),e.addEventListener("change",()=>{Number(e.value)<l&&(e.value=l.toFixed(o)),Number(e.value)>u&&(e.value=u.toFixed(o)),m(this,n).call(this,Number(e.value),r,d,l,u)})})},i.SpinBox=a,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.spin-box{position:relative;display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;width:13rem;height:2.5rem;-webkit-user-select:none;user-select:none;border:1px solid var(--c-g-500);border-radius:.5rem;background-color:var(--c-g-500)}.spin-box>input{border:none;height:100%;outline:none;font-weight:700;font-size:1.5rem;text-align:center;background-color:var(--c-g-50);color:var(--c-g-700);width:100%;min-width:3rem;padding:0}.spin-box>input:focus{background-color:var(--c-g-50);color:var(--c-g-950)}.spin-box__txt{font-weight:400}.spin-box>button{color:var(--c-g-900);display:flex;align-items:center;justify-content:center;border:none;height:100%;background-color:var(--c-g-300);cursor:pointer;font-size:2rem;width:3rem}.spin-box>button:hover{background-color:var(--c-g-500);color:var(--c-g-50)}.spin-box>.disabled{background-color:var(--c-g-100);color:var(--c-g-300);pointer-events:none}.spin-box>button:first-child{border-right:1px solid var(--c-g-500);border-radius:.5rem 0 0 .5rem}.spin-box button:last-child{border-left:1px solid var(--c-g-500);border-radius:0 .5rem .5rem 0}.spin-box.radius-none{border-radius:0}.spin-box.radius-none>button{border-radius:0}.spin-box.sm{height:2rem;width:10rem}.spin-box.sm>input,.spin-box.sm>button{font-size:1rem}.spin-box.sm>button{width:2rem}.spin-box.lg{height:3.5rem;width:16rem}.spin-box.lg>input,.spin-box.lg>button{font-size:2rem}.spin-box.lg>button{width:3.5rem}.spin-box.danger{background-color:var(--c-d-500);border-color:var(--c-d-500)}.spin-box.danger>input{background-color:var(--c-d-50);color:var(--c-d-700)}.spin-box.danger>input:focus{background-color:var(--c-d-50);color:var(--c-d-950)}.spin-box.danger>button{color:var(--c-d-500);background-color:var(--c-d-300);border-color:var(--c-d-500)}.spin-box.danger>button:hover{color:var(--c-d-300);background-color:var(--c-d-500)}.spin-box.danger>.disabled{background-color:var(--c-d-100);color:var(--c-d-300)}.spin-box.info{background-color:var(--c-i-500);border-color:var(--c-i-500)}.spin-box.info>input{background-color:var(--c-i-50);color:var(--c-i-700)}.spin-box.info>input:focus{background-color:var(--c-i-50);color:var(--c-i-950)}.spin-box.info>button{color:var(--c-i-500);background-color:var(--c-i-300);border-color:var(--c-i-500)}.spin-box.info>button:hover{color:var(--c-i-300);background-color:var(--c-i-500)}.spin-box.info>.disabled{background-color:var(--c-i-100);color:var(--c-i-300)}.spin-box.primary{background-color:var(--c-p-500);border-color:var(--c-p-500)}.spin-box.primary>input{background-color:var(--c-p-50);color:var(--c-p-700)}.spin-box.primary>input:focus{background-color:var(--c-p-50);color:var(--c-p-950)}.spin-box.primary>button{color:var(--c-p-500);background-color:var(--c-p-300);border-color:var(--c-p-500)}.spin-box.primary>button:hover{color:var(--c-p-300);background-color:var(--c-p-500)}.spin-box.primary>.disabled{background-color:var(--c-p-100);color:var(--c-p-300)}.spin-box.success{background-color:var(--c-s-500);border-color:var(--c-s-500)}.spin-box.success>input{background-color:var(--c-s-50);color:var(--c-s-700)}.spin-box.success>input:focus{background-color:var(--c-s-50);color:var(--c-s-950)}.spin-box.success>button{color:var(--c-s-500);background-color:var(--c-s-300);border-color:var(--c-s-500)}.spin-box.success>button:hover{color:var(--c-s-300);background-color:var(--c-s-500)}.spin-box.success>.disabled{background-color:var(--c-s-100);color:var(--c-s-300)}.spin-box.warning{background-color:var(--c-w-500);border-color:var(--c-w-500)}.spin-box.warning>input{background-color:var(--c-w-50);color:var(--c-w-700)}.spin-box.warning>input:focus{background-color:var(--c-w-50);color:var(--c-w-950)}.spin-box.warning>button{color:var(--c-w-500);background-color:var(--c-w-300);border-color:var(--c-w-500)}.spin-box.warning>button:hover{color:var(--c-w-300);background-color:var(--c-w-500)}.spin-box.warning>.disabled{background-color:var(--c-w-100);color:var(--c-w-300)}:root{--g-50: hsl(0, 0%, 95%);--g-100: hsl(0, 0%, 90%);--g-300: hsl(0, 0%, 70%);--g-500: hsl(0, 0%, 50%);--g-700: hsl(0, 0%, 30%);--g-900: hsl(0, 0%, 10%);--g-950: hsl(0, 0%, 5%);--d-50: hsl(354, 76%, 95%);--d-100: hsl(354, 76%, 90%);--d-300: hsl(354, 76%, 70%);--d-500: hsl(354, 76%, 50%);--d-700: hsl(354, 76%, 30%);--d-900: hsl(354, 76%, 10%);--d-950: hsl(354, 76%, 5%);--i-50: hsl(190, 90%, 95%);--i-100: hsl(190, 90%, 90%);--i-300: hsl(190, 90%, 70%);--i-500: hsl(190, 90%, 50%);--i-700: hsl(190, 90%, 30%);--i-900: hsl(190, 90%, 10%);--i-950: hsl(190, 90%, 5%);--p-50: hsl(216, 98%, 95%);--p-100: hsl(216, 98%, 90%);--p-300: hsl(216, 98%, 70%);--p-500: hsl(216, 98%, 50%);--p-700: hsl(216, 98%, 30%);--p-900: hsl(216, 98%, 10%);--p-950: hsl(216, 98%, 5%);--s-50: hsl(152, 81%, 95%);--s-100: hsl(152, 81%, 90%);--s-300: hsl(152, 81%, 70%);--s-500: hsl(152, 81%, 50%);--s-700: hsl(152, 81%, 30%);--s-900: hsl(152, 81%, 10%);--s-950: hsl(152, 81%, 5%);--w-50: hsl(45, 100%, 95%);--w-100: hsl(45, 100%, 90%);--w-300: hsl(45, 100%, 70%);--w-500: hsl(45, 100%, 50%);--w-700: hsl(45, 100%, 30%);--w-900: hsl(45, 100%, 10%);--w-950: hsl(45, 100%, 5%);--c-d-50: var(--d-50);--c-d-100: var(--d-100);--c-d-300: var(--d-300);--c-d-500: var(--d-500);--c-d-700: var(--d-700);--c-d-900: var(--d-900);--c-d-950: var(--d-950);--c-i-50: var(--i-50);--c-i-100: var(--i-100);--c-i-300: var(--i-300);--c-i-500: var(--i-500);--c-i-700: var(--i-700);--c-i-900: var(--i-900);--c-i-950: var(--i-950);--c-p-50: var(--p-50);--c-p-100: var(--p-100);--c-p-300: var(--p-300);--c-p-500: var(--p-500);--c-p-700: var(--p-700);--c-p-900: var(--p-900);--c-p-950: var(--p-950);--c-s-50: var(--s-50);--c-s-100: var(--s-100);--c-s-300: var(--s-300);--c-s-500: var(--s-500);--c-s-700: var(--s-700);--c-s-900: var(--s-900);--c-s-950: var(--s-950);--c-g-50: var(--g-50);--c-g-100: var(--g-100);--c-g-300: var(--g-300);--c-g-500: var(--g-500);--c-g-700: var(--g-700);--c-g-900: var(--g-900);--c-g-950: var(--g-950);--c-w-50: var(--w-50);--c-w-100: var(--w-100);--c-w-300: var(--w-300);--c-w-500: var(--w-500);--c-w-700: var(--w-700);--c-w-900: var(--w-900);--c-w-950: var(--w-950)}[data-theme=dark]{--c-d-50: var(--d-950);--c-d-100: var(--d-900);--c-d-300: var(--d-700);--c-d-500: var(--d-500);--c-d-700: var(--d-300);--c-d-900: var(--d-100);--c-d-950: var(--d-50);--c-i-50: var(--i-950);--c-i-100: var(--i-900);--c-i-300: var(--i-700);--c-i-500: var(--i-500);--c-i-700: var(--i-300);--c-i-900: var(--i-100);--c-i-950: var(--i-50);--c-p-50: var(--p-950);--c-p-100: var(--p-900);--c-p-300: var(--p-700);--c-p-500: var(--p-500);--c-p-700: var(--p-300);--c-p-900: var(--p-100);--c-p-950: var(--p-50);--c-s-50: var(--s-950);--c-s-100: var(--s-900);--c-s-300: var(--s-700);--c-s-500: var(--s-500);--c-s-700: var(--s-300);--c-s-900: var(--s-100);--c-s-950: var(--s-50);--c-g-50: var(--g-950);--c-g-100: var(--g-900);--c-g-300: var(--g-700);--c-g-500: var(--g-500);--c-g-700: var(--g-300);--c-g-900: var(--g-100);--c-g-950: var(--g-50);--c-w-50: var(--w-950);--c-w-100: var(--w-900);--c-w-300: var(--w-700);--c-w-500: var(--w-500);--c-w-700: var(--w-300);--c-w-900: var(--w-100);--c-w-950: var(--w-50)}
+.spin-box{position:relative;display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;width:13rem;height:2.5rem;-webkit-user-select:none;user-select:none;border:1px solid var(--c-g-500);border-radius:.5rem;background-color:var(--c-g-500)}.spin-box>.spin-box__input{border:none;height:100%;outline:none;font-weight:700;font-size:1.5rem;text-align:center;background-color:var(--c-g-50);color:var(--c-g-700);width:100%;min-width:3rem;padding:0}.spin-box>.spin-box__input:focus{background-color:var(--c-g-50);color:var(--c-g-950)}.spin-box__txt{font-weight:400}.spin-box>.spin-box__btn{color:var(--c-g-900);display:flex;align-items:center;justify-content:center;border:none;height:100%;background-color:var(--c-g-300);padding:0;cursor:pointer;font-size:2rem;width:3rem}.spin-box>.spin-box__btn:hover{background-color:var(--c-g-500);color:var(--c-g-50)}.spin-box>.disabled{background-color:var(--c-g-100);color:var(--c-g-300);pointer-events:none}.spin-box>.spin-box__btn:first-child{border-right:1px solid var(--c-g-500);border-radius:.5rem 0 0 .5rem}.spin-box>.spin-box__btn:last-child{border-left:1px solid var(--c-g-500);border-radius:0 .5rem .5rem 0}.spin-box.radius-none{border-radius:0}.spin-box.radius-none>.spin-box__btn{border-radius:0}.spin-box.sm{height:2rem;width:10rem}.spin-box.sm>.spin-box__input,.spin-box.sm>.spin-box__btn{font-size:1rem}.spin-box.sm>.spin-box__btn{width:2rem}.spin-box.lg{height:3.5rem;width:16rem}.spin-box.lg>.spin-box__input,.spin-box.lg>.spin-box__btn{font-size:2rem}.spin-box.lg>.spin-box__btn{width:3.5rem}.spin-box.danger{background-color:var(--c-d-500);border-color:var(--c-d-500)}.spin-box.danger>.spin-box__input{background-color:var(--c-d-50);color:var(--c-d-700)}.spin-box.danger>.spin-box__input:focus{background-color:var(--c-d-50);color:var(--c-d-950)}.spin-box.danger>.spin-box__btn{color:var(--c-d-500);background-color:var(--c-d-300);border-color:var(--c-d-500)}.spin-box.danger>.spin-box__btn:hover{color:var(--c-d-300);background-color:var(--c-d-500)}.spin-box.danger>.disabled{background-color:var(--c-d-100);color:var(--c-d-300)}.spin-box.info{background-color:var(--c-i-500);border-color:var(--c-i-500)}.spin-box.info>.spin-box__input{background-color:var(--c-i-50);color:var(--c-i-700)}.spin-box.info>.spin-box__input:focus{background-color:var(--c-i-50);color:var(--c-i-950)}.spin-box.info>.spin-box__btn{color:var(--c-i-500);background-color:var(--c-i-300);border-color:var(--c-i-500)}.spin-box.info>.spin-box__btn:hover{color:var(--c-i-300);background-color:var(--c-i-500)}.spin-box.info>.disabled{background-color:var(--c-i-100);color:var(--c-i-300)}.spin-box.primary{background-color:var(--c-p-500);border-color:var(--c-p-500)}.spin-box.primary>.spin-box__input{background-color:var(--c-p-50);color:var(--c-p-700)}.spin-box.primary>.spin-box__input:focus{background-color:var(--c-p-50);color:var(--c-p-950)}.spin-box.primary>.spin-box__btn{color:var(--c-p-500);background-color:var(--c-p-300);border-color:var(--c-p-500)}.spin-box.primary>.spin-box__btn:hover{color:var(--c-p-300);background-color:var(--c-p-500)}.spin-box.primary>.disabled{background-color:var(--c-p-100);color:var(--c-p-300)}.spin-box.success{background-color:var(--c-s-500);border-color:var(--c-s-500)}.spin-box.success>.spin-box__input{background-color:var(--c-s-50);color:var(--c-s-700)}.spin-box.success>.spin-box__input:focus{background-color:var(--c-s-50);color:var(--c-s-950)}.spin-box.success>.spin-box__btn{color:var(--c-s-500);background-color:var(--c-s-300);border-color:var(--c-s-500)}.spin-box.success>.spin-box__btn:hover{color:var(--c-s-300);background-color:var(--c-s-500)}.spin-box.success>.disabled{background-color:var(--c-s-100);color:var(--c-s-300)}.spin-box.warning{background-color:var(--c-w-500);border-color:var(--c-w-500)}.spin-box.warning>.spin-box__input{background-color:var(--c-w-50);color:var(--c-w-700)}.spin-box.warning>.spin-box__input:focus{background-color:var(--c-w-50);color:var(--c-w-950)}.spin-box.warning>.spin-box__btn{color:var(--c-w-500);background-color:var(--c-w-300);border-color:var(--c-w-500)}.spin-box.warning>.spin-box__btn:hover{color:var(--c-w-300);background-color:var(--c-w-500)}.spin-box.warning>.disabled{background-color:var(--c-w-100);color:var(--c-w-300)}:root{--g-50: hsl(0, 0%, 95%);--g-100: hsl(0, 0%, 90%);--g-300: hsl(0, 0%, 70%);--g-500: hsl(0, 0%, 50%);--g-700: hsl(0, 0%, 30%);--g-900: hsl(0, 0%, 10%);--g-950: hsl(0, 0%, 5%);--d-50: hsl(354, 76%, 95%);--d-100: hsl(354, 76%, 90%);--d-300: hsl(354, 76%, 70%);--d-500: hsl(354, 76%, 50%);--d-700: hsl(354, 76%, 30%);--d-900: hsl(354, 76%, 10%);--d-950: hsl(354, 76%, 5%);--i-50: hsl(190, 90%, 95%);--i-100: hsl(190, 90%, 90%);--i-300: hsl(190, 90%, 70%);--i-500: hsl(190, 90%, 50%);--i-700: hsl(190, 90%, 30%);--i-900: hsl(190, 90%, 10%);--i-950: hsl(190, 90%, 5%);--p-50: hsl(216, 98%, 95%);--p-100: hsl(216, 98%, 90%);--p-300: hsl(216, 98%, 70%);--p-500: hsl(216, 98%, 50%);--p-700: hsl(216, 98%, 30%);--p-900: hsl(216, 98%, 10%);--p-950: hsl(216, 98%, 5%);--s-50: hsl(152, 81%, 95%);--s-100: hsl(152, 81%, 90%);--s-300: hsl(152, 81%, 70%);--s-500: hsl(152, 81%, 50%);--s-700: hsl(152, 81%, 30%);--s-900: hsl(152, 81%, 10%);--s-950: hsl(152, 81%, 5%);--w-50: hsl(45, 100%, 95%);--w-100: hsl(45, 100%, 90%);--w-300: hsl(45, 100%, 70%);--w-500: hsl(45, 100%, 50%);--w-700: hsl(45, 100%, 30%);--w-900: hsl(45, 100%, 10%);--w-950: hsl(45, 100%, 5%);--c-d-50: var(--d-50);--c-d-100: var(--d-100);--c-d-300: var(--d-300);--c-d-500: var(--d-500);--c-d-700: var(--d-700);--c-d-900: var(--d-900);--c-d-950: var(--d-950);--c-i-50: var(--i-50);--c-i-100: var(--i-100);--c-i-300: var(--i-300);--c-i-500: var(--i-500);--c-i-700: var(--i-700);--c-i-900: var(--i-900);--c-i-950: var(--i-950);--c-p-50: var(--p-50);--c-p-100: var(--p-100);--c-p-300: var(--p-300);--c-p-500: var(--p-500);--c-p-700: var(--p-700);--c-p-900: var(--p-900);--c-p-950: var(--p-950);--c-s-50: var(--s-50);--c-s-100: var(--s-100);--c-s-300: var(--s-300);--c-s-500: var(--s-500);--c-s-700: var(--s-700);--c-s-900: var(--s-900);--c-s-950: var(--s-950);--c-g-50: var(--g-50);--c-g-100: var(--g-100);--c-g-300: var(--g-300);--c-g-500: var(--g-500);--c-g-700: var(--g-700);--c-g-900: var(--g-900);--c-g-950: var(--g-950);--c-w-50: var(--w-50);--c-w-100: var(--w-100);--c-w-300: var(--w-300);--c-w-500: var(--w-500);--c-w-700: var(--w-700);--c-w-900: var(--w-900);--c-w-950: var(--w-950)}[data-theme=dark]{--c-d-50: var(--d-950);--c-d-100: var(--d-900);--c-d-300: var(--d-700);--c-d-500: var(--d-500);--c-d-700: var(--d-300);--c-d-900: var(--d-100);--c-d-950: var(--d-50);--c-i-50: var(--i-950);--c-i-100: var(--i-900);--c-i-300: var(--i-700);--c-i-500: var(--i-500);--c-i-700: var(--i-300);--c-i-900: var(--i-100);--c-i-950: var(--i-50);--c-p-50: var(--p-950);--c-p-100: var(--p-900);--c-p-300: var(--p-700);--c-p-500: var(--p-500);--c-p-700: var(--p-300);--c-p-900: var(--p-100);--c-p-950: var(--p-50);--c-s-50: var(--s-950);--c-s-100: var(--s-900);--c-s-300: var(--s-700);--c-s-500: var(--s-500);--c-s-700: var(--s-300);--c-s-900: var(--s-100);--c-s-950: var(--s-50);--c-g-50: var(--g-950);--c-g-100: var(--g-900);--c-g-300: var(--g-700);--c-g-500: var(--g-500);--c-g-700: var(--g-300);--c-g-900: var(--g-100);--c-g-950: var(--g-50);--c-w-50: var(--w-950);--c-w-100: var(--w-900);--c-w-300: var(--w-700);--c-w-500: var(--w-500);--c-w-700: var(--w-300);--c-w-900: var(--w-100);--c-w-950: var(--w-50)}

package/package.json

@@ -2,7 +2,7 @@
   "author": "Andrii Popov",
   "name": "@popovandrii/ui-elements",
   "description": "Custom UI elements like SpinBox with theme support",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "license": "MIT",
   "keywords": [
     "spinbox",
@@ -12,7 +12,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://gitlab.com/AndreyPopov/ui-elements"
+    "url": "git+https://gitlab.com/AndreyPopov/ui-elements.git"
   },
   "bugs": {
     "url": "https://gitlab.com/AndreyPopov/ui-elements/-/issues"