@sc-360-v2/storefront-cms-library 0.5.8 → 0.5.10

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 (13) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/icons-builder.js +1 -1
  3. package/dist/icons-website.js +1 -1
  4. package/dist/icons.js +1 -1
  5. package/dist/index.js +1 -1
  6. package/dist/repeater.scss +101 -311
  7. package/dist/types/builder/interfaces/global.d.ts +55 -0
  8. package/dist/types/builder/tools/element-edit/bulkVariantPicker.d.ts +4 -0
  9. package/dist/types/builder/tools/element-edit/productOptions.d.ts +1 -0
  10. package/dist/types/builder/tools/element-edit/repeater.d.ts +7 -1
  11. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +14 -0
  12. package/dist/uploadMedia.js +1 -1
  13. package/package.json +1 -1
package/dist/repeater.scss CHANGED
@@ -4,6 +4,8 @@
4
4
  @use "./repeater-grid-toggle.scss" as *;
5
5
  @use "./functions.scss" as *;
6
6
  $childItemSelector: '[data-element-type="repeater-item"]';
7
+ $adSlotElementSelector: ".repeater-ad-slot";
8
+ $adSlotSliderSelector: ".repeater-ad-slot__inner";
7
9
  $sliderControlDragging: "[flex-slider-control-moving='true']";
8
10
  $rai: "repeater-advertise-item";
9
11
  [data-div-type="element"] {
@@ -117,7 +119,8 @@ $rai: "repeater-advertise-item";
117
119
  width: 100%;
118
120
 
119
121
  & > div {
120
- &#{$childItemSelector} {
122
+ &#{$childItemSelector},
123
+ &#{$adSlotElementSelector} {
121
124
  width: 100%;
122
125
  }
123
126
  }
@@ -153,6 +156,7 @@ $rai: "repeater-advertise-item";
153
156
 
154
157
  div {
155
158
  &#{$childItemSelector},
159
+ &#{$adSlotElementSelector},
156
160
  &.#{$rai} {
157
161
  width: 100%;
158
162
  }
@@ -178,6 +182,7 @@ $rai: "repeater-advertise-item";
178
182
  justify-content: center;
179
183
  & > div {
180
184
  &#{$childItemSelector},
185
+ &#{$adSlotElementSelector},
181
186
  &.#{$rai} {
182
187
  // width: var(--_ctm-rep-lt-wh);
183
188
  --_col-count: var(--_sf-gd-ct, 3);
@@ -201,9 +206,10 @@ $rai: "repeater-advertise-item";
201
206
  &.stimsfrRws {
202
207
  & > div {
203
208
  &.wrapper {
204
- align-self: center;
209
+ align-self: center !important;
205
210
  & > div {
206
211
  &#{$childItemSelector},
212
+ &#{$adSlotElementSelector},
207
213
  &.#{$rai} {
208
214
  // --_col-count: var(--_sf-gd-ct, 3);
209
215
  --_col-count: var(
@@ -346,315 +352,99 @@ $rai: "repeater-advertise-item";
346
352
  }
347
353
  }
348
354
 
349
- // .action__button {
350
- // display: flex;
351
- // align-items: center;
352
- // height: 40px;
353
- // cursor: pointer;
354
- // .btn__container {
355
- // display: flex;
356
- // align-items: center;
357
- // justify-content: center;
358
- // gap: 10px;
359
- // height: 100%;
360
- // width: 100%;
361
- // padding: 16px;
362
- // .btn__with__text {
363
- // height: 2.5rem;
364
- // }
365
- // }
366
- // &.loadMore {
367
- // background-color: var(
368
- // --_sf-at-hr-bd-cr,
369
- // var(
370
- // --_ctm-mob-rep-dn-bn-se-dt-se-bd-cr,
371
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-bd-cr, var(--_ctm-rep-dn-bn-se-dt-se-bd-cr))
372
- // )
373
- // );
374
- // border-color: var(
375
- // --_sf-at-hr-br-cr,
376
- // var(
377
- // --_ctm-mob-rep-dn-bn-se-dt-se-br-cr,
378
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-cr, var(--_ctm-rep-dn-bn-se-dt-se-br-cr))
379
- // )
380
- // );
381
- // border-style: var(
382
- // --_sf-at-hr-br-se,
383
- // var(
384
- // --_ctm-mob-rep-dn-bn-se-dt-se-br-se,
385
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-se, var(--_ctm-rep-dn-bn-se-dt-se-br-se))
386
- // )
387
- // );
388
- // border-width: var(
389
- // --_sf-at-hr-br-wt,
390
- // var(
391
- // --_ctm-mob-rep-dn-bn-se-dt-se-br-wh,
392
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-wh, var(--_ctm-rep-dn-bn-se-dt-se-br-wh))
393
- // )
394
- // );
395
- // border-radius: var(
396
- // --_sf-at-hr-br-br,
397
- // var(
398
- // --_ctm-mob-rep-dn-bn-se-dt-se-br-rs,
399
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-br-rs, var(--_ctm-rep-dn-bn-se-dt-se-br-rs))
400
- // )
401
- // );
402
-
403
- // box-shadow: var(
404
- // --_hover-show-shadow,
405
- // var(
406
- // --_sf-at-hr-bx-sw,
407
- // var(
408
- // --_show-shadow,
409
- // var(
410
- // --_ctm-mob-rep-dn-bn-se-dt-se-sw-ae,
411
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-ae, var(--_ctm-rep-dn-bn-se-dt-se-sw-ae))
412
- // )
413
- // var(
414
- // --_ctm-mob-rep-dn-bn-se-dt-se-sw-br,
415
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-br, var(--_ctm-rep-dn-bn-se-dt-se-sw-br))
416
- // )
417
- // var(
418
- // --_ctm-mob-rep-dn-bn-se-dt-se-sw-sd,
419
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-sd, var(--_ctm-rep-dn-bn-se-dt-se-sw-sd))
420
- // )
421
- // var(
422
- // --_ctm-mob-rep-dn-bn-se-dt-se-sw-cr,
423
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-sw-cr, var(--_ctm-rep-dn-bn-se-dt-se-sw-cr))
424
- // )
425
- // )
426
- // )
427
- // );
428
-
429
- // .btn__container {
430
- // gap: var(
431
- // --_ctm-mob-rep-dn-bn-se-dt-se-gp,
432
- // var(
433
- // --_ctm-tab-rep-dn-bn-se-dt-se-gp,
434
- // var(--_ctm-rep-dn-bn-se-dt-se-gp)
435
- // )
436
- // );
437
- // justify-content: var(
438
- // --_ctm-mob-rep-dn-bn-se-dt-se-at,
439
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-at, var(--_ctm-rep-dn-bn-se-dt-se-at))
440
- // );
441
-
442
- // &[data-actions-icon-position="left"],
443
- // &[data-actions-icon-position="center"] {
444
- // flex-direction: row;
445
- // }
446
- // &[data-actions-icon-position="right"] {
447
- // flex-direction: row-reverse;
448
- // }
449
- // span {
450
- // svg {
451
- // width: var(
452
- // --_ctm-mob-rep-dn-bn-se-dt-se-in-se,
453
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-in-se, var(--_ctm-rep-dn-bn-se-dt-se-in-se))
454
- // );
455
- // height: var(
456
- // --_ctm-mob-rep-dn-bn-se-dt-se-in-se,
457
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-in-se, var(--_ctm-rep-dn-bn-se-dt-se-in-se))
458
- // );
459
-
460
- // path {
461
- // stroke: var(
462
- // --_ctm-mob-rep-dn-bn-se-dt-se-in-c1,
463
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-in-c1, var(--_ctm-rep-dn-bn-se-dt-se-in-c1))
464
- // );
465
- // }
466
- // }
467
- // }
468
- // .btn__with__text {
469
- // border: none;
470
- // background-color: transparent;
471
- // color: var(
472
- // --_ctm-mob-rep-dn-bn-se-dt-se-cr,
473
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-cr, var(--_ctm-rep-dn-bn-se-dt-se-cr))
474
- // );
475
- // font-family: var(
476
- // --_ctm-mob-rep-dn-bn-se-dt-se-ft-fy,
477
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-fy, var(--_ctm-rep-dn-bn-se-dt-se-ft-fy))
478
- // ),
479
- // font-size: var(
480
- // --_ctm-mob-rep-dn-bn-se-dt-se-ft-se,
481
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-se, var(--_ctm-rep-dn-bn-se-dt-se-ft-se))
482
- // );
483
- // font-weight: var(
484
- // --_ctm-mob-rep-dn-bn-se-dt-se-ft-wt,
485
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-wt, var(--_ctm-rep-dn-bn-se-dt-se-ft-wt))
486
- // );
487
- // font-style: var(
488
- // --_ctm-mob-rep-dn-bn-se-dt-se-ft-se-ic,
489
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-se-ic, var(--_ctm-rep-dn-bn-se-dt-se-ft-se-ic))
490
- // );
491
- // text-align: var(
492
- // --_ctm-mob-rep-dn-bn-se-dt-se-tt-an,
493
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-tt-an, var(--_ctm-rep-dn-bn-se-dt-se-tt-an))
494
- // );
495
- // letter-spacing: var(
496
- // --_ctm-mob-rep-dn-bn-se-dt-se-lr-sg,
497
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-lr-sg, var(--_ctm-rep-dn-bn-se-dt-se-lr-sg))
498
- // );
499
- // line-height: var(
500
- // --_ctm-mob-rep-dn-bn-se-dt-se-le-ht,
501
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-le-ht, var(--_ctm-rep-dn-bn-se-dt-se-le-ht))
502
- // );
503
- // text-decoration: var(
504
- // --_ctm-mob-rep-dn-bn-se-dt-se-ue,
505
- // var(--_ctm-tab-rep-dn-bn-se-dt-se-ue, var(--_ctm-rep-dn-bn-se-dt-se-ue))
506
- // );
507
- // }
508
-
509
- // &:hover {
510
- // background-color: var(
511
- // --_sf-at-hr-bd-cr,
512
- // var(
513
- // --_ctm-mob-rep-dn-bn-se-hr-se-bd-cr,
514
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-bd-cr, var(--_ctm-rep-dn-bn-se-hr-se-bd-cr))
515
- // )
516
- // );
517
- // border-color: var(
518
- // --_sf-at-hr-br-cr,
519
- // var(
520
- // --_ctm-mob-rep-dn-bn-se-hr-se-br-cr,
521
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-cr, var(--_ctm-rep-dn-bn-se-hr-se-br-cr))
522
- // )
523
- // );
524
- // border-style: var(
525
- // --_sf-at-hr-br-se,
526
- // var(
527
- // --_ctm-mob-rep-dn-bn-se-hr-se-br-se,
528
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-se, var(--_ctm-rep-dn-bn-se-hr-se-br-se))
529
- // )
530
- // );
531
- // border-width: var(
532
- // --_sf-at-hr-br-wt,
533
- // var(
534
- // --_ctm-mob-rep-dn-bn-se-hr-se-br-wh,
535
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-wh, var(--_ctm-rep-dn-bn-se-hr-se-br-wh))
536
- // )
537
- // );
538
- // border-radius: var(
539
- // --_sf-at-hr-br-br,
540
- // var(
541
- // --_ctm-mob-rep-dn-bn-se-hr-se-br-rs,
542
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-br-rs, var(--_ctm-rep-dn-bn-se-hr-se-br-rs))
543
- // )
544
- // );
545
- // box-shadow: var(
546
- // --_hover-show-shadow,
547
- // var(
548
- // --_sf-at-hr-bx-sw,
549
- // var(
550
- // --_show-shadow,
551
- // var(
552
- // --_ctm-mob-rep-dn-bn-se-hr-se-sw-ae,
553
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-ae, var(--_ctm-rep-dn-bn-se-hr-se-sw-ae))
554
- // )
555
- // var(
556
- // --_ctm-mob-rep-dn-bn-se-hr-se-sw-br,
557
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-br, var(--_ctm-rep-dn-bn-se-hr-se-sw-br))
558
- // )
559
- // var(
560
- // --_ctm-mob-rep-dn-bn-se-hr-se-sw-sd,
561
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-sd, var(--_ctm-rep-dn-bn-se-hr-se-sw-sd))
562
- // )
563
- // var(
564
- // --_ctm-mob-rep-dn-bn-se-hr-se-sw-cr,
565
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-sw-cr, var(--_ctm-rep-dn-bn-se-hr-se-sw-cr))
566
- // )
567
- // )
568
- // )
569
- // );
570
-
571
- // .btn__container {
572
- // gap: var(
573
- // --_ctm-mob-rep-dn-bn-se-hr-se-gp,
574
- // var(
575
- // --_ctm-tab-rep-dn-bn-se-hr-se-gp,
576
- // var(--_ctm-rep-dn-bn-se-hr-se-gp)
577
- // )
578
- // );
579
- // justify-content: var(
580
- // --_ctm-mob-rep-dn-bn-se-hr-se-at,
581
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-at, var(--_ctm-rep-dn-bn-se-hr-se-at))
582
- // );
583
-
584
- // &[data-actions-icon-position-hover="left"],
585
- // &[data-actions-icon-position-hover="center"] {
586
- // flex-direction: row;
587
- // }
588
- // &[data-actions-icon-position-hover="right"] {
589
- // flex-direction: row-reverse;
590
- // }
591
- // span {
592
- // svg {
593
- // width: var(
594
- // --_ctm-mob-rep-dn-bn-se-hr-se-in-se,
595
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
596
- // );
597
- // height: var(
598
- // --_ctm-mob-rep-dn-bn-se-hr-se-in-se,
599
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-in-se, var(--_ctm-rep-dn-bn-se-hr-se-in-se))
600
- // );
601
-
602
- // path {
603
- // stroke: var(
604
- // --_ctm-mob-rep-dn-bn-se-hr-se-in-c1,
605
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-in-c1, var(--_ctm-rep-dn-bn-se-hr-se-in-c1))
606
- // );
607
- // }
608
- // }
609
- // }
610
- // .btn__with__text {
611
- // border: none;
612
- // background-color: transparent;
613
- // color: var(
614
- // --_ctm-mob-rep-dn-bn-se-hr-se-cr,
615
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-cr, var(--_ctm-rep-dn-bn-se-hr-se-cr))
616
- // );
617
- // font-family: var(
618
- // --_ctm-mob-rep-dn-bn-se-hr-se-ft-fy,
619
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-fy, var(--_ctm-rep-dn-bn-se-hr-se-ft-fy))
620
- // ),
621
- // font-size: var(
622
- // --_ctm-mob-rep-dn-bn-se-hr-se-ft-se,
623
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-se, var(--_ctm-rep-dn-bn-se-hr-se-ft-se))
624
- // );
625
- // font-weight: var(
626
- // --_ctm-mob-rep-dn-bn-se-hr-se-ft-wt,
627
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-wt, var(--_ctm-rep-dn-bn-se-hr-se-ft-wt))
628
- // );
629
- // font-style: var(
630
- // --_ctm-mob-rep-dn-bn-se-hr-se-ft-se-ic,
631
- // var(
632
- // --_ctm-tab-rep-dn-bn-se-hr-se-ft-se-ic,
633
- // var(--_ctm-rep-dn-bn-se-hr-se-ft-se-ic)
634
- // )
635
- // );
636
- // text-align: var(
637
- // --_ctm-mob-rep-dn-bn-se-hr-se-tt-an,
638
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-tt-an, var(--_ctm-rep-dn-bn-se-hr-se-tt-an))
639
- // );
640
- // letter-spacing: var(
641
- // --_ctm-mob-rep-dn-bn-se-hr-se-lr-sg,
642
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-lr-sg, var(--_ctm-rep-dn-bn-se-hr-se-lr-sg))
643
- // );
644
- // line-height: var(
645
- // --_ctm-mob-rep-dn-bn-se-hr-se-le-ht,
646
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-le-ht, var(--_ctm-rep-dn-bn-se-hr-se-le-ht))
647
- // );
648
- // text-decoration: var(
649
- // --_ctm-mob-rep-dn-bn-se-hr-se-ue,
650
- // var(--_ctm-tab-rep-dn-bn-se-hr-se-ue, var(--_ctm-rep-dn-bn-se-hr-se-ue))
651
- // );
652
- // }
653
- // }
654
- // }
655
- // }
656
- // }
657
- // }
355
+ #{$adSlotElementSelector} {
356
+ a {
357
+ width: 100%;
358
+ display: var(--_d-flex);
359
+ height: 100%;
360
+ &:is(.lst_vw[data-element-type="repeater"] *) {
361
+ --_sf-bm-sjst-vlo-pp: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-jy-ct)};
362
+ --_sf-bm-salg-vlo-pp: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-an-is)};
363
+ }
364
+ justify-content: var(
365
+ --_sf-bm-sjst-vlo-pp,
366
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-jy-ct)}
367
+ );
368
+ align-items: var(
369
+ --_sf-bm-sjst-vlo-pp,
370
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-an-is)}
371
+ );
372
+ }
373
+ img {
374
+ max-width: 100%;
375
+ max-height: 100%;
376
+ // height: 100%;
377
+ // width: 100%;
378
+ // min-height: var(--_sf-img-mn-ht, 500px);
379
+ // max-height: 100%;
380
+ &:is(.lst_vw[data-element-type="repeater"] *) {
381
+ --_sf-bm-swtdh-vlo-pp: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-wh)};
382
+ --_sf-bm-sht-vlo-pp: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-ht)};
383
+ }
384
+ &:not(.lst_vw[data-element-type="repeater"] *) {
385
+ --_sf-ht-vl: max(#{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-ht)}, 100%);
386
+ }
387
+
388
+ width: var(
389
+ --_sf-bm-swtdh-vlo-pp,
390
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-wh)}
391
+ );
392
+ height: var(
393
+ --_sf-bm-sht-vlo-pp,
394
+ var(--_sf-ht-vl, #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-ht)})
395
+ );
396
+ object-fit: cover;
397
+ object-position: center top;
398
+ }
399
+
400
+ #{$adSlotSliderSelector} {
401
+ position: relative;
402
+ width: 100%;
403
+ height: 100%;
404
+ & > button {
405
+ position: absolute;
406
+ top: 50%;
407
+ transform: translateY(-50%);
408
+ border-radius: 50%;
409
+ border: none;
410
+ cursor: var(--_sf-cursor-vl-v2, pointer);
411
+ opacity: var(--_sf-opacity-vl-v2, 1);
412
+ display: flex;
413
+ align-items: center;
414
+ justify-content: center;
415
+ padding: 0;
416
+ z-index: 2;
417
+ --_sf-wdt-vl-v2: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-sr-cs-aw-in-se, 28x)};
418
+ --_sf-bgr-clr-vl-v2: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-sr-cs-cl-ae-cr, blue)};
419
+ width: var(--_sf-wdt-vl-v2, 28px);
420
+ height: var(--_sf-wdt-vl-v2, 28px);
421
+ background: color-mix(in srgb, var(--_sf-bgr-clr-vl-v2) 10%, transparent);
422
+
423
+ svg {
424
+ --_perc: 0.5;
425
+ width: calc(var(--_sf-wdt-vl-v2, 28px) * var(--_perc));
426
+ height: calc(var(--_sf-wdt-vl-v2, 28px) * var(--_perc));
427
+
428
+ path {
429
+ stroke: var(--_sf-bgr-clr-vl-v2);
430
+ }
431
+ }
432
+
433
+ &.repeater-ad-slot__nav-btn--next {
434
+ right: 8px;
435
+ }
436
+
437
+ &.repeater-ad-slot__nav-btn--prev {
438
+ left: 8px;
439
+ }
440
+
441
+ &:disabled {
442
+ --_sf-cursor-vl-v2: not-allowed;
443
+ --_sf-opacity-vl-v2: 0.4;
444
+ }
445
+ }
446
+ }
447
+ }
658
448
 
659
449
  .repeater__button__container {
660
450
  display: flex;
package/dist/types/builder/interfaces/global.d.ts CHANGED
@@ -192,3 +192,58 @@ export type FlexTransformDatatype = {
192
192
  isAll: boolean;
193
193
  };
194
194
  };
195
+ export type RepeaterAdVariationId = string;
196
+ export type RepeaterAdItemId = string;
197
+ export interface RepeaterAdVariation {
198
+ id: RepeaterAdVariationId;
199
+ name: string;
200
+ isDefault: boolean;
201
+ priority: number;
202
+ rule: RepeaterAdRule;
203
+ schedule?: RepeaterAdSchedule;
204
+ placement: RepeaterAdPlacement;
205
+ layout: RepeaterAdLayout;
206
+ ads: RepeaterAdItem[];
207
+ }
208
+ export type RepeaterAdRule = {
209
+ type: "always";
210
+ } | {
211
+ type: "collection";
212
+ collectionIds: string[];
213
+ };
214
+ export interface RepeaterAdSchedule {
215
+ startsAt?: string;
216
+ endsAt?: string;
217
+ timezone?: string;
218
+ daysOfWeek?: number[];
219
+ hoursOfDay?: [number, number];
220
+ }
221
+ export type RepeaterAdPlacement = {
222
+ mode: "manual";
223
+ } | {
224
+ mode: "shuffle";
225
+ count: number;
226
+ seed?: string;
227
+ } | {
228
+ mode: "rotate";
229
+ everyN: number;
230
+ offset?: number;
231
+ } | {
232
+ mode: "static";
233
+ positions: number[];
234
+ };
235
+ export type RepeaterAdLayout = {
236
+ mode: "single";
237
+ } | {
238
+ mode: "slider";
239
+ intervalMs: number;
240
+ loop: boolean;
241
+ };
242
+ export interface RepeaterAdItem {
243
+ id: RepeaterAdItemId;
244
+ image: string;
245
+ listViewImage?: string;
246
+ link: string;
247
+ alt?: string;
248
+ position?: number;
249
+ }
package/dist/types/builder/tools/element-edit/bulkVariantPicker.d.ts CHANGED
@@ -15,6 +15,8 @@ interface selfLayoutInterface {
15
15
  swatchTypeDisplayStyle: {
16
16
  selectorKey: string;
17
17
  displayValues: CMSIBCommonInterface;
18
+ showLabel: CMSIBCommonInterface;
19
+ showNoOfOptions: CMSIBCommonInterface;
18
20
  itemPadding: CMSIBCommonInterface;
19
21
  itemSpacing: CMSIBCommonInterface;
20
22
  maxItemsToDisplay: CMSIBCommonInterface;
@@ -25,6 +27,8 @@ interface selfLayoutInterface {
25
27
  singleSelectDisplayStyle: {
26
28
  selectorKey: string;
27
29
  displayValues: CMSIBCommonInterface;
30
+ showLabel: CMSIBCommonInterface;
31
+ showNoOfOptions: CMSIBCommonInterface;
28
32
  itemSpacing: CMSIBCommonInterface;
29
33
  itemPadding: CMSIBCommonInterface;
30
34
  maxItemsToDisplay: CMSIBCommonInterface;
package/dist/types/builder/tools/element-edit/productOptions.d.ts CHANGED
@@ -4,6 +4,7 @@ interface selfLayoutInterface {
4
4
  itemSpacing: CMSIBCommonInterface;
5
5
  showOptionsToSelect: CMSIBCommonInterface;
6
6
  showNoOfOptions: CMSIBCommonInterface;
7
+ showLabel: CMSIBCommonInterface;
7
8
  noOfOptionsToShowUpfront: CMSIBCommonInterface;
8
9
  showRemainingOptionsAs: CMSIBCommonInterface;
9
10
  whenClicked: CMSIBCommonInterface;
package/dist/types/builder/tools/element-edit/repeater.d.ts CHANGED
@@ -63,6 +63,7 @@ export interface selfDesignInterface {
63
63
  repeaterWidget: any;
64
64
  buttonStyle: any;
65
65
  gridViewControlStyle: any;
66
+ adStyle: any;
66
67
  }
67
68
  export declare enum selfSelectorKeysEnum {
68
69
  LAYOUT = "layout",
@@ -75,7 +76,12 @@ export declare enum selfSelectorKeysEnum {
75
76
  BUTTON_STYLE = "buttonStyle",
76
77
  GRID_VIEW_CONTROL_STYLE = "gridViewControlStyle",
77
78
  BUTTON = "button",
78
- LAYOUT_STYLE = "layoutStyle"
79
+ LAYOUT_STYLE = "layoutStyle",
80
+ AD_STYLE = "adStyle",
81
+ IMAGE_CONTROLS = "imageControls",
82
+ SLIDER_CONTROLS = "sliderControls",
83
+ GRID_VIEW = "gridView",
84
+ LIST_VIEW = "listView"
79
85
  }
80
86
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
81
87
  export {};
package/dist/types/builder/tools/element-edit/variantPicker.d.ts CHANGED
@@ -17,6 +17,8 @@ interface selfLayoutInterface {
17
17
  swatchTypeDisplayStyle: {
18
18
  selectorKey: string;
19
19
  displayValues: CMSIBCommonInterface;
20
+ showLabel: CMSIBCommonInterface;
21
+ showNoOfOptions: CMSIBCommonInterface;
20
22
  itemPadding: CMSIBCommonInterface;
21
23
  itemSpacing: CMSIBCommonInterface;
22
24
  maxItemsToDisplay: CMSIBCommonInterface;
@@ -27,6 +29,8 @@ interface selfLayoutInterface {
27
29
  singleSelectDisplayStyle: {
28
30
  selectorKey: string;
29
31
  displayValues: CMSIBCommonInterface;
32
+ showLabel: CMSIBCommonInterface;
33
+ showNoOfOptions: CMSIBCommonInterface;
30
34
  itemSpacing: CMSIBCommonInterface;
31
35
  itemPadding: CMSIBCommonInterface;
32
36
  maxItemsToDisplay: CMSIBCommonInterface;
@@ -105,6 +109,16 @@ export declare const ControlsInstances: {
105
109
  property: string;
106
110
  propertyType: CMSElementEditTypes;
107
111
  };
112
+ showLabel: {
113
+ value: boolean;
114
+ property: string;
115
+ propertyType: CMSElementEditTypes;
116
+ };
117
+ showNoOfOptions: {
118
+ value: boolean;
119
+ property: string;
120
+ propertyType: CMSElementEditTypes;
121
+ };
108
122
  dividerBetweenItems: {
109
123
  value: boolean;
110
124
  property: string;