@savingsunited/zvezdochki - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

dist/demo.d3b53871.js

@@ -7,3 +7,3 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"LLHV":[function(require,module,exports) {
 },{}],"VgtN":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=i(require("fingerprintjs2"));function i(t){return t&&t.__esModule?t:{default:t}}function e(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}function a(t,i){for(var e=0;e<i.length;e++){var a=i[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function n(t,i,e){return i&&a(t.prototype,i),e&&a(t,e),t}var s=function(){function i(t,a){e(this,i),this.ratingEl=t,this.options={activeClass:"active",starDataAttr:"star",ratingDataAttr:"ratingValue",votedClassName:"star-rating--blocked",voted:!1,fingerPrint:!1},t&&a&&(this.options=Object.assign(this.options,a)),this.stars=this.ratingEl.querySelectorAll("[data-"+this.options.starDataAttr+"]"),this.init()}return n(i,[{key:"init",value:function(){this.setInitialRating(),this.options.fingerPrint&&this.getFingerPrint(),this.options.voted?this.blockVotes():(this.handleHover(),this.addClickHandler())}},{key:"submit",value:function(t){var i={star:t};this.options.fingerPrint&&(i.fingerPrint=this.options.fingerPrint);var e=new CustomEvent("vote",{detail:i});this.ratingEl.dispatchEvent(e)}},{key:"getFingerPrint",value:function(){var i=this;window.requestIdleCallback?requestIdleCallback(function(){t.default.get(function(e){var a=e.map(function(t){return t.value});i.options.fingerPrint=t.default.x64hash128(a.join(""),31)})}):setTimeout(function(){t.default.get(function(e){var a=e.map(function(t){return t.value});i.options.fingerPrint=t.default.x64hash128(a.join(""),31)})},500)}},{key:"blockVotes",value:function(){this.ratingEl.classList.add(this.options.votedClassName),this.options.voted=!0,this.ratingEl.style.pointerEvents=!1}},{key:"unblockVotes",value:function(){this.handleHover(),this.addClickHandler(),this.ratingEl.classList.remove(this.options.votedClassName),this.options.voted=!1,this.ratingEl.style.pointerEvents=""}},{key:"setInitialRating",value:function(){var t=this.ratingEl.dataset[this.options.ratingDataAttr.toLowerCase()];this.setActiveStar(t)}},{key:"setActiveStar",value:function(t){this.ratingEl.querySelector("*[data-"+this.options.starDataAttr+'="'+t+'"]').classList.add(this.options.activeClass)}},{key:"handleHover",value:function(){var t=this;this.stars.forEach(function(i){i.addEventListener("mouseenter",function(){t.stars.forEach(function(i){i.classList.remove(t.options.activeClass)})}),i.addEventListener("mouseleave",function(){t.setInitialRating()})})}},{key:"addClickHandler",value:function(){var t=this;this.ratingEl.addEventListener("click",function(i){if(i.preventDefault(),i.stopPropagation(),i.target.dataset[t.options.starDataAttr]&&!t.options.voted){var e=i.target.dataset[t.options.starDataAttr];i.target.classList.add(t.options.activeClass),t.ratingEl.dataset[t.options.ratingDataAttr.toLowerCase()]=e,t.submit(e),t.blockVotes()}})}}]),i}();exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=i(require("fingerprintjs2"));function i(t){return t&&t.__esModule?t:{default:t}}function e(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}function a(t,i){for(var e=0;e<i.length;e++){var a=i[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function n(t,i,e){return i&&a(t.prototype,i),e&&a(t,e),t}var s=function(){function i(t,a){e(this,i),this.ratingEl=t,this.options={activeClass:"active",starDataAttr:"star",ratingDataAttr:"ratingValue",votedClassName:"star-rating--blocked",voted:!1,fingerPrint:!1},t&&a&&(this.options=Object.assign(this.options,a)),this.stars=this.ratingEl.querySelectorAll("[data-"+this.options.starDataAttr+"]"),this.init()}return n(i,[{key:"init",value:function(){this.setInitialRating(),this.options.fingerPrint&&this.getFingerPrint(),this.options.voted?this.blockVotes():(this.handleHover(),this.addClickHandler())}},{key:"submit",value:function(t){var i={star:t};this.options.fingerPrint&&(i.fingerPrint=this.options.fingerPrint);var e=new CustomEvent("vote",{detail:i});this.ratingEl.dispatchEvent(e)}},{key:"getFingerPrint",value:function(){var i=this;window.requestIdleCallback?requestIdleCallback(function(){t.default.get(function(e){var a=e.map(function(t){return t.value});i.options.fingerPrint=t.default.x64hash128(a.join(""),31)})}):setTimeout(function(){t.default.get(function(e){var a=e.map(function(t){return t.value});i.options.fingerPrint=t.default.x64hash128(a.join(""),31)})},500)}},{key:"blockVotes",value:function(){this.ratingEl.classList.add(this.options.votedClassName),this.options.voted=!0,this.ratingEl.style.pointerEvents=!1}},{key:"unblockVotes",value:function(){this.handleHover(),this.addClickHandler(),this.ratingEl.classList.remove(this.options.votedClassName),this.options.voted=!1,this.ratingEl.style.pointerEvents=""}},{key:"setInitialRating",value:function(){var t=this.ratingEl.dataset[this.options.ratingDataAttr.toLowerCase()];this.setActiveStar(t)}},{key:"setActiveStar",value:function(t){this.ratingEl.querySelector("*[data-"+this.options.starDataAttr+'="'+t+'"]').classList.add(this.options.activeClass)}},{key:"handleHover",value:function(){var t=this;this.stars.forEach(function(i){i.addEventListener("mouseenter",function(){t.stars.forEach(function(i){i.classList.remove(t.options.activeClass)})}),i.addEventListener("mouseleave",function(){t.setInitialRating()})})}},{key:"addClickHandler",value:function(){var t=this;this.ratingEl.addEventListener("click",function(i){i.preventDefault();var e=i.target;if(e.dataset[t.options.starDataAttr]||(e=e.closest("[data-".concat(t.options.starDataAttr,"]"))),e.dataset[t.options.starDataAttr]&&!t.options.voted){var a=e.dataset[t.options.starDataAttr];e.classList.add(t.options.activeClass),t.ratingEl.dataset[t.options.ratingDataAttr.toLowerCase()]=a,t.submit(a),t.blockVotes()}},!0)}}]),i}();exports.default=s;
 },{"fingerprintjs2":"llUH"}],"ELfv":[function(require,module,exports) {
@@ -10,0 +10,0 @@ var define;

dist/Zvezdochki.3283b0c3.js

@@ -5,3 +5,3 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"llUH":[function(require,module,exports) {
 },{}],"VgtN":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=i(require("fingerprintjs2"));function i(t){return t&&t.__esModule?t:{default:t}}function e(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}function a(t,i){for(var e=0;e<i.length;e++){var a=i[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function n(t,i,e){return i&&a(t.prototype,i),e&&a(t,e),t}var s=function(){function i(t,a){e(this,i),this.ratingEl=t,this.options={activeClass:"active",starDataAttr:"star",ratingDataAttr:"ratingValue",votedClassName:"star-rating--blocked",voted:!1,fingerPrint:!1},t&&a&&(this.options=Object.assign(this.options,a)),this.stars=this.ratingEl.querySelectorAll("[data-"+this.options.starDataAttr+"]"),this.init()}return n(i,[{key:"init",value:function(){this.setInitialRating(),this.options.fingerPrint&&this.getFingerPrint(),this.options.voted?this.blockVotes():(this.handleHover(),this.addClickHandler())}},{key:"submit",value:function(t){var i={star:t};this.options.fingerPrint&&(i.fingerPrint=this.options.fingerPrint);var e=new CustomEvent("vote",{detail:i});this.ratingEl.dispatchEvent(e)}},{key:"getFingerPrint",value:function(){var i=this;window.requestIdleCallback?requestIdleCallback(function(){t.default.get(function(e){var a=e.map(function(t){return t.value});i.options.fingerPrint=t.default.x64hash128(a.join(""),31)})}):setTimeout(function(){t.default.get(function(e){var a=e.map(function(t){return t.value});i.options.fingerPrint=t.default.x64hash128(a.join(""),31)})},500)}},{key:"blockVotes",value:function(){this.ratingEl.classList.add(this.options.votedClassName),this.options.voted=!0,this.ratingEl.style.pointerEvents=!1}},{key:"unblockVotes",value:function(){this.handleHover(),this.addClickHandler(),this.ratingEl.classList.remove(this.options.votedClassName),this.options.voted=!1,this.ratingEl.style.pointerEvents=""}},{key:"setInitialRating",value:function(){var t=this.ratingEl.dataset[this.options.ratingDataAttr.toLowerCase()];this.setActiveStar(t)}},{key:"setActiveStar",value:function(t){this.ratingEl.querySelector("*[data-"+this.options.starDataAttr+'="'+t+'"]').classList.add(this.options.activeClass)}},{key:"handleHover",value:function(){var t=this;this.stars.forEach(function(i){i.addEventListener("mouseenter",function(){t.stars.forEach(function(i){i.classList.remove(t.options.activeClass)})}),i.addEventListener("mouseleave",function(){t.setInitialRating()})})}},{key:"addClickHandler",value:function(){var t=this;this.ratingEl.addEventListener("click",function(i){if(i.preventDefault(),i.stopPropagation(),i.target.dataset[t.options.starDataAttr]&&!t.options.voted){var e=i.target.dataset[t.options.starDataAttr];i.target.classList.add(t.options.activeClass),t.ratingEl.dataset[t.options.ratingDataAttr.toLowerCase()]=e,t.submit(e),t.blockVotes()}})}}]),i}();exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=i(require("fingerprintjs2"));function i(t){return t&&t.__esModule?t:{default:t}}function e(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}function a(t,i){for(var e=0;e<i.length;e++){var a=i[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function n(t,i,e){return i&&a(t.prototype,i),e&&a(t,e),t}var s=function(){function i(t,a){e(this,i),this.ratingEl=t,this.options={activeClass:"active",starDataAttr:"star",ratingDataAttr:"ratingValue",votedClassName:"star-rating--blocked",voted:!1,fingerPrint:!1},t&&a&&(this.options=Object.assign(this.options,a)),this.stars=this.ratingEl.querySelectorAll("[data-"+this.options.starDataAttr+"]"),this.init()}return n(i,[{key:"init",value:function(){this.setInitialRating(),this.options.fingerPrint&&this.getFingerPrint(),this.options.voted?this.blockVotes():(this.handleHover(),this.addClickHandler())}},{key:"submit",value:function(t){var i={star:t};this.options.fingerPrint&&(i.fingerPrint=this.options.fingerPrint);var e=new CustomEvent("vote",{detail:i});this.ratingEl.dispatchEvent(e)}},{key:"getFingerPrint",value:function(){var i=this;window.requestIdleCallback?requestIdleCallback(function(){t.default.get(function(e){var a=e.map(function(t){return t.value});i.options.fingerPrint=t.default.x64hash128(a.join(""),31)})}):setTimeout(function(){t.default.get(function(e){var a=e.map(function(t){return t.value});i.options.fingerPrint=t.default.x64hash128(a.join(""),31)})},500)}},{key:"blockVotes",value:function(){this.ratingEl.classList.add(this.options.votedClassName),this.options.voted=!0,this.ratingEl.style.pointerEvents=!1}},{key:"unblockVotes",value:function(){this.handleHover(),this.addClickHandler(),this.ratingEl.classList.remove(this.options.votedClassName),this.options.voted=!1,this.ratingEl.style.pointerEvents=""}},{key:"setInitialRating",value:function(){var t=this.ratingEl.dataset[this.options.ratingDataAttr.toLowerCase()];this.setActiveStar(t)}},{key:"setActiveStar",value:function(t){this.ratingEl.querySelector("*[data-"+this.options.starDataAttr+'="'+t+'"]').classList.add(this.options.activeClass)}},{key:"handleHover",value:function(){var t=this;this.stars.forEach(function(i){i.addEventListener("mouseenter",function(){t.stars.forEach(function(i){i.classList.remove(t.options.activeClass)})}),i.addEventListener("mouseleave",function(){t.setInitialRating()})})}},{key:"addClickHandler",value:function(){var t=this;this.ratingEl.addEventListener("click",function(i){i.preventDefault();var e=i.target;if(e.dataset[t.options.starDataAttr]||(e=e.closest("[data-".concat(t.options.starDataAttr,"]"))),e.dataset[t.options.starDataAttr]&&!t.options.voted){var a=e.dataset[t.options.starDataAttr];e.classList.add(t.options.activeClass),t.ratingEl.dataset[t.options.ratingDataAttr.toLowerCase()]=a,t.submit(a),t.blockVotes()}},!0)}}]),i}();exports.default=s;
 },{"fingerprintjs2":"llUH"}]},{},["VgtN"], null)

package.json

 {
   "name": "@savingsunited/zvezdochki",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "The component for easy creation of star rating components",
@@ -5,0 +5,0 @@ "main": "dist/Zvezdochki.3283b0c3.js",

src/Zvezdochki.js

@@ -117,7 +117,12 @@ import Fingerprint2 from "fingerprintjs2";
       ev.preventDefault();
-      ev.stopPropagation();
 
-      if (ev.target.dataset[this.options.starDataAttr] && !this.options.voted) {
-        let rating = ev.target.dataset[this.options.starDataAttr];
-        ev.target.classList.add(this.options.activeClass);
+      let target = ev.target;
+
+      if (!target.dataset[this.options.starDataAttr]) {
+        target = target.closest(`[data-${this.options.starDataAttr}]`);
+      }
+
+      if (target.dataset[this.options.starDataAttr] && !this.options.voted) {
+        let rating = target.dataset[this.options.starDataAttr];
+        target.classList.add(this.options.activeClass);
         this.ratingEl.dataset[this.options.ratingDataAttr.toLowerCase()] = rating;
@@ -129,5 +134,5 @@
       }
-    });
+    }, true);
   }
 }
 

No alert changes

Improved metrics

Total package byte prevSize

984789

increased by0.05%

Lines of code

665

increased by0.45%

No dependency changes