@iris.interactive/handcook 2.9.24 → 2.9.26

package/public/scripts/components/scroll-reveal/scroll-reveal.component.js

@@ -0,0 +1,46 @@
+/*
+ * IRIS Interactive
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is no subject to a specific license
+ * but it belongs to the company IRIS Interactive.
+ * You can contact IRIS Interactive at the following
+ * address: contact@iris-interactive.fr
+ *
+ * @author      Lucas ROCHE
+ * @date        01/02/2022 11:01
+ * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
+ */
+
+import sal from 'sal.js'
+import 'sal.js/dist/sal.css';
+import './scroll-reveal.component.scss';
+
+export class HcScrollReveal {
+
+	constructor() {
+		const parents = document.querySelectorAll('[data-hc-scroll-reveal-parent]');
+
+		parents.forEach( parent => {
+			const animation = parent.getAttribute('data-hc-scroll-reveal-parent');
+
+			Array.prototype.forEach.call(parent.children, child => {
+				if (!child.hasAttribute('data-hc-noscroll-reveal')) {
+					child.setAttribute('data-hc-scroll-reveal', animation);
+				}
+			});
+		});
+
+		sal({
+			threshold: 0.1,
+			selector: '[data-hc-scroll-reveal]',
+			animateClassName: 'scroll-reveal-animate'
+		});
+	}
+}
+
+const hc_scroll_reveal = function () {
+	return new HcScrollReveal();
+}
+export default hc_scroll_reveal;

package/public/scripts/components/scroll-reveal/scroll-reveal.component.scss

@@ -0,0 +1,174 @@
+/**
+ * Settings
+ */
+
+$scroll-reveal-animation-duration: 0.4s !default;
+$scroll-reveal-animation-delay: 0s !default;
+$scroll-reveal-slide-offset: 20% !default;
+$scroll-reveal-zoom-in-scale: 0.5 !default;
+$scroll-reveal-zoom-out-scale: 1.1 !default;
+$scroll-reveal-flip-rotate: 91deg !default;
+
+/**
+ * Easings
+ */
+
+$scroll-reveal-easings: (
+    linear: linear,
+    ease: ease,
+    ease-in: ease-in,
+    ease-out: ease-out,
+    ease-in-out: ease-in-out,
+
+    ease-in-cubic: cubic-bezier(.55, .055, .675, .19),
+    ease-out-cubic: cubic-bezier(.215, .61, .355, 1),
+    ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1),
+
+    ease-in-circ: cubic-bezier(.6, .04, .98, .335),
+    ease-out-circ: cubic-bezier(.075, .82, .165, 1),
+    ease-in-out-circ: cubic-bezier(.785, .135, .15, .86),
+
+    ease-in-expo: cubic-bezier(.95, .05, .795, .035),
+    ease-out-expo: cubic-bezier(.19, 1, .22, 1),
+    ease-in-out-expo: cubic-bezier(1, 0, 0, 1),
+
+    ease-in-quad: cubic-bezier(.55, .085, .68, .53),
+    ease-out-quad: cubic-bezier(.25, .46, .45, .94),
+    ease-in-out-quad: cubic-bezier(.455, .03, .515, .955),
+
+    ease-in-quart: cubic-bezier(.895, .03, .685, .22),
+    ease-out-quart: cubic-bezier(.165, .84, .44, 1),
+    ease-in-out-quart: cubic-bezier(.77, 0, .175, 1),
+
+    ease-in-quint: cubic-bezier(.755, .05, .855, .06),
+    ease-out-quint: cubic-bezier(.23, 1, .32, 1),
+    ease-in-out-quint: cubic-bezier(.86, 0, .07, 1),
+
+    ease-in-sine: cubic-bezier(.47, 0, .745, .715),
+    ease-out-sine: cubic-bezier(.39, .575, .565, 1),
+    ease-in-out-sine: cubic-bezier(.445, .05, .55, .95),
+
+    ease-in-back: cubic-bezier(.6, -.28, .735, .045),
+    ease-out-back: cubic-bezier(.175, .885, .32, 1.275),
+    ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55)
+);
+
+/**
+ * Core
+ */
+
+[data-hc-scroll-reveal] {
+    transition-duration: $scroll-reveal-animation-duration;
+    transition-delay: $scroll-reveal-animation-delay;
+    transition-duration: var(--hc-scroll-revea-duration, $scroll-reveal-animation-duration);
+    transition-delay: var(--hc-scroll-reveal-delay, $scroll-reveal-animation-delay);
+    transition-timing-function: var(--hc-scroll-revea-easing, map-get($scroll-reveal-easings, 'ease'));
+}
+
+@for $i from 4 through 40 {
+    [data-hc-scroll-reveal][data-hc-scroll-reveal-duration='#{$i * 50}'] {
+        transition-duration: #{$i * 0.05}s;
+    }
+}
+
+@for $i from 1 through 20 {
+    [data-hc-scroll-reveal][data-hc-scroll-reveal-delay='#{$i * 50}'] {
+        transition-delay: #{$i * 0.05}s;
+    }
+}
+
+@each $key, $value in $scroll-reveal-easings {
+    [data-hc-scroll-reveal][data-hc-scroll-reveal-easing='#{$key}'] {
+        transition-timing-function: $value;
+    }
+}
+
+/**
+ * Animations
+ */
+
+// Fade
+[data-hc-scroll-reveal|='fade'] {
+    opacity: 0;
+    transition-property: opacity;
+}
+
+[data-hc-scroll-reveal|='fade'].scroll-reveal-animate,
+body.sal-disabled [data-hc-scroll-reveal|='fade'] {
+    opacity: 1;
+}
+
+// Slide
+[data-hc-scroll-reveal|='slide'] {
+    opacity: 0;
+    transition-property: opacity, transform;
+}
+
+[data-hc-scroll-reveal='slide-up'] {
+    transform: translateY($scroll-reveal-slide-offset);
+}
+
+[data-hc-scroll-reveal='slide-down'] {
+    transform: translateY(-$scroll-reveal-slide-offset);
+}
+
+[data-hc-scroll-reveal='slide-left'] {
+    transform: translateX($scroll-reveal-slide-offset);
+}
+
+[data-hc-scroll-reveal='slide-right'] {
+    transform: translateX(-$scroll-reveal-slide-offset);
+}
+
+[data-hc-scroll-reveal|='slide'].scroll-reveal-animate,
+body.sal-disabled [data-hc-scroll-reveal|='slide'] {
+    opacity: 1;
+    transform: none;
+}
+
+// Zoom
+[data-hc-scroll-reveal|='zoom'] {
+    opacity: 0;
+    transition-property: opacity, transform;
+}
+
+[data-hc-scroll-reveal='zoom-in'] {
+    transform: scale($scroll-reveal-zoom-in-scale);
+}
+
+[data-hc-scroll-reveal='zoom-out'] {
+    transform: scale($scroll-reveal-zoom-out-scale);
+}
+
+[data-hc-scroll-reveal|='zoom'].scroll-reveal-animate,
+body.sal-disabled [data-hc-scroll-reveal|='zoom'] {
+    opacity: 1;
+    transform: none;
+}
+
+// Flip
+[data-hc-scroll-reveal|='flip'] {
+    backface-visibility: hidden;
+    transition-property: transform;
+}
+
+[data-hc-scroll-reveal='flip-left'] {
+    transform: perspective(2000px) rotateY(-$scroll-reveal-flip-rotate);
+}
+
+[data-hc-scroll-reveal='flip-right'] {
+    transform: perspective(2000px) rotateY($scroll-reveal-flip-rotate);
+}
+
+[data-hc-scroll-reveal='flip-up'] {
+    transform: perspective(2000px) rotateX(-$scroll-reveal-flip-rotate);
+}
+
+[data-hc-scroll-reveal='flip-down'] {
+    transform: perspective(2000px) rotateX($scroll-reveal-flip-rotate);
+}
+
+[data-hc-scroll-reveal|='flip'].scroll-reveal-animate,
+body.sal-disabled [data-hc-scroll-reveal|='flip'] {
+    transform: none;
+}

package/public/scripts/components/scrollspy/scrollspy.component.min.js

@@ -1 +1 @@
-(()=>{"use strict";var t={812:(t,e,o)=>{function a(t,e){for(var o=0;o<e.length;o++){var a=e[o];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function r(t,e,o){return e&&a(t.prototype,e),o&&a(t,o),Object.defineProperty(t,"prototype",{writable:!1}),t}function l(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}var n=r((function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}));l(n,"tooltip","[data-hc-tooltip], [data-hc-popover]"),l(n,"popover","[data-hc-popover]"),l(n,"scrollSmooth","[data-hc-smooth-scroll]"),l(n,"modal","[data-hc-modal]"),l(n,"modalClose","[data-hc-modal-close]"),l(n,"lightboxAttr","data-hc-lightbox"),l(n,"lightbox","[".concat(n.lightboxAttr,"]")),l(n,"dropdown","[data-hc-dropdown]"),l(n,"collapse","[data-hc-collapse]"),l(n,"collapseItem","[data-hc-collapse-item]"),l(n,"popin","[data-hc-popin]"),l(n,"tab","[data-hc-tab]"),l(n,"toggle","[data-hc-toggle]"),l(n,"slider","[data-hc-slider]"),l(n,"scrollspy","[data-hc-scrollspy]"),l(n,"scrollspyNav","[data-hc-scrollspy-nav]"),l(n,"scrollspyNavItem","[data-hc-scrollspy-nav-item]")},539:(t,e,o)=>{function a(t,e){for(var o=0;o<e.length;o++){var a=e[o];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function r(t,e,o){return e&&a(t.prototype,e),o&&a(t,o),Object.defineProperty(t,"prototype",{writable:!1}),t}function l(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}var n=r((function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}));l(n,"attrHref","data-hc-smooth-scroll-href"),l(n,"attrShift","data-hc-smooth-scroll-shift")}},e={};function o(a){var r=e[a];if(void 0!==r)return r.exports;var l=e[a]={exports:{}};return t[a](l,l.exports,o),l.exports}o.d=(t,e)=>{for(var a in e)o.o(e,a)&&!o.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o(812),o(539)})();
+(()=>{"use strict";var t={812:(t,a,o)=>{function r(t,a,o){return a in t?Object.defineProperty(t,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[a]=o,t}var e=function t(){!function(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,t)};r(e,"tooltip","[data-hc-tooltip], [data-hc-popover]"),r(e,"popover","[data-hc-popover]"),r(e,"scrollSmooth","[data-hc-smooth-scroll]"),r(e,"modal","[data-hc-modal]"),r(e,"modalClose","[data-hc-modal-close]"),r(e,"lightboxAttr","data-hc-lightbox"),r(e,"lightbox","[".concat(e.lightboxAttr,"]")),r(e,"dropdown","[data-hc-dropdown]"),r(e,"collapse","[data-hc-collapse]"),r(e,"collapseItem","[data-hc-collapse-item]"),r(e,"popin","[data-hc-popin]"),r(e,"tab","[data-hc-tab]"),r(e,"toggle","[data-hc-toggle]"),r(e,"slider","[data-hc-slider]"),r(e,"scrollspy","[data-hc-scrollspy]"),r(e,"scrollspyNav","[data-hc-scrollspy-nav]"),r(e,"scrollspyNavItem","[data-hc-scrollspy-nav-item]")},539:(t,a,o)=>{function r(t,a,o){return a in t?Object.defineProperty(t,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[a]=o,t}var e=function t(){!function(t,a){if(!(t instanceof a))throw new TypeError("Cannot call a class as a function")}(this,t)};r(e,"attrHref","data-hc-smooth-scroll-href"),r(e,"attrShift","data-hc-smooth-scroll-shift")}},a={};function o(r){var e=a[r];if(void 0!==e)return e.exports;var l=a[r]={exports:{}};return t[r](l,l.exports,o),l.exports}o.d=(t,a)=>{for(var r in a)o.o(a,r)&&!o.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:a[r]})},o.o=(t,a)=>Object.prototype.hasOwnProperty.call(t,a),o(812),o(539)})();