@crishellco/vue-hubble - npm Package Compare versions

Comparing version 3.4.2 to 3.5.0

dist/vue-hubble.es.js

@@ -1,2 +0,2 @@
-var e=Object.defineProperty,t=Object.defineProperties,o=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,u=(t,o,r)=>o in t?e(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r,i=(e,t)=>{for(var o in t||(t={}))n.call(t,o)&&u(e,o,t[o]);if(r)for(var o of r(t))l.call(t,o)&&u(e,o,t[o]);return e},s=(e,r)=>t(e,o(r));"undefined"!=typeof require&&require;const c="vue-hubble",b=e=>e.$hubble.environment.includes(process.env.NODE_ENV),d=e=>`// ${e}`,a=e=>{const t=((e,t,o)=>{const r=o=>String.prototype.split.call(t,o).filter(Boolean).reduce(((e,t)=>null!=e?e[t]:e),e),n=r(/[,[\]]+?/)||r(/[,[\].]+?/);return void 0===n||n===e?o:n})(e.$options,["hubble"],{});return"string"==typeof t?t:t.namespace},p=(e,t)=>{if(!t)return"";const o=[t];let r=e.$hubble.enableDeepNamespacing,n=a(e);if(r){let t=e;do{const e=a(t);e&&o.push(e),t=t.$parent}while(t)}else o.push(n);return(e.$hubble.prefix?`${e.$hubble.prefix}--`:"")+o.filter((e=>!!e)).reverse().join("--")},h=e=>`${e}`,m=(e,t,o)=>{const r=o.$hubble.enableGroupedSelectors?"[vue-hubble]":"";switch(t){case"class":return`${r}.${e}`;case"id":return`${r}#${e}`;case"attr":default:return`${r}[${e}]`}},v=async(e,{arg:t,value:o,oldValue:r},{context:n})=>{if(!b(n))return void(e.hubbleMouseover&&(document.removeEventListener("mouseover",e.hubbleMouseover),e.hubbleMouseover=void 0));if(!e.hubbleMouseover){const t=Math.random().toString(36).substr(2,11);e.hubbleMouseover=$(n,e,t),document.addEventListener("mouseover",e.hubbleMouseover)}t=t||n.$hubble.defaultSelectorType;const l=e.parentElement,u=p(n,o),i=p(n,r),s=m(u,t,n),c=m(i,t,n);if(n.$hubble.enableComments&&l)(({newQuerySelector:e,oldQuerySelector:t,element:o,value:r,parent:n})=>{const l=d(e),u=h(e),i=n.childNodes;if(w({nodes:i,element:o,parent:n,oldQuerySelector:t}),r&&r.length){const e=document.createComment(l),t=document.createComment(u);n.insertBefore(t,o),n.insertBefore(e,o.nextSibling)}})({newQuerySelector:s,oldQuerySelector:c,element:e,value:o,parent:l});else if(l){const t=l.childNodes;w({nodes:t,element:e,parent:l,oldQuerySelector:c})}f({element:e,oldSelector:i,newSelector:u,newQuerySelector:s}),y({arg:t,element:e,oldSelector:i,newSelector:u,newQuerySelector:s})},y=({arg:e,element:t,oldSelector:o,newSelector:r,newQuerySelector:n})=>{switch(e){case"class":o&&t.classList.remove(o),r&&(t.classList.add(r),t.setAttribute("vue-hubble-selector",n));break;case"id":t.id=r;break;case"attr":o&&t.removeAttribute(o),r&&t.setAttributeNode(t.ownerDocument.createAttribute(r));break;default:console.warn(`${e} is not a valid selector type, using attr instead`),o&&t.removeAttribute(o),r&&t.setAttributeNode(t.ownerDocument.createAttribute(r))}},f=({element:e,oldSelector:t,newSelector:o,newQuerySelector:r})=>{t&&e.removeAttribute(c),e.setAttributeNode(e.ownerDocument.createAttribute(c)),e.setAttribute("vue-hubble-selector",o?r:"")},w=({nodes:e,element:t,parent:o,oldQuerySelector:r})=>{const n=d(r),l=h(r);for(let u=0;u<e.length;u++){const r=e[u+1],i=e[u-1];e[u]===t&&r&&8===r.nodeType&&r.textContent===n&&o.removeChild(r),e[u]===t&&i&&8===i.nodeType&&i.textContent===l&&o.removeChild(i)}},$=(e,t,o)=>r=>{if(!(e=>e.$hubble.enableSelectorPicker)(e))return;const{target:n}=r,l=document.querySelector(`[vue-hubble-tooltip-id="${o}"]`),u=document.querySelector(`[vue-hubble-highlight-id="${o}"]`),i=n===t||n===l||t.contains(n);l&&l.remove(),u&&u.remove(),i&&(((e,t)=>{const{top:o,left:r,width:n}=e.getBoundingClientRect(),l=(i=e.getAttribute("vue-hubble-selector"),`'${i}'`),u=document.createElement("span");var i;u.style.position="fixed",u.style.padding="6px 10px",u.style.background="#374151",u.style.borderRadius="2px",u.style.boxShadow="0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)",u.style.color="#A5B4FC",u.style.fontWeight="400",u.style.userSelect="all",u.style.zIndex="99999999",u.style.cursor="pointer",u.style.fontSize="16px",u.style.fontFamily="monospace",u.style.whiteSpace="nowrap",u.style.textAlign="center",u.innerText=l,u.setAttribute("vue-hubble-tooltip-id",t),u.setAttributeNode(u.ownerDocument.createAttribute("vue-hubble-tooltip")),document.body.appendChild(u),u.style.width=`${u.offsetWidth}px`,u.style.left=`${Math.min(window.innerWidth-u.offsetWidth,Math.max(0,r+n/2-u.offsetWidth/2))}px`,u.style.top=`${Math.min(window.outerHeight-u.offsetHeight,Math.max(0,o-u.offsetHeight))}px`,u.addEventListener("click",(()=>{document.execCommand("copy"),u.innerText="Copied!",setTimeout((()=>{u.innerText=l}),1e3)}))})(t,o),((e,t)=>{const o=document.createElement("div"),{top:r,left:n,height:l,width:u}=e.getBoundingClientRect();o.style.position="fixed",o.style.width=`${u}px`,o.style.height=`${l}px`,o.style.left=`${n}px`,o.style.top=`${r}px`,o.style.pointerEvents="none",o.style.zIndex="99999998",o.style.background="rgba(99, 102, 241, .1)",o.style.border="1px solid #6366F1",o.setAttribute("vue-hubble-highlight-id",t),document.body.appendChild(o)})(t,o))};var g={bind:async(e,t,{context:o})=>{if(!o.hubbleUnwatch&&(o.hubbleUnwatch=o.$watch("$hubble",(function(){o.$forceUpdate()}),{deep:!0})),!b(o))return;const r=Math.random().toString(36).substr(2,11);e.hubbleMouseover=$(o,e,r),document.addEventListener("mouseover",e.hubbleMouseover)},inserted:v,update:v,unbind:async e=>{e.hubbleMouseover&&document.removeEventListener("mouseover",e.hubbleMouseover)}};const x={all:()=>[...document.querySelectorAll("[vue-hubble]")],allMapped(){return S(this.all())},find:e=>[...document.querySelectorAll(`[vue-hubble][${e}]`),...document.querySelectorAll(`[vue-hubble][class*="${e}"]`),...document.querySelectorAll(`[vue-hubble][id*="${e}"]`)],findMapped(e){return S(this.find(e))},first(e){return this.find(e).shift()}};function S(e){return[...e].reduce(((e,t)=>s(i({},e),{[t.getAttribute("vue-hubble-selector")]:t})),{})}const A={defaultSelectorType:"attr",enableComments:!1,enableDeepNamespacing:!0,enableSelectorPicker:!1,environment:"test",enableGroupedSelectors:!0,prefix:""};function M(e,t={}){const o=Object.assign(A,t);o.environment=[].concat(o.environment),Object.defineProperty(o,"NODE_ENV",{value:process.env.NODE_ENV,writable:!1});let r=new e({data:{$hubble:o}});e.mixin({computed:{$hubble:{get:()=>i({},r.$data.$hubble),set(e){r.$data.$hubble=s(i({},e),{environment:[].concat(e.environment)})}}}}),window.$hubble=s(i({},x),{options:r.$data.$hubble}),e.directive("hubble",g)}"undefined"!=typeof window&&window.Vue&&window.Vue.use(M);export{M as default,A as defaultConfig};
+var e=Object.defineProperty,t=Object.defineProperties,o=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,u=(t,o,n)=>o in t?e(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,i=(e,t)=>{for(var o in t||(t={}))r.call(t,o)&&u(e,o,t[o]);if(n)for(var o of n(t))l.call(t,o)&&u(e,o,t[o]);return e},s=(e,n)=>t(e,o(n));"undefined"!=typeof require&&require;const c="vue-hubble",b=e=>e.$hubble.environment.includes(process.env.NODE_ENV),d=e=>`// ${e}`,a=e=>{const t=((e,t,o)=>{const n=o=>String.prototype.split.call(t,o).filter(Boolean).reduce(((e,t)=>null!=e?e[t]:e),e),r=n(/[,[\]]+?/)||n(/[,[\].]+?/);return void 0===r||r===e?o:r})(e.$options,["hubble"],{});return"string"==typeof t?t:t.namespace},p=(e,t)=>{if(!t)return"";const o=[t];let n=e.$hubble.enableDeepNamespacing,r=a(e);if(n){let t=e;do{const e=a(t);e&&o.push(e),t=t.$parent}while(t)}else o.push(r);return(e.$hubble.prefix?`${e.$hubble.prefix}--`:"")+o.filter((e=>!!e)).reverse().join("--")},h=e=>`${e}`,m=(e,t,o)=>{const n=o.$hubble.enableGroupedSelectors?"[vue-hubble]":"";switch(t){case"class":return`${n}.${e}`;case"id":return`${n}#${e}`;case"attr":default:return`${n}[${e}]`}},v=async(e,{arg:t,value:o,oldValue:n},{context:r})=>{if(!b(r))return void(e.hubbleMouseover&&(document.removeEventListener("mouseover",e.hubbleMouseover),e.hubbleMouseover=void 0));if(!e.hubbleMouseover){const t=Math.random().toString(36).substr(2,11);e.hubbleMouseover=$(r,e,t),document.addEventListener("mouseover",e.hubbleMouseover)}t=t||r.$hubble.defaultSelectorType;const l=e.parentElement,u=p(r,o),i=p(r,n),s=m(u,t,r),c=m(i,t,r);if(r.$hubble.enableComments&&l)(({newQuerySelector:e,oldQuerySelector:t,element:o,value:n,parent:r})=>{const l=d(e),u=h(e),i=r.childNodes;if(w({nodes:i,element:o,parent:r,oldQuerySelector:t}),n&&n.length){const e=document.createComment(l),t=document.createComment(u);r.insertBefore(t,o),r.insertBefore(e,o.nextSibling)}})({newQuerySelector:s,oldQuerySelector:c,element:e,value:o,parent:l});else if(l){const t=l.childNodes;w({nodes:t,element:e,parent:l,oldQuerySelector:c})}f({element:e,oldSelector:i,newSelector:u,newQuerySelector:s}),y({arg:t,element:e,oldSelector:i,newSelector:u,newQuerySelector:s})},y=({arg:e,element:t,oldSelector:o,newSelector:n,newQuerySelector:r})=>{switch(e){case"class":o&&t.classList.remove(o),n&&(t.classList.add(n),t.setAttribute("vue-hubble-selector",r));break;case"id":t.id=n;break;case"attr":o&&t.removeAttribute(o),n&&t.setAttributeNode(t.ownerDocument.createAttribute(n));break;default:console.warn(`${e} is not a valid selector type, using attr instead`),o&&t.removeAttribute(o),n&&t.setAttributeNode(t.ownerDocument.createAttribute(n))}},f=({element:e,oldSelector:t,newSelector:o,newQuerySelector:n})=>{t&&e.removeAttribute(c),e.setAttributeNode(e.ownerDocument.createAttribute(c)),e.setAttribute("vue-hubble-selector",o?n:"")},w=({nodes:e,element:t,parent:o,oldQuerySelector:n})=>{const r=d(n),l=h(n);for(let u=0;u<e.length;u++){const n=e[u+1],i=e[u-1];e[u]===t&&n&&8===n.nodeType&&n.textContent===r&&o.removeChild(n),e[u]===t&&i&&8===i.nodeType&&i.textContent===l&&o.removeChild(i)}},$=(e,t,o)=>n=>{if(!(e=>e.$hubble.enableSelectorPicker)(e))return;const{target:r}=n,l=document.querySelector(`[vue-hubble-tooltip-id="${o}"]`),u=document.querySelector(`[vue-hubble-highlight-id="${o}"]`),i=r===t||r===l||t.contains(r);l&&l.remove(),u&&u.remove(),i&&(((e,t)=>{const{top:o,left:n,width:r}=e.getBoundingClientRect(),l=(i=e.getAttribute("vue-hubble-selector"),`'${i}'`),u=document.createElement("span");var i;u.style.position="fixed",u.style.padding="6px 10px",u.style.background="#374151",u.style.borderRadius="2px",u.style.boxShadow="0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)",u.style.color="#A5B4FC",u.style.fontWeight="400",u.style.userSelect="all",u.style.zIndex="99999999",u.style.cursor="pointer",u.style.fontSize="16px",u.style.fontFamily="monospace",u.style.whiteSpace="nowrap",u.style.textAlign="center",u.innerText=l,u.setAttribute("vue-hubble-tooltip-id",t),u.setAttributeNode(u.ownerDocument.createAttribute("vue-hubble-tooltip")),document.body.appendChild(u),u.style.width=`${u.offsetWidth}px`,u.style.left=`${Math.min(window.innerWidth-u.offsetWidth,Math.max(0,n+r/2-u.offsetWidth/2))}px`,u.style.top=`${Math.min(window.outerHeight-u.offsetHeight,Math.max(0,o-u.offsetHeight))}px`,u.addEventListener("click",(()=>{document.execCommand("copy"),u.innerText="Copied!",setTimeout((()=>{u.innerText=l}),1e3)}))})(t,o),((e,t)=>{const o=document.createElement("div"),{top:n,left:r,height:l,width:u}=e.getBoundingClientRect();o.style.position="fixed",o.style.width=`${u}px`,o.style.height=`${l}px`,o.style.left=`${r}px`,o.style.top=`${n}px`,o.style.pointerEvents="none",o.style.zIndex="99999998",o.style.background="rgba(99, 102, 241, .1)",o.style.border="1px solid #6366F1",o.setAttribute("vue-hubble-highlight-id",t),document.body.appendChild(o)})(t,o))};var g={bind:async(e,t,{context:o})=>{if(!o.hubbleUnwatch&&(o.hubbleUnwatch=o.$watch("$hubble",(function(){o.$forceUpdate()}),{deep:!0})),!b(o))return;const n=Math.random().toString(36).substr(2,11);e.hubbleMouseover=$(o,e,n),document.addEventListener("mouseover",e.hubbleMouseover)},inserted:v,update:v,unbind:async e=>{e.hubbleMouseover&&document.removeEventListener("mouseover",e.hubbleMouseover)}};const x=e=>({all:()=>[...document.querySelectorAll("[vue-hubble]")],allMapped(){return S(this.all())},find:e=>[...document.querySelectorAll(`[vue-hubble][${e}]`),...document.querySelectorAll(`[vue-hubble][class*="${e}"]`),...document.querySelectorAll(`[vue-hubble][id*="${e}"]`)],findMapped(e){return S(this.find(e))},first(e){return this.find(e).shift()},resetOptions(){window.$hubble.options=i({},e)}});function S(e){return[...e].reduce(((e,t)=>s(i({},e),{[t.getAttribute("vue-hubble-selector")]:t})),{})}const A={defaultSelectorType:"attr",enableComments:!1,enableDeepNamespacing:!0,enableSelectorPicker:!1,environment:"test",enableGroupedSelectors:!0,prefix:""};function M(e,t={}){const o=Object.assign(A,t);o.environment=[].concat(o.environment),Object.defineProperty(o,"NODE_ENV",{value:process.env.NODE_ENV,writable:!1});let n=new e({data:{$hubble:o}});e.mixin({computed:{$hubble:{get:()=>i({},n.$data.$hubble),set(e){n.$data.$hubble=s(i({},e),{environment:[].concat(e.environment)})}}}}),window.$hubble=s(i({},x(i({},o))),{options:n.$data.$hubble}),e.directive("hubble",g)}"undefined"!=typeof window&&window.Vue&&window.Vue.use(M);export{M as default,A as defaultConfig};
 //# sourceMappingURL=vue-hubble.es.js.map

dist/vue-hubble.umd.js

@@ -1,2 +0,2 @@
-var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).VueHubble={})}(this,(function(e){"use strict";const t="vue-hubble",o=e=>e.$hubble.environment.includes(process.env.NODE_ENV),r=e=>`// ${e}`,n=e=>{const t=((e,t,o)=>{const r=o=>String.prototype.split.call(t,o).filter(Boolean).reduce(((e,t)=>null!=e?e[t]:e),e),n=r(/[,[\]]+?/)||r(/[,[\].]+?/);return void 0===n||n===e?o:n})(e.$options,["hubble"],{});return"string"==typeof t?t:t.namespace},l=(e,t)=>{if(!t)return"";const o=[t];let r=e.$hubble.enableDeepNamespacing,l=n(e);if(r){let t=e;do{const e=n(t);e&&o.push(e),t=t.$parent}while(t)}else o.push(l);return(e.$hubble.prefix?`${e.$hubble.prefix}--`:"")+o.filter((e=>!!e)).reverse().join("--")},s=e=>`${e}`,u=(e,t,o)=>{const r=o.$hubble.enableGroupedSelectors?"[vue-hubble]":"";switch(t){case"class":return`${r}.${e}`;case"id":return`${r}#${e}`;case"attr":default:return`${r}[${e}]`}},i=async(e,{arg:t,value:n,oldValue:i},{context:p})=>{if(!o(p))return void(e.hubbleMouseover&&(document.removeEventListener("mouseover",e.hubbleMouseover),e.hubbleMouseover=void 0));if(!e.hubbleMouseover){const t=Math.random().toString(36).substr(2,11);e.hubbleMouseover=b(p,e,t),document.addEventListener("mouseover",e.hubbleMouseover)}t=t||p.$hubble.defaultSelectorType;const h=e.parentElement,m=l(p,n),f=l(p,i),y=u(m,t,p),v=u(f,t,p);if(p.$hubble.enableComments&&h)(({newQuerySelector:e,oldQuerySelector:t,element:o,value:n,parent:l})=>{const u=r(e),i=s(e),d=l.childNodes;if(a({nodes:d,element:o,parent:l,oldQuerySelector:t}),n&&n.length){const e=document.createComment(u),t=document.createComment(i);l.insertBefore(t,o),l.insertBefore(e,o.nextSibling)}})({newQuerySelector:y,oldQuerySelector:v,element:e,value:n,parent:h});else if(h){const t=h.childNodes;a({nodes:t,element:e,parent:h,oldQuerySelector:v})}c({element:e,oldSelector:f,newSelector:m,newQuerySelector:y}),d({arg:t,element:e,oldSelector:f,newSelector:m,newQuerySelector:y})},d=({arg:e,element:t,oldSelector:o,newSelector:r,newQuerySelector:n})=>{switch(e){case"class":o&&t.classList.remove(o),r&&(t.classList.add(r),t.setAttribute("vue-hubble-selector",n));break;case"id":t.id=r;break;case"attr":o&&t.removeAttribute(o),r&&t.setAttributeNode(t.ownerDocument.createAttribute(r));break;default:console.warn(`${e} is not a valid selector type, using attr instead`),o&&t.removeAttribute(o),r&&t.setAttributeNode(t.ownerDocument.createAttribute(r))}},c=({element:e,oldSelector:o,newSelector:r,newQuerySelector:n})=>{o&&e.removeAttribute(t),e.setAttributeNode(e.ownerDocument.createAttribute(t)),e.setAttribute("vue-hubble-selector",r?n:"")},a=({nodes:e,element:t,parent:o,oldQuerySelector:n})=>{const l=r(n),u=s(n);for(let r=0;r<e.length;r++){const n=e[r+1],s=e[r-1];e[r]===t&&n&&8===n.nodeType&&n.textContent===l&&o.removeChild(n),e[r]===t&&s&&8===s.nodeType&&s.textContent===u&&o.removeChild(s)}},b=(e,t,o)=>r=>{if(!(e=>e.$hubble.enableSelectorPicker)(e))return;const{target:n}=r,l=document.querySelector(`[vue-hubble-tooltip-id="${o}"]`),s=document.querySelector(`[vue-hubble-highlight-id="${o}"]`),u=n===t||n===l||t.contains(n);l&&l.remove(),s&&s.remove(),u&&(((e,t)=>{const{top:o,left:r,width:n}=e.getBoundingClientRect(),l=(u=e.getAttribute("vue-hubble-selector"),`'${u}'`),s=document.createElement("span");var u;s.style.position="fixed",s.style.padding="6px 10px",s.style.background="#374151",s.style.borderRadius="2px",s.style.boxShadow="0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)",s.style.color="#A5B4FC",s.style.fontWeight="400",s.style.userSelect="all",s.style.zIndex="99999999",s.style.cursor="pointer",s.style.fontSize="16px",s.style.fontFamily="monospace",s.style.whiteSpace="nowrap",s.style.textAlign="center",s.innerText=l,s.setAttribute("vue-hubble-tooltip-id",t),s.setAttributeNode(s.ownerDocument.createAttribute("vue-hubble-tooltip")),document.body.appendChild(s),s.style.width=`${s.offsetWidth}px`,s.style.left=`${Math.min(window.innerWidth-s.offsetWidth,Math.max(0,r+n/2-s.offsetWidth/2))}px`,s.style.top=`${Math.min(window.outerHeight-s.offsetHeight,Math.max(0,o-s.offsetHeight))}px`,s.addEventListener("click",(()=>{document.execCommand("copy"),s.innerText="Copied!",setTimeout((()=>{s.innerText=l}),1e3)}))})(t,o),((e,t)=>{const o=document.createElement("div"),{top:r,left:n,height:l,width:s}=e.getBoundingClientRect();o.style.position="fixed",o.style.width=`${s}px`,o.style.height=`${l}px`,o.style.left=`${n}px`,o.style.top=`${r}px`,o.style.pointerEvents="none",o.style.zIndex="99999998",o.style.background="rgba(99, 102, 241, .1)",o.style.border="1px solid #6366F1",o.setAttribute("vue-hubble-highlight-id",t),document.body.appendChild(o)})(t,o))};var p={bind:async(e,t,{context:r})=>{if(!r.hubbleUnwatch&&(r.hubbleUnwatch=r.$watch("$hubble",(function(){r.$forceUpdate()}),{deep:!0})),!o(r))return;const n=Math.random().toString(36).substr(2,11);e.hubbleMouseover=b(r,e,n),document.addEventListener("mouseover",e.hubbleMouseover)},inserted:i,update:i,unbind:async e=>{e.hubbleMouseover&&document.removeEventListener("mouseover",e.hubbleMouseover)}};const h={all:()=>[...document.querySelectorAll("[vue-hubble]")],allMapped(){return m(this.all())},find:e=>[...document.querySelectorAll(`[vue-hubble][${e}]`),...document.querySelectorAll(`[vue-hubble][class*="${e}"]`),...document.querySelectorAll(`[vue-hubble][id*="${e}"]`)],findMapped(e){return m(this.find(e))},first(e){return this.find(e).shift()}};function m(e){return[...e].reduce(((e,t)=>__spreadProps(__spreadValues({},e),{[t.getAttribute("vue-hubble-selector")]:t})),{})}const f={defaultSelectorType:"attr",enableComments:!1,enableDeepNamespacing:!0,enableSelectorPicker:!1,environment:"test",enableGroupedSelectors:!0,prefix:""};function y(e,t={}){const o=Object.assign(f,t);o.environment=[].concat(o.environment),Object.defineProperty(o,"NODE_ENV",{value:process.env.NODE_ENV,writable:!1});let r=new e({data:{$hubble:o}});e.mixin({computed:{$hubble:{get:()=>__spreadValues({},r.$data.$hubble),set(e){r.$data.$hubble=__spreadProps(__spreadValues({},e),{environment:[].concat(e.environment)})}}}}),window.$hubble=__spreadProps(__spreadValues({},h),{options:r.$data.$hubble}),e.directive("hubble",p)}"undefined"!=typeof window&&window.Vue&&window.Vue.use(y),e.default=y,e.defaultConfig=f,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t)),__require="undefined"!=typeof require?require:e=>{throw new Error('Dynamic require of "'+e+'" is not supported')};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).VueHubble={})}(this,(function(e){"use strict";const t="vue-hubble",o=e=>e.$hubble.environment.includes(process.env.NODE_ENV),r=e=>`// ${e}`,n=e=>{const t=((e,t,o)=>{const r=o=>String.prototype.split.call(t,o).filter(Boolean).reduce(((e,t)=>null!=e?e[t]:e),e),n=r(/[,[\]]+?/)||r(/[,[\].]+?/);return void 0===n||n===e?o:n})(e.$options,["hubble"],{});return"string"==typeof t?t:t.namespace},l=(e,t)=>{if(!t)return"";const o=[t];let r=e.$hubble.enableDeepNamespacing,l=n(e);if(r){let t=e;do{const e=n(t);e&&o.push(e),t=t.$parent}while(t)}else o.push(l);return(e.$hubble.prefix?`${e.$hubble.prefix}--`:"")+o.filter((e=>!!e)).reverse().join("--")},s=e=>`${e}`,u=(e,t,o)=>{const r=o.$hubble.enableGroupedSelectors?"[vue-hubble]":"";switch(t){case"class":return`${r}.${e}`;case"id":return`${r}#${e}`;case"attr":default:return`${r}[${e}]`}},i=async(e,{arg:t,value:n,oldValue:i},{context:p})=>{if(!o(p))return void(e.hubbleMouseover&&(document.removeEventListener("mouseover",e.hubbleMouseover),e.hubbleMouseover=void 0));if(!e.hubbleMouseover){const t=Math.random().toString(36).substr(2,11);e.hubbleMouseover=b(p,e,t),document.addEventListener("mouseover",e.hubbleMouseover)}t=t||p.$hubble.defaultSelectorType;const h=e.parentElement,m=l(p,n),f=l(p,i),y=u(m,t,p),v=u(f,t,p);if(p.$hubble.enableComments&&h)(({newQuerySelector:e,oldQuerySelector:t,element:o,value:n,parent:l})=>{const u=r(e),i=s(e),d=l.childNodes;if(c({nodes:d,element:o,parent:l,oldQuerySelector:t}),n&&n.length){const e=document.createComment(u),t=document.createComment(i);l.insertBefore(t,o),l.insertBefore(e,o.nextSibling)}})({newQuerySelector:y,oldQuerySelector:v,element:e,value:n,parent:h});else if(h){const t=h.childNodes;c({nodes:t,element:e,parent:h,oldQuerySelector:v})}a({element:e,oldSelector:f,newSelector:m,newQuerySelector:y}),d({arg:t,element:e,oldSelector:f,newSelector:m,newQuerySelector:y})},d=({arg:e,element:t,oldSelector:o,newSelector:r,newQuerySelector:n})=>{switch(e){case"class":o&&t.classList.remove(o),r&&(t.classList.add(r),t.setAttribute("vue-hubble-selector",n));break;case"id":t.id=r;break;case"attr":o&&t.removeAttribute(o),r&&t.setAttributeNode(t.ownerDocument.createAttribute(r));break;default:console.warn(`${e} is not a valid selector type, using attr instead`),o&&t.removeAttribute(o),r&&t.setAttributeNode(t.ownerDocument.createAttribute(r))}},a=({element:e,oldSelector:o,newSelector:r,newQuerySelector:n})=>{o&&e.removeAttribute(t),e.setAttributeNode(e.ownerDocument.createAttribute(t)),e.setAttribute("vue-hubble-selector",r?n:"")},c=({nodes:e,element:t,parent:o,oldQuerySelector:n})=>{const l=r(n),u=s(n);for(let r=0;r<e.length;r++){const n=e[r+1],s=e[r-1];e[r]===t&&n&&8===n.nodeType&&n.textContent===l&&o.removeChild(n),e[r]===t&&s&&8===s.nodeType&&s.textContent===u&&o.removeChild(s)}},b=(e,t,o)=>r=>{if(!(e=>e.$hubble.enableSelectorPicker)(e))return;const{target:n}=r,l=document.querySelector(`[vue-hubble-tooltip-id="${o}"]`),s=document.querySelector(`[vue-hubble-highlight-id="${o}"]`),u=n===t||n===l||t.contains(n);l&&l.remove(),s&&s.remove(),u&&(((e,t)=>{const{top:o,left:r,width:n}=e.getBoundingClientRect(),l=(u=e.getAttribute("vue-hubble-selector"),`'${u}'`),s=document.createElement("span");var u;s.style.position="fixed",s.style.padding="6px 10px",s.style.background="#374151",s.style.borderRadius="2px",s.style.boxShadow="0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)",s.style.color="#A5B4FC",s.style.fontWeight="400",s.style.userSelect="all",s.style.zIndex="99999999",s.style.cursor="pointer",s.style.fontSize="16px",s.style.fontFamily="monospace",s.style.whiteSpace="nowrap",s.style.textAlign="center",s.innerText=l,s.setAttribute("vue-hubble-tooltip-id",t),s.setAttributeNode(s.ownerDocument.createAttribute("vue-hubble-tooltip")),document.body.appendChild(s),s.style.width=`${s.offsetWidth}px`,s.style.left=`${Math.min(window.innerWidth-s.offsetWidth,Math.max(0,r+n/2-s.offsetWidth/2))}px`,s.style.top=`${Math.min(window.outerHeight-s.offsetHeight,Math.max(0,o-s.offsetHeight))}px`,s.addEventListener("click",(()=>{document.execCommand("copy"),s.innerText="Copied!",setTimeout((()=>{s.innerText=l}),1e3)}))})(t,o),((e,t)=>{const o=document.createElement("div"),{top:r,left:n,height:l,width:s}=e.getBoundingClientRect();o.style.position="fixed",o.style.width=`${s}px`,o.style.height=`${l}px`,o.style.left=`${n}px`,o.style.top=`${r}px`,o.style.pointerEvents="none",o.style.zIndex="99999998",o.style.background="rgba(99, 102, 241, .1)",o.style.border="1px solid #6366F1",o.setAttribute("vue-hubble-highlight-id",t),document.body.appendChild(o)})(t,o))};var p={bind:async(e,t,{context:r})=>{if(!r.hubbleUnwatch&&(r.hubbleUnwatch=r.$watch("$hubble",(function(){r.$forceUpdate()}),{deep:!0})),!o(r))return;const n=Math.random().toString(36).substr(2,11);e.hubbleMouseover=b(r,e,n),document.addEventListener("mouseover",e.hubbleMouseover)},inserted:i,update:i,unbind:async e=>{e.hubbleMouseover&&document.removeEventListener("mouseover",e.hubbleMouseover)}};const h=e=>({all:()=>[...document.querySelectorAll("[vue-hubble]")],allMapped(){return m(this.all())},find:e=>[...document.querySelectorAll(`[vue-hubble][${e}]`),...document.querySelectorAll(`[vue-hubble][class*="${e}"]`),...document.querySelectorAll(`[vue-hubble][id*="${e}"]`)],findMapped(e){return m(this.find(e))},first(e){return this.find(e).shift()},resetOptions(){window.$hubble.options=__spreadValues({},e)}});function m(e){return[...e].reduce(((e,t)=>__spreadProps(__spreadValues({},e),{[t.getAttribute("vue-hubble-selector")]:t})),{})}const f={defaultSelectorType:"attr",enableComments:!1,enableDeepNamespacing:!0,enableSelectorPicker:!1,environment:"test",enableGroupedSelectors:!0,prefix:""};function y(e,t={}){const o=Object.assign(f,t);o.environment=[].concat(o.environment),Object.defineProperty(o,"NODE_ENV",{value:process.env.NODE_ENV,writable:!1});let r=new e({data:{$hubble:o}});e.mixin({computed:{$hubble:{get:()=>__spreadValues({},r.$data.$hubble),set(e){r.$data.$hubble=__spreadProps(__spreadValues({},e),{environment:[].concat(e.environment)})}}}}),window.$hubble=__spreadProps(__spreadValues({},h(__spreadValues({},o))),{options:r.$data.$hubble}),e.directive("hubble",p)}"undefined"!=typeof window&&window.Vue&&window.Vue.use(y),e.default=y,e.defaultConfig=f,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
 //# sourceMappingURL=vue-hubble.umd.js.map

package.json

 {
   "name": "@crishellco/vue-hubble",
-  "version": "3.4.2",
+  "version": "3.5.0",
   "author": "Chris Mitchell (@crishellco)",
@@ -5,0 +5,0 @@ "description": "Vue test selectors made easy",

README.md

 <p align="center"><a href="https://vue-hubble.crishell.co/" target="_blank" rel="noopener noreferrer"><img src="docs/src/.vuepress/public/assets/img/logo.png"></a><br></p>
 
-
 <p align="center">
@@ -5,0 +4,0 @@ <img src="https://github.com/crishellco/vue-hubble/workflows/Build/badge.svg" alt="Build">

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

Improved metrics

Total package byte prevSize

59022

increased by0.91%

Lines of code

57

increased by1.79%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of lines in readme file

43

decreased by-2.27%

No dependency changes