@webreact/webreact-components - npm Package Compare versions

Comparing version 0.4.39 to 0.4.40

dist/cjs/wr-case.cjs.entry.js

@@ -564,3 +564,3 @@ 'use strict';
 
-const wrCaseCss = ".atropos{position:relative;display:block;-webkit-perspective:1200px;perspective:1200px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{-ms-touch-action:pan-y;touch-action:pan-y}.atropos-rotate-touch-scroll-x{-ms-touch-action:pan-x;touch-action:pan-x}.atropos-rotate-touch{-ms-touch-action:none;touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;-webkit-filter:blur(30px);filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1 !important}[data-atropos-offset]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-atropos-opacity]{-webkit-transition-property:opacity;transition-property:opacity}[data-atropos-offset][data-atropos-opacity]{-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform}:host{display:block;width:100%}.perspective-wrapper{-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 1, 1);transition-timing-function:cubic-bezier(0.4, 0, 1, 1);position:relative;width:100%;overflow:hidden}.case-card.mockup-front .case-card__accessory{z-index:0}.case-card__accessory,.case-card__mockup{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;margin:0px}.case-card__accessory img,.case-card__mockup img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 768px){.case-card__accessory img,.case-card__mockup img{-o-object-fit:none;object-fit:none}}.case-card__accessory img,.case-card__mockup img{position:absolute;top:0px;right:0px;bottom:0px;left:0px}.case-card .background-image{position:relative;top:0px;right:0px;bottom:0px;left:0px;margin:0px}.case-card .background-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:.25rem}.case-card .case-card__body{bottom:1rem;padding-top:1.25rem}@media (min-width: 375px){.case-card .case-card__body{bottom:1.75rem}}@media (min-width: 768px){.case-card .case-card__body{bottom:2.5rem}}.case-card .case-card__body{position:absolute;z-index:50;left:2.5rem;right:2.5rem}@media (min-width: 375px){.case-card .case-card__body{left:3.5rem;right:3.5rem}}@media (min-width: 768px){.case-card .case-card__body{left:5.5rem;right:5.5rem}}.case-card h2,.case-card h5{margin:0px;color:var(--text-color)}.case-card h2{font-size:1.25rem;line-height:2rem}@media (min-width: 768px){.case-card h2{font-size:2.5rem;line-height:3.5rem}}.case-card h5{font-size:0.9375rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.case-card h5{font-size:1.25rem;line-height:2rem}}";
+const wrCaseCss = ".atropos{position:relative;display:block;-webkit-perspective:1200px;perspective:1200px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{-ms-touch-action:pan-y;touch-action:pan-y}.atropos-rotate-touch-scroll-x{-ms-touch-action:pan-x;touch-action:pan-x}.atropos-rotate-touch{-ms-touch-action:none;touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;-webkit-filter:blur(30px);filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1 !important}[data-atropos-offset]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-atropos-opacity]{-webkit-transition-property:opacity;transition-property:opacity}[data-atropos-offset][data-atropos-opacity]{-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform}:host{display:block;width:100%}.perspective-wrapper{-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 1, 1);transition-timing-function:cubic-bezier(0.4, 0, 1, 1);position:relative;width:100%;overflow:hidden}.case-card.mockup-front .case-card__accessory{z-index:0}.case-card__accessory,.case-card__mockup{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;margin:0px}.case-card__accessory img,.case-card__mockup img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0px;right:0px;bottom:0px;left:0px}.case-card .background-image{position:relative;top:0px;right:0px;bottom:0px;left:0px;margin:0px}.case-card .background-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:.25rem;display:block}.case-card .case-card__body{bottom:1rem;padding-top:1.25rem}@media (min-width: 375px){.case-card .case-card__body{bottom:1.75rem}}@media (min-width: 768px){.case-card .case-card__body{bottom:2.5rem}}.case-card .case-card__body{position:absolute;z-index:50;left:2.5rem;right:2.5rem}@media (min-width: 375px){.case-card .case-card__body{left:3.5rem;right:3.5rem}}@media (min-width: 768px){.case-card .case-card__body{left:5.5rem;right:5.5rem}}.case-card h2,.case-card h5{margin:0px;color:var(--text-color)}.case-card h2{font-size:1.25rem;line-height:2rem}@media (min-width: 768px){.case-card h2{font-size:2.5rem;line-height:3.5rem}}.case-card h5{font-size:0.9375rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.case-card h5{font-size:1.25rem;line-height:2rem}}";
 
@@ -567,0 +567,0 @@ let WrCase = class {

dist/esm-es5/wr-case.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,h}from"./index-e41e20bc.js";function _extends(){_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r){if(Object.prototype.hasOwnProperty.call(r,a)){t[a]=r[a]}}}return t};return _extends.apply(this,arguments)}var $=function t(e,r){return e.querySelector(r)};var $$=function t(e,r){return e.querySelectorAll(r)};var removeUndefinedProps=function t(e){if(e===void 0){e={}}var r={};Object.keys(e).forEach((function(t){if(typeof e[t]!=="undefined")r[t]=e[t]}));return r};function Atropos(t){if(t===void 0){t={}}var e=t,r=e.el,a=e.eventsEl;var o={__atropos__:true,params:_extends({alwaysActive:false,activeOffset:50,shadowOffset:50,shadowScale:1,duration:300,rotate:true,rotateTouch:true,rotateXMax:15,rotateYMax:15,rotateXInvert:false,rotateYInvert:false,stretchX:0,stretchY:0,stretchZ:0,commonOrigin:true,shadow:true,highlight:true,onEnter:null,onLeave:null,onRotate:null},removeUndefinedProps(t||{})),destroyed:false,isActive:false};var i=o.params;var n;var s;var c;var p;var f;var u;var d;var l;var h;var m;var v=[];var y;var g=function t(){y=requestAnimationFrame((function(){v.forEach((function(t){if(typeof t==="function"){t()}else{var e=t.element,r=t.prop,a=t.value;e.style[r]=a}}));v.splice(0,v.length);t()}))};g();var b=function t(e,r){v.push({element:e,prop:"transitionDuration",value:r})};var w=function t(e,r){v.push({element:e,prop:"transitionTimingFunction",value:r})};var x=function t(e,r){v.push({element:e,prop:"transform",value:r})};var k=function t(e,r){v.push({element:e,prop:"opacity",value:r})};var _=function t(e,r){v.push({element:e,prop:"transformOrigin",value:r})};var M=function t(e,r,a,o){return e.addEventListener(r,a,o)};var L=function t(e,r,a,o){return e.removeEventListener(r,a,o)};var O=function t(){var e;u=$(r,".atropos-shadow");if(!u){u=document.createElement("span");u.classList.add("atropos-shadow");e=true}x(u,"translate3d(0,0,-"+i.shadowOffset+"px) scale("+i.shadowScale+")");if(e){n.appendChild(u)}};var E=function t(){var e;d=$(r,".atropos-highlight");if(!d){d=document.createElement("span");d.classList.add("atropos-highlight");e=true}x(d,"translate3d(0,0,0)");if(e){c.appendChild(d)}};var I=function t(e){var a=e.rotateXPercentage,o=a===void 0?0:a,i=e.rotateYPercentage,n=i===void 0?0:i,s=e.duration,c=e.opacityOnly,p=e.easeOut;var f=function t(e){if(e.dataset.atroposOpacity&&typeof e.dataset.atroposOpacity==="string"){return e.dataset.atroposOpacity.split(";").map((function(t){return parseFloat(t)}))}return undefined};$$(r,"[data-atropos-offset], [data-atropos-opacity]").forEach((function(t){b(t,s);w(t,p?"ease-out":"");var e=f(t);if(o===0&&n===0){if(!c)x(t,"translate3d(0, 0, 0)");if(e)k(t,e[0])}else{var r=parseFloat(t.dataset.atroposOffset)/100;if(!Number.isNaN(r)&&!c){x(t,"translate3d("+-n*-r+"%, "+o*-r+"%, 0)")}if(e){var a=e[0],i=e[1];var u=Math.max(Math.abs(o),Math.abs(n));k(t,a+(i-a)*u/100)}}}))};var T=function t(e,o){var s=r!==a;if(!p){p=r.getBoundingClientRect()}if(s&&!f){f=a.getBoundingClientRect()}if(typeof e==="undefined"&&typeof o==="undefined"){var c=s?f:p;e=c.left+c.width/2;o=c.top+c.height/2}var u=0;var l=0;var h=p,m=h.top,v=h.left,y=h.width,g=h.height;var M;if(!s){var L=y/2;var O=g/2;var E=e-v;var T=o-m;l=i.rotateYMax*(E-L)/(y/2)*-1;u=i.rotateXMax*(T-O)/(g/2)}else{var A=f,X=A.top,Y=A.left,C=A.width,z=A.height;var $=v-Y;var j=m-X;var R=y/2+$;var D=g/2+j;var P=e-Y;var F=o-X;l=i.rotateYMax*(P-R)/(C-y/2)*-1;u=i.rotateXMax*(F-D)/(z-g/2);M=e-v+"px "+(o-m)+"px"}u=Math.min(Math.max(-u,-i.rotateXMax),i.rotateXMax);if(i.rotateXInvert)u=-u;l=Math.min(Math.max(-l,-i.rotateYMax),i.rotateYMax);if(i.rotateYInvert)l=-l;var B=u/i.rotateXMax*100;var S=l/i.rotateYMax*100;var q=(s?S/100*i.stretchX:0)*(i.rotateYInvert?-1:1);var W=(s?B/100*i.stretchY:0)*(i.rotateXInvert?-1:1);var N=s?Math.max(Math.abs(B),Math.abs(S))/100*i.stretchZ:0;x(n,"translate3d("+q+"%, "+-W+"%, "+-N+"px) rotateX("+u+"deg) rotateY("+l+"deg)");if(M&&i.commonOrigin){_(n,M)}if(d){b(d,i.duration+"ms");w(d,"ease-out");x(d,"translate3d("+-S*.25+"%, "+B*.25+"%, 0)");k(d,Math.max(Math.abs(B),Math.abs(S))/100)}I({rotateXPercentage:B,rotateYPercentage:S,duration:i.duration+"ms",easeOut:true});if(typeof i.onRotate==="function")i.onRotate(u,l)};var A=function t(){v.push((function(){return r.classList.add("atropos-active")}));b(n,i.duration+"ms");w(n,"ease-out");x(s,"translate3d(0,0, "+i.activeOffset+"px)");b(s,i.duration+"ms");w(s,"ease-out");if(u){b(u,i.duration+"ms");w(u,"ease-out")}o.isActive=true};var X=function t(e){l=undefined;if(e.type==="pointerdown"&&e.pointerType==="mouse")return;if(e.type==="pointerenter"&&e.pointerType!=="mouse")return;if(e.type==="pointerdown"){e.preventDefault()}h=e.clientX;m=e.clientY;if(i.alwaysActive){p=undefined;f=undefined;return}A();if(typeof i.onEnter==="function")i.onEnter()};var Y=function t(e){if(l===false&&e.cancelable){e.preventDefault()}};var C=function t(e){if(!i.rotate||!o.isActive)return;if(e.pointerType!=="mouse"){if(!i.rotateTouch)return;e.preventDefault()}var a=e.clientX,n=e.clientY;var s=a-h;var c=n-m;if(typeof i.rotateTouch==="string"&&(s!==0||c!==0)&&typeof l==="undefined"){if(s*s+c*c>=25){var p=Math.atan2(Math.abs(c),Math.abs(s))*180/Math.PI;l=i.rotateTouch==="scroll-y"?p>45:90-p>45}if(l===false){r.classList.add("atropos-rotate-touch");if(e.cancelable){e.preventDefault()}}}if(e.pointerType!=="mouse"&&l){return}T(a,n)};var z=function t(e){p=undefined;f=undefined;if(!o.isActive)return;if(e&&e.type==="pointerup"&&e.pointerType==="mouse")return;if(e&&e.type==="pointerleave"&&e.pointerType!=="mouse")return;if(typeof i.rotateTouch==="string"&&l){r.classList.remove("atropos-rotate-touch")}if(i.alwaysActive){T();if(typeof i.onRotate==="function")i.onRotate(0,0);if(typeof i.onLeave==="function")i.onLeave();return}v.push((function(){return r.classList.remove("atropos-active")}));b(s,i.duration+"ms");w(s,"");x(s,"translate3d(0,0, "+0+"px)");if(u){b(u,i.duration+"ms");w(u,"")}if(d){b(d,i.duration+"ms");w(d,"");x(d,"translate3d(0, 0, 0)");k(d,0)}b(n,i.duration+"ms");w(n,"");x(n,"translate3d(0,0,0) rotateX(0deg) rotateY(0deg)");I({duration:i.duration+"ms"});o.isActive=false;if(typeof i.onRotate==="function")i.onRotate(0,0);if(typeof i.onLeave==="function")i.onLeave()};var j=function t(e){var r=e.target;if(!a.contains(r)&&r!==a&&o.isActive){z()}};var R=function t(){if(typeof r==="string"){r=$(document,r)}if(!r)return;if(r.__atropos__)return;if(typeof a!=="undefined"){if(typeof a==="string"){a=$(document,a)}}else{a=r}Object.assign(o,{el:r});n=$(r,".atropos-rotate");s=$(r,".atropos-scale");c=$(r,".atropos-inner");r.__atropos__=o};var D=function t(){R();if(!r||!a)return;if(i.shadow){O()}if(i.highlight){E()}if(i.rotateTouch){if(typeof i.rotateTouch==="string"){r.classList.add("atropos-rotate-touch-"+i.rotateTouch)}else{r.classList.add("atropos-rotate-touch")}}if($(r,"[data-atropos-opacity]")){I({opacityOnly:true})}M(document,"click",j);M(a,"pointerdown",X);M(a,"pointerenter",X);M(a,"pointermove",C);M(a,"touchmove",Y);M(a,"pointerleave",z);M(a,"pointerup",z);M(a,"lostpointercapture",z);if(i.alwaysActive){A();T()}};var P=function t(){o.destroyed=true;cancelAnimationFrame(y);L(document,"click",j);L(a,"pointerdown",X);L(a,"pointerenter",X);L(a,"pointermove",C);L(a,"touchmove",Y);L(a,"pointerleave",z);L(a,"pointerup",z);L(a,"lostpointercapture",z);delete r.__atropos__};o.destroy=P;D();return o}var wrCaseCss=".atropos{position:relative;display:block;-webkit-perspective:1200px;perspective:1200px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{-ms-touch-action:pan-y;touch-action:pan-y}.atropos-rotate-touch-scroll-x{-ms-touch-action:pan-x;touch-action:pan-x}.atropos-rotate-touch{-ms-touch-action:none;touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;-webkit-filter:blur(30px);filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1 !important}[data-atropos-offset]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-atropos-opacity]{-webkit-transition-property:opacity;transition-property:opacity}[data-atropos-offset][data-atropos-opacity]{-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform}:host{display:block;width:100%}.perspective-wrapper{-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 1, 1);transition-timing-function:cubic-bezier(0.4, 0, 1, 1);position:relative;width:100%;overflow:hidden}.case-card.mockup-front .case-card__accessory{z-index:0}.case-card__accessory,.case-card__mockup{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;margin:0px}.case-card__accessory img,.case-card__mockup img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 768px){.case-card__accessory img,.case-card__mockup img{-o-object-fit:none;object-fit:none}}.case-card__accessory img,.case-card__mockup img{position:absolute;top:0px;right:0px;bottom:0px;left:0px}.case-card .background-image{position:relative;top:0px;right:0px;bottom:0px;left:0px;margin:0px}.case-card .background-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:.25rem}.case-card .case-card__body{bottom:1rem;padding-top:1.25rem}@media (min-width: 375px){.case-card .case-card__body{bottom:1.75rem}}@media (min-width: 768px){.case-card .case-card__body{bottom:2.5rem}}.case-card .case-card__body{position:absolute;z-index:50;left:2.5rem;right:2.5rem}@media (min-width: 375px){.case-card .case-card__body{left:3.5rem;right:3.5rem}}@media (min-width: 768px){.case-card .case-card__body{left:5.5rem;right:5.5rem}}.case-card h2,.case-card h5{margin:0px;color:var(--text-color)}.case-card h2{font-size:1.25rem;line-height:2rem}@media (min-width: 768px){.case-card h2{font-size:2.5rem;line-height:3.5rem}}.case-card h5{font-size:0.9375rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.case-card h5{font-size:1.25rem;line-height:2rem}}";var WrCase=function(){function t(t){registerInstance(this,t);this.backgroundOpacity=.2;this.href="#"}t.prototype.checkForDeprecations=function(){};t.prototype.componentWillLoad=function(){this.checkForDeprecations()};t.prototype.componentDidLoad=function(){this.bindAtropos();this.calculateCardColors();this.checkImagesOrRemove()};t.prototype.bindAtropos=function(){Atropos({el:this.atroposElement,shadow:false,highlight:false,rotateTouch:false})};t.prototype.render=function(){var t=this;return h("a",{class:"atropos",href:this.href,ref:function(e){return t.atroposElement=e}},h("div",{class:"atropos-scale"},h("div",{class:"atropos-rotate"},h("div",{class:"atropos-inner"},h("article",{class:["case-card"].join(" "),ref:function(e){return t.card=e}},this.renderBackgroundImage(),this.renderBottomLayer(),this.renderTopLayer(),h("div",{class:"case-card__body"},h("h2",{"data-atropos-offset":5},this.caseTitle),h("h5",{"data-atropos-offset":5},this.caseSubtitle)))))))};t.prototype.renderTopLayer=function(){var t=this;if(!this.topLayer){return}return h("figure",{class:"case-card__accessory","data-atropos-offset":2.5,ref:function(e){return t.accessoryImageElement=e}},h("img",{src:this.topLayer,alt:""}))};t.prototype.renderBottomLayer=function(){var t=this;if(!this.bottomLayer){return}return h("figure",{class:"case-card__mockup","data-atropos-offset":1.5,ref:function(e){return t.mockupImageElement=e}},h("img",{src:this.bottomLayer,alt:""}))};t.prototype.renderBackgroundImage=function(){var t=this;if(!this.backgroundImage){return}return h("figure",{class:"background-image","data-atropos-offset":1,ref:function(e){return t.backgroundImageElement=e}},h("img",{src:this.backgroundImage,alt:""}))};t.prototype.calculateCardColors=function(){};t.prototype.checkImagesOrRemove=function(){[this.backgroundImageElement,this.mockupImageElement,this.accessoryImageElement].forEach((function(t){t.querySelector("img").addEventListener("error",(function(){t.parentElement.removeChild(t)}))}))};return t}();WrCase.style=wrCaseCss;export{WrCase as wr_case};
+import{r as registerInstance,h}from"./index-e41e20bc.js";function _extends(){_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r){if(Object.prototype.hasOwnProperty.call(r,a)){t[a]=r[a]}}}return t};return _extends.apply(this,arguments)}var $=function t(e,r){return e.querySelector(r)};var $$=function t(e,r){return e.querySelectorAll(r)};var removeUndefinedProps=function t(e){if(e===void 0){e={}}var r={};Object.keys(e).forEach((function(t){if(typeof e[t]!=="undefined")r[t]=e[t]}));return r};function Atropos(t){if(t===void 0){t={}}var e=t,r=e.el,a=e.eventsEl;var o={__atropos__:true,params:_extends({alwaysActive:false,activeOffset:50,shadowOffset:50,shadowScale:1,duration:300,rotate:true,rotateTouch:true,rotateXMax:15,rotateYMax:15,rotateXInvert:false,rotateYInvert:false,stretchX:0,stretchY:0,stretchZ:0,commonOrigin:true,shadow:true,highlight:true,onEnter:null,onLeave:null,onRotate:null},removeUndefinedProps(t||{})),destroyed:false,isActive:false};var i=o.params;var n;var s;var c;var p;var f;var u;var d;var l;var h;var m;var v=[];var y;var g=function t(){y=requestAnimationFrame((function(){v.forEach((function(t){if(typeof t==="function"){t()}else{var e=t.element,r=t.prop,a=t.value;e.style[r]=a}}));v.splice(0,v.length);t()}))};g();var b=function t(e,r){v.push({element:e,prop:"transitionDuration",value:r})};var w=function t(e,r){v.push({element:e,prop:"transitionTimingFunction",value:r})};var x=function t(e,r){v.push({element:e,prop:"transform",value:r})};var k=function t(e,r){v.push({element:e,prop:"opacity",value:r})};var _=function t(e,r){v.push({element:e,prop:"transformOrigin",value:r})};var M=function t(e,r,a,o){return e.addEventListener(r,a,o)};var L=function t(e,r,a,o){return e.removeEventListener(r,a,o)};var O=function t(){var e;u=$(r,".atropos-shadow");if(!u){u=document.createElement("span");u.classList.add("atropos-shadow");e=true}x(u,"translate3d(0,0,-"+i.shadowOffset+"px) scale("+i.shadowScale+")");if(e){n.appendChild(u)}};var E=function t(){var e;d=$(r,".atropos-highlight");if(!d){d=document.createElement("span");d.classList.add("atropos-highlight");e=true}x(d,"translate3d(0,0,0)");if(e){c.appendChild(d)}};var I=function t(e){var a=e.rotateXPercentage,o=a===void 0?0:a,i=e.rotateYPercentage,n=i===void 0?0:i,s=e.duration,c=e.opacityOnly,p=e.easeOut;var f=function t(e){if(e.dataset.atroposOpacity&&typeof e.dataset.atroposOpacity==="string"){return e.dataset.atroposOpacity.split(";").map((function(t){return parseFloat(t)}))}return undefined};$$(r,"[data-atropos-offset], [data-atropos-opacity]").forEach((function(t){b(t,s);w(t,p?"ease-out":"");var e=f(t);if(o===0&&n===0){if(!c)x(t,"translate3d(0, 0, 0)");if(e)k(t,e[0])}else{var r=parseFloat(t.dataset.atroposOffset)/100;if(!Number.isNaN(r)&&!c){x(t,"translate3d("+-n*-r+"%, "+o*-r+"%, 0)")}if(e){var a=e[0],i=e[1];var u=Math.max(Math.abs(o),Math.abs(n));k(t,a+(i-a)*u/100)}}}))};var T=function t(e,o){var s=r!==a;if(!p){p=r.getBoundingClientRect()}if(s&&!f){f=a.getBoundingClientRect()}if(typeof e==="undefined"&&typeof o==="undefined"){var c=s?f:p;e=c.left+c.width/2;o=c.top+c.height/2}var u=0;var l=0;var h=p,m=h.top,v=h.left,y=h.width,g=h.height;var M;if(!s){var L=y/2;var O=g/2;var E=e-v;var T=o-m;l=i.rotateYMax*(E-L)/(y/2)*-1;u=i.rotateXMax*(T-O)/(g/2)}else{var A=f,X=A.top,Y=A.left,C=A.width,z=A.height;var $=v-Y;var R=m-X;var j=y/2+$;var D=g/2+R;var P=e-Y;var F=o-X;l=i.rotateYMax*(P-j)/(C-y/2)*-1;u=i.rotateXMax*(F-D)/(z-g/2);M=e-v+"px "+(o-m)+"px"}u=Math.min(Math.max(-u,-i.rotateXMax),i.rotateXMax);if(i.rotateXInvert)u=-u;l=Math.min(Math.max(-l,-i.rotateYMax),i.rotateYMax);if(i.rotateYInvert)l=-l;var B=u/i.rotateXMax*100;var S=l/i.rotateYMax*100;var q=(s?S/100*i.stretchX:0)*(i.rotateYInvert?-1:1);var W=(s?B/100*i.stretchY:0)*(i.rotateXInvert?-1:1);var N=s?Math.max(Math.abs(B),Math.abs(S))/100*i.stretchZ:0;x(n,"translate3d("+q+"%, "+-W+"%, "+-N+"px) rotateX("+u+"deg) rotateY("+l+"deg)");if(M&&i.commonOrigin){_(n,M)}if(d){b(d,i.duration+"ms");w(d,"ease-out");x(d,"translate3d("+-S*.25+"%, "+B*.25+"%, 0)");k(d,Math.max(Math.abs(B),Math.abs(S))/100)}I({rotateXPercentage:B,rotateYPercentage:S,duration:i.duration+"ms",easeOut:true});if(typeof i.onRotate==="function")i.onRotate(u,l)};var A=function t(){v.push((function(){return r.classList.add("atropos-active")}));b(n,i.duration+"ms");w(n,"ease-out");x(s,"translate3d(0,0, "+i.activeOffset+"px)");b(s,i.duration+"ms");w(s,"ease-out");if(u){b(u,i.duration+"ms");w(u,"ease-out")}o.isActive=true};var X=function t(e){l=undefined;if(e.type==="pointerdown"&&e.pointerType==="mouse")return;if(e.type==="pointerenter"&&e.pointerType!=="mouse")return;if(e.type==="pointerdown"){e.preventDefault()}h=e.clientX;m=e.clientY;if(i.alwaysActive){p=undefined;f=undefined;return}A();if(typeof i.onEnter==="function")i.onEnter()};var Y=function t(e){if(l===false&&e.cancelable){e.preventDefault()}};var C=function t(e){if(!i.rotate||!o.isActive)return;if(e.pointerType!=="mouse"){if(!i.rotateTouch)return;e.preventDefault()}var a=e.clientX,n=e.clientY;var s=a-h;var c=n-m;if(typeof i.rotateTouch==="string"&&(s!==0||c!==0)&&typeof l==="undefined"){if(s*s+c*c>=25){var p=Math.atan2(Math.abs(c),Math.abs(s))*180/Math.PI;l=i.rotateTouch==="scroll-y"?p>45:90-p>45}if(l===false){r.classList.add("atropos-rotate-touch");if(e.cancelable){e.preventDefault()}}}if(e.pointerType!=="mouse"&&l){return}T(a,n)};var z=function t(e){p=undefined;f=undefined;if(!o.isActive)return;if(e&&e.type==="pointerup"&&e.pointerType==="mouse")return;if(e&&e.type==="pointerleave"&&e.pointerType!=="mouse")return;if(typeof i.rotateTouch==="string"&&l){r.classList.remove("atropos-rotate-touch")}if(i.alwaysActive){T();if(typeof i.onRotate==="function")i.onRotate(0,0);if(typeof i.onLeave==="function")i.onLeave();return}v.push((function(){return r.classList.remove("atropos-active")}));b(s,i.duration+"ms");w(s,"");x(s,"translate3d(0,0, "+0+"px)");if(u){b(u,i.duration+"ms");w(u,"")}if(d){b(d,i.duration+"ms");w(d,"");x(d,"translate3d(0, 0, 0)");k(d,0)}b(n,i.duration+"ms");w(n,"");x(n,"translate3d(0,0,0) rotateX(0deg) rotateY(0deg)");I({duration:i.duration+"ms"});o.isActive=false;if(typeof i.onRotate==="function")i.onRotate(0,0);if(typeof i.onLeave==="function")i.onLeave()};var R=function t(e){var r=e.target;if(!a.contains(r)&&r!==a&&o.isActive){z()}};var j=function t(){if(typeof r==="string"){r=$(document,r)}if(!r)return;if(r.__atropos__)return;if(typeof a!=="undefined"){if(typeof a==="string"){a=$(document,a)}}else{a=r}Object.assign(o,{el:r});n=$(r,".atropos-rotate");s=$(r,".atropos-scale");c=$(r,".atropos-inner");r.__atropos__=o};var D=function t(){j();if(!r||!a)return;if(i.shadow){O()}if(i.highlight){E()}if(i.rotateTouch){if(typeof i.rotateTouch==="string"){r.classList.add("atropos-rotate-touch-"+i.rotateTouch)}else{r.classList.add("atropos-rotate-touch")}}if($(r,"[data-atropos-opacity]")){I({opacityOnly:true})}M(document,"click",R);M(a,"pointerdown",X);M(a,"pointerenter",X);M(a,"pointermove",C);M(a,"touchmove",Y);M(a,"pointerleave",z);M(a,"pointerup",z);M(a,"lostpointercapture",z);if(i.alwaysActive){A();T()}};var P=function t(){o.destroyed=true;cancelAnimationFrame(y);L(document,"click",R);L(a,"pointerdown",X);L(a,"pointerenter",X);L(a,"pointermove",C);L(a,"touchmove",Y);L(a,"pointerleave",z);L(a,"pointerup",z);L(a,"lostpointercapture",z);delete r.__atropos__};o.destroy=P;D();return o}var wrCaseCss=".atropos{position:relative;display:block;-webkit-perspective:1200px;perspective:1200px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{-ms-touch-action:pan-y;touch-action:pan-y}.atropos-rotate-touch-scroll-x{-ms-touch-action:pan-x;touch-action:pan-x}.atropos-rotate-touch{-ms-touch-action:none;touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;-webkit-filter:blur(30px);filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1 !important}[data-atropos-offset]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-atropos-opacity]{-webkit-transition-property:opacity;transition-property:opacity}[data-atropos-offset][data-atropos-opacity]{-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform}:host{display:block;width:100%}.perspective-wrapper{-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 1, 1);transition-timing-function:cubic-bezier(0.4, 0, 1, 1);position:relative;width:100%;overflow:hidden}.case-card.mockup-front .case-card__accessory{z-index:0}.case-card__accessory,.case-card__mockup{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;margin:0px}.case-card__accessory img,.case-card__mockup img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0px;right:0px;bottom:0px;left:0px}.case-card .background-image{position:relative;top:0px;right:0px;bottom:0px;left:0px;margin:0px}.case-card .background-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:.25rem;display:block}.case-card .case-card__body{bottom:1rem;padding-top:1.25rem}@media (min-width: 375px){.case-card .case-card__body{bottom:1.75rem}}@media (min-width: 768px){.case-card .case-card__body{bottom:2.5rem}}.case-card .case-card__body{position:absolute;z-index:50;left:2.5rem;right:2.5rem}@media (min-width: 375px){.case-card .case-card__body{left:3.5rem;right:3.5rem}}@media (min-width: 768px){.case-card .case-card__body{left:5.5rem;right:5.5rem}}.case-card h2,.case-card h5{margin:0px;color:var(--text-color)}.case-card h2{font-size:1.25rem;line-height:2rem}@media (min-width: 768px){.case-card h2{font-size:2.5rem;line-height:3.5rem}}.case-card h5{font-size:0.9375rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.case-card h5{font-size:1.25rem;line-height:2rem}}";var WrCase=function(){function t(t){registerInstance(this,t);this.backgroundOpacity=.2;this.href="#"}t.prototype.checkForDeprecations=function(){};t.prototype.componentWillLoad=function(){this.checkForDeprecations()};t.prototype.componentDidLoad=function(){this.bindAtropos();this.calculateCardColors();this.checkImagesOrRemove()};t.prototype.bindAtropos=function(){Atropos({el:this.atroposElement,shadow:false,highlight:false,rotateTouch:false})};t.prototype.render=function(){var t=this;return h("a",{class:"atropos",href:this.href,ref:function(e){return t.atroposElement=e}},h("div",{class:"atropos-scale"},h("div",{class:"atropos-rotate"},h("div",{class:"atropos-inner"},h("article",{class:["case-card"].join(" "),ref:function(e){return t.card=e}},this.renderBackgroundImage(),this.renderBottomLayer(),this.renderTopLayer(),h("div",{class:"case-card__body"},h("h2",{"data-atropos-offset":5},this.caseTitle),h("h5",{"data-atropos-offset":5},this.caseSubtitle)))))))};t.prototype.renderTopLayer=function(){var t=this;if(!this.topLayer){return}return h("figure",{class:"case-card__accessory","data-atropos-offset":2.5,ref:function(e){return t.accessoryImageElement=e}},h("img",{src:this.topLayer,alt:""}))};t.prototype.renderBottomLayer=function(){var t=this;if(!this.bottomLayer){return}return h("figure",{class:"case-card__mockup","data-atropos-offset":1.5,ref:function(e){return t.mockupImageElement=e}},h("img",{src:this.bottomLayer,alt:""}))};t.prototype.renderBackgroundImage=function(){var t=this;if(!this.backgroundImage){return}return h("figure",{class:"background-image","data-atropos-offset":1,ref:function(e){return t.backgroundImageElement=e}},h("img",{src:this.backgroundImage,alt:""}))};t.prototype.calculateCardColors=function(){};t.prototype.checkImagesOrRemove=function(){[this.backgroundImageElement,this.mockupImageElement,this.accessoryImageElement].forEach((function(t){t.querySelector("img").addEventListener("error",(function(){t.parentElement.removeChild(t)}))}))};return t}();WrCase.style=wrCaseCss;export{WrCase as wr_case};

dist/esm/wr-case.entry.js

@@ -560,3 +560,3 @@ import { r as registerInstance, h } from './index-e41e20bc.js';
 
-const wrCaseCss = ".atropos{position:relative;display:block;-webkit-perspective:1200px;perspective:1200px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{-ms-touch-action:pan-y;touch-action:pan-y}.atropos-rotate-touch-scroll-x{-ms-touch-action:pan-x;touch-action:pan-x}.atropos-rotate-touch{-ms-touch-action:none;touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;-webkit-filter:blur(30px);filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1 !important}[data-atropos-offset]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-atropos-opacity]{-webkit-transition-property:opacity;transition-property:opacity}[data-atropos-offset][data-atropos-opacity]{-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform}:host{display:block;width:100%}.perspective-wrapper{-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 1, 1);transition-timing-function:cubic-bezier(0.4, 0, 1, 1);position:relative;width:100%;overflow:hidden}.case-card.mockup-front .case-card__accessory{z-index:0}.case-card__accessory,.case-card__mockup{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;margin:0px}.case-card__accessory img,.case-card__mockup img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}@media (min-width: 768px){.case-card__accessory img,.case-card__mockup img{-o-object-fit:none;object-fit:none}}.case-card__accessory img,.case-card__mockup img{position:absolute;top:0px;right:0px;bottom:0px;left:0px}.case-card .background-image{position:relative;top:0px;right:0px;bottom:0px;left:0px;margin:0px}.case-card .background-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:.25rem}.case-card .case-card__body{bottom:1rem;padding-top:1.25rem}@media (min-width: 375px){.case-card .case-card__body{bottom:1.75rem}}@media (min-width: 768px){.case-card .case-card__body{bottom:2.5rem}}.case-card .case-card__body{position:absolute;z-index:50;left:2.5rem;right:2.5rem}@media (min-width: 375px){.case-card .case-card__body{left:3.5rem;right:3.5rem}}@media (min-width: 768px){.case-card .case-card__body{left:5.5rem;right:5.5rem}}.case-card h2,.case-card h5{margin:0px;color:var(--text-color)}.case-card h2{font-size:1.25rem;line-height:2rem}@media (min-width: 768px){.case-card h2{font-size:2.5rem;line-height:3.5rem}}.case-card h5{font-size:0.9375rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.case-card h5{font-size:1.25rem;line-height:2rem}}";
+const wrCaseCss = ".atropos{position:relative;display:block;-webkit-perspective:1200px;perspective:1200px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{-ms-touch-action:pan-y;touch-action:pan-y}.atropos-rotate-touch-scroll-x{-ms-touch-action:pan-x;touch-action:pan-x}.atropos-rotate-touch{-ms-touch-action:none;touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;-webkit-filter:blur(30px);filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1 !important}[data-atropos-offset]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}[data-atropos-opacity]{-webkit-transition-property:opacity;transition-property:opacity}[data-atropos-offset][data-atropos-opacity]{-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform}:host{display:block;width:100%}.perspective-wrapper{-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card{-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 1, 1);transition-timing-function:cubic-bezier(0.4, 0, 1, 1);position:relative;width:100%;overflow:hidden}.case-card.mockup-front .case-card__accessory{z-index:0}.case-card__accessory,.case-card__mockup{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:1;margin:0px}.case-card__accessory img,.case-card__mockup img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0px;right:0px;bottom:0px;left:0px}.case-card .background-image{position:relative;top:0px;right:0px;bottom:0px;left:0px;margin:0px}.case-card .background-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:.25rem;display:block}.case-card .case-card__body{bottom:1rem;padding-top:1.25rem}@media (min-width: 375px){.case-card .case-card__body{bottom:1.75rem}}@media (min-width: 768px){.case-card .case-card__body{bottom:2.5rem}}.case-card .case-card__body{position:absolute;z-index:50;left:2.5rem;right:2.5rem}@media (min-width: 375px){.case-card .case-card__body{left:3.5rem;right:3.5rem}}@media (min-width: 768px){.case-card .case-card__body{left:5.5rem;right:5.5rem}}.case-card h2,.case-card h5{margin:0px;color:var(--text-color)}.case-card h2{font-size:1.25rem;line-height:2rem}@media (min-width: 768px){.case-card h2{font-size:2.5rem;line-height:3.5rem}}.case-card h5{font-size:0.9375rem;line-height:1.5rem;font-weight:400}@media (min-width: 768px){.case-card h5{font-size:1.25rem;line-height:2rem}}";
 
@@ -563,0 +563,0 @@ let WrCase = class {

dist/webreact/p-a7e464d1.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-6e092c3e.system.js"],(function(e,o){"use strict";var t,r;return{setters:[function(e){t=e.p;r=e.b}],execute:function(){var e=function(){var e=o.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return t(r)};e().then((function(e){return r([["p-e92a7846.system",[[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]],[0,"wr-logo-icon"],[1,"wr-scroll-animation",{once:[4],noTranslate:[4,"no-translate"],noFade:[4,"no-fade"],direction:[1],duration:[2]}]]],["p-1c90b39f.system",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1025],open:[32],closeMe:[64],openMe:[64],calculateSizes:[64]}]]],["p-8fcb6475.system",[[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]]]],["p-c35c1b26.system",[[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}]]],["p-25eeca0b.system",[[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"],href:[1]}]]],["p-6bd4b539.system",[[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}]]],["p-761a1d39.system",[[1,"wr-footer"]]],["p-9a31c56f.system",[[1,"wr-logo"]]],["p-4474e930.system",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-1dcc5dda.system",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],e)}))}}}));
+System.register(["./p-6e092c3e.system.js"],(function(e,o){"use strict";var t,r;return{setters:[function(e){t=e.p;r=e.b}],execute:function(){var e=function(){var e=o.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return t(r)};e().then((function(e){return r([["p-e92a7846.system",[[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]],[0,"wr-logo-icon"],[1,"wr-scroll-animation",{once:[4],noTranslate:[4,"no-translate"],noFade:[4,"no-fade"],direction:[1],duration:[2]}]]],["p-1c90b39f.system",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1025],open:[32],closeMe:[64],openMe:[64],calculateSizes:[64]}]]],["p-8fcb6475.system",[[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]]]],["p-c35c1b26.system",[[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}]]],["p-7afce330.system",[[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"],href:[1]}]]],["p-6bd4b539.system",[[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}]]],["p-761a1d39.system",[[1,"wr-footer"]]],["p-9a31c56f.system",[[1,"wr-logo"]]],["p-4474e930.system",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-1dcc5dda.system",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],e)}))}}}));

dist/webreact/webreact.esm.js

@@ -1,1 +0,1 @@
-import{p as o,b as e}from"./p-abaf52ff.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),o(a)})().then((o=>e([["p-9d85a079",[[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]],[0,"wr-logo-icon"],[1,"wr-scroll-animation",{once:[4],noTranslate:[4,"no-translate"],noFade:[4,"no-fade"],direction:[1],duration:[2]}]]],["p-33e36473",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1025],open:[32],closeMe:[64],openMe:[64],calculateSizes:[64]}]]],["p-50aee4b6",[[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]]]],["p-8fb1a509",[[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}]]],["p-1279218d",[[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"],href:[1]}]]],["p-696b5b85",[[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}]]],["p-1e544dab",[[1,"wr-footer"]]],["p-b488d30a",[[1,"wr-logo"]]],["p-d44158b0",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-b15c4843",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],o)));
+import{p as o,b as e}from"./p-abaf52ff.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),o(a)})().then((o=>e([["p-9d85a079",[[1,"wr-block-meta",{items:[1],innerData:[32]}],[1,"wr-highlight",{itemTitle:[1,"item-title"],subTitle:[1,"sub-title"]}],[1,"wr-highlight-grid",null,[[0,"hover","onHover"]]],[0,"wr-logo-icon"],[1,"wr-scroll-animation",{once:[4],noTranslate:[4,"no-translate"],noFade:[4,"no-fade"],direction:[1],duration:[2]}]]],["p-33e36473",[[1,"wr-accordion",{accordionTitle:[1,"accordion-title"],background:[1025],open:[32],closeMe:[64],openMe:[64],calculateSizes:[64]}]]],["p-50aee4b6",[[1,"wr-accordion-group",{isCollapse:[4,"is-collapse"],closeChildren:[64]},[[0,"accordionOpened","accordionOpened"]]]]],["p-8fb1a509",[[1,"wr-big-quote",{isDark:[4,"is-dark"],quoteColor:[1,"quote-color"],authorName:[1,"author-name"],authorFunction:[1,"author-function"],authorImage:[1,"author-image"]}]]],["p-d27db1e6",[[1,"wr-case",{caseTitle:[1,"case-title"],caseSubtitle:[1,"case-subtitle"],backgroundColor:[1,"background-color"],backgroundOpacity:[2,"background-opacity"],backgroundImage:[1,"background-image"],topLayer:[1025,"top-layer"],bottomLayer:[1025,"bottom-layer"],href:[1]}]]],["p-696b5b85",[[1,"wr-case-highlight",{background:[1],backgroundX:[1,"background-x"],backgroundY:[1,"background-y"],caseTitle:[1,"case-title"],href:[1]}]]],["p-1e544dab",[[1,"wr-footer"]]],["p-b488d30a",[[1,"wr-logo"]]],["p-d44158b0",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-b15c4843",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],o)));

package.json

 {
   "name": "@webreact/webreact-components",
-  "version": "0.4.39",
+  "version": "0.4.40",
   "description": "Stencil Component Starter",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1644302

decreased by-0.06%

Lines of code

24492

decreased by-0.03%

No dependency changes