@popovandrii/ui-elements 0.0.1 → 0.0.3

package/README.md

@@ -2,8 +2,22 @@
 
 TypeScript-based NPM plugin.
 The plugin includes interface elements with specific properties. 
-Currently implemented:
-- Spin-Box This is a field with two buttons. Provides increment and decrement of numbers
+UI elements that contain a large share of JavaScript.
+
+Currently implemented:<br>
+<b>Spin-Box</b> This is a field with two buttons.<br> 
+- the ability to set the minimum and maximum value
+- the number of digits after the decimal point
+- accelerated increment when holding down the `Shift` key
+- setting the value directly in the field and increment using `arrows`
+- value validation
+- accessibility in accordance with the `A11Y` standard
+- colors (danger primary...) and markup (sm lg radius-none)
+- setting a custom CSS selector
+
+<p align="center">
+<img src="https://gitlab.com/AndreyPopov/ui-elements/-/raw/main/docs/images/spinBox.png" alt="SpinBox Preview" width="672">
+</p>
 
 # Information for Developers
 ```sh
@@ -24,6 +38,8 @@ $ npm run build # Compile the project into the ./dist folder.
 $ npm run dev # Work on the project 
 $ npm run lint  
 $ npm run format
+$ npm publish --access public
+$ npm info @popovandrii/ui-elements@0.0.1
 ```
 
 The './playground' folder for viewing in a browser

package/dist/index.cjs.js

@@ -0,0 +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;

package/dist/index.d.ts

@@ -1,2 +1 @@
-export { SpinBox } from "./SpinBox";
-import "./scss/style.scss";
+export { SpinBox } from './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["Ui Elements"]={}))})(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 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"})});

package/package.json

@@ -1,7 +1,8 @@
 {
   "author": "Andrii Popov",
   "name": "@popovandrii/ui-elements",
-  "version": "0.0.1",
+  "description": "Custom UI elements like SpinBox with theme support",
+  "version": "0.0.3",
   "license": "MIT",
   "keywords": [
     "spinbox",
@@ -11,13 +12,20 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://gitlab.com/AndreyPopov/ui-elements"
+    "url": "git+https://gitlab.com/AndreyPopov/ui-elements"
   },
+  "bugs": {
+    "url": "https://gitlab.com/AndreyPopov/ui-elements/-/issues"
+  },
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./style.css": "./dist/style.css"
   },
   "files": [
     "dist",
@@ -27,20 +35,21 @@
   "type": "module",
   "scripts": {
     "dev": "vite --config playground/vite.config.js",
-    "build": "vite build && tsc",
+    "build": "node build.js",
     "preview": "vite preview",
     "lint": "eslint src --ext .ts,.tsx",
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md}\""
   },
   "devDependencies": {
-    "sass": "^1.89.2",
-    "typescript": "~5.8.3",
-    "vite": "^6.3.5",
+    "@typescript-eslint/eslint-plugin": "^8.8.0",
+    "@typescript-eslint/parser": "^8.8.0",
     "eslint": "^9.27.0",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-prettier": "^5.4.0",
     "prettier": "^3.5.3",
-    "@typescript-eslint/eslint-plugin": "^8.8.0",
-    "@typescript-eslint/parser": "^8.8.0"
+    "sass": "^1.89.2",
+    "typescript": "~5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4"
   }
 }

package/dist/SpinBox.js

@@ -1,195 +0,0 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _SpinBox_instances, _SpinBox_state, _SpinBox_event;
-export class SpinBox {
-    constructor(selectors = {}) {
-        _SpinBox_instances.add(this);
-        Object.defineProperty(this, "selectors", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "spinBoxes", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        _SpinBox_state.set(this, (inputNumber, down, up, min = 0, max = 0) => {
-            if (inputNumber == min || inputNumber < min) {
-                down.classList.add(this.selectors.disabledBtn);
-                down.disabled = true;
-            }
-            else {
-                down.classList.remove(this.selectors.disabledBtn);
-                down.disabled = false;
-            }
-            if (inputNumber == max || inputNumber > max) {
-                up.classList.add(this.selectors.disabledBtn);
-                up.disabled = true;
-            }
-            else {
-                up.classList.remove(this.selectors.disabledBtn);
-                up.disabled = false;
-            }
-        });
-        const defaultSelectors = {
-            main: "spin-box",
-            disabledBtn: "disabled",
-        };
-        this.selectors = { ...defaultSelectors, ...selectors };
-        this.spinBoxes = document.querySelectorAll(`.${this.selectors.main}`);
-        __classPrivateFieldGet(this, _SpinBox_instances, "m", _SpinBox_event).call(this);
-    }
-}
-_SpinBox_state = new WeakMap(), _SpinBox_instances = new WeakSet(), _SpinBox_event = function _SpinBox_event() {
-    this.spinBoxes.forEach((e) => {
-        const btnDown = e.firstElementChild;
-        const input = e.querySelector("input");
-        const btnUp = e.lastElementChild;
-        const step = Number(e.dataset.step);
-        const min = Number(e.dataset.min);
-        const max = Number(e.dataset.max);
-        const updateAria = (val) => {
-            input.setAttribute("aria-valuenow", String(val));
-            input.setAttribute("aria-valuetext", `${val} items`);
-        };
-        if (Number(input.value) <= min)
-            input.value = min.toFixed(step);
-        if (Number(input.value) >= max)
-            input.value = max.toFixed(step);
-        if (min)
-            input.setAttribute("aria-valuemin", min.toFixed(step));
-        if (max)
-            input.setAttribute("aria-valuemax", max.toFixed(step));
-        __classPrivateFieldGet(this, _SpinBox_state, "f").call(this, Number(input.value), btnDown, btnUp, min, max);
-        updateAria(min);
-        let timerId = null;
-        const increment = (speed = 1) => {
-            input.value = String(Math.abs(Number(input.value)));
-            let val = parseFloat(input.value) || 0;
-            val = val + (1 * speed) / Math.pow(10, step);
-            if (val > max)
-                val = max;
-            input.value = val.toFixed(step);
-            __classPrivateFieldGet(this, _SpinBox_state, "f").call(this, Number(input.value), btnDown, btnUp, min, max);
-            updateAria(val);
-        };
-        const decrement = (speed = 1) => {
-            input.value = String(Math.abs(Number(input.value)));
-            let val = parseFloat(input.value) || 0;
-            val = val - (1 * speed) / Math.pow(10, step);
-            if (val < min)
-                val = min;
-            input.value = val.toFixed(step);
-            __classPrivateFieldGet(this, _SpinBox_state, "f").call(this, Number(input.value), btnDown, btnUp, min, max);
-            updateAria(val);
-        };
-        const startTimer = (action, ms = 150) => {
-            if (timerId !== null)
-                return;
-            timerId = window.setInterval(action, ms);
-        };
-        const stopTimer = () => {
-            if (timerId !== null) {
-                clearInterval(timerId);
-                timerId = null;
-            }
-        };
-        // hold
-        btnUp.addEventListener("mousedown", (e) => {
-            const speed = e.shiftKey ? 3 : 1;
-            startTimer(() => increment(speed));
-        });
-        btnUp.addEventListener("touchstart", () => startTimer(increment));
-        // lost
-        ["mouseup", "mouseleave", "mouseout", "touchend", "touchcancel"].forEach((event) => {
-            btnUp.addEventListener(event, stopTimer);
-        });
-        // once click
-        btnUp.addEventListener("click", (e) => {
-            const speed = e.shiftKey ? 3 : 1;
-            // block when holding
-            if (timerId === null)
-                increment(speed);
-        });
-        btnDown.addEventListener("click", (e) => {
-            const speed = e.shiftKey ? 3 : 1;
-            if (timerId === null)
-                decrement(speed);
-        });
-        btnDown.addEventListener("mousedown", (e) => {
-            const speed = e.shiftKey ? 3 : 1;
-            startTimer(() => decrement(speed), 100);
-        });
-        btnDown.addEventListener("touchstart", () => startTimer(decrement, 100));
-        ["mouseup", "mouseleave", "mouseout", "touchend", "touchcancel"].forEach((event) => {
-            btnDown.addEventListener(event, stopTimer);
-        });
-        input.addEventListener("keydown", (e) => {
-            const key = e.key;
-            const speed = e.shiftKey ? 3 : 1;
-            const allowedKeys = [
-                "Backspace",
-                "Delete",
-                "ArrowLeft",
-                "ArrowRight",
-                "Tab",
-                "Enter",
-                "Home",
-                "End",
-            ];
-            if (allowedKeys.includes(key) ||
-                ((e.ctrlKey || e.metaKey) &&
-                    ["a", "c", "v", "x"].includes(key.toLowerCase()))) {
-                return;
-            }
-            if (["e", "+", "-"].includes(key)) {
-                e.preventDefault();
-                return;
-            }
-            if (key === "ArrowUp" || key === "ArrowDown") {
-                e.preventDefault();
-                const val = parseFloat(input.value) || 0;
-                const stepSize = (1 * speed) / Math.pow(10, step);
-                let newVal = key === "ArrowUp" ? val + stepSize : val - stepSize;
-                if (newVal < min)
-                    newVal = min;
-                input.value = newVal.toFixed(step);
-                if (Number(input.value) < min)
-                    input.value = min.toFixed(step);
-                if (Number(input.value) > max)
-                    input.value = max.toFixed(step);
-                __classPrivateFieldGet(this, _SpinBox_state, "f").call(this, Number(input.value), btnDown, btnUp, min, max);
-                return;
-            }
-            const normalizedKey = key === "," ? "." : key;
-            const isNumeric = /^[0-9]$/.test(normalizedKey);
-            const isDot = normalizedKey === ".";
-            const alreadyHasDot = input.value.includes(".");
-            if ((step === 0 && !isNumeric) ||
-                (step > 0 && !(isNumeric || isDot)) ||
-                (isDot && alreadyHasDot)) {
-                e.preventDefault();
-            }
-        });
-        input.addEventListener("keyup", () => {
-            if (Number(input.value) < min)
-                input.value = min.toFixed(step);
-            if (Number(input.value) > max)
-                input.value = max.toFixed(step);
-            __classPrivateFieldGet(this, _SpinBox_state, "f").call(this, Number(input.value), btnDown, btnUp, min, max);
-        });
-        input.addEventListener("change", () => {
-            if (Number(input.value) < min)
-                input.value = min.toFixed(step);
-            if (Number(input.value) > max)
-                input.value = max.toFixed(step);
-            __classPrivateFieldGet(this, _SpinBox_state, "f").call(this, Number(input.value), btnDown, btnUp, min, max);
-        });
-    });
-};

package/dist/index.js

@@ -1,2 +0,0 @@
-export { SpinBox } from "./SpinBox";
-import "./scss/style.scss";