@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/hydrate/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, claim_component, claim_space, mount_component, insert_hydration, 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, claim_element, children, attr, noop, listen, is_function, append_hydration, add_render_callback, create_in_transition, svg_element, claim_svg_element, binding_callbacks, destroy_each, text, claim_text, set_data, null_to_empty, src_url_equal, HtmlTagHydration, claim_html_tag } 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 */
|
@@ -204,6 +442,10 @@ function onTime(time, fn) {
|
|
204
442
|
function hasSuffix(value, suffix) {
|
205
443
|
return new RegExp(`[0-9]${suffix}$`).test(value);
|
206
444
|
}
|
445
|
+
/** @internal */
|
446
|
+
function getGoogleFontsParam() {
|
447
|
+
return 'family=' + Fonts.map(font => font.replace(/ /g, '+')).join('&family=');
|
448
|
+
}
|
207
449
|
|
208
450
|
/**
|
209
451
|
* Store to handle action setting
|
@@ -1091,221 +1333,6 @@ function showOnTime(props, show = NOOP) {
|
|
1091
1333
|
: null;
|
1092
1334
|
}
|
1093
1335
|
|
1094
|
-
/** @internal */
|
1095
|
-
const PropTypes = [
|
1096
|
-
'BooleanKeyword',
|
1097
|
-
'NumberKeyword',
|
1098
|
-
'StringKeyword',
|
1099
|
-
'Function',
|
1100
|
-
'Enum',
|
1101
|
-
'Code',
|
1102
|
-
'Direction',
|
1103
|
-
'Url',
|
1104
|
-
'Image',
|
1105
|
-
'AnimationStyle',
|
1106
|
-
'LongText',
|
1107
|
-
'Length',
|
1108
|
-
'Color',
|
1109
|
-
'Alignment',
|
1110
|
-
'State',
|
1111
|
-
'TransitState',
|
1112
|
-
'Style',
|
1113
|
-
'ModalPlacement',
|
1114
|
-
'OnClick',
|
1115
|
-
];
|
1116
|
-
/** @internal */
|
1117
|
-
const MediaQueries = {
|
1118
|
-
PC: '(\\s*min-width\\s*:\\s*1025px\\s*)',
|
1119
|
-
Tablet: '(\\s*min-width\\s*:\\s*897px)\\s+and\\s+(\\s*max-width\\s*:\\s*1024px\\s*)',
|
1120
|
-
Mobile: '(\\s*max-width\\s*:\\s*896px\\s*)',
|
1121
|
-
};
|
1122
|
-
/** @internal */
|
1123
|
-
const Directions = ['row', 'column'];
|
1124
|
-
/** @internal */
|
1125
|
-
const AnimationStyles = [
|
1126
|
-
'none',
|
1127
|
-
'fade',
|
1128
|
-
'bounce',
|
1129
|
-
'slide-down',
|
1130
|
-
'slide-up',
|
1131
|
-
'slide-left',
|
1132
|
-
'slide-right',
|
1133
|
-
];
|
1134
|
-
/** @internal */
|
1135
|
-
const ModalPositions = [
|
1136
|
-
'top-left',
|
1137
|
-
'top-center',
|
1138
|
-
'top-right',
|
1139
|
-
'center-left',
|
1140
|
-
'center',
|
1141
|
-
'center-right',
|
1142
|
-
'bottom-left',
|
1143
|
-
'bottom-center',
|
1144
|
-
'bottom-right',
|
1145
|
-
'none',
|
1146
|
-
];
|
1147
|
-
/** @internal */
|
1148
|
-
const DefaultModalPlacement = {
|
1149
|
-
position: 'center',
|
1150
|
-
margin: {
|
1151
|
-
left: '0px',
|
1152
|
-
right: '0px',
|
1153
|
-
top: '0px',
|
1154
|
-
bottom: '0px',
|
1155
|
-
},
|
1156
|
-
backgroundOverlay: false,
|
1157
|
-
backgroundClick: { operation: 'closeApp', args: ['overlay'] },
|
1158
|
-
};
|
1159
|
-
/** @internal */
|
1160
|
-
const Elasticities = ['none', 'vertical', 'horizontal'];
|
1161
|
-
/** @internal */
|
1162
|
-
const ElasticityStyle = {
|
1163
|
-
none: '',
|
1164
|
-
vertical: 'height: 100%',
|
1165
|
-
horizontal: 'width: 100%',
|
1166
|
-
};
|
1167
|
-
/** @internal */
|
1168
|
-
const TextDirections = ['horizontal', 'vertical'];
|
1169
|
-
/** @internal */
|
1170
|
-
const OnClickOperationOptions = [
|
1171
|
-
{
|
1172
|
-
operation: 'none',
|
1173
|
-
args: [],
|
1174
|
-
},
|
1175
|
-
{
|
1176
|
-
operation: 'linkTo',
|
1177
|
-
args: [
|
1178
|
-
{
|
1179
|
-
type: 'Url',
|
1180
|
-
default: '',
|
1181
|
-
},
|
1182
|
-
{
|
1183
|
-
type: 'BooleanKeyword',
|
1184
|
-
default: true,
|
1185
|
-
},
|
1186
|
-
],
|
1187
|
-
},
|
1188
|
-
{
|
1189
|
-
operation: 'moveTo',
|
1190
|
-
args: [
|
1191
|
-
{
|
1192
|
-
type: 'TransitState',
|
1193
|
-
default: '/',
|
1194
|
-
},
|
1195
|
-
],
|
1196
|
-
},
|
1197
|
-
{
|
1198
|
-
operation: 'closeApp',
|
1199
|
-
args: [
|
1200
|
-
{
|
1201
|
-
type: 'Trigger',
|
1202
|
-
default: 'button',
|
1203
|
-
},
|
1204
|
-
],
|
1205
|
-
},
|
1206
|
-
{
|
1207
|
-
operation: 'runScript',
|
1208
|
-
args: [
|
1209
|
-
{
|
1210
|
-
type: 'Handler',
|
1211
|
-
default: '',
|
1212
|
-
},
|
1213
|
-
],
|
1214
|
-
},
|
1215
|
-
{
|
1216
|
-
operation: 'submitForm',
|
1217
|
-
args: [
|
1218
|
-
{
|
1219
|
-
type: 'TransitState',
|
1220
|
-
default: '/',
|
1221
|
-
},
|
1222
|
-
],
|
1223
|
-
},
|
1224
|
-
];
|
1225
|
-
/** @internal */
|
1226
|
-
const LengthUnits = ['px', 'em', 'rem', 'vw', 'fr', '%'];
|
1227
|
-
/** @internal */
|
1228
|
-
const Justifies = ['flex-start', 'center', 'flex-end'];
|
1229
|
-
/** @internal */
|
1230
|
-
const Alignments = ['flex-start', 'center', 'flex-end'];
|
1231
|
-
/** @internal */
|
1232
|
-
const FlexDirections = ['row', 'column'];
|
1233
|
-
/** @internal */
|
1234
|
-
const ObjectFits = ['fill', 'contain', 'cover'];
|
1235
|
-
/** @internal */
|
1236
|
-
const ClipPaths = ['none', 'circle(closest-side)'];
|
1237
|
-
/** @internal */
|
1238
|
-
const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
|
1239
|
-
/** @internal */
|
1240
|
-
const BackgroundSizes = ['cover', 'contain', 'auto'];
|
1241
|
-
/** @internal */
|
1242
|
-
const Cursors = ['default', 'pointer'];
|
1243
|
-
/** @internal */
|
1244
|
-
const Overflows = ['visible', 'auto', 'hidden'];
|
1245
|
-
/** @internal */
|
1246
|
-
const WritingModes = ['horizontal-tb', 'vertical-lr'];
|
1247
|
-
/** @internal */
|
1248
|
-
const ListSeparatorTypes = ['none', 'border', 'gap'];
|
1249
|
-
/** @internal */
|
1250
|
-
const DefaultEdgePosition = {
|
1251
|
-
edgeDistance: '8px',
|
1252
|
-
edgeDirectionOffset: '0px',
|
1253
|
-
};
|
1254
|
-
/** @internal */
|
1255
|
-
const DefaultListSeparatorNone = {
|
1256
|
-
type: 'none',
|
1257
|
-
};
|
1258
|
-
/** @internal */
|
1259
|
-
const DefaultListSeparatorBorder = {
|
1260
|
-
type: 'border',
|
1261
|
-
borderStyle: 'solid',
|
1262
|
-
borderWidth: '1px',
|
1263
|
-
borderColor: 'rgba(0, 0, 0, 0.06)',
|
1264
|
-
};
|
1265
|
-
/** @internal */
|
1266
|
-
const DefaultListSeparatorGap = {
|
1267
|
-
type: 'gap',
|
1268
|
-
gap: '8px',
|
1269
|
-
};
|
1270
|
-
/** @internal */
|
1271
|
-
const DefaultListSeparator = DefaultListSeparatorBorder;
|
1272
|
-
/** @internal */
|
1273
|
-
const ListBackgroundTypes = ['none', 'stripe'];
|
1274
|
-
/** @internal */
|
1275
|
-
const DefaultListBackgroundNone = {
|
1276
|
-
type: 'none',
|
1277
|
-
};
|
1278
|
-
/** @internal */
|
1279
|
-
const DefaultListBackgroundStripe = {
|
1280
|
-
type: 'stripe',
|
1281
|
-
background1: 'rgba(0, 0, 0, 0.06)',
|
1282
|
-
background2: '#fff',
|
1283
|
-
};
|
1284
|
-
/** @internal */
|
1285
|
-
const DefaultListBackground = DefaultListBackgroundNone;
|
1286
|
-
/** @internal */
|
1287
|
-
const ListDirections = ['vertical', 'horizontal'];
|
1288
|
-
/** @internal */
|
1289
|
-
const DefaultSlideButton = {
|
1290
|
-
type: 'icon',
|
1291
|
-
icon: 'chevron-left',
|
1292
|
-
color: '#999',
|
1293
|
-
fill: '#999',
|
1294
|
-
size: '20px',
|
1295
|
-
};
|
1296
|
-
/** @internal */
|
1297
|
-
const DefaultSlideNavigationButton = {
|
1298
|
-
type: 'circle',
|
1299
|
-
size: '8px',
|
1300
|
-
color: '#ddd',
|
1301
|
-
colorActive: '#666',
|
1302
|
-
};
|
1303
|
-
/** @internal */
|
1304
|
-
const DefaultFormButtonColor = {
|
1305
|
-
main: '#2aab9f',
|
1306
|
-
sub: '#fff',
|
1307
|
-
};
|
1308
|
-
|
1309
1336
|
const DEFAULT_COLLECTION_ENDPOINT = typeof __FLYER_GEN_COLLECTION_API_ENDPOINT__ === 'string'
|
1310
1337
|
? __FLYER_GEN_COLLECTION_API_ENDPOINT__
|
1311
1338
|
: 'https://t.karte.io/collection';
|
@@ -3642,7 +3669,7 @@ function add_css$n(target) {
|
|
3642
3669
|
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}");
|
3643
3670
|
}
|
3644
3671
|
|
3645
|
-
// (
|
3672
|
+
// (59:2) {#if enableCopy}
|
3646
3673
|
function create_if_block$3(ctx) {
|
3647
3674
|
let div0;
|
3648
3675
|
let t0;
|
@@ -3697,11 +3724,14 @@ function create_if_block$3(ctx) {
|
|
3697
3724
|
|
3698
3725
|
function create_fragment$o(ctx) {
|
3699
3726
|
let div2;
|
3727
|
+
let link;
|
3728
|
+
let link_href_value;
|
3729
|
+
let t0;
|
3700
3730
|
let div1;
|
3701
3731
|
let div0;
|
3702
3732
|
let rendertext;
|
3703
3733
|
let div1_class_value;
|
3704
|
-
let
|
3734
|
+
let t1;
|
3705
3735
|
let current;
|
3706
3736
|
let mounted;
|
3707
3737
|
let dispose;
|
@@ -3711,16 +3741,20 @@ function create_fragment$o(ctx) {
|
|
3711
3741
|
return {
|
3712
3742
|
c() {
|
3713
3743
|
div2 = element("div");
|
3744
|
+
link = element("link");
|
3745
|
+
t0 = space();
|
3714
3746
|
div1 = element("div");
|
3715
3747
|
div0 = element("div");
|
3716
3748
|
create_component(rendertext.$$.fragment);
|
3717
|
-
|
3749
|
+
t1 = space();
|
3718
3750
|
if (if_block) if_block.c();
|
3719
3751
|
this.h();
|
3720
3752
|
},
|
3721
3753
|
l(nodes) {
|
3722
3754
|
div2 = claim_element(nodes, "DIV", { class: true });
|
3723
3755
|
var div2_nodes = children(div2);
|
3756
|
+
link = claim_element(div2_nodes, "LINK", { href: true, rel: true });
|
3757
|
+
t0 = claim_space(div2_nodes);
|
3724
3758
|
div1 = claim_element(div2_nodes, "DIV", { class: true, style: true });
|
3725
3759
|
var div1_nodes = children(div1);
|
3726
3760
|
div0 = claim_element(div1_nodes, "DIV", { class: true });
|
@@ -3728,12 +3762,14 @@ function create_fragment$o(ctx) {
|
|
3728
3762
|
claim_component(rendertext.$$.fragment, div0_nodes);
|
3729
3763
|
div0_nodes.forEach(detach);
|
3730
3764
|
div1_nodes.forEach(detach);
|
3731
|
-
|
3765
|
+
t1 = claim_space(div2_nodes);
|
3732
3766
|
if (if_block) if_block.l(div2_nodes);
|
3733
3767
|
div2_nodes.forEach(detach);
|
3734
3768
|
this.h();
|
3735
3769
|
},
|
3736
3770
|
h() {
|
3771
|
+
attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
|
3772
|
+
attr(link, "rel", "stylesheet");
|
3737
3773
|
attr(div0, "class", "text-element-inner svelte-13cs3g2");
|
3738
3774
|
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[2]}`) + " svelte-13cs3g2"));
|
3739
3775
|
attr(div1, "style", /*style*/ ctx[5]);
|
@@ -3741,10 +3777,12 @@ function create_fragment$o(ctx) {
|
|
3741
3777
|
},
|
3742
3778
|
m(target, anchor) {
|
3743
3779
|
insert_hydration(target, div2, anchor);
|
3780
|
+
append_hydration(div2, link);
|
3781
|
+
append_hydration(div2, t0);
|
3744
3782
|
append_hydration(div2, div1);
|
3745
3783
|
append_hydration(div1, div0);
|
3746
3784
|
mount_component(rendertext, div0, null);
|
3747
|
-
append_hydration(div2,
|
3785
|
+
append_hydration(div2, t1);
|
3748
3786
|
if (if_block) if_block.m(div2, null);
|
3749
3787
|
current = true;
|
3750
3788
|
|
@@ -3754,6 +3792,10 @@ function create_fragment$o(ctx) {
|
|
3754
3792
|
}
|
3755
3793
|
},
|
3756
3794
|
p(ctx, [dirty]) {
|
3795
|
+
if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
|
3796
|
+
attr(link, "href", link_href_value);
|
3797
|
+
}
|
3798
|
+
|
3757
3799
|
const rendertext_changes = {};
|
3758
3800
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
3759
3801
|
rendertext.$set(rendertext_changes);
|
@@ -3824,7 +3866,7 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
3824
3866
|
}
|
3825
3867
|
};
|
3826
3868
|
|
3827
|
-
let { _textStyle = 'font-size:12px;' } = $$props;
|
3869
|
+
let { _textStyle = 'font-size:12px; line-height: 1.5;' } = $$props;
|
3828
3870
|
let { textDirection = 'horizontal' } = $$props;
|
3829
3871
|
let { _style = '' } = $$props;
|
3830
3872
|
|
@@ -3901,6 +3943,9 @@ function add_css$m(target) {
|
|
3901
3943
|
|
3902
3944
|
function create_fragment$n(ctx) {
|
3903
3945
|
let div;
|
3946
|
+
let link;
|
3947
|
+
let link_href_value;
|
3948
|
+
let t;
|
3904
3949
|
let button;
|
3905
3950
|
let rendertext;
|
3906
3951
|
let button_class_value;
|
@@ -3913,6 +3958,8 @@ function create_fragment$n(ctx) {
|
|
3913
3958
|
return {
|
3914
3959
|
c() {
|
3915
3960
|
div = element("div");
|
3961
|
+
link = element("link");
|
3962
|
+
t = space();
|
3916
3963
|
button = element("button");
|
3917
3964
|
create_component(rendertext.$$.fragment);
|
3918
3965
|
this.h();
|
@@ -3920,6 +3967,8 @@ function create_fragment$n(ctx) {
|
|
3920
3967
|
l(nodes) {
|
3921
3968
|
div = claim_element(nodes, "DIV", { class: true, style: true });
|
3922
3969
|
var div_nodes = children(div);
|
3970
|
+
link = claim_element(div_nodes, "LINK", { href: true, rel: true });
|
3971
|
+
t = claim_space(div_nodes);
|
3923
3972
|
button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
|
3924
3973
|
var button_nodes = children(button);
|
3925
3974
|
claim_component(rendertext.$$.fragment, button_nodes);
|
@@ -3928,6 +3977,8 @@ function create_fragment$n(ctx) {
|
|
3928
3977
|
this.h();
|
3929
3978
|
},
|
3930
3979
|
h() {
|
3980
|
+
attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
|
3981
|
+
attr(link, "rel", "stylesheet");
|
3931
3982
|
attr(button, "class", button_class_value = "" + (null_to_empty(`text-button${/*disabled*/ ctx[3] ? ' _disabled' : ''}`) + " svelte-1igv5yx"));
|
3932
3983
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
3933
3984
|
button.disabled = /*disabled*/ ctx[3];
|
@@ -3936,6 +3987,8 @@ function create_fragment$n(ctx) {
|
|
3936
3987
|
},
|
3937
3988
|
m(target, anchor) {
|
3938
3989
|
insert_hydration(target, div, anchor);
|
3990
|
+
append_hydration(div, link);
|
3991
|
+
append_hydration(div, t);
|
3939
3992
|
append_hydration(div, button);
|
3940
3993
|
mount_component(rendertext, button, null);
|
3941
3994
|
current = true;
|
@@ -3946,6 +3999,10 @@ function create_fragment$n(ctx) {
|
|
3946
3999
|
}
|
3947
4000
|
},
|
3948
4001
|
p(ctx, [dirty]) {
|
4002
|
+
if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
|
4003
|
+
attr(link, "href", link_href_value);
|
4004
|
+
}
|
4005
|
+
|
3949
4006
|
const rendertext_changes = {};
|
3950
4007
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
3951
4008
|
rendertext.$set(rendertext_changes);
|
@@ -4003,7 +4060,7 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
4003
4060
|
};
|
4004
4061
|
|
4005
4062
|
let { eventName = '' } = $$props;
|
4006
|
-
let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px;' } = $$props;
|
4063
|
+
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;
|
4007
4064
|
let { _style = 'background-color: #000000; border-radius:4px; cursor: pointer' } = $$props;
|
4008
4065
|
const { path: statePath } = getStateItemContext() ?? { path: '/' };
|
4009
4066
|
const valuesAreValid = getValuesAreValidReader(statePath);
|
@@ -5405,7 +5462,7 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
5405
5462
|
let { options = 'ラジオボタン1,ラジオボタン2,ラジオボタン3' } = $$props;
|
5406
5463
|
let { required = false } = $$props;
|
5407
5464
|
let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
|
5408
|
-
let { _textStyle = 'color: #333; font-size: 12px;' } = $$props;
|
5465
|
+
let { _textStyle = 'color: #333; font-size: 12px; line-height:1.5;' } = $$props;
|
5409
5466
|
let { buttonSize = '16px' } = $$props;
|
5410
5467
|
let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
|
5411
5468
|
let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
|
@@ -5756,7 +5813,7 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
5756
5813
|
let { required = false } = $$props;
|
5757
5814
|
let { _style = 'cursor: pointer; background-color: #fff; border: solid 2px #ccc; border-radius: 6px; padding: 0 0 0 10px;' } = $$props;
|
5758
5815
|
let { _focusStyle = 'border-width: 2px; border-color: #2aab9f; border-style: solid' } = $$props;
|
5759
|
-
let { _textStyle = 'font-size: 12px;' } = $$props;
|
5816
|
+
let { _textStyle = 'font-size: 12px; line-height:1.5;' } = $$props;
|
5760
5817
|
let { _placeholderStyle = 'color: #ccc;' } = $$props;
|
5761
5818
|
let { iconColor = 'rgba(0, 16, 14, 0.8)' } = $$props;
|
5762
5819
|
let { iconSize = '12px' } = $$props;
|
@@ -6090,7 +6147,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
6090
6147
|
let { options = 'チェックボックス1,チェックボックス2,チェックボックス3' } = $$props;
|
6091
6148
|
let { required = false } = $$props;
|
6092
6149
|
let { _layoutStyle = 'flex-direction: column; gap: 0px;' } = $$props;
|
6093
|
-
let { _textStyle = 'color: #333; font-size: 12px;' } = $$props;
|
6150
|
+
let { _textStyle = 'color: #333; font-size: 12px; line-height:1.5;' } = $$props;
|
6094
6151
|
let { buttonSize = '16px' } = $$props;
|
6095
6152
|
let { buttonColor = { main: '#f0f1f1', sub: '#f0f1f1' } } = $$props;
|
6096
6153
|
let { buttonColorActive = { main: '#2aab9f', sub: '#fff' } } = $$props;
|
@@ -8644,6 +8701,9 @@ function add_css$2(target) {
|
|
8644
8701
|
|
8645
8702
|
function create_fragment$2(ctx) {
|
8646
8703
|
let div1;
|
8704
|
+
let link;
|
8705
|
+
let link_href_value;
|
8706
|
+
let t;
|
8647
8707
|
let div0;
|
8648
8708
|
let rendertext;
|
8649
8709
|
let div1_class_value;
|
@@ -8653,6 +8713,8 @@ function create_fragment$2(ctx) {
|
|
8653
8713
|
return {
|
8654
8714
|
c() {
|
8655
8715
|
div1 = element("div");
|
8716
|
+
link = element("link");
|
8717
|
+
t = space();
|
8656
8718
|
div0 = element("div");
|
8657
8719
|
create_component(rendertext.$$.fragment);
|
8658
8720
|
this.h();
|
@@ -8660,6 +8722,8 @@ function create_fragment$2(ctx) {
|
|
8660
8722
|
l(nodes) {
|
8661
8723
|
div1 = claim_element(nodes, "DIV", { class: true, style: true });
|
8662
8724
|
var div1_nodes = children(div1);
|
8725
|
+
link = claim_element(div1_nodes, "LINK", { href: true, rel: true });
|
8726
|
+
t = claim_space(div1_nodes);
|
8663
8727
|
div0 = claim_element(div1_nodes, "DIV", { class: true });
|
8664
8728
|
var div0_nodes = children(div0);
|
8665
8729
|
claim_component(rendertext.$$.fragment, div0_nodes);
|
@@ -8668,17 +8732,25 @@ function create_fragment$2(ctx) {
|
|
8668
8732
|
this.h();
|
8669
8733
|
},
|
8670
8734
|
h() {
|
8735
|
+
attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
|
8736
|
+
attr(link, "rel", "stylesheet");
|
8671
8737
|
attr(div0, "class", "text-block-inner svelte-11rpuv5");
|
8672
8738
|
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
|
8673
8739
|
attr(div1, "style", /*style*/ ctx[2]);
|
8674
8740
|
},
|
8675
8741
|
m(target, anchor) {
|
8676
8742
|
insert_hydration(target, div1, anchor);
|
8743
|
+
append_hydration(div1, link);
|
8744
|
+
append_hydration(div1, t);
|
8677
8745
|
append_hydration(div1, div0);
|
8678
8746
|
mount_component(rendertext, div0, null);
|
8679
8747
|
current = true;
|
8680
8748
|
},
|
8681
8749
|
p(ctx, [dirty]) {
|
8750
|
+
if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
|
8751
|
+
attr(link, "href", link_href_value);
|
8752
|
+
}
|
8753
|
+
|
8682
8754
|
const rendertext_changes = {};
|
8683
8755
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
8684
8756
|
rendertext.$set(rendertext_changes);
|
@@ -8710,7 +8782,7 @@ function create_fragment$2(ctx) {
|
|
8710
8782
|
function instance$2($$self, $$props, $$invalidate) {
|
8711
8783
|
let style;
|
8712
8784
|
let { text = 'サンプルSample' } = $$props;
|
8713
|
-
let { _textStyle = 'font-size:12px;' } = $$props;
|
8785
|
+
let { _textStyle = 'font-size:12px; line-height:1.5;' } = $$props;
|
8714
8786
|
let { textDirection = 'horizontal' } = $$props;
|
8715
8787
|
let { _style = '' } = $$props;
|
8716
8788
|
|
@@ -8759,6 +8831,9 @@ function add_css$1(target) {
|
|
8759
8831
|
|
8760
8832
|
function create_fragment$1(ctx) {
|
8761
8833
|
let div;
|
8834
|
+
let link;
|
8835
|
+
let link_href_value;
|
8836
|
+
let t;
|
8762
8837
|
let button;
|
8763
8838
|
let rendertext;
|
8764
8839
|
let current;
|
@@ -8769,6 +8844,8 @@ function create_fragment$1(ctx) {
|
|
8769
8844
|
return {
|
8770
8845
|
c() {
|
8771
8846
|
div = element("div");
|
8847
|
+
link = element("link");
|
8848
|
+
t = space();
|
8772
8849
|
button = element("button");
|
8773
8850
|
create_component(rendertext.$$.fragment);
|
8774
8851
|
this.h();
|
@@ -8776,6 +8853,8 @@ function create_fragment$1(ctx) {
|
|
8776
8853
|
l(nodes) {
|
8777
8854
|
div = claim_element(nodes, "DIV", { class: true, style: true });
|
8778
8855
|
var div_nodes = children(div);
|
8856
|
+
link = claim_element(div_nodes, "LINK", { href: true, rel: true });
|
8857
|
+
t = claim_space(div_nodes);
|
8779
8858
|
button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
|
8780
8859
|
var button_nodes = children(button);
|
8781
8860
|
claim_component(rendertext.$$.fragment, button_nodes);
|
@@ -8784,6 +8863,8 @@ function create_fragment$1(ctx) {
|
|
8784
8863
|
this.h();
|
8785
8864
|
},
|
8786
8865
|
h() {
|
8866
|
+
attr(link, "href", link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`);
|
8867
|
+
attr(link, "rel", "stylesheet");
|
8787
8868
|
attr(button, "class", "text-button svelte-1t5i3za");
|
8788
8869
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
8789
8870
|
attr(div, "class", "text-button-block svelte-1t5i3za");
|
@@ -8791,6 +8872,8 @@ function create_fragment$1(ctx) {
|
|
8791
8872
|
},
|
8792
8873
|
m(target, anchor) {
|
8793
8874
|
insert_hydration(target, div, anchor);
|
8875
|
+
append_hydration(div, link);
|
8876
|
+
append_hydration(div, t);
|
8794
8877
|
append_hydration(div, button);
|
8795
8878
|
mount_component(rendertext, button, null);
|
8796
8879
|
current = true;
|
@@ -8801,6 +8884,10 @@ function create_fragment$1(ctx) {
|
|
8801
8884
|
}
|
8802
8885
|
},
|
8803
8886
|
p(ctx, [dirty]) {
|
8887
|
+
if (!current || dirty & /*text*/ 1 && link_href_value !== (link_href_value = `https://fonts.googleapis.com/css2?${getGoogleFontsParam()}&display=swap&text=${/*text*/ ctx[0]}`)) {
|
8888
|
+
attr(link, "href", link_href_value);
|
8889
|
+
}
|
8890
|
+
|
8804
8891
|
const rendertext_changes = {};
|
8805
8892
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
8806
8893
|
rendertext.$set(rendertext_changes);
|
@@ -8844,7 +8931,7 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
8844
8931
|
};
|
8845
8932
|
|
8846
8933
|
let { eventName = '' } = $$props;
|
8847
|
-
let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px;' } = $$props;
|
8934
|
+
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;
|
8848
8935
|
let { _style = 'background-color: #000000; border-radius:4px;' } = $$props;
|
8849
8936
|
|
8850
8937
|
$$self.$$set = $$props => {
|
@@ -9023,4 +9110,4 @@ class ImageBlock extends SvelteComponent {
|
|
9023
9110
|
}
|
9024
9111
|
}
|
9025
9112
|
|
9026
|
-
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 };
|
9113
|
+
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 };
|