@iris.interactive/handcook 2.9.35 → 2.9.37

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.
Files changed (17) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/public/scripts/components/collapse/collapse.component.min.js +1 -2095
  4. package/public/scripts/components/dropdown/dropdown.component.min.js +1 -6309
  5. package/public/scripts/components/lazyload/lazyload.component.min.js +1 -175
  6. package/public/scripts/components/lightbox/lightbox.component.min.js +1 -649
  7. package/public/scripts/components/modal/modal.component.min.js +1 -743
  8. package/public/scripts/components/scrollspy/scrollspy.component.min.js +1 -327
  9. package/public/scripts/components/slider/slider.component.min.js +1 -13597
  10. package/public/scripts/components/smooth-scroll/smooth-scroll.component.min.js +1 -273
  11. package/public/scripts/components/tab/tab.component.min.js +1 -1884
  12. package/public/scripts/components/toggle/toggle.component.min.js +1 -202
  13. package/public/scripts/components/tooltip/tooltip.component.min.js +1 -6335
  14. package/public/scripts/handcook.js +1 -45
  15. package/public/styles/scss/_variables.scss +5 -0
  16. package/public/styles/scss/style.css +2 -161
  17. package/public/styles/style.css +1 -209
package/public/scripts/handcook.js CHANGED
@@ -1,45 +1 @@
1
- /*
2
- * IRIS Interactive
3
- *
4
- * NOTICE OF LICENSE
5
- *
6
- * This source file is no subject to a specific license
7
- * but it belongs to the company IRIS Interactive.
8
- * You can contact IRIS Interactive at the following
9
- * address: contact@iris-interactive.fr
10
- *
11
- * @author Fabien SERRA
12
- * @date 25/02/2022 12:04
13
- * @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
14
- */
15
-
16
- import hc_tooltip from '@package_script/components/tooltip/tooltip.component';
17
- import hc_smooth_scroll from "@package_script/components/smooth-scroll/smooth-scroll.component";
18
- import hc_modal from "@package_script/components/modal/modal.component";
19
- import hc_lightbox from "@package_script/components/lightbox/lightbox.component";
20
- import hc_dropdown from "@package_script/components/dropdown/dropdown.component";
21
- import hc_collapse from "@package_script/components/collapse/collapse.component";
22
- import hc_lazyload from "@package_script/components/lazyload/lazyload.component";
23
- import hc_tab from "@package_script/components/tab/tab.component";
24
- import hc_toggle from "@package_script/components/toggle/toggle.component";
25
- import hc_slider from "@package_script/components/slider/slider.component";
26
- import hc_scrollspy from "@package_script/components/scrollspy/scrollspy.component";
27
- import hc_popin from "@package_script/components/popin/popin.component";
28
- import hc_scroll_reveal from "@package_script/components/scroll-reveal/scroll-reveal.component";
29
-
30
- const Handcook = {
31
- hc_tooltip,
32
- hc_smooth_scroll,
33
- hc_modal,
34
- hc_lightbox,
35
- hc_dropdown,
36
- hc_collapse,
37
- hc_lazyload,
38
- hc_tab,
39
- hc_toggle,
40
- hc_slider,
41
- hc_scrollspy,
42
- hc_popin,
43
- hc_scroll_reveal
44
- }
45
- export default Handcook;
1
+ import hc_tooltip from"@package_script/components/tooltip/tooltip.component";import hc_smooth_scroll from"@package_script/components/smooth-scroll/smooth-scroll.component";import hc_modal from"@package_script/components/modal/modal.component";import hc_lightbox from"@package_script/components/lightbox/lightbox.component";import hc_dropdown from"@package_script/components/dropdown/dropdown.component";import hc_collapse from"@package_script/components/collapse/collapse.component";import hc_lazyload from"@package_script/components/lazyload/lazyload.component";import hc_tab from"@package_script/components/tab/tab.component";import hc_toggle from"@package_script/components/toggle/toggle.component";import hc_slider from"@package_script/components/slider/slider.component";import hc_scrollspy from"@package_script/components/scrollspy/scrollspy.component";import hc_popin from"@package_script/components/popin/popin.component";import hc_scroll_reveal from"@package_script/components/scroll-reveal/scroll-reveal.component";const Handcook={hc_tooltip:hc_tooltip,hc_smooth_scroll:hc_smooth_scroll,hc_modal:hc_modal,hc_lightbox:hc_lightbox,hc_dropdown:hc_dropdown,hc_collapse:hc_collapse,hc_lazyload:hc_lazyload,hc_tab:hc_tab,hc_toggle:hc_toggle,hc_slider:hc_slider,hc_scrollspy:hc_scrollspy,hc_popin:hc_popin,hc_scroll_reveal:hc_scroll_reveal};export default Handcook;
package/public/styles/scss/_variables.scss CHANGED
@@ -105,6 +105,11 @@ $font-size-extra-large--rem: var(--iris--global--font-size-extra-large--rem);
105
105
  $font-size-extra-large--small: var(--iris--global--font-size-extra-large--small);
106
106
  $font-size-extra-large--small--rem: var(--iris--global--font-size-extra-large--small--rem);
107
107
 
108
+ //Cursor
109
+ $cursor-color: var(--iris--cursor--color, #000);
110
+
111
+ //Ripple effect
112
+ $ripple-effect-color: var(--iris--ripple-effect--color, #aaa);
108
113
 
109
114
  //Icon
110
115
  $icon-color: var(--iris--icon--color);
package/public/styles/scss/style.css CHANGED
@@ -11,68 +11,7 @@
11
11
  * @author Lucas ROCHE
12
12
  * @date 27/01/2022 14:32
13
13
  * @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
14
- */
15
- /*
16
- * Created by IRIS Interactive
17
- * User : IRIS Interactive
18
- */
19
- /* Layout
20
- / ================================================== */
21
- /* Gutter
22
- / ================================================== */
23
- /* Margin
24
- / ================================================== */
25
- /* Margin
26
- / ================================================== */
27
- /* Breakpoint
28
- / ================================================== */
29
- /* Global
30
- / ================================================== */
31
- /* Notifications
32
- / ================================================== */
33
- /* Difficulty
34
- / ================================================== */
35
- /*
36
- * Created by IRIS Interactive
37
- * User : IRIS Interactive
38
- */
39
- /* Main gutter
40
- / ================================================== */
41
- /* Breakpoints
42
- /* ============================================= */
43
- /* display flex
44
- /* ============================================= */
45
- /* Hover - TODO
46
- /* ============================================= */
47
- /* Touch
48
- /* ============================================= */
49
- /* Clear
50
- /* ============================================= */
51
- /*
52
- * Created by IRIS Interactive
53
- * User : IRIS Interactive
54
- */
55
- /* Transition
56
- /* ============================================= */
57
- /* Hover
58
- /* ============================================= */
59
- /* Ellipsis
60
- /* ============================================= */
61
- /* Adaptive height block
62
- /* ============================================= */
63
- /* Line clamp
64
- /* ============================================= */
65
- /* Object fit
66
- /* ============================================= */
67
- /* Linear Gradient
68
- /* ============================================= */
69
- /* fit-content
70
- /* ============================================= */
71
- /* stretched-link
72
- /* ============================================= */
73
- /* sr-only
74
- /* ============================================= */
75
- /*!
14
+ *//*!
76
15
  * IRIS Interactive
77
16
  *
78
17
  * NOTICE OF LICENSE
@@ -85,102 +24,4 @@
85
24
  * @author Lucas ROCHE
86
25
  * @date 28/01/2022 07:41
87
26
  * @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
88
- */
89
- /* Font icon
90
- /* ============================================= */
91
- /* Font size
92
- /* ============================================= */
93
- /*
94
- * Created by IRIS Interactive
95
- * User : IRIS Interactive
96
- */
97
- /* Utils classes
98
- /* ============================================= */
99
- .stretched-link:before {
100
- position: absolute;
101
- top: 0;
102
- right: 0;
103
- bottom: 0;
104
- left: 0;
105
- z-index: 1;
106
- pointer-events: auto;
107
- content: "";
108
- background-color: transparent;
109
- }
110
-
111
- /* ============================================= */
112
- .list-flex {
113
- display: flex;
114
- flex-wrap: wrap;
115
- margin-bottom: 0;
116
- }
117
- .list-flex > * {
118
- list-style-type: none;
119
- margin: 0 10px 10px 0;
120
- }
121
- .list-flex > *:last-child {
122
- margin-right: 0;
123
- }
124
-
125
- /* Animations
126
- /* ============================================= */
127
- @-webkit-keyframes loader {
128
- 100% {
129
- transform: rotate(360deg);
130
- }
131
- }
132
- @keyframes loader {
133
- 100% {
134
- transform: rotate(360deg);
135
- }
136
- }
137
- /* Sr-only
138
- /* ============================================= */
139
- .sr-only {
140
- clip: rect(0, 0, 0, 0);
141
- border-width: 0;
142
- height: 1px;
143
- margin: -1px;
144
- overflow: hidden;
145
- padding: 0;
146
- position: absolute;
147
- white-space: nowrap;
148
- width: 1px;
149
- }
150
-
151
- /* Text with icon before
152
- /* ============================================= */
153
- .text-icon {
154
- display: inline-flex;
155
- align-items: center;
156
- }
157
- .text-icon:before {
158
- margin-right: 5px;
159
- }
160
- .text-icon:after {
161
- margin-left: 5px;
162
- }
163
-
164
- /* Block with img animated on hover
165
- /* ============================================= */
166
- .hover-item img {
167
- transition: 0.2s ease;
168
- will-change: transform;
169
- }
170
- .hover-item:hover img {
171
- transform: scale(1.02);
172
- }
173
-
174
- /* Opening
175
- /* ============================================= */
176
- .is-opened {
177
- color: #009e55;
178
- }
179
-
180
- .soon-closed {
181
- color: #ff890e;
182
- }
183
-
184
- .is-closed {
185
- color: #f33;
186
- }
27
+ */.stretched-link:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:transparent}.list-flex{display:flex;flex-wrap:wrap;margin-bottom:0}.list-flex>*{list-style-type:none;margin:0 10px 10px 0}.list-flex>:last-child{margin-right:0}@-webkit-keyframes loader{100%{transform:rotate(360deg)}}@keyframes loader{100%{transform:rotate(360deg)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-icon{display:inline-flex;align-items:center}.text-icon:before{margin-right:5px}.text-icon:after{margin-left:5px}.hover-item img{transition:.2s ease;will-change:transform}.hover-item:hover img{transform:scale(1.02)}.is-opened{color:#009e55}.soon-closed{color:#ff890e}.is-closed{color:#f33}
package/public/styles/style.css CHANGED
@@ -12,72 +12,6 @@
12
12
  * @date 27/01/2022 14:32
13
13
  * @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
14
14
  */
15
- /*
16
- * Created by IRIS Interactive
17
- * User : IRIS Interactive
18
- */
19
- /* Layout
20
- / ================================================== */
21
- /* Gutter
22
- / ================================================== */
23
- /* Margin
24
- / ================================================== */
25
- /* Margin
26
- / ================================================== */
27
- /* Breakpoint
28
- / ================================================== */
29
- /* Global
30
- / ================================================== */
31
- /* Appearance
32
- / ================================================== */
33
- /* Global SIT
34
- / ================================================== */
35
- /* Notifications
36
- / ================================================== */
37
- /* Difficulty
38
- / ================================================== */
39
- /*
40
- * Created by IRIS Interactive
41
- * User : IRIS Interactive
42
- */
43
- /* Main gutter
44
- / ================================================== */
45
- /* Breakpoints
46
- /* ============================================= */
47
- /* display flex
48
- /* ============================================= */
49
- /* Hover
50
- /* ============================================= */
51
- /* Touch
52
- /* ============================================= */
53
- /* Clear
54
- /* ============================================= */
55
- /*
56
- * Created by IRIS Interactive
57
- * User : IRIS Interactive
58
- */
59
- /* Transition
60
- /* ============================================= */
61
- /* Animate
62
- /* ============================================= */
63
- /* Ellipsis
64
- /* ============================================= */
65
- /* Adaptive height block
66
- /* ============================================= */
67
- /* Line clamp
68
- /* ============================================= */
69
- /* Object fit
70
- /* ============================================= */
71
- /* Linear Gradient
72
- /* ============================================= */
73
- /* fit-content
74
- /* ============================================= */
75
- /* stretched-link
76
- /* ============================================= */
77
- /* sr-only
78
- /* ============================================= */
79
- /* Button
80
- /* ============================================= */
81
15
  /*!
82
16
  * IRIS Interactive
83
17
  *
@@ -91,146 +25,4 @@
91
25
  * @author Lucas ROCHE
92
26
  * @date 28/01/2022 07:41
93
27
  * @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
94
- */
95
- /* Font icon
96
- /* ============================================= */
97
- /* Font size
98
- /* ============================================= */
99
- /*
100
- * Created by IRIS Interactive
101
- * User : IRIS Interactive
102
- */
103
- /* Utils classes
104
- /* ============================================= */
105
- .stretched-link:before {
106
- position: absolute;
107
- top: 0;
108
- right: 0;
109
- bottom: 0;
110
- left: 0;
111
- z-index: 1;
112
- pointer-events: auto;
113
- content: "";
114
- background-color: transparent;
115
- }
116
-
117
- /* ============================================= */
118
- .list-flex {
119
- display: flex;
120
- flex-wrap: wrap;
121
- margin-bottom: 0;
122
- }
123
- .list-flex > * {
124
- list-style-type: none;
125
- margin: 0 10px 10px 0;
126
- }
127
- .list-flex > *:last-child {
128
- margin-right: 0;
129
- }
130
-
131
- /* Animations
132
- /* ============================================= */
133
- @-webkit-keyframes loader {
134
- 100% {
135
- transform: rotate(360deg);
136
- }
137
- }
138
- @keyframes loader {
139
- 100% {
140
- transform: rotate(360deg);
141
- }
142
- }
143
- /* Sr-only
144
- /* ============================================= */
145
- .sr-only {
146
- clip: rect(0, 0, 0, 0);
147
- border-width: 0;
148
- height: 1px;
149
- margin: -1px;
150
- overflow: hidden;
151
- padding: 0;
152
- position: absolute;
153
- white-space: nowrap;
154
- width: 1px;
155
- }
156
-
157
- /* Text with icon before
158
- /* ============================================= */
159
- .text-icon {
160
- display: inline-flex;
161
- align-items: center;
162
- }
163
- .text-icon:before {
164
- margin-right: 5px;
165
- }
166
- .text-icon:after {
167
- margin-left: 5px;
168
- }
169
-
170
- /* Block with img animated on hover
171
- /* ============================================= */
172
- .hover-item img {
173
- transition: 0.2s ease;
174
- will-change: transform;
175
- }
176
- .hover-item:hover img {
177
- transform: scale(1.02);
178
- }
179
-
180
- /* Opening
181
- /* ============================================= */
182
- .is-opened {
183
- color: #009e55;
184
- }
185
-
186
- .soon-closed {
187
- color: #ff890e;
188
- }
189
-
190
- .is-closed {
191
- color: #f33;
192
- }
193
-
194
- /* Font
195
- /* ============================================= */
196
- .fi--color:before,
197
- .fi-color:after {
198
- color: var(--iris--icon--color);
199
- }
200
-
201
- /* Sizes
202
- /* ============================================= */
203
- .font-size-xsmall {
204
- font-size: var(--iris--global--font-size-xsmall--rem);
205
- }
206
-
207
- .font-size-small {
208
- font-size: var(--iris--global--font-size-small--rem);
209
- }
210
-
211
- .font-size-regular {
212
- font-size: var(--iris--global--font-size-regular--rem);
213
- }
214
- @media screen and (max-width: 650px) {
215
- .font-size-regular {
216
- font-size: var(--iris--global--font-size-regular--small--rem);
217
- }
218
- }
219
-
220
- .font-size-large {
221
- font-size: var(--iris--global--font-size-large--rem);
222
- }
223
- @media screen and (max-width: 650px) {
224
- .font-size-large {
225
- font-size: var(--iris--global--font-size-large--small--rem);
226
- }
227
- }
228
-
229
- .font-size-xlarge {
230
- font-size: var(--iris--global--font-size-extra-large--rem);
231
- }
232
- @media screen and (max-width: 650px) {
233
- .font-size-xlarge {
234
- font-size: var(--iris--global--font-size-extra-large--small--rem);
235
- }
236
- }
28
+ */.stretched-link:before{background-color:transparent;bottom:0;content:"";left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:1}.list-flex{display:flex;flex-wrap:wrap;margin-bottom:0}.list-flex>*{list-style-type:none;margin:0 10px 10px 0}.list-flex>:last-child{margin-right:0}@-webkit-keyframes loader{to{transform:rotate(1turn)}}@keyframes loader{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-icon{align-items:center;display:inline-flex}.text-icon:before{margin-right:5px}.text-icon:after{margin-left:5px}.hover-item img{transition:.2s ease;will-change:transform}.hover-item:hover img{transform:scale(1.02)}.is-opened{color:#009e55}.soon-closed{color:#ff890e}.is-closed{color:#f33}.fi--color:before,.fi-color:after{color:var(--iris--icon--color)}.font-size-xsmall{font-size:var(--iris--global--font-size-xsmall--rem)}.font-size-small{font-size:var(--iris--global--font-size-small--rem)}.font-size-regular{font-size:var(--iris--global--font-size-regular--rem)}@media screen and (max-width:650px){.font-size-regular{font-size:var(--iris--global--font-size-regular--small--rem)}}.font-size-large{font-size:var(--iris--global--font-size-large--rem)}@media screen and (max-width:650px){.font-size-large{font-size:var(--iris--global--font-size-large--small--rem)}}.font-size-xlarge{font-size:var(--iris--global--font-size-extra-large--rem)}@media screen and (max-width:650px){.font-size-xlarge{font-size:var(--iris--global--font-size-extra-large--small--rem)}}