@plaidev/karte-action-sdk 1.1.153 → 1.1.154-28001648.de71a45e

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.
@@ -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
- // (56:2) {#if enableCopy}
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 t;
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
- t = space();
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
- t = claim_space(div2_nodes);
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, t);
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 };