@iris.interactive/handcook 2.4.0 → 2.6.0

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 (22) hide show
  1. package/mix-manifest.json +22 -0
  2. package/package.json +9 -1
  3. package/public/index.html +390 -29
  4. package/public/scripts/components/collapse/collapse.component.js +1 -0
  5. package/public/scripts/components/dropdown/dropdown.component.js +1 -0
  6. package/public/scripts/components/lazyload/lazyload.component.js +1 -0
  7. package/public/scripts/components/lightbox/lightbox.component.js +1 -0
  8. package/public/scripts/components/modal/modal.component.js +1 -0
  9. package/public/scripts/components/slider/slider.component.js +1 -0
  10. package/public/scripts/components/smooth-scroll/smooth-scroll.component.js +1 -0
  11. package/public/scripts/components/tab/tab.component.js +1 -0
  12. package/public/scripts/components/toggle/toggle.component.js +1 -0
  13. package/public/scripts/components/tooltip/tooltip.component.js +1 -0
  14. package/public/scripts/enumerators/element.enum.js +1 -0
  15. package/public/scripts/enumerators/tooltip.enum.js +1 -0
  16. package/public/scripts/handcook.js +1 -0
  17. package/public/scripts/index.js +1 -250
  18. package/public/styles/scss/handcook.scss +1 -1
  19. package/public/styles/scss/style.css +27 -0
  20. package/public/styles/style.css +1 -166
  21. package/public/mix-manifest.json +0 -9
  22. package/public/scripts/SmoothScroll.js +0 -41
package/mix-manifest.json ADDED
@@ -0,0 +1,22 @@
1
+ {
2
+ "/public/scripts/handcook.js": "/public/scripts/handcook.js",
3
+ "/public/scripts/enumerators/element.enum.js": "/public/scripts/enumerators/element.enum.js",
4
+ "/public/scripts/enumerators/tooltip.enum.js": "/public/scripts/enumerators/tooltip.enum.js",
5
+ "/public/scripts/components/collapse/collapse.component.js": "/public/scripts/components/collapse/collapse.component.js",
6
+ "/public/scripts/components/dropdown/dropdown.component.js": "/public/scripts/components/dropdown/dropdown.component.js",
7
+ "/public/scripts/components/lazyload/lazyload.component.js": "/public/scripts/components/lazyload/lazyload.component.js",
8
+ "/public/scripts/components/lightbox/lightbox.component.js": "/public/scripts/components/lightbox/lightbox.component.js",
9
+ "/public/scripts/components/modal/modal.component.js": "/public/scripts/components/modal/modal.component.js",
10
+ "/public/scripts/components/slider/slider.component.js": "/public/scripts/components/slider/slider.component.js",
11
+ "/public/scripts/components/smooth-scroll/smooth-scroll.component.js": "/public/scripts/components/smooth-scroll/smooth-scroll.component.js",
12
+ "/public/scripts/components/tab/tab.component.js": "/public/scripts/components/tab/tab.component.js",
13
+ "/public/scripts/components/toggle/toggle.component.js": "/public/scripts/components/toggle/toggle.component.js",
14
+ "/public/scripts/components/tooltip/tooltip.component.js": "/public/scripts/components/tooltip/tooltip.component.js",
15
+ "/public/scripts/index.js": "/public/scripts/index.js",
16
+ "/public/styles/style.css": "/public/styles/style.css",
17
+ "/public/index.html": "/public/index.html",
18
+ "/public/styles/scss/_utils.scss": "/public/styles/scss/_utils.scss",
19
+ "/public/styles/scss/_variables.scss": "/public/styles/scss/_variables.scss",
20
+ "/public/styles/scss/handcook.scss": "/public/styles/scss/handcook.scss",
21
+ "/public/styles/scss/style.css": "/public/styles/scss/style.css"
22
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iris.interactive/handcook",
3
- "version": "2.4.0",
3
+ "version": "2.6.0",
4
4
  "description": "The web cooking by IRIS Interactive",
5
5
  "main": "./public/scripts/index.js",
6
6
  "scripts": {
@@ -25,10 +25,18 @@
25
25
  "browser-sync-webpack-plugin": "^2.3.0",
26
26
  "iconfont-plugin-webpack": "^1.1.4",
27
27
  "laravel-mix": "^6.0.19",
28
+ "laravel-mix-glob": "^1.1.10",
28
29
  "mix-env-file": "^0.1.1",
29
30
  "postcss": "^8.3.0",
30
31
  "resolve-url-loader": "^4.0.0",
31
32
  "sass": "^1.34.0",
32
33
  "sass-loader": "11.1.1"
34
+ },
35
+ "dependencies": {
36
+ "@fancyapps/ui": "^4.0.22",
37
+ "bootstrap": "^5.1.3",
38
+ "swiper": "^8.0.6",
39
+ "tippy.js": "^6.3.7",
40
+ "vanilla-lazyload": "^17.6.1"
33
41
  }
34
42
  }
package/public/index.html CHANGED
@@ -1,39 +1,400 @@
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 Lucas ROCHE
12
- ~ @date 27/01/2022 14:31
13
- ~ @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
14
- -->
15
-
1
+ <!doctype html>
16
2
  <html>
17
3
  <head>
18
4
  <title>IRIStyle</title>
19
5
  <script type="text/javascript">var exports = {};</script>
20
- <script type="text/javascript" src="scripts/index.js"></script>
21
- <link rel="stylesheet" href="styles/style.css">
6
+ <script type="text/javascript" src="../public/scripts/index.js"></script>
7
+ <link rel="stylesheet" href="../public/styles/style.css">
8
+ <style>
9
+ a {
10
+ text-decoration: none;
11
+ font-weight: 500;
12
+ color: red;
13
+ }
14
+
15
+ a:hover {
16
+ color: #000;
17
+ }
18
+
19
+ .component__wrapper {
20
+ padding: 80px;
21
+ }
22
+
23
+ .component__content__topbar {
24
+ background-color: #fbfbff;
25
+ border-radius: 12px;
26
+ filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
27
+ padding: 40px;
28
+ }
29
+
30
+ .button {
31
+ padding: 8px 20px;
32
+ border-radius: 6px;
33
+ background-image: linear-gradient(to right, #ff512f, #dd2476);
34
+ color: #fff;
35
+ }
36
+
37
+ .button:hover {
38
+ color: #fff !important;
39
+ }
40
+
41
+ .text-blue {
42
+ color: blue;
43
+ }
44
+
45
+ .hc-slider {
46
+ position: relative;
47
+ margin: 40px 0;
48
+ }
49
+
50
+ #slider-full .hc-slider-slide {
51
+ width: 100%;
52
+ }
53
+
54
+ #slider-full .hc-slider-slide img {
55
+ width: 100%;
56
+ }
57
+
58
+ .hc-slider-slide {
59
+ width: 500px;
60
+ margin-right: 40px;
61
+ }
22
62
 
63
+ .hc-slider-slide:last-child {
64
+ margin-right: 0;
65
+ }
66
+
67
+ .hc-slider-button-prev,
68
+ .hc-slider-button-next {
69
+ position: absolute;
70
+ top: 50%;
71
+ transform: translateY(-50%);
72
+ z-index: 1;
73
+ }
74
+
75
+ .hc-slider-button-prev {
76
+ left: 0;
77
+ }
78
+
79
+ .hc-slider-button-prev:before {
80
+ content: "<";
81
+ display: flex;
82
+ align-items: center;
83
+ justify-content: center;
84
+ width: 40px;
85
+ height: 40px;
86
+ color: blue;
87
+ background-color: #fff;
88
+ }
89
+
90
+ .hc-slider-button-next {
91
+ right: 0;
92
+ }
93
+
94
+ .hc-slider-button-next:before {
95
+ content: ">";
96
+ display: flex;
97
+ align-items: center;
98
+ justify-content: center;
99
+ width: 40px;
100
+ height: 40px;
101
+ color: red;
102
+ background-color: #fff;
103
+ }
104
+
105
+ .hc-slider-pagination {
106
+ display: inline-flex;
107
+ gap: 10px;
108
+ margin: 30px 50% 0;
109
+ transform: translate(-50%);
110
+ }
111
+
112
+ .hc-slider-pagination-bullet {
113
+ width: 10px;
114
+ height: 10px;
115
+ background-color: rgba(255, 0, 0, 0.35);
116
+ cursor: pointer;
117
+ border-radius: 50%;
118
+ }
119
+
120
+ .hc-slider-pagination-bullet.hc-slider-pagination-bullet-active {
121
+ background-color: red;
122
+ }
123
+ </style>
23
124
  </head>
24
- <body>
25
- <div id="step-1" style="height: 1800px; background-color: red;">
26
- <a href="#step-2" data-trigger="wpiris-scroll">To step 2</a>
27
- </div>
28
- <div id="step-2" style="height: 1800px; background-color: green;">
29
- <a href="#step-3" data-trigger="wpiris-scroll">To step 3</a>
125
+ <body style="font-family: 'Helvetica Neue';">
126
+ <div class="wrapper">
127
+ <main style="display: grid; grid-template-columns: 10% 90%;">
128
+ <aside style="position: sticky; top: 0; max-height: 100vh;">
129
+ <nav>
130
+ <ul>
131
+ <li><a href="#scroll-smooth" data-hc-smooth-scroll>Scroll Smooth</a></li>
132
+ <li><a href="#tooltip" data-hc-smooth-scroll>Tooltip</a></li>
133
+ <li><a href="#modal" data-hc-smooth-scroll>Modal</a></li>
134
+ <li><a href="#lightbox" data-hc-smooth-scroll>Lightbox</a></li>
135
+ <li><a href="#lazyload" data-hc-smooth-scroll>Lazyload</a></li>
136
+ <li><a href="#dropdown" data-hc-smooth-scroll>Dropdown</a></li>
137
+ <li><a href="#collapse" data-hc-smooth-scroll>Collapse</a></li>
138
+ <li><a href="#accordion" data-hc-smooth-scroll>Accordion</a></li>
139
+ <li><a href="#tab" data-hc-smooth-scroll>Tab</a></li>
140
+ <li><a href="#slider" data-hc-smooth-scroll>Slider</a></li>
141
+ </ul>
142
+ </nav>
143
+ </aside>
144
+ <section>
145
+ <article id="scroll-smooth">
146
+ <div class="navbar"
147
+ style="position: sticky; top: 0; height: 50px; display: flex; align-items: center; gap: 40px; background-color: #fff; padding: 0 20px;">
148
+ <a href="#step-1" data-hc-smooth-scroll>To step 1</a>
149
+ <a href="#step-2" data-hc-smooth-scroll>To step 2</a>
150
+ <a href="#step-3" data-hc-smooth-scroll>To step 3</a>
151
+ </div>
152
+ <div id="step-1" style="height: 500px; background-color: red;"></div>
153
+ <div id="step-2" style="height: 500px; background-color: green;"></div>
154
+ <div id="step-3" style="height: 500px; background-color: yellow;"></div>
155
+ </article>
156
+ <article id="tooltip" class="component__wrapper">
157
+ <h2 class="component__content__title">Tooltip</h2>
158
+ <div class="component__content">
159
+ <div class="component__content__topbar">
160
+ <a href="#tooltip" class="button" data-hc-popover data-hc-tooltip-content="Je suis un tooltip top"
161
+ data-hc-tooltip-placement="top">Tooltip top</a>
162
+ <a href="#tooltip" class="button" data-hc-tooltip data-hc-tooltip-content="Je suis un tooltip left"
163
+ data-hc-tooltip-placement="left">Tooltip left</a>
164
+ <a href="#tooltip" class="button" data-hc-tooltip data-hc-tooltip-content="Je suis un tooltip right"
165
+ data-hc-tooltip-placement="right">Tooltip right</a>
166
+ <a href="#tooltip" class="button" data-hc-tooltip data-hc-tooltip-content="Je suis un tooltip bottom"
167
+ data-hc-tooltip-placement="bottom">Tooltip bottom</a>
168
+ <a href="#tooltip" class="button" id="test" data-hc-tooltip-content="Je suis un tooltip erferf">Custom
169
+ tooltip</a>
170
+ </div>
171
+ </div>
172
+ </article>
173
+ <article id="modal" class="component__wrapper">
174
+ <h2 class="component__content__title">Modal</h2>
175
+ <div class="component__content">
176
+ <div class="component__content__topbar">
177
+ <a href="#dialog-content" class="button" data-hc-modal>Modal</a>
178
+ <a href="#dialog-content" class="button" id="custom-trigger-modal">Custom trigger modal</a>
179
+ </div>
180
+ </div>
181
+ </article>
182
+ <article id="lightbox" class="component__wrapper">
183
+ <h2 class="component__content__title">Lightbox</h2>
184
+ <div class="component__content">
185
+ <div class="component__content__topbar">
186
+ <a href="https://via.placeholder.com/1000x500" data-hc-lightbox>
187
+ <img src="https://via.placeholder.com/150" alt="" width="150" height="150">
188
+ </a>
189
+ </div>
190
+ </div>
191
+ </article>
192
+ <article id="lazyload" class="component__wrapper">
193
+ <h2 class="component__content__title">Lazyload</h2>
194
+ <div class="component__content">
195
+ <div class="component__content__topbar">
196
+ <div><img data-hc-src="https://via.placeholder.com/150" alt="" width="150" height="150"></div>
197
+ <div><img data-hc-src="https://via.placeholder.com/150" alt="" width="150" height="150"></div>
198
+ <div><img data-hc-src="https://via.placeholder.com/150" alt="" width="150" height="150"></div>
199
+ <div data-hc-bg="https://via.placeholder.com/150"></div>
200
+ </div>
201
+ </div>
202
+ </article>
203
+ <article id="dropdown" class="component__wrapper">
204
+ <h2 class="component__content__title">Dropdown</h2>
205
+ <div class="component__content">
206
+ <div class="component__content__topbar">
207
+ <span class="button" data-hc-dropdown data-hc-dropdown-menu="#dropdown1"
208
+ aria-controls="dropdown1">
209
+ dropdown
210
+ </span>
211
+ <div style="display: none;" id="dropdown1">
212
+ <div class="dropdown__list">
213
+ <a href="#scroll-smooth" data-hc-smooth-scroll>Scroll Smooth</a>
214
+ </div>
215
+ </div>
216
+ </div>
217
+ </div>
218
+ </article>
219
+ <article id="collapse" class="component__wrapper">
220
+ <h2 class="component__content__title">Collapse</h2>
221
+ <div class="component__content">
222
+ <div class="component__content__topbar">
223
+ <a href="#collapse1" aria-controls="collapse1" data-hc-collapse-trigger="collapse1">Collapse 1</a>
224
+ <a href="#collapse1" aria-controls="collapse1" data-hc-collapse-trigger="collapse1">2 Collapse 1</a>
225
+ <div class="collapse" data-hc-collapse="collapse1" id="collapse1">
226
+ <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis esse
227
+ facilis ipsa iste obcaecati. Ab aliquam cupiditate earum eius facere minima nemo
228
+ nihil odit ratione sunt! Cumque enim eveniet voluptates.
229
+ </div>
230
+ </div>
231
+ </div>
232
+ </div>
233
+ </article>
234
+ <article id="accordion" class="component__wrapper">
235
+ <h2 class="component__content__title">Accordion</h2>
236
+ <div class="component__content">
237
+ <div class="component__content__topbar">
238
+ <div id="accordion__parent1">
239
+ <a href="#accordion1" data-hc-collapse-trigger="accordion1" aria-controls="accordion1">Accordion 1
240
+ </a>
241
+ <div class="collapse show" data-hc-collapse="accordion1" id="accordion1"
242
+ data-hc-collapse-parent="#accordion__parent1">
243
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis esse
244
+ facilis ipsa iste obcaecati. Ab aliquam cupiditate earum eius facere minima nemo
245
+ nihil odit ratione sunt! Cumque enim eveniet voluptates.
246
+ </div>
247
+ <a href="#accordion2" data-hc-collapse-trigger="accordion2" aria-controls="accordion2">Accordion 2
248
+ </a>
249
+ <div class="collapse" data-hc-collapse="accordion2" id="accordion2"
250
+ data-hc-collapse-parent="#accordion__parent1">
251
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis esse
252
+ facilis ipsa iste obcaecati. Ab aliquam cupiditate earum eius facere minima nemo
253
+ nihil odit ratione sunt! Cumque enim eveniet voluptates.
254
+ </div>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ </article>
259
+ <article id="tab" class="component__wrapper">
260
+ <h2 class="component__content__title">Tab</h2>
261
+ <div class="component__content">
262
+ <div class="component__content__topbar">
263
+
264
+ <div data-hc-tab-wrapper role="tablist">
265
+ <a id="home-tab" data-hc-tab href="#home"
266
+ role="tab" aria-controls="home" aria-selected="true">Home
267
+ </a>
268
+ <a id="profile-tab" data-hc-tab href="#profile"
269
+ role="tab" aria-controls="profile" aria-selected="false">Profile
270
+ </a>
271
+ <a id="messages-tab" data-hc-tab href="#messages"
272
+ role="tab" aria-controls="messages" aria-selected="false">Messages
273
+ </a>
274
+ <a id="settings-tab" data-hc-tab href="#settings"
275
+ role="tab" aria-controls="settings" aria-selected="false">Settings
276
+ </a>
277
+ </div>
278
+
279
+ <div data-hc-tab-content>
280
+ <div class="active" data-hc-tab-pane id="home" role="tabpanel" aria-labelledby="home-tab">
281
+ <b>Home</b><br>
282
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus quis rem sed veniam
283
+ voluptate! Earum excepturi fugit incidunt inventore magnam nemo nisi nulla optio
284
+ perferendis possimus, quae quidem sequi voluptatem.
285
+ </div>
286
+ <div data-hc-tab-pane id="profile" role="tabpanel" aria-labelledby="profile-tab">
287
+ <b>Profile</b><br>
288
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda dolore ipsam minima,
289
+ nulla obcaecati perferendis porro possimus quidem rerum ullam. Assumenda doloremque
290
+ eligendi facere facilis libero maiores quisquam voluptatem. Mollitia.
291
+ </div>
292
+ <div data-hc-tab-pane id="messages" role="tabpanel" aria-labelledby="messages-tab">
293
+ <b>Messages</b><br>
294
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquid animi assumenda
295
+ atque commodi delectus eius illo, ipsam iure pariatur quaerat qui quia, quod repudiandae
296
+ sint soluta, unde vel voluptates!
297
+ </div>
298
+ <div data-hc-tab-pane id="settings" role="tabpanel" aria-labelledby="settings-tab">
299
+ <b>Settings</b><br>
300
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque aut doloremque ea fugit
301
+ iste laborum mollitia nam, veniam voluptate voluptatem. Ad dignissimos dolore ea earum
302
+ eos inventore modi perspiciatis veniam.
303
+ </div>
304
+ </div>
305
+ </div>
306
+ </div>
307
+ </article>
308
+ <article id="toggle" class="component__wrapper">
309
+ <h2 class="component__content__title">Toggle</h2>
310
+ <div class="component__content">
311
+ <div class="component__content__topbar">
312
+ <a data-hc-toggle data-hc-toggle-attribute="class" data-hc-toggle-value="text-blue" href="#toggle1">Toggle class</a>
313
+ <div id="toggle1">
314
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis esse
315
+ facilis ipsa iste obcaecati. Ab aliquam cupiditate earum eius facere minima nemo
316
+ nihil odit ratione sunt! Cumque enim eveniet voluptates.
317
+ </div>
318
+ <a data-hc-toggle data-hc-toggle-attribute="checked" data-hc-toggle-value="checked" href="#checkbox1">Toggle checkbox</a>
319
+ <input type="checkbox" id="checkbox1">
320
+ </div>
321
+ </div>
322
+ </article>
323
+ <article id="slider" class="component__wrapper">
324
+ <h2 class="component__content__title">Slider</h2>
325
+ <div class="component__content">
326
+ <div class="component__content__topbar">
327
+ <div data-hc-slider>
328
+ <div>
329
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
330
+ </div>
331
+ <div>
332
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
333
+ </div>
334
+ <div>
335
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
336
+ </div>
337
+ <div>
338
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
339
+ </div>
340
+ <div>
341
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
342
+ </div>
343
+ </div>
344
+ <div data-hc-slider data-hc-slider-arrows id="slider-full">
345
+ <div>
346
+ <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
347
+ </div>
348
+ <div>
349
+ <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
350
+ </div>
351
+ <div>
352
+ <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
353
+ </div>
354
+ <div>
355
+ <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
356
+ </div>
357
+ <div>
358
+ <img data-hc-src="https://via.placeholder.com/1280x500" alt="" width="1280" height="500">
359
+ </div>
360
+ </div>
361
+ <div data-hc-slider data-hc-slider-pagination>
362
+ <div>
363
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
364
+ </div>
365
+ <div>
366
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
367
+ </div>
368
+ <div>
369
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
370
+ </div>
371
+ <div>
372
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
373
+ </div>
374
+ <div>
375
+ <img data-hc-src="https://via.placeholder.com/500x250" alt="" width="500" height="250">
376
+ </div>
377
+ </div>
378
+ </div>
379
+ </div>
380
+ </article>
381
+ </section>
382
+ </main>
30
383
  </div>
31
- <div id="step-3" style="height: 1800px; background-color: yellow;">
32
- <a href="#step-1" data-trigger="wpiris-scroll">To step 1</a>
384
+ <div id="dialog-content" class="hc-modal">
385
+ <h2>Hello, world!</h2>
386
+ <p>
387
+ <input type="text" value=""/>
388
+ </p>
389
+ <p>
390
+ Try hitting the tab key and notice how the focus stays within the dialog itself.
391
+ </p>
392
+ <p>
393
+ To close dialog hit the esc button, click on the overlay or just click the close button.
394
+ </p>
395
+ <p class="margin-bottom--none">
396
+ Element used to launch the modal would receive focus back after closing.
397
+ </p>
33
398
  </div>
34
399
  </body>
35
- <script type="text/javascript">
36
- const SmoothScroll = exports.SmoothScroll;
37
- SmoothScroll( '[data-trigger="wpiris-scroll"]', 1000 );
38
- </script>
39
400
  </html>
package/public/scripts/components/collapse/collapse.component.js ADDED
@@ -0,0 +1 @@
1
+ (()=>{"use strict";var e={812:(e,t,n)=>{function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var o=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)};r(o,"tooltip","[data-hc-tooltip], [data-hc-popover]"),r(o,"popover","[data-hc-popover]"),r(o,"scrollSmooth","data-hc-smooth-scroll"),r(o,"modal","[data-hc-modal]"),r(o,"lightbox","[data-hc-lightbox]"),r(o,"dropdown","[data-hc-dropdown]"),r(o,"collapse","[data-hc-collapse]"),r(o,"collapseItem","[data-hc-collapse-item]"),r(o,"tab","[data-hc-tab]"),r(o,"toggle","[data-hc-toggle]"),r(o,"slider","[data-hc-slider]")},49:(e,t,n)=>{n.d(t,{Z:()=>s});var r=n(385),o=n(147),i=n(930);const s=class{constructor(e){(e=(0,o.sb)(e))&&(this._element=e,r.Z.set(this._element,this.constructor.DATA_KEY,this))}dispose(){r.Z.remove(this._element,this.constructor.DATA_KEY),i.Z.off(this._element,this.constructor.EVENT_KEY),Object.getOwnPropertyNames(this).forEach((e=>{this[e]=null}))}_queueCallback(e,t,n=!0){(0,o.e0)(e,t,n)}static getInstance(e){return r.Z.get((0,o.sb)(e),this.DATA_KEY)}static getOrCreateInstance(e,t={}){return this.getInstance(e)||new this(e,"object"==typeof t?t:null)}static get VERSION(){return"5.1.3"}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}}},385:(e,t,n)=>{n.d(t,{Z:()=>o});const r=new Map,o={set(e,t,n){r.has(e)||r.set(e,new Map);const o=r.get(e);o.has(t)||0===o.size?o.set(t,n):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(o.keys())[0]}.`)},get:(e,t)=>r.has(e)&&r.get(e).get(t)||null,remove(e,t){if(!r.has(e))return;const n=r.get(e);n.delete(t),0===n.size&&r.delete(e)}}},930:(e,t,n)=>{n.d(t,{Z:()=>_});var r=n(147);const o=/[^.]*(?=\..*)\.|.*/,i=/\..*/,s=/::\d+$/,a={};let l=1;const c={mouseenter:"mouseover",mouseleave:"mouseout"},u=/^(mouseenter|mouseleave)/i,d=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function h(e,t){return t&&`${t}::${l++}`||e.uidEvent||l++}function f(e){const t=h(e);return e.uidEvent=t,a[t]=a[t]||{},a[t]}function p(e,t,n=null){const r=Object.keys(e);for(let o=0,i=r.length;o<i;o++){const i=e[r[o]];if(i.originalHandler===t&&i.delegationSelector===n)return i}return null}function g(e,t,n){const r="string"==typeof t,o=r?n:t;let i=b(e);return d.has(i)||(i=e),[r,o,i]}function m(e,t,n,r,i){if("string"!=typeof t||!e)return;if(n||(n=r,r=null),u.test(t)){const e=e=>function(t){if(!t.relatedTarget||t.relatedTarget!==t.delegateTarget&&!t.delegateTarget.contains(t.relatedTarget))return e.call(this,t)};r?r=e(r):n=e(n)}const[s,a,l]=g(t,n,r),c=f(e),d=c[l]||(c[l]={}),m=p(d,a,s?n:null);if(m)return void(m.oneOff=m.oneOff&&i);const v=h(a,t.replace(o,"")),b=s?function(e,t,n){return function r(o){const i=e.querySelectorAll(t);for(let{target:s}=o;s&&s!==this;s=s.parentNode)for(let a=i.length;a--;)if(i[a]===s)return o.delegateTarget=s,r.oneOff&&y.off(e,o.type,t,n),n.apply(s,[o]);return null}}(e,n,r):function(e,t){return function n(r){return r.delegateTarget=e,n.oneOff&&y.off(e,r.type,t),t.apply(e,[r])}}(e,n);b.delegationSelector=s?n:null,b.originalHandler=a,b.oneOff=i,b.uidEvent=v,d[v]=b,e.addEventListener(l,b,s)}function v(e,t,n,r,o){const i=p(t[n],r,o);i&&(e.removeEventListener(n,i,Boolean(o)),delete t[n][i.uidEvent])}function b(e){return e=e.replace(i,""),c[e]||e}const y={on(e,t,n,r){m(e,t,n,r,!1)},one(e,t,n,r){m(e,t,n,r,!0)},off(e,t,n,r){if("string"!=typeof t||!e)return;const[o,i,a]=g(t,n,r),l=a!==t,c=f(e),u=t.startsWith(".");if(void 0!==i){if(!c||!c[a])return;return void v(e,c,a,i,o?n:null)}u&&Object.keys(c).forEach((n=>{!function(e,t,n,r){const o=t[n]||{};Object.keys(o).forEach((i=>{if(i.includes(r)){const r=o[i];v(e,t,n,r.originalHandler,r.delegationSelector)}}))}(e,c,n,t.slice(1))}));const d=c[a]||{};Object.keys(d).forEach((n=>{const r=n.replace(s,"");if(!l||t.includes(r)){const t=d[n];v(e,c,a,t.originalHandler,t.delegationSelector)}}))},trigger(e,t,n){if("string"!=typeof t||!e)return null;const o=(0,r.KF)(),i=b(t),s=t!==i,a=d.has(i);let l,c=!0,u=!0,h=!1,f=null;return s&&o&&(l=o.Event(t,n),o(e).trigger(l),c=!l.isPropagationStopped(),u=!l.isImmediatePropagationStopped(),h=l.isDefaultPrevented()),a?(f=document.createEvent("HTMLEvents"),f.initEvent(i,c,!0)):f=new CustomEvent(t,{bubbles:c,cancelable:!0}),void 0!==n&&Object.keys(n).forEach((e=>{Object.defineProperty(f,e,{get:()=>n[e]})})),h&&f.preventDefault(),u&&e.dispatchEvent(f),f.defaultPrevented&&void 0!==l&&l.preventDefault(),f}},_=y},357:(e,t,n)=>{n.d(t,{Z:()=>o});var r=n(147);const o={find:(e,t=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(t,e)),findOne:(e,t=document.documentElement)=>Element.prototype.querySelector.call(t,e),children:(e,t)=>[].concat(...e.children).filter((e=>e.matches(t))),parents(e,t){const n=[];let r=e.parentNode;for(;r&&r.nodeType===Node.ELEMENT_NODE&&3!==r.nodeType;)r.matches(t)&&n.push(r),r=r.parentNode;return n},prev(e,t){let n=e.previousElementSibling;for(;n;){if(n.matches(t))return[n];n=n.previousElementSibling}return[]},next(e,t){let n=e.nextElementSibling;for(;n;){if(n.matches(t))return[n];n=n.nextElementSibling}return[]},focusableChildren(e){const t=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((e=>`${e}:not([tabindex^="-"])`)).join(", ");return this.find(t,e).filter((e=>!(0,r.pK)(e)&&(0,r.pn)(e)))}}},147:(e,t,n)=>{n.d(t,{sb:()=>l,K:()=>i,dG:()=>s,zE:()=>c,pn:()=>u,pK:()=>d,nq:()=>h,KF:()=>f,pF:()=>g,e0:()=>v});const r="transitionend",o=e=>{let t=e.getAttribute("data-bs-target");if(!t||"#"===t){let n=e.getAttribute("href");if(!n||!n.includes("#")&&!n.startsWith("."))return null;n.includes("#")&&!n.startsWith("#")&&(n=`#${n.split("#")[1]}`),t=n&&"#"!==n?n.trim():null}return t},i=e=>{const t=o(e);return t&&document.querySelector(t)?t:null},s=e=>{const t=o(e);return t?document.querySelector(t):null},a=e=>!(!e||"object"!=typeof e)&&(void 0!==e.jquery&&(e=e[0]),void 0!==e.nodeType),l=e=>a(e)?e.jquery?e[0]:e:"string"==typeof e&&e.length>0?document.querySelector(e):null,c=(e,t,n)=>{Object.keys(n).forEach((r=>{const o=n[r],i=t[r],s=i&&a(i)?"element":null==(l=i)?`${l}`:{}.toString.call(l).match(/\s([a-z]+)/i)[1].toLowerCase();var l;if(!new RegExp(o).test(s))throw new TypeError(`${e.toUpperCase()}: Option "${r}" provided type "${s}" but expected type "${o}".`)}))},u=e=>!(!a(e)||0===e.getClientRects().length)&&"visible"===getComputedStyle(e).getPropertyValue("visibility"),d=e=>!e||e.nodeType!==Node.ELEMENT_NODE||(!!e.classList.contains("disabled")||(void 0!==e.disabled?e.disabled:e.hasAttribute("disabled")&&"false"!==e.getAttribute("disabled"))),h=e=>{e.offsetHeight},f=()=>{const{jQuery:e}=window;return e&&!document.body.hasAttribute("data-bs-no-jquery")?e:null},p=[],g=e=>{var t;t=()=>{const t=f();if(t){const n=e.NAME,r=t.fn[n];t.fn[n]=e.jQueryInterface,t.fn[n].Constructor=e,t.fn[n].noConflict=()=>(t.fn[n]=r,e.jQueryInterface)}},"loading"===document.readyState?(p.length||document.addEventListener("DOMContentLoaded",(()=>{p.forEach((e=>e()))})),p.push(t)):t()},m=e=>{"function"==typeof e&&e()},v=(e,t,n=!0)=>{if(!n)return void m(e);const o=(e=>{if(!e)return 0;let{transitionDuration:t,transitionDelay:n}=window.getComputedStyle(e);const r=Number.parseFloat(t),o=Number.parseFloat(n);return r||o?(t=t.split(",")[0],n=n.split(",")[0],1e3*(Number.parseFloat(t)+Number.parseFloat(n))):0})(t)+5;let i=!1;const s=({target:n})=>{n===t&&(i=!0,t.removeEventListener(r,s),m(e))};t.addEventListener(r,s),setTimeout((()=>{i||t.dispatchEvent(new Event(r))}),o)}},973:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(645),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,"/*!\n * IRIS Interactive\n *\n * NOTICE OF LICENSE\n *\n * This source file is no subject to a specific license\n * but it belongs to the company IRIS Interactive.\n * You can contact IRIS Interactive at the following\n * address: contact@iris-interactive.fr\n *\n * @author Lucas ROCHE\n * @date 22/02/2022 08:25\n * @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)\n */.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{height:auto;transition:width .35s ease;width:0}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}",""]);const i=o},645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var s=this[i][0];null!=s&&(o[s]=!0)}for(var a=0;a<e.length;a++){var l=[].concat(e[a]);r&&o[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},379:(e,t,n)=>{var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),s=[];function a(e){for(var t=-1,n=0;n<s.length;n++)if(s[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],l=t.base?i[0]+t.base:i[0],c=n[l]||0,u="".concat(l," ").concat(c);n[l]=c+1;var d=a(u),h={css:i[1],media:i[2],sourceMap:i[3]};-1!==d?(s[d].references++,s[d].updater(h)):s.push({identifier:u,updater:m(h,t),references:1}),r.push(u)}return r}function c(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var s=i(e.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(t)}return t}var u,d=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function h(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=d(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function f(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var p=null,g=0;function m(e,t){var n,r,o;if(t.singleton){var i=g++;n=p||(p=c(t)),r=h.bind(null,n,i,!1),o=h.bind(null,n,i,!0)}else n=c(t),r=f.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=a(n[r]);s[o].references--}for(var i=l(e,t),c=0;c<n.length;c++){var u=a(n[c]);0===s[u].references&&(s[u].updater(),s.splice(u,1))}n=i}}}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={id:r,exports:{}};return e[r](i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{n(812);var e=n(379),t=n.n(e),r=n(973),o={insert:"head",singleton:!1};t()(r.Z,o);r.Z.locals;var i=n(147),s=n(385),a=n(930);function l(e){return"true"===e||"false"!==e&&(e===Number(e).toString()?Number(e):""===e||"null"===e?null:e)}function c(e){return e.replace(/[A-Z]/g,(e=>`-${e.toLowerCase()}`))}const u={setDataAttribute(e,t,n){e.setAttribute(`data-bs-${c(t)}`,n)},removeDataAttribute(e,t){e.removeAttribute(`data-bs-${c(t)}`)},getDataAttributes(e){if(!e)return{};const t={};return Object.keys(e.dataset).filter((e=>e.startsWith("bs"))).forEach((n=>{let r=n.replace(/^bs/,"");r=r.charAt(0).toLowerCase()+r.slice(1,r.length),t[r]=l(e.dataset[n])})),t},getDataAttribute:(e,t)=>l(e.getAttribute(`data-bs-${c(t)}`)),offset(e){const t=e.getBoundingClientRect();return{top:t.top+window.pageYOffset,left:t.left+window.pageXOffset}},position:e=>({top:e.offsetTop,left:e.offsetLeft})};var d=n(357),h=n(49);const f="collapse",p="bs.collapse",g={toggle:!0,parent:null},m={toggle:"boolean",parent:"(null|element)"},v="show",b="collapse",y="collapsing",_="collapsed",E=":scope .collapse .collapse",w='[data-bs-toggle="collapse"]';class A extends h.Z{constructor(e,t){super(e),this._isTransitioning=!1,this._config=this._getConfig(t),this._triggerArray=[];const n=d.Z.find(w);for(let e=0,t=n.length;e<t;e++){const t=n[e],r=(0,i.K)(t),o=d.Z.find(r).filter((e=>e===this._element));null!==r&&o.length&&(this._selector=r,this._triggerArray.push(t))}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return g}static get NAME(){return f}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let e,t=[];if(this._config.parent){const e=d.Z.find(E,this._config.parent);t=d.Z.find(".collapse.show, .collapse.collapsing",this._config.parent).filter((t=>!e.includes(t)))}const n=d.Z.findOne(this._selector);if(t.length){const r=t.find((e=>n!==e));if(e=r?A.getInstance(r):null,e&&e._isTransitioning)return}if(a.Z.trigger(this._element,"show.bs.collapse").defaultPrevented)return;t.forEach((t=>{n!==t&&A.getOrCreateInstance(t,{toggle:!1}).hide(),e||s.Z.set(t,p,null)}));const r=this._getDimension();this._element.classList.remove(b),this._element.classList.add(y),this._element.style[r]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;const o=`scroll${r[0].toUpperCase()+r.slice(1)}`;this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(y),this._element.classList.add(b,v),this._element.style[r]="",a.Z.trigger(this._element,"shown.bs.collapse")}),this._element,!0),this._element.style[r]=`${this._element[o]}px`}hide(){if(this._isTransitioning||!this._isShown())return;if(a.Z.trigger(this._element,"hide.bs.collapse").defaultPrevented)return;const e=this._getDimension();this._element.style[e]=`${this._element.getBoundingClientRect()[e]}px`,(0,i.nq)(this._element),this._element.classList.add(y),this._element.classList.remove(b,v);const t=this._triggerArray.length;for(let e=0;e<t;e++){const t=this._triggerArray[e],n=(0,i.dG)(t);n&&!this._isShown(n)&&this._addAriaAndCollapsedClass([t],!1)}this._isTransitioning=!0;this._element.style[e]="",this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(y),this._element.classList.add(b),a.Z.trigger(this._element,"hidden.bs.collapse")}),this._element,!0)}_isShown(e=this._element){return e.classList.contains(v)}_getConfig(e){return(e={...g,...u.getDataAttributes(this._element),...e}).toggle=Boolean(e.toggle),e.parent=(0,i.sb)(e.parent),(0,i.zE)(f,e,m),e}_getDimension(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}_initializeChildren(){if(!this._config.parent)return;const e=d.Z.find(E,this._config.parent);d.Z.find(w,this._config.parent).filter((t=>!e.includes(t))).forEach((e=>{const t=(0,i.dG)(e);t&&this._addAriaAndCollapsedClass([e],this._isShown(t))}))}_addAriaAndCollapsedClass(e,t){e.length&&e.forEach((e=>{t?e.classList.remove(_):e.classList.add(_),e.setAttribute("aria-expanded",t)}))}static jQueryInterface(e){return this.each((function(){const t={};"string"==typeof e&&/show|hide/.test(e)&&(t.toggle=!1);const n=A.getOrCreateInstance(this,t);if("string"==typeof e){if(void 0===n[e])throw new TypeError(`No method named "${e}"`);n[e]()}}))}}a.Z.on(document,"click.bs.collapse.data-api",w,(function(e){("A"===e.target.tagName||e.delegateTarget&&"A"===e.delegateTarget.tagName)&&e.preventDefault();const t=(0,i.K)(this);d.Z.find(t).forEach((e=>{A.getOrCreateInstance(e,{toggle:!1}).toggle()}))})),(0,i.pF)(A)})()})();
package/public/scripts/components/dropdown/dropdown.component.js ADDED
@@ -0,0 +1 @@
1
+ (()=>{"use strict";var t={812:(t,e,o)=>{function r(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=function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)};r(n,"tooltip","[data-hc-tooltip], [data-hc-popover]"),r(n,"popover","[data-hc-popover]"),r(n,"scrollSmooth","data-hc-smooth-scroll"),r(n,"modal","[data-hc-modal]"),r(n,"lightbox","[data-hc-lightbox]"),r(n,"dropdown","[data-hc-dropdown]"),r(n,"collapse","[data-hc-collapse]"),r(n,"collapseItem","[data-hc-collapse-item]"),r(n,"tab","[data-hc-tab]"),r(n,"toggle","[data-hc-toggle]"),r(n,"slider","[data-hc-slider]")},95:(t,e,o)=>{o.d(e,{Z:()=>a});var r=o(645),n=o.n(r)()((function(t){return t[1]}));n.push([t.id,'.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}',""]);const a=n},422:(t,e,o)=>{o.d(e,{Z:()=>a});var r=o(645),n=o.n(r)()((function(t){return t[1]}));n.push([t.id,"/*!\n * IRIS Interactive\n *\n * NOTICE OF LICENSE\n *\n * This source file is no subject to a specific license\n * but it belongs to the company IRIS Interactive.\n * You can contact IRIS Interactive at the following\n * address: contact@iris-interactive.fr\n *\n * @author Lucas ROCHE\n * @date 24/02/2022 14:19\n * @copyright Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)\n */.tippy-box[data-theme~=dropdown]{background-color:#fff;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);color:#26323d}.tippy-box[data-theme~=dropdown] .tippy-content{padding:0}.tippy-box[data-theme~=dropdown][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=dropdown][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=dropdown][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=dropdown][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=dropdown]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=dropdown]>.tippy-svg-arrow{fill:#fff}",""]);const a=n},645:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var o=t(e);return e[2]?"@media ".concat(e[2]," {").concat(o,"}"):o})).join("")},e.i=function(t,o,r){"string"==typeof t&&(t=[[null,t,""]]);var n={};if(r)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(n[i]=!0)}for(var p=0;p<t.length;p++){var c=[].concat(t[p]);r&&n[c[0]]||(o&&(c[2]?c[2]="".concat(o," and ").concat(c[2]):c[2]=o),e.push(c))}},e}},514:(t,e,o)=>{var r=o(379),n=o.n(r),a=o(95),i={insert:"head",singleton:!1};n()(a.Z,i),a.Z.locals},379:(t,e,o)=>{var r,n=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},a=function(){var t={};return function(e){if(void 0===t[e]){var o=document.querySelector(e);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}t[e]=o}return t[e]}}(),i=[];function p(t){for(var e=-1,o=0;o<i.length;o++)if(i[o].identifier===t){e=o;break}return e}function c(t,e){for(var o={},r=[],n=0;n<t.length;n++){var a=t[n],c=e.base?a[0]+e.base:a[0],d=o[c]||0,l="".concat(c," ").concat(d);o[c]=d+1;var s=p(l),f={css:a[1],media:a[2],sourceMap:a[3]};-1!==s?(i[s].references++,i[s].updater(f)):i.push({identifier:l,updater:m(f,e),references:1}),r.push(l)}return r}function d(t){var e=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var n=o.nc;n&&(r.nonce=n)}if(Object.keys(r).forEach((function(t){e.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(e);else{var i=a(t.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(e)}return e}var l,s=(l=[],function(t,e){return l[t]=e,l.filter(Boolean).join("\n")});function f(t,e,o,r){var n=o?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=s(e,n);else{var a=document.createTextNode(n),i=t.childNodes;i[e]&&t.removeChild(i[e]),i.length?t.insertBefore(a,i[e]):t.appendChild(a)}}function u(t,e,o){var r=o.css,n=o.media,a=o.sourceMap;if(n?t.setAttribute("media",n):t.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var b=null,h=0;function m(t,e){var o,r,n;if(e.singleton){var a=h++;o=b||(b=d(e)),r=f.bind(null,o,a,!1),n=f.bind(null,o,a,!0)}else o=d(e),r=u.bind(null,o,e),n=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(o)};return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else n()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=n());var o=c(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<o.length;r++){var n=p(o[r]);i[n].references--}for(var a=c(t,e),d=0;d<o.length;d++){var l=p(o[d]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}o=a}}}}},e={};function o(r){var n=e[r];if(void 0!==n)return n.exports;var a=e[r]={id:r,exports:{}};return t[r](a,a.exports,o),a.exports}o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var r in e)o.o(e,r)&&!o.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{o(812),o(514);var t=o(379),e=o.n(t),r=o(422),n={insert:"head",singleton:!1};e()(r.Z,n);r.Z.locals})()})();
package/public/scripts/components/lazyload/lazyload.component.js ADDED
@@ -0,0 +1 @@
1
+ (()=>{var t={732:function(t){t.exports=function(){"use strict";function t(){return t=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},t.apply(this,arguments)}var n="undefined"!=typeof window,e=n&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),o=n&&"IntersectionObserver"in window,i=n&&"classList"in document.createElement("p"),a=n&&window.devicePixelRatio>1,r={elements_selector:".lazy",container:e||n?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},c=function(n){return t({},r,n)},u=function(t,n){var e,o="LazyLoad::Initialized",i=new t(n);try{e=new CustomEvent(o,{detail:{instance:i}})}catch(t){(e=document.createEvent("CustomEvent")).initCustomEvent(o,!1,!1,{instance:i})}window.dispatchEvent(e)},l="src",s="srcset",f="sizes",d="poster",_="llOriginalAttrs",v="data",g="loading",b="loaded",p="applied",h="error",m="native",E="data-",I="ll-status",y=function(t,n){return t.getAttribute(E+n)},A=function(t){return y(t,I)},k=function(t,n){return function(t,n,e){var o="data-ll-status";null!==e?t.setAttribute(o,e):t.removeAttribute(o)}(t,0,n)},O=function(t){return k(t,null)},w=function(t){return null===A(t)},x=function(t){return A(t)===m},L=[g,b,p,h],C=function(t,n,e,o){t&&(void 0===o?void 0===e?t(n):t(n,e):t(n,e,o))},N=function(t,n){i?t.classList.add(n):t.className+=(t.className?" ":"")+n},M=function(t,n){i?t.classList.remove(n):t.className=t.className.replace(new RegExp("(^|\\s+)"+n+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},z=function(t){return t.llTempImage},R=function(t,n){if(n){var e=n._observer;e&&e.unobserve(t)}},T=function(t,n){t&&(t.loadingCount+=n)},G=function(t,n){t&&(t.toLoadCount=n)},D=function(t){for(var n,e=[],o=0;n=t.children[o];o+=1)"SOURCE"===n.tagName&&e.push(n);return e},P=function(t,n){var e=t.parentNode;e&&"PICTURE"===e.tagName&&D(e).forEach(n)},V=function(t,n){D(t).forEach(n)},j=[l],F=[l,d],B=[l,s,f],J=[v],S=function(t){return!!t[_]},U=function(t){return t[_]},$=function(t){return delete t[_]},q=function(t,n){if(!S(t)){var e={};n.forEach((function(n){e[n]=t.getAttribute(n)})),t[_]=e}},H=function(t,n){if(S(t)){var e=U(t);n.forEach((function(n){!function(t,n,e){e?t.setAttribute(n,e):t.removeAttribute(n)}(t,n,e[n])}))}},K=function(t,n,e){N(t,n.class_loading),k(t,g),e&&(T(e,1),C(n.callback_loading,t,e))},Q=function(t,n,e){e&&t.setAttribute(n,e)},W=function(t,n){Q(t,f,y(t,n.data_sizes)),Q(t,s,y(t,n.data_srcset)),Q(t,l,y(t,n.data_src))},X={IMG:function(t,n){P(t,(function(t){q(t,B),W(t,n)})),q(t,B),W(t,n)},IFRAME:function(t,n){q(t,j),Q(t,l,y(t,n.data_src))},VIDEO:function(t,n){V(t,(function(t){q(t,j),Q(t,l,y(t,n.data_src))})),q(t,F),Q(t,d,y(t,n.data_poster)),Q(t,l,y(t,n.data_src)),t.load()},OBJECT:function(t,n){q(t,J),Q(t,v,y(t,n.data_src))}},Y=["IMG","IFRAME","VIDEO","OBJECT"],Z=function(t,n){!n||function(t){return t.loadingCount>0}(n)||function(t){return t.toLoadCount>0}(n)||C(t.callback_finish,n)},tt=function(t,n,e){t.addEventListener(n,e),t.llEvLisnrs[n]=e},nt=function(t,n,e){t.removeEventListener(n,e)},et=function(t){return!!t.llEvLisnrs},ot=function(t){if(et(t)){var n=t.llEvLisnrs;for(var e in n){var o=n[e];nt(t,e,o)}delete t.llEvLisnrs}},it=function(t,n,e){!function(t){delete t.llTempImage}(t),T(e,-1),function(t){t&&(t.toLoadCount-=1)}(e),M(t,n.class_loading),n.unobserve_completed&&R(t,e)},at=function(t,n,e){var o=z(t)||t;et(o)||function(t,n,e){et(t)||(t.llEvLisnrs={});var o="VIDEO"===t.tagName?"loadeddata":"load";tt(t,o,n),tt(t,"error",e)}(o,(function(i){!function(t,n,e,o){var i=x(n);it(n,e,o),N(n,e.class_loaded),k(n,b),C(e.callback_loaded,n,o),i||Z(e,o)}(0,t,n,e),ot(o)}),(function(i){!function(t,n,e,o){var i=x(n);it(n,e,o),N(n,e.class_error),k(n,h),C(e.callback_error,n,o),i||Z(e,o)}(0,t,n,e),ot(o)}))},rt=function(t,n,e){!function(t){t.llTempImage=document.createElement("IMG")}(t),at(t,n,e),function(t){S(t)||(t[_]={backgroundImage:t.style.backgroundImage})}(t),function(t,n,e){var o=y(t,n.data_bg),i=y(t,n.data_bg_hidpi),r=a&&i?i:o;r&&(t.style.backgroundImage='url("'.concat(r,'")'),z(t).setAttribute(l,r),K(t,n,e))}(t,n,e),function(t,n,e){var o=y(t,n.data_bg_multi),i=y(t,n.data_bg_multi_hidpi),r=a&&i?i:o;r&&(t.style.backgroundImage=r,function(t,n,e){N(t,n.class_applied),k(t,p),e&&(n.unobserve_completed&&R(t,n),C(n.callback_applied,t,e))}(t,n,e))}(t,n,e)},ct=function(t,n,e){!function(t){return Y.indexOf(t.tagName)>-1}(t)?rt(t,n,e):function(t,n,e){at(t,n,e),function(t,n,e){var o=X[t.tagName];o&&(o(t,n),K(t,n,e))}(t,n,e)}(t,n,e)},ut=function(t){t.removeAttribute(l),t.removeAttribute(s),t.removeAttribute(f)},lt=function(t){P(t,(function(t){H(t,B)})),H(t,B)},st={IMG:lt,IFRAME:function(t){H(t,j)},VIDEO:function(t){V(t,(function(t){H(t,j)})),H(t,F),t.load()},OBJECT:function(t){H(t,J)}},ft=function(t,n){(function(t){var n=st[t.tagName];n?n(t):function(t){if(S(t)){var n=U(t);t.style.backgroundImage=n.backgroundImage}}(t)})(t),function(t,n){w(t)||x(t)||(M(t,n.class_entered),M(t,n.class_exited),M(t,n.class_applied),M(t,n.class_loading),M(t,n.class_loaded),M(t,n.class_error))}(t,n),O(t),$(t)},dt=["IMG","IFRAME","VIDEO"],_t=function(t){return t.use_native&&"loading"in HTMLImageElement.prototype},vt=function(t,n,e){t.forEach((function(t){return function(t){return t.isIntersecting||t.intersectionRatio>0}(t)?function(t,n,e,o){var i=function(t){return L.indexOf(A(t))>=0}(t);k(t,"entered"),N(t,e.class_entered),M(t,e.class_exited),function(t,n,e){n.unobserve_entered&&R(t,e)}(t,e,o),C(e.callback_enter,t,n,o),i||ct(t,e,o)}(t.target,t,n,e):function(t,n,e,o){w(t)||(N(t,e.class_exited),function(t,n,e,o){e.cancel_on_exit&&function(t){return A(t)===g}(t)&&"IMG"===t.tagName&&(ot(t),function(t){P(t,(function(t){ut(t)})),ut(t)}(t),lt(t),M(t,e.class_loading),T(o,-1),O(t),C(e.callback_cancel,t,n,o))}(t,n,e,o),C(e.callback_exit,t,n,o))}(t.target,t,n,e)}))},gt=function(t){return Array.prototype.slice.call(t)},bt=function(t){return t.container.querySelectorAll(t.elements_selector)},pt=function(t){return function(t){return A(t)===h}(t)},ht=function(t,n){return function(t){return gt(t).filter(w)}(t||bt(n))},mt=function(t,e){var i=c(t);this._settings=i,this.loadingCount=0,function(t,n){o&&!_t(t)&&(n._observer=new IntersectionObserver((function(e){vt(e,t,n)}),function(t){return{root:t.container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}}(t)))}(i,this),function(t,e){n&&window.addEventListener("online",(function(){!function(t,n){var e;(e=bt(t),gt(e).filter(pt)).forEach((function(n){M(n,t.class_error),O(n)})),n.update()}(t,e)}))}(i,this),this.update(e)};return mt.prototype={update:function(t){var n,i,a=this._settings,r=ht(t,a);G(this,r.length),!e&&o?_t(a)?function(t,n,e){t.forEach((function(t){-1!==dt.indexOf(t.tagName)&&function(t,n,e){t.setAttribute("loading","lazy"),at(t,n,e),function(t,n){var e=X[t.tagName];e&&e(t,n)}(t,n),k(t,m)}(t,n,e)})),G(e,0)}(r,a,this):(i=r,function(t){t.disconnect()}(n=this._observer),function(t,n){n.forEach((function(n){t.observe(n)}))}(n,i)):this.loadAll(r)},destroy:function(){this._observer&&this._observer.disconnect(),bt(this._settings).forEach((function(t){$(t)})),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var n=this,e=this._settings;ht(t,e).forEach((function(t){R(t,n),ct(t,e,n)}))},restoreAll:function(){var t=this._settings;bt(t).forEach((function(n){ft(n,t)}))}},mt.load=function(t,n){var e=c(n);ct(t,e)},mt.resetStatus=function(t){O(t)},n&&function(t,n){if(n)if(n.length)for(var e,o=0;e=n[o];o+=1)u(t,e);else u(t,n)}(mt,window.lazyLoadOptions),mt}()}},n={};function e(o){var i=n[o];if(void 0!==i)return i.exports;var a=n[o]={exports:{}};return t[o].call(a.exports,a,a.exports,e),a.exports}e.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return e.d(n,{a:n}),n},e.d=(t,n)=>{for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},e.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),(()=>{"use strict";e(732)})()})();