@salla.sa/twilight-components 2.9.49 → 2.10.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 (76) hide show
  1. package/dist/cjs/{index-7b85482c.js → app-globals-a24e299c.js} +31 -2
  2. package/dist/cjs/index-1d2b3370.js +0 -4
  3. package/dist/cjs/loader.cjs.js +3 -2
  4. package/dist/cjs/salla-add-product-button.cjs.entry.js +7 -3
  5. package/dist/cjs/salla-button_35.cjs.entry.js +591 -1906
  6. package/dist/cjs/twilight.cjs.js +3 -2
  7. package/dist/collection/collection-manifest.json +0 -1
  8. package/dist/collection/components/salla-add-product-button/salla-add-product-button.js +9 -5
  9. package/dist/collection/components/salla-button/salla-button.js +5 -1
  10. package/dist/collection/components/salla-file-upload/salla-file-upload.js +9 -8
  11. package/dist/collection/components/salla-gifting/salla-gifting.js +18 -14
  12. package/dist/collection/components/salla-loyalty/salla-loyalty.js +5 -3
  13. package/dist/collection/components/salla-offer-modal/salla-offer-modal.js +6 -5
  14. package/dist/collection/components/salla-rating-stars/salla-rating-stars.js +14 -10
  15. package/dist/collection/components/salla-slider/salla-slider.css +242 -0
  16. package/dist/collection/components/salla-slider/salla-slider.js +403 -110
  17. package/dist/collection/global/app-dev.js +2 -1
  18. package/dist/collection/global/app.js +15 -0
  19. package/dist/components/index.d.ts +0 -1
  20. package/dist/components/index.js +31 -3
  21. package/dist/components/salla-add-product-button.js +7 -3
  22. package/dist/components/salla-button2.js +5 -1
  23. package/dist/components/salla-file-upload2.js +249 -3
  24. package/dist/components/salla-gifting.js +26 -16
  25. package/dist/components/salla-loyalty.js +3 -3
  26. package/dist/components/salla-offer-modal.js +5 -4
  27. package/dist/components/salla-rating-stars2.js +8 -4
  28. package/dist/components/salla-slider2.js +229 -1806
  29. package/dist/esm/{index-adc28dc8.js → app-globals-1619c0de.js} +31 -2
  30. package/dist/esm/index-f1d446ac.js +0 -4
  31. package/dist/esm/loader.js +3 -2
  32. package/dist/esm/salla-add-product-button.entry.js +7 -3
  33. package/dist/esm/salla-button_35.entry.js +590 -1905
  34. package/dist/esm/twilight.js +3 -2
  35. package/dist/esm-es5/{index-adc28dc8.js → app-globals-1619c0de.js} +2 -2
  36. package/dist/esm-es5/index-f1d446ac.js +2 -2
  37. package/dist/esm-es5/loader.js +1 -1
  38. package/dist/esm-es5/salla-add-product-button.entry.js +1 -1
  39. package/dist/esm-es5/salla-button_35.entry.js +11 -5
  40. package/dist/esm-es5/twilight.js +1 -1
  41. package/dist/twilight/p-0f839b43.system.js +4 -0
  42. package/dist/twilight/p-3420f00c.entry.js +30 -0
  43. package/dist/twilight/p-5207a10c.system.js +24 -0
  44. package/dist/twilight/{p-486ce499.system.entry.js → p-5a1197bb.system.entry.js} +1 -1
  45. package/dist/twilight/p-5b30b649.system.entry.js +47 -0
  46. package/dist/twilight/p-97614f6d.js +24 -0
  47. package/dist/twilight/{p-6f41faf8.entry.js → p-dbb379ce.entry.js} +1 -1
  48. package/dist/twilight/twilight.esm.js +1 -1
  49. package/dist/twilight/twilight.js +1 -1
  50. package/dist/types/components/salla-slider/salla-slider.d.ts +73 -14
  51. package/dist/types/components.d.ts +83 -60
  52. package/dist/types/global/app-dev.d.ts +0 -1
  53. package/package.json +6 -4
  54. package/dist/cjs/core-c7a9fb22.js +0 -4982
  55. package/dist/cjs/salla-swiper.cjs.entry.js +0 -62
  56. package/dist/collection/components/salla-swiper/salla-swiper.css +0 -177
  57. package/dist/collection/components/salla-swiper/salla-swiper.js +0 -152
  58. package/dist/components/arrow-left.js +0 -11
  59. package/dist/components/core.js +0 -4959
  60. package/dist/components/salla-swiper.d.ts +0 -11
  61. package/dist/components/salla-swiper.js +0 -92
  62. package/dist/esm/core-572aabd0.js +0 -4973
  63. package/dist/esm/salla-swiper.entry.js +0 -58
  64. package/dist/esm-es5/core-572aabd0.js +0 -4
  65. package/dist/esm-es5/salla-swiper.entry.js +0 -4
  66. package/dist/twilight/p-00e66d1a.system.js +0 -4
  67. package/dist/twilight/p-684a004a.system.entry.js +0 -4
  68. package/dist/twilight/p-6ed7d3a2.js +0 -4
  69. package/dist/twilight/p-7234a2a2.entry.js +0 -30
  70. package/dist/twilight/p-a84812f4.system.js +0 -4
  71. package/dist/twilight/p-d3daf7a7.system.entry.js +0 -41
  72. package/dist/twilight/p-e55e8d3d.js +0 -24
  73. package/dist/twilight/p-e8c3c209.entry.js +0 -4
  74. package/dist/twilight/p-ea021b56.system.js +0 -24
  75. package/dist/types/components/salla-swiper/salla-swiper.d.ts +0 -31
  76. package/dist/types/index.d.ts +0 -7
package/dist/collection/components/salla-slider/salla-slider.css CHANGED
@@ -170,4 +170,246 @@
170
170
  }
171
171
  .swiper-centered > .swiper-wrapper > .swiper-slide {
172
172
  scroll-snap-align: center center;
173
+ }
174
+
175
+ :root {
176
+ /*
177
+ --swiper-pagination-color: var(--swiper-theme-color);
178
+ --swiper-pagination-bullet-size: 8px;
179
+ --swiper-pagination-bullet-width: 8px;
180
+ --swiper-pagination-bullet-height: 8px;
181
+ --swiper-pagination-bullet-inactive-color: #000;
182
+ --swiper-pagination-bullet-inactive-opacity: 0.2;
183
+ --swiper-pagination-bullet-opacity: 1;
184
+ --swiper-pagination-bullet-horizontal-gap: 4px;
185
+ --swiper-pagination-bullet-vertical-gap: 6px;
186
+ */
187
+ }
188
+
189
+ .swiper-pagination {
190
+ position: absolute;
191
+ text-align: center;
192
+ transition: 300ms opacity;
193
+ transform: translate3d(0, 0, 0);
194
+ z-index: 10;
195
+ }
196
+ .swiper-pagination.swiper-pagination-hidden {
197
+ opacity: 0;
198
+ }
199
+ .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
200
+ display: none !important;
201
+ }
202
+
203
+ /* Common Styles */
204
+ .swiper-pagination-fraction,
205
+ .swiper-pagination-custom,
206
+ .swiper-horizontal > .swiper-pagination-bullets,
207
+ .swiper-pagination-bullets.swiper-pagination-horizontal {
208
+ bottom: 10px;
209
+ left: 0;
210
+ width: 100%;
211
+ }
212
+
213
+ /* Bullets */
214
+ .swiper-pagination-bullets-dynamic {
215
+ overflow: hidden;
216
+ font-size: 0;
217
+ }
218
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
219
+ transform: scale(0.33);
220
+ position: relative;
221
+ }
222
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
223
+ transform: scale(1);
224
+ }
225
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
226
+ transform: scale(1);
227
+ }
228
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
229
+ transform: scale(0.66);
230
+ }
231
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
232
+ transform: scale(0.33);
233
+ }
234
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
235
+ transform: scale(0.66);
236
+ }
237
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
238
+ transform: scale(0.33);
239
+ }
240
+
241
+ .swiper-pagination-bullet {
242
+ width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
243
+ height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
244
+ display: inline-block;
245
+ border-radius: 50%;
246
+ background: var(--swiper-pagination-bullet-inactive-color, #000);
247
+ opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
248
+ }
249
+ button.swiper-pagination-bullet {
250
+ border: none;
251
+ margin: 0;
252
+ padding: 0;
253
+ box-shadow: none;
254
+ appearance: none;
255
+ }
256
+
257
+ .swiper-pagination-clickable .swiper-pagination-bullet {
258
+ cursor: pointer;
259
+ }
260
+ .swiper-pagination-bullet:only-child {
261
+ display: none !important;
262
+ }
263
+
264
+ .swiper-pagination-bullet-active {
265
+ opacity: var(--swiper-pagination-bullet-opacity, 1);
266
+ background: var(--swiper-pagination-color, var(--swiper-theme-color));
267
+ }
268
+
269
+ .swiper-vertical > .swiper-pagination-bullets,
270
+ .swiper-pagination-vertical.swiper-pagination-bullets {
271
+ right: 10px;
272
+ top: 50%;
273
+ transform: translate3d(0px, -50%, 0);
274
+ }
275
+ .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
276
+ .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
277
+ margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
278
+ display: block;
279
+ }
280
+ .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
281
+ .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
282
+ top: 50%;
283
+ transform: translateY(-50%);
284
+ width: 8px;
285
+ }
286
+ .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
287
+ .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
288
+ display: inline-block;
289
+ transition: 200ms transform, 200ms top;
290
+ }
291
+
292
+ .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
293
+ .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
294
+ margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
295
+ }
296
+ .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
297
+ .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
298
+ left: 50%;
299
+ transform: translateX(-50%);
300
+ white-space: nowrap;
301
+ }
302
+ .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
303
+ .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
304
+ transition: 200ms transform, 200ms left;
305
+ }
306
+
307
+ .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
308
+ transition: 200ms transform, 200ms right;
309
+ }
310
+
311
+ /* Progress */
312
+ .swiper-pagination-progressbar {
313
+ background: rgba(0, 0, 0, 0.25);
314
+ position: absolute;
315
+ }
316
+ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
317
+ background: var(--swiper-pagination-color, var(--swiper-theme-color));
318
+ position: absolute;
319
+ left: 0;
320
+ top: 0;
321
+ width: 100%;
322
+ height: 100%;
323
+ transform: scale(0);
324
+ transform-origin: left top;
325
+ }
326
+ .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
327
+ transform-origin: right top;
328
+ }
329
+ .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
330
+ width: 100%;
331
+ height: 4px;
332
+ left: 0;
333
+ top: 0;
334
+ }
335
+ .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
336
+ width: 4px;
337
+ height: 100%;
338
+ left: 0;
339
+ top: 0;
340
+ }
341
+
342
+ .swiper-pagination-lock {
343
+ display: none;
344
+ }
345
+
346
+ :root {
347
+ --swiper-navigation-size: 44px;
348
+ /*
349
+ --swiper-navigation-color: var(--swiper-theme-color);
350
+ */
351
+ }
352
+
353
+ .swiper-button-prev,
354
+ .swiper-button-next {
355
+ position: absolute;
356
+ top: 50%;
357
+ width: calc(var(--swiper-navigation-size) / 44 * 27);
358
+ height: var(--swiper-navigation-size);
359
+ margin-top: calc(0px - var(--swiper-navigation-size) / 2);
360
+ z-index: 10;
361
+ cursor: pointer;
362
+ display: flex;
363
+ align-items: center;
364
+ justify-content: center;
365
+ color: var(--swiper-navigation-color, var(--swiper-theme-color));
366
+ }
367
+ .swiper-button-prev.swiper-button-disabled,
368
+ .swiper-button-next.swiper-button-disabled {
369
+ opacity: 0.35;
370
+ cursor: auto;
371
+ pointer-events: none;
372
+ }
373
+ .swiper-button-prev.swiper-button-hidden,
374
+ .swiper-button-next.swiper-button-hidden {
375
+ opacity: 0;
376
+ cursor: auto;
377
+ pointer-events: none;
378
+ }
379
+ .swiper-navigation-disabled .swiper-button-prev,
380
+ .swiper-navigation-disabled .swiper-button-next {
381
+ display: none !important;
382
+ }
383
+ .swiper-button-prev:after,
384
+ .swiper-button-next:after {
385
+ font-family: swiper-icons;
386
+ font-size: var(--swiper-navigation-size);
387
+ text-transform: none !important;
388
+ letter-spacing: 0;
389
+ font-variant: initial;
390
+ line-height: 1;
391
+ }
392
+
393
+ .swiper-button-prev,
394
+ .swiper-rtl .swiper-button-next {
395
+ left: 10px;
396
+ right: auto;
397
+ }
398
+ .swiper-button-prev:after,
399
+ .swiper-rtl .swiper-button-next:after {
400
+ content: "prev";
401
+ }
402
+
403
+ .swiper-button-next,
404
+ .swiper-rtl .swiper-button-prev {
405
+ right: 10px;
406
+ left: auto;
407
+ }
408
+ .swiper-button-next:after,
409
+ .swiper-rtl .swiper-button-prev:after {
410
+ content: "next";
411
+ }
412
+
413
+ .swiper-button-lock {
414
+ display: none;
173
415
  }