@adstage/web-sdk 2.1.4 → 2.1.5

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 (6) hide show
  1. package/dist/index.cjs.js +6 -4
  2. package/dist/index.esm.js +6 -4
  3. package/dist/index.standalone.js +6 -4
  4. package/package.json +1 -1
  5. package/src/managers/ads/carousel-slider-manager.ts +4 -3
  6. package/src/managers/ads/text-transition-manager.ts +2 -1
package/dist/index.cjs.js CHANGED
@@ -795,11 +795,12 @@ class CarouselSliderManager {
795
795
  width = `${slot.width}px`;
796
796
  }
797
797
  containerStyles.width = width;
798
- containerStyles.display = 'inline-block'; // 지정된 크기에 맞춤 (좌측 정렬)
798
+ containerStyles.display = 'block'; // ✅ 하단 공백 제거를 위해 block 사용
799
799
  }
800
800
  else {
801
- // 컨텐츠 크기에 맞춤
802
- containerStyles.display = 'inline-block';
801
+ // 컨텐츠 크기에 맞춤 - fit-content로 컨텐츠에 맞는 크기 설정
802
+ containerStyles.display = 'block';
803
+ containerStyles.width = 'fit-content'; // 컨텐츠 크기에 맞춤
803
804
  }
804
805
  if (slot.height && slot.height !== 0) {
805
806
  const height = typeof slot.height === 'string' ? slot.height : `${slot.height}px`;
@@ -1119,7 +1120,8 @@ class TextTransitionManager {
1119
1120
  const containerStyles = {
1120
1121
  position: 'relative',
1121
1122
  overflow: 'hidden',
1122
- display: 'inline-block',
1123
+ display: 'block', // ✅ 하단 공백 제거를 위해 block 사용
1124
+ width: 'fit-content', // 컨텐츠 크기에 맞춤
1123
1125
  };
1124
1126
  // 사용자가 크기를 지정한 경우
1125
1127
  if (slot.width && slot.width !== 0) {
package/dist/index.esm.js CHANGED
@@ -793,11 +793,12 @@ class CarouselSliderManager {
793
793
  width = `${slot.width}px`;
794
794
  }
795
795
  containerStyles.width = width;
796
- containerStyles.display = 'inline-block'; // 지정된 크기에 맞춤 (좌측 정렬)
796
+ containerStyles.display = 'block'; // ✅ 하단 공백 제거를 위해 block 사용
797
797
  }
798
798
  else {
799
- // 컨텐츠 크기에 맞춤
800
- containerStyles.display = 'inline-block';
799
+ // 컨텐츠 크기에 맞춤 - fit-content로 컨텐츠에 맞는 크기 설정
800
+ containerStyles.display = 'block';
801
+ containerStyles.width = 'fit-content'; // 컨텐츠 크기에 맞춤
801
802
  }
802
803
  if (slot.height && slot.height !== 0) {
803
804
  const height = typeof slot.height === 'string' ? slot.height : `${slot.height}px`;
@@ -1117,7 +1118,8 @@ class TextTransitionManager {
1117
1118
  const containerStyles = {
1118
1119
  position: 'relative',
1119
1120
  overflow: 'hidden',
1120
- display: 'inline-block',
1121
+ display: 'block', // ✅ 하단 공백 제거를 위해 block 사용
1122
+ width: 'fit-content', // 컨텐츠 크기에 맞춤
1121
1123
  };
1122
1124
  // 사용자가 크기를 지정한 경우
1123
1125
  if (slot.width && slot.width !== 0) {
package/dist/index.standalone.js CHANGED
@@ -793,11 +793,12 @@ class CarouselSliderManager {
793
793
  width = `${slot.width}px`;
794
794
  }
795
795
  containerStyles.width = width;
796
- containerStyles.display = 'inline-block'; // 지정된 크기에 맞춤 (좌측 정렬)
796
+ containerStyles.display = 'block'; // ✅ 하단 공백 제거를 위해 block 사용
797
797
  }
798
798
  else {
799
- // 컨텐츠 크기에 맞춤
800
- containerStyles.display = 'inline-block';
799
+ // 컨텐츠 크기에 맞춤 - fit-content로 컨텐츠에 맞는 크기 설정
800
+ containerStyles.display = 'block';
801
+ containerStyles.width = 'fit-content'; // 컨텐츠 크기에 맞춤
801
802
  }
802
803
  if (slot.height && slot.height !== 0) {
803
804
  const height = typeof slot.height === 'string' ? slot.height : `${slot.height}px`;
@@ -1117,7 +1118,8 @@ class TextTransitionManager {
1117
1118
  const containerStyles = {
1118
1119
  position: 'relative',
1119
1120
  overflow: 'hidden',
1120
- display: 'inline-block',
1121
+ display: 'block', // ✅ 하단 공백 제거를 위해 block 사용
1122
+ width: 'fit-content', // 컨텐츠 크기에 맞춤
1121
1123
  };
1122
1124
  // 사용자가 크기를 지정한 경우
1123
1125
  if (slot.width && slot.width !== 0) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adstage/web-sdk",
3
- "version": "2.1.4",
3
+ "version": "2.1.5",
4
4
  "description": "AdStage Web SDK - Production-ready marketing platform SDK with namespace architecture for ads, events, and config management",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs.js",
package/src/managers/ads/carousel-slider-manager.ts CHANGED
@@ -39,10 +39,11 @@ export class CarouselSliderManager {
39
39
  width = `${slot.width}px`;
40
40
  }
41
41
  containerStyles.width = width;
42
- containerStyles.display = 'inline-block'; // 지정된 크기에 맞춤 (좌측 정렬)
42
+ containerStyles.display = 'block'; // ✅ 하단 공백 제거를 위해 block 사용
43
43
  } else {
44
- // 컨텐츠 크기에 맞춤
45
- containerStyles.display = 'inline-block';
44
+ // 컨텐츠 크기에 맞춤 - fit-content로 컨텐츠에 맞는 크기 설정
45
+ containerStyles.display = 'block';
46
+ containerStyles.width = 'fit-content'; // 컨텐츠 크기에 맞춤
46
47
  }
47
48
 
48
49
  if (slot.height && slot.height !== 0) {
package/src/managers/ads/text-transition-manager.ts CHANGED
@@ -25,7 +25,8 @@ export class TextTransitionManager {
25
25
  const containerStyles: Record<string, string> = {
26
26
  position: 'relative',
27
27
  overflow: 'hidden',
28
- display: 'inline-block',
28
+ display: 'block', // ✅ 하단 공백 제거를 위해 block 사용
29
+ width: 'fit-content', // 컨텐츠 크기에 맞춤
29
30
  };
30
31
 
31
32
  // 사용자가 크기를 지정한 경우