@webreact/webreact-components - npm Package Compare versions

Comparing version 0.4.23 to 0.4.24

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

@@ -453,3 +453,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}.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;padding-left:3rem;padding-right:3rem;overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.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:none;object-fit:none;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:2.5rem;padding-top:1.25rem;position:absolute;z-index:50;left:8.5rem;right:8.5rem}.case-card h2,.case-card h5{margin:0px;color:var(--text-color)}.case-card h2{font-size:2.5rem;line-height:3.5rem}.case-card h5{font-size:1.25rem;line-height:2rem;font-weight:400}.case-card *{-webkit-transition:inherit;transition:inherit;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card:hover{-webkit-transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25));transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25))}.case-card:hover .case-card__mockup{-webkit-transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__accessory{-webkit-transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__body{-webkit-transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}";
+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}.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}@media (min-width: 768px){.case-card{padding-left:3rem;padding-right:3rem}}.case-card{overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100vw}.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: 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:8.5rem;right:8.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}}.case-card *{-webkit-transition:inherit;transition:inherit;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card:hover{-webkit-transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25));transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25))}.case-card:hover .case-card__mockup{-webkit-transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__accessory{-webkit-transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__body{-webkit-transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}";
 
@@ -456,0 +456,0 @@ let WrCase = class {

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

@@ -8,3 +8,3 @@ 'use strict';
 
-const wrNavigationCss = ":host {\n  display: block;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.navigation {\n  width: 0px;\n  --tw-scale-x: 0;\n  -webkit-transform: var(--tw-transform);\n  transform: var(--tw-transform);\n  overflow: hidden;\n  height: 100vh;\n  width: 100vw;\n  position: fixed;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  --tw-bg-opacity: 1;\n  background-color: rgba(245, 149, 6, var(--tw-bg-opacity));\n  position: fixed;\n  z-index: 40;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.navigation-content {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 480px) {\n\n  .navigation-content {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-content {\n    max-width: 1280px;\n  }\n}\n\n.navigation-content {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 5rem;\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    margin-top: 10rem;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    margin-top: auto;\n  }\n}\n\n.navigation-content {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    -ms-flex-direction: row;\n    flex-direction: row;\n  }\n}\n\n.navigation-content {\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-left: auto;\n  }\n\n  .navigation-sidebar {\n    text-align: right;\n  }\n}\n\n.navigation-sidebar {\n  gap: 2rem;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  margin-top: 3.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-top: 0px;\n  }\n\n  .navigation-sidebar {\n    -ms-flex-direction: column;\n    flex-direction: column;\n  }\n}\n\n.navigation-sidebar {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n    @screne md:max-w-[350px];\n}\n\n.navigation-sidebar p {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n\n.navigation-footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 480px) {\n\n  .navigation-footer {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-footer {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-footer {\n    max-width: 1280px;\n  }\n}\n\n.navigation-footer {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: auto;\n  width: 100%;\n  margin-bottom: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    margin-bottom: 1rem;\n  }\n}\n\n.navigation-footer {\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n  }\n\n.navigation-footer hr {\n  border-top-width: 1px;\n  border-style: solid;\n  border-color: rgba(255, 255, 255, 0.25);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  border-bottom-width: 0px;\n  border-left-width: 0px;\n  border-right-width: 0px;\n}\n\n.navigation-footer__container {\n  padding-top: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer__container {\n    padding-top: 1rem;\n  }\n}\n";
+const wrNavigationCss = ":host {\n  display: block;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.navigation {\n  width: 0px;\n  --tw-scale-x: 0;\n  -webkit-transform: var(--tw-transform);\n  transform: var(--tw-transform);\n  overflow: hidden;\n  height: 100vh;\n  width: 100vw;\n  position: fixed;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  --tw-bg-opacity: 1;\n  background-color: rgba(245, 149, 6, var(--tw-bg-opacity));\n  position: fixed;\n  z-index: 40;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.navigation-content {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 375px) {\n\n  .navigation-content {\n    max-width: 375px;\n  }\n}\n\n@media (min-width: 480px) {\n\n  .navigation-content {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-content {\n    max-width: 1280px;\n  }\n}\n\n.navigation-content {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 5rem;\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    margin-top: 10rem;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    margin-top: auto;\n  }\n}\n\n.navigation-content {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    -ms-flex-direction: row;\n    flex-direction: row;\n  }\n}\n\n.navigation-content {\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-left: auto;\n  }\n\n  .navigation-sidebar {\n    text-align: right;\n  }\n}\n\n.navigation-sidebar {\n  gap: 2rem;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  margin-top: 3.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-top: 0px;\n  }\n\n  .navigation-sidebar {\n    -ms-flex-direction: column;\n    flex-direction: column;\n  }\n}\n\n.navigation-sidebar {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n    @screne md:max-w-[350px];\n}\n\n.navigation-sidebar p {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n\n.navigation-footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 375px) {\n\n  .navigation-footer {\n    max-width: 375px;\n  }\n}\n\n@media (min-width: 480px) {\n\n  .navigation-footer {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-footer {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-footer {\n    max-width: 1280px;\n  }\n}\n\n.navigation-footer {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: auto;\n  width: 100%;\n  margin-bottom: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    margin-bottom: 1rem;\n  }\n}\n\n.navigation-footer {\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n  }\n\n.navigation-footer hr {\n  border-top-width: 1px;\n  border-style: solid;\n  border-color: rgba(255, 255, 255, 0.25);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  border-bottom-width: 0px;\n  border-left-width: 0px;\n  border-right-width: 0px;\n}\n\n.navigation-footer__container {\n  padding-top: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer__container {\n    padding-top: 1rem;\n  }\n}\n";
 
@@ -11,0 +11,0 @@ let WrNavigation = 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 $setDuration=function t(e,r){e.style.transitionDuration=r};var $setTransform=function t(e,r){e.style.transform=r};var $setOpacity=function t(e,r){e.style.opacity=r};var $on=function t(e,r,a,o){return e.addEventListener(r,a,o)};var $off=function t(e,r,a,o){return e.removeEventListener(r,a,o)};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({activeOffset:50,shadowOffset:50,shadowScale:1,durationEnter:300,durationLeave:600,rotateLock:true,rotate:true,rotateTouch:true,rotateXMax:15,rotateYMax:15,rotateXInvert:false,rotateYInvert:false,shadow:true,highlight:true,onEnter:null,onLeave:null,onRotate:null},removeUndefinedProps(t||{})),destroyed:false,isActive:false};var n=o.params;var i;var s;var c;var p;var f;var d;var l;var u=true;var m=true;var h;var v;var y=function t(){var e;h=$(r,".atropos-shadow");if(!h){h=document.createElement("span");h.classList.add("atropos-shadow");e=true}$setTransform(h,"translate3d(0,0,-"+n.shadowOffset+"px) scale("+n.shadowScale+")");if(e){i.appendChild(h)}};var g=function t(){var e;v=$(r,".atropos-highlight");if(!v){v=document.createElement("span");v.classList.add("atropos-highlight");e=true}$setTransform(v,"translate3d(0,0,0)");if(e){p.appendChild(v)}};var b=function t(e){var a=e.rotateXPercentage,o=a===void 0?0:a,n=e.rotateYPercentage,i=n===void 0?0:n,s=e.duration,c=e.opacityOnly;var p=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){$setDuration(t,s);var e=p(t);if(o===0&&i===0){if(!c)$setTransform(t,"translate3d(0, 0, 0)");if(e)$setOpacity(t,e[0])}else{var r=parseFloat(t.dataset.atroposOffset)/100;if(!Number.isNaN(r)&&!c){$setTransform(t,"translate3d("+-i*-r+"%, "+o*-r+"%, 0)")}if(e){var a=e[0],n=e[1];var f=Math.max(Math.abs(o),Math.abs(i));$setOpacity(t,a+(n-a)*f/100)}}}))};var w=function t(e){if(e.type==="pointerdown"&&e.pointerType==="mouse")return;if(e.type==="pointerenter"&&e.pointerType!=="mouse")return;if(e.type==="pointerdown"){e.preventDefault()}r.classList.add("atropos-active");$setDuration(i,"0ms");s=false;f=undefined;d=undefined;u=true;m=true;$setTransform(c,"translate3d(0,0, "+n.activeOffset+"px)");$setDuration(c,(n.rotateLock?n.durationEnter:0)+"ms");if(h){$setDuration(h,(n.rotateLock?n.durationEnter:0)+"ms")}o.isActive=true;if(typeof n.onEnter==="function")n.onEnter()};var x=function t(e){if(s&&e.cancelable){e.preventDefault()}};var k=function t(e){if(!n.rotate||!o.isActive)return;if(e.pointerType!=="mouse"){if(!n.rotateTouch)return;e.preventDefault()}var a=e.clientX,c=e.clientY;if(!l){l=r.getBoundingClientRect()}var p=l,h=p.top,y=p.left,g=p.width,w=p.height;var x=g/2;var k=w/2;var $=a-y;var _=c-h;var L=n.rotateYMax*($-x)/(g/2)*-1;var T=n.rotateXMax*(_-k)/(w/2);if(n.rotateLock){if(typeof d==="undefined"){d=L;m=true}if(typeof f==="undefined"){f=T;u=true}if(m){if(d<0){if(L<0)L=0;if(L>0)m=false}if(d>0){if(L>0)L=0;if(L<0)m=false}}if(u){if(f<0){if(T<0)T=0;if(T>0)u=false}if(f>0){if(T>0)T=0;if(T<0)u=false}}}T=Math.min(Math.max(-T,-n.rotateXMax),n.rotateXMax);if(n.rotateXInvert)T=-T;L=Math.min(Math.max(-L,-n.rotateYMax),n.rotateYMax);if(n.rotateYInvert)L=-L;if(typeof n.rotateTouch==="string"&&(T!==0||L!==0)){if(!s){s=true;r.classList.add("atropos-rotate-touch")}if(e.cancelable){e.preventDefault()}}$setTransform(i,"translate3d(0,0,0) rotateX("+T+"deg) rotateY("+L+"deg)");var E=T/n.rotateXMax*100;var O=L/n.rotateYMax*100;if(v){$setDuration(v,"0ms");$setTransform(v,"translate3d("+-O*.25+"%, "+E*.25+"%, 0)");v.style.opacity=Math.max(Math.abs(E),Math.abs(O))/100}b({rotateXPercentage:E,rotateYPercentage:O,duration:"0ms"});if(typeof n.onRotate==="function")n.onRotate(T,L)};var _=function t(e){l=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 n.rotateTouch==="string"&&s){r.classList.remove("atropos-rotate-touch")}r.classList.remove("atropos-active");$setTransform(c,"translate3d(0,0, "+0+"px)");$setDuration(c,n.durationLeave+"ms");if(h){$setDuration(h,n.durationLeave+"ms")}if(v){$setDuration(v,n.durationLeave+"ms");$setTransform(v,"translate3d(0, 0, 0)");v.style.opacity=0}$setDuration(i,n.durationLeave+"ms");$setTransform(i,"translate3d(0,0,0) rotateX(0deg) rotateY(0deg)");b({duration:n.durationLeave+"ms"});o.isActive=false;if(typeof n.onRotate==="function")n.onRotate(0,0);if(typeof n.onLeave==="function")n.onLeave()};var L=function t(e){var a=e.target;if(!r.contains(a)&&a!==r&&o.isActive){_()}};var T=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});i=$(r,".atropos-rotate");c=$(r,".atropos-scale");p=$(r,".atropos-inner");r.__atropos__=o};var E=function t(){T();if(!r||!a)return;if(n.shadow){y()}if(n.highlight){g()}if(n.rotateTouch){if(typeof n.rotateTouch==="string"){r.classList.add("atropos-rotate-touch-"+n.rotateTouch)}else{r.classList.add("atropos-rotate-touch")}}if($(r,"[data-atropos-opacity]")){b({opacityOnly:true})}$on(document,"click",L);$on(a,"pointerdown",w);$on(a,"pointerenter",w);$on(a,"pointermove",k);$on(a,"touchmove",x);$on(a,"pointerleave",_);$on(a,"pointerup",_);$on(a,"lostpointercapture",_)};var O=function t(){o.destroyed=true;$off(document,"click",L);$off(a,"pointerdown",w);$off(a,"pointerenter",w);$off(a,"pointermove",k);$off(a,"touchmove",x);$off(a,"pointerleave",_);$off(a,"pointerup",_);$off(a,"lostpointercapture",_);delete r.__atropos__};o.destroy=O;E();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}.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;padding-left:3rem;padding-right:3rem;overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.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:none;object-fit:none;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:2.5rem;padding-top:1.25rem;position:absolute;z-index:50;left:8.5rem;right:8.5rem}.case-card h2,.case-card h5{margin:0px;color:var(--text-color)}.case-card h2{font-size:2.5rem;line-height:3.5rem}.case-card h5{font-size:1.25rem;line-height:2rem;font-weight:400}.case-card *{-webkit-transition:inherit;transition:inherit;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card:hover{-webkit-transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25));transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25))}.case-card:hover .case-card__mockup{-webkit-transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__accessory{-webkit-transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__body{-webkit-transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}";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})};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":0,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":2.5,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 $setDuration=function t(e,r){e.style.transitionDuration=r};var $setTransform=function t(e,r){e.style.transform=r};var $setOpacity=function t(e,r){e.style.opacity=r};var $on=function t(e,r,a,o){return e.addEventListener(r,a,o)};var $off=function t(e,r,a,o){return e.removeEventListener(r,a,o)};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({activeOffset:50,shadowOffset:50,shadowScale:1,durationEnter:300,durationLeave:600,rotateLock:true,rotate:true,rotateTouch:true,rotateXMax:15,rotateYMax:15,rotateXInvert:false,rotateYInvert:false,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 d;var l;var u=true;var m=true;var h;var v;var y=function t(){var e;h=$(r,".atropos-shadow");if(!h){h=document.createElement("span");h.classList.add("atropos-shadow");e=true}$setTransform(h,"translate3d(0,0,-"+i.shadowOffset+"px) scale("+i.shadowScale+")");if(e){n.appendChild(h)}};var g=function t(){var e;v=$(r,".atropos-highlight");if(!v){v=document.createElement("span");v.classList.add("atropos-highlight");e=true}$setTransform(v,"translate3d(0,0,0)");if(e){p.appendChild(v)}};var b=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;var p=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){$setDuration(t,s);var e=p(t);if(o===0&&n===0){if(!c)$setTransform(t,"translate3d(0, 0, 0)");if(e)$setOpacity(t,e[0])}else{var r=parseFloat(t.dataset.atroposOffset)/100;if(!Number.isNaN(r)&&!c){$setTransform(t,"translate3d("+-n*-r+"%, "+o*-r+"%, 0)")}if(e){var a=e[0],i=e[1];var f=Math.max(Math.abs(o),Math.abs(n));$setOpacity(t,a+(i-a)*f/100)}}}))};var w=function t(e){if(e.type==="pointerdown"&&e.pointerType==="mouse")return;if(e.type==="pointerenter"&&e.pointerType!=="mouse")return;if(e.type==="pointerdown"){e.preventDefault()}r.classList.add("atropos-active");$setDuration(n,"0ms");s=false;f=undefined;d=undefined;u=true;m=true;$setTransform(c,"translate3d(0,0, "+i.activeOffset+"px)");$setDuration(c,(i.rotateLock?i.durationEnter:0)+"ms");if(h){$setDuration(h,(i.rotateLock?i.durationEnter:0)+"ms")}o.isActive=true;if(typeof i.onEnter==="function")i.onEnter()};var x=function t(e){if(s&&e.cancelable){e.preventDefault()}};var k=function t(e){if(!i.rotate||!o.isActive)return;if(e.pointerType!=="mouse"){if(!i.rotateTouch)return;e.preventDefault()}var a=e.clientX,c=e.clientY;if(!l){l=r.getBoundingClientRect()}var p=l,h=p.top,y=p.left,g=p.width,w=p.height;var x=g/2;var k=w/2;var _=a-y;var $=c-h;var L=i.rotateYMax*(_-x)/(g/2)*-1;var T=i.rotateXMax*($-k)/(w/2);if(i.rotateLock){if(typeof d==="undefined"){d=L;m=true}if(typeof f==="undefined"){f=T;u=true}if(m){if(d<0){if(L<0)L=0;if(L>0)m=false}if(d>0){if(L>0)L=0;if(L<0)m=false}}if(u){if(f<0){if(T<0)T=0;if(T>0)u=false}if(f>0){if(T>0)T=0;if(T<0)u=false}}}T=Math.min(Math.max(-T,-i.rotateXMax),i.rotateXMax);if(i.rotateXInvert)T=-T;L=Math.min(Math.max(-L,-i.rotateYMax),i.rotateYMax);if(i.rotateYInvert)L=-L;if(typeof i.rotateTouch==="string"&&(T!==0||L!==0)){if(!s){s=true;r.classList.add("atropos-rotate-touch")}if(e.cancelable){e.preventDefault()}}$setTransform(n,"translate3d(0,0,0) rotateX("+T+"deg) rotateY("+L+"deg)");var E=T/i.rotateXMax*100;var O=L/i.rotateYMax*100;if(v){$setDuration(v,"0ms");$setTransform(v,"translate3d("+-O*.25+"%, "+E*.25+"%, 0)");v.style.opacity=Math.max(Math.abs(E),Math.abs(O))/100}b({rotateXPercentage:E,rotateYPercentage:O,duration:"0ms"});if(typeof i.onRotate==="function")i.onRotate(T,L)};var _=function t(e){l=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"&&s){r.classList.remove("atropos-rotate-touch")}r.classList.remove("atropos-active");$setTransform(c,"translate3d(0,0, "+0+"px)");$setDuration(c,i.durationLeave+"ms");if(h){$setDuration(h,i.durationLeave+"ms")}if(v){$setDuration(v,i.durationLeave+"ms");$setTransform(v,"translate3d(0, 0, 0)");v.style.opacity=0}$setDuration(n,i.durationLeave+"ms");$setTransform(n,"translate3d(0,0,0) rotateX(0deg) rotateY(0deg)");b({duration:i.durationLeave+"ms"});o.isActive=false;if(typeof i.onRotate==="function")i.onRotate(0,0);if(typeof i.onLeave==="function")i.onLeave()};var L=function t(e){var a=e.target;if(!r.contains(a)&&a!==r&&o.isActive){_()}};var T=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");c=$(r,".atropos-scale");p=$(r,".atropos-inner");r.__atropos__=o};var E=function t(){T();if(!r||!a)return;if(i.shadow){y()}if(i.highlight){g()}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]")){b({opacityOnly:true})}$on(document,"click",L);$on(a,"pointerdown",w);$on(a,"pointerenter",w);$on(a,"pointermove",k);$on(a,"touchmove",x);$on(a,"pointerleave",_);$on(a,"pointerup",_);$on(a,"lostpointercapture",_)};var O=function t(){o.destroyed=true;$off(document,"click",L);$off(a,"pointerdown",w);$off(a,"pointerenter",w);$off(a,"pointermove",k);$off(a,"touchmove",x);$off(a,"pointerleave",_);$off(a,"pointerup",_);$off(a,"lostpointercapture",_);delete r.__atropos__};o.destroy=O;E();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}.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}@media (min-width: 768px){.case-card{padding-left:3rem;padding-right:3rem}}.case-card{overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100vw}.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: 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:8.5rem;right:8.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}}.case-card *{-webkit-transition:inherit;transition:inherit;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card:hover{-webkit-transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25));transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25))}.case-card:hover .case-card__mockup{-webkit-transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__accessory{-webkit-transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__body{-webkit-transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}";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})};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":0,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":2.5,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-es5/wr-navigation.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-e41e20bc.js";import{a as anime}from"./anime.es-d8ec8d88.js";var wrNavigationCss=":host {\n  display: block;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.navigation {\n  width: 0px;\n  --tw-scale-x: 0;\n  -webkit-transform: var(--tw-transform);\n  transform: var(--tw-transform);\n  overflow: hidden;\n  height: 100vh;\n  width: 100vw;\n  position: fixed;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  --tw-bg-opacity: 1;\n  background-color: rgba(245, 149, 6, var(--tw-bg-opacity));\n  position: fixed;\n  z-index: 40;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.navigation-content {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 480px) {\n\n  .navigation-content {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-content {\n    max-width: 1280px;\n  }\n}\n\n.navigation-content {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 5rem;\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    margin-top: 10rem;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    margin-top: auto;\n  }\n}\n\n.navigation-content {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    -ms-flex-direction: row;\n    flex-direction: row;\n  }\n}\n\n.navigation-content {\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-left: auto;\n  }\n\n  .navigation-sidebar {\n    text-align: right;\n  }\n}\n\n.navigation-sidebar {\n  gap: 2rem;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  margin-top: 3.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-top: 0px;\n  }\n\n  .navigation-sidebar {\n    -ms-flex-direction: column;\n    flex-direction: column;\n  }\n}\n\n.navigation-sidebar {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n    @screne md:max-w-[350px];\n}\n\n.navigation-sidebar p {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n\n.navigation-footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 480px) {\n\n  .navigation-footer {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-footer {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-footer {\n    max-width: 1280px;\n  }\n}\n\n.navigation-footer {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: auto;\n  width: 100%;\n  margin-bottom: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    margin-bottom: 1rem;\n  }\n}\n\n.navigation-footer {\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n  }\n\n.navigation-footer hr {\n  border-top-width: 1px;\n  border-style: solid;\n  border-color: rgba(255, 255, 255, 0.25);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  border-bottom-width: 0px;\n  border-left-width: 0px;\n  border-right-width: 0px;\n}\n\n.navigation-footer__container {\n  padding-top: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer__container {\n    padding-top: 1rem;\n  }\n}\n";var WrNavigation=function(){function n(n){registerInstance(this,n);this.navigationToggled=createEvent(this,"navigationToggled",7);this.isOpen=true}n.prototype.componentDidLoad=function(){this.loadAnimation()};n.prototype.loadAnimation=function(){this.tl=anime.timeline({easing:"easeInCubic",duration:300,autoplay:false});this.tl.add({targets:this.navigationElement,opacity:1,duration:0});this.tl.add({targets:this.navigationElement,width:[0,"100vw"]});this.tl.add({targets:this.menuSlotElement.querySelector("slot").assignedElements(),delay:anime.stagger(100),translateX:["-2rem",0],opacity:[0,1]});this.tl.add({targets:this.footerElement,translateY:["2rem",0],opacity:[0,1]},"-=300");this.tl.add({targets:this.sidebarSlotElement.querySelector("slot").assignedElements(),delay:anime.stagger(100),translateX:["2rem",0],opacity:[0,1]},"-=300")};n.prototype.openNavigationListener=function(){if(!this.isOpen){this.tl.reverse()}this.tl.restart();this.isOpen=true;this.navigationToggled.emit("opened")};n.prototype.closeNavigationListener=function(){if(this.isOpen){this.tl.reverse()}this.tl.play();this.isOpen=false;this.navigationToggled.emit("closed")};n.prototype.render=function(){var n=this;return h(Host,null,h("section",{class:"navigation",ref:function(t){return n.navigationElement=t}},h("div",{class:"navigation-content"},h("nav",{class:"navigation-menu",ref:function(t){return n.menuSlotElement=t}},h("slot",{name:"navigation"})),h("aside",{class:"navigation-sidebar",ref:function(t){return n.sidebarSlotElement=t}},h("slot",null))),h("footer",{class:"navigation-footer",ref:function(t){return n.footerElement=t}},h("hr",null),h("div",{class:"navigation-footer__container"},h("slot",{name:"footer"})))))};return n}();WrNavigation.style=wrNavigationCss;export{WrNavigation as wr_navigation};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-e41e20bc.js";import{a as anime}from"./anime.es-d8ec8d88.js";var wrNavigationCss=":host {\n  display: block;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.navigation {\n  width: 0px;\n  --tw-scale-x: 0;\n  -webkit-transform: var(--tw-transform);\n  transform: var(--tw-transform);\n  overflow: hidden;\n  height: 100vh;\n  width: 100vw;\n  position: fixed;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  --tw-bg-opacity: 1;\n  background-color: rgba(245, 149, 6, var(--tw-bg-opacity));\n  position: fixed;\n  z-index: 40;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.navigation-content {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 375px) {\n\n  .navigation-content {\n    max-width: 375px;\n  }\n}\n\n@media (min-width: 480px) {\n\n  .navigation-content {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-content {\n    max-width: 1280px;\n  }\n}\n\n.navigation-content {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 5rem;\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    margin-top: 10rem;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    margin-top: auto;\n  }\n}\n\n.navigation-content {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    -ms-flex-direction: row;\n    flex-direction: row;\n  }\n}\n\n.navigation-content {\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-left: auto;\n  }\n\n  .navigation-sidebar {\n    text-align: right;\n  }\n}\n\n.navigation-sidebar {\n  gap: 2rem;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  margin-top: 3.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-top: 0px;\n  }\n\n  .navigation-sidebar {\n    -ms-flex-direction: column;\n    flex-direction: column;\n  }\n}\n\n.navigation-sidebar {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n    @screne md:max-w-[350px];\n}\n\n.navigation-sidebar p {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n\n.navigation-footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 375px) {\n\n  .navigation-footer {\n    max-width: 375px;\n  }\n}\n\n@media (min-width: 480px) {\n\n  .navigation-footer {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-footer {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-footer {\n    max-width: 1280px;\n  }\n}\n\n.navigation-footer {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: auto;\n  width: 100%;\n  margin-bottom: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    margin-bottom: 1rem;\n  }\n}\n\n.navigation-footer {\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n  }\n\n.navigation-footer hr {\n  border-top-width: 1px;\n  border-style: solid;\n  border-color: rgba(255, 255, 255, 0.25);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  border-bottom-width: 0px;\n  border-left-width: 0px;\n  border-right-width: 0px;\n}\n\n.navigation-footer__container {\n  padding-top: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer__container {\n    padding-top: 1rem;\n  }\n}\n";var WrNavigation=function(){function n(n){registerInstance(this,n);this.navigationToggled=createEvent(this,"navigationToggled",7);this.isOpen=true}n.prototype.componentDidLoad=function(){this.loadAnimation()};n.prototype.loadAnimation=function(){this.tl=anime.timeline({easing:"easeInCubic",duration:300,autoplay:false});this.tl.add({targets:this.navigationElement,opacity:1,duration:0});this.tl.add({targets:this.navigationElement,width:[0,"100vw"]});this.tl.add({targets:this.menuSlotElement.querySelector("slot").assignedElements(),delay:anime.stagger(100),translateX:["-2rem",0],opacity:[0,1]});this.tl.add({targets:this.footerElement,translateY:["2rem",0],opacity:[0,1]},"-=300");this.tl.add({targets:this.sidebarSlotElement.querySelector("slot").assignedElements(),delay:anime.stagger(100),translateX:["2rem",0],opacity:[0,1]},"-=300")};n.prototype.openNavigationListener=function(){if(!this.isOpen){this.tl.reverse()}this.tl.restart();this.isOpen=true;this.navigationToggled.emit("opened")};n.prototype.closeNavigationListener=function(){if(this.isOpen){this.tl.reverse()}this.tl.play();this.isOpen=false;this.navigationToggled.emit("closed")};n.prototype.render=function(){var n=this;return h(Host,null,h("section",{class:"navigation",ref:function(t){return n.navigationElement=t}},h("div",{class:"navigation-content"},h("nav",{class:"navigation-menu",ref:function(t){return n.menuSlotElement=t}},h("slot",{name:"navigation"})),h("aside",{class:"navigation-sidebar",ref:function(t){return n.sidebarSlotElement=t}},h("slot",null))),h("footer",{class:"navigation-footer",ref:function(t){return n.footerElement=t}},h("hr",null),h("div",{class:"navigation-footer__container"},h("slot",{name:"footer"})))))};return n}();WrNavigation.style=wrNavigationCss;export{WrNavigation as wr_navigation};

dist/esm/wr-case.entry.js

@@ -449,3 +449,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}.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;padding-left:3rem;padding-right:3rem;overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.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:none;object-fit:none;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:2.5rem;padding-top:1.25rem;position:absolute;z-index:50;left:8.5rem;right:8.5rem}.case-card h2,.case-card h5{margin:0px;color:var(--text-color)}.case-card h2{font-size:2.5rem;line-height:3.5rem}.case-card h5{font-size:1.25rem;line-height:2rem;font-weight:400}.case-card *{-webkit-transition:inherit;transition:inherit;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card:hover{-webkit-transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25));transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25))}.case-card:hover .case-card__mockup{-webkit-transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__accessory{-webkit-transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__body{-webkit-transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}";
+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}.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}@media (min-width: 768px){.case-card{padding-left:3rem;padding-right:3rem}}.case-card{overflow:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100vw}.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: 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:8.5rem;right:8.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}}.case-card *{-webkit-transition:inherit;transition:inherit;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.case-card:hover{-webkit-transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25));transform:translate3d(0, 0, 1rem) rotateY(calc(var(--rotate-x) * 1.25)) rotateX(calc(var(--rotate-y) * 1.25))}.case-card:hover .case-card__mockup{-webkit-transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);transform:translate3d(calc(var(--translate-x) * 1.125), calc(var(--translate-y) * 1.125), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__accessory{-webkit-transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);transform:translate3d(calc(var(--translate-x) * 1.15), calc(var(--translate-y) * 1.15), 0);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}.case-card:hover .case-card__body{-webkit-transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);transform:translate3d(calc(var(--translate-x) * 2.25), calc(var(--translate-y) * 2.25), 2rem);-webkit-filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25));filter:drop-shadow(0 2px 3px rgba(0, 0, 0, 0.25))}";
 
@@ -452,0 +452,0 @@ let WrCase = class {

dist/esm/wr-navigation.entry.js

 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e41e20bc.js';
 import { a as anime } from './anime.es-d8ec8d88.js';
 
-const wrNavigationCss = ":host {\n  display: block;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.navigation {\n  width: 0px;\n  --tw-scale-x: 0;\n  -webkit-transform: var(--tw-transform);\n  transform: var(--tw-transform);\n  overflow: hidden;\n  height: 100vh;\n  width: 100vw;\n  position: fixed;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  --tw-bg-opacity: 1;\n  background-color: rgba(245, 149, 6, var(--tw-bg-opacity));\n  position: fixed;\n  z-index: 40;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.navigation-content {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 480px) {\n\n  .navigation-content {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-content {\n    max-width: 1280px;\n  }\n}\n\n.navigation-content {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 5rem;\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    margin-top: 10rem;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    margin-top: auto;\n  }\n}\n\n.navigation-content {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    -ms-flex-direction: row;\n    flex-direction: row;\n  }\n}\n\n.navigation-content {\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-left: auto;\n  }\n\n  .navigation-sidebar {\n    text-align: right;\n  }\n}\n\n.navigation-sidebar {\n  gap: 2rem;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  margin-top: 3.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-top: 0px;\n  }\n\n  .navigation-sidebar {\n    -ms-flex-direction: column;\n    flex-direction: column;\n  }\n}\n\n.navigation-sidebar {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n    @screne md:max-w-[350px];\n}\n\n.navigation-sidebar p {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n\n.navigation-footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 480px) {\n\n  .navigation-footer {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-footer {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-footer {\n    max-width: 1280px;\n  }\n}\n\n.navigation-footer {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: auto;\n  width: 100%;\n  margin-bottom: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    margin-bottom: 1rem;\n  }\n}\n\n.navigation-footer {\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n  }\n\n.navigation-footer hr {\n  border-top-width: 1px;\n  border-style: solid;\n  border-color: rgba(255, 255, 255, 0.25);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  border-bottom-width: 0px;\n  border-left-width: 0px;\n  border-right-width: 0px;\n}\n\n.navigation-footer__container {\n  padding-top: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer__container {\n    padding-top: 1rem;\n  }\n}\n";
+const wrNavigationCss = ":host {\n  display: block;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.navigation {\n  width: 0px;\n  --tw-scale-x: 0;\n  -webkit-transform: var(--tw-transform);\n  transform: var(--tw-transform);\n  overflow: hidden;\n  height: 100vh;\n  width: 100vw;\n  position: fixed;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  --tw-bg-opacity: 1;\n  background-color: rgba(245, 149, 6, var(--tw-bg-opacity));\n  position: fixed;\n  z-index: 40;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.navigation-content {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 375px) {\n\n  .navigation-content {\n    max-width: 375px;\n  }\n}\n\n@media (min-width: 480px) {\n\n  .navigation-content {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-content {\n    max-width: 1280px;\n  }\n}\n\n.navigation-content {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 5rem;\n}\n\n@media (min-width: 768px) {\n\n  .navigation-content {\n    margin-top: 10rem;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    margin-top: auto;\n  }\n}\n\n.navigation-content {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-content {\n    -ms-flex-direction: row;\n    flex-direction: row;\n  }\n}\n\n.navigation-content {\n  overflow-x: hidden;\n  overflow-y: scroll;\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-left: auto;\n  }\n\n  .navigation-sidebar {\n    text-align: right;\n  }\n}\n\n.navigation-sidebar {\n  gap: 2rem;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  margin-top: 3.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-sidebar {\n    margin-top: 0px;\n  }\n\n  .navigation-sidebar {\n    -ms-flex-direction: column;\n    flex-direction: column;\n  }\n}\n\n.navigation-sidebar {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n    @screne md:max-w-[350px];\n}\n\n.navigation-sidebar p {\n  margin-top: 0px;\n  margin-bottom: 0px;\n}\n\n.navigation-footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: 1.25rem;\n  padding-left: 1.25rem;\n}\n\n@media (min-width: 375px) {\n\n  .navigation-footer {\n    max-width: 375px;\n  }\n}\n\n@media (min-width: 480px) {\n\n  .navigation-footer {\n    max-width: 480px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .navigation-footer {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .navigation-footer {\n    max-width: 1280px;\n  }\n}\n\n.navigation-footer {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: auto;\n  width: 100%;\n  margin-bottom: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer {\n    margin-bottom: 1rem;\n  }\n}\n\n.navigation-footer {\n\n    @media (min-width: 1024px) {\n      width: calc(100vw - 2.5rem);\n    }\n  }\n\n.navigation-footer hr {\n  border-top-width: 1px;\n  border-style: solid;\n  border-color: rgba(255, 255, 255, 0.25);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  border-bottom-width: 0px;\n  border-left-width: 0px;\n  border-right-width: 0px;\n}\n\n.navigation-footer__container {\n  padding-top: 0.5rem;\n}\n\n@media (min-width: 1024px) {\n\n  .navigation-footer__container {\n    padding-top: 1rem;\n  }\n}\n";
 
@@ -6,0 +6,0 @@ let WrNavigation = 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-c06b12a5.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"]]],[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-0c2af3cc.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-bd95f573.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-b87a4b5b.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-b4e39a47.system",[[1,"wr-logo-icon"]]],["p-4474e930.system",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-d7b350cb.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-c06b12a5.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"]]],[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-0c2af3cc.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-0efac25b.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-b87a4b5b.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-b4e39a47.system",[[1,"wr-logo-icon"]]],["p-4474e930.system",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-01754466.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 e,b as o}from"./p-abaf52ff.js";(()=>{const o=import.meta.url,a={};return""!==o&&(a.resourcesUrl=new URL(".",o).href),e(a)})().then((e=>o([["p-a50a2dda",[[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"]]],[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-e4e616ac",[[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-19dee9dc",[[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-1750177c",[[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-d0d1a2b9",[[1,"wr-logo-icon"]]],["p-d44158b0",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-19dc15fd",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],e)));
+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-a50a2dda",[[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"]]],[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-e4e616ac",[[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-44d8f5d5",[[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-1750177c",[[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-d0d1a2b9",[[1,"wr-logo-icon"]]],["p-d44158b0",[[1,"wr-menu-item",{size:[1],badge:[2],href:[1],isLarge:[64]}]]],["p-f1291929",[[1,"wr-navigation",{isOpen:[32]},[[0,"open","openNavigationListener"],[0,"close","closeNavigationListener"]]]]]],o)));

package.json

 {
   "name": "@webreact/webreact-components",
-  "version": "0.4.23",
+  "version": "0.4.24",
   "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

Improved metrics

Total package byte prevSize

1344194

increased by0.38%

Lines of code

19050

increased by0.34%

No dependency changes