@iris.interactive/handcook 2.9.33 → 2.9.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
  # Welcome to HandCook 👨‍🍳
2
- ![Version](https://img.shields.io/badge/version-2.9.33-blue.svg?cacheSeconds=2592000)
2
+ ![Version](https://img.shields.io/badge/version-2.9.35-blue.svg?cacheSeconds=2592000)
3
3
  ![Prerequisite](https://img.shields.io/badge/node-%3E%3D%2012.14.0-blue.svg)
4
4
  [![License: UNLICENSED](https://img.shields.io/badge/License-UNLICENSED-yellow.svg)](#)
5
5
  [![Twitter: captain\_iris](https://img.shields.io/twitter/follow/captain\_iris.svg?style=social)](https://twitter.com/captain\_iris)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iris.interactive/handcook",
3
- "version": "2.9.33",
3
+ "version": "2.9.35",
4
4
  "description": "The web cooking by IRIS Interactive",
5
5
  "main": "./public/scripts/index.js",
6
6
  "scripts": {
package/public/index.html CHANGED
@@ -330,7 +330,7 @@
330
330
  </div>
331
331
  </div>
332
332
  </article>
333
- <article id="slider" class="component__wrapper">
333
+ <article id="slider" class="component__wrapper" style="overflow: hidden;">
334
334
  <h2 class="component__content__title">Slider</h2>
335
335
  <div class="component__content">
336
336
  <div class="component__content__topbar">
@@ -15,7 +15,6 @@
15
15
 
16
16
  import ScrollReveal from 'scrollreveal'
17
17
  import ElementEnum from "../../enumerators/element.enum";
18
- import './scroll-reveal.component.scss';
19
18
 
20
19
  export class HcScrollReveal {
21
20
 
@@ -27,6 +26,7 @@ export class HcScrollReveal {
27
26
  let interval = 150;
28
27
  let origin = 'bottom';
29
28
 
29
+ //Children by parent
30
30
  const parents = document.querySelectorAll(ElementEnum.scrollRevealParent);
31
31
  parents.forEach( parent => {
32
32
 
@@ -56,7 +56,7 @@ export class HcScrollReveal {
56
56
  }
57
57
  });
58
58
 
59
- ScrollReveal().reveal('[data-hc-scroll-reveal-child]', {
59
+ ScrollReveal().reveal(parent.querySelectorAll("[data-hc-scroll-reveal-child]"), {
60
60
  distance: distance,
61
61
  delay: delay,
62
62
  duration: duration,
@@ -65,6 +65,7 @@ export class HcScrollReveal {
65
65
  });
66
66
  });
67
67
 
68
+ //Specific item
68
69
  const items = document.querySelectorAll(ElementEnum.scrollReveal);
69
70
  items.forEach( item => {
70
71
 
@@ -1,5 +1 @@
1
- //Scroll reveal
2
- [data-hc-scroll-reveal-child],
3
- [data-hc-scroll-reveal] {
4
- visibility: hidden;
5
- }
1
+