mirror of
https://github.com/kogakure/website-astro-stefanimhoff.de.git
synced 2026-02-03 20:15:27 +00:00
fix: problem with Sal.js in production mode
This commit is contained in:
Stefan Imhoff
1
.eslintignore
Normal file
1
.eslintignore
Normal file
@@ -0,0 +1 @@
|
||||
public/assets/scripts/
|
||||
2
public/assets/scripts/sal.js
Normal file
2
public/assets/scripts/sal.js
Normal file
@@ -0,0 +1,2 @@
|
||||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.sal=t():e.sal=t()}(this,(function(){return(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};function n(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}e.d(t,{default:()=>j});var a="Sal was not initialised! Probably it is used in SSR.",s="Your browser does not support IntersectionObserver!\nGet a polyfill from here:\nhttps://github.com/w3c/IntersectionObserver/tree/master/polyfill",i={root:null,rootMargin:"0% 50%",threshold:.5,animateClassName:"sal-animate",disabledClassName:"sal-disabled",enterEventName:"sal:in",exitEventName:"sal:out",selector:"[data-sal]",once:!0,disabled:!1},l=[],c=null,u=function(e){e&&e!==i&&(i=r(r({},i),e))},d=function(e){e.classList.remove(i.animateClassName)},f=function(e,t){var n=new CustomEvent(e,{bubbles:!0,detail:t});t.target.dispatchEvent(n)},b=function(){document.body.classList.add(i.disabledClassName)},p=function(){c.disconnect(),c=null},m=function(){return i.disabled||"function"==typeof i.disabled&&i.disabled()},v=function(e,t){e.forEach((function(e){var n=e.target,r=void 0!==n.dataset.salRepeat,o=void 0!==n.dataset.salOnce,a=r||!(o||i.once);e.intersectionRatio>=i.threshold?(function(e){e.target.classList.add(i.animateClassName),f(i.enterEventName,e)}(e),a||t.unobserve(n)):a&&function(e){d(e.target),f(i.exitEventName,e)}(e)}))},y=function(){var e=[].filter.call(document.querySelectorAll(i.selector),(function(e){return!function(e){return e.classList.contains(i.animateClassName)}(e,i.animateClassName)}));return e.forEach((function(e){return c.observe(e)})),e},O=function(){b(),p()},h=function(){document.body.classList.remove(i.disabledClassName),c=new IntersectionObserver(v,{root:i.root,rootMargin:i.rootMargin,threshold:i.threshold}),l=y()},g=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};p(),Array.from(document.querySelectorAll(i.selector)).forEach(d),u(e),h()},w=function(){var e=y();l.push(e)};const j=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i;if(u(e),"undefined"==typeof window)return console.warn(a),{elements:l,disable:O,enable:h,reset:g,update:w};if(!window.IntersectionObserver)throw b(),Error(s);return m()?b():h(),{elements:l,disable:O,enable:h,reset:g,update:w}};return t.default})()}));
|
||||
//# sourceMappingURL=sal.js.map
|
||||
1
public/assets/scripts/sal.js.map
Normal file
1
public/assets/scripts/sal.js.map
Normal file
File diff suppressed because one or more lines are too long
@@ -1,8 +1,8 @@
|
||||
---
|
||||
import '../../node_modules/sal.js/dist/sal.css';
|
||||
import '../styles/sal.css';
|
||||
---
|
||||
|
||||
<script src="../../node_modules/sal.js/dist/sal.js" defer></script>
|
||||
<script src="/assets/scripts/sal.js" defer></script>
|
||||
<script type="module">
|
||||
if ('querySelector' in document && 'localStorage' in window && 'addEventListener' in window) {
|
||||
sal({
|
||||
@@ -12,8 +12,17 @@ import '../../node_modules/sal.js/dist/sal.css';
|
||||
</script>
|
||||
|
||||
<style is:global>
|
||||
.no-js [data-sal|='slide-up'] {
|
||||
opacity: 1 !important;
|
||||
transform: none !important;
|
||||
.no-js [data-sal|='fade'] {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.no-js [data-sal|='slide'],
|
||||
.no-js [data-sal|='zoom'] {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.no-js [data-sal|='flip'] {
|
||||
transform: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
333
src/styles/sal.css
Normal file
333
src/styles/sal.css
Normal file
@@ -0,0 +1,333 @@
|
||||
[data-sal] {
|
||||
transition-delay: 0s;
|
||||
transition-delay: var(--sal-delay, 0s);
|
||||
transition-duration: 0.2s;
|
||||
transition-duration: var(--sal-duration, 0.2s);
|
||||
transition-timing-function: ease;
|
||||
transition-timing-function: var(--sal-easing, ease);
|
||||
}
|
||||
[data-sal][data-sal-duration='200'] {
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
[data-sal][data-sal-duration='250'] {
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
[data-sal][data-sal-duration='300'] {
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
[data-sal][data-sal-duration='350'] {
|
||||
transition-duration: 0.35s;
|
||||
}
|
||||
[data-sal][data-sal-duration='400'] {
|
||||
transition-duration: 0.4s;
|
||||
}
|
||||
[data-sal][data-sal-duration='450'] {
|
||||
transition-duration: 0.45s;
|
||||
}
|
||||
[data-sal][data-sal-duration='500'] {
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
[data-sal][data-sal-duration='550'] {
|
||||
transition-duration: 0.55s;
|
||||
}
|
||||
[data-sal][data-sal-duration='600'] {
|
||||
transition-duration: 0.6s;
|
||||
}
|
||||
[data-sal][data-sal-duration='650'] {
|
||||
transition-duration: 0.65s;
|
||||
}
|
||||
[data-sal][data-sal-duration='700'] {
|
||||
transition-duration: 0.7s;
|
||||
}
|
||||
[data-sal][data-sal-duration='750'] {
|
||||
transition-duration: 0.75s;
|
||||
}
|
||||
[data-sal][data-sal-duration='800'] {
|
||||
transition-duration: 0.8s;
|
||||
}
|
||||
[data-sal][data-sal-duration='850'] {
|
||||
transition-duration: 0.85s;
|
||||
}
|
||||
[data-sal][data-sal-duration='900'] {
|
||||
transition-duration: 0.9s;
|
||||
}
|
||||
[data-sal][data-sal-duration='950'] {
|
||||
transition-duration: 0.95s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1000'] {
|
||||
transition-duration: 1s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1050'] {
|
||||
transition-duration: 1.05s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1100'] {
|
||||
transition-duration: 1.1s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1150'] {
|
||||
transition-duration: 1.15s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1200'] {
|
||||
transition-duration: 1.2s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1250'] {
|
||||
transition-duration: 1.25s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1300'] {
|
||||
transition-duration: 1.3s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1350'] {
|
||||
transition-duration: 1.35s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1400'] {
|
||||
transition-duration: 1.4s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1450'] {
|
||||
transition-duration: 1.45s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1500'] {
|
||||
transition-duration: 1.5s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1550'] {
|
||||
transition-duration: 1.55s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1600'] {
|
||||
transition-duration: 1.6s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1650'] {
|
||||
transition-duration: 1.65s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1700'] {
|
||||
transition-duration: 1.7s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1750'] {
|
||||
transition-duration: 1.75s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1800'] {
|
||||
transition-duration: 1.8s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1850'] {
|
||||
transition-duration: 1.85s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1900'] {
|
||||
transition-duration: 1.9s;
|
||||
}
|
||||
[data-sal][data-sal-duration='1950'] {
|
||||
transition-duration: 1.95s;
|
||||
}
|
||||
[data-sal][data-sal-duration='2000'] {
|
||||
transition-duration: 2s;
|
||||
}
|
||||
[data-sal][data-sal-delay='50'] {
|
||||
transition-delay: 0.05s;
|
||||
}
|
||||
[data-sal][data-sal-delay='100'] {
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
[data-sal][data-sal-delay='150'] {
|
||||
transition-delay: 0.15s;
|
||||
}
|
||||
[data-sal][data-sal-delay='200'] {
|
||||
transition-delay: 0.2s;
|
||||
}
|
||||
[data-sal][data-sal-delay='250'] {
|
||||
transition-delay: 0.25s;
|
||||
}
|
||||
[data-sal][data-sal-delay='300'] {
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
[data-sal][data-sal-delay='350'] {
|
||||
transition-delay: 0.35s;
|
||||
}
|
||||
[data-sal][data-sal-delay='400'] {
|
||||
transition-delay: 0.4s;
|
||||
}
|
||||
[data-sal][data-sal-delay='450'] {
|
||||
transition-delay: 0.45s;
|
||||
}
|
||||
[data-sal][data-sal-delay='500'] {
|
||||
transition-delay: 0.5s;
|
||||
}
|
||||
[data-sal][data-sal-delay='550'] {
|
||||
transition-delay: 0.55s;
|
||||
}
|
||||
[data-sal][data-sal-delay='600'] {
|
||||
transition-delay: 0.6s;
|
||||
}
|
||||
[data-sal][data-sal-delay='650'] {
|
||||
transition-delay: 0.65s;
|
||||
}
|
||||
[data-sal][data-sal-delay='700'] {
|
||||
transition-delay: 0.7s;
|
||||
}
|
||||
[data-sal][data-sal-delay='750'] {
|
||||
transition-delay: 0.75s;
|
||||
}
|
||||
[data-sal][data-sal-delay='800'] {
|
||||
transition-delay: 0.8s;
|
||||
}
|
||||
[data-sal][data-sal-delay='850'] {
|
||||
transition-delay: 0.85s;
|
||||
}
|
||||
[data-sal][data-sal-delay='900'] {
|
||||
transition-delay: 0.9s;
|
||||
}
|
||||
[data-sal][data-sal-delay='950'] {
|
||||
transition-delay: 0.95s;
|
||||
}
|
||||
[data-sal][data-sal-delay='1000'] {
|
||||
transition-delay: 1s;
|
||||
}
|
||||
[data-sal][data-sal-easing='linear'] {
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
[data-sal][data-sal-easing='ease'] {
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in'] {
|
||||
transition-timing-function: ease-in;
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-out'] {
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-out'] {
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-cubic'] {
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-out-cubic'] {
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-out-cubic'] {
|
||||
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-circ'] {
|
||||
transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-out-circ'] {
|
||||
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-out-circ'] {
|
||||
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-expo'] {
|
||||
transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-out-expo'] {
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-out-expo'] {
|
||||
transition-timing-function: cubic-bezier(1, 0, 0, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-quad'] {
|
||||
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-out-quad'] {
|
||||
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-out-quad'] {
|
||||
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-quart'] {
|
||||
transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-out-quart'] {
|
||||
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-out-quart'] {
|
||||
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-quint'] {
|
||||
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-out-quint'] {
|
||||
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-out-quint'] {
|
||||
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-sine'] {
|
||||
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-out-sine'] {
|
||||
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-out-sine'] {
|
||||
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-back'] {
|
||||
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-out-back'] {
|
||||
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
[data-sal][data-sal-easing='ease-in-out-back'] {
|
||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
}
|
||||
[data-sal|='fade'] {
|
||||
opacity: 0;
|
||||
transition-property: opacity;
|
||||
}
|
||||
[data-sal|='fade'].sal-animate,
|
||||
body.sal-disabled [data-sal|='fade'] {
|
||||
opacity: 1;
|
||||
}
|
||||
[data-sal|='slide'] {
|
||||
opacity: 0;
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
[data-sal='slide-up'] {
|
||||
transform: translateY(20%);
|
||||
}
|
||||
[data-sal='slide-down'] {
|
||||
transform: translateY(-20%);
|
||||
}
|
||||
[data-sal='slide-left'] {
|
||||
transform: translateX(20%);
|
||||
}
|
||||
[data-sal='slide-right'] {
|
||||
transform: translateX(-20%);
|
||||
}
|
||||
[data-sal|='slide'].sal-animate,
|
||||
body.sal-disabled [data-sal|='slide'] {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
[data-sal|='zoom'] {
|
||||
opacity: 0;
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
[data-sal='zoom-in'] {
|
||||
transform: scale(0.5);
|
||||
}
|
||||
[data-sal='zoom-out'] {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
[data-sal|='zoom'].sal-animate,
|
||||
body.sal-disabled [data-sal|='zoom'] {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
[data-sal|='flip'] {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
transition-property: transform;
|
||||
}
|
||||
[data-sal='flip-left'] {
|
||||
transform: perspective(2000px) rotateY(-91deg);
|
||||
}
|
||||
[data-sal='flip-right'] {
|
||||
transform: perspective(2000px) rotateY(91deg);
|
||||
}
|
||||
[data-sal='flip-up'] {
|
||||
transform: perspective(2000px) rotateX(-91deg);
|
||||
}
|
||||
[data-sal='flip-down'] {
|
||||
transform: perspective(2000px) rotateX(91deg);
|
||||
}
|
||||
[data-sal|='flip'].sal-animate,
|
||||
body.sal-disabled [data-sal|='flip'] {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=sal.css.map*/
|
||||
1
src/styles/sal.css.map
Normal file
1
src/styles/sal.css.map
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user