@sc-360-v2/storefront-cms-library 0.5.51 → 0.5.53

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 (50) hide show
  1. package/dist/add-order.scss +62 -13
  2. package/dist/allocationDetails.scss +438 -224
  3. package/dist/allocations.scss +172 -13
  4. package/dist/breadcrumbs.scss +13 -0
  5. package/dist/builder.js +1 -1
  6. package/dist/cart-details.scss +214 -0
  7. package/dist/cart-summary.scss +237 -854
  8. package/dist/cart.scss +57 -55
  9. package/dist/category-groups-product-image.scss +72 -21
  10. package/dist/faq.scss +48 -5
  11. package/dist/hotspot.scss +141 -74
  12. package/dist/icon-library.scss +78 -74
  13. package/dist/icon-list.scss +19 -1
  14. package/dist/image-temp.scss +17 -3
  15. package/dist/language-selector.scss +260 -76
  16. package/dist/light-box-v2.scss +4 -3
  17. package/dist/menu-v2.scss +51 -3
  18. package/dist/modal.scss +251 -28
  19. package/dist/my-templates.scss +11 -2
  20. package/dist/my-wishlist.scss +27 -17
  21. package/dist/product-basic-elements.scss +0 -246
  22. package/dist/product-image-allocation.scss +51 -15
  23. package/dist/product-image-bundles.scss +72 -15
  24. package/dist/product-image.scss +178 -19
  25. package/dist/profile.scss +44 -19
  26. package/dist/quota-details.scss +111 -11
  27. package/dist/repeater-embla-controls.scss +9 -1
  28. package/dist/repeater-grid-toggle.scss +42 -18
  29. package/dist/repeater-item.scss +34 -22
  30. package/dist/repeater.scss +69 -102
  31. package/dist/request-for-quotes.scss +15 -1
  32. package/dist/scroll.scss +52 -11
  33. package/dist/search.scss +1 -1
  34. package/dist/skeleton.scss +24 -35
  35. package/dist/tab-container.scss +14 -12
  36. package/dist/tab-v2.scss +178 -68
  37. package/dist/text-temp-v2.scss +11 -0
  38. package/dist/types/builder/tools/element-edit/allocationDetails.d.ts +17 -1
  39. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +0 -5
  40. package/dist/types/builder/tools/element-edit/iconLibrary.d.ts +7 -1
  41. package/dist/types/builder/tools/element-edit/imageHotspot.d.ts +0 -1
  42. package/dist/types/builder/tools/element-edit/language-menu.d.ts +0 -14
  43. package/dist/types/builder/tools/element-edit/product-image.d.ts +1 -0
  44. package/dist/types/builder/tools/element-edit/repeater.d.ts +1 -1
  45. package/dist/types/builder/tools/element-edit/tabsV2.d.ts +55 -1
  46. package/dist/types/builder/tools/element-edit/userElements.d.ts +5 -0
  47. package/dist/types/builder/tools/element-edit/video.d.ts +32 -0
  48. package/dist/user-elements.scss +6 -0
  49. package/dist/video.scss +548 -476
  50. package/package.json +1 -1
package/dist/tab-v2.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  @use "sass:list";
3
3
  @use "./functions.scss" as *;
4
4
  $activeElementSelector: "[data-has-clicked='true']";
5
+ $overflowSelector: ".flex__overflow";
5
6
  $root: "flex__tbs";
6
7
  $sfKey: "--_flex-tbs-";
7
8
  $tabHeader: "#{$root}__header";
@@ -23,6 +24,14 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
23
24
  var(--_ctm-tab-tbs-lt-mn, var(--_ctm-tbs-lt-mn, var(--_ctm-lt-mn)))
24
25
  );
25
26
 
27
+ &[data-hs-br-tc="false"] {
28
+ --_hide-tbs-own-border: none;
29
+ }
30
+
31
+ &[data-hs-bs-tc="false"] {
32
+ --_hide-tbs-own-shadow: none;
33
+ }
34
+
26
35
  & > div {
27
36
  &.wrapper {
28
37
  width: 100%;
@@ -52,12 +61,10 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
52
61
  // --_ctm-mob-tbs-dn-bd-se,
53
62
  // var(--_ctm-tab-tbs-dn-bd-se, var(--_ctm-tbs-dn-bd-se))
54
63
  // );
64
+
55
65
  border-radius: var(
56
- --_hide-tbs-own-border,
57
- var(
58
- --_ctm-mob-tbs-dn-tb-cr-br-rs,
59
- var(--_ctm-tab-tbs-dn-tb-cr-br-rs, var(--_ctm-tbs-dn-tb-cr-br-rs))
60
- )
66
+ --_ctm-mob-tbs-dn-tb-cr-br-rs,
67
+ var(--_ctm-tab-tbs-dn-tb-cr-br-rs, var(--_ctm-tbs-dn-tb-cr-br-rs))
61
68
  );
62
69
  border-color: var(
63
70
  --_hide-tbs-own-border,
@@ -137,6 +144,22 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
137
144
  --_hide-btn-shadow: none;
138
145
  }
139
146
 
147
+ &[data-hs-br-hr="false"] {
148
+ --_hide-btn-border-hr: none;
149
+ }
150
+
151
+ &[data-hs-bs-hr="false"] {
152
+ --_hide-btn-shadow-hr: none;
153
+ }
154
+
155
+ &[data-hs-br-sd="false"] {
156
+ --_hide-btn-border-sd: none;
157
+ }
158
+
159
+ &[data-hs-bs-sd="false"] {
160
+ --_hide-btn-shadow-sd: none;
161
+ }
162
+
140
163
  &[data-hs-in="false"] {
141
164
  --_hide-tbs-icon: none;
142
165
  }
@@ -197,6 +220,10 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
197
220
  &[data-ovf-vl="no wrap"] {
198
221
  overflow-x: auto;
199
222
  scrollbar-width: none;
223
+
224
+ & > button {
225
+ flex-shrink: 0;
226
+ }
200
227
  }
201
228
  }
202
229
 
@@ -232,11 +259,11 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
232
259
  );
233
260
 
234
261
  border-color: var(
235
- --_hide-btn-border,
262
+ --_sf-tbs-sd-br-cr,
236
263
  var(
237
- --_sf-tbs-sd-br-cr,
264
+ --_sf-tbs-hr-br-cr,
238
265
  var(
239
- --_sf-tbs-hr-br-cr,
266
+ --_hide-btn-border,
240
267
  var(
241
268
  --_ctm-mob-tbs-dn-ts-dt-se-br-cr,
242
269
  var(--_ctm-tab-tbs-dn-ts-dt-se-br-cr, var(--_ctm-tbs-dn-ts-dt-se-br-cr))
@@ -245,11 +272,11 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
245
272
  )
246
273
  );
247
274
  border-style: var(
248
- --_hide-btn-border,
275
+ --_sf-tbs-sd-br-sty,
249
276
  var(
250
- --_sf-tbs-sd-br-sty,
277
+ --_sf-tbs-hr-br-sty,
251
278
  var(
252
- --_sf-tbs-hr-br-sty,
279
+ --_hide-btn-border,
253
280
  var(
254
281
  --_ctm-mob-tbs-dn-ts-dt-se-br-se,
255
282
  var(--_ctm-tab-tbs-dn-ts-dt-se-br-se, var(--_ctm-tbs-dn-ts-dt-se-br-se))
@@ -258,11 +285,11 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
258
285
  )
259
286
  );
260
287
  border-width: var(
261
- --_hide-btn-border,
288
+ --_sf-tbs-sd-br-wt,
262
289
  var(
263
- --_sf-tbs-sd-br-wt,
290
+ --_sf-tbs-hr-br-wt,
264
291
  var(
265
- --_sf-tbs-hr-br-wt,
292
+ --_hide-btn-border,
266
293
  var(
267
294
  --_ctm-mob-tbs-dn-ts-dt-se-br-wh,
268
295
  var(--_ctm-tab-tbs-dn-ts-dt-se-br-wh, var(--_ctm-tbs-dn-ts-dt-se-br-wh))
@@ -282,47 +309,17 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
282
309
  );
283
310
 
284
311
  box-shadow: var(
285
- --_hide-btn-shadow,
312
+ --_sf-tbs-sd-bx-sw,
286
313
  var(
287
- --_sf-tbs-sd-sw-ae,
288
- var(
289
- --_sf-tbs-hr-sw-ae,
290
- var(
291
- --_ctm-mob-tbs-dn-tb-cr-sw-ae,
292
- var(--_ctm-tab-tbs-dn-tb-cr-sw-ae, var(--_ctm-tbs-dn-tb-cr-sw-ae))
293
- )
294
- )
295
- )
314
+ --_sf-tbs-hr-bx-sw,
296
315
  var(
297
- --_sf-tbs-sd-sw-br,
298
- var(
299
- --_sf-tbs-hr-sw-br,
300
- var(
301
- --_ctm-mob-tbs-dn-tb-cr-sw-br,
302
- var(--_ctm-tab-tbs-dn-tb-cr-sw-br, var(--_ctm-tbs-dn-tb-cr-sw-br))
303
- )
304
- )
305
- )
306
- var(
307
- --_sf-tbs-sd-sw-sd,
308
- var(
309
- --_sf-tbs-hr-sw-sd,
310
- var(
311
- --_ctm-mob-tbs-dn-tb-cr-sw-sd,
312
- var(--_ctm-tab-tbs-dn-tb-cr-sw-sd, var(--_ctm-tbs-dn-tb-cr-sw-sd))
313
- )
314
- )
315
- )
316
- var(
317
- --_sf-tbs-sd-sw-cr,
318
- var(
319
- --_sf-tbs-hr-sw-cr,
320
- var(
321
- --_ctm-mob-tbs-dn-tb-cr-sw-cr,
322
- var(--_ctm-tab-tbs-dn-tb-cr-sw-cr, var(--_ctm-tbs-dn-tb-cr-sw-cr))
323
- )
324
- )
316
+ --_hide-btn-shadow,
317
+ prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-ae, 0 0)
318
+ prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-br, 0)
319
+ prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-sd, 0)
320
+ prepareMediaVariable(--_ctm-tbs-dn-ts-dt-se-sw-cr, transparent)
325
321
  )
322
+ )
326
323
  );
327
324
 
328
325
  &.active {
@@ -332,16 +329,25 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
332
329
  );
333
330
 
334
331
  --_sf-tbs-sd-br-cr: var(
335
- --_ctm-mob-tbs-dn-ts-sd-se-br-cr,
336
- var(--_ctm-tab-tbs-dn-ts-sd-se-br-cr, var(--_ctm-tbs-dn-ts-sd-se-br-cr))
332
+ --_hide-btn-border-sd,
333
+ var(
334
+ --_ctm-mob-tbs-dn-ts-sd-se-br-cr,
335
+ var(--_ctm-tab-tbs-dn-ts-sd-se-br-cr, var(--_ctm-tbs-dn-ts-sd-se-br-cr))
336
+ )
337
337
  );
338
338
  --_sf-tbs-sd-br-wt: var(
339
- --_ctm-mob-tbs-dn-ts-sd-se-br-wh,
340
- var(--_ctm-tab-tbs-dn-ts-sd-se-br-wh, var(--_ctm-tbs-dn-ts-sd-se-br-wh))
339
+ --_hide-btn-border-sd,
340
+ var(
341
+ --_ctm-mob-tbs-dn-ts-sd-se-br-wh,
342
+ var(--_ctm-tab-tbs-dn-ts-sd-se-br-wh, var(--_ctm-tbs-dn-ts-sd-se-br-wh))
343
+ )
341
344
  );
342
345
  --_sf-tbs-sd-br-sty: var(
343
- --_ctm-mob-tbs-dn-ts-sd-se-br-se,
344
- var(--_ctm-tab-tbs-dn-ts-sd-se-br-se, var(--_ctm-tbs-dn-ts-sd-se-br-se))
346
+ --_hide-btn-border-sd,
347
+ var(
348
+ --_ctm-mob-tbs-dn-ts-sd-se-br-se,
349
+ var(--_ctm-tab-tbs-dn-ts-sd-se-br-se, var(--_ctm-tbs-dn-ts-sd-se-br-se))
350
+ )
345
351
  );
346
352
  --_sf-tbs-sd-br-rs: var(
347
353
  --_ctm-mob-tbs-dn-ts-sd-se-br-rs,
@@ -363,6 +369,11 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
363
369
  --_ctm-mob-tbs-dn-ts-sd-se-sw-br,
364
370
  var(--_ctm-tab-tbs-dn-ts-sd-se-sw-br, var(--_ctm-tbs-dn-ts-sd-se-sw-br))
365
371
  );
372
+ --_sf-tbs-sd-bx-sw: var(
373
+ --_hide-btn-shadow-sd,
374
+ var(--_sf-tbs-sd-sw-ae) var(--_sf-tbs-sd-sw-br) var(--_sf-tbs-sd-sw-sd)
375
+ var(--_sf-tbs-sd-sw-cr)
376
+ );
366
377
 
367
378
  --_sf-tbs-sd-ft-fy: var(
368
379
  --_ctm-mob-tbs-dn-ts-sd-se-ft-fy,
@@ -400,6 +411,18 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
400
411
  --_ctm-mob-tbs-dn-ts-sd-se-le-ht,
401
412
  var(--_ctm-tab-tbs-dn-ts-sd-se-le-ht, var(--_ctm-tbs-dn-ts-sd-se-le-ht))
402
413
  );
414
+ --_sf-tbs-sd-ft-ttm: var(
415
+ --_ctm-mob-tbs-dn-ts-sd-se-tt-tm,
416
+ var(--_ctm-tab-tbs-dn-ts-sd-se-tt-tm, var(--_ctm-tbs-dn-ts-sd-se-tt-tm))
417
+ );
418
+ --_sf-tbs-sd-ft-wwr: var(
419
+ --_ctm-mob-tbs-dn-ts-sd-se-wd-wr,
420
+ var(--_ctm-tab-tbs-dn-ts-sd-se-wd-wr, var(--_ctm-tbs-dn-ts-sd-se-wd-wr))
421
+ );
422
+ --_sf-tbs-sd-ft-wbk: var(
423
+ --_ctm-mob-tbs-dn-ts-sd-se-wd-bk,
424
+ var(--_ctm-tab-tbs-dn-ts-sd-se-wd-bk, var(--_ctm-tbs-dn-ts-sd-se-wd-bk))
425
+ );
403
426
 
404
427
  --_sf-tbs-sd-in-gp: var(
405
428
  --_ctm-mob-tbs-dn-ts-sd-se-in-gp,
@@ -427,16 +450,25 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
427
450
  );
428
451
 
429
452
  --_sf-tbs-hr-br-cr: var(
430
- --_ctm-mob-tbs-dn-ts-hr-se-br-cr,
431
- var(--_ctm-tab-tbs-dn-ts-hr-se-br-cr, var(--_ctm-tbs-dn-ts-hr-se-br-cr))
453
+ --_hide-btn-border-hr,
454
+ var(
455
+ --_ctm-mob-tbs-dn-ts-hr-se-br-cr,
456
+ var(--_ctm-tab-tbs-dn-ts-hr-se-br-cr, var(--_ctm-tbs-dn-ts-hr-se-br-cr))
457
+ )
432
458
  );
433
459
  --_sf-tbs-hr-br-wt: var(
434
- --_ctm-mob-tbs-dn-ts-hr-se-br-wh,
435
- var(--_ctm-tab-tbs-dn-ts-hr-se-br-wh, var(--_ctm-tbs-dn-ts-hr-se-br-wh))
460
+ --_hide-btn-border-hr,
461
+ var(
462
+ --_ctm-mob-tbs-dn-ts-hr-se-br-wh,
463
+ var(--_ctm-tab-tbs-dn-ts-hr-se-br-wh, var(--_ctm-tbs-dn-ts-hr-se-br-wh))
464
+ )
436
465
  );
437
466
  --_sf-tbs-hr-br-sty: var(
438
- --_ctm-mob-tbs-dn-ts-hr-se-br-se,
439
- var(--_ctm-tab-tbs-dn-ts-hr-se-br-se, var(--_ctm-tbs-dn-ts-hr-se-br-se))
467
+ --_hide-btn-border-hr,
468
+ var(
469
+ --_ctm-mob-tbs-dn-ts-hr-se-br-se,
470
+ var(--_ctm-tab-tbs-dn-ts-hr-se-br-se, var(--_ctm-tbs-dn-ts-hr-se-br-se))
471
+ )
440
472
  );
441
473
  --_sf-tbs-hr-br-rs: var(
442
474
  --_ctm-mob-tbs-dn-ts-hr-se-br-rs,
@@ -458,6 +490,11 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
458
490
  --_ctm-mob-tbs-dn-ts-hr-se-sw-br,
459
491
  var(--_ctm-tab-tbs-dn-ts-hr-se-sw-br, var(--_ctm-tbs-dn-ts-hr-se-sw-br))
460
492
  );
493
+ --_sf-tbs-hr-bx-sw: var(
494
+ --_hide-btn-shadow-hr,
495
+ var(--_sf-tbs-hr-sw-ae) var(--_sf-tbs-hr-sw-br) var(--_sf-tbs-hr-sw-sd)
496
+ var(--_sf-tbs-hr-sw-cr)
497
+ );
461
498
 
462
499
  --_sf-tbs-hr-ft-fy: var(
463
500
  --_ctm-mob-tbs-dn-ts-hr-se-ft-fy,
@@ -495,6 +532,18 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
495
532
  --_ctm-mob-tbs-dn-ts-hr-se-le-ht,
496
533
  var(--_ctm-tab-tbs-dn-ts-hr-se-le-ht, var(--_ctm-tbs-dn-ts-hr-se-le-ht))
497
534
  );
535
+ --_sf-tbs-hr-ft-ttm: var(
536
+ --_ctm-mob-tbs-dn-ts-hr-se-tt-tm,
537
+ var(--_ctm-tab-tbs-dn-ts-hr-se-tt-tm, var(--_ctm-tbs-dn-ts-hr-se-tt-tm))
538
+ );
539
+ --_sf-tbs-hr-ft-wwr: var(
540
+ --_ctm-mob-tbs-dn-ts-hr-se-wd-wr,
541
+ var(--_ctm-tab-tbs-dn-ts-hr-se-wd-wr, var(--_ctm-tbs-dn-ts-hr-se-wd-wr))
542
+ );
543
+ --_sf-tbs-hr-ft-wbk: var(
544
+ --_ctm-mob-tbs-dn-ts-hr-se-wd-bk,
545
+ var(--_ctm-tab-tbs-dn-ts-hr-se-wd-bk, var(--_ctm-tbs-dn-ts-hr-se-wd-bk))
546
+ );
498
547
 
499
548
  --_sf-tbs-hr-in-gp: var(
500
549
  --_ctm-mob-tbs-dn-ts-hr-se-in-gp,
@@ -516,7 +565,28 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
516
565
  }
517
566
 
518
567
  &:is([data-tl-vl="stretched"] > div.#{$tabHeaderWrapper} > *) {
519
- flex: 1 0 auto;
568
+ flex: 1 1 0;
569
+ min-width: 0;
570
+
571
+ &:is(.vtl *) {
572
+ flex: 1 0 auto;
573
+ }
574
+ }
575
+
576
+ &:has(> span#{$overflowSelector}) {
577
+ min-width: 0;
578
+
579
+ &:is(.hrz *) {
580
+ max-width: 25%;
581
+
582
+ &:is([data-tl-vl="stretched"] > div.#{$tabHeaderWrapper} > *) {
583
+ max-width: 50%;
584
+ }
585
+ }
586
+ }
587
+
588
+ &:is(.vtl *) {
589
+ width: 100%;
520
590
  }
521
591
 
522
592
  & > span {
@@ -524,11 +594,12 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
524
594
  width: 100%;
525
595
 
526
596
  &:is(.vtl *) {
527
- width: max-content;
597
+ width: 100%;
598
+ min-width: 0;
599
+ white-space: normal;
600
+ overflow-wrap: var(--_sf-tbs-wd-wr, anywhere);
528
601
  }
529
602
 
530
- // width: max-content;
531
-
532
603
  font-family: var(
533
604
  --_sf-tbs-sd-ft-fy,
534
605
  var(
@@ -622,7 +693,46 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
622
693
  )
623
694
  )
624
695
  );
696
+ text-transform: var(
697
+ --_sf-tbs-sd-ft-ttm,
698
+ var(
699
+ --_sf-tbs-hr-ft-ttm,
700
+ var(
701
+ --_ctm-mob-tbs-dn-ts-dt-se-tt-tm,
702
+ var(--_ctm-tab-tbs-dn-ts-dt-se-tt-tm, var(--_ctm-tbs-dn-ts-dt-se-tt-tm))
703
+ )
704
+ )
705
+ );
706
+ word-break: var(
707
+ --_sf-tbs-sd-ft-wbk,
708
+ var(
709
+ --_sf-tbs-hr-ft-wbk,
710
+ var(
711
+ --_ctm-mob-tbs-dn-ts-dt-se-wd-bk,
712
+ var(--_ctm-tab-tbs-dn-ts-dt-se-wd-bk, var(--_ctm-tbs-dn-ts-dt-se-wd-bk))
713
+ )
714
+ )
715
+ );
716
+ --_sf-tbs-wd-wr: var(
717
+ --_sf-tbs-sd-ft-wwr,
718
+ var(
719
+ --_sf-tbs-hr-ft-wwr,
720
+ var(
721
+ --_ctm-mob-tbs-dn-ts-dt-se-wd-wr,
722
+ var(--_ctm-tab-tbs-dn-ts-dt-se-wd-wr, var(--_ctm-tbs-dn-ts-dt-se-wd-wr))
723
+ )
724
+ )
725
+ );
726
+ word-wrap: var(--_sf-tbs-wd-wr);
727
+
625
728
  white-space: nowrap;
729
+
730
+ &#{$overflowSelector} {
731
+ min-width: 0;
732
+ overflow-wrap: var(--_sf-tbs-wd-wr, anywhere);
733
+ white-space: normal;
734
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
735
+ }
626
736
  }
627
737
 
628
738
  & > span.icon {
@@ -5,6 +5,7 @@
5
5
  $ie: '[contenteditable="true"]';
6
6
  $re: '[data-cms-tool="cms-element-resizer"]';
7
7
  $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
8
+ $overflowSelector: ".flex__overflow";
8
9
 
9
10
  [data-div-type="element"] {
10
11
  &[data-element-type="text"] {
@@ -42,6 +43,7 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
42
43
  &#{$dblclk} {
43
44
  --_sf-op-bm-zz: 1;
44
45
  --_sf-vt-bm-zz: visible;
46
+
45
47
  #{$re} {
46
48
  display: none !important;
47
49
  }
@@ -51,6 +53,7 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
51
53
  white-space: normal;
52
54
  unicode-bidi: plaintext;
53
55
  }
56
+
54
57
  &[data-haslink="true"] {
55
58
  cursor: pointer;
56
59
  }
@@ -85,9 +88,11 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
85
88
  }
86
89
  }
87
90
  }
91
+
88
92
  &[data-show-shadow="false"] {
89
93
  --_show-shadow: none;
90
94
  }
95
+
91
96
  &[data-show-border="false"] {
92
97
  --_show-border: 0;
93
98
  }
@@ -114,9 +119,11 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
114
119
 
115
120
  // transform: scale(var(--_ctm-dn-zm-ie));
116
121
  scale: var(--_ctm-dn-zm-ie);
122
+
117
123
  &[data-flip-x="true"] {
118
124
  transform: scaleX(-1);
119
125
  }
126
+
120
127
  &[data-flip-y="true"] {
121
128
  transform: scaleY(-1);
122
129
  }
@@ -142,6 +149,10 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
142
149
  word-break: prepareMediaVariable(--_ctm-dn-wd-bk);
143
150
  }
144
151
  }
152
+
153
+ &#{$overflowSelector} {
154
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
155
+ }
145
156
  }
146
157
  }
147
158
  }
@@ -12,6 +12,15 @@ interface selfLayoutInterface {
12
12
  value: AlignItemsValue;
13
13
  };
14
14
  allocationItemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & any;
15
+ allocationsView: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
16
+ value: string;
17
+ };
18
+ showAllocationTabs: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
19
+ value: boolean;
20
+ };
21
+ showProfileTabs: Pick<CMSIBCommonInterface, "property"> & {
22
+ value: boolean;
23
+ } & any;
15
24
  }
16
25
  interface selfDesignInterface {
17
26
  selectorKey: string;
@@ -30,7 +39,14 @@ export declare enum SelectorKeysEnum {
30
39
  GRID_VIEW_CONTROL_STYLE = "gridViewControlStyle",
31
40
  BUTTON = "button",
32
41
  SELECTED_STATE = "selectedState",
33
- LAYOUT_STYLE = "layoutStyle"
42
+ HOVER_STATE = "hoverState",
43
+ LAYOUT_STYLE = "layoutStyle",
44
+ SIDEBAR_DESIGN = "sidebarDesign",
45
+ SIDEBAR_CONTAINER = "sidebarContainer",
46
+ SIDEBAR_HEADING = "sidebarHeading",
47
+ PROFILE_ROW = "profileRow",
48
+ PROFILE_TREE_ICON = "profileTreeIcon",
49
+ ALLOCATION_ROW = "allocationRow"
34
50
  }
35
51
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
36
52
  export {};
@@ -74,11 +74,6 @@ export declare const getDefaultData: () => {
74
74
  property: string;
75
75
  propertyType: CMSElementEditTypes;
76
76
  };
77
- collapseInTheMiddle: {
78
- value: boolean;
79
- property: string;
80
- propertyType: CMSElementEditTypes;
81
- };
82
77
  showMoreItems: {
83
78
  value: string;
84
79
  property: string;
@@ -1,4 +1,4 @@
1
- import { CMSCSSUnitTypesEnums } from "../../enums";
1
+ import { CMSCSSUnitTypesEnums, CMSElementEditTypes } from "../../enums";
2
2
  import { CMSIBCommonInterface } from "../../interfaces/global";
3
3
  import { CMSElementEditPopupInterface } from "./common";
4
4
  export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
@@ -33,6 +33,12 @@ export declare const getDefaultData: () => {
33
33
  showIcon: CMSIBCommonInterface | undefined;
34
34
  iconSize: import("../../interfaces/global").CMSIBSizeInterface;
35
35
  iconColor: CMSIBCommonInterface;
36
+ strokeWidth: {
37
+ value: number;
38
+ property: string;
39
+ unit: CMSCSSUnitTypesEnums;
40
+ propertyType: CMSElementEditTypes;
41
+ };
36
42
  selectorKey: SelectorKeysEnum;
37
43
  backgroundColor: CMSIBCommonInterface;
38
44
  borderColor: CMSIBCommonInterface;
@@ -45,7 +45,6 @@ export interface selfDesignInterface {
45
45
  iconColor: CMSIBCommonInterface;
46
46
  icon: CMSIBCommonInterface;
47
47
  iconSize: CMSIBCommonInterface;
48
- showIcon: controlInterface;
49
48
  hotspotSize: controlInterface;
50
49
  hotspotStyle: controlInterface;
51
50
  backgroundColor: CMSIBCommonInterface;
@@ -41,20 +41,6 @@ export declare const menuConrolsInterface: {
41
41
  value: string;
42
42
  propertyType: CMSElementEditTypes;
43
43
  };
44
- flagStyle: {
45
- value: string;
46
- propertyType: CMSElementEditTypes;
47
- };
48
- flagSize: {
49
- value: number;
50
- property: string;
51
- unit: number;
52
- propertyType: CMSElementEditTypes;
53
- };
54
- showFlags: {
55
- value: boolean;
56
- propertyType: CMSElementEditTypes;
57
- };
58
44
  showSearchText: {
59
45
  value: boolean;
60
46
  property: string;
@@ -24,6 +24,7 @@ interface selfLayoutInterface {
24
24
  autoplayDuration: CMSIBSizeInterface;
25
25
  sliderSpeed: CMSIBSizeInterface;
26
26
  fitOptions: CMSIBCommonInterface;
27
+ imageMagnifierOptions: CMSIBCommonInterface;
27
28
  objectPosition: CMSIBCommonInterface;
28
29
  thumbnailPlacement: CMSIBSizeInterface;
29
30
  thumbnailWidth: CMSIBSizeInterface;
@@ -43,6 +43,7 @@ interface selfLayoutInterface {
43
43
  value: string | number | any;
44
44
  unit: CMSCSSUnitTypesEnums;
45
45
  };
46
+ arrowIconColor: CMSIBCommonInterface;
46
47
  dotSize: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
47
48
  value: string | number | any;
48
49
  unit: CMSCSSUnitTypesEnums;
@@ -65,7 +66,6 @@ export interface selfDesignInterface {
65
66
  repeaterWidget: any;
66
67
  buttonStyle: any;
67
68
  gridViewControlStyle: any;
68
- adStyle: any;
69
69
  }
70
70
  export declare enum selfSelectorKeysEnum {
71
71
  LAYOUT = "layout",
@@ -30,7 +30,7 @@ export declare const getDefaultData: () => {
30
30
  property: string;
31
31
  propertyType: CMSElementEditTypes;
32
32
  };
33
- alignment: {
33
+ contentAlignment: {
34
34
  value: string;
35
35
  property: string;
36
36
  propertyType: CMSElementEditTypes;
@@ -173,6 +173,24 @@ export declare const getDefaultData: () => {
173
173
  textAlign: CMSIBCommonInterface;
174
174
  characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
175
175
  lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
176
+ textTransform: {
177
+ value: string;
178
+ property: string;
179
+ propertyType: CMSElementEditTypes;
180
+ };
181
+ wordWrap: CMSIBCommonInterface;
182
+ wordBreak: CMSIBCommonInterface;
183
+ textOverflow: {
184
+ value: boolean;
185
+ property: string;
186
+ propertyType: CMSElementEditTypes;
187
+ };
188
+ numberOfDisplayedLines: {
189
+ unit: CMSCSSUnitTypesEnums;
190
+ value: number;
191
+ property: string;
192
+ propertyType: CMSElementEditTypes;
193
+ };
176
194
  borderColor: CMSIBCommonInterface;
177
195
  borderStyle: CMSIBCommonInterface;
178
196
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -249,6 +267,24 @@ export declare const getDefaultData: () => {
249
267
  textAlign: CMSIBCommonInterface;
250
268
  characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
251
269
  lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
270
+ textTransform: {
271
+ value: string;
272
+ property: string;
273
+ propertyType: CMSElementEditTypes;
274
+ };
275
+ wordWrap: CMSIBCommonInterface;
276
+ wordBreak: CMSIBCommonInterface;
277
+ textOverflow: {
278
+ value: boolean;
279
+ property: string;
280
+ propertyType: CMSElementEditTypes;
281
+ };
282
+ numberOfDisplayedLines: {
283
+ unit: CMSCSSUnitTypesEnums;
284
+ value: number;
285
+ property: string;
286
+ propertyType: CMSElementEditTypes;
287
+ };
252
288
  borderColor: CMSIBCommonInterface;
253
289
  borderStyle: CMSIBCommonInterface;
254
290
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -325,6 +361,24 @@ export declare const getDefaultData: () => {
325
361
  textAlign: CMSIBCommonInterface;
326
362
  characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
327
363
  lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
364
+ textTransform: {
365
+ value: string;
366
+ property: string;
367
+ propertyType: CMSElementEditTypes;
368
+ };
369
+ wordWrap: CMSIBCommonInterface;
370
+ wordBreak: CMSIBCommonInterface;
371
+ textOverflow: {
372
+ value: boolean;
373
+ property: string;
374
+ propertyType: CMSElementEditTypes;
375
+ };
376
+ numberOfDisplayedLines: {
377
+ unit: CMSCSSUnitTypesEnums;
378
+ value: number;
379
+ property: string;
380
+ propertyType: CMSElementEditTypes;
381
+ };
328
382
  borderColor: CMSIBCommonInterface;
329
383
  borderStyle: CMSIBCommonInterface;
330
384
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -1086,5 +1086,10 @@ export declare const getDefaultData: () => {
1086
1086
  property: string;
1087
1087
  propertyType: CMSElementEditTypes;
1088
1088
  };
1089
+ quotaLink: {
1090
+ value: string;
1091
+ property: string;
1092
+ propertyType: CMSElementEditTypes;
1093
+ };
1089
1094
  };
1090
1095
  };