pds-dev-kit-web-test 2.7.244 → 2.7.245

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 (4) hide show
  1. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationPrevBtn.js +7 -7
  2. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.d.ts +1 -2
  3. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.js +112 -580
  4. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationPrevBtn.js CHANGED
@@ -48,14 +48,14 @@ var CustomNavigationPrevBtn = function (_a) {
48
48
  var prevButton = styles.prevBtnType === 'NONE'
49
49
  ? undefined
50
50
  : navigationConfigs_1.prevButtonMappedIcons[styles.prevBtnType || 'DESIGN1'];
51
- var buttonSize = 'large';
52
- var iconSize = 24;
53
- if (styles.prevBtnSize === 'SMALL') {
54
- buttonSize = 'small';
55
- iconSize = 16;
51
+ var buttonSize = 48;
52
+ var iconSize = 20;
53
+ if (styles.nextBtnSize === 'SMALL') {
54
+ buttonSize = 40;
55
+ iconSize = 24;
56
56
  }
57
- if (styles.prevBtnSize === 'LARGE') {
58
- buttonSize = 'xxlarge';
57
+ if (styles.nextBtnSize === 'LARGE') {
58
+ buttonSize = 80;
59
59
  iconSize = 48;
60
60
  }
61
61
  return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: prevButton && ((0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "cb-slidebanner-prev-button", disabled: isDisabled, style: style }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: buttonSize, iconSize: iconSize, shapeType: prevButton.shapeType, borderColorKey: prevButton.borderColorKey, overrideBaseColorHex: styles.prevBtnPrimaryColor, overrideBaseColorHexHover: hoverStyles === null || hoverStyles === void 0 ? void 0 : hoverStyles.prevBtnPrimaryColor, iconName: prevButton.iconName, iconFillType: "line", iconColorKey: prevButton.iconColorKey || 'ui_cpnt_icon_sys_black', overrideIconColorHex: styles.prevBtnSecondaryColor, overrideIconColorHexHover: hoverStyles === null || hoverStyles === void 0 ? void 0 : hoverStyles.prevBtnSecondaryColor, shadow: prevButton.shadow, useDefaultActiveStyle: false, useDefaultHoverStyle: false, onClick: onClick }) }))) }));
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import type { SlideBannerElementsProps } from '../SlideBanner';
2
2
  import type { CSSProperties } from 'styled-components';
3
3
  export declare function getPosition(position: string, designType: string, size: string, elementType: SlideBannerElementsProps['type'] | 'GROUP'): CSSProperties;
4
- export declare const POS_OUTSET_PAGINATION: Record<string, Record<string, Record<string, CSSProperties>>>;
5
4
  export declare const POS_INSET: Record<string, Record<string, CSSProperties>>;
6
- export declare const POS_OUTSET_NAVIGATION: Record<string, Record<string, CSSProperties>>;
5
+ export declare const POS_OUTSET_NAVIGATION: Record<string, CSSProperties>;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/elementPositions.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.POS_OUTSET_NAVIGATION = exports.POS_INSET = exports.POS_OUTSET_PAGINATION = exports.getPosition = void 0;
3
+ exports.POS_OUTSET_NAVIGATION = exports.POS_INSET = exports.getPosition = void 0;
4
4
  var GAP = 8;
5
5
  function getPosition(position, designType, size, elementType) {
6
6
  var _a, _b;
@@ -12,9 +12,9 @@ function getPosition(position, designType, size, elementType) {
12
12
  return (_a = exports.POS_INSET[position]) === null || _a === void 0 ? void 0 : _a.LARGE;
13
13
  }
14
14
  if (elementType === 'NEXT' || elementType === 'PREV') {
15
- return exports.POS_OUTSET_NAVIGATION[position][size];
15
+ return exports.POS_OUTSET_NAVIGATION[position];
16
16
  }
17
- var val = exports.POS_OUTSET_PAGINATION[position][designType][size];
17
+ var val = POS_OUTSET_PAGINATION[position][designType];
18
18
  return val;
19
19
  // return POS_OUTSET_PAGINATION[position][designType][size];
20
20
  }
@@ -24,546 +24,126 @@ function getPosition(position, designType, size, elementType) {
24
24
  return {};
25
25
  }
26
26
  exports.getPosition = getPosition;
27
- exports.POS_OUTSET_PAGINATION = {
28
- //--------------------------------------------------
29
- // OUTSET 1 (left 0px 공통)
30
- //--------------------------------------------------
27
+ var POS_OUTSET_PAGINATION = {
31
28
  OUTSET1: {
32
- DESIGN1: {
33
- LARGE: { top: -50 },
34
- MEDIUM: { top: -45 },
35
- SMALL: { top: -40 }
36
- },
37
- DESIGN3: {
38
- LARGE: { top: -50 },
39
- MEDIUM: { top: -45 },
40
- SMALL: { top: -40 }
41
- },
42
- DESIGN5: {
43
- LARGE: { top: -50 },
44
- MEDIUM: { top: -45 },
45
- SMALL: { top: -40 }
46
- },
47
- DESIGN7: {
48
- LARGE: { top: -50 },
49
- MEDIUM: { top: -45 },
50
- SMALL: { top: -40 }
51
- },
52
- DESIGN9: {
53
- LARGE: { top: -85 },
54
- MEDIUM: { top: -80 },
55
- SMALL: { top: -75 }
56
- },
57
- DESIGN11: {
58
- LARGE: { top: -35 },
59
- MEDIUM: { top: -30 },
60
- SMALL: { top: -25 }
61
- },
62
- DESIGN13: {
63
- LARGE: { top: -85 },
64
- MEDIUM: { top: -80 },
65
- SMALL: { top: -75 }
66
- },
67
- DESIGN15: {
68
- LARGE: { top: -25 },
69
- MEDIUM: { top: -25 },
70
- SMALL: { top: -20 }
71
- }
29
+ DESIGN1: { top: -15 },
30
+ DESIGN3: { top: -15 },
31
+ DESIGN5: { top: -15 },
32
+ DESIGN7: { top: -15 },
33
+ DESIGN9: { top: -15 },
34
+ DESIGN11: { top: -15 },
35
+ DESIGN13: { top: -15 },
36
+ DESIGN15: { top: -20 }
72
37
  },
73
- //--------------------------------------------------
74
- // OUTSET 2 (left center 공통, transform 추출)
75
- //--------------------------------------------------
76
38
  OUTSET2: {
77
- DESIGN1: {
78
- LARGE: { top: -50 },
79
- MEDIUM: { top: -45 },
80
- SMALL: { top: -40 }
81
- },
82
- DESIGN3: {
83
- LARGE: { top: -50 },
84
- MEDIUM: { top: -45 },
85
- SMALL: { top: -40 }
86
- },
87
- DESIGN5: {
88
- LARGE: { top: -50 },
89
- MEDIUM: { top: -45 },
90
- SMALL: { top: -40 }
91
- },
92
- DESIGN7: {
93
- LARGE: { top: -50 },
94
- MEDIUM: { top: -45 },
95
- SMALL: { top: -40 }
96
- },
97
- DESIGN9: {
98
- LARGE: { top: -85 },
99
- MEDIUM: { top: -80 },
100
- SMALL: { top: -75 }
101
- },
102
- DESIGN11: {
103
- LARGE: { top: -35 },
104
- MEDIUM: { top: -30 },
105
- SMALL: { top: -25 }
106
- },
107
- DESIGN13: {
108
- LARGE: { top: -85 },
109
- MEDIUM: { top: -80 },
110
- SMALL: { top: -75 }
111
- },
112
- DESIGN15: {
113
- LARGE: { top: -25 },
114
- MEDIUM: { top: -25 },
115
- SMALL: { top: -20 }
116
- }
39
+ DESIGN1: { top: -15 },
40
+ DESIGN3: { top: -15 },
41
+ DESIGN5: { top: -15 },
42
+ DESIGN7: { top: -15 },
43
+ DESIGN9: { top: -15 },
44
+ DESIGN11: { top: -15 },
45
+ DESIGN13: { top: -15 },
46
+ DESIGN15: { top: -20 }
117
47
  },
118
- //--------------------------------------------------
119
- // OUTSET 3 (right 0px 공통)
120
- //--------------------------------------------------
121
48
  OUTSET3: {
122
- DESIGN1: {
123
- LARGE: { top: -50 },
124
- MEDIUM: { top: -45 },
125
- SMALL: { top: -40 }
126
- },
127
- DESIGN3: {
128
- LARGE: { top: -50 },
129
- MEDIUM: { top: -45 },
130
- SMALL: { top: -40 }
131
- },
132
- DESIGN5: {
133
- LARGE: { top: -50 },
134
- MEDIUM: { top: -45 },
135
- SMALL: { top: -40 }
136
- },
137
- DESIGN7: {
138
- LARGE: { top: -50 },
139
- MEDIUM: { top: -45 },
140
- SMALL: { top: -40 }
141
- },
142
- DESIGN9: {
143
- LARGE: { top: -85 },
144
- MEDIUM: { top: -80 },
145
- SMALL: { top: -75 }
146
- },
147
- DESIGN11: {
148
- LARGE: { top: -35 },
149
- MEDIUM: { top: -30 },
150
- SMALL: { top: -25 }
151
- },
152
- DESIGN13: {
153
- LARGE: { top: -85 },
154
- MEDIUM: { top: -80 },
155
- SMALL: { top: -75 }
156
- },
157
- DESIGN15: {
158
- LARGE: { top: -25 },
159
- MEDIUM: { top: -25 },
160
- SMALL: { top: -20 }
161
- }
49
+ DESIGN1: { top: -15 },
50
+ DESIGN3: { top: -15 },
51
+ DESIGN5: { top: -15 },
52
+ DESIGN7: { top: -15 },
53
+ DESIGN9: { top: -15 },
54
+ DESIGN11: { top: -15 },
55
+ DESIGN13: { top: -15 },
56
+ DESIGN15: { top: -20 }
162
57
  },
163
- //--------------------------------------------------
164
- // OUTSET 4 (top 0px 공통)
165
- //--------------------------------------------------
166
58
  OUTSET4: {
167
- DESIGN1: {
168
- LARGE: { top: 0, right: -65 },
169
- MEDIUM: { top: 0, right: -60 },
170
- SMALL: { top: 0, right: -60 }
171
- },
172
- DESIGN3: {
173
- LARGE: { top: 0, right: -65 },
174
- MEDIUM: { top: 0, right: -60 },
175
- SMALL: { top: 0, right: -60 }
176
- },
177
- DESIGN5: {
178
- LARGE: { top: 0, right: -115 },
179
- MEDIUM: { top: 0, right: -110 },
180
- SMALL: { top: 0, right: -95 }
181
- },
182
- DESIGN7: {
183
- LARGE: { top: 0, right: -115 },
184
- MEDIUM: { top: 0, right: -110 },
185
- SMALL: { top: 0, right: -95 }
186
- },
187
- DESIGN9: {
188
- LARGE: { top: 0, right: -45 },
189
- MEDIUM: { top: 0, right: -45 },
190
- SMALL: { top: 0, right: -45 }
191
- },
192
- DESIGN11: {
193
- LARGE: { top: 0, left: 20 },
194
- MEDIUM: { top: 0, left: 12 },
195
- SMALL: { top: 0, left: 12 }
196
- },
197
- DESIGN13: {
198
- LARGE: { top: 0, right: -40 },
199
- MEDIUM: { top: 0, right: -30 },
200
- SMALL: { top: 0, right: -25 }
201
- },
202
- DESIGN15: {
203
- LARGE: { top: 0, left: 20 },
204
- MEDIUM: { top: 0, left: 12 },
205
- SMALL: { top: 0, left: 12 }
206
- }
59
+ DESIGN1: { right: -15 },
60
+ DESIGN3: { right: -15 },
61
+ DESIGN5: { right: -15 },
62
+ DESIGN7: { right: -15 },
63
+ DESIGN9: { right: -15 },
64
+ DESIGN11: { left: -15 },
65
+ DESIGN13: { right: -15 },
66
+ DESIGN15: { left: -15, right: -20 }
207
67
  },
208
- //--------------------------------------------------
209
- // OUTSET 5 (top center 공통, transform 추출)
210
- //--------------------------------------------------
211
68
  OUTSET5: {
212
- DESIGN1: {
213
- LARGE: { right: -65 },
214
- MEDIUM: { right: -60 },
215
- SMALL: { right: -60 }
216
- },
217
- DESIGN3: {
218
- LARGE: { right: -65 },
219
- MEDIUM: { right: -60 },
220
- SMALL: { right: -60 }
221
- },
222
- DESIGN5: {
223
- LARGE: { right: -115 },
224
- MEDIUM: { right: -110 },
225
- SMALL: { right: -95 }
226
- },
227
- DESIGN7: {
228
- LARGE: { right: -115 },
229
- MEDIUM: { right: -110 },
230
- SMALL: { right: -95 }
231
- },
232
- DESIGN9: {
233
- LARGE: { right: -45 },
234
- MEDIUM: { right: -45 },
235
- SMALL: { right: -45 }
236
- },
237
- DESIGN11: {
238
- LARGE: { left: 20 },
239
- MEDIUM: { left: 12 },
240
- SMALL: { left: 12 }
241
- },
242
- DESIGN13: {
243
- LARGE: { right: -40 },
244
- MEDIUM: { right: -30 },
245
- SMALL: { right: -25 }
246
- },
247
- DESIGN15: {
248
- LARGE: { left: 20 },
249
- MEDIUM: { left: 12 },
250
- SMALL: { left: 12 }
251
- }
69
+ DESIGN1: { right: -15 },
70
+ DESIGN3: { right: -15 },
71
+ DESIGN5: { right: -15 },
72
+ DESIGN7: { right: -15 },
73
+ DESIGN9: { right: -15 },
74
+ DESIGN11: { left: -15 },
75
+ DESIGN13: { right: -15 },
76
+ DESIGN15: { left: -15, right: -20 }
252
77
  },
253
- //--------------------------------------------------
254
- // OUTSET 6 (bottom 0px 공통)
255
- //--------------------------------------------------
256
78
  OUTSET6: {
257
- DESIGN1: {
258
- LARGE: { bottom: 0, right: -65 },
259
- MEDIUM: { bottom: 0, right: -60 },
260
- SMALL: { bottom: 0, right: -60 }
261
- },
262
- DESIGN3: {
263
- LARGE: { bottom: 0, right: -65 },
264
- MEDIUM: { bottom: 0, right: -60 },
265
- SMALL: { bottom: 0, right: -60 }
266
- },
267
- DESIGN5: {
268
- LARGE: { bottom: 0, right: -115 },
269
- MEDIUM: { bottom: 0, right: -110 },
270
- SMALL: { bottom: 0, right: -95 }
271
- },
272
- DESIGN7: {
273
- LARGE: { bottom: 0, right: -115 },
274
- MEDIUM: { bottom: 0, right: -110 },
275
- SMALL: { bottom: 0, right: -95 }
276
- },
277
- DESIGN9: {
278
- LARGE: { bottom: 0, right: -45 },
279
- MEDIUM: { bottom: 0, right: -45 },
280
- SMALL: { bottom: 0, right: -45 }
281
- },
282
- DESIGN11: {
283
- LARGE: { bottom: 0, left: 20 },
284
- MEDIUM: { bottom: 0, left: 12 },
285
- SMALL: { bottom: 0, left: 12 }
286
- },
287
- DESIGN13: {
288
- LARGE: { bottom: 0, right: -40 },
289
- MEDIUM: { bottom: 0, right: -30 },
290
- SMALL: { bottom: 0, right: -25 }
291
- },
292
- DESIGN15: {
293
- LARGE: { bottom: 0, left: 20 },
294
- MEDIUM: { bottom: 0, left: 12 },
295
- SMALL: { bottom: 0, left: 12 }
296
- }
79
+ DESIGN1: { right: -15 },
80
+ DESIGN3: { right: -15 },
81
+ DESIGN5: { right: -15 },
82
+ DESIGN7: { right: -15 },
83
+ DESIGN9: { right: -15 },
84
+ DESIGN11: { left: -15 },
85
+ DESIGN13: { right: -15 },
86
+ DESIGN15: { left: -15, right: -20 }
297
87
  },
298
- //--------------------------------------------------
299
- // OUTSET 7 (right 0px 공통)
300
- //--------------------------------------------------
301
88
  OUTSET7: {
302
- DESIGN1: {
303
- LARGE: { bottom: -50, right: 0 },
304
- MEDIUM: { bottom: -45, right: 0 },
305
- SMALL: { bottom: -40, right: 0 }
306
- },
307
- DESIGN3: {
308
- LARGE: { bottom: -50, right: 0 },
309
- MEDIUM: { bottom: -45, right: 0 },
310
- SMALL: { bottom: -40, right: 0 }
311
- },
312
- DESIGN5: {
313
- LARGE: { bottom: -50, right: 0 },
314
- MEDIUM: { bottom: -45, right: 0 },
315
- SMALL: { bottom: -40, right: 0 }
316
- },
317
- DESIGN7: {
318
- LARGE: { bottom: -50, right: 0 },
319
- MEDIUM: { bottom: -45, right: 0 },
320
- SMALL: { bottom: -40, right: 0 }
321
- },
322
- DESIGN9: {
323
- LARGE: { bottom: -85, right: 0 },
324
- MEDIUM: { bottom: -80, right: 0 },
325
- SMALL: { bottom: -75, right: 0 }
326
- },
327
- DESIGN11: {
328
- LARGE: { bottom: -35, right: 0 },
329
- MEDIUM: { bottom: -30, right: 0 },
330
- SMALL: { bottom: -25, right: 0 }
331
- },
332
- DESIGN13: {
333
- LARGE: { bottom: -85, right: 0 },
334
- MEDIUM: { bottom: -80, right: 0 },
335
- SMALL: { bottom: -75, right: 0 }
336
- },
337
- DESIGN15: {
338
- LARGE: { bottom: -25, right: 0 },
339
- MEDIUM: { bottom: -25, right: 0 },
340
- SMALL: { bottom: -20, right: 0 }
341
- }
89
+ DESIGN1: { bottom: -15 },
90
+ DESIGN3: { bottom: -15 },
91
+ DESIGN5: { bottom: -15 },
92
+ DESIGN7: { bottom: -15 },
93
+ DESIGN9: { bottom: -15 },
94
+ DESIGN11: { bottom: -15 },
95
+ DESIGN13: { bottom: -15 },
96
+ DESIGN15: { bottom: -20 }
342
97
  },
343
- //--------------------------------------------------
344
- // OUTSET 8 (left center 공통, transform 추출)
345
- //--------------------------------------------------
346
98
  OUTSET8: {
347
- DESIGN1: {
348
- LARGE: { bottom: -50 },
349
- MEDIUM: { bottom: -45 },
350
- SMALL: { bottom: -40 }
351
- },
352
- DESIGN3: {
353
- LARGE: { bottom: -50 },
354
- MEDIUM: { bottom: -45 },
355
- SMALL: { bottom: -40 }
356
- },
357
- DESIGN5: {
358
- LARGE: { bottom: -50 },
359
- MEDIUM: { bottom: -45 },
360
- SMALL: { bottom: -40 }
361
- },
362
- DESIGN7: {
363
- LARGE: { bottom: -50 },
364
- MEDIUM: { bottom: -45 },
365
- SMALL: { bottom: -40 }
366
- },
367
- DESIGN9: {
368
- LARGE: { bottom: -85 },
369
- MEDIUM: { bottom: -80 },
370
- SMALL: { bottom: -75 }
371
- },
372
- DESIGN11: {
373
- LARGE: { bottom: -35 },
374
- MEDIUM: { bottom: -30 },
375
- SMALL: { bottom: -25 }
376
- },
377
- DESIGN13: {
378
- LARGE: { bottom: -85 },
379
- MEDIUM: { bottom: -80 },
380
- SMALL: { bottom: -75 }
381
- },
382
- DESIGN15: {
383
- LARGE: { bottom: -25 },
384
- MEDIUM: { bottom: -25 },
385
- SMALL: { bottom: -20 }
386
- }
99
+ DESIGN1: { bottom: -15 },
100
+ DESIGN3: { bottom: -15 },
101
+ DESIGN5: { bottom: -15 },
102
+ DESIGN7: { bottom: -15 },
103
+ DESIGN9: { bottom: -15 },
104
+ DESIGN11: { bottom: -15 },
105
+ DESIGN13: { bottom: -15 },
106
+ DESIGN15: { bottom: -20 }
387
107
  },
388
- //--------------------------------------------------
389
- // OUTSET 9 (left 0px 공통)
390
- //--------------------------------------------------
391
108
  OUTSET9: {
392
- DESIGN1: {
393
- LARGE: { bottom: -50, left: 0 },
394
- MEDIUM: { bottom: -45, left: 0 },
395
- SMALL: { bottom: -40, left: 0 }
396
- },
397
- DESIGN3: {
398
- LARGE: { bottom: -50, left: 0 },
399
- MEDIUM: { bottom: -45, left: 0 },
400
- SMALL: { bottom: -40, left: 0 }
401
- },
402
- DESIGN5: {
403
- LARGE: { bottom: -50, left: 0 },
404
- MEDIUM: { bottom: -45, left: 0 },
405
- SMALL: { bottom: -40, left: 0 }
406
- },
407
- DESIGN7: {
408
- LARGE: { bottom: -50, left: 0 },
409
- MEDIUM: { bottom: -45, left: 0 },
410
- SMALL: { bottom: -40, left: 0 }
411
- },
412
- DESIGN9: {
413
- LARGE: { bottom: -85, left: 0 },
414
- MEDIUM: { bottom: -80, left: 0 },
415
- SMALL: { bottom: -75, left: 0 }
416
- },
417
- DESIGN11: {
418
- LARGE: { bottom: -35, left: 0 },
419
- MEDIUM: { bottom: -30, left: 0 },
420
- SMALL: { bottom: -25, left: 0 }
421
- },
422
- DESIGN13: {
423
- LARGE: { bottom: -85, left: 0 },
424
- MEDIUM: { bottom: -80, left: 0 },
425
- SMALL: { bottom: -75, left: 0 }
426
- },
427
- DESIGN15: {
428
- LARGE: { bottom: -25, left: 0 },
429
- MEDIUM: { bottom: -25, left: 0 },
430
- SMALL: { bottom: -20, left: 0 }
431
- }
109
+ DESIGN1: { bottom: -15 },
110
+ DESIGN3: { bottom: -15 },
111
+ DESIGN5: { bottom: -15 },
112
+ DESIGN7: { bottom: -15 },
113
+ DESIGN9: { bottom: -15 },
114
+ DESIGN11: { bottom: -15 },
115
+ DESIGN13: { bottom: -15 },
116
+ DESIGN15: { bottom: -20 }
432
117
  },
433
- //--------------------------------------------------
434
- // OUTSET 10 (bottom 0px 공통)
435
- //--------------------------------------------------
436
118
  OUTSET10: {
437
- DESIGN1: {
438
- LARGE: { bottom: 0, left: -65 },
439
- MEDIUM: { bottom: 0, left: -60 },
440
- SMALL: { bottom: 0, left: -60 }
441
- },
442
- DESIGN3: {
443
- LARGE: { bottom: 0, left: -65 },
444
- MEDIUM: { bottom: 0, left: -60 },
445
- SMALL: { bottom: 0, left: -60 }
446
- },
447
- DESIGN5: {
448
- LARGE: { bottom: 0, left: -115 },
449
- MEDIUM: { bottom: 0, left: -110 },
450
- SMALL: { bottom: 0, left: -95 }
451
- },
452
- DESIGN7: {
453
- LARGE: { bottom: 0, left: -115 },
454
- MEDIUM: { bottom: 0, left: -110 },
455
- SMALL: { bottom: 0, left: -95 }
456
- },
457
- DESIGN9: {
458
- LARGE: { bottom: 0, left: -45 },
459
- MEDIUM: { bottom: 0, left: -45 },
460
- SMALL: { bottom: 0, left: -45 }
461
- },
462
- DESIGN11: {
463
- LARGE: { bottom: 0, right: 20 },
464
- MEDIUM: { bottom: 0, right: 12 },
465
- SMALL: { bottom: 0, right: 12 }
466
- },
467
- DESIGN13: {
468
- LARGE: { bottom: 0, left: -40 },
469
- MEDIUM: { bottom: 0, left: -30 },
470
- SMALL: { bottom: 0, left: -25 }
471
- },
472
- DESIGN15: {
473
- LARGE: { bottom: 0, right: 20 },
474
- MEDIUM: { bottom: 0, right: 12 },
475
- SMALL: { bottom: 0, right: 12 }
476
- }
119
+ DESIGN1: { left: -15 },
120
+ DESIGN3: { left: -15 },
121
+ DESIGN5: { left: -15 },
122
+ DESIGN7: { left: -15 },
123
+ DESIGN9: { left: -15 },
124
+ DESIGN11: { right: -15 },
125
+ DESIGN13: { left: -15 },
126
+ DESIGN15: { right: -15, left: -20 }
477
127
  },
478
- //--------------------------------------------------
479
- // OUTSET 11 (top center 공통, transform 추출)
480
- //--------------------------------------------------
481
128
  OUTSET11: {
482
- DESIGN1: {
483
- LARGE: { left: -65 },
484
- MEDIUM: { left: -60 },
485
- SMALL: { left: -60 }
486
- },
487
- DESIGN3: {
488
- LARGE: { left: -65 },
489
- MEDIUM: { left: -60 },
490
- SMALL: { left: -60 }
491
- },
492
- DESIGN5: {
493
- LARGE: { left: -115 },
494
- MEDIUM: { left: -110 },
495
- SMALL: { left: -95 }
496
- },
497
- DESIGN7: {
498
- LARGE: { left: -115 },
499
- MEDIUM: { left: -110 },
500
- SMALL: { left: -95 }
501
- },
502
- DESIGN9: {
503
- LARGE: { left: -45 },
504
- MEDIUM: { left: -45 },
505
- SMALL: { left: -45 }
506
- },
507
- DESIGN11: {
508
- LARGE: { right: 20 },
509
- MEDIUM: { right: 12 },
510
- SMALL: { right: 12 }
511
- },
512
- DESIGN13: {
513
- LARGE: { left: -40 },
514
- MEDIUM: { left: -30 },
515
- SMALL: { left: -25 }
516
- },
517
- DESIGN15: {
518
- LARGE: { right: 20 },
519
- MEDIUM: { right: 12 },
520
- SMALL: { right: 12 }
521
- }
129
+ DESIGN1: { left: -15 },
130
+ DESIGN3: { left: -15 },
131
+ DESIGN5: { left: -15 },
132
+ DESIGN7: { left: -15 },
133
+ DESIGN9: { left: -15 },
134
+ DESIGN11: { right: -15 },
135
+ DESIGN13: { left: -15 },
136
+ DESIGN15: { right: -15, left: -20 }
522
137
  },
523
- //--------------------------------------------------
524
- // OUTSET 12 (top 0px 공통)
525
- //--------------------------------------------------
526
138
  OUTSET12: {
527
- DESIGN1: {
528
- LARGE: { top: 0, left: -65 },
529
- MEDIUM: { top: 0, left: -60 },
530
- SMALL: { top: 0, left: -60 }
531
- },
532
- DESIGN3: {
533
- LARGE: { top: 0, left: -65 },
534
- MEDIUM: { top: 0, left: -60 },
535
- SMALL: { top: 0, left: -60 }
536
- },
537
- DESIGN5: {
538
- LARGE: { top: 0, left: -115 },
539
- MEDIUM: { top: 0, left: -110 },
540
- SMALL: { top: 0, left: -95 }
541
- },
542
- DESIGN7: {
543
- LARGE: { top: 0, left: -115 },
544
- MEDIUM: { top: 0, left: -110 },
545
- SMALL: { top: 0, left: -95 }
546
- },
547
- DESIGN9: {
548
- LARGE: { top: 0, left: -45 },
549
- MEDIUM: { top: 0, left: -45 },
550
- SMALL: { top: 0, left: -45 }
551
- },
552
- DESIGN11: {
553
- LARGE: { top: 0, right: 20 },
554
- MEDIUM: { top: 0, left: -105 },
555
- SMALL: { top: 0, left: -85 }
556
- },
557
- DESIGN13: {
558
- LARGE: { top: 0, left: -40 },
559
- MEDIUM: { top: 0, left: -30 },
560
- SMALL: { top: 0, left: -25 }
561
- },
562
- DESIGN15: {
563
- LARGE: { top: 0, right: 20 },
564
- MEDIUM: { top: 0, left: -105 },
565
- SMALL: { top: 0, left: -85 }
566
- }
139
+ DESIGN1: { left: -15 },
140
+ DESIGN3: { left: -15 },
141
+ DESIGN5: { left: -15 },
142
+ DESIGN7: { left: -15 },
143
+ DESIGN9: { left: -15 },
144
+ DESIGN11: { right: -15 },
145
+ DESIGN13: { left: -15 },
146
+ DESIGN15: { right: -15, left: -20 }
567
147
  }
568
148
  };
569
149
  exports.POS_INSET = {
@@ -609,66 +189,18 @@ exports.POS_INSET = {
609
189
  }
610
190
  };
611
191
  exports.POS_OUTSET_NAVIGATION = {
612
- OUTSET1: {
613
- LARGE: { top: -95, left: 0 },
614
- MEDIUM: { top: -60, left: 0 },
615
- SMALL: { top: -50, left: 0 }
616
- },
617
- OUTSET2: {
618
- LARGE: { top: -95 },
619
- MEDIUM: { top: -60 },
620
- SMALL: { top: -50 }
621
- },
622
- OUTSET3: {
623
- LARGE: { top: -95, right: 0 },
624
- MEDIUM: { top: -60, right: 0 },
625
- SMALL: { top: -50, right: 0 }
626
- },
627
- OUTSET4: {
628
- LARGE: { top: 0, right: -95 },
629
- MEDIUM: { top: 0, right: -60 },
630
- SMALL: { top: 0, right: -50 }
631
- },
632
- OUTSET5: {
633
- LARGE: { right: -95 },
634
- MEDIUM: { right: -60 },
635
- SMALL: { right: -50 }
636
- },
637
- OUTSET6: {
638
- LARGE: { bottom: 0, right: -95 },
639
- MEDIUM: { bottom: 0, right: -60 },
640
- SMALL: { bottom: 0, right: -50 }
641
- },
642
- OUTSET7: {
643
- LARGE: { bottom: -95, right: 0 },
644
- MEDIUM: { bottom: -60, right: 0 },
645
- SMALL: { bottom: -50, right: 0 }
646
- },
647
- OUTSET8: {
648
- LARGE: { bottom: -95 },
649
- MEDIUM: { bottom: -60 },
650
- SMALL: { bottom: -50 }
651
- },
652
- OUTSET9: {
653
- LARGE: { bottom: -95, left: 0 },
654
- MEDIUM: { bottom: -60, left: 0 },
655
- SMALL: { bottom: -50, left: 0 }
656
- },
657
- OUTSET10: {
658
- LARGE: { bottom: 0, left: -95 },
659
- MEDIUM: { bottom: 0, left: -60 },
660
- SMALL: { bottom: 0, left: -50 }
661
- },
662
- OUTSET11: {
663
- LARGE: { left: -95 },
664
- MEDIUM: { left: -60 },
665
- SMALL: { left: -50 }
666
- },
667
- OUTSET12: {
668
- LARGE: { top: 0, left: -95 },
669
- MEDIUM: { top: 0, left: -60 },
670
- SMALL: { top: 0, left: -50 }
671
- }
192
+ OUTSET1: { top: -20 },
193
+ OUTSET2: { top: -20 },
194
+ OUTSET3: { top: -20 },
195
+ OUTSET4: { right: -20 },
196
+ OUTSET5: { right: -20 },
197
+ OUTSET6: { right: -20 },
198
+ OUTSET7: { bottom: -20 },
199
+ OUTSET8: { bottom: -20 },
200
+ OUTSET9: { bottom: -20 },
201
+ OUTSET10: { left: -20 },
202
+ OUTSET11: { left: -20 },
203
+ OUTSET12: { left: -20 }
672
204
  };
673
205
  var POS_OUTSET_GROUP = {
674
206
  OUTSET1: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.7.244",
3
+ "version": "2.7.245",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",