@plaidev/karte-action-sdk 1.1.153 → 1.1.154
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/dist/hydrate/index.es.d.ts +47 -1
- package/dist/hydrate/index.es.js +315 -228
- package/dist/index.es.d.ts +47 -1
- package/dist/index.es.js +306 -227
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -4,6 +4,244 @@ import { setContext, getContext, createEventDispatcher, onMount, onDestroy as on
|
|
|
4
4
|
export { onMount } from 'svelte';
|
|
5
5
|
import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal, HtmlTag } from 'svelte/internal';
|
|
6
6
|
|
|
7
|
+
/** @internal */
|
|
8
|
+
const PropTypes = [
|
|
9
|
+
'BooleanKeyword',
|
|
10
|
+
'NumberKeyword',
|
|
11
|
+
'StringKeyword',
|
|
12
|
+
'Function',
|
|
13
|
+
'Enum',
|
|
14
|
+
'Code',
|
|
15
|
+
'Direction',
|
|
16
|
+
'Url',
|
|
17
|
+
'Image',
|
|
18
|
+
'AnimationStyle',
|
|
19
|
+
'LongText',
|
|
20
|
+
'Length',
|
|
21
|
+
'Color',
|
|
22
|
+
'Alignment',
|
|
23
|
+
'State',
|
|
24
|
+
'TransitState',
|
|
25
|
+
'Style',
|
|
26
|
+
'ModalPlacement',
|
|
27
|
+
'OnClick',
|
|
28
|
+
];
|
|
29
|
+
/** @internal */
|
|
30
|
+
const MediaQueries = {
|
|
31
|
+
PC: '(\\s*min-width\\s*:\\s*1025px\\s*)',
|
|
32
|
+
Tablet: '(\\s*min-width\\s*:\\s*897px)\\s+and\\s+(\\s*max-width\\s*:\\s*1024px\\s*)',
|
|
33
|
+
Mobile: '(\\s*max-width\\s*:\\s*896px\\s*)',
|
|
34
|
+
};
|
|
35
|
+
/** @internal */
|
|
36
|
+
const Directions = ['row', 'column'];
|
|
37
|
+
/** @internal */
|
|
38
|
+
const AnimationStyles = [
|
|
39
|
+
'none',
|
|
40
|
+
'fade',
|
|
41
|
+
'bounce',
|
|
42
|
+
'slide-down',
|
|
43
|
+
'slide-up',
|
|
44
|
+
'slide-left',
|
|
45
|
+
'slide-right',
|
|
46
|
+
];
|
|
47
|
+
/** @internal */
|
|
48
|
+
const ModalPositions = [
|
|
49
|
+
'top-left',
|
|
50
|
+
'top-center',
|
|
51
|
+
'top-right',
|
|
52
|
+
'center-left',
|
|
53
|
+
'center',
|
|
54
|
+
'center-right',
|
|
55
|
+
'bottom-left',
|
|
56
|
+
'bottom-center',
|
|
57
|
+
'bottom-right',
|
|
58
|
+
'none',
|
|
59
|
+
];
|
|
60
|
+
/** @internal */
|
|
61
|
+
const DefaultModalPlacement = {
|
|
62
|
+
position: 'center',
|
|
63
|
+
margin: {
|
|
64
|
+
left: '0px',
|
|
65
|
+
right: '0px',
|
|
66
|
+
top: '0px',
|
|
67
|
+
bottom: '0px',
|
|
68
|
+
},
|
|
69
|
+
backgroundOverlay: false,
|
|
70
|
+
backgroundClick: { operation: 'closeApp', args: ['overlay'] },
|
|
71
|
+
};
|
|
72
|
+
/** @internal */
|
|
73
|
+
const Elasticities = ['none', 'vertical', 'horizontal'];
|
|
74
|
+
/** @internal */
|
|
75
|
+
const ElasticityStyle = {
|
|
76
|
+
none: '',
|
|
77
|
+
vertical: 'height: 100%',
|
|
78
|
+
horizontal: 'width: 100%',
|
|
79
|
+
};
|
|
80
|
+
/** @internal */
|
|
81
|
+
const TextDirections = ['horizontal', 'vertical'];
|
|
82
|
+
/** @internal */
|
|
83
|
+
const OnClickOperationOptions = [
|
|
84
|
+
{
|
|
85
|
+
operation: 'none',
|
|
86
|
+
args: [],
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
operation: 'linkTo',
|
|
90
|
+
args: [
|
|
91
|
+
{
|
|
92
|
+
type: 'Url',
|
|
93
|
+
default: '',
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
type: 'BooleanKeyword',
|
|
97
|
+
default: true,
|
|
98
|
+
},
|
|
99
|
+
],
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
operation: 'moveTo',
|
|
103
|
+
args: [
|
|
104
|
+
{
|
|
105
|
+
type: 'TransitState',
|
|
106
|
+
default: '/',
|
|
107
|
+
},
|
|
108
|
+
],
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
operation: 'closeApp',
|
|
112
|
+
args: [
|
|
113
|
+
{
|
|
114
|
+
type: 'Trigger',
|
|
115
|
+
default: 'button',
|
|
116
|
+
},
|
|
117
|
+
],
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
operation: 'runScript',
|
|
121
|
+
args: [
|
|
122
|
+
{
|
|
123
|
+
type: 'Handler',
|
|
124
|
+
default: '',
|
|
125
|
+
},
|
|
126
|
+
],
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
operation: 'submitForm',
|
|
130
|
+
args: [
|
|
131
|
+
{
|
|
132
|
+
type: 'TransitState',
|
|
133
|
+
default: '/',
|
|
134
|
+
},
|
|
135
|
+
],
|
|
136
|
+
},
|
|
137
|
+
];
|
|
138
|
+
/** @internal */
|
|
139
|
+
const LengthUnits = ['px', 'em', 'rem', 'vw', 'fr', '%'];
|
|
140
|
+
/** @internal */
|
|
141
|
+
const Fonts = [
|
|
142
|
+
'Noto Sans Japanese',
|
|
143
|
+
'M PLUS Rounded 1c',
|
|
144
|
+
'M PLUS 1p',
|
|
145
|
+
'Kosugi Maru',
|
|
146
|
+
'Kosugi',
|
|
147
|
+
'BIZ UDPGothic',
|
|
148
|
+
'Noto Serif Japanese',
|
|
149
|
+
'BIZ UDPMincho',
|
|
150
|
+
'Roboto',
|
|
151
|
+
'Open Sans',
|
|
152
|
+
'Montserrat',
|
|
153
|
+
'Lato',
|
|
154
|
+
'Poppins',
|
|
155
|
+
'Raleway',
|
|
156
|
+
'Nunito',
|
|
157
|
+
'Playfair Display',
|
|
158
|
+
'Merriweather',
|
|
159
|
+
'Lora',
|
|
160
|
+
'Libre Baskerville',
|
|
161
|
+
'EB Garamond',
|
|
162
|
+
];
|
|
163
|
+
/** @internal */
|
|
164
|
+
const Justifies = ['flex-start', 'center', 'flex-end'];
|
|
165
|
+
/** @internal */
|
|
166
|
+
const Alignments = ['flex-start', 'center', 'flex-end'];
|
|
167
|
+
/** @internal */
|
|
168
|
+
const FlexDirections = ['row', 'column'];
|
|
169
|
+
/** @internal */
|
|
170
|
+
const ObjectFits = ['fill', 'contain', 'cover'];
|
|
171
|
+
/** @internal */
|
|
172
|
+
const ClipPaths = ['none', 'circle(closest-side)'];
|
|
173
|
+
/** @internal */
|
|
174
|
+
const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
|
|
175
|
+
/** @internal */
|
|
176
|
+
const BackgroundSizes = ['cover', 'contain', 'auto'];
|
|
177
|
+
/** @internal */
|
|
178
|
+
const Cursors = ['default', 'pointer'];
|
|
179
|
+
/** @internal */
|
|
180
|
+
const Overflows = ['visible', 'auto', 'hidden'];
|
|
181
|
+
/** @internal */
|
|
182
|
+
const WritingModes = ['horizontal-tb', 'vertical-lr'];
|
|
183
|
+
/** @internal */
|
|
184
|
+
const ListSeparatorTypes = ['none', 'border', 'gap'];
|
|
185
|
+
/** @internal */
|
|
186
|
+
const DefaultEdgePosition = {
|
|
187
|
+
edgeDistance: '8px',
|
|
188
|
+
edgeDirectionOffset: '0px',
|
|
189
|
+
};
|
|
190
|
+
/** @internal */
|
|
191
|
+
const DefaultListSeparatorNone = {
|
|
192
|
+
type: 'none',
|
|
193
|
+
};
|
|
194
|
+
/** @internal */
|
|
195
|
+
const DefaultListSeparatorBorder = {
|
|
196
|
+
type: 'border',
|
|
197
|
+
borderStyle: 'solid',
|
|
198
|
+
borderWidth: '1px',
|
|
199
|
+
borderColor: 'rgba(0, 0, 0, 0.06)',
|
|
200
|
+
};
|
|
201
|
+
/** @internal */
|
|
202
|
+
const DefaultListSeparatorGap = {
|
|
203
|
+
type: 'gap',
|
|
204
|
+
gap: '8px',
|
|
205
|
+
};
|
|
206
|
+
/** @internal */
|
|
207
|
+
const DefaultListSeparator = DefaultListSeparatorBorder;
|
|
208
|
+
/** @internal */
|
|
209
|
+
const ListBackgroundTypes = ['none', 'stripe'];
|
|
210
|
+
/** @internal */
|
|
211
|
+
const DefaultListBackgroundNone = {
|
|
212
|
+
type: 'none',
|
|
213
|
+
};
|
|
214
|
+
/** @internal */
|
|
215
|
+
const DefaultListBackgroundStripe = {
|
|
216
|
+
type: 'stripe',
|
|
217
|
+
background1: 'rgba(0, 0, 0, 0.06)',
|
|
218
|
+
background2: '#fff',
|
|
219
|
+
};
|
|
220
|
+
/** @internal */
|
|
221
|
+
const DefaultListBackground = DefaultListBackgroundNone;
|
|
222
|
+
/** @internal */
|
|
223
|
+
const ListDirections = ['vertical', 'horizontal'];
|
|
224
|
+
/** @internal */
|
|
225
|
+
const DefaultSlideButton = {
|
|
226
|
+
type: 'icon',
|
|
227
|
+
icon: 'chevron-left',
|
|
228
|
+
color: '#999',
|
|
229
|
+
fill: '#999',
|
|
230
|
+
size: '20px',
|
|
231
|
+
};
|
|
232
|
+
/** @internal */
|
|
233
|
+
const DefaultSlideNavigationButton = {
|
|
234
|
+
type: 'circle',
|
|
235
|
+
size: '8px',
|
|
236
|
+
color: '#ddd',
|
|
237
|
+
colorActive: '#666',
|
|
238
|
+
};
|
|
239
|
+
/** @internal */
|
|
240
|
+
const DefaultFormButtonColor = {
|
|
241
|
+
main: '#2aab9f',
|
|
242
|
+
sub: '#fff',
|
|
243
|
+
};
|
|
244
|
+
|
|
7
245
|
/** @internal */
|
|
8
246
|
const NOOP = (_args) => { }; // eslint-disable-line @typescript-eslint/no-unused-vars
|
|
9
247
|
/** @internal */
|
|
@@ -208,6 +446,10 @@ function hasSuffix(value, suffix) {
|
|
|
208
446
|
function randStr(digit = 8) {
|
|
209
447
|
return Math.random().toString(32).substring(digit);
|
|
210
448
|
}
|
|
449
|
+
/** @internal */
|
|
450
|
+
function getGoogleFontsParam() {
|
|
451
|
+
return 'family=' + Fonts.map(font => font.replace(/ /g, '+')).join('&family=');
|
|
452
|
+
}
|
|
211
453
|
|
|
212
454
|
/**
|
|
213
455
|
* Store to handle action setting
|
|
@@ -1161,221 +1403,6 @@ function checkAndDo(checkFn, fn, ...conditionFns) {
|
|
|
1161
1403
|
return haveCondition ? cleanupAll : null;
|
|
1162
1404
|
}
|
|
1163
1405
|
|
|
1164
|
-
/** @internal */
|
|
1165
|
-
const PropTypes = [
|
|
1166
|
-
'BooleanKeyword',
|
|
1167
|
-
'NumberKeyword',
|
|
1168
|
-
'StringKeyword',
|
|
1169
|
-
'Function',
|
|
1170
|
-
'Enum',
|
|
1171
|
-
'Code',
|
|
1172
|
-
'Direction',
|
|
1173
|
-
'Url',
|
|
1174
|
-
'Image',
|
|
1175
|
-
'AnimationStyle',
|
|
1176
|
-
'LongText',
|
|
1177
|
-
'Length',
|
|
1178
|
-
'Color',
|
|
1179
|
-
'Alignment',
|
|
1180
|
-
'State',
|
|
1181
|
-
'TransitState',
|
|
1182
|
-
'Style',
|
|
1183
|
-
'ModalPlacement',
|
|
1184
|
-
'OnClick',
|
|
1185
|
-
];
|
|
1186
|
-
/** @internal */
|
|
1187
|
-
const MediaQueries = {
|
|
1188
|
-
PC: '(\\s*min-width\\s*:\\s*1025px\\s*)',
|
|
1189
|
-
Tablet: '(\\s*min-width\\s*:\\s*897px)\\s+and\\s+(\\s*max-width\\s*:\\s*1024px\\s*)',
|
|
1190
|
-
Mobile: '(\\s*max-width\\s*:\\s*896px\\s*)',
|
|
1191
|
-
};
|
|
1192
|
-
/** @internal */
|
|
1193
|
-
const Directions = ['row', 'column'];
|
|
1194
|
-
/** @internal */
|
|
1195
|
-
const AnimationStyles = [
|
|
1196
|
-
'none',
|
|
1197
|
-
'fade',
|
|
1198
|
-
'bounce',
|
|
1199
|
-
'slide-down',
|
|
1200
|
-
'slide-up',
|
|
1201
|
-
'slide-left',
|
|
1202
|
-
'slide-right',
|
|
1203
|
-
];
|
|
1204
|
-
/** @internal */
|
|
1205
|
-
const ModalPositions = [
|
|
1206
|
-
'top-left',
|
|
1207
|
-
'top-center',
|
|
1208
|
-
'top-right',
|
|
1209
|
-
'center-left',
|
|
1210
|
-
'center',
|
|
1211
|
-
'center-right',
|
|
1212
|
-
'bottom-left',
|
|
1213
|
-
'bottom-center',
|
|
1214
|
-
'bottom-right',
|
|
1215
|
-
'none',
|
|
1216
|
-
];
|
|
1217
|
-
/** @internal */
|
|
1218
|
-
const DefaultModalPlacement = {
|
|
1219
|
-
position: 'center',
|
|
1220
|
-
margin: {
|
|
1221
|
-
left: '0px',
|
|
1222
|
-
right: '0px',
|
|
1223
|
-
top: '0px',
|
|
1224
|
-
bottom: '0px',
|
|
1225
|
-
},
|
|
1226
|
-
backgroundOverlay: false,
|
|
1227
|
-
backgroundClick: { operation: 'closeApp', args: ['overlay'] },
|
|
1228
|
-
};
|
|
1229
|
-
/** @internal */
|
|
1230
|
-
const Elasticities = ['none', 'vertical', 'horizontal'];
|
|
1231
|
-
/** @internal */
|
|
1232
|
-
const ElasticityStyle = {
|
|
1233
|
-
none: '',
|
|
1234
|
-
vertical: 'height: 100%',
|
|
1235
|
-
horizontal: 'width: 100%',
|
|
1236
|
-
};
|
|
1237
|
-
/** @internal */
|
|
1238
|
-
const TextDirections = ['horizontal', 'vertical'];
|
|
1239
|
-
/** @internal */
|
|
1240
|
-
const OnClickOperationOptions = [
|
|
1241
|
-
{
|
|
1242
|
-
operation: 'none',
|
|
1243
|
-
args: [],
|
|
1244
|
-
},
|
|
1245
|
-
{
|
|
1246
|
-
operation: 'linkTo',
|
|
1247
|
-
args: [
|
|
1248
|
-
{
|
|
1249
|
-
type: 'Url',
|
|
1250
|
-
default: '',
|
|
1251
|
-
},
|
|
1252
|
-
{
|
|
1253
|
-
type: 'BooleanKeyword',
|
|
1254
|
-
default: true,
|
|
1255
|
-
},
|
|
1256
|
-
],
|
|
1257
|
-
},
|
|
1258
|
-
{
|
|
1259
|
-
operation: 'moveTo',
|
|
1260
|
-
args: [
|
|
1261
|
-
{
|
|
1262
|
-
type: 'TransitState',
|
|
1263
|
-
default: '/',
|
|
1264
|
-
},
|
|
1265
|
-
],
|
|
1266
|
-
},
|
|
1267
|
-
{
|
|
1268
|
-
operation: 'closeApp',
|
|
1269
|
-
args: [
|
|
1270
|
-
{
|
|
1271
|
-
type: 'Trigger',
|
|
1272
|
-
default: 'button',
|
|
1273
|
-
},
|
|
1274
|
-
],
|
|
1275
|
-
},
|
|
1276
|
-
{
|
|
1277
|
-
operation: 'runScript',
|
|
1278
|
-
args: [
|
|
1279
|
-
{
|
|
1280
|
-
type: 'Handler',
|
|
1281
|
-
default: '',
|
|
1282
|
-
},
|
|
1283
|
-
],
|
|
1284
|
-
},
|
|
1285
|
-
{
|
|
1286
|
-
operation: 'submitForm',
|
|
1287
|
-
args: [
|
|
1288
|
-
{
|
|
1289
|
-
type: 'TransitState',
|
|
1290
|
-
default: '/',
|
|
1291
|
-
},
|
|
1292
|
-
],
|
|
1293
|
-
},
|
|
1294
|
-
];
|
|
1295
|
-
/** @internal */
|
|
1296
|
-
const LengthUnits = ['px', 'em', 'rem', 'vw', 'fr', '%'];
|
|
1297
|
-
/** @internal */
|
|
1298
|
-
const Justifies = ['flex-start', 'center', 'flex-end'];
|
|
1299
|
-
/** @internal */
|
|
1300
|
-
const Alignments = ['flex-start', 'center', 'flex-end'];
|
|
1301
|
-
/** @internal */
|
|
1302
|
-
const FlexDirections = ['row', 'column'];
|
|
1303
|
-
/** @internal */
|
|
1304
|
-
const ObjectFits = ['fill', 'contain', 'cover'];
|
|
1305
|
-
/** @internal */
|
|
1306
|
-
const ClipPaths = ['none', 'circle(closest-side)'];
|
|
1307
|
-
/** @internal */
|
|
1308
|
-
const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
|
|
1309
|
-
/** @internal */
|
|
1310
|
-
const BackgroundSizes = ['cover', 'contain', 'auto'];
|
|
1311
|
-
/** @internal */
|
|
1312
|
-
const Cursors = ['default', 'pointer'];
|
|
1313
|
-
/** @internal */
|
|
1314
|
-
const Overflows = ['visible', 'auto', 'hidden'];
|
|
1315
|
-
/** @internal */
|
|
1316
|
-
const WritingModes = ['horizontal-tb', 'vertical-lr'];
|
|
1317
|
-
/** @internal */
|
|
1318
|
-
const ListSeparatorTypes = ['none', 'border', 'gap'];
|
|
1319
|
-
/** @internal */
|
|
1320
|
-
const DefaultEdgePosition = {
|
|
1321
|
-
edgeDistance: '8px',
|
|
1322
|
-
edgeDirectionOffset: '0px',
|
|
1323
|
-
};
|
|
1324
|
-
/** @internal */
|
|
1325
|
-
const DefaultListSeparatorNone = {
|
|
1326
|
-
type: 'none',
|
|
1327
|
-
};
|
|
1328
|
-
/** @internal */
|
|
1329
|
-
const DefaultListSeparatorBorder = {
|
|
1330
|
-
type: 'border',
|
|
1331
|
-
borderStyle: 'solid',
|
|
1332
|
-
borderWidth: '1px',
|
|
1333
|
-
borderColor: 'rgba(0, 0, 0, 0.06)',
|
|
1334
|
-
};
|
|
1335
|
-
/** @internal */
|
|
1336
|
-
const DefaultListSeparatorGap = {
|
|
1337
|
-
type: 'gap',
|
|
1338
|
-
gap: '8px',
|
|
1339
|
-
};
|
|
1340
|
-
/** @internal */
|
|
1341
|
-
const DefaultListSeparator = DefaultListSeparatorBorder;
|
|
1342
|
-
/** @internal */
|
|
1343
|
-
const ListBackgroundTypes = ['none', 'stripe'];
|
|
1344
|
-
/** @internal */
|
|
1345
|
-
const DefaultListBackgroundNone = {
|
|
1346
|
-
type: 'none',
|
|
1347
|
-
};
|
|
1348
|
-
/** @internal */
|
|
1349
|
-
const DefaultListBackgroundStripe = {
|
|
1350
|
-
type: 'stripe',
|
|
1351
|
-
background1: 'rgba(0, 0, 0, 0.06)',
|
|
1352
|
-
background2: '#fff',
|
|
1353
|
-
};
|
|
1354
|
-
/** @internal */
|
|
1355
|
-
const DefaultListBackground = DefaultListBackgroundNone;
|
|
1356
|
-
/** @internal */
|
|
1357
|
-
const ListDirections = ['vertical', 'horizontal'];
|
|
1358
|
-
/** @internal */
|
|
1359
|
-
const DefaultSlideButton = {
|
|
1360
|
-
type: 'icon',
|
|
1361
|
-
icon: 'chevron-left',
|
|
1362
|
-
color: '#999',
|
|
1363
|
-
fill: '#999',
|
|
1364
|
-
size: '20px',
|
|
1365
|
-
};
|
|
1366
|
-
/** @internal */
|
|
1367
|
-
const DefaultSlideNavigationButton = {
|
|
1368
|
-
type: 'circle',
|
|
1369
|
-
size: '8px',
|
|
1370
|
-
color: '#ddd',
|
|
1371
|
-
colorActive: '#666',
|
|
1372
|
-
};
|
|
1373
|
-
/** @internal */
|
|
1374
|
-
const DefaultFormButtonColor = {
|
|
1375
|
-
main: '#2aab9f',
|
|
1376
|
-
sub: '#fff',
|
|
1377
|
-
};
|
|
1378
|
-
|
|
1379
1406
|
const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__ === 'string'
|
|
1380
1407
|
? __FLYER_GEN_COLLECTION_API_ENDPOINT__
|
|
1381
1408
|
: 'https://t.karte.io/collection';
|
|
@@ -3615,7 +3642,7 @@ function add_css$n(target) {
|
|
|
3615
3642
|
append_styles(target, "svelte-13cs3g2", ".text-element-wrapper.svelte-13cs3g2.svelte-13cs3g2{position:relative;height:100%}.text-element.svelte-13cs3g2.svelte-13cs3g2{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-13cs3g2.svelte-13cs3g2{width:100%;height:auto}.text-direction-vertical.svelte-13cs3g2.svelte-13cs3g2{writing-mode:vertical-rl}.text-direction-vertical.svelte-13cs3g2 .text-element-inner.svelte-13cs3g2{width:auto;height:100%}.tooltip.svelte-13cs3g2.svelte-13cs3g2{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-13cs3g2.svelte-13cs3g2:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-13cs3g2.svelte-13cs3g2{display:block}.tooltip-error.svelte-13cs3g2.svelte-13cs3g2{background-color:#c00}.tooltip-error.svelte-13cs3g2.svelte-13cs3g2:before{border-bottom:7px solid #c00}");
|
|
3616
3643
|
}
|
|
3617
3644
|
|
|
3618
|
-
// (
|
|
3645
|
+
// (59:2) {#if enableCopy}
|
|
3619
3646
|
function create_if_block$3(ctx) {
|
|
3620
3647
|
let div0;
|
|
3621
3648
|
let t1;
|
|
@@ -3651,11 +3678,14 @@ function create_if_block$3(ctx) {
|
|
|
3651
3678
|
|
|
3652
3679
|
function create_fragment$o(ctx) {
|
|
3653
3680
|
let div2;
|
|
3681
|
+
let link;
|
|
3682
|
+
let link_href_value;
|
|
3683
|
+
let t0;
|
|
3654
3684
|
let div1;
|
|
3655
3685
|
let div0;
|
|
3656
3686
|
let rendertext;
|
|
3657
3687
|
let div1_class_value;
|
|
3658
|
-
let
|
|
3688
|
+
let t1;
|
|
3659
3689
|
let current;
|
|
3660
3690
|
let mounted;
|
|
3661
3691
|
let dispose;
|
|
@@ -3665,11 +3695,15 @@ function create_fragment$o(ctx) {
|
|
|
3665
3695
|
return {
|
|
3666
3696
|
c() {
|
|
3667
3697
|
div2 = element("div");
|
|
3698
|
+
link = element("link");
|
|
3699
|
+
t0 = space();
|
|
3668
3700
|
div1 = element("div");
|
|
3669
3701
|
div0 = element("div");
|
|
3670
3702
|
create_component(rendertext.$$.fragment);
|
|
3671
|
-
|
|
3703
|
+
t1 = space();
|
|
3672
3704
|
if (if_block) if_block.c();
|
|
3705
|
+
attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
|
|
3706
|
+
attr(link, "rel", "stylesheet");
|
|
3673
3707
|
attr(div0, "class", "text-element-inner svelte-13cs3g2");
|
|
3674
3708
|
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[2]}`) + " svelte-13cs3g2"));
|
|
3675
3709
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
@@ -3677,10 +3711,12 @@ function create_fragment$o(ctx) {
|
|
|
3677
3711
|
},
|
|
3678
3712
|
m(target, anchor) {
|
|
3679
3713
|
insert(target, div2, anchor);
|
|
3714
|
+
append(div2, link);
|
|
3715
|
+
append(div2, t0);
|
|
3680
3716
|
append(div2, div1);
|
|
3681
3717
|
append(div1, div0);
|
|
3682
3718
|
mount_component(rendertext, div0, null);
|
|
3683
|
-
append(div2,
|
|
3719
|
+
append(div2, t1);
|
|
3684
3720
|
if (if_block) if_block.m(div2, null);
|
|
3685
3721
|
current = true;
|
|
3686
3722
|
|
|
@@ -3690,6 +3726,10 @@ function create_fragment$o(ctx) {
|
|
|
3690
3726
|
}
|
|
3691
3727
|
},
|
|
3692
3728
|
p(ctx, [dirty]) {
|
|
3729
|
+
if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
|
|
3730
|
+
attr(link, "href", link_href_value);
|
|
3731
|
+
}
|
|
3732
|
+
|
|
3693
3733
|
const rendertext_changes = {};
|
|
3694
3734
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
3695
3735
|
rendertext.$set(rendertext_changes);
|
|
@@ -3760,7 +3800,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
3760
3800
|
}
|
|
3761
3801
|
};
|
|
3762
3802
|
|
|
3763
|
-
let { _textStyle = 'font-size:12px;' } = $$props;
|
|
3803
|
+
let { _textStyle = 'font-size:12px; line-height: 1.5;' } = $$props;
|
|
3764
3804
|
let { textDirection = 'horizontal' } = $$props;
|
|
3765
3805
|
let { _style = '' } = $$props;
|
|
3766
3806
|
|
|
@@ -3837,6 +3877,9 @@ function add_css$m(target) {
|
|
|
3837
3877
|
|
|
3838
3878
|
function create_fragment$n(ctx) {
|
|
3839
3879
|
let div;
|
|
3880
|
+
let link;
|
|
3881
|
+
let link_href_value;
|
|
3882
|
+
let t;
|
|
3840
3883
|
let button;
|
|
3841
3884
|
let rendertext;
|
|
3842
3885
|
let button_class_value;
|
|
@@ -3849,8 +3892,12 @@ function create_fragment$n(ctx) {
|
|
|
3849
3892
|
return {
|
|
3850
3893
|
c() {
|
|
3851
3894
|
div = element("div");
|
|
3895
|
+
link = element("link");
|
|
3896
|
+
t = space();
|
|
3852
3897
|
button = element("button");
|
|
3853
3898
|
create_component(rendertext.$$.fragment);
|
|
3899
|
+
attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
|
|
3900
|
+
attr(link, "rel", "stylesheet");
|
|
3854
3901
|
attr(button, "class", button_class_value = "" + (null_to_empty(`text-button${/*disabled*/ ctx[3] ? ' _disabled' : ''}`) + " svelte-1igv5yx"));
|
|
3855
3902
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
3856
3903
|
button.disabled = /*disabled*/ ctx[3];
|
|
@@ -3859,6 +3906,8 @@ function create_fragment$n(ctx) {
|
|
|
3859
3906
|
},
|
|
3860
3907
|
m(target, anchor) {
|
|
3861
3908
|
insert(target, div, anchor);
|
|
3909
|
+
append(div, link);
|
|
3910
|
+
append(div, t);
|
|
3862
3911
|
append(div, button);
|
|
3863
3912
|
mount_component(rendertext, button, null);
|
|
3864
3913
|
current = true;
|
|
@@ -3869,6 +3918,10 @@ function create_fragment$n(ctx) {
|
|
|
3869
3918
|
}
|
|
3870
3919
|
},
|
|
3871
3920
|
p(ctx, [dirty]) {
|
|
3921
|
+
if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
|
|
3922
|
+
attr(link, "href", link_href_value);
|
|
3923
|
+
}
|
|
3924
|
+
|
|
3872
3925
|
const rendertext_changes = {};
|
|
3873
3926
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
3874
3927
|
rendertext.$set(rendertext_changes);
|
|
@@ -3926,7 +3979,7 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
|
3926
3979
|
};
|
|
3927
3980
|
|
|
3928
3981
|
let { eventName = '' } = $$props;
|
|
3929
|
-
let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px;' } = $$props;
|
|
3982
|
+
let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px; line-height: 1.5;' } = $$props;
|
|
3930
3983
|
let { _style = 'background-color: #000000; border-radius:4px; cursor: pointer' } = $$props;
|
|
3931
3984
|
const { path: statePath } = getStateItemContext() ?? { path: '/' };
|
|
3932
3985
|
const valuesAreValid = getValuesAreValidReader(statePath);
|
|
@@ -5200,7 +5253,7 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
5200
5253
|
let { options = 'ラジオボタン1,ラジオボタン2,ラジオボタン3' } = $$props;
|
|
5201
5254
|
let { required = false } = $$props;
|
|
5202
5255
|
let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
|
|
5203
|
-
let { _textStyle = 'color: #333; font-size: 12px;' } = $$props;
|
|
5256
|
+
let { _textStyle = 'color: #333; font-size: 12px; line-height:1.5;' } = $$props;
|
|
5204
5257
|
let { buttonSize = '16px' } = $$props;
|
|
5205
5258
|
let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
|
|
5206
5259
|
let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
|
|
@@ -5514,7 +5567,7 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
|
5514
5567
|
let { required = false } = $$props;
|
|
5515
5568
|
let { _style = 'cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; padding: 0 0 0 10px;' } = $$props;
|
|
5516
5569
|
let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
|
|
5517
|
-
let { _textStyle = 'font-size: 12px;' } = $$props;
|
|
5570
|
+
let { _textStyle = 'font-size: 12px; line-height:1.5;' } = $$props;
|
|
5518
5571
|
let { _placeholderStyle = 'color: #ccc;' } = $$props;
|
|
5519
5572
|
let { iconColor = 'rgba(0, 16, 14, 0.8)' } = $$props;
|
|
5520
5573
|
let { iconSize = '12px' } = $$props;
|
|
@@ -5811,7 +5864,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
5811
5864
|
let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
|
|
5812
5865
|
let { required = false } = $$props;
|
|
5813
5866
|
let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
|
|
5814
|
-
let { _textStyle = 'color: #333; font-size: 12px;' } = $$props;
|
|
5867
|
+
let { _textStyle = 'color: #333; font-size: 12px; line-height:1.5;' } = $$props;
|
|
5815
5868
|
let { buttonSize = '16px' } = $$props;
|
|
5816
5869
|
let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
|
|
5817
5870
|
let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
|
|
@@ -8153,6 +8206,9 @@ function add_css$2(target) {
|
|
|
8153
8206
|
|
|
8154
8207
|
function create_fragment$2(ctx) {
|
|
8155
8208
|
let div1;
|
|
8209
|
+
let link;
|
|
8210
|
+
let link_href_value;
|
|
8211
|
+
let t;
|
|
8156
8212
|
let div0;
|
|
8157
8213
|
let rendertext;
|
|
8158
8214
|
let div1_class_value;
|
|
@@ -8162,19 +8218,29 @@ function create_fragment$2(ctx) {
|
|
|
8162
8218
|
return {
|
|
8163
8219
|
c() {
|
|
8164
8220
|
div1 = element("div");
|
|
8221
|
+
link = element("link");
|
|
8222
|
+
t = space();
|
|
8165
8223
|
div0 = element("div");
|
|
8166
8224
|
create_component(rendertext.$$.fragment);
|
|
8225
|
+
attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
|
|
8226
|
+
attr(link, "rel", "stylesheet");
|
|
8167
8227
|
attr(div0, "class", "text-block-inner svelte-11rpuv5");
|
|
8168
8228
|
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
|
|
8169
8229
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
8170
8230
|
},
|
|
8171
8231
|
m(target, anchor) {
|
|
8172
8232
|
insert(target, div1, anchor);
|
|
8233
|
+
append(div1, link);
|
|
8234
|
+
append(div1, t);
|
|
8173
8235
|
append(div1, div0);
|
|
8174
8236
|
mount_component(rendertext, div0, null);
|
|
8175
8237
|
current = true;
|
|
8176
8238
|
},
|
|
8177
8239
|
p(ctx, [dirty]) {
|
|
8240
|
+
if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
|
|
8241
|
+
attr(link, "href", link_href_value);
|
|
8242
|
+
}
|
|
8243
|
+
|
|
8178
8244
|
const rendertext_changes = {};
|
|
8179
8245
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
8180
8246
|
rendertext.$set(rendertext_changes);
|
|
@@ -8206,7 +8272,7 @@ function create_fragment$2(ctx) {
|
|
|
8206
8272
|
function instance$2($$self, $$props, $$invalidate) {
|
|
8207
8273
|
let style;
|
|
8208
8274
|
let { text = 'サンプルSample' } = $$props;
|
|
8209
|
-
let { _textStyle = 'font-size:12px;' } = $$props;
|
|
8275
|
+
let { _textStyle = 'font-size:12px; line-height:1.5;' } = $$props;
|
|
8210
8276
|
let { textDirection = 'horizontal' } = $$props;
|
|
8211
8277
|
let { _style = '' } = $$props;
|
|
8212
8278
|
|
|
@@ -8255,6 +8321,9 @@ function add_css$1(target) {
|
|
|
8255
8321
|
|
|
8256
8322
|
function create_fragment$1(ctx) {
|
|
8257
8323
|
let div;
|
|
8324
|
+
let link;
|
|
8325
|
+
let link_href_value;
|
|
8326
|
+
let t;
|
|
8258
8327
|
let button;
|
|
8259
8328
|
let rendertext;
|
|
8260
8329
|
let current;
|
|
@@ -8265,8 +8334,12 @@ function create_fragment$1(ctx) {
|
|
|
8265
8334
|
return {
|
|
8266
8335
|
c() {
|
|
8267
8336
|
div = element("div");
|
|
8337
|
+
link = element("link");
|
|
8338
|
+
t = space();
|
|
8268
8339
|
button = element("button");
|
|
8269
8340
|
create_component(rendertext.$$.fragment);
|
|
8341
|
+
attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
|
|
8342
|
+
attr(link, "rel", "stylesheet");
|
|
8270
8343
|
attr(button, "class", "text-button svelte-1t5i3za");
|
|
8271
8344
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
8272
8345
|
attr(div, "class", "text-button-block svelte-1t5i3za");
|
|
@@ -8274,6 +8347,8 @@ function create_fragment$1(ctx) {
|
|
|
8274
8347
|
},
|
|
8275
8348
|
m(target, anchor) {
|
|
8276
8349
|
insert(target, div, anchor);
|
|
8350
|
+
append(div, link);
|
|
8351
|
+
append(div, t);
|
|
8277
8352
|
append(div, button);
|
|
8278
8353
|
mount_component(rendertext, button, null);
|
|
8279
8354
|
current = true;
|
|
@@ -8284,6 +8359,10 @@ function create_fragment$1(ctx) {
|
|
|
8284
8359
|
}
|
|
8285
8360
|
},
|
|
8286
8361
|
p(ctx, [dirty]) {
|
|
8362
|
+
if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
|
|
8363
|
+
attr(link, "href", link_href_value);
|
|
8364
|
+
}
|
|
8365
|
+
|
|
8287
8366
|
const rendertext_changes = {};
|
|
8288
8367
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
8289
8368
|
rendertext.$set(rendertext_changes);
|
|
@@ -8327,7 +8406,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
|
8327
8406
|
};
|
|
8328
8407
|
|
|
8329
8408
|
let { eventName = '' } = $$props;
|
|
8330
|
-
let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px;' } = $$props;
|
|
8409
|
+
let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px; line-height:1.5;' } = $$props;
|
|
8331
8410
|
let { _style = 'background-color: #000000; border-radius:4px;' } = $$props;
|
|
8332
8411
|
|
|
8333
8412
|
$$self.$$set = $$props => {
|
|
@@ -8486,4 +8565,4 @@ class ImageBlock extends SvelteComponent {
|
|
|
8486
8565
|
}
|
|
8487
8566
|
}
|
|
8488
8567
|
|
|
8489
|
-
export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, Countdown, Cursors, DefaultEdgePosition, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, variables, widget };
|
|
8568
|
+
export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, Countdown, Cursors, DefaultEdgePosition, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, variables, widget };
|