@xaypay/tui 0.2.26 → 0.2.28
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.
- package/CHANGELOG.md +360 -0
- package/dist/index.es.js +46 -10
- package/dist/index.js +46 -10
- package/package.json +1 -1
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,360 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
All notable changes to `@xaypay/tui` will be documented in this file.
|
|
4
|
+
|
|
5
|
+
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
|
+
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
|
+
|
|
8
|
+
## [0.2.27] - 2025-11-05
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
- **SWIPEMODAL** Update title possibility in SwipeModal component with updateTitle function, need two params title and id
|
|
12
|
+
- **FILE** ExtentionsTextDots props on FILE component
|
|
13
|
+
- **FILE** New props on FILE component: lableShowMore, labelShowLessText, labelShowMoreText, showMoreTextColor
|
|
14
|
+
- **MODAL** NoScroll props on MODAL config
|
|
15
|
+
- **SWIPEMODAL** NoScroll config props on SWIPEMODAL
|
|
16
|
+
|
|
17
|
+
### Fixed
|
|
18
|
+
- **TABLE** Drag and drop functionality when draggable is false
|
|
19
|
+
- **FILE** Extentions color
|
|
20
|
+
|
|
21
|
+
## [0.2.26] - 2025-08-21
|
|
22
|
+
|
|
23
|
+
### Added
|
|
24
|
+
- **ACCORDION** CloseHoverIcon props on accordion component
|
|
25
|
+
- **FILE** Exist color prop on extensions text
|
|
26
|
+
- **INPUT, AUTOCOMPLETE, FILE, SELECT, TEXTAREA** UseLabelTooltip props on INPUT, AUTOCOMPLETE, FILE, SELECT, TEXTAREA components
|
|
27
|
+
- **FILE** ExtentionsTextColor props on FILE component
|
|
28
|
+
- **INPUT, SELECT, TEXTAREA, AUTOCOMPLETE** Tooltip functionality on INPUT, SELECT, TEXTAREA, AUTOCOMPLETE components, like as FILE component tooltip
|
|
29
|
+
- **SELECT** Placeholder color to select component
|
|
30
|
+
|
|
31
|
+
### Removed
|
|
32
|
+
- **INPUT** LabelDots props from INPUT component
|
|
33
|
+
|
|
34
|
+
## [0.2.25] - 2025-07-22
|
|
35
|
+
|
|
36
|
+
### Changed
|
|
37
|
+
- **SWIPEMODAL** Update SwipeModal old version
|
|
38
|
+
|
|
39
|
+
### Added
|
|
40
|
+
- **SELECT** ErrorIcon and showErrorIcon props on Select component
|
|
41
|
+
- **FILE** SVG icon on File component
|
|
42
|
+
- **TABLE** ClickableRowColumnTd prop on Table component
|
|
43
|
+
- **MODAL** CloseIconFix, closeIconTopPosition, closeIconRightPosition props
|
|
44
|
+
- **MODAL** Correction: close Icon on Modal
|
|
45
|
+
|
|
46
|
+
## [0.2.24] - 2025-07-03
|
|
47
|
+
|
|
48
|
+
### Fixed
|
|
49
|
+
- **FILE** File component fake clear files
|
|
50
|
+
- **FILE** File tooltip
|
|
51
|
+
|
|
52
|
+
### Removed
|
|
53
|
+
- Console logs
|
|
54
|
+
|
|
55
|
+
## [0.2.23] - 2025-06-27
|
|
56
|
+
|
|
57
|
+
### Added
|
|
58
|
+
- **FILE** Tooltip on label in FILE component
|
|
59
|
+
- **FILE** Error icon on FILE component
|
|
60
|
+
- **FILE** Possibility to set text align to left on FILE component
|
|
61
|
+
- **INPUT** Placeholder color on INPUT component
|
|
62
|
+
- **TABLE** Hover possibility on TABLE component actions, add contentHover prop in data structure
|
|
63
|
+
|
|
64
|
+
## [0.2.22] - 2025-06-23
|
|
65
|
+
|
|
66
|
+
### Changed
|
|
67
|
+
- **TABLE** Table border set style
|
|
68
|
+
|
|
69
|
+
### Added
|
|
70
|
+
- **TABLE** TableBorderColor prop
|
|
71
|
+
- **TABLE** Open close arrow icons on table component
|
|
72
|
+
- **TABLE** New functionality on table, to collapse full row
|
|
73
|
+
- **TABLE** CollapseFullRow and tableBorder props
|
|
74
|
+
- **TABLE** Implement collapse all table in collapseFullRow mode
|
|
75
|
+
|
|
76
|
+
### Fixed
|
|
77
|
+
- **INPUT** Input with cardNumber copy and paste long numbers
|
|
78
|
+
- **INPUT** Input with cardNumber prop bug (type after num length 16)
|
|
79
|
+
- **INPUT** InputMode attribute on input number for open numeric mode keyboard browser detect mobile device
|
|
80
|
+
- **FILE** ShowPreviewIconInSmallComponent prop on file component for show icon if needed
|
|
81
|
+
|
|
82
|
+
## [0.2.21] - 2025-06-05
|
|
83
|
+
|
|
84
|
+
### Added
|
|
85
|
+
- **INPUT** ClassName to input type tel, for number code
|
|
86
|
+
|
|
87
|
+
## [0.2.20] - 2025-05-16
|
|
88
|
+
|
|
89
|
+
### Added
|
|
90
|
+
- **MODAL** CloseIconClass prop and className in MODAL.icon
|
|
91
|
+
- **MODAL** Set header icon on modal component
|
|
92
|
+
|
|
93
|
+
## [0.2.19] - 2025-04-08
|
|
94
|
+
|
|
95
|
+
### Fixed
|
|
96
|
+
- **MODAL** Header close icon position
|
|
97
|
+
- **FILE** Show single file name
|
|
98
|
+
|
|
99
|
+
## [0.2.18] - 2025-03-31
|
|
100
|
+
|
|
101
|
+
### Fixed
|
|
102
|
+
- **FILE** File choose rollback
|
|
103
|
+
|
|
104
|
+
### Added
|
|
105
|
+
- **MODAL** No data on body message
|
|
106
|
+
- Hide unnecessary border
|
|
107
|
+
- **FILE** Doc and docx file upload possibility on File component
|
|
108
|
+
|
|
109
|
+
## [0.2.17] - 2025-02-27
|
|
110
|
+
|
|
111
|
+
### Added
|
|
112
|
+
- **MODAL** Possibility to add icon on modal component in header
|
|
113
|
+
- **MODAL** Add props
|
|
114
|
+
|
|
115
|
+
## [0.2.16] - 2025-02-18
|
|
116
|
+
|
|
117
|
+
### Changed
|
|
118
|
+
- **SWIPEMODAL** Swipe modal usage
|
|
119
|
+
|
|
120
|
+
### Added
|
|
121
|
+
- **TEXTAREA** Remove required field from Textarea onChange
|
|
122
|
+
- **TEXTAREA** Add name on Textarea
|
|
123
|
+
- **SWIPEMODAL** Check react root element for swipe modal
|
|
124
|
+
- **SWIPEMODAL** Check width with percentage
|
|
125
|
+
|
|
126
|
+
### Fixed
|
|
127
|
+
- **INPUT** ErrorMessage input type number with cardNumber prop
|
|
128
|
+
|
|
129
|
+
## [0.2.15] - 2025-01-17
|
|
130
|
+
|
|
131
|
+
### Fixed
|
|
132
|
+
- **TABLE** Table draggable rerender
|
|
133
|
+
|
|
134
|
+
### Added
|
|
135
|
+
- **SELECT** Prop on select for rotate arrow
|
|
136
|
+
- **INPUT** SSN to input type text
|
|
137
|
+
|
|
138
|
+
## [0.2.14] - 2025-01-04
|
|
139
|
+
|
|
140
|
+
### Changed
|
|
141
|
+
- **INPUT** Input number cardnumber
|
|
142
|
+
- **INPUT** Input number
|
|
143
|
+
- **INPUT** Input error border color logic
|
|
144
|
+
- **SELECT** Inline style position in select component
|
|
145
|
+
- **ACCORDION** Accordion prop
|
|
146
|
+
- **RADIO** Radio component
|
|
147
|
+
- **FILE** File component sendBack file functionality
|
|
148
|
+
- **INPUT** Input maxLength logic, also get from config
|
|
149
|
+
- **INPUT** Input max and min numSize logic
|
|
150
|
+
- **TABLE** Margins in table for legal project
|
|
151
|
+
- **TOASTER** Deprecated findDOMNode to ref
|
|
152
|
+
|
|
153
|
+
### Added
|
|
154
|
+
- **ACCORDION** OpenHoverIcon on accordion component
|
|
155
|
+
- **SELECT** Lang prop on select
|
|
156
|
+
- **SELECT** Set select icon width
|
|
157
|
+
- **INPUT** Add styles on goTo input
|
|
158
|
+
- **INPUT** CardNumber on input component
|
|
159
|
+
- **RADIO** Label hover color on radio component
|
|
160
|
+
- **ACCORDION** Create accordion component
|
|
161
|
+
- **PAGINATION** Fix pagination and add offset select
|
|
162
|
+
- **PAGINATION** Add select into pagination
|
|
163
|
+
- **MODAL** ShowCloseIcon and headerTextAlign props into modal component
|
|
164
|
+
- **INPUT** IconPadding prop on input component
|
|
165
|
+
- **TABLE** Refactor table for draggable td
|
|
166
|
+
- **TEXTAREA, SWIPEMODAL** Refactor textarea and swipemodal
|
|
167
|
+
- **SWIPEMODAL** Add showCloseIcon on swipe modal
|
|
168
|
+
- **INPUT** Add icons for input label and error
|
|
169
|
+
- **TOOLTIP** New positions on tooltip component
|
|
170
|
+
- **TOOLTIP** Add functionality to open tooltip with hover
|
|
171
|
+
- **SWIPEMODAL** Create swipe modal component
|
|
172
|
+
- **SWIPEMODAL** SwipeModal: over functionality
|
|
173
|
+
- **BUTTON** New requirements on BUTTON component, can choose left/right icon side, without styling prop for hide border and background color
|
|
174
|
+
- **TOASTER** Customization functionality on Toaster component, add opportunity to add custom icons
|
|
175
|
+
- **TABLE** Dnd on table component
|
|
176
|
+
- **INPUT** LabelDots prop into config
|
|
177
|
+
- **INPUT** Props on input type number (labelDots, withZero, numberMaxLength)
|
|
178
|
+
- **INPUT** Type tel functionality
|
|
179
|
+
- **INPUT** Functionality on input type number to remove unnecessary 0
|
|
180
|
+
- **MODAL** Change slides in modal with arrows keys
|
|
181
|
+
- **SELECT** Select: solve open options
|
|
182
|
+
- **MODAL** Default loader in modal component
|
|
183
|
+
- **INPUT** Resolve input type number float with dot and comma
|
|
184
|
+
|
|
185
|
+
### Fixed
|
|
186
|
+
- **MODAL** Modal outsideClose logic
|
|
187
|
+
- **ACCORDION** Accordion opened color
|
|
188
|
+
- **INPUT** Input type number with cardNumber prop
|
|
189
|
+
- **MODAL** Modal close icon size
|
|
190
|
+
- **INPUT** Input inner error
|
|
191
|
+
- **FILE** File component logic in single mode
|
|
192
|
+
- **FILE, TABLE** Heic format, table drag drop
|
|
193
|
+
- **FILE** Check heic file format on windows os
|
|
194
|
+
- **TOASTER** Toaster center in mobile
|
|
195
|
+
- **TOASTER** Toaster exist before render
|
|
196
|
+
|
|
197
|
+
## [0.2.13] - 2024-06-28
|
|
198
|
+
|
|
199
|
+
### Changed
|
|
200
|
+
- **ALL** Import export configs for all components
|
|
201
|
+
- **ALL** Remove all defaultProps from all components, set in params (version less v0.2.2)
|
|
202
|
+
- **CORE** Utils from project to core
|
|
203
|
+
|
|
204
|
+
## [0.2.12] - 2024-06-25
|
|
205
|
+
|
|
206
|
+
### Changed
|
|
207
|
+
- **ALL** Import export configs for all components
|
|
208
|
+
- **ALL** Remove all defaultProps from all components, set in params (version less v0.2.2)
|
|
209
|
+
|
|
210
|
+
## [0.2.11] - 2024-06-12
|
|
211
|
+
|
|
212
|
+
### Changed
|
|
213
|
+
- **BUILD** Pin node version in volta
|
|
214
|
+
|
|
215
|
+
## [0.2.10] - 2024-05-20
|
|
216
|
+
|
|
217
|
+
### Changed
|
|
218
|
+
- **BUILD** Merge branch 'new-node-version'
|
|
219
|
+
|
|
220
|
+
## [0.2.9] - 2024-05-16
|
|
221
|
+
|
|
222
|
+
### Changed
|
|
223
|
+
- **BUILD** Test version of build-lib
|
|
224
|
+
|
|
225
|
+
## [0.2.8] - 2024-05-13
|
|
226
|
+
|
|
227
|
+
### Changed
|
|
228
|
+
- **BUILD** Package json version update
|
|
229
|
+
- **BUILD** Temp commit with node new version
|
|
230
|
+
|
|
231
|
+
## [0.2.7] - 2024-03-04
|
|
232
|
+
|
|
233
|
+
### Changed
|
|
234
|
+
- **DOCS** Changelog for 0.1.6 version
|
|
235
|
+
|
|
236
|
+
## [0.2.6] - 2024-01-16
|
|
237
|
+
|
|
238
|
+
### Changed
|
|
239
|
+
- **DOCS** Change changelog for new version
|
|
240
|
+
|
|
241
|
+
## [0.2.5] - 2024-01-15
|
|
242
|
+
|
|
243
|
+
### Changed
|
|
244
|
+
- **DOCS** Changelog: Add new version
|
|
245
|
+
|
|
246
|
+
## [0.2.4] - 2023-02-26
|
|
247
|
+
|
|
248
|
+
### Changed
|
|
249
|
+
- **BUILD** Merge with master, check version in package json, resolve conflicts
|
|
250
|
+
|
|
251
|
+
### Fixed
|
|
252
|
+
- **INPUT** Resolve value type, add Proptypes.number, check it to transform to string
|
|
253
|
+
|
|
254
|
+
## [0.2.3] - 2023-02-11
|
|
255
|
+
|
|
256
|
+
### Changed
|
|
257
|
+
- **BUILD** Change webpack version from 4 to 5 for build storybook
|
|
258
|
+
|
|
259
|
+
### Fixed
|
|
260
|
+
- **CHECKBOX** Resolve config imports in singlecheckbox
|
|
261
|
+
|
|
262
|
+
## [0.2.2] - 2023-02-11
|
|
263
|
+
|
|
264
|
+
### Changed
|
|
265
|
+
- **ALL** Import export configs for all components
|
|
266
|
+
- **ALL** Remove all defaultProps from all components, set in params
|
|
267
|
+
|
|
268
|
+
## [0.2.1] - Previous
|
|
269
|
+
|
|
270
|
+
### Added
|
|
271
|
+
- **ALL** Initial features and components
|
|
272
|
+
|
|
273
|
+
## [0.2.0] - Previous
|
|
274
|
+
|
|
275
|
+
### Added
|
|
276
|
+
- **TUI** Major release with component library structure
|
|
277
|
+
- **TUI** Refactor configuration new styles
|
|
278
|
+
- **TUI** Code optimization
|
|
279
|
+
- **TUI** Hotfix
|
|
280
|
+
|
|
281
|
+
## [0.1.10] - Previous
|
|
282
|
+
|
|
283
|
+
### Added
|
|
284
|
+
- Previous version features
|
|
285
|
+
|
|
286
|
+
## [0.1.9] - Previous
|
|
287
|
+
|
|
288
|
+
### Added
|
|
289
|
+
- Previous version features
|
|
290
|
+
|
|
291
|
+
## [0.1.8] - Previous
|
|
292
|
+
|
|
293
|
+
### Added
|
|
294
|
+
- **FILE** Add functionality for reset error message in single mode (using ref from project)
|
|
295
|
+
|
|
296
|
+
### Fixed
|
|
297
|
+
- **MODAL** Fix Modal body alignment
|
|
298
|
+
|
|
299
|
+
## [0.1.7] - Previous
|
|
300
|
+
|
|
301
|
+
### Fixed
|
|
302
|
+
- **BUILD** Fix build problem
|
|
303
|
+
|
|
304
|
+
## [0.1.6] - Previous
|
|
305
|
+
|
|
306
|
+
### Fixed
|
|
307
|
+
- **TEXTAREA** Fix Textarea typing problem
|
|
308
|
+
|
|
309
|
+
## [0.1.5] - Previous
|
|
310
|
+
|
|
311
|
+
### Added
|
|
312
|
+
- **INPUT** Split as components through propTypes
|
|
313
|
+
- **MODAL** Add prop for head background color with type content
|
|
314
|
+
|
|
315
|
+
### Changed
|
|
316
|
+
- **AUTOCOMPLETE** Change typing logic for change prop function
|
|
317
|
+
- **TEXTAREA** Change error message show logic
|
|
318
|
+
|
|
319
|
+
## [0.1.4] - Previous
|
|
320
|
+
|
|
321
|
+
### Fixed
|
|
322
|
+
- **INPUT** Fix error animation, maxLength prop
|
|
323
|
+
- **INPUT** Fix key. Random to uuid
|
|
324
|
+
|
|
325
|
+
### Changed
|
|
326
|
+
- **INPUT** Deprecated props and configs of animation, transform and animationDuration
|
|
327
|
+
|
|
328
|
+
## [0.1.3] - Previous
|
|
329
|
+
|
|
330
|
+
### Changed
|
|
331
|
+
- **INPUT** Optimization code and structure
|
|
332
|
+
|
|
333
|
+
## [0.1.2] - Previous
|
|
334
|
+
|
|
335
|
+
### Added
|
|
336
|
+
- **TABLE** Add possibility on table to set content list item as array
|
|
337
|
+
|
|
338
|
+
### Changed
|
|
339
|
+
- **INPUT** Change type tel show message when typing
|
|
340
|
+
|
|
341
|
+
## [0.1.1] - Previous
|
|
342
|
+
|
|
343
|
+
### Changed
|
|
344
|
+
- **INPUT** Change telErrorMessage to errorMessage
|
|
345
|
+
|
|
346
|
+
### Fixed
|
|
347
|
+
- **TEXTAREA** Fix textarea errorMessage
|
|
348
|
+
- **MODAL** Fix max height and width
|
|
349
|
+
|
|
350
|
+
## [0.1.0] - Previous
|
|
351
|
+
|
|
352
|
+
### Added
|
|
353
|
+
- **TUI** Refactor configuration new styles
|
|
354
|
+
- **TUI** Code optimization
|
|
355
|
+
- **TUI** Hotfix
|
|
356
|
+
|
|
357
|
+
---
|
|
358
|
+
|
|
359
|
+
_Note: Versions 0.0.119 through 0.0.123 contain additional component changes. Please refer to git history for those versions._
|
|
360
|
+
|
package/dist/index.es.js
CHANGED
|
@@ -2400,6 +2400,7 @@ const File = /*#__PURE__*/forwardRef(({
|
|
|
2400
2400
|
console.error(error);
|
|
2401
2401
|
});
|
|
2402
2402
|
return () => {
|
|
2403
|
+
setCheckTextLength(() => false);
|
|
2403
2404
|
if (tooltipElem) {
|
|
2404
2405
|
document.body.removeChild(tooltipElem);
|
|
2405
2406
|
}
|
|
@@ -2535,11 +2536,11 @@ const File = /*#__PURE__*/forwardRef(({
|
|
|
2535
2536
|
overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
|
|
2536
2537
|
textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
|
|
2537
2538
|
}
|
|
2538
|
-
}, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532", /*#__PURE__*/React__default.createElement("span", {
|
|
2539
|
+
}, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default.createElement("span", {
|
|
2539
2540
|
style: {
|
|
2540
2541
|
color: extentionsTextColor ?? configStyles.FILE.extentionsTextColor
|
|
2541
2542
|
}
|
|
2542
|
-
}, "(",
|
|
2543
|
+
}, "(", fileExtensions.toString().split(',').join(', '), ")"))))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
2543
2544
|
className: styles$b['small-file-component'],
|
|
2544
2545
|
style: {
|
|
2545
2546
|
width: '100%',
|
|
@@ -2584,11 +2585,20 @@ const File = /*#__PURE__*/forwardRef(({
|
|
|
2584
2585
|
overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
|
|
2585
2586
|
textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
|
|
2586
2587
|
}
|
|
2587
|
-
}, singleFile && singleFile[`${0}`] ?
|
|
2588
|
+
}, singleFile && singleFile[`${0}`] ? /*#__PURE__*/React__default.createElement("span", {
|
|
2589
|
+
style: {
|
|
2590
|
+
display: 'inline-block',
|
|
2591
|
+
width: `calc(${maxWidth ?? configStyles.FILE.maxWidth} - 140px)`,
|
|
2592
|
+
whiteSpace: 'nowrap',
|
|
2593
|
+
overflow: 'hidden',
|
|
2594
|
+
textOverflow: 'ellipsis',
|
|
2595
|
+
textAlign: 'right'
|
|
2596
|
+
}
|
|
2597
|
+
}, singleFile[`${0}`].name) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default.createElement("span", {
|
|
2588
2598
|
style: {
|
|
2589
2599
|
color: extentionsTextColor ?? configStyles.FILE.extentionsTextColor
|
|
2590
2600
|
}
|
|
2591
|
-
}, "(",
|
|
2601
|
+
}, "(", fileExtensions.toString().split(',').join(', '), ")")))))), /*#__PURE__*/React__default.createElement("div", {
|
|
2592
2602
|
style: {
|
|
2593
2603
|
position: 'absolute',
|
|
2594
2604
|
top: '0px',
|
|
@@ -4706,6 +4716,9 @@ const Modal = ({
|
|
|
4706
4716
|
const handleMouseLeave = () => {
|
|
4707
4717
|
setIsHover(false);
|
|
4708
4718
|
};
|
|
4719
|
+
function ResetTouchRemove(e) {
|
|
4720
|
+
e.preventDefault();
|
|
4721
|
+
}
|
|
4709
4722
|
useEffect(() => {
|
|
4710
4723
|
if (type === 'images') {
|
|
4711
4724
|
if (data) {
|
|
@@ -4744,11 +4757,14 @@ const Modal = ({
|
|
|
4744
4757
|
newConfigStyles = {
|
|
4745
4758
|
...data
|
|
4746
4759
|
};
|
|
4747
|
-
if (hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
|
|
4760
|
+
if (newConfigStyles.MODAL && hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
|
|
4748
4761
|
style.textContent = `.tui-no-srcoll-class{overflow:hidden!important;}`;
|
|
4749
4762
|
document.head.appendChild(style);
|
|
4750
4763
|
document.body.classList.add('tui-no-srcoll-class');
|
|
4751
4764
|
document.documentElement.classList.add('tui-no-srcoll-class');
|
|
4765
|
+
document.documentElement.addEventListener('touchmove', ResetTouchRemove, {
|
|
4766
|
+
passive: false
|
|
4767
|
+
});
|
|
4752
4768
|
}
|
|
4753
4769
|
setClassProps(() => classnames(className ?? data.MODAL.className));
|
|
4754
4770
|
setConfigStyles(() => {
|
|
@@ -4762,12 +4778,13 @@ const Modal = ({
|
|
|
4762
4778
|
return () => {
|
|
4763
4779
|
setSelect(0);
|
|
4764
4780
|
setInnerData([]);
|
|
4765
|
-
if (hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
|
|
4781
|
+
if (newConfigStyles.MODAL && hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
|
|
4766
4782
|
const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
|
|
4767
4783
|
if (noScrllable) {
|
|
4768
4784
|
style.remove();
|
|
4769
4785
|
document.body.classList.remove('tui-no-srcoll-class');
|
|
4770
4786
|
document.documentElement.classList.remove('tui-no-srcoll-class');
|
|
4787
|
+
document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
|
|
4771
4788
|
}
|
|
4772
4789
|
}
|
|
4773
4790
|
document.removeEventListener('keydown', e => {
|
|
@@ -8462,7 +8479,7 @@ const Swipe = ({
|
|
|
8462
8479
|
}, child));
|
|
8463
8480
|
};
|
|
8464
8481
|
|
|
8465
|
-
var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
|
|
8482
|
+
var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important;overscroll-behavior:none!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
|
|
8466
8483
|
var styles$2 = {"tui-no-srcoll-class":"swipe-module_tui-no-srcoll-class__YS9cI","to-top":"swipe-module_to-top__lrHfG","to-left":"swipe-module_to-left__kgLsE","to-right":"swipe-module_to-right__Xu3Ul","to-bottom":"swipe-module_to-bottom__94M7H","visible":"swipe-module_visible__---aC","swipe-block":"swipe-module_swipe-block__Yv1B3","move-top":"swipe-module_move-top__m6t2O","slideTop":"swipe-module_slideTop__-Bbap","move-left":"swipe-module_move-left__4TDLs","slideLeft":"swipe-module_slideLeft__i24cS","move-right":"swipe-module_move-right__FrYo0","slideRight":"swipe-module_slideRight__swgSY","move-bottom":"swipe-module_move-bottom__eYDx6","slideBottom":"swipe-module_slideBottom__TBoZo","back-top":"swipe-module_back-top__gJZv0","backTop":"swipe-module_backTop__32loc","back-left":"swipe-module_back-left__Wd3aY","backLeft":"swipe-module_backLeft__q89ub","back-right":"swipe-module_back-right__Lgwz7","backRight":"swipe-module_backRight__8t5Dm","back-bottom":"swipe-module_back-bottom__JRN-7","backBottom":"swipe-module_backBottom__lwR8B"};
|
|
8467
8484
|
styleInject(css_248z$2);
|
|
8468
8485
|
|
|
@@ -8566,6 +8583,9 @@ const handleNavigationChange = () => {
|
|
|
8566
8583
|
};
|
|
8567
8584
|
})(window.history);
|
|
8568
8585
|
const style = document.createElement('style');
|
|
8586
|
+
function ResetTouchRemove(e) {
|
|
8587
|
+
e.preventDefault();
|
|
8588
|
+
}
|
|
8569
8589
|
const swipe = {
|
|
8570
8590
|
open: (title = '', id, child, props) => {
|
|
8571
8591
|
let newConfigStyles = {};
|
|
@@ -8578,11 +8598,14 @@ const swipe = {
|
|
|
8578
8598
|
return;
|
|
8579
8599
|
}
|
|
8580
8600
|
if (swipeCount === 0) {
|
|
8581
|
-
if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8601
|
+
if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8582
8602
|
style.textContent = `.tui-no-srcoll-class{overflow:hidden!important;}`;
|
|
8583
8603
|
document.head.appendChild(style);
|
|
8584
8604
|
document.body.classList.add('tui-no-srcoll-class');
|
|
8585
8605
|
document.documentElement.classList.add('tui-no-srcoll-class');
|
|
8606
|
+
document.documentElement.addEventListener('touchmove', ResetTouchRemove, {
|
|
8607
|
+
passive: false
|
|
8608
|
+
});
|
|
8586
8609
|
}
|
|
8587
8610
|
window.addEventListener('popstate', handleNavigationChange);
|
|
8588
8611
|
window.addEventListener('navigationchange', handleNavigationChange);
|
|
@@ -8622,12 +8645,13 @@ const swipe = {
|
|
|
8622
8645
|
window.removeEventListener('popstate', handleNavigationChange);
|
|
8623
8646
|
window.removeEventListener('navigationchange', handleNavigationChange);
|
|
8624
8647
|
document.body.removeChild(swipable);
|
|
8625
|
-
if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8648
|
+
if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8626
8649
|
const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
|
|
8627
8650
|
if (noScrllable) {
|
|
8628
8651
|
style.remove();
|
|
8629
8652
|
document.body.classList.remove('tui-no-srcoll-class');
|
|
8630
8653
|
document.documentElement.classList.remove('tui-no-srcoll-class');
|
|
8654
|
+
document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
|
|
8631
8655
|
}
|
|
8632
8656
|
}
|
|
8633
8657
|
}
|
|
@@ -8638,17 +8662,29 @@ const swipe = {
|
|
|
8638
8662
|
window.removeEventListener('popstate', handleNavigationChange);
|
|
8639
8663
|
window.removeEventListener('navigationchange', handleNavigationChange);
|
|
8640
8664
|
document.body.removeChild(swipable);
|
|
8641
|
-
if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8665
|
+
if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8642
8666
|
const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
|
|
8643
8667
|
if (noScrllable) {
|
|
8644
8668
|
style.remove();
|
|
8645
8669
|
document.body.classList.remove('tui-no-srcoll-class');
|
|
8646
8670
|
document.documentElement.classList.remove('tui-no-srcoll-class');
|
|
8671
|
+
document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
|
|
8647
8672
|
}
|
|
8648
8673
|
}
|
|
8649
8674
|
}
|
|
8650
8675
|
}
|
|
8651
8676
|
}
|
|
8677
|
+
},
|
|
8678
|
+
updateTitle: (title, id) => {
|
|
8679
|
+
const elem = document.getElementById(id);
|
|
8680
|
+
const titleElem = elem.querySelector('h1');
|
|
8681
|
+
if (elem) {
|
|
8682
|
+
if (titleElem) {
|
|
8683
|
+
if (title) {
|
|
8684
|
+
titleElem.innerText = title;
|
|
8685
|
+
}
|
|
8686
|
+
}
|
|
8687
|
+
}
|
|
8652
8688
|
}
|
|
8653
8689
|
};
|
|
8654
8690
|
const SwipeModal = () => {
|
package/dist/index.js
CHANGED
|
@@ -2431,6 +2431,7 @@ const File = /*#__PURE__*/React.forwardRef(({
|
|
|
2431
2431
|
console.error(error);
|
|
2432
2432
|
});
|
|
2433
2433
|
return () => {
|
|
2434
|
+
setCheckTextLength(() => false);
|
|
2434
2435
|
if (tooltipElem) {
|
|
2435
2436
|
document.body.removeChild(tooltipElem);
|
|
2436
2437
|
}
|
|
@@ -2566,11 +2567,11 @@ const File = /*#__PURE__*/React.forwardRef(({
|
|
|
2566
2567
|
overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
|
|
2567
2568
|
textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
|
|
2568
2569
|
}
|
|
2569
|
-
}, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532", /*#__PURE__*/React__default["default"].createElement("span", {
|
|
2570
|
+
}, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
|
|
2570
2571
|
style: {
|
|
2571
2572
|
color: extentionsTextColor ?? configStyles.FILE.extentionsTextColor
|
|
2572
2573
|
}
|
|
2573
|
-
}, "(",
|
|
2574
|
+
}, "(", fileExtensions.toString().split(',').join(', '), ")"))))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2574
2575
|
className: styles$b['small-file-component'],
|
|
2575
2576
|
style: {
|
|
2576
2577
|
width: '100%',
|
|
@@ -2615,11 +2616,20 @@ const File = /*#__PURE__*/React.forwardRef(({
|
|
|
2615
2616
|
overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
|
|
2616
2617
|
textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
|
|
2617
2618
|
}
|
|
2618
|
-
}, singleFile && singleFile[`${0}`] ?
|
|
2619
|
+
}, singleFile && singleFile[`${0}`] ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
2620
|
+
style: {
|
|
2621
|
+
display: 'inline-block',
|
|
2622
|
+
width: `calc(${maxWidth ?? configStyles.FILE.maxWidth} - 140px)`,
|
|
2623
|
+
whiteSpace: 'nowrap',
|
|
2624
|
+
overflow: 'hidden',
|
|
2625
|
+
textOverflow: 'ellipsis',
|
|
2626
|
+
textAlign: 'right'
|
|
2627
|
+
}
|
|
2628
|
+
}, singleFile[`${0}`].name) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
|
|
2619
2629
|
style: {
|
|
2620
2630
|
color: extentionsTextColor ?? configStyles.FILE.extentionsTextColor
|
|
2621
2631
|
}
|
|
2622
|
-
}, "(",
|
|
2632
|
+
}, "(", fileExtensions.toString().split(',').join(', '), ")")))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2623
2633
|
style: {
|
|
2624
2634
|
position: 'absolute',
|
|
2625
2635
|
top: '0px',
|
|
@@ -4737,6 +4747,9 @@ const Modal = ({
|
|
|
4737
4747
|
const handleMouseLeave = () => {
|
|
4738
4748
|
setIsHover(false);
|
|
4739
4749
|
};
|
|
4750
|
+
function ResetTouchRemove(e) {
|
|
4751
|
+
e.preventDefault();
|
|
4752
|
+
}
|
|
4740
4753
|
React.useEffect(() => {
|
|
4741
4754
|
if (type === 'images') {
|
|
4742
4755
|
if (data) {
|
|
@@ -4775,11 +4788,14 @@ const Modal = ({
|
|
|
4775
4788
|
newConfigStyles = {
|
|
4776
4789
|
...data
|
|
4777
4790
|
};
|
|
4778
|
-
if (hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
|
|
4791
|
+
if (newConfigStyles.MODAL && hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
|
|
4779
4792
|
style.textContent = `.tui-no-srcoll-class{overflow:hidden!important;}`;
|
|
4780
4793
|
document.head.appendChild(style);
|
|
4781
4794
|
document.body.classList.add('tui-no-srcoll-class');
|
|
4782
4795
|
document.documentElement.classList.add('tui-no-srcoll-class');
|
|
4796
|
+
document.documentElement.addEventListener('touchmove', ResetTouchRemove, {
|
|
4797
|
+
passive: false
|
|
4798
|
+
});
|
|
4783
4799
|
}
|
|
4784
4800
|
setClassProps(() => classnames__default["default"](className ?? data.MODAL.className));
|
|
4785
4801
|
setConfigStyles(() => {
|
|
@@ -4793,12 +4809,13 @@ const Modal = ({
|
|
|
4793
4809
|
return () => {
|
|
4794
4810
|
setSelect(0);
|
|
4795
4811
|
setInnerData([]);
|
|
4796
|
-
if (hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
|
|
4812
|
+
if (newConfigStyles.MODAL && hasOwnerProperty(newConfigStyles.MODAL, 'noScroll') && newConfigStyles.MODAL.noScroll) {
|
|
4797
4813
|
const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
|
|
4798
4814
|
if (noScrllable) {
|
|
4799
4815
|
style.remove();
|
|
4800
4816
|
document.body.classList.remove('tui-no-srcoll-class');
|
|
4801
4817
|
document.documentElement.classList.remove('tui-no-srcoll-class');
|
|
4818
|
+
document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
|
|
4802
4819
|
}
|
|
4803
4820
|
}
|
|
4804
4821
|
document.removeEventListener('keydown', e => {
|
|
@@ -8493,7 +8510,7 @@ const Swipe = ({
|
|
|
8493
8510
|
}, child));
|
|
8494
8511
|
};
|
|
8495
8512
|
|
|
8496
|
-
var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
|
|
8513
|
+
var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important;overscroll-behavior:none!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
|
|
8497
8514
|
var styles$2 = {"tui-no-srcoll-class":"swipe-module_tui-no-srcoll-class__YS9cI","to-top":"swipe-module_to-top__lrHfG","to-left":"swipe-module_to-left__kgLsE","to-right":"swipe-module_to-right__Xu3Ul","to-bottom":"swipe-module_to-bottom__94M7H","visible":"swipe-module_visible__---aC","swipe-block":"swipe-module_swipe-block__Yv1B3","move-top":"swipe-module_move-top__m6t2O","slideTop":"swipe-module_slideTop__-Bbap","move-left":"swipe-module_move-left__4TDLs","slideLeft":"swipe-module_slideLeft__i24cS","move-right":"swipe-module_move-right__FrYo0","slideRight":"swipe-module_slideRight__swgSY","move-bottom":"swipe-module_move-bottom__eYDx6","slideBottom":"swipe-module_slideBottom__TBoZo","back-top":"swipe-module_back-top__gJZv0","backTop":"swipe-module_backTop__32loc","back-left":"swipe-module_back-left__Wd3aY","backLeft":"swipe-module_backLeft__q89ub","back-right":"swipe-module_back-right__Lgwz7","backRight":"swipe-module_backRight__8t5Dm","back-bottom":"swipe-module_back-bottom__JRN-7","backBottom":"swipe-module_backBottom__lwR8B"};
|
|
8498
8515
|
styleInject(css_248z$2);
|
|
8499
8516
|
|
|
@@ -8597,6 +8614,9 @@ const handleNavigationChange = () => {
|
|
|
8597
8614
|
};
|
|
8598
8615
|
})(window.history);
|
|
8599
8616
|
const style = document.createElement('style');
|
|
8617
|
+
function ResetTouchRemove(e) {
|
|
8618
|
+
e.preventDefault();
|
|
8619
|
+
}
|
|
8600
8620
|
const swipe = {
|
|
8601
8621
|
open: (title = '', id, child, props) => {
|
|
8602
8622
|
let newConfigStyles = {};
|
|
@@ -8609,11 +8629,14 @@ const swipe = {
|
|
|
8609
8629
|
return;
|
|
8610
8630
|
}
|
|
8611
8631
|
if (swipeCount === 0) {
|
|
8612
|
-
if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8632
|
+
if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8613
8633
|
style.textContent = `.tui-no-srcoll-class{overflow:hidden!important;}`;
|
|
8614
8634
|
document.head.appendChild(style);
|
|
8615
8635
|
document.body.classList.add('tui-no-srcoll-class');
|
|
8616
8636
|
document.documentElement.classList.add('tui-no-srcoll-class');
|
|
8637
|
+
document.documentElement.addEventListener('touchmove', ResetTouchRemove, {
|
|
8638
|
+
passive: false
|
|
8639
|
+
});
|
|
8617
8640
|
}
|
|
8618
8641
|
window.addEventListener('popstate', handleNavigationChange);
|
|
8619
8642
|
window.addEventListener('navigationchange', handleNavigationChange);
|
|
@@ -8653,12 +8676,13 @@ const swipe = {
|
|
|
8653
8676
|
window.removeEventListener('popstate', handleNavigationChange);
|
|
8654
8677
|
window.removeEventListener('navigationchange', handleNavigationChange);
|
|
8655
8678
|
document.body.removeChild(swipable);
|
|
8656
|
-
if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8679
|
+
if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8657
8680
|
const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
|
|
8658
8681
|
if (noScrllable) {
|
|
8659
8682
|
style.remove();
|
|
8660
8683
|
document.body.classList.remove('tui-no-srcoll-class');
|
|
8661
8684
|
document.documentElement.classList.remove('tui-no-srcoll-class');
|
|
8685
|
+
document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
|
|
8662
8686
|
}
|
|
8663
8687
|
}
|
|
8664
8688
|
}
|
|
@@ -8669,17 +8693,29 @@ const swipe = {
|
|
|
8669
8693
|
window.removeEventListener('popstate', handleNavigationChange);
|
|
8670
8694
|
window.removeEventListener('navigationchange', handleNavigationChange);
|
|
8671
8695
|
document.body.removeChild(swipable);
|
|
8672
|
-
if (hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8696
|
+
if (newConfigStyles.SWIPEMODAL && hasOwnerProperty(newConfigStyles.SWIPEMODAL, 'noScroll') && newConfigStyles.SWIPEMODAL.noScroll) {
|
|
8673
8697
|
const noScrllable = document.getElementsByClassName('tui-no-srcoll-class');
|
|
8674
8698
|
if (noScrllable) {
|
|
8675
8699
|
style.remove();
|
|
8676
8700
|
document.body.classList.remove('tui-no-srcoll-class');
|
|
8677
8701
|
document.documentElement.classList.remove('tui-no-srcoll-class');
|
|
8702
|
+
document.documentElement.removeEventListener('touchmove', ResetTouchRemove);
|
|
8678
8703
|
}
|
|
8679
8704
|
}
|
|
8680
8705
|
}
|
|
8681
8706
|
}
|
|
8682
8707
|
}
|
|
8708
|
+
},
|
|
8709
|
+
updateTitle: (title, id) => {
|
|
8710
|
+
const elem = document.getElementById(id);
|
|
8711
|
+
const titleElem = elem.querySelector('h1');
|
|
8712
|
+
if (elem) {
|
|
8713
|
+
if (titleElem) {
|
|
8714
|
+
if (title) {
|
|
8715
|
+
titleElem.innerText = title;
|
|
8716
|
+
}
|
|
8717
|
+
}
|
|
8718
|
+
}
|
|
8683
8719
|
}
|
|
8684
8720
|
};
|
|
8685
8721
|
const SwipeModal = () => {
|