pds-dev-kit-web-test 2.7.235 → 2.7.236

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 (3) hide show
  1. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +3 -3
  2. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.js +83 -87
  3. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/mock_slideBanner.js CHANGED
@@ -4535,7 +4535,7 @@ exports.SAMPLE_SLIDEBANNER_CB = {
4535
4535
  'CB_STYLE_PROP_SHADOW_SPEC_Y:MOBILE:HOVER': null
4536
4536
  },
4537
4537
  CB_STYLE_PROP_SLIDEBANNERBUTTON: {
4538
- CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNLOCATION: 'OUTSET4',
4538
+ CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNLOCATION: 'INSET8',
4539
4539
  'CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNLOCATION:MOBILE': null,
4540
4540
  CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNPRIMARYCOLOR: '#7CEC0DFC',
4541
4541
  'CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNPRIMARYCOLOR:HOVER': null,
@@ -4549,7 +4549,7 @@ exports.SAMPLE_SLIDEBANNER_CB = {
4549
4549
  'CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNSIZE:MOBILE': null,
4550
4550
  CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNSTYLE: 'DESIGN3',
4551
4551
  'CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_NEXTBTNSTYLE:MOBILE': null,
4552
- CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_PREVBTNLOCATION: 'OUTSET4',
4552
+ CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_PREVBTNLOCATION: 'INSET8',
4553
4553
  'CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_PREVBTNLOCATION:MOBILE': null,
4554
4554
  CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_PREVBTNPRIMARYCOLOR: '#630FFFED',
4555
4555
  'CB_STYLE_PROP_SLIDEBANNERBUTTON_SPEC_PREVBTNPRIMARYCOLOR:HOVER': null,
@@ -4569,7 +4569,7 @@ exports.SAMPLE_SLIDEBANNER_CB = {
4569
4569
  'CB_STYLE_PROP_SLIDEBANNERDESIGN_SPEC_STYLE:MOBILE': null
4570
4570
  },
4571
4571
  CB_STYLE_PROP_SLIDEBANNERPAGINATION: {
4572
- CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONLOCATION: 'OUTSET4',
4572
+ CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONLOCATION: 'INSET8',
4573
4573
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONLOCATION:MOBILE': null,
4574
4574
  CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONPRIMARYCOLOR: '#A500CFF0',
4575
4575
  'CB_STYLE_PROP_SLIDEBANNERPAGINATION_SPEC_PAGINATIONPRIMARYCOLOR:MOBILE': null,
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.js CHANGED
@@ -16,7 +16,10 @@ function getPosition(position, designType, size, elementType) {
16
16
  }
17
17
  return exports.POS_OUTSET_PAGINATION[position][designType][size];
18
18
  }
19
- return (_b = exports.POS_INSET[position]) === null || _b === void 0 ? void 0 : _b.LARGE;
19
+ if (elementType === 'GROUP') {
20
+ return (_b = exports.POS_INSET[position]) === null || _b === void 0 ? void 0 : _b.LARGE;
21
+ }
22
+ return {};
20
23
  }
21
24
  exports.getPosition = getPosition;
22
25
  exports.POS_OUTSET_PAGINATION = {
@@ -204,13 +207,6 @@ exports.POS_OUTSET_PAGINATION = {
204
207
  // OUTSET 5 (top center 공통, transform 추출)
205
208
  //--------------------------------------------------
206
209
  OUTSET5: {
207
- GROUP: {
208
- GROUP: {
209
- top: 'center',
210
- height: 0,
211
- right: 0
212
- }
213
- },
214
210
  DESIGN1: {
215
211
  LARGE: { top: 'center', right: -65, transform: 'translateY(-50%)' },
216
212
  MEDIUM: { top: 'center', right: -60, transform: 'translateY(-50%)' },
@@ -347,44 +343,44 @@ exports.POS_OUTSET_PAGINATION = {
347
343
  //--------------------------------------------------
348
344
  OUTSET8: {
349
345
  DESIGN1: {
350
- LARGE: { bottom: -50, left: 'center', transform: 'translateX(-50%)' },
351
- MEDIUM: { bottom: -45, left: 'center', transform: 'translateX(-50%)' },
352
- SMALL: { bottom: -40, left: 'center', transform: 'translateX(-50%)' }
346
+ LARGE: { bottom: -50 },
347
+ MEDIUM: { bottom: -45 },
348
+ SMALL: { bottom: -40 }
353
349
  },
354
350
  DESIGN2: {
355
- LARGE: { bottom: -50, left: 'center', transform: 'translateX(-50%)' },
356
- MEDIUM: { bottom: -45, left: 'center', transform: 'translateX(-50%)' },
357
- SMALL: { bottom: -40, left: 'center', transform: 'translateX(-50%)' }
351
+ LARGE: { bottom: -50 },
352
+ MEDIUM: { bottom: -45 },
353
+ SMALL: { bottom: -40 }
358
354
  },
359
355
  DESIGN3: {
360
- LARGE: { bottom: -50, left: 'center', transform: 'translateX(-50%)' },
361
- MEDIUM: { bottom: -45, left: 'center', transform: 'translateX(-50%)' },
362
- SMALL: { bottom: -40, left: 'center', transform: 'translateX(-50%)' }
356
+ LARGE: { bottom: -50 },
357
+ MEDIUM: { bottom: -45 },
358
+ SMALL: { bottom: -40 }
363
359
  },
364
360
  DESIGN4: {
365
- LARGE: { bottom: -50, left: 'center', transform: 'translateX(-50%)' },
366
- MEDIUM: { bottom: -45, left: 'center', transform: 'translateX(-50%)' },
367
- SMALL: { bottom: -40, left: 'center', transform: 'translateX(-50%)' }
361
+ LARGE: { bottom: -50 },
362
+ MEDIUM: { bottom: -45 },
363
+ SMALL: { bottom: -40 }
368
364
  },
369
365
  DESIGN5: {
370
- LARGE: { bottom: -85, left: 'center', transform: 'translateX(-50%)' },
371
- MEDIUM: { bottom: -80, left: 'center', transform: 'translateX(-50%)' },
372
- SMALL: { bottom: -75, left: 'center', transform: 'translateX(-50%)' }
366
+ LARGE: { bottom: -85 },
367
+ MEDIUM: { bottom: -80 },
368
+ SMALL: { bottom: -75 }
373
369
  },
374
370
  DESIGN6: {
375
- LARGE: { bottom: -35, left: 'center', transform: 'translateX(-50%)' },
376
- MEDIUM: { bottom: -30, left: 'center', transform: 'translateX(-50%)' },
377
- SMALL: { bottom: -25, left: 'center', transform: 'translateX(-50%)' }
371
+ LARGE: { bottom: -35 },
372
+ MEDIUM: { bottom: -30 },
373
+ SMALL: { bottom: -25 }
378
374
  },
379
375
  DESIGN7: {
380
- LARGE: { bottom: -85, left: 'center', transform: 'translateX(-50%)' },
381
- MEDIUM: { bottom: -80, left: 'center', transform: 'translateX(-50%)' },
382
- SMALL: { bottom: -75, left: 'center', transform: 'translateX(-50%)' }
376
+ LARGE: { bottom: -85 },
377
+ MEDIUM: { bottom: -80 },
378
+ SMALL: { bottom: -75 }
383
379
  },
384
380
  DESIGN8: {
385
- LARGE: { bottom: -25, left: 'center', transform: 'translateX(-50%)' },
386
- MEDIUM: { bottom: -25, left: 'center', transform: 'translateX(-50%)' },
387
- SMALL: { bottom: -20, left: 'center', transform: 'translateX(-50%)' }
381
+ LARGE: { bottom: -25 },
382
+ MEDIUM: { bottom: -25 },
383
+ SMALL: { bottom: -20 }
388
384
  }
389
385
  },
390
386
  //--------------------------------------------------
@@ -482,44 +478,44 @@ exports.POS_OUTSET_PAGINATION = {
482
478
  //--------------------------------------------------
483
479
  OUTSET11: {
484
480
  DESIGN1: {
485
- LARGE: { top: 'center', transform: 'translateY(-50%)', left: -65 },
486
- MEDIUM: { top: 'center', transform: 'translateY(-50%)', left: -60 },
487
- SMALL: { top: 'center', transform: 'translateY(-50%)', left: -60 }
481
+ LARGE: { left: -65 },
482
+ MEDIUM: { left: -60 },
483
+ SMALL: { left: -60 }
488
484
  },
489
485
  DESIGN2: {
490
- LARGE: { top: 'center', transform: 'translateY(-50%)', left: -65 },
491
- MEDIUM: { top: 'center', transform: 'translateY(-50%)', left: -60 },
492
- SMALL: { top: 'center', transform: 'translateY(-50%)', left: -60 }
486
+ LARGE: { left: -65 },
487
+ MEDIUM: { left: -60 },
488
+ SMALL: { left: -60 }
493
489
  },
494
490
  DESIGN3: {
495
- LARGE: { top: 'center', transform: 'translateY(-50%)', left: -115 },
496
- MEDIUM: { top: 'center', transform: 'translateY(-50%)', left: -110 },
497
- SMALL: { top: 'center', transform: 'translateY(-50%)', left: -95 }
491
+ LARGE: { left: -115 },
492
+ MEDIUM: { left: -110 },
493
+ SMALL: { left: -95 }
498
494
  },
499
495
  DESIGN4: {
500
- LARGE: { top: 'center', transform: 'translateY(-50%)', left: -115 },
501
- MEDIUM: { top: 'center', transform: 'translateY(-50%)', left: -110 },
502
- SMALL: { top: 'center', transform: 'translateY(-50%)', left: -95 }
496
+ LARGE: { left: -115 },
497
+ MEDIUM: { left: -110 },
498
+ SMALL: { left: -95 }
503
499
  },
504
500
  DESIGN5: {
505
- LARGE: { top: 'center', transform: 'translateY(-50%)', left: -45 },
506
- MEDIUM: { top: 'center', transform: 'translateY(-50%)', left: -45 },
507
- SMALL: { top: 'center', transform: 'translateY(-50%)', left: -45 }
501
+ LARGE: { left: -45 },
502
+ MEDIUM: { left: -45 },
503
+ SMALL: { left: -45 }
508
504
  },
509
505
  DESIGN6: {
510
- LARGE: { top: 'center', transform: 'translateY(-50%)', right: 'calc(100% + 20px)' },
511
- MEDIUM: { top: 'center', transform: 'translateY(-50%)', right: 'calc(100% + 12px)' },
512
- SMALL: { top: 'center', transform: 'translateY(-50%)', right: 'calc(100% + 12px)' }
506
+ LARGE: { right: 'calc(100% + 20px)' },
507
+ MEDIUM: { right: 'calc(100% + 12px)' },
508
+ SMALL: { right: 'calc(100% + 12px)' }
513
509
  },
514
510
  DESIGN7: {
515
- LARGE: { top: 'center', transform: 'translateY(-50%)', left: -40 },
516
- MEDIUM: { top: 'center', transform: 'translateY(-50%)', left: -30 },
517
- SMALL: { top: 'center', transform: 'translateY(-50%)', left: -25 }
511
+ LARGE: { left: -40 },
512
+ MEDIUM: { left: -30 },
513
+ SMALL: { left: -25 }
518
514
  },
519
515
  DESIGN8: {
520
- LARGE: { top: 'center', transform: 'translateY(-50%)', right: 'calc(100% + 20px)' },
521
- MEDIUM: { top: 'center', transform: 'translateY(-50%)', right: 'calc(100% + 12px)' },
522
- SMALL: { top: 'center', transform: 'translateY(-50%)', right: 'calc(100% + 12px)' }
516
+ LARGE: { right: 'calc(100% + 20px)' },
517
+ MEDIUM: { right: 'calc(100% + 12px)' },
518
+ SMALL: { right: 'calc(100% + 12px)' }
523
519
  }
524
520
  },
525
521
  //--------------------------------------------------
@@ -575,9 +571,9 @@ exports.POS_INSET = {
575
571
  SMALL: { top: GAP, left: GAP }
576
572
  },
577
573
  INSET2: {
578
- LARGE: { top: GAP, left: 'center' },
579
- MEDIUM: { top: GAP, left: 'center' },
580
- SMALL: { top: GAP, left: 'center' }
574
+ LARGE: { top: GAP, left: '50%', transform: 'translateX(-50%)' },
575
+ MEDIUM: { top: GAP, left: '50%', transform: 'translateX(-50%)' },
576
+ SMALL: { top: GAP, left: '50%', transform: 'translateX(-50%)' }
581
577
  },
582
578
  INSET3: {
583
579
  LARGE: { top: GAP, right: GAP },
@@ -585,29 +581,29 @@ exports.POS_INSET = {
585
581
  SMALL: { top: GAP, right: GAP }
586
582
  },
587
583
  INSET4: {
588
- LARGE: { top: 'center', right: GAP, transform: 'translateY(-50%)' },
589
- MEDIUM: { top: 'center', right: GAP, transform: 'translateY(-50%)' },
590
- SMALL: { top: 'center', right: GAP, transform: 'translateY(-50%)' }
584
+ LARGE: { top: GAP, right: GAP },
585
+ MEDIUM: { top: GAP, right: GAP },
586
+ SMALL: { top: GAP, right: GAP }
591
587
  },
592
588
  INSET5: {
593
- LARGE: { bottom: GAP, right: GAP },
594
- MEDIUM: { bottom: GAP, right: GAP },
595
- SMALL: { bottom: GAP, right: GAP }
589
+ LARGE: { top: '50%', right: GAP, transform: 'translateY(-50%)' },
590
+ MEDIUM: { top: '50%', right: GAP, transform: 'translateY(-50%)' },
591
+ SMALL: { top: '50%', right: GAP, transform: 'translateY(-50%)' }
596
592
  },
597
593
  INSET6: {
598
- LARGE: { bottom: GAP, left: 'center', transform: 'translateX(-50%)' },
599
- MEDIUM: { bottom: GAP, left: 'center', transform: 'translateX(-50%)' },
600
- SMALL: { bottom: GAP, left: 'center', transform: 'translateX(-50%)' }
594
+ LARGE: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' },
595
+ MEDIUM: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' },
596
+ SMALL: { bottom: GAP, left: '50%', transform: 'translateX(-50%)' }
601
597
  },
602
598
  INSET7: {
603
- LARGE: { bottom: GAP, left: GAP },
604
- MEDIUM: { bottom: GAP, left: GAP },
605
- SMALL: { bottom: GAP, left: GAP }
599
+ LARGE: { left: GAP, bottom: GAP },
600
+ MEDIUM: { left: GAP, bottom: GAP },
601
+ SMALL: { left: GAP, bottom: GAP }
606
602
  },
607
603
  INSET8: {
608
- LARGE: { top: 'center', left: GAP, transform: 'translateY(-50%)' },
609
- MEDIUM: { top: 'center', left: GAP, transform: 'translateY(-50%)' },
610
- SMALL: { top: 'center', left: GAP, transform: 'translateY(-50%)' }
604
+ LARGE: { top: '50%', left: GAP, transform: 'translateY(-50%)' },
605
+ MEDIUM: { top: '50%', left: GAP, transform: 'translateY(-50%)' },
606
+ SMALL: { top: '50%', left: GAP, transform: 'translateY(-50%)' }
611
607
  }
612
608
  };
613
609
  exports.POS_OUTSET_NAVIGATION = {
@@ -632,9 +628,9 @@ exports.POS_OUTSET_NAVIGATION = {
632
628
  SMALL: { top: 0, right: -50 }
633
629
  },
634
630
  OUTSET5: {
635
- LARGE: { top: 'center', right: -95, transform: 'translateY(-50%)' },
636
- MEDIUM: { top: 'center', right: -60, transform: 'translateY(-50%)' },
637
- SMALL: { top: 'center', right: -50, transform: 'translateY(-50%)' }
631
+ LARGE: { right: -95 },
632
+ MEDIUM: { right: -60 },
633
+ SMALL: { right: -50 }
638
634
  },
639
635
  OUTSET6: {
640
636
  LARGE: { bottom: 0, right: -95 },
@@ -647,9 +643,9 @@ exports.POS_OUTSET_NAVIGATION = {
647
643
  SMALL: { bottom: -50, right: 0 }
648
644
  },
649
645
  OUTSET8: {
650
- LARGE: { bottom: -95, left: 'center', transform: 'translateX(-50%)' },
651
- MEDIUM: { bottom: -60, left: 'center', transform: 'translateX(-50%)' },
652
- SMALL: { bottom: -50, left: 'center', transform: 'translateX(-50%)' }
646
+ LARGE: { bottom: -95 },
647
+ MEDIUM: { bottom: -60 },
648
+ SMALL: { bottom: -50 }
653
649
  },
654
650
  OUTSET9: {
655
651
  LARGE: { bottom: -95, left: 0 },
@@ -662,9 +658,9 @@ exports.POS_OUTSET_NAVIGATION = {
662
658
  SMALL: { bottom: 0, left: -50 }
663
659
  },
664
660
  OUTSET11: {
665
- LARGE: { top: 'center', left: -95, transform: 'translateY(-50%)' },
666
- MEDIUM: { top: 'center', left: -60, transform: 'translateY(-50%)' },
667
- SMALL: { top: 'center', left: -50, transform: 'translateY(-50%)' }
661
+ LARGE: { left: -95 },
662
+ MEDIUM: { left: -60 },
663
+ SMALL: { left: -50 }
668
664
  },
669
665
  OUTSET12: {
670
666
  LARGE: { top: 0, left: -95 },
@@ -701,7 +697,7 @@ var POS_OUTSET_GROUP = {
701
697
  },
702
698
  OUTSET6: {
703
699
  bottom: 0,
704
- height: 0,
700
+ width: 0,
705
701
  right: 0
706
702
  },
707
703
  OUTSET7: {
@@ -722,18 +718,18 @@ var POS_OUTSET_GROUP = {
722
718
  },
723
719
  OUTSET10: {
724
720
  bottom: 0,
725
- height: 0,
721
+ width: 0,
726
722
  left: 0
727
723
  },
728
724
  OUTSET11: {
729
725
  top: '50%',
730
- height: 0,
726
+ width: 0,
731
727
  left: 0,
732
728
  transform: 'translateY(-50%)'
733
729
  },
734
730
  OUTSET12: {
735
731
  top: 0,
736
- height: 0,
732
+ width: 0,
737
733
  left: 0
738
734
  }
739
735
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.7.235",
3
+ "version": "2.7.236",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",