a-simple-switch - npm Package Compare versions

Comparing version 0.9.0 to 0.9.1

package.json

 {
   "name": "a-simple-switch",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Vanilla JS/CSS Switch UI element",
-  "main": "src/javascript/index.js",
+  "main": "release/js/SimpleSwitch.min.js",
   "files": [
     "release",
-    "src",
     "readme.md"
@@ -27,2 +26,3 @@ ],
     "switch",
+    "checkbox",
     "ui",
@@ -34,5 +34,5 @@ "material design",
   "devDependencies": {
-    "@babel/core": "^7.17.5",
-    "@babel/preset-env": "^7.16.11",
-    "babel-loader": "^8.2.3",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "babel-loader": "^8.4.1",
     "babel-preset-env": "^1.7.0",
@@ -47,13 +47,13 @@ "gulp": "^4.0.2",
     "http-server": "^14.1.1",
-    "jasmine-core": "^4.5.0",
-    "karma": "^6.4.1",
-    "karma-chrome-launcher": "^3.1.1",
+    "jasmine-core": "^4.6.1",
+    "karma": "^6.4.4",
+    "karma-chrome-launcher": "^3.2.0",
     "karma-jasmine": "^5.1.0",
-    "node-sass": "^7.0.1",
-    "really-simple-args": "^1.1.1",
-    "ts-loader": "^9.3.0",
-    "typescript": "^4.6.4",
-    "webpack": "^5.72.0",
+    "node-sass": "^7.0.3",
+    "really-simple-args": "^1.2.1",
+    "ts-loader": "^9.5.1",
+    "typescript": "^4.9.5",
+    "webpack": "^5.97.1",
     "webpack-stream": "^7.0.0"
   }
 }

release/js/SimpleSwitch.min.js

@@ -1,1 +0,1 @@
-var SimpleSwitch;(()=>{"use strict";var e={d:(t,i)=>{for(var s in i)e.o(i,s)&&!e.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:i[s]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{Switch:()=>i,init:()=>s,toggle:()=>a});class i{constructor(e){this.disabled=!1,this.element=e.element||document.querySelector(e.selector),this.isMaterial=void 0!==e.material&&e.material,this.checked=this.element.checked,this.matchSizeToFont=void 0!==e.matchSizeToFont&&e.matchSizeToFont,this.element.dataset.material&&"true"===this.element.dataset.material&&(this.isMaterial=!0),this.setup(),this.element["_simple-switch-ref"]=this}toggle(){this.checked=this.track.classList.toggle(i.CHECKED_CLASS_NAME),this.syncState()}setup(){this.track=document.createElement("button"),this.handle=document.createElement("span"),this.element.classList.add("_simple-switch-checkbox"),this.track.classList.add("_simple-switch-track"),this.handle.classList.add("handle"),this.isMaterial&&this.track.classList.add("_material"),this.checked&&this.track.classList.add(i.CHECKED_CLASS_NAME),this.checkboxDisabled(!!this.element.disabled),this.track.setAttribute("tabindex","-1"),this.bind(),this.track.appendChild(this.handle),this.element.insertAdjacentElement("afterend",this.track),this.updateSize()}updateSize(){if(!this.matchSizeToFont)return;const e=window.getComputedStyle(this.track)["font-size"];this.track.style.setProperty("--simple-switch_size",e)}bind(){this.track.addEventListener("click",this.handleTrackClick.bind(this),!1),this.element.addEventListener("focus",this.handleElementFocus.bind(this),!1),this.element.addEventListener("blur",this.handleElementBlur.bind(this),!1),this.element.addEventListener("click",this.handleElementClick.bind(this),!1),this.observer=new MutationObserver(this.handleMutation.bind(this)),this.observer.observe(this.element,{attributes:!0})}checkboxFocused(e){this.track.classList.add(i.FOCUSED_CLASS_NAME)}checkboxBlurred(e){this.track.classList.remove(i.FOCUSED_CLASS_NAME)}trackClicked(e){this.toggle()}checkboxToggled(e){this.toggle()}checkboxDisabled(e){this.disabled=e,this.disabled?this.track.classList.add(i.DISABLED_CLASS_NAME):this.track.classList.remove(i.DISABLED_CLASS_NAME)}syncState(){this.element.checked=this.checked,this.dispatchEvent()}dispatchEvent(){const e=new Event("change");this.element.dispatchEvent(e);const t=new Event("input");this.element.dispatchEvent(t)}handleTrackClick(e){this.disabled?e.preventDefault():this.trackClicked(e)}handleElementFocus(e){this.checkboxFocused(e)}handleElementBlur(e){this.checkboxBlurred(e)}handleElementClick(e){this.disabled?e.preventDefault():this.checkboxToggled(e)}handleMutation(e){e.forEach((e=>{if("attributes"===e.type&&"disabled"===e.attributeName){const t=!!e.target.attributes.disabled;this.checkboxDisabled(t)}}))}}function s(e={}){const t=document.querySelectorAll("[data-type='simple-switch']:not(._simple-switch-checkbox)");for(const s of t)new i(Object.assign({element:s},e))}function a(e,t){void 0!==t&&!!e.checked===t||e["_simple-switch-ref"].toggle()}i.CHECKED_CLASS_NAME="on",i.FOCUSED_CLASS_NAME="focus",i.DISABLED_CLASS_NAME="_simple-switch_disabled",SimpleSwitch=t})();
+var SimpleSwitch;(()=>{"use strict";var e={d:(t,i)=>{for(var s in i)e.o(i,s)&&!e.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:i[s]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{Switch:()=>i,init:()=>s,toggle:()=>a});class i{constructor(e){this.disabled=!1,this.element=e.element||document.querySelector(e.selector),this.isMaterial=void 0!==e.material&&e.material,this.checked=this.element.checked,this.matchSizeToFont=void 0!==e.matchSizeToFont&&e.matchSizeToFont,this.element.dataset.material&&"true"===this.element.dataset.material&&(this.isMaterial=!0),this.setup(),this.element["_simple-switch-ref"]=this}toggle(){this.checked=this.track.classList.toggle(i.CHECKED_CLASS_NAME),this.syncState()}setup(){this.track=document.createElement("button"),this.handle=document.createElement("span"),this.element.classList.add("_simple-switch-checkbox"),this.track.classList.add("_simple-switch-track"),this.handle.classList.add("handle"),this.isMaterial&&this.track.classList.add("_material"),this.checked&&this.track.classList.add(i.CHECKED_CLASS_NAME),this.checkboxDisabled(!!this.element.disabled),this.track.setAttribute("tabindex","-1"),this.bind(),this.track.appendChild(this.handle),this.element.insertAdjacentElement("afterend",this.track),this.updateSize()}updateSize(){if(!this.matchSizeToFont)return;const e=window.getComputedStyle(this.track)["font-size"];this.track.style.setProperty("--simple-switch_size",e)}bind(){this.track.addEventListener("click",this.handleTrackClick.bind(this),!1),this.element.addEventListener("focus",this.handleElementFocus.bind(this),!1),this.element.addEventListener("blur",this.handleElementBlur.bind(this),!1),this.element.addEventListener("click",this.handleElementClick.bind(this),!1),this.observer=new MutationObserver(this.handleMutation.bind(this)),this.observer.observe(this.element,{attributes:!0})}checkboxFocused(e){this.track.classList.add(i.FOCUSED_CLASS_NAME)}checkboxBlurred(e){this.track.classList.remove(i.FOCUSED_CLASS_NAME)}trackClicked(e){this.toggle()}checkboxToggled(e){this.toggle()}checkboxDisabled(e){this.disabled=e,this.disabled?this.track.classList.add(i.DISABLED_CLASS_NAME):this.track.classList.remove(i.DISABLED_CLASS_NAME)}syncState(){this.element.checked=this.checked,this.dispatchEvent()}dispatchEvent(){const e=new Event("change");this.element.dispatchEvent(e);const t=new Event("input");this.element.dispatchEvent(t)}handleTrackClick(e){this.disabled?e.preventDefault():this.trackClicked(e)}handleElementFocus(e){this.checkboxFocused(e)}handleElementBlur(e){this.checkboxBlurred(e)}handleElementClick(e){this.disabled?e.preventDefault():this.checkboxToggled(e)}handleMutation(e){e.forEach((e=>{if("attributes"===e.type&&"disabled"===e.attributeName){const t=!!e.target.attributes.disabled;this.checkboxDisabled(t)}}))}}function s(e={}){const t=document.querySelectorAll("[data-type='simple-switch']:not(._simple-switch-checkbox)");for(const s of t)new i(Object.assign({element:s},e))}function a(e,t=void 0){void 0!==t&&!!e.checked===t||e["_simple-switch-ref"].toggle()}i.CHECKED_CLASS_NAME="on",i.FOCUSED_CLASS_NAME="focus",i.DISABLED_CLASS_NAME="_simple-switch_disabled",SimpleSwitch=t})();

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

22486

decreased by-38.88%

Number of package files

6

decreased by-40%

Lines of code

12

decreased by-95.51%

No dependency changes