@plaidev/karte-action-sdk 1.1.264-29037816.a7f00a03 → 1.1.264-29051600.c90abff9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/hydrate/index.es.d.ts +14 -8
  2. package/dist/hydrate/index.es.js +1213 -843
  3. package/dist/index.es.d.ts +14 -8
  4. package/dist/index.es.js +1179 -842
  5. package/dist/svelte5/hydrate/index.es.d.ts +2928 -0
  6. package/dist/svelte5/hydrate/index.es.js +7380 -0
  7. package/dist/svelte5/index.es.d.ts +2928 -0
  8. package/dist/svelte5/index.es.js +7629 -0
  9. package/dist/svelte5/index.front2.es.d.ts +2 -0
  10. package/dist/svelte5/index.front2.es.js +7916 -0
  11. package/package.json +42 -15
package/dist/hydrate/index.es.js CHANGED
@@ -3,243 +3,6 @@ import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeU
3
3
  import { SvelteComponent, init, safe_not_equal, empty, head_selector, detach, append_hydration, noop, component_subscribe, element, claim_element, attr, insert_hydration, create_slot, create_component, space, claim_component, claim_space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, group_outros, check_outros, children, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, destroy_each, text, claim_text, set_data, src_url_equal, set_store_value, run_all, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
4
4
  import 'svelte/easing';
5
5
 
6
- var sdk = /*#__PURE__*/Object.freeze({
7
- __proto__: null,
8
- get ACTION_HOOK_LABEL () { return ACTION_HOOK_LABEL; },
9
- get ASPECT_VARIANT () { return ASPECT_VARIANT; },
10
- get ASPECT_VARIANTS () { return ASPECT_VARIANTS; },
11
- get AVATAR_SHAPE () { return AVATAR_SHAPE; },
12
- get AVATAR_SIZE () { return AVATAR_SIZE; },
13
- get AVATAR_SIZE_STYLES () { return AVATAR_SIZE_STYLES; },
14
- get Alignments () { return Alignments; },
15
- get AnimationStyles () { return AnimationStyles; },
16
- get BUTTON_ICON_ANGLE () { return BUTTON_ICON_ANGLE; },
17
- get BUTTON_LINK_TARGET () { return BUTTON_LINK_TARGET; },
18
- get BUTTON_OUTLINED_ROUND_STYLES () { return BUTTON_OUTLINED_ROUND_STYLES; },
19
- get BUTTON_OUTLINED_SIZE_STYLES () { return BUTTON_OUTLINED_SIZE_STYLES; },
20
- get BUTTON_OUTLINED_WRAP_STYLES () { return BUTTON_OUTLINED_WRAP_STYLES; },
21
- get BUTTON_ROUND () { return BUTTON_ROUND; },
22
- get BUTTON_ROUND_STYLES () { return BUTTON_ROUND_STYLES; },
23
- get BUTTON_SIZE () { return BUTTON_SIZE; },
24
- get BUTTON_SIZE_STYLES () { return BUTTON_SIZE_STYLES; },
25
- get BUTTON_TEXT_SIZE () { return BUTTON_TEXT_SIZE; },
26
- get BUTTON_TEXT_SIZE_STYLES () { return BUTTON_TEXT_SIZE_STYLES; },
27
- get BUTTON_TEXT_THEME () { return BUTTON_TEXT_THEME; },
28
- get BUTTON_THEME () { return BUTTON_THEME; },
29
- get BUTTON_VARIANT () { return BUTTON_VARIANT; },
30
- get BUTTON_WRAP_STYLES () { return BUTTON_WRAP_STYLES; },
31
- get BackgroundSizes () { return BackgroundSizes; },
32
- get Box () { return Box; },
33
- get CLOSE_BUTTON_LABEL_PLACEMENT () { return CLOSE_BUTTON_LABEL_PLACEMENT; },
34
- get CLOSE_BUTTON_PLACEMENT () { return CLOSE_BUTTON_PLACEMENT; },
35
- get CLOSE_BUTTON_ROUND () { return CLOSE_BUTTON_ROUND; },
36
- get ClipPaths () { return ClipPaths; },
37
- get CodeElement () { return CodeElement; },
38
- get Countdown () { return Countdown; },
39
- get Cursors () { return Cursors; },
40
- get DefaultEdgePosition () { return DefaultEdgePosition; },
41
- get DefaultElasticity () { return DefaultElasticity; },
42
- get DefaultFormButtonColor () { return DefaultFormButtonColor; },
43
- get DefaultFormIdentifyBooleanField () { return DefaultFormIdentifyBooleanField; },
44
- get DefaultFormIdentifyTextField () { return DefaultFormIdentifyTextField; },
45
- get DefaultListBackground () { return DefaultListBackground; },
46
- get DefaultListBackgroundNone () { return DefaultListBackgroundNone; },
47
- get DefaultListBackgroundStripe () { return DefaultListBackgroundStripe; },
48
- get DefaultListSeparator () { return DefaultListSeparator; },
49
- get DefaultListSeparatorBorder () { return DefaultListSeparatorBorder; },
50
- get DefaultListSeparatorGap () { return DefaultListSeparatorGap; },
51
- get DefaultListSeparatorNone () { return DefaultListSeparatorNone; },
52
- get DefaultModalBreakPoint () { return DefaultModalBreakPoint; },
53
- get DefaultModalPlacement () { return DefaultModalPlacement; },
54
- get DefaultSlideButton () { return DefaultSlideButton; },
55
- get DefaultSlideNavigationButton () { return DefaultSlideNavigationButton; },
56
- get Directions () { return Directions; },
57
- get Elasticities () { return Elasticities; },
58
- get ElasticityStyle () { return ElasticityStyle; },
59
- get EmbedElement () { return EmbedElement; },
60
- get FONT_FAMILY_VARIANT () { return FONT_FAMILY_VARIANT; },
61
- get FONT_FAMILY_VARIANTS () { return FONT_FAMILY_VARIANTS; },
62
- get FONT_FAMILY_VARIANT_GROUPS () { return FONT_FAMILY_VARIANT_GROUPS; },
63
- get Flex () { return Flex; },
64
- get FlexAvatar () { return Avatar; },
65
- get FlexButton () { return Button; },
66
- get FlexButtonOutlined () { return ButtonOutlined; },
67
- get FlexButtonText () { return ButtonText; },
68
- get FlexClipCopy () { return ClipCopy; },
69
- get FlexCloseButton () { return CloseButton; },
70
- get FlexCode () { return Code; },
71
- get FlexCountDown () { return CountDown; },
72
- get FlexCountDownValue () { return CountDownValue; },
73
- get FlexDirections () { return FlexDirections; },
74
- get FlexIcon () { return Icon; },
75
- get FlexImage () { return Image; },
76
- get FlexItem () { return FlexItem; },
77
- get FlexLayout () { return Layout; },
78
- get FlexList () { return List; },
79
- get FlexListItem () { return ListItem; },
80
- get FlexModal () { return Modal; },
81
- get FlexMultiColumn () { return MultiColumn; },
82
- get FlexMultiColumnItem () { return MultiColumnItem; },
83
- get FlexRichText () { return RichText; },
84
- get FlexSlider () { return Slider; },
85
- get FlexSliderItem () { return SliderItem; },
86
- get FlexText () { return Text; },
87
- get FlexTextLink () { return TextLink; },
88
- get FlexYoutube () { return Youtube; },
89
- get Fonts () { return Fonts; },
90
- get FormCheckBoxes () { return FormCheckBoxes; },
91
- get FormIdentifyBooleanFields () { return FormIdentifyBooleanFields; },
92
- get FormIdentifyChoices () { return FormIdentifyChoices; },
93
- get FormIdentifyInput () { return FormIdentifyInput; },
94
- get FormIdentifyTextFieldPlaceholders () { return FormIdentifyTextFieldPlaceholders; },
95
- get FormIdentifyTextFieldValidations () { return FormIdentifyTextFieldValidations; },
96
- get FormIdentifyTextFields () { return FormIdentifyTextFields; },
97
- get FormRadioButtons () { return FormRadioButtons; },
98
- get FormRatingButtonsFace () { return FormRatingButtonsFace; },
99
- get FormRatingButtonsNumber () { return FormRatingButtonsNumber; },
100
- get FormSelect () { return FormSelect; },
101
- get FormTextarea () { return FormTextarea; },
102
- get Grid () { return Grid; },
103
- get GridItem () { return GridItem; },
104
- get GridModalState () { return GridModalState; },
105
- get ICON_SIZE () { return ICON_SIZE; },
106
- get ICON_SIZE_STYLES () { return ICON_SIZE_STYLES; },
107
- get ICON_VARIANTS () { return ICON_VARIANTS; },
108
- get IMAGE_ASPECT_VARIANTS () { return IMAGE_ASPECT_VARIANTS; },
109
- get IMAGE_ROUND_SHAPE () { return IMAGE_ROUND_SHAPE; },
110
- get IconElement () { return IconElement; },
111
- get ImageBlock () { return ImageBlock; },
112
- get ImageElement () { return ImageElement; },
113
- get Justifies () { return Justifies; },
114
- get KARTE_MODAL_ROOT () { return KARTE_MODAL_ROOT; },
115
- get LAYER_TEXT_SIZE () { return LAYER_TEXT_SIZE; },
116
- get LAYOUT_ALIGN () { return LAYOUT_ALIGN; },
117
- get LAYOUT_COMPONENT_NAMES () { return LAYOUT_COMPONENT_NAMES; },
118
- get LAYOUT_DIRECTION () { return LAYOUT_DIRECTION; },
119
- get LAYOUT_DISPLAY_TYPE () { return LAYOUT_DISPLAY_TYPE; },
120
- get LAYOUT_JUSTIFY () { return LAYOUT_JUSTIFY; },
121
- get LIST_ITEM_CONTEXT_KEY () { return LIST_ITEM_CONTEXT_KEY; },
122
- get LengthUnits () { return LengthUnits; },
123
- get List () { return List$1; },
124
- get ListBackgroundTypes () { return ListBackgroundTypes; },
125
- get ListDirections () { return ListDirections; },
126
- get ListItem () { return ListItem$1; },
127
- get ListSeparatorTypes () { return ListSeparatorTypes; },
128
- get MULTI_COLUMN_ITEM_CONTEXT_KEY () { return MULTI_COLUMN_ITEM_CONTEXT_KEY; },
129
- get MediaQueries () { return MediaQueries; },
130
- get Modal () { return Modal$1; },
131
- get ModalPositions () { return ModalPositions; },
132
- get MovieVimeoElement () { return MovieVimeoElement; },
133
- get MovieYouTubeElement () { return MovieYouTubeElement; },
134
- get ObjectFits () { return ObjectFits; },
135
- get OnClickOperationOptions () { return OnClickOperationOptions; },
136
- get Overflows () { return Overflows; },
137
- get PropTypes () { return PropTypes; },
138
- get ROUND_STYLES () { return ROUND_STYLES; },
139
- get ROUND_VARIANT () { return ROUND_VARIANT; },
140
- get Repeats () { return Repeats; },
141
- get SHADOW_VARIANT () { return SHADOW_VARIANT; },
142
- get SHADOW_VARIANTS () { return SHADOW_VARIANTS; },
143
- get SYSTEM_FONT () { return SYSTEM_FONT; },
144
- get Slide () { return Slide; },
145
- get SlideItem () { return SlideItem; },
146
- get State () { return State; },
147
- get StateItem () { return StateItem; },
148
- get TEXT_LINK_SIZE () { return TEXT_LINK_SIZE; },
149
- get TEXT_LINK_SIZE_STYLES () { return TEXT_LINK_SIZE_STYLES; },
150
- get TEXT_LINK_THEME () { return TEXT_LINK_THEME; },
151
- get TEXT_LINK_UNDERLINE () { return TEXT_LINK_UNDERLINE; },
152
- get TEXT_STYLE () { return TEXT_STYLE; },
153
- get TEXT_THEME () { return TEXT_THEME; },
154
- get TEXT_VARIANTS () { return TEXT_VARIANTS; },
155
- get TextBlock () { return TextBlock; },
156
- get TextButtonBlock () { return TextButtonBlock; },
157
- get TextButtonElement () { return TextButtonElement; },
158
- get TextDirections () { return TextDirections; },
159
- get TextElement () { return TextElement; },
160
- get ThumbnailPreview () { return ThumbnailPreview; },
161
- get WritingModes () { return WritingModes; },
162
- get addChoiceAnswer () { return addChoiceAnswer; },
163
- get addFreeAnswer () { return addFreeAnswer; },
164
- get afterUpdate () { return afterUpdate; },
165
- get applyCss () { return applyCss; },
166
- get applyGlobalCss () { return applyGlobalCss; },
167
- get avatarPropsDefault () { return avatarPropsDefault; },
168
- get beforeUpdate () { return beforeUpdate; },
169
- get buttonOutlinedPropsDefault () { return buttonOutlinedPropsDefault; },
170
- get buttonPropsDefault () { return buttonPropsDefault; },
171
- get close () { return close; },
172
- get closeAction () { return closeAction; },
173
- get collection () { return collection$1; },
174
- get create () { return create; },
175
- get createApp () { return createApp; },
176
- get createFog () { return createFog; },
177
- get destroy () { return destroy; },
178
- get destroyAction () { return destroyAction; },
179
- get ensureModalRoot () { return ensureModalRoot; },
180
- get eventHandlers () { return eventHandlers; },
181
- get finalize () { return finalize; },
182
- get formData () { return formData; },
183
- get getActionRoot () { return getActionRoot; },
184
- get getAnsweredQuestion () { return getAnsweredQuestion; },
185
- get getAnsweredQuestionIds () { return getAnsweredQuestionIds; },
186
- get getBrandKit () { return getBrandKit; },
187
- get getButtonOutlinedThemeStyles () { return getButtonOutlinedThemeStyles; },
188
- get getButtonTextThemeStyles () { return getButtonTextThemeStyles; },
189
- get getButtonThemeStyles () { return getButtonThemeStyles; },
190
- get getCssVariables () { return getCssVariables; },
191
- get getEventHandlers () { return getEventHandlers; },
192
- get getEvents () { return getEvents; },
193
- get getLogs () { return getLogs; },
194
- get getState () { return getState$1; },
195
- get getStates () { return getStates; },
196
- get getSystem () { return getSystem; },
197
- get getTextLinkThemeStyles () { return getTextLinkThemeStyles; },
198
- get getTextThemeStyles () { return getTextThemeStyles; },
199
- get getVariables () { return getVariables; },
200
- get hideOnScroll () { return hideOnScroll; },
201
- get hideOnTime () { return hideOnTime; },
202
- get initialize () { return initialize; },
203
- get isOpened () { return isOpened; },
204
- get listenLogger () { return listenLogger; },
205
- get loadActionTable () { return loadActionTable; },
206
- get loadActionTableQuery () { return loadActionTableQuery; },
207
- get loadActionTableRow () { return loadActionTableRow; },
208
- get loadActionTableRows () { return loadActionTableRows; },
209
- get loadGlobalScript () { return loadGlobalScript; },
210
- get loadGlobalStyle () { return loadGlobalStyle; },
211
- get loadStyle () { return loadStyle; },
212
- get logger () { return logger; },
213
- get onChangeState () { return onChangeState; },
214
- get onClose () { return onClose; },
215
- get onCreate () { return onCreate; },
216
- get onDestory () { return onDestory; },
217
- get onDestroy () { return onDestroy; },
218
- get onMount () { return onMount; },
219
- get onScroll () { return onScroll; },
220
- get onShow () { return onShow; },
221
- get onTime () { return onTime; },
222
- get removeAnswer () { return removeAnswer; },
223
- get resetEventHandlers () { return resetEventHandlers; },
224
- get resetVariables () { return resetVariables; },
225
- get sendAnswer () { return sendAnswer; },
226
- get sendAnswers () { return sendAnswers; },
227
- get setEventHandlers () { return setEventHandlers; },
228
- get setSetting () { return setSetting; },
229
- get setState () { return setState$1; },
230
- get setVariables () { return setVariables; },
231
- get show () { return show; },
232
- get showAction () { return showAction; },
233
- get showModal () { return showModal; },
234
- get showOnScroll () { return showOnScroll; },
235
- get showOnTime () { return showOnTime; },
236
- get state () { return state; },
237
- get tick () { return tick; },
238
- get useBrandKit () { return useBrandKit; },
239
- get variables () { return variables; },
240
- get widget () { return widget; }
241
- });
242
-
243
6
  /** @internal */
244
7
  const ACTION_HOOK_LABEL = '__ACTION_HOOK__';
245
8
  /** @internal */
@@ -2066,7 +1829,12 @@ function createModal(App, options = {
2066
1829
  }
2067
1830
  finalize();
2068
1831
  dispatchDestroyEvent();
2069
- app.$destroy();
1832
+ if (app != null) {
1833
+ {
1834
+ // @ts-ignore -- Svelte5 では $destroy は存在しない
1835
+ app.$destroy();
1836
+ }
1837
+ }
2070
1838
  app = null;
2071
1839
  return NOOP;
2072
1840
  };
@@ -2105,7 +1873,7 @@ function createModal(App, options = {
2105
1873
  if (app) {
2106
1874
  return;
2107
1875
  }
2108
- app = new App({
1876
+ const props = {
2109
1877
  target: ensureActionRoot(!true),
2110
1878
  hydrate: true,
2111
1879
  props: {
@@ -2141,7 +1909,9 @@ function createModal(App, options = {
2141
1909
  }
2142
1910
  },
2143
1911
  },
2144
- });
1912
+ };
1913
+ app = // @ts-ignore -- Svelte5 では `App` はクラスではない
1914
+ new App(props);
2145
1915
  };
2146
1916
  const handleShow = (event) => {
2147
1917
  const trigger = event?.detail?.trigger ? event.detail.trigger : 'none';
@@ -2179,7 +1949,12 @@ function createModal(App, options = {
2179
1949
  options.onCreate(actionProps);
2180
1950
  }
2181
1951
  const appCleanup = () => {
2182
- app?.$destroy();
1952
+ if (app != null) {
1953
+ {
1954
+ // @ts-ignore -- Svelte5 では $destroy は存在しない
1955
+ app.$destroy();
1956
+ }
1957
+ }
2183
1958
  actionTablePromise = null;
2184
1959
  showTriggerCleanups.forEach((c) => c());
2185
1960
  closeTriggerCleanups.forEach((c) => c());
@@ -2255,7 +2030,10 @@ function createApp(App, options = {
2255
2030
  let app = null;
2256
2031
  const close = () => {
2257
2032
  if (app) {
2258
- app.$destroy();
2033
+ {
2034
+ // @ts-ignore -- Svelte5 では $destroy は存在しない
2035
+ app.$destroy();
2036
+ }
2259
2037
  app = null;
2260
2038
  }
2261
2039
  };
@@ -2283,7 +2061,8 @@ function createApp(App, options = {
2283
2061
  return;
2284
2062
  }
2285
2063
  options.send('message_open');
2286
- app = new App(appArgs);
2064
+ app = // @ts-ignore -- Svelte5 では `App` はクラスではない
2065
+ new App(appArgs);
2287
2066
  },
2288
2067
  };
2289
2068
  }
@@ -3094,7 +2873,7 @@ const LAYOUT_COMPONENT_NAMES = [
3094
2873
 
3095
2874
  /* src/components/Header.svelte generated by Svelte v3.53.1 */
3096
2875
 
3097
- function create_if_block$h(ctx) {
2876
+ function create_if_block$j(ctx) {
3098
2877
  let link;
3099
2878
 
3100
2879
  return {
@@ -3125,9 +2904,9 @@ function create_if_block$h(ctx) {
3125
2904
  };
3126
2905
  }
3127
2906
 
3128
- function create_fragment$1s(ctx) {
2907
+ function create_fragment$1v(ctx) {
3129
2908
  let if_block_anchor;
3130
- let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$h(ctx);
2909
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$j(ctx);
3131
2910
 
3132
2911
  return {
3133
2912
  c() {
@@ -3149,7 +2928,7 @@ function create_fragment$1s(ctx) {
3149
2928
  if (if_block) {
3150
2929
  if_block.p(ctx, dirty);
3151
2930
  } else {
3152
- if_block = create_if_block$h(ctx);
2931
+ if_block = create_if_block$j(ctx);
3153
2932
  if_block.c();
3154
2933
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3155
2934
  }
@@ -3167,7 +2946,7 @@ function create_fragment$1s(ctx) {
3167
2946
  };
3168
2947
  }
3169
2948
 
3170
- function instance$1s($$self, $$props, $$invalidate) {
2949
+ function instance$1v($$self, $$props, $$invalidate) {
3171
2950
  let $fonts;
3172
2951
  component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
3173
2952
  let googleFontUrl = '';
@@ -3194,12 +2973,12 @@ function instance$1s($$self, $$props, $$invalidate) {
3194
2973
  return [googleFontUrl, $fonts];
3195
2974
  }
3196
2975
 
3197
- class Header extends SvelteComponent {
2976
+ let Header$1 = class Header extends SvelteComponent {
3198
2977
  constructor(options) {
3199
2978
  super();
3200
- init(this, options, instance$1s, create_fragment$1s, safe_not_equal, {});
2979
+ init(this, options, instance$1v, create_fragment$1v, safe_not_equal, {});
3201
2980
  }
3202
- }
2981
+ };
3203
2982
 
3204
2983
  const BRAND_KIT_DEFAULT = {
3205
2984
  font_family: 'sans-serif, serif, monospace, system-ui',
@@ -3235,11 +3014,11 @@ const useBrandKit = () => {
3235
3014
 
3236
3015
  /* src/components/State.svelte generated by Svelte v3.53.1 */
3237
3016
 
3238
- function create_fragment$1r(ctx) {
3017
+ function create_fragment$1u(ctx) {
3239
3018
  let header;
3240
3019
  let t;
3241
3020
  let current;
3242
- header = new Header({});
3021
+ header = new Header$1({});
3243
3022
  const default_slot_template = /*#slots*/ ctx[2].default;
3244
3023
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
3245
3024
 
@@ -3299,7 +3078,7 @@ function create_fragment$1r(ctx) {
3299
3078
  };
3300
3079
  }
3301
3080
 
3302
- function instance$1r($$self, $$props, $$invalidate) {
3081
+ function instance$1u($$self, $$props, $$invalidate) {
3303
3082
  let { $$slots: slots = {}, $$scope } = $$props;
3304
3083
  let { customBrandKit = undefined } = $$props;
3305
3084
  setContext('brandKit', getBrandKit(customBrandKit));
@@ -3312,21 +3091,21 @@ function instance$1r($$self, $$props, $$invalidate) {
3312
3091
  return [customBrandKit, $$scope, slots];
3313
3092
  }
3314
3093
 
3315
- class State extends SvelteComponent {
3094
+ let State$1 = class State extends SvelteComponent {
3316
3095
  constructor(options) {
3317
3096
  super();
3318
- init(this, options, instance$1r, create_fragment$1r, safe_not_equal, { customBrandKit: 0 });
3097
+ init(this, options, instance$1u, create_fragment$1u, safe_not_equal, { customBrandKit: 0 });
3319
3098
  }
3320
- }
3099
+ };
3321
3100
 
3322
3101
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
3323
3102
 
3324
- function add_css$S(target) {
3103
+ function add_css$T(target) {
3325
3104
  append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
3326
3105
  }
3327
3106
 
3328
3107
  // (22:0) {#if $state === path}
3329
- function create_if_block$g(ctx) {
3108
+ function create_if_block$i(ctx) {
3330
3109
  let div;
3331
3110
  let t;
3332
3111
  let current;
@@ -3398,10 +3177,10 @@ function create_if_block$g(ctx) {
3398
3177
  };
3399
3178
  }
3400
3179
 
3401
- function create_fragment$1q(ctx) {
3180
+ function create_fragment$1t(ctx) {
3402
3181
  let if_block_anchor;
3403
3182
  let current;
3404
- let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$g(ctx);
3183
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$i(ctx);
3405
3184
 
3406
3185
  return {
3407
3186
  c() {
@@ -3426,7 +3205,7 @@ function create_fragment$1q(ctx) {
3426
3205
  transition_in(if_block, 1);
3427
3206
  }
3428
3207
  } else {
3429
- if_block = create_if_block$g(ctx);
3208
+ if_block = create_if_block$i(ctx);
3430
3209
  if_block.c();
3431
3210
  transition_in(if_block, 1);
3432
3211
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3457,18 +3236,18 @@ function create_fragment$1q(ctx) {
3457
3236
  };
3458
3237
  }
3459
3238
 
3460
- const STATE_ITEM_CONTEXT_KEY = Symbol();
3239
+ const STATE_ITEM_CONTEXT_KEY$1 = Symbol();
3461
3240
 
3462
3241
  function getStateItemContext() {
3463
- return getContext(STATE_ITEM_CONTEXT_KEY);
3242
+ return getContext(STATE_ITEM_CONTEXT_KEY$1);
3464
3243
  }
3465
3244
 
3466
- function instance$1q($$self, $$props, $$invalidate) {
3245
+ function instance$1t($$self, $$props, $$invalidate) {
3467
3246
  let $state;
3468
3247
  component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
3469
3248
  let { $$slots: slots = {}, $$scope } = $$props;
3470
3249
  let { path } = $$props;
3471
- setContext(STATE_ITEM_CONTEXT_KEY, { path });
3250
+ setContext(STATE_ITEM_CONTEXT_KEY$1, { path });
3472
3251
 
3473
3252
  $$self.$$set = $$props => {
3474
3253
  if ('path' in $$props) $$invalidate(0, path = $$props.path);
@@ -3486,12 +3265,12 @@ function instance$1q($$self, $$props, $$invalidate) {
3486
3265
  return [path, $state, $$scope, slots];
3487
3266
  }
3488
3267
 
3489
- class StateItem extends SvelteComponent {
3268
+ let StateItem$1 = class StateItem extends SvelteComponent {
3490
3269
  constructor(options) {
3491
3270
  super();
3492
- init(this, options, instance$1q, create_fragment$1q, safe_not_equal, { path: 0 }, add_css$S);
3271
+ init(this, options, instance$1t, create_fragment$1t, safe_not_equal, { path: 0 }, add_css$T);
3493
3272
  }
3494
- }
3273
+ };
3495
3274
 
3496
3275
  /**
3497
3276
  * モーダル(ポップアップ)のコンポーネントが利用するコードの管理
@@ -3615,12 +3394,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
3615
3394
 
3616
3395
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
3617
3396
 
3618
- function add_css$R(target) {
3397
+ function add_css$S(target) {
3619
3398
  append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
3620
3399
  }
3621
3400
 
3622
3401
  // (14:0) {#if backgroundOverlay}
3623
- function create_if_block$f(ctx) {
3402
+ function create_if_block$h(ctx) {
3624
3403
  let div;
3625
3404
  let div_class_value;
3626
3405
  let mounted;
@@ -3660,9 +3439,9 @@ function create_if_block$f(ctx) {
3660
3439
  };
3661
3440
  }
3662
3441
 
3663
- function create_fragment$1p(ctx) {
3442
+ function create_fragment$1s(ctx) {
3664
3443
  let if_block_anchor;
3665
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$f(ctx);
3444
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$h(ctx);
3666
3445
 
3667
3446
  return {
3668
3447
  c() {
@@ -3682,7 +3461,7 @@ function create_fragment$1p(ctx) {
3682
3461
  if (if_block) {
3683
3462
  if_block.p(ctx, dirty);
3684
3463
  } else {
3685
- if_block = create_if_block$f(ctx);
3464
+ if_block = create_if_block$h(ctx);
3686
3465
  if_block.c();
3687
3466
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
3688
3467
  }
@@ -3700,7 +3479,7 @@ function create_fragment$1p(ctx) {
3700
3479
  };
3701
3480
  }
3702
3481
 
3703
- function instance$1p($$self, $$props, $$invalidate) {
3482
+ function instance$1s($$self, $$props, $$invalidate) {
3704
3483
  let { backgroundOverlay = false } = $$props;
3705
3484
  let { class: className = undefined } = $$props;
3706
3485
  const dispatch = createEventDispatcher();
@@ -3717,7 +3496,7 @@ function instance$1p($$self, $$props, $$invalidate) {
3717
3496
  let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
3718
3497
  constructor(options) {
3719
3498
  super();
3720
- init(this, options, instance$1p, create_fragment$1p, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$R);
3499
+ init(this, options, instance$1s, create_fragment$1s, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$S);
3721
3500
  }
3722
3501
  };
3723
3502
 
@@ -3757,7 +3536,7 @@ function checkStopPropagation(eventName, handler) {
3757
3536
 
3758
3537
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3759
3538
 
3760
- function add_css$Q(target) {
3539
+ function add_css$R(target) {
3761
3540
  append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
3762
3541
  }
3763
3542
 
@@ -4040,7 +3819,7 @@ function create_if_block_1$4(ctx) {
4040
3819
  }
4041
3820
 
4042
3821
  // (34:0) {#if disabled}
4043
- function create_if_block$e(ctx) {
3822
+ function create_if_block$g(ctx) {
4044
3823
  let div;
4045
3824
  let current;
4046
3825
  const default_slot_template = /*#slots*/ ctx[10].default;
@@ -4108,12 +3887,12 @@ function create_if_block$e(ctx) {
4108
3887
  };
4109
3888
  }
4110
3889
 
4111
- function create_fragment$1o(ctx) {
3890
+ function create_fragment$1r(ctx) {
4112
3891
  let current_block_type_index;
4113
3892
  let if_block;
4114
3893
  let if_block_anchor;
4115
3894
  let current;
4116
- const if_block_creators = [create_if_block$e, create_if_block_1$4, create_if_block_2$2, create_else_block$5];
3895
+ const if_block_creators = [create_if_block$g, create_if_block_1$4, create_if_block_2$2, create_else_block$5];
4117
3896
  const if_blocks = [];
4118
3897
 
4119
3898
  function select_block_type(ctx, dirty) {
@@ -4185,7 +3964,7 @@ function create_fragment$1o(ctx) {
4185
3964
 
4186
3965
  const BUTTON_CLASS = 'button';
4187
3966
 
4188
- function instance$1o($$self, $$props, $$invalidate) {
3967
+ function instance$1r($$self, $$props, $$invalidate) {
4189
3968
  let disabled;
4190
3969
  let $valuesAreValid;
4191
3970
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -4255,8 +4034,8 @@ let Button$1 = class Button extends SvelteComponent {
4255
4034
  init(
4256
4035
  this,
4257
4036
  options,
4258
- instance$1o,
4259
- create_fragment$1o,
4037
+ instance$1r,
4038
+ create_fragment$1r,
4260
4039
  safe_not_equal,
4261
4040
  {
4262
4041
  onClick: 0,
@@ -4265,14 +4044,14 @@ let Button$1 = class Button extends SvelteComponent {
4265
4044
  style: 1,
4266
4045
  isModalCloseButton: 7
4267
4046
  },
4268
- add_css$Q
4047
+ add_css$R
4269
4048
  );
4270
4049
  }
4271
4050
  };
4272
4051
 
4273
4052
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
4274
4053
 
4275
- function add_css$P(target) {
4054
+ function add_css$Q(target) {
4276
4055
  append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
4277
4056
  }
4278
4057
 
@@ -4411,7 +4190,7 @@ function create_if_block_2$1(ctx) {
4411
4190
  }
4412
4191
 
4413
4192
  // (281:0) {#if visible}
4414
- function create_if_block$d(ctx) {
4193
+ function create_if_block$f(ctx) {
4415
4194
  let div;
4416
4195
  let button;
4417
4196
  let div_class_value;
@@ -4739,7 +4518,7 @@ function create_default_slot$7(ctx) {
4739
4518
  };
4740
4519
  }
4741
4520
 
4742
- function create_fragment$1n(ctx) {
4521
+ function create_fragment$1q(ctx) {
4743
4522
  let show_if;
4744
4523
  let current_block_type_index;
4745
4524
  let if_block0;
@@ -4760,7 +4539,7 @@ function create_fragment$1n(ctx) {
4760
4539
 
4761
4540
  current_block_type_index = select_block_type(ctx);
4762
4541
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
4763
- let if_block1 = /*visible*/ ctx[16] && create_if_block$d(ctx);
4542
+ let if_block1 = /*visible*/ ctx[16] && create_if_block$f(ctx);
4764
4543
 
4765
4544
  return {
4766
4545
  c() {
@@ -4826,7 +4605,7 @@ function create_fragment$1n(ctx) {
4826
4605
  transition_in(if_block1, 1);
4827
4606
  }
4828
4607
  } else {
4829
- if_block1 = create_if_block$d(ctx);
4608
+ if_block1 = create_if_block$f(ctx);
4830
4609
  if_block1.c();
4831
4610
  transition_in(if_block1, 1);
4832
4611
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4863,7 +4642,7 @@ function create_fragment$1n(ctx) {
4863
4642
  };
4864
4643
  }
4865
4644
 
4866
- function instance$1n($$self, $$props, $$invalidate) {
4645
+ function instance$1q($$self, $$props, $$invalidate) {
4867
4646
  let close;
4868
4647
  let closable;
4869
4648
  let backgroundClick;
@@ -5146,8 +4925,8 @@ let Modal$1 = class Modal extends SvelteComponent {
5146
4925
  init(
5147
4926
  this,
5148
4927
  options,
5149
- instance$1n,
5150
- create_fragment$1n,
4928
+ instance$1q,
4929
+ create_fragment$1q,
5151
4930
  safe_not_equal,
5152
4931
  {
5153
4932
  onClick: 0,
@@ -5165,7 +4944,7 @@ let Modal$1 = class Modal extends SvelteComponent {
5165
4944
  closeButtonColor: 9,
5166
4945
  _closeStyle: 10
5167
4946
  },
5168
- add_css$P,
4947
+ add_css$Q,
5169
4948
  [-1, -1]
5170
4949
  );
5171
4950
  }
@@ -5173,7 +4952,7 @@ let Modal$1 = class Modal extends SvelteComponent {
5173
4952
 
5174
4953
  /* src/components/Grid.svelte generated by Svelte v3.53.1 */
5175
4954
 
5176
- function create_fragment$1m(ctx) {
4955
+ function create_fragment$1p(ctx) {
5177
4956
  let div;
5178
4957
  let current;
5179
4958
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -5241,7 +5020,7 @@ function create_fragment$1m(ctx) {
5241
5020
  };
5242
5021
  }
5243
5022
 
5244
- function instance$1m($$self, $$props, $$invalidate) {
5023
+ function instance$1p($$self, $$props, $$invalidate) {
5245
5024
  let _style;
5246
5025
  let { $$slots: slots = {}, $$scope } = $$props;
5247
5026
  let { width = '512px' } = $$props;
@@ -5286,7 +5065,7 @@ class Grid extends SvelteComponent {
5286
5065
  constructor(options) {
5287
5066
  super();
5288
5067
 
5289
- init(this, options, instance$1m, create_fragment$1m, safe_not_equal, {
5068
+ init(this, options, instance$1p, create_fragment$1p, safe_not_equal, {
5290
5069
  width: 1,
5291
5070
  height: 2,
5292
5071
  rows: 3,
@@ -5299,11 +5078,11 @@ class Grid extends SvelteComponent {
5299
5078
 
5300
5079
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
5301
5080
 
5302
- function add_css$O(target) {
5081
+ function add_css$P(target) {
5303
5082
  append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
5304
5083
  }
5305
5084
 
5306
- function create_fragment$1l(ctx) {
5085
+ function create_fragment$1o(ctx) {
5307
5086
  let div1;
5308
5087
  let div0;
5309
5088
  let current;
@@ -5396,7 +5175,7 @@ function create_fragment$1l(ctx) {
5396
5175
 
5397
5176
  const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
5398
5177
 
5399
- function instance$1l($$self, $$props, $$invalidate) {
5178
+ function instance$1o($$self, $$props, $$invalidate) {
5400
5179
  let _style;
5401
5180
  let { $$slots: slots = {}, $$scope } = $$props;
5402
5181
  let { x1 } = $$props;
@@ -5445,8 +5224,8 @@ class GridItem extends SvelteComponent {
5445
5224
  init(
5446
5225
  this,
5447
5226
  options,
5448
- instance$1l,
5449
- create_fragment$1l,
5227
+ instance$1o,
5228
+ create_fragment$1o,
5450
5229
  safe_not_equal,
5451
5230
  {
5452
5231
  x1: 2,
@@ -5457,7 +5236,7 @@ class GridItem extends SvelteComponent {
5457
5236
  background: 7,
5458
5237
  gridItemId: 0
5459
5238
  },
5460
- add_css$O
5239
+ add_css$P
5461
5240
  );
5462
5241
  }
5463
5242
  }
@@ -5495,7 +5274,7 @@ function create_else_block$3(ctx) {
5495
5274
  }
5496
5275
 
5497
5276
  // (11:2) {#if item.match(regexp)}
5498
- function create_if_block$c(ctx) {
5277
+ function create_if_block$e(ctx) {
5499
5278
  let br;
5500
5279
 
5501
5280
  return {
@@ -5523,7 +5302,7 @@ function create_each_block$8(ctx) {
5523
5302
  function select_block_type(ctx, dirty) {
5524
5303
  if (dirty & /*items*/ 1) show_if = null;
5525
5304
  if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
5526
- if (show_if) return create_if_block$c;
5305
+ if (show_if) return create_if_block$e;
5527
5306
  return create_else_block$3;
5528
5307
  }
5529
5308
 
@@ -5563,7 +5342,7 @@ function create_each_block$8(ctx) {
5563
5342
  };
5564
5343
  }
5565
5344
 
5566
- function create_fragment$1k(ctx) {
5345
+ function create_fragment$1n(ctx) {
5567
5346
  let each_1_anchor;
5568
5347
  let each_value = /*items*/ ctx[0];
5569
5348
  let each_blocks = [];
@@ -5629,7 +5408,7 @@ function create_fragment$1k(ctx) {
5629
5408
 
5630
5409
  const regexp = /(\r?\n)/;
5631
5410
 
5632
- function instance$1k($$self, $$props, $$invalidate) {
5411
+ function instance$1n($$self, $$props, $$invalidate) {
5633
5412
  let items;
5634
5413
  let { text = 'サンプルSample' } = $$props;
5635
5414
 
@@ -5650,13 +5429,13 @@ function instance$1k($$self, $$props, $$invalidate) {
5650
5429
  class RenderText extends SvelteComponent {
5651
5430
  constructor(options) {
5652
5431
  super();
5653
- init(this, options, instance$1k, create_fragment$1k, safe_not_equal, { text: 1 });
5432
+ init(this, options, instance$1n, create_fragment$1n, safe_not_equal, { text: 1 });
5654
5433
  }
5655
5434
  }
5656
5435
 
5657
5436
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
5658
5437
 
5659
- function add_css$N(target) {
5438
+ function add_css$O(target) {
5660
5439
  append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{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-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
5661
5440
  }
5662
5441
 
@@ -5727,7 +5506,7 @@ function create_else_block$2(ctx) {
5727
5506
  }
5728
5507
 
5729
5508
  // (78:2) {#if enableCopy}
5730
- function create_if_block$b(ctx) {
5509
+ function create_if_block$d(ctx) {
5731
5510
  let a;
5732
5511
  let div0;
5733
5512
  let rendertext;
@@ -5840,12 +5619,12 @@ function create_if_block$b(ctx) {
5840
5619
  };
5841
5620
  }
5842
5621
 
5843
- function create_fragment$1j(ctx) {
5622
+ function create_fragment$1m(ctx) {
5844
5623
  let div;
5845
5624
  let current_block_type_index;
5846
5625
  let if_block;
5847
5626
  let current;
5848
- const if_block_creators = [create_if_block$b, create_else_block$2];
5627
+ const if_block_creators = [create_if_block$d, create_else_block$2];
5849
5628
  const if_blocks = [];
5850
5629
 
5851
5630
  function select_block_type(ctx, dirty) {
@@ -5920,7 +5699,7 @@ function create_fragment$1j(ctx) {
5920
5699
  };
5921
5700
  }
5922
5701
 
5923
- function instance$1j($$self, $$props, $$invalidate) {
5702
+ function instance$1m($$self, $$props, $$invalidate) {
5924
5703
  let style;
5925
5704
  let { text = 'テキストのコンテンツ' } = $$props;
5926
5705
  let { font = SYSTEM_FONT } = $$props;
@@ -6016,8 +5795,8 @@ class TextElement extends SvelteComponent {
6016
5795
  init(
6017
5796
  this,
6018
5797
  options,
6019
- instance$1j,
6020
- create_fragment$1j,
5798
+ instance$1m,
5799
+ create_fragment$1m,
6021
5800
  safe_not_equal,
6022
5801
  {
6023
5802
  text: 0,
@@ -6028,14 +5807,14 @@ class TextElement extends SvelteComponent {
6028
5807
  enableCopy: 2,
6029
5808
  eventName: 10
6030
5809
  },
6031
- add_css$N
5810
+ add_css$O
6032
5811
  );
6033
5812
  }
6034
5813
  }
6035
5814
 
6036
5815
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
6037
5816
 
6038
- function add_css$M(target) {
5817
+ function add_css$N(target) {
6039
5818
  append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
6040
5819
  }
6041
5820
 
@@ -6076,7 +5855,7 @@ function create_default_slot$6(ctx) {
6076
5855
  };
6077
5856
  }
6078
5857
 
6079
- function create_fragment$1i(ctx) {
5858
+ function create_fragment$1l(ctx) {
6080
5859
  let div;
6081
5860
  let button;
6082
5861
  let current;
@@ -6140,7 +5919,7 @@ function create_fragment$1i(ctx) {
6140
5919
  };
6141
5920
  }
6142
5921
 
6143
- function instance$1i($$self, $$props, $$invalidate) {
5922
+ function instance$1l($$self, $$props, $$invalidate) {
6144
5923
  let style;
6145
5924
  let { text = 'ボタンのラベル' } = $$props;
6146
5925
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -6178,8 +5957,8 @@ class TextButtonElement extends SvelteComponent {
6178
5957
  init(
6179
5958
  this,
6180
5959
  options,
6181
- instance$1i,
6182
- create_fragment$1i,
5960
+ instance$1l,
5961
+ create_fragment$1l,
6183
5962
  safe_not_equal,
6184
5963
  {
6185
5964
  text: 0,
@@ -6189,14 +5968,14 @@ class TextButtonElement extends SvelteComponent {
6189
5968
  _buttonStyle: 5,
6190
5969
  _style: 6
6191
5970
  },
6192
- add_css$M
5971
+ add_css$N
6193
5972
  );
6194
5973
  }
6195
5974
  }
6196
5975
 
6197
5976
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
6198
5977
 
6199
- function add_css$L(target) {
5978
+ function add_css$M(target) {
6200
5979
  append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
6201
5980
  }
6202
5981
 
@@ -6267,7 +6046,7 @@ function create_default_slot$5(ctx) {
6267
6046
  };
6268
6047
  }
6269
6048
 
6270
- function create_fragment$1h(ctx) {
6049
+ function create_fragment$1k(ctx) {
6271
6050
  let div;
6272
6051
  let button;
6273
6052
  let div_class_value;
@@ -6336,7 +6115,7 @@ function create_fragment$1h(ctx) {
6336
6115
  };
6337
6116
  }
6338
6117
 
6339
- function instance$1h($$self, $$props, $$invalidate) {
6118
+ function instance$1k($$self, $$props, $$invalidate) {
6340
6119
  let { src = '' } = $$props;
6341
6120
  let { alt = '画像の説明' } = $$props;
6342
6121
  let { transport = false } = $$props;
@@ -6367,8 +6146,8 @@ class ImageElement extends SvelteComponent {
6367
6146
  init(
6368
6147
  this,
6369
6148
  options,
6370
- instance$1h,
6371
- create_fragment$1h,
6149
+ instance$1k,
6150
+ create_fragment$1k,
6372
6151
  safe_not_equal,
6373
6152
  {
6374
6153
  src: 0,
@@ -6380,18 +6159,18 @@ class ImageElement extends SvelteComponent {
6380
6159
  _imageStyle: 6,
6381
6160
  _style: 7
6382
6161
  },
6383
- add_css$L
6162
+ add_css$M
6384
6163
  );
6385
6164
  }
6386
6165
  }
6387
6166
 
6388
6167
  /* src/components/List.svelte generated by Svelte v3.53.1 */
6389
6168
 
6390
- function add_css$K(target) {
6169
+ function add_css$L(target) {
6391
6170
  append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
6392
6171
  }
6393
6172
 
6394
- function create_fragment$1g(ctx) {
6173
+ function create_fragment$1j(ctx) {
6395
6174
  let div;
6396
6175
  let current;
6397
6176
  const default_slot_template = /*#slots*/ ctx[6].default;
@@ -6461,7 +6240,7 @@ function create_fragment$1g(ctx) {
6461
6240
 
6462
6241
  const LIST_CONTEXT_KEY = Symbol();
6463
6242
 
6464
- function instance$1g($$self, $$props, $$invalidate) {
6243
+ function instance$1j($$self, $$props, $$invalidate) {
6465
6244
  let style;
6466
6245
  let { $$slots: slots = {}, $$scope } = $$props;
6467
6246
  let { direction = 'vertical' } = $$props;
@@ -6528,8 +6307,8 @@ let List$1 = class List extends SvelteComponent {
6528
6307
  init(
6529
6308
  this,
6530
6309
  options,
6531
- instance$1g,
6532
- create_fragment$1g,
6310
+ instance$1j,
6311
+ create_fragment$1j,
6533
6312
  safe_not_equal,
6534
6313
  {
6535
6314
  direction: 1,
@@ -6537,14 +6316,14 @@ let List$1 = class List extends SvelteComponent {
6537
6316
  background: 3,
6538
6317
  _style: 4
6539
6318
  },
6540
- add_css$K
6319
+ add_css$L
6541
6320
  );
6542
6321
  }
6543
6322
  };
6544
6323
 
6545
6324
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
6546
6325
 
6547
- function add_css$J(target) {
6326
+ function add_css$K(target) {
6548
6327
  append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6549
6328
  }
6550
6329
 
@@ -6599,7 +6378,7 @@ function create_default_slot$4(ctx) {
6599
6378
  };
6600
6379
  }
6601
6380
 
6602
- function create_fragment$1f(ctx) {
6381
+ function create_fragment$1i(ctx) {
6603
6382
  let div;
6604
6383
  let button;
6605
6384
  let current;
@@ -6668,7 +6447,7 @@ function create_fragment$1f(ctx) {
6668
6447
  };
6669
6448
  }
6670
6449
 
6671
- function instance$1f($$self, $$props, $$invalidate) {
6450
+ function instance$1i($$self, $$props, $$invalidate) {
6672
6451
  let listItemStyle;
6673
6452
  let { $$slots: slots = {}, $$scope } = $$props;
6674
6453
  const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6747,17 +6526,17 @@ function instance$1f($$self, $$props, $$invalidate) {
6747
6526
  let ListItem$1 = class ListItem extends SvelteComponent {
6748
6527
  constructor(options) {
6749
6528
  super();
6750
- init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$J);
6529
+ init(this, options, instance$1i, create_fragment$1i, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$K);
6751
6530
  }
6752
6531
  };
6753
6532
 
6754
6533
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
6755
6534
 
6756
- function add_css$I(target) {
6535
+ function add_css$J(target) {
6757
6536
  append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
6758
6537
  }
6759
6538
 
6760
- function create_fragment$1e(ctx) {
6539
+ function create_fragment$1h(ctx) {
6761
6540
  let div;
6762
6541
 
6763
6542
  return {
@@ -6793,7 +6572,7 @@ function create_fragment$1e(ctx) {
6793
6572
  };
6794
6573
  }
6795
6574
 
6796
- function instance$1e($$self, $$props, $$invalidate) {
6575
+ function instance$1h($$self, $$props, $$invalidate) {
6797
6576
  let { code } = $$props;
6798
6577
  let { _style = '' } = $$props;
6799
6578
 
@@ -6808,17 +6587,17 @@ function instance$1e($$self, $$props, $$invalidate) {
6808
6587
  class EmbedElement extends SvelteComponent {
6809
6588
  constructor(options) {
6810
6589
  super();
6811
- init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { code: 0, _style: 1 }, add_css$I);
6590
+ init(this, options, instance$1h, create_fragment$1h, safe_not_equal, { code: 0, _style: 1 }, add_css$J);
6812
6591
  }
6813
6592
  }
6814
6593
 
6815
6594
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
6816
6595
 
6817
- function add_css$H(target) {
6596
+ function add_css$I(target) {
6818
6597
  append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6819
6598
  }
6820
6599
 
6821
- function create_fragment$1d(ctx) {
6600
+ function create_fragment$1g(ctx) {
6822
6601
  let div1;
6823
6602
  let div0;
6824
6603
 
@@ -6870,7 +6649,7 @@ function _setValue(obj, key, value) {
6870
6649
  }
6871
6650
  }
6872
6651
 
6873
- function instance$1d($$self, $$props, $$invalidate) {
6652
+ function instance$1g($$self, $$props, $$invalidate) {
6874
6653
  let $system;
6875
6654
  component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
6876
6655
  let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -7141,8 +6920,8 @@ class MovieYouTubeElement extends SvelteComponent {
7141
6920
  init(
7142
6921
  this,
7143
6922
  options,
7144
- instance$1d,
7145
- create_fragment$1d,
6923
+ instance$1g,
6924
+ create_fragment$1g,
7146
6925
  safe_not_equal,
7147
6926
  {
7148
6927
  videoId: 2,
@@ -7171,7 +6950,7 @@ class MovieYouTubeElement extends SvelteComponent {
7171
6950
  mute: 25,
7172
6951
  _style: 0
7173
6952
  },
7174
- add_css$H,
6953
+ add_css$I,
7175
6954
  [-1, -1]
7176
6955
  );
7177
6956
  }
@@ -7179,11 +6958,11 @@ class MovieYouTubeElement extends SvelteComponent {
7179
6958
 
7180
6959
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
7181
6960
 
7182
- function add_css$G(target) {
6961
+ function add_css$H(target) {
7183
6962
  append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
7184
6963
  }
7185
6964
 
7186
- function create_fragment$1c(ctx) {
6965
+ function create_fragment$1f(ctx) {
7187
6966
  let div1;
7188
6967
  let div0;
7189
6968
 
@@ -7225,7 +7004,7 @@ function create_fragment$1c(ctx) {
7225
7004
  };
7226
7005
  }
7227
7006
 
7228
- function instance$1c($$self, $$props, $$invalidate) {
7007
+ function instance$1f($$self, $$props, $$invalidate) {
7229
7008
  let $system;
7230
7009
  component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
7231
7010
  let { videoId = "201239468" } = $$props;
@@ -7368,8 +7147,8 @@ class MovieVimeoElement extends SvelteComponent {
7368
7147
  init(
7369
7148
  this,
7370
7149
  options,
7371
- instance$1c,
7372
- create_fragment$1c,
7150
+ instance$1f,
7151
+ create_fragment$1f,
7373
7152
  safe_not_equal,
7374
7153
  {
7375
7154
  videoId: 2,
@@ -7379,18 +7158,18 @@ class MovieVimeoElement extends SvelteComponent {
7379
7158
  mute: 6,
7380
7159
  _style: 0
7381
7160
  },
7382
- add_css$G
7161
+ add_css$H
7383
7162
  );
7384
7163
  }
7385
7164
  }
7386
7165
 
7387
7166
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
7388
7167
 
7389
- function add_css$F(target) {
7168
+ function add_css$G(target) {
7390
7169
  append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
7391
7170
  }
7392
7171
 
7393
- function create_fragment$1b(ctx) {
7172
+ function create_fragment$1e(ctx) {
7394
7173
  let div;
7395
7174
  let textarea;
7396
7175
  let mounted;
@@ -7465,7 +7244,7 @@ function create_fragment$1b(ctx) {
7465
7244
  };
7466
7245
  }
7467
7246
 
7468
- function instance$1b($$self, $$props, $$invalidate) {
7247
+ function instance$1e($$self, $$props, $$invalidate) {
7469
7248
  let style;
7470
7249
  let styleVariables;
7471
7250
  let $value;
@@ -7553,8 +7332,8 @@ class FormTextarea extends SvelteComponent {
7553
7332
  init(
7554
7333
  this,
7555
7334
  options,
7556
- instance$1b,
7557
- create_fragment$1b,
7335
+ instance$1e,
7336
+ create_fragment$1e,
7558
7337
  safe_not_equal,
7559
7338
  {
7560
7339
  name: 7,
@@ -7566,14 +7345,14 @@ class FormTextarea extends SvelteComponent {
7566
7345
  _textStyle: 11,
7567
7346
  _placeholderStyle: 12
7568
7347
  },
7569
- add_css$F
7348
+ add_css$G
7570
7349
  );
7571
7350
  }
7572
7351
  }
7573
7352
 
7574
7353
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
7575
7354
 
7576
- function add_css$E(target) {
7355
+ function add_css$F(target) {
7577
7356
  append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
7578
7357
  }
7579
7358
 
@@ -7686,7 +7465,7 @@ function create_each_block$7(ctx) {
7686
7465
  };
7687
7466
  }
7688
7467
 
7689
- function create_fragment$1a(ctx) {
7468
+ function create_fragment$1d(ctx) {
7690
7469
  let div;
7691
7470
  let each_value = /*_options*/ ctx[4];
7692
7471
  let each_blocks = [];
@@ -7764,7 +7543,7 @@ function create_fragment$1a(ctx) {
7764
7543
  };
7765
7544
  }
7766
7545
 
7767
- function instance$1a($$self, $$props, $$invalidate) {
7546
+ function instance$1d($$self, $$props, $$invalidate) {
7768
7547
  let _options;
7769
7548
  let buttonStyle;
7770
7549
  let _value;
@@ -7864,8 +7643,8 @@ class FormRadioButtons extends SvelteComponent {
7864
7643
  init(
7865
7644
  this,
7866
7645
  options,
7867
- instance$1a,
7868
- create_fragment$1a,
7646
+ instance$1d,
7647
+ create_fragment$1d,
7869
7648
  safe_not_equal,
7870
7649
  {
7871
7650
  name: 0,
@@ -7878,14 +7657,14 @@ class FormRadioButtons extends SvelteComponent {
7878
7657
  buttonColor: 13,
7879
7658
  buttonColorActive: 14
7880
7659
  },
7881
- add_css$E
7660
+ add_css$F
7882
7661
  );
7883
7662
  }
7884
7663
  }
7885
7664
 
7886
7665
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
7887
7666
 
7888
- function add_css$D(target) {
7667
+ function add_css$E(target) {
7889
7668
  append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
7890
7669
  }
7891
7670
 
@@ -7920,7 +7699,7 @@ function create_else_block$1(ctx) {
7920
7699
  }
7921
7700
 
7922
7701
  // (105:10) {#if option}
7923
- function create_if_block$a(ctx) {
7702
+ function create_if_block$c(ctx) {
7924
7703
  let t_value = /*option*/ ctx[19] + "";
7925
7704
  let t;
7926
7705
 
@@ -7951,7 +7730,7 @@ function create_each_block$6(ctx) {
7951
7730
  let option_selected_value;
7952
7731
 
7953
7732
  function select_block_type(ctx, dirty) {
7954
- if (/*option*/ ctx[19]) return create_if_block$a;
7733
+ if (/*option*/ ctx[19]) return create_if_block$c;
7955
7734
  return create_else_block$1;
7956
7735
  }
7957
7736
 
@@ -8012,7 +7791,7 @@ function create_each_block$6(ctx) {
8012
7791
  };
8013
7792
  }
8014
7793
 
8015
- function create_fragment$19(ctx) {
7794
+ function create_fragment$1c(ctx) {
8016
7795
  let div1;
8017
7796
  let select;
8018
7797
  let t;
@@ -8122,7 +7901,7 @@ function create_fragment$19(ctx) {
8122
7901
  };
8123
7902
  }
8124
7903
 
8125
- function instance$19($$self, $$props, $$invalidate) {
7904
+ function instance$1c($$self, $$props, $$invalidate) {
8126
7905
  let _options;
8127
7906
  let style;
8128
7907
  let styleVariables;
@@ -8238,8 +8017,8 @@ class FormSelect extends SvelteComponent {
8238
8017
  init(
8239
8018
  this,
8240
8019
  options,
8241
- instance$19,
8242
- create_fragment$19,
8020
+ instance$1c,
8021
+ create_fragment$1c,
8243
8022
  safe_not_equal,
8244
8023
  {
8245
8024
  name: 7,
@@ -8254,14 +8033,14 @@ class FormSelect extends SvelteComponent {
8254
8033
  iconColor: 15,
8255
8034
  iconSize: 16
8256
8035
  },
8257
- add_css$D
8036
+ add_css$E
8258
8037
  );
8259
8038
  }
8260
8039
  }
8261
8040
 
8262
8041
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
8263
8042
 
8264
- function add_css$C(target) {
8043
+ function add_css$D(target) {
8265
8044
  append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
8266
8045
  }
8267
8046
 
@@ -8390,7 +8169,7 @@ function create_each_block$5(ctx) {
8390
8169
  };
8391
8170
  }
8392
8171
 
8393
- function create_fragment$18(ctx) {
8172
+ function create_fragment$1b(ctx) {
8394
8173
  let div;
8395
8174
  let each_value = /*_options*/ ctx[3];
8396
8175
  let each_blocks = [];
@@ -8468,7 +8247,7 @@ function create_fragment$18(ctx) {
8468
8247
  };
8469
8248
  }
8470
8249
 
8471
- function instance$18($$self, $$props, $$invalidate) {
8250
+ function instance$1b($$self, $$props, $$invalidate) {
8472
8251
  let _options;
8473
8252
  let styleVariables;
8474
8253
  let isCheckedArray;
@@ -8574,8 +8353,8 @@ class FormCheckBoxes extends SvelteComponent {
8574
8353
  init(
8575
8354
  this,
8576
8355
  options,
8577
- instance$18,
8578
- create_fragment$18,
8356
+ instance$1b,
8357
+ create_fragment$1b,
8579
8358
  safe_not_equal,
8580
8359
  {
8581
8360
  name: 0,
@@ -8588,14 +8367,14 @@ class FormCheckBoxes extends SvelteComponent {
8588
8367
  buttonColor: 13,
8589
8368
  buttonColorActive: 14
8590
8369
  },
8591
- add_css$C
8370
+ add_css$D
8592
8371
  );
8593
8372
  }
8594
8373
  }
8595
8374
 
8596
8375
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
8597
8376
 
8598
- function add_css$B(target) {
8377
+ function add_css$C(target) {
8599
8378
  append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
8600
8379
  }
8601
8380
 
@@ -8663,7 +8442,7 @@ function create_each_block$4(ctx) {
8663
8442
  };
8664
8443
  }
8665
8444
 
8666
- function create_fragment$17(ctx) {
8445
+ function create_fragment$1a(ctx) {
8667
8446
  let div;
8668
8447
  let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
8669
8448
  let each_blocks = [];
@@ -8736,7 +8515,7 @@ function create_fragment$17(ctx) {
8736
8515
  };
8737
8516
  }
8738
8517
 
8739
- function instance$17($$self, $$props, $$invalidate) {
8518
+ function instance$1a($$self, $$props, $$invalidate) {
8740
8519
  let _value;
8741
8520
  let $value;
8742
8521
  let { name = '' } = $$props;
@@ -8818,8 +8597,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
8818
8597
  init(
8819
8598
  this,
8820
8599
  options,
8821
- instance$17,
8822
- create_fragment$17,
8600
+ instance$1a,
8601
+ create_fragment$1a,
8823
8602
  safe_not_equal,
8824
8603
  {
8825
8604
  name: 6,
@@ -8830,14 +8609,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
8830
8609
  buttonStyle: 9,
8831
8610
  buttonActiveStyle: 10
8832
8611
  },
8833
- add_css$B
8612
+ add_css$C
8834
8613
  );
8835
8614
  }
8836
8615
  }
8837
8616
 
8838
8617
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
8839
8618
 
8840
- function add_css$A(target) {
8619
+ function add_css$B(target) {
8841
8620
  append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
8842
8621
  }
8843
8622
 
@@ -8908,7 +8687,7 @@ function create_each_block$3(ctx) {
8908
8687
  };
8909
8688
  }
8910
8689
 
8911
- function create_fragment$16(ctx) {
8690
+ function create_fragment$19(ctx) {
8912
8691
  let div;
8913
8692
  let each_value = [...Array(count).keys()].reverse().map(func);
8914
8693
  let each_blocks = [];
@@ -8984,7 +8763,7 @@ function create_fragment$16(ctx) {
8984
8763
  const count = 5;
8985
8764
  const func = i => i + 1;
8986
8765
 
8987
- function instance$16($$self, $$props, $$invalidate) {
8766
+ function instance$19($$self, $$props, $$invalidate) {
8988
8767
  let _value;
8989
8768
  let buttonStyle;
8990
8769
  let $value;
@@ -9040,17 +8819,17 @@ function instance$16($$self, $$props, $$invalidate) {
9040
8819
  class FormRatingButtonsFace extends SvelteComponent {
9041
8820
  constructor(options) {
9042
8821
  super();
9043
- init(this, options, instance$16, create_fragment$16, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$A);
8822
+ init(this, options, instance$19, create_fragment$19, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$B);
9044
8823
  }
9045
8824
  }
9046
8825
 
9047
8826
  /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
9048
8827
 
9049
- function add_css$z(target) {
8828
+ function add_css$A(target) {
9050
8829
  append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
9051
8830
  }
9052
8831
 
9053
- function create_fragment$15(ctx) {
8832
+ function create_fragment$18(ctx) {
9054
8833
  let div;
9055
8834
  let input;
9056
8835
  let input_class_value;
@@ -9131,7 +8910,7 @@ function create_fragment$15(ctx) {
9131
8910
  };
9132
8911
  }
9133
8912
 
9134
- function instance$15($$self, $$props, $$invalidate) {
8913
+ function instance$18($$self, $$props, $$invalidate) {
9135
8914
  let style;
9136
8915
  let styleVariables;
9137
8916
  let isValidForUI;
@@ -9262,8 +9041,8 @@ class FormIdentifyInput extends SvelteComponent {
9262
9041
  init(
9263
9042
  this,
9264
9043
  options,
9265
- instance$15,
9266
- create_fragment$15,
9044
+ instance$18,
9045
+ create_fragment$18,
9267
9046
  safe_not_equal,
9268
9047
  {
9269
9048
  field: 9,
@@ -9277,18 +9056,18 @@ class FormIdentifyInput extends SvelteComponent {
9277
9056
  _textStyle: 15,
9278
9057
  _placeholderStyle: 16
9279
9058
  },
9280
- add_css$z
9059
+ add_css$A
9281
9060
  );
9282
9061
  }
9283
9062
  }
9284
9063
 
9285
9064
  /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
9286
9065
 
9287
- function add_css$y(target) {
9066
+ function add_css$z(target) {
9288
9067
  append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
9289
9068
  }
9290
9069
 
9291
- function create_fragment$14(ctx) {
9070
+ function create_fragment$17(ctx) {
9292
9071
  let div;
9293
9072
  let label0;
9294
9073
  let input0;
@@ -9429,7 +9208,7 @@ function create_fragment$14(ctx) {
9429
9208
  };
9430
9209
  }
9431
9210
 
9432
- function instance$14($$self, $$props, $$invalidate) {
9211
+ function instance$17($$self, $$props, $$invalidate) {
9433
9212
  let buttonStyle;
9434
9213
  let $value;
9435
9214
  let { field = 'subscription' } = $$props;
@@ -9511,8 +9290,8 @@ class FormIdentifyChoices extends SvelteComponent {
9511
9290
  init(
9512
9291
  this,
9513
9292
  options,
9514
- instance$14,
9515
- create_fragment$14,
9293
+ instance$17,
9294
+ create_fragment$17,
9516
9295
  safe_not_equal,
9517
9296
  {
9518
9297
  field: 6,
@@ -9524,14 +9303,14 @@ class FormIdentifyChoices extends SvelteComponent {
9524
9303
  buttonColor: 10,
9525
9304
  buttonColorActive: 11
9526
9305
  },
9527
- add_css$y
9306
+ add_css$z
9528
9307
  );
9529
9308
  }
9530
9309
  }
9531
9310
 
9532
9311
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
9533
9312
 
9534
- function add_css$x(target) {
9313
+ function add_css$y(target) {
9535
9314
  append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
9536
9315
  }
9537
9316
 
@@ -9611,7 +9390,7 @@ function create_if_block_1$2(ctx) {
9611
9390
  }
9612
9391
 
9613
9392
  // (380:2) {#if isVisibleNextButton}
9614
- function create_if_block$9(ctx) {
9393
+ function create_if_block$b(ctx) {
9615
9394
  let div;
9616
9395
  let button;
9617
9396
  let svg;
@@ -9742,7 +9521,7 @@ function create_each_block$2(ctx) {
9742
9521
  };
9743
9522
  }
9744
9523
 
9745
- function create_fragment$13(ctx) {
9524
+ function create_fragment$16(ctx) {
9746
9525
  let div3;
9747
9526
  let div1;
9748
9527
  let div0;
@@ -9755,7 +9534,7 @@ function create_fragment$13(ctx) {
9755
9534
  const default_slot_template = /*#slots*/ ctx[32].default;
9756
9535
  const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
9757
9536
  let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$2(ctx);
9758
- let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$9(ctx);
9537
+ let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$b(ctx);
9759
9538
  let each_value = /*items*/ ctx[1];
9760
9539
  let each_blocks = [];
9761
9540
 
@@ -9894,7 +9673,7 @@ function create_fragment$13(ctx) {
9894
9673
  if (if_block1) {
9895
9674
  if_block1.p(ctx, dirty);
9896
9675
  } else {
9897
- if_block1 = create_if_block$9(ctx);
9676
+ if_block1 = create_if_block$b(ctx);
9898
9677
  if_block1.c();
9899
9678
  if_block1.m(div3, t2);
9900
9679
  }
@@ -9966,7 +9745,7 @@ function calcPositionIndex(shift, index, length) {
9966
9745
  }
9967
9746
  }
9968
9747
 
9969
- function instance$13($$self, $$props, $$invalidate) {
9748
+ function instance$16($$self, $$props, $$invalidate) {
9970
9749
  let slideStyle;
9971
9750
  let slideClass;
9972
9751
  let _loop;
@@ -10419,8 +10198,8 @@ class Slide extends SvelteComponent {
10419
10198
  init(
10420
10199
  this,
10421
10200
  options,
10422
- instance$13,
10423
- create_fragment$13,
10201
+ instance$16,
10202
+ create_fragment$16,
10424
10203
  safe_not_equal,
10425
10204
  {
10426
10205
  loop: 18,
@@ -10434,7 +10213,7 @@ class Slide extends SvelteComponent {
10434
10213
  navigationButton: 25,
10435
10214
  navigationEdgePosition: 26
10436
10215
  },
10437
- add_css$x,
10216
+ add_css$y,
10438
10217
  [-1, -1, -1]
10439
10218
  );
10440
10219
  }
@@ -10442,11 +10221,11 @@ class Slide extends SvelteComponent {
10442
10221
 
10443
10222
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
10444
10223
 
10445
- function add_css$w(target) {
10224
+ function add_css$x(target) {
10446
10225
  append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
10447
10226
  }
10448
10227
 
10449
- function create_fragment$12(ctx) {
10228
+ function create_fragment$15(ctx) {
10450
10229
  let div1;
10451
10230
  let div0;
10452
10231
  let current;
@@ -10526,7 +10305,7 @@ function create_fragment$12(ctx) {
10526
10305
  };
10527
10306
  }
10528
10307
 
10529
- function instance$12($$self, $$props, $$invalidate) {
10308
+ function instance$15($$self, $$props, $$invalidate) {
10530
10309
  let itemStyle;
10531
10310
  let { $$slots: slots = {}, $$scope } = $$props;
10532
10311
  const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -10592,20 +10371,20 @@ function instance$12($$self, $$props, $$invalidate) {
10592
10371
  class SlideItem extends SvelteComponent {
10593
10372
  constructor(options) {
10594
10373
  super();
10595
- init(this, options, instance$12, create_fragment$12, safe_not_equal, { _style: 0 }, add_css$w);
10374
+ init(this, options, instance$15, create_fragment$15, safe_not_equal, { _style: 0 }, add_css$x);
10596
10375
  }
10597
10376
  }
10598
10377
 
10599
10378
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
10600
10379
 
10601
- function add_css$v(target) {
10380
+ function add_css$w(target) {
10602
10381
  append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10603
10382
  }
10604
10383
 
10605
10384
  const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
10606
10385
  const get_default_slot_context$1 = ctx => ({ countdown: /*countdown*/ ctx[1] });
10607
10386
 
10608
- function create_fragment$11(ctx) {
10387
+ function create_fragment$14(ctx) {
10609
10388
  let div1;
10610
10389
  let div0;
10611
10390
  let current;
@@ -10698,7 +10477,7 @@ function formatTimeDiff$1(ms) {
10698
10477
  };
10699
10478
  }
10700
10479
 
10701
- function instance$11($$self, $$props, $$invalidate) {
10480
+ function instance$14($$self, $$props, $$invalidate) {
10702
10481
  let countdown;
10703
10482
  let { $$slots: slots = {}, $$scope } = $$props;
10704
10483
  let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -10755,13 +10534,13 @@ function instance$11($$self, $$props, $$invalidate) {
10755
10534
  class Countdown extends SvelteComponent {
10756
10535
  constructor(options) {
10757
10536
  super();
10758
- init(this, options, instance$11, create_fragment$11, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$v);
10537
+ init(this, options, instance$14, create_fragment$14, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$w);
10759
10538
  }
10760
10539
  }
10761
10540
 
10762
10541
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
10763
10542
 
10764
- function add_css$u(target) {
10543
+ function add_css$v(target) {
10765
10544
  append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
10766
10545
  }
10767
10546
 
@@ -10816,7 +10595,7 @@ function create_default_slot$3(ctx) {
10816
10595
  };
10817
10596
  }
10818
10597
 
10819
- function create_fragment$10(ctx) {
10598
+ function create_fragment$13(ctx) {
10820
10599
  let div;
10821
10600
  let button;
10822
10601
  let current;
@@ -10880,7 +10659,7 @@ function create_fragment$10(ctx) {
10880
10659
  };
10881
10660
  }
10882
10661
 
10883
- function instance$10($$self, $$props, $$invalidate) {
10662
+ function instance$13($$self, $$props, $$invalidate) {
10884
10663
  let { $$slots: slots = {}, $$scope } = $$props;
10885
10664
  let { onClick = { operation: 'none', args: [] } } = $$props;
10886
10665
  let { eventName = '' } = $$props;
@@ -10899,18 +10678,18 @@ function instance$10($$self, $$props, $$invalidate) {
10899
10678
  class Box extends SvelteComponent {
10900
10679
  constructor(options) {
10901
10680
  super();
10902
- init(this, options, instance$10, create_fragment$10, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$u);
10681
+ init(this, options, instance$13, create_fragment$13, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$v);
10903
10682
  }
10904
10683
  }
10905
10684
 
10906
10685
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
10907
10686
 
10908
- function add_css$t(target) {
10687
+ function add_css$u(target) {
10909
10688
  append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
10910
10689
  }
10911
10690
 
10912
10691
  // (56:4) {#if svg}
10913
- function create_if_block$8(ctx) {
10692
+ function create_if_block$a(ctx) {
10914
10693
  let html_tag;
10915
10694
  let html_anchor;
10916
10695
 
@@ -10945,7 +10724,7 @@ function create_if_block$8(ctx) {
10945
10724
  // (55:2) <Button {onClick} {style} {eventName}>
10946
10725
  function create_default_slot$2(ctx) {
10947
10726
  let if_block_anchor;
10948
- let if_block = /*svg*/ ctx[3] && create_if_block$8(ctx);
10727
+ let if_block = /*svg*/ ctx[3] && create_if_block$a(ctx);
10949
10728
 
10950
10729
  return {
10951
10730
  c() {
@@ -10965,7 +10744,7 @@ function create_default_slot$2(ctx) {
10965
10744
  if (if_block) {
10966
10745
  if_block.p(ctx, dirty);
10967
10746
  } else {
10968
- if_block = create_if_block$8(ctx);
10747
+ if_block = create_if_block$a(ctx);
10969
10748
  if_block.c();
10970
10749
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
10971
10750
  }
@@ -10981,7 +10760,7 @@ function create_default_slot$2(ctx) {
10981
10760
  };
10982
10761
  }
10983
10762
 
10984
- function create_fragment$$(ctx) {
10763
+ function create_fragment$12(ctx) {
10985
10764
  let div;
10986
10765
  let button;
10987
10766
  let current;
@@ -11052,7 +10831,7 @@ function parseData(dataUrl) {
11052
10831
  return decodeURIComponent(data).replaceAll('\'', '"');
11053
10832
  }
11054
10833
 
11055
- function instance$$($$self, $$props, $$invalidate) {
10834
+ function instance$12($$self, $$props, $$invalidate) {
11056
10835
  let svg;
11057
10836
  let styleVariables;
11058
10837
  let style;
@@ -11100,8 +10879,8 @@ class IconElement extends SvelteComponent {
11100
10879
  init(
11101
10880
  this,
11102
10881
  options,
11103
- instance$$,
11104
- create_fragment$$,
10882
+ instance$12,
10883
+ create_fragment$12,
11105
10884
  safe_not_equal,
11106
10885
  {
11107
10886
  icon: 4,
@@ -11111,18 +10890,18 @@ class IconElement extends SvelteComponent {
11111
10890
  color: 6,
11112
10891
  _style: 7
11113
10892
  },
11114
- add_css$t
10893
+ add_css$u
11115
10894
  );
11116
10895
  }
11117
10896
  }
11118
10897
 
11119
10898
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
11120
10899
 
11121
- function add_css$s(target) {
10900
+ function add_css$t(target) {
11122
10901
  append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
11123
10902
  }
11124
10903
 
11125
- function create_fragment$_(ctx) {
10904
+ function create_fragment$11(ctx) {
11126
10905
  let div;
11127
10906
  let switch_instance;
11128
10907
  let current;
@@ -11212,7 +10991,7 @@ function create_fragment$_(ctx) {
11212
10991
  };
11213
10992
  }
11214
10993
 
11215
- function instance$_($$self, $$props, $$invalidate) {
10994
+ function instance$11($$self, $$props, $$invalidate) {
11216
10995
  let $data,
11217
10996
  $$unsubscribe_data = noop,
11218
10997
  $$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -11237,17 +11016,17 @@ function instance$_($$self, $$props, $$invalidate) {
11237
11016
  class CodeElement extends SvelteComponent {
11238
11017
  constructor(options) {
11239
11018
  super();
11240
- init(this, options, instance$_, create_fragment$_, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$s);
11019
+ init(this, options, instance$11, create_fragment$11, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$t);
11241
11020
  }
11242
11021
  }
11243
11022
 
11244
11023
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
11245
11024
 
11246
- function add_css$r(target) {
11025
+ function add_css$s(target) {
11247
11026
  append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
11248
11027
  }
11249
11028
 
11250
- function create_fragment$Z(ctx) {
11029
+ function create_fragment$10(ctx) {
11251
11030
  let div;
11252
11031
  let div_style_value;
11253
11032
  let current;
@@ -11322,7 +11101,7 @@ function getFlexContext() {
11322
11101
  return getContext(FlexContextKey);
11323
11102
  }
11324
11103
 
11325
- function instance$Z($$self, $$props, $$invalidate) {
11104
+ function instance$10($$self, $$props, $$invalidate) {
11326
11105
  let { $$slots: slots = {}, $$scope } = $$props;
11327
11106
  let { direction = 'row' } = $$props;
11328
11107
  let { width = '100%' } = $$props;
@@ -11348,8 +11127,8 @@ class Flex extends SvelteComponent {
11348
11127
  init(
11349
11128
  this,
11350
11129
  options,
11351
- instance$Z,
11352
- create_fragment$Z,
11130
+ instance$10,
11131
+ create_fragment$10,
11353
11132
  safe_not_equal,
11354
11133
  {
11355
11134
  direction: 0,
@@ -11357,18 +11136,18 @@ class Flex extends SvelteComponent {
11357
11136
  height: 2,
11358
11137
  _style: 3
11359
11138
  },
11360
- add_css$r
11139
+ add_css$s
11361
11140
  );
11362
11141
  }
11363
11142
  }
11364
11143
 
11365
11144
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
11366
11145
 
11367
- function add_css$q(target) {
11146
+ function add_css$r(target) {
11368
11147
  append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
11369
11148
  }
11370
11149
 
11371
- function create_fragment$Y(ctx) {
11150
+ function create_fragment$$(ctx) {
11372
11151
  let div;
11373
11152
  let current;
11374
11153
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -11436,7 +11215,7 @@ function create_fragment$Y(ctx) {
11436
11215
  };
11437
11216
  }
11438
11217
 
11439
- function instance$Y($$self, $$props, $$invalidate) {
11218
+ function instance$$($$self, $$props, $$invalidate) {
11440
11219
  let { $$slots: slots = {}, $$scope } = $$props;
11441
11220
  let { length } = $$props;
11442
11221
  let { _style = '' } = $$props;
@@ -11479,7 +11258,7 @@ function instance$Y($$self, $$props, $$invalidate) {
11479
11258
  class FlexItem extends SvelteComponent {
11480
11259
  constructor(options) {
11481
11260
  super();
11482
- init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { length: 1, _style: 2 }, add_css$q);
11261
+ init(this, options, instance$$, create_fragment$$, safe_not_equal, { length: 1, _style: 2 }, add_css$r);
11483
11262
  }
11484
11263
  }
11485
11264
 
@@ -11663,11 +11442,11 @@ function create_default_slot$1(ctx) {
11663
11442
  };
11664
11443
  }
11665
11444
 
11666
- function create_fragment$X(ctx) {
11445
+ function create_fragment$_(ctx) {
11667
11446
  let stateitem;
11668
11447
  let current;
11669
11448
 
11670
- stateitem = new StateItem({
11449
+ stateitem = new StateItem$1({
11671
11450
  props: {
11672
11451
  path: /*path*/ ctx[0],
11673
11452
  $$slots: { default: [create_default_slot$1] },
@@ -11711,7 +11490,7 @@ function create_fragment$X(ctx) {
11711
11490
  };
11712
11491
  }
11713
11492
 
11714
- function instance$X($$self, $$props, $$invalidate) {
11493
+ function instance$_($$self, $$props, $$invalidate) {
11715
11494
  let { $$slots: slots = {}, $$scope } = $$props;
11716
11495
  let { path } = $$props;
11717
11496
  let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -11782,7 +11561,7 @@ class GridModalState extends SvelteComponent {
11782
11561
  constructor(options) {
11783
11562
  super();
11784
11563
 
11785
- init(this, options, instance$X, create_fragment$X, safe_not_equal, {
11564
+ init(this, options, instance$_, create_fragment$_, safe_not_equal, {
11786
11565
  path: 0,
11787
11566
  onClick: 1,
11788
11567
  clickEventName: 2,
@@ -11807,11 +11586,11 @@ class GridModalState extends SvelteComponent {
11807
11586
 
11808
11587
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
11809
11588
 
11810
- function add_css$p(target) {
11589
+ function add_css$q(target) {
11811
11590
  append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
11812
11591
  }
11813
11592
 
11814
- function create_fragment$W(ctx) {
11593
+ function create_fragment$Z(ctx) {
11815
11594
  let div1;
11816
11595
  let div0;
11817
11596
  let rendertext;
@@ -11876,7 +11655,7 @@ function create_fragment$W(ctx) {
11876
11655
  };
11877
11656
  }
11878
11657
 
11879
- function instance$W($$self, $$props, $$invalidate) {
11658
+ function instance$Z($$self, $$props, $$invalidate) {
11880
11659
  let style;
11881
11660
  let { text = 'サンプルSample' } = $$props;
11882
11661
  let { font = SYSTEM_FONT } = $$props;
@@ -11912,8 +11691,8 @@ class TextBlock extends SvelteComponent {
11912
11691
  init(
11913
11692
  this,
11914
11693
  options,
11915
- instance$W,
11916
- create_fragment$W,
11694
+ instance$Z,
11695
+ create_fragment$Z,
11917
11696
  safe_not_equal,
11918
11697
  {
11919
11698
  text: 0,
@@ -11922,18 +11701,18 @@ class TextBlock extends SvelteComponent {
11922
11701
  textDirection: 1,
11923
11702
  _style: 5
11924
11703
  },
11925
- add_css$p
11704
+ add_css$q
11926
11705
  );
11927
11706
  }
11928
11707
  }
11929
11708
 
11930
11709
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
11931
11710
 
11932
- function add_css$o(target) {
11711
+ function add_css$p(target) {
11933
11712
  append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
11934
11713
  }
11935
11714
 
11936
- function create_fragment$V(ctx) {
11715
+ function create_fragment$Y(ctx) {
11937
11716
  let div;
11938
11717
  let button;
11939
11718
  let rendertext;
@@ -12007,7 +11786,7 @@ function create_fragment$V(ctx) {
12007
11786
  };
12008
11787
  }
12009
11788
 
12010
- function instance$V($$self, $$props, $$invalidate) {
11789
+ function instance$Y($$self, $$props, $$invalidate) {
12011
11790
  let { text = 'ボタンラベル' } = $$props;
12012
11791
  let { onClick = { operation: 'none', args: [] } } = $$props;
12013
11792
 
@@ -12049,8 +11828,8 @@ class TextButtonBlock extends SvelteComponent {
12049
11828
  init(
12050
11829
  this,
12051
11830
  options,
12052
- instance$V,
12053
- create_fragment$V,
11831
+ instance$Y,
11832
+ create_fragment$Y,
12054
11833
  safe_not_equal,
12055
11834
  {
12056
11835
  text: 0,
@@ -12060,18 +11839,18 @@ class TextButtonBlock extends SvelteComponent {
12060
11839
  _buttonStyle: 1,
12061
11840
  _style: 2
12062
11841
  },
12063
- add_css$o
11842
+ add_css$p
12064
11843
  );
12065
11844
  }
12066
11845
  }
12067
11846
 
12068
11847
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
12069
11848
 
12070
- function add_css$n(target) {
11849
+ function add_css$o(target) {
12071
11850
  append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
12072
11851
  }
12073
11852
 
12074
- function create_fragment$U(ctx) {
11853
+ function create_fragment$X(ctx) {
12075
11854
  let div;
12076
11855
  let img;
12077
11856
  let img_style_value;
@@ -12154,7 +11933,7 @@ function create_fragment$U(ctx) {
12154
11933
  };
12155
11934
  }
12156
11935
 
12157
- function instance$U($$self, $$props, $$invalidate) {
11936
+ function instance$X($$self, $$props, $$invalidate) {
12158
11937
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
12159
11938
  let { alt = 'No Image' } = $$props;
12160
11939
  let { transport = false } = $$props;
@@ -12194,8 +11973,8 @@ class ImageBlock extends SvelteComponent {
12194
11973
  init(
12195
11974
  this,
12196
11975
  options,
12197
- instance$U,
12198
- create_fragment$U,
11976
+ instance$X,
11977
+ create_fragment$X,
12199
11978
  safe_not_equal,
12200
11979
  {
12201
11980
  src: 0,
@@ -12207,7 +11986,7 @@ class ImageBlock extends SvelteComponent {
12207
11986
  _imageStyle: 4,
12208
11987
  _style: 5
12209
11988
  },
12210
- add_css$n
11989
+ add_css$o
12211
11990
  );
12212
11991
  }
12213
11992
  }
@@ -12471,7 +12250,6 @@ const toCssRadius = (p) => {
12471
12250
  };
12472
12251
  const toCssShadow = (p) => {
12473
12252
  const variant = SHADOW_VARIANT[p?.shadowVariant];
12474
- console.log(variant);
12475
12253
  return {
12476
12254
  boxShadow: p?.shadow ?? variant?.getProps()?.shadow,
12477
12255
  };
@@ -12588,7 +12366,7 @@ const AVATAR_SIZE_STYLES = {
12588
12366
 
12589
12367
  /* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
12590
12368
 
12591
- function add_css$m(target) {
12369
+ function add_css$n(target) {
12592
12370
  append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
12593
12371
  }
12594
12372
 
@@ -12698,7 +12476,7 @@ function create_dynamic_element$b(ctx) {
12698
12476
  };
12699
12477
  }
12700
12478
 
12701
- function create_fragment$T(ctx) {
12479
+ function create_fragment$W(ctx) {
12702
12480
  let previous_tag = /*element*/ ctx[5];
12703
12481
  let svelte_element_anchor;
12704
12482
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$b(ctx);
@@ -12746,7 +12524,7 @@ function create_fragment$T(ctx) {
12746
12524
  };
12747
12525
  }
12748
12526
 
12749
- function instance$T($$self, $$props, $$invalidate) {
12527
+ function instance$W($$self, $$props, $$invalidate) {
12750
12528
  let style;
12751
12529
  let imgStyle;
12752
12530
  let { props = {} } = $$props;
@@ -12798,7 +12576,7 @@ function instance$T($$self, $$props, $$invalidate) {
12798
12576
  class Avatar extends SvelteComponent {
12799
12577
  constructor(options) {
12800
12578
  super();
12801
- init(this, options, instance$T, create_fragment$T, safe_not_equal, { props: 0, layerId: 1 }, add_css$m);
12579
+ init(this, options, instance$W, create_fragment$W, safe_not_equal, { props: 0, layerId: 1 }, add_css$n);
12802
12580
  }
12803
12581
  }
12804
12582
 
@@ -12850,7 +12628,7 @@ const buttonPropsDefault = {
12850
12628
 
12851
12629
  /* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
12852
12630
 
12853
- function create_fragment$S(ctx) {
12631
+ function create_fragment$V(ctx) {
12854
12632
  let svg;
12855
12633
  let path;
12856
12634
 
@@ -12893,7 +12671,7 @@ function create_fragment$S(ctx) {
12893
12671
  };
12894
12672
  }
12895
12673
 
12896
- function instance$S($$self, $$props, $$invalidate) {
12674
+ function instance$V($$self, $$props, $$invalidate) {
12897
12675
  let { color } = $$props;
12898
12676
 
12899
12677
  $$self.$$set = $$props => {
@@ -12906,13 +12684,13 @@ function instance$S($$self, $$props, $$invalidate) {
12906
12684
  class IconArrowDown extends SvelteComponent {
12907
12685
  constructor(options) {
12908
12686
  super();
12909
- init(this, options, instance$S, create_fragment$S, safe_not_equal, { color: 0 });
12687
+ init(this, options, instance$V, create_fragment$V, safe_not_equal, { color: 0 });
12910
12688
  }
12911
12689
  }
12912
12690
 
12913
12691
  /* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
12914
12692
 
12915
- function create_fragment$R(ctx) {
12693
+ function create_fragment$U(ctx) {
12916
12694
  let svg;
12917
12695
  let path;
12918
12696
 
@@ -12955,7 +12733,7 @@ function create_fragment$R(ctx) {
12955
12733
  };
12956
12734
  }
12957
12735
 
12958
- function instance$R($$self, $$props, $$invalidate) {
12736
+ function instance$U($$self, $$props, $$invalidate) {
12959
12737
  let { color } = $$props;
12960
12738
 
12961
12739
  $$self.$$set = $$props => {
@@ -12968,13 +12746,13 @@ function instance$R($$self, $$props, $$invalidate) {
12968
12746
  class IconArrowUp extends SvelteComponent {
12969
12747
  constructor(options) {
12970
12748
  super();
12971
- init(this, options, instance$R, create_fragment$R, safe_not_equal, { color: 0 });
12749
+ init(this, options, instance$U, create_fragment$U, safe_not_equal, { color: 0 });
12972
12750
  }
12973
12751
  }
12974
12752
 
12975
12753
  /* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
12976
12754
 
12977
- function create_fragment$Q(ctx) {
12755
+ function create_fragment$T(ctx) {
12978
12756
  let svg;
12979
12757
  let path;
12980
12758
 
@@ -13017,7 +12795,7 @@ function create_fragment$Q(ctx) {
13017
12795
  };
13018
12796
  }
13019
12797
 
13020
- function instance$Q($$self, $$props, $$invalidate) {
12798
+ function instance$T($$self, $$props, $$invalidate) {
13021
12799
  let { color } = $$props;
13022
12800
 
13023
12801
  $$self.$$set = $$props => {
@@ -13030,13 +12808,13 @@ function instance$Q($$self, $$props, $$invalidate) {
13030
12808
  class IconUsers extends SvelteComponent {
13031
12809
  constructor(options) {
13032
12810
  super();
13033
- init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { color: 0 });
12811
+ init(this, options, instance$T, create_fragment$T, safe_not_equal, { color: 0 });
13034
12812
  }
13035
12813
  }
13036
12814
 
13037
12815
  /* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
13038
12816
 
13039
- function create_fragment$P(ctx) {
12817
+ function create_fragment$S(ctx) {
13040
12818
  let svg;
13041
12819
  let path;
13042
12820
 
@@ -13079,7 +12857,7 @@ function create_fragment$P(ctx) {
13079
12857
  };
13080
12858
  }
13081
12859
 
13082
- function instance$P($$self, $$props, $$invalidate) {
12860
+ function instance$S($$self, $$props, $$invalidate) {
13083
12861
  let { color } = $$props;
13084
12862
 
13085
12863
  $$self.$$set = $$props => {
@@ -13092,13 +12870,13 @@ function instance$P($$self, $$props, $$invalidate) {
13092
12870
  class IconArrowLeft extends SvelteComponent {
13093
12871
  constructor(options) {
13094
12872
  super();
13095
- init(this, options, instance$P, create_fragment$P, safe_not_equal, { color: 0 });
12873
+ init(this, options, instance$S, create_fragment$S, safe_not_equal, { color: 0 });
13096
12874
  }
13097
12875
  }
13098
12876
 
13099
12877
  /* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
13100
12878
 
13101
- function create_fragment$O(ctx) {
12879
+ function create_fragment$R(ctx) {
13102
12880
  let svg;
13103
12881
  let path;
13104
12882
 
@@ -13141,7 +12919,7 @@ function create_fragment$O(ctx) {
13141
12919
  };
13142
12920
  }
13143
12921
 
13144
- function instance$O($$self, $$props, $$invalidate) {
12922
+ function instance$R($$self, $$props, $$invalidate) {
13145
12923
  let { color } = $$props;
13146
12924
 
13147
12925
  $$self.$$set = $$props => {
@@ -13154,13 +12932,13 @@ function instance$O($$self, $$props, $$invalidate) {
13154
12932
  class IconArrowRight extends SvelteComponent {
13155
12933
  constructor(options) {
13156
12934
  super();
13157
- init(this, options, instance$O, create_fragment$O, safe_not_equal, { color: 0 });
12935
+ init(this, options, instance$R, create_fragment$R, safe_not_equal, { color: 0 });
13158
12936
  }
13159
12937
  }
13160
12938
 
13161
12939
  /* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
13162
12940
 
13163
- function create_fragment$N(ctx) {
12941
+ function create_fragment$Q(ctx) {
13164
12942
  let svg;
13165
12943
  let path;
13166
12944
 
@@ -13203,7 +12981,7 @@ function create_fragment$N(ctx) {
13203
12981
  };
13204
12982
  }
13205
12983
 
13206
- function instance$N($$self, $$props, $$invalidate) {
12984
+ function instance$Q($$self, $$props, $$invalidate) {
13207
12985
  let { color } = $$props;
13208
12986
 
13209
12987
  $$self.$$set = $$props => {
@@ -13216,13 +12994,13 @@ function instance$N($$self, $$props, $$invalidate) {
13216
12994
  class IconBell extends SvelteComponent {
13217
12995
  constructor(options) {
13218
12996
  super();
13219
- init(this, options, instance$N, create_fragment$N, safe_not_equal, { color: 0 });
12997
+ init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { color: 0 });
13220
12998
  }
13221
12999
  }
13222
13000
 
13223
13001
  /* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
13224
13002
 
13225
- function create_fragment$M(ctx) {
13003
+ function create_fragment$P(ctx) {
13226
13004
  let svg;
13227
13005
  let path;
13228
13006
 
@@ -13265,7 +13043,7 @@ function create_fragment$M(ctx) {
13265
13043
  };
13266
13044
  }
13267
13045
 
13268
- function instance$M($$self, $$props, $$invalidate) {
13046
+ function instance$P($$self, $$props, $$invalidate) {
13269
13047
  let { color } = $$props;
13270
13048
 
13271
13049
  $$self.$$set = $$props => {
@@ -13278,13 +13056,13 @@ function instance$M($$self, $$props, $$invalidate) {
13278
13056
  class IconArrowUpFromSquare extends SvelteComponent {
13279
13057
  constructor(options) {
13280
13058
  super();
13281
- init(this, options, instance$M, create_fragment$M, safe_not_equal, { color: 0 });
13059
+ init(this, options, instance$P, create_fragment$P, safe_not_equal, { color: 0 });
13282
13060
  }
13283
13061
  }
13284
13062
 
13285
13063
  /* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
13286
13064
 
13287
- function create_fragment$L(ctx) {
13065
+ function create_fragment$O(ctx) {
13288
13066
  let svg;
13289
13067
  let path;
13290
13068
 
@@ -13327,7 +13105,7 @@ function create_fragment$L(ctx) {
13327
13105
  };
13328
13106
  }
13329
13107
 
13330
- function instance$L($$self, $$props, $$invalidate) {
13108
+ function instance$O($$self, $$props, $$invalidate) {
13331
13109
  let { color } = $$props;
13332
13110
 
13333
13111
  $$self.$$set = $$props => {
@@ -13340,13 +13118,13 @@ function instance$L($$self, $$props, $$invalidate) {
13340
13118
  class IconTicket extends SvelteComponent {
13341
13119
  constructor(options) {
13342
13120
  super();
13343
- init(this, options, instance$L, create_fragment$L, safe_not_equal, { color: 0 });
13121
+ init(this, options, instance$O, create_fragment$O, safe_not_equal, { color: 0 });
13344
13122
  }
13345
13123
  }
13346
13124
 
13347
13125
  /* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
13348
13126
 
13349
- function create_fragment$K(ctx) {
13127
+ function create_fragment$N(ctx) {
13350
13128
  let svg;
13351
13129
  let path;
13352
13130
 
@@ -13389,7 +13167,7 @@ function create_fragment$K(ctx) {
13389
13167
  };
13390
13168
  }
13391
13169
 
13392
- function instance$K($$self, $$props, $$invalidate) {
13170
+ function instance$N($$self, $$props, $$invalidate) {
13393
13171
  let { color } = $$props;
13394
13172
 
13395
13173
  $$self.$$set = $$props => {
@@ -13402,13 +13180,13 @@ function instance$K($$self, $$props, $$invalidate) {
13402
13180
  class IconTrack extends SvelteComponent {
13403
13181
  constructor(options) {
13404
13182
  super();
13405
- init(this, options, instance$K, create_fragment$K, safe_not_equal, { color: 0 });
13183
+ init(this, options, instance$N, create_fragment$N, safe_not_equal, { color: 0 });
13406
13184
  }
13407
13185
  }
13408
13186
 
13409
13187
  /* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
13410
13188
 
13411
- function create_fragment$J(ctx) {
13189
+ function create_fragment$M(ctx) {
13412
13190
  let svg;
13413
13191
  let path;
13414
13192
 
@@ -13451,7 +13229,7 @@ function create_fragment$J(ctx) {
13451
13229
  };
13452
13230
  }
13453
13231
 
13454
- function instance$J($$self, $$props, $$invalidate) {
13232
+ function instance$M($$self, $$props, $$invalidate) {
13455
13233
  let { color } = $$props;
13456
13234
 
13457
13235
  $$self.$$set = $$props => {
@@ -13464,13 +13242,13 @@ function instance$J($$self, $$props, $$invalidate) {
13464
13242
  class IconCartShopping extends SvelteComponent {
13465
13243
  constructor(options) {
13466
13244
  super();
13467
- init(this, options, instance$J, create_fragment$J, safe_not_equal, { color: 0 });
13245
+ init(this, options, instance$M, create_fragment$M, safe_not_equal, { color: 0 });
13468
13246
  }
13469
13247
  }
13470
13248
 
13471
13249
  /* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
13472
13250
 
13473
- function create_fragment$I(ctx) {
13251
+ function create_fragment$L(ctx) {
13474
13252
  let svg;
13475
13253
  let path;
13476
13254
 
@@ -13513,7 +13291,7 @@ function create_fragment$I(ctx) {
13513
13291
  };
13514
13292
  }
13515
13293
 
13516
- function instance$I($$self, $$props, $$invalidate) {
13294
+ function instance$L($$self, $$props, $$invalidate) {
13517
13295
  let { color } = $$props;
13518
13296
 
13519
13297
  $$self.$$set = $$props => {
@@ -13526,13 +13304,13 @@ function instance$I($$self, $$props, $$invalidate) {
13526
13304
  class IconCircle extends SvelteComponent {
13527
13305
  constructor(options) {
13528
13306
  super();
13529
- init(this, options, instance$I, create_fragment$I, safe_not_equal, { color: 0 });
13307
+ init(this, options, instance$L, create_fragment$L, safe_not_equal, { color: 0 });
13530
13308
  }
13531
13309
  }
13532
13310
 
13533
13311
  /* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
13534
13312
 
13535
- function create_fragment$H(ctx) {
13313
+ function create_fragment$K(ctx) {
13536
13314
  let svg;
13537
13315
  let path;
13538
13316
 
@@ -13575,7 +13353,7 @@ function create_fragment$H(ctx) {
13575
13353
  };
13576
13354
  }
13577
13355
 
13578
- function instance$H($$self, $$props, $$invalidate) {
13356
+ function instance$K($$self, $$props, $$invalidate) {
13579
13357
  let { color } = $$props;
13580
13358
 
13581
13359
  $$self.$$set = $$props => {
@@ -13588,13 +13366,13 @@ function instance$H($$self, $$props, $$invalidate) {
13588
13366
  class IconCircleQuestion extends SvelteComponent {
13589
13367
  constructor(options) {
13590
13368
  super();
13591
- init(this, options, instance$H, create_fragment$H, safe_not_equal, { color: 0 });
13369
+ init(this, options, instance$K, create_fragment$K, safe_not_equal, { color: 0 });
13592
13370
  }
13593
13371
  }
13594
13372
 
13595
13373
  /* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
13596
13374
 
13597
- function create_fragment$G(ctx) {
13375
+ function create_fragment$J(ctx) {
13598
13376
  let svg;
13599
13377
  let path;
13600
13378
 
@@ -13637,7 +13415,7 @@ function create_fragment$G(ctx) {
13637
13415
  };
13638
13416
  }
13639
13417
 
13640
- function instance$G($$self, $$props, $$invalidate) {
13418
+ function instance$J($$self, $$props, $$invalidate) {
13641
13419
  let { color } = $$props;
13642
13420
 
13643
13421
  $$self.$$set = $$props => {
@@ -13650,13 +13428,13 @@ function instance$G($$self, $$props, $$invalidate) {
13650
13428
  class IconCheck extends SvelteComponent {
13651
13429
  constructor(options) {
13652
13430
  super();
13653
- init(this, options, instance$G, create_fragment$G, safe_not_equal, { color: 0 });
13431
+ init(this, options, instance$J, create_fragment$J, safe_not_equal, { color: 0 });
13654
13432
  }
13655
13433
  }
13656
13434
 
13657
13435
  /* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
13658
13436
 
13659
- function create_fragment$F(ctx) {
13437
+ function create_fragment$I(ctx) {
13660
13438
  let svg;
13661
13439
  let path;
13662
13440
 
@@ -13699,7 +13477,7 @@ function create_fragment$F(ctx) {
13699
13477
  };
13700
13478
  }
13701
13479
 
13702
- function instance$F($$self, $$props, $$invalidate) {
13480
+ function instance$I($$self, $$props, $$invalidate) {
13703
13481
  let { color } = $$props;
13704
13482
 
13705
13483
  $$self.$$set = $$props => {
@@ -13712,13 +13490,13 @@ function instance$F($$self, $$props, $$invalidate) {
13712
13490
  class IconXMark extends SvelteComponent {
13713
13491
  constructor(options) {
13714
13492
  super();
13715
- init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
13493
+ init(this, options, instance$I, create_fragment$I, safe_not_equal, { color: 0 });
13716
13494
  }
13717
13495
  }
13718
13496
 
13719
13497
  /* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
13720
13498
 
13721
- function create_fragment$E(ctx) {
13499
+ function create_fragment$H(ctx) {
13722
13500
  let svg;
13723
13501
  let path;
13724
13502
 
@@ -13761,7 +13539,7 @@ function create_fragment$E(ctx) {
13761
13539
  };
13762
13540
  }
13763
13541
 
13764
- function instance$E($$self, $$props, $$invalidate) {
13542
+ function instance$H($$self, $$props, $$invalidate) {
13765
13543
  let { color } = $$props;
13766
13544
 
13767
13545
  $$self.$$set = $$props => {
@@ -13774,13 +13552,13 @@ function instance$E($$self, $$props, $$invalidate) {
13774
13552
  class IconPaperPlane extends SvelteComponent {
13775
13553
  constructor(options) {
13776
13554
  super();
13777
- init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
13555
+ init(this, options, instance$H, create_fragment$H, safe_not_equal, { color: 0 });
13778
13556
  }
13779
13557
  }
13780
13558
 
13781
13559
  /* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
13782
13560
 
13783
- function create_fragment$D(ctx) {
13561
+ function create_fragment$G(ctx) {
13784
13562
  let svg;
13785
13563
  let path;
13786
13564
 
@@ -13823,7 +13601,7 @@ function create_fragment$D(ctx) {
13823
13601
  };
13824
13602
  }
13825
13603
 
13826
- function instance$D($$self, $$props, $$invalidate) {
13604
+ function instance$G($$self, $$props, $$invalidate) {
13827
13605
  let { color } = $$props;
13828
13606
 
13829
13607
  $$self.$$set = $$props => {
@@ -13836,13 +13614,13 @@ function instance$D($$self, $$props, $$invalidate) {
13836
13614
  class IconCopy extends SvelteComponent {
13837
13615
  constructor(options) {
13838
13616
  super();
13839
- init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
13617
+ init(this, options, instance$G, create_fragment$G, safe_not_equal, { color: 0 });
13840
13618
  }
13841
13619
  }
13842
13620
 
13843
13621
  /* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
13844
13622
 
13845
- function create_fragment$C(ctx) {
13623
+ function create_fragment$F(ctx) {
13846
13624
  let svg;
13847
13625
  let path;
13848
13626
 
@@ -13885,7 +13663,7 @@ function create_fragment$C(ctx) {
13885
13663
  };
13886
13664
  }
13887
13665
 
13888
- function instance$C($$self, $$props, $$invalidate) {
13666
+ function instance$F($$self, $$props, $$invalidate) {
13889
13667
  let { color } = $$props;
13890
13668
 
13891
13669
  $$self.$$set = $$props => {
@@ -13898,13 +13676,13 @@ function instance$C($$self, $$props, $$invalidate) {
13898
13676
  class IconCircleXMark extends SvelteComponent {
13899
13677
  constructor(options) {
13900
13678
  super();
13901
- init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
13679
+ init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
13902
13680
  }
13903
13681
  }
13904
13682
 
13905
13683
  /* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
13906
13684
 
13907
- function create_fragment$B(ctx) {
13685
+ function create_fragment$E(ctx) {
13908
13686
  let svg;
13909
13687
  let path;
13910
13688
 
@@ -13947,7 +13725,7 @@ function create_fragment$B(ctx) {
13947
13725
  };
13948
13726
  }
13949
13727
 
13950
- function instance$B($$self, $$props, $$invalidate) {
13728
+ function instance$E($$self, $$props, $$invalidate) {
13951
13729
  let { color } = $$props;
13952
13730
 
13953
13731
  $$self.$$set = $$props => {
@@ -13960,13 +13738,13 @@ function instance$B($$self, $$props, $$invalidate) {
13960
13738
  class IconHeart extends SvelteComponent {
13961
13739
  constructor(options) {
13962
13740
  super();
13963
- init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
13741
+ init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
13964
13742
  }
13965
13743
  }
13966
13744
 
13967
13745
  /* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
13968
13746
 
13969
- function create_fragment$A(ctx) {
13747
+ function create_fragment$D(ctx) {
13970
13748
  let svg;
13971
13749
  let path;
13972
13750
 
@@ -14009,7 +13787,7 @@ function create_fragment$A(ctx) {
14009
13787
  };
14010
13788
  }
14011
13789
 
14012
- function instance$A($$self, $$props, $$invalidate) {
13790
+ function instance$D($$self, $$props, $$invalidate) {
14013
13791
  let { color } = $$props;
14014
13792
 
14015
13793
  $$self.$$set = $$props => {
@@ -14022,13 +13800,13 @@ function instance$A($$self, $$props, $$invalidate) {
14022
13800
  class IconMagnifyingGrass extends SvelteComponent {
14023
13801
  constructor(options) {
14024
13802
  super();
14025
- init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
13803
+ init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
14026
13804
  }
14027
13805
  }
14028
13806
 
14029
13807
  /* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
14030
13808
 
14031
- function create_fragment$z(ctx) {
13809
+ function create_fragment$C(ctx) {
14032
13810
  let svg;
14033
13811
  let path;
14034
13812
 
@@ -14071,7 +13849,7 @@ function create_fragment$z(ctx) {
14071
13849
  };
14072
13850
  }
14073
13851
 
14074
- function instance$z($$self, $$props, $$invalidate) {
13852
+ function instance$C($$self, $$props, $$invalidate) {
14075
13853
  let { color } = $$props;
14076
13854
 
14077
13855
  $$self.$$set = $$props => {
@@ -14084,13 +13862,13 @@ function instance$z($$self, $$props, $$invalidate) {
14084
13862
  class IconStar extends SvelteComponent {
14085
13863
  constructor(options) {
14086
13864
  super();
14087
- init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
13865
+ init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
14088
13866
  }
14089
13867
  }
14090
13868
 
14091
13869
  /* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
14092
13870
 
14093
- function create_fragment$y(ctx) {
13871
+ function create_fragment$B(ctx) {
14094
13872
  let svg;
14095
13873
  let path;
14096
13874
 
@@ -14133,7 +13911,7 @@ function create_fragment$y(ctx) {
14133
13911
  };
14134
13912
  }
14135
13913
 
14136
- function instance$y($$self, $$props, $$invalidate) {
13914
+ function instance$B($$self, $$props, $$invalidate) {
14137
13915
  let { color } = $$props;
14138
13916
 
14139
13917
  $$self.$$set = $$props => {
@@ -14146,13 +13924,13 @@ function instance$y($$self, $$props, $$invalidate) {
14146
13924
  class IconCircleInfo extends SvelteComponent {
14147
13925
  constructor(options) {
14148
13926
  super();
14149
- init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
13927
+ init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
14150
13928
  }
14151
13929
  }
14152
13930
 
14153
13931
  /* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
14154
13932
 
14155
- function create_fragment$x(ctx) {
13933
+ function create_fragment$A(ctx) {
14156
13934
  let svg;
14157
13935
  let path;
14158
13936
 
@@ -14195,7 +13973,7 @@ function create_fragment$x(ctx) {
14195
13973
  };
14196
13974
  }
14197
13975
 
14198
- function instance$x($$self, $$props, $$invalidate) {
13976
+ function instance$A($$self, $$props, $$invalidate) {
14199
13977
  let { color } = $$props;
14200
13978
 
14201
13979
  $$self.$$set = $$props => {
@@ -14208,13 +13986,13 @@ function instance$x($$self, $$props, $$invalidate) {
14208
13986
  class IconEnvelope extends SvelteComponent {
14209
13987
  constructor(options) {
14210
13988
  super();
14211
- init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
13989
+ init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
14212
13990
  }
14213
13991
  }
14214
13992
 
14215
13993
  /* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
14216
13994
 
14217
- function create_fragment$w(ctx) {
13995
+ function create_fragment$z(ctx) {
14218
13996
  let svg;
14219
13997
  let path;
14220
13998
 
@@ -14257,7 +14035,7 @@ function create_fragment$w(ctx) {
14257
14035
  };
14258
14036
  }
14259
14037
 
14260
- function instance$w($$self, $$props, $$invalidate) {
14038
+ function instance$z($$self, $$props, $$invalidate) {
14261
14039
  let { color } = $$props;
14262
14040
 
14263
14041
  $$self.$$set = $$props => {
@@ -14270,13 +14048,13 @@ function instance$w($$self, $$props, $$invalidate) {
14270
14048
  class IconGift extends SvelteComponent {
14271
14049
  constructor(options) {
14272
14050
  super();
14273
- init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
14051
+ init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
14274
14052
  }
14275
14053
  }
14276
14054
 
14277
14055
  /* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
14278
14056
 
14279
- function create_fragment$v(ctx) {
14057
+ function create_fragment$y(ctx) {
14280
14058
  let svg;
14281
14059
  let path;
14282
14060
 
@@ -14325,7 +14103,7 @@ function create_fragment$v(ctx) {
14325
14103
  };
14326
14104
  }
14327
14105
 
14328
- function instance$v($$self, $$props, $$invalidate) {
14106
+ function instance$y($$self, $$props, $$invalidate) {
14329
14107
  let { color } = $$props;
14330
14108
 
14331
14109
  $$self.$$set = $$props => {
@@ -14338,13 +14116,13 @@ function instance$v($$self, $$props, $$invalidate) {
14338
14116
  class IconPaperclip extends SvelteComponent {
14339
14117
  constructor(options) {
14340
14118
  super();
14341
- init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
14119
+ init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
14342
14120
  }
14343
14121
  }
14344
14122
 
14345
14123
  /* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
14346
14124
 
14347
- function create_fragment$u(ctx) {
14125
+ function create_fragment$x(ctx) {
14348
14126
  let svg;
14349
14127
  let path;
14350
14128
 
@@ -14393,7 +14171,7 @@ function create_fragment$u(ctx) {
14393
14171
  };
14394
14172
  }
14395
14173
 
14396
- function instance$u($$self, $$props, $$invalidate) {
14174
+ function instance$x($$self, $$props, $$invalidate) {
14397
14175
  let { color } = $$props;
14398
14176
 
14399
14177
  $$self.$$set = $$props => {
@@ -14406,13 +14184,13 @@ function instance$u($$self, $$props, $$invalidate) {
14406
14184
  class IconFire extends SvelteComponent {
14407
14185
  constructor(options) {
14408
14186
  super();
14409
- init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
14187
+ init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
14410
14188
  }
14411
14189
  }
14412
14190
 
14413
14191
  /* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
14414
14192
 
14415
- function create_fragment$t(ctx) {
14193
+ function create_fragment$w(ctx) {
14416
14194
  let svg;
14417
14195
  let path;
14418
14196
 
@@ -14461,7 +14239,7 @@ function create_fragment$t(ctx) {
14461
14239
  };
14462
14240
  }
14463
14241
 
14464
- function instance$t($$self, $$props, $$invalidate) {
14242
+ function instance$w($$self, $$props, $$invalidate) {
14465
14243
  let { color } = $$props;
14466
14244
 
14467
14245
  $$self.$$set = $$props => {
@@ -14474,13 +14252,13 @@ function instance$t($$self, $$props, $$invalidate) {
14474
14252
  class IconLink extends SvelteComponent {
14475
14253
  constructor(options) {
14476
14254
  super();
14477
- init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
14255
+ init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
14478
14256
  }
14479
14257
  }
14480
14258
 
14481
14259
  /* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
14482
14260
 
14483
- function create_fragment$s(ctx) {
14261
+ function create_fragment$v(ctx) {
14484
14262
  let svg;
14485
14263
  let path;
14486
14264
 
@@ -14523,7 +14301,7 @@ function create_fragment$s(ctx) {
14523
14301
  };
14524
14302
  }
14525
14303
 
14526
- function instance$s($$self, $$props, $$invalidate) {
14304
+ function instance$v($$self, $$props, $$invalidate) {
14527
14305
  let { color } = $$props;
14528
14306
 
14529
14307
  $$self.$$set = $$props => {
@@ -14536,13 +14314,13 @@ function instance$s($$self, $$props, $$invalidate) {
14536
14314
  class IconBuildings extends SvelteComponent {
14537
14315
  constructor(options) {
14538
14316
  super();
14539
- init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
14317
+ init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
14540
14318
  }
14541
14319
  }
14542
14320
 
14543
14321
  /* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
14544
14322
 
14545
- function create_fragment$r(ctx) {
14323
+ function create_fragment$u(ctx) {
14546
14324
  let svg;
14547
14325
  let path;
14548
14326
 
@@ -14585,7 +14363,7 @@ function create_fragment$r(ctx) {
14585
14363
  };
14586
14364
  }
14587
14365
 
14588
- function instance$r($$self, $$props, $$invalidate) {
14366
+ function instance$u($$self, $$props, $$invalidate) {
14589
14367
  let { color } = $$props;
14590
14368
 
14591
14369
  $$self.$$set = $$props => {
@@ -14598,13 +14376,13 @@ function instance$r($$self, $$props, $$invalidate) {
14598
14376
  class IconChevronsRight extends SvelteComponent {
14599
14377
  constructor(options) {
14600
14378
  super();
14601
- init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
14379
+ init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
14602
14380
  }
14603
14381
  }
14604
14382
 
14605
14383
  /* src/components-flex/icon/variants/IconChevronRight.svelte generated by Svelte v3.53.1 */
14606
14384
 
14607
- function create_fragment$q(ctx) {
14385
+ function create_fragment$t(ctx) {
14608
14386
  let svg;
14609
14387
  let path;
14610
14388
 
@@ -14647,7 +14425,7 @@ function create_fragment$q(ctx) {
14647
14425
  };
14648
14426
  }
14649
14427
 
14650
- function instance$q($$self, $$props, $$invalidate) {
14428
+ function instance$t($$self, $$props, $$invalidate) {
14651
14429
  let { color } = $$props;
14652
14430
 
14653
14431
  $$self.$$set = $$props => {
@@ -14660,13 +14438,13 @@ function instance$q($$self, $$props, $$invalidate) {
14660
14438
  class IconChevronRight extends SvelteComponent {
14661
14439
  constructor(options) {
14662
14440
  super();
14663
- init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
14441
+ init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
14664
14442
  }
14665
14443
  }
14666
14444
 
14667
14445
  /* src/components-flex/icon/variants/IconPhone.svelte generated by Svelte v3.53.1 */
14668
14446
 
14669
- function create_fragment$p(ctx) {
14447
+ function create_fragment$s(ctx) {
14670
14448
  let svg;
14671
14449
  let path;
14672
14450
 
@@ -14709,7 +14487,7 @@ function create_fragment$p(ctx) {
14709
14487
  };
14710
14488
  }
14711
14489
 
14712
- function instance$p($$self, $$props, $$invalidate) {
14490
+ function instance$s($$self, $$props, $$invalidate) {
14713
14491
  let { color } = $$props;
14714
14492
 
14715
14493
  $$self.$$set = $$props => {
@@ -14722,13 +14500,13 @@ function instance$p($$self, $$props, $$invalidate) {
14722
14500
  class IconPhone extends SvelteComponent {
14723
14501
  constructor(options) {
14724
14502
  super();
14725
- init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
14503
+ init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
14726
14504
  }
14727
14505
  }
14728
14506
 
14729
14507
  /* src/components-flex/icon/variants/IconLocationDot.svelte generated by Svelte v3.53.1 */
14730
14508
 
14731
- function create_fragment$o(ctx) {
14509
+ function create_fragment$r(ctx) {
14732
14510
  let svg;
14733
14511
  let path;
14734
14512
 
@@ -14771,7 +14549,7 @@ function create_fragment$o(ctx) {
14771
14549
  };
14772
14550
  }
14773
14551
 
14774
- function instance$o($$self, $$props, $$invalidate) {
14552
+ function instance$r($$self, $$props, $$invalidate) {
14775
14553
  let { color } = $$props;
14776
14554
 
14777
14555
  $$self.$$set = $$props => {
@@ -14784,7 +14562,7 @@ function instance$o($$self, $$props, $$invalidate) {
14784
14562
  class IconLocationDot extends SvelteComponent {
14785
14563
  constructor(options) {
14786
14564
  super();
14787
- init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
14565
+ init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
14788
14566
  }
14789
14567
  }
14790
14568
 
@@ -14855,7 +14633,7 @@ const ICON_VARIANTS = {
14855
14633
 
14856
14634
  /* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
14857
14635
 
14858
- function add_css$l(target) {
14636
+ function add_css$m(target) {
14859
14637
  append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
14860
14638
  }
14861
14639
 
@@ -14991,7 +14769,7 @@ function create_dynamic_element$a(ctx) {
14991
14769
  };
14992
14770
  }
14993
14771
 
14994
- function create_fragment$n(ctx) {
14772
+ function create_fragment$q(ctx) {
14995
14773
  let previous_tag = /*element*/ ctx[5];
14996
14774
  let svelte_element_anchor;
14997
14775
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$a(ctx);
@@ -15041,7 +14819,7 @@ function create_fragment$n(ctx) {
15041
14819
  };
15042
14820
  }
15043
14821
 
15044
- function instance$n($$self, $$props, $$invalidate) {
14822
+ function instance$q($$self, $$props, $$invalidate) {
15045
14823
  let style;
15046
14824
  let IconComponent;
15047
14825
  let { props = {} } = $$props;
@@ -15084,7 +14862,7 @@ function instance$n($$self, $$props, $$invalidate) {
15084
14862
  class Icon extends SvelteComponent {
15085
14863
  constructor(options) {
15086
14864
  super();
15087
- init(this, options, instance$n, create_fragment$n, safe_not_equal, { props: 0, layerId: 1 }, add_css$l);
14865
+ init(this, options, instance$q, create_fragment$q, safe_not_equal, { props: 0, layerId: 1 }, add_css$m);
15088
14866
  }
15089
14867
  }
15090
14868
 
@@ -15272,12 +15050,12 @@ function darkenColor(color, percent) {
15272
15050
 
15273
15051
  /* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
15274
15052
 
15275
- function add_css$k(target) {
15053
+ function add_css$l(target) {
15276
15054
  append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
15277
15055
  }
15278
15056
 
15279
15057
  // (91:2) {#if props.isIcon && props.iconVariant}
15280
- function create_if_block$7(ctx) {
15058
+ function create_if_block$9(ctx) {
15281
15059
  let div;
15282
15060
  let icon;
15283
15061
  let current;
@@ -15352,7 +15130,7 @@ function create_dynamic_element$9(ctx) {
15352
15130
  let current;
15353
15131
  let mounted;
15354
15132
  let dispose;
15355
- let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$7(ctx);
15133
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$9(ctx);
15356
15134
 
15357
15135
  let svelte_element_levels = [
15358
15136
  /*attributes*/ ctx[3],
@@ -15428,7 +15206,7 @@ function create_dynamic_element$9(ctx) {
15428
15206
  transition_in(if_block, 1);
15429
15207
  }
15430
15208
  } else {
15431
- if_block = create_if_block$7(ctx);
15209
+ if_block = create_if_block$9(ctx);
15432
15210
  if_block.c();
15433
15211
  transition_in(if_block, 1);
15434
15212
  if_block.m(svelte_element, t0);
@@ -15479,7 +15257,7 @@ function create_dynamic_element$9(ctx) {
15479
15257
  };
15480
15258
  }
15481
15259
 
15482
- function create_fragment$m(ctx) {
15260
+ function create_fragment$p(ctx) {
15483
15261
  let previous_tag = /*element*/ ctx[4];
15484
15262
  let svelte_element_anchor;
15485
15263
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$9(ctx);
@@ -15529,7 +15307,7 @@ function create_fragment$m(ctx) {
15529
15307
  };
15530
15308
  }
15531
15309
 
15532
- function instance$m($$self, $$props, $$invalidate) {
15310
+ function instance$p($$self, $$props, $$invalidate) {
15533
15311
  let variables;
15534
15312
  let style;
15535
15313
  let { props = {} } = $$props;
@@ -15632,7 +15410,7 @@ function instance$m($$self, $$props, $$invalidate) {
15632
15410
  class Button extends SvelteComponent {
15633
15411
  constructor(options) {
15634
15412
  super();
15635
- init(this, options, instance$m, create_fragment$m, safe_not_equal, { props: 0, layerId: 1 }, add_css$k);
15413
+ init(this, options, instance$p, create_fragment$p, safe_not_equal, { props: 0, layerId: 1 }, add_css$l);
15636
15414
  }
15637
15415
  }
15638
15416
 
@@ -15737,12 +15515,12 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
15737
15515
 
15738
15516
  /* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
15739
15517
 
15740
- function add_css$j(target) {
15518
+ function add_css$k(target) {
15741
15519
  append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
15742
15520
  }
15743
15521
 
15744
15522
  // (53:2) {#if props.isIcon && props.iconVariant}
15745
- function create_if_block$6(ctx) {
15523
+ function create_if_block$8(ctx) {
15746
15524
  let div;
15747
15525
  let icon;
15748
15526
  let current;
@@ -15817,7 +15595,7 @@ function create_dynamic_element$8(ctx) {
15817
15595
  let current;
15818
15596
  let mounted;
15819
15597
  let dispose;
15820
- let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$6(ctx);
15598
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$8(ctx);
15821
15599
 
15822
15600
  let svelte_element_levels = [
15823
15601
  /*attributes*/ ctx[3],
@@ -15891,7 +15669,7 @@ function create_dynamic_element$8(ctx) {
15891
15669
  transition_in(if_block, 1);
15892
15670
  }
15893
15671
  } else {
15894
- if_block = create_if_block$6(ctx);
15672
+ if_block = create_if_block$8(ctx);
15895
15673
  if_block.c();
15896
15674
  transition_in(if_block, 1);
15897
15675
  if_block.m(svelte_element, t0);
@@ -15941,7 +15719,7 @@ function create_dynamic_element$8(ctx) {
15941
15719
  };
15942
15720
  }
15943
15721
 
15944
- function create_fragment$l(ctx) {
15722
+ function create_fragment$o(ctx) {
15945
15723
  let previous_tag = /*element*/ ctx[4];
15946
15724
  let svelte_element_anchor;
15947
15725
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$8(ctx);
@@ -15991,7 +15769,7 @@ function create_fragment$l(ctx) {
15991
15769
  };
15992
15770
  }
15993
15771
 
15994
- function instance$l($$self, $$props, $$invalidate) {
15772
+ function instance$o($$self, $$props, $$invalidate) {
15995
15773
  let variables;
15996
15774
  let style;
15997
15775
  let { props = {} } = $$props;
@@ -16054,7 +15832,7 @@ function instance$l($$self, $$props, $$invalidate) {
16054
15832
  class ButtonOutlined extends SvelteComponent {
16055
15833
  constructor(options) {
16056
15834
  super();
16057
- init(this, options, instance$l, create_fragment$l, safe_not_equal, { props: 0, layerId: 1 }, add_css$j);
15835
+ init(this, options, instance$o, create_fragment$o, safe_not_equal, { props: 0, layerId: 1 }, add_css$k);
16058
15836
  }
16059
15837
  }
16060
15838
 
@@ -16116,12 +15894,12 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
16116
15894
 
16117
15895
  /* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
16118
15896
 
16119
- function add_css$i(target) {
15897
+ function add_css$j(target) {
16120
15898
  append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
16121
15899
  }
16122
15900
 
16123
15901
  // (49:2) {#if props.isIcon && props.iconVariant}
16124
- function create_if_block$5(ctx) {
15902
+ function create_if_block$7(ctx) {
16125
15903
  let div;
16126
15904
  let icon;
16127
15905
  let current;
@@ -16196,7 +15974,7 @@ function create_dynamic_element$7(ctx) {
16196
15974
  let current;
16197
15975
  let mounted;
16198
15976
  let dispose;
16199
- let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$5(ctx);
15977
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$7(ctx);
16200
15978
 
16201
15979
  let svelte_element_levels = [
16202
15980
  /*attributes*/ ctx[3],
@@ -16270,7 +16048,7 @@ function create_dynamic_element$7(ctx) {
16270
16048
  transition_in(if_block, 1);
16271
16049
  }
16272
16050
  } else {
16273
- if_block = create_if_block$5(ctx);
16051
+ if_block = create_if_block$7(ctx);
16274
16052
  if_block.c();
16275
16053
  transition_in(if_block, 1);
16276
16054
  if_block.m(svelte_element, t0);
@@ -16320,7 +16098,7 @@ function create_dynamic_element$7(ctx) {
16320
16098
  };
16321
16099
  }
16322
16100
 
16323
- function create_fragment$k(ctx) {
16101
+ function create_fragment$n(ctx) {
16324
16102
  let previous_tag = /*element*/ ctx[4];
16325
16103
  let svelte_element_anchor;
16326
16104
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$7(ctx);
@@ -16370,7 +16148,7 @@ function create_fragment$k(ctx) {
16370
16148
  };
16371
16149
  }
16372
16150
 
16373
- function instance$k($$self, $$props, $$invalidate) {
16151
+ function instance$n($$self, $$props, $$invalidate) {
16374
16152
  let variables;
16375
16153
  let style;
16376
16154
  let { props = {} } = $$props;
@@ -16429,7 +16207,7 @@ function instance$k($$self, $$props, $$invalidate) {
16429
16207
  class ButtonText extends SvelteComponent {
16430
16208
  constructor(options) {
16431
16209
  super();
16432
- init(this, options, instance$k, create_fragment$k, safe_not_equal, { props: 0, layerId: 1 }, add_css$i);
16210
+ init(this, options, instance$n, create_fragment$n, safe_not_equal, { props: 0, layerId: 1 }, add_css$j);
16433
16211
  }
16434
16212
  }
16435
16213
 
@@ -16451,12 +16229,12 @@ const BUTTON_TEXT_THEME = {
16451
16229
 
16452
16230
  /* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
16453
16231
 
16454
- function add_css$h(target) {
16232
+ function add_css$i(target) {
16455
16233
  append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
16456
16234
  }
16457
16235
 
16458
16236
  // (90:2) {#if hasLabel}
16459
- function create_if_block$4(ctx) {
16237
+ function create_if_block$6(ctx) {
16460
16238
  let span;
16461
16239
  let t;
16462
16240
 
@@ -16505,7 +16283,7 @@ function create_dynamic_element$6(ctx) {
16505
16283
  let svelte_element_class_value;
16506
16284
  let mounted;
16507
16285
  let dispose;
16508
- let if_block = /*hasLabel*/ ctx[4] && create_if_block$4(ctx);
16286
+ let if_block = /*hasLabel*/ ctx[4] && create_if_block$6(ctx);
16509
16287
 
16510
16288
  let svelte_element_levels = [
16511
16289
  /*attributes*/ ctx[5],
@@ -16603,7 +16381,7 @@ function create_dynamic_element$6(ctx) {
16603
16381
  if (if_block) {
16604
16382
  if_block.p(ctx, dirty);
16605
16383
  } else {
16606
- if_block = create_if_block$4(ctx);
16384
+ if_block = create_if_block$6(ctx);
16607
16385
  if_block.c();
16608
16386
  if_block.m(svelte_element, null);
16609
16387
  }
@@ -16636,7 +16414,7 @@ function create_dynamic_element$6(ctx) {
16636
16414
  };
16637
16415
  }
16638
16416
 
16639
- function create_fragment$j(ctx) {
16417
+ function create_fragment$m(ctx) {
16640
16418
  let previous_tag = /*element*/ ctx[6];
16641
16419
  let svelte_element_anchor;
16642
16420
  let svelte_element = /*element*/ ctx[6] && create_dynamic_element$6(ctx);
@@ -16684,7 +16462,7 @@ function create_fragment$j(ctx) {
16684
16462
  };
16685
16463
  }
16686
16464
 
16687
- function instance$j($$self, $$props, $$invalidate) {
16465
+ function instance$m($$self, $$props, $$invalidate) {
16688
16466
  let hasLabel;
16689
16467
  let style;
16690
16468
  let labelStyle;
@@ -16781,8 +16559,8 @@ class CloseButton extends SvelteComponent {
16781
16559
  init(
16782
16560
  this,
16783
16561
  options,
16784
- instance$j,
16785
- create_fragment$j,
16562
+ instance$m,
16563
+ create_fragment$m,
16786
16564
  safe_not_equal,
16787
16565
  {
16788
16566
  props: 11,
@@ -16790,7 +16568,7 @@ class CloseButton extends SvelteComponent {
16790
16568
  eventName: 12,
16791
16569
  eventValue: 13
16792
16570
  },
16793
- add_css$h
16571
+ add_css$i
16794
16572
  );
16795
16573
  }
16796
16574
  }
@@ -16844,7 +16622,7 @@ const ICON_SIZE_STYLES = {
16844
16622
 
16845
16623
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
16846
16624
 
16847
- function add_css$g(target) {
16625
+ function add_css$h(target) {
16848
16626
  append_styles(target, "svelte-gzaieg", ".image.svelte-gzaieg{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-gzaieg{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
16849
16627
  }
16850
16628
 
@@ -16942,7 +16720,7 @@ function create_dynamic_element$5(ctx) {
16942
16720
  };
16943
16721
  }
16944
16722
 
16945
- function create_fragment$i(ctx) {
16723
+ function create_fragment$l(ctx) {
16946
16724
  let previous_tag = /*element*/ ctx[4];
16947
16725
  let svelte_element_anchor;
16948
16726
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$5(ctx);
@@ -16990,7 +16768,7 @@ function create_fragment$i(ctx) {
16990
16768
  };
16991
16769
  }
16992
16770
 
16993
- function instance$i($$self, $$props, $$invalidate) {
16771
+ function instance$l($$self, $$props, $$invalidate) {
16994
16772
  let style;
16995
16773
  let { props = {} } = $$props;
16996
16774
  let { layerId = '' } = $$props;
@@ -17030,7 +16808,7 @@ function instance$i($$self, $$props, $$invalidate) {
17030
16808
  class Image extends SvelteComponent {
17031
16809
  constructor(options) {
17032
16810
  super();
17033
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { props: 0, layerId: 1 }, add_css$g);
16811
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { props: 0, layerId: 1 }, add_css$h);
17034
16812
  }
17035
16813
  }
17036
16814
 
@@ -17054,7 +16832,7 @@ const IMAGE_ASPECT_VARIANTS = {
17054
16832
 
17055
16833
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
17056
16834
 
17057
- function add_css$f(target) {
16835
+ function add_css$g(target) {
17058
16836
  append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
17059
16837
  }
17060
16838
 
@@ -17170,7 +16948,7 @@ function create_dynamic_element$4(ctx) {
17170
16948
  };
17171
16949
  }
17172
16950
 
17173
- function create_fragment$h(ctx) {
16951
+ function create_fragment$k(ctx) {
17174
16952
  let previous_tag = "div";
17175
16953
  let svelte_element_anchor;
17176
16954
  let current;
@@ -17224,7 +17002,7 @@ function create_fragment$h(ctx) {
17224
17002
  };
17225
17003
  }
17226
17004
 
17227
- function instance$h($$self, $$props, $$invalidate) {
17005
+ function instance$k($$self, $$props, $$invalidate) {
17228
17006
  let style;
17229
17007
  let { $$slots: slots = {}, $$scope } = $$props;
17230
17008
  let { props = {} } = $$props;
@@ -17266,7 +17044,7 @@ function instance$h($$self, $$props, $$invalidate) {
17266
17044
  class Layout extends SvelteComponent {
17267
17045
  constructor(options) {
17268
17046
  super();
17269
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 4, layerId: 0 }, add_css$f);
17047
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { props: 4, layerId: 0 }, add_css$g);
17270
17048
  }
17271
17049
  }
17272
17050
 
@@ -17277,7 +17055,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
17277
17055
 
17278
17056
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
17279
17057
 
17280
- function add_css$e(target) {
17058
+ function add_css$f(target) {
17281
17059
  append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
17282
17060
  }
17283
17061
 
@@ -17288,7 +17066,7 @@ function get_each_context$1(ctx, list, i) {
17288
17066
  return child_ctx;
17289
17067
  }
17290
17068
 
17291
- // (175:4) {#each indicators ?? [] as indicator, i}
17069
+ // (174:4) {#each indicators ?? [] as indicator, i}
17292
17070
  function create_each_block$1(ctx) {
17293
17071
  let button;
17294
17072
  let i_1;
@@ -17361,7 +17139,7 @@ function create_each_block$1(ctx) {
17361
17139
  };
17362
17140
  }
17363
17141
 
17364
- function create_fragment$g(ctx) {
17142
+ function create_fragment$j(ctx) {
17365
17143
  let div1;
17366
17144
  let ul;
17367
17145
  let ul_style_value;
@@ -17527,7 +17305,7 @@ function create_fragment$g(ctx) {
17527
17305
  };
17528
17306
  }
17529
17307
 
17530
- function instance$g($$self, $$props, $$invalidate) {
17308
+ function instance$j($$self, $$props, $$invalidate) {
17531
17309
  let indicators;
17532
17310
  let itemWidthPercentage;
17533
17311
  let style;
@@ -17596,8 +17374,6 @@ function instance$g($$self, $$props, $$invalidate) {
17596
17374
  };
17597
17375
 
17598
17376
  const handleClick = e => {
17599
- console.log('handleClick', isDragging);
17600
-
17601
17377
  if (isDragging) {
17602
17378
  e.preventDefault();
17603
17379
  e.stopPropagation();
@@ -17622,6 +17398,7 @@ function instance$g($$self, $$props, $$invalidate) {
17622
17398
  $$invalidate(13, movedX = null);
17623
17399
  document.removeEventListener('touchmove', handleTouchmove);
17624
17400
  document.removeEventListener('touchend', handleTouchend);
17401
+ document.removeEventListener('click', handleClick);
17625
17402
  };
17626
17403
 
17627
17404
  const handleTouchstart = e => {
@@ -17641,8 +17418,6 @@ function instance$g($$self, $$props, $$invalidate) {
17641
17418
  };
17642
17419
 
17643
17420
  const handleMouseup = e => {
17644
- console.log('handleMouseup');
17645
-
17646
17421
  if (movedX >= 32) {
17647
17422
  toNext();
17648
17423
  } else if (movedX <= -32) {
@@ -17768,13 +17543,13 @@ function instance$g($$self, $$props, $$invalidate) {
17768
17543
  class Slider extends SvelteComponent {
17769
17544
  constructor(options) {
17770
17545
  super();
17771
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$e, [-1, -1]);
17546
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$f, [-1, -1]);
17772
17547
  }
17773
17548
  }
17774
17549
 
17775
17550
  /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
17776
17551
 
17777
- function add_css$d(target) {
17552
+ function add_css$e(target) {
17778
17553
  append_styles(target, "svelte-1amglxo", ".slider-item.svelte-1amglxo{overflow:hidden}.slider-item-inner.svelte-1amglxo{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
17779
17554
  }
17780
17555
 
@@ -17873,7 +17648,7 @@ function create_dynamic_element$3(ctx) {
17873
17648
  };
17874
17649
  }
17875
17650
 
17876
- function create_fragment$f(ctx) {
17651
+ function create_fragment$i(ctx) {
17877
17652
  let li;
17878
17653
  let previous_tag = /*element*/ ctx[2];
17879
17654
  let current;
@@ -17942,7 +17717,7 @@ function create_fragment$f(ctx) {
17942
17717
  };
17943
17718
  }
17944
17719
 
17945
- function instance$f($$self, $$props, $$invalidate) {
17720
+ function instance$i($$self, $$props, $$invalidate) {
17946
17721
  let { $$slots: slots = {}, $$scope } = $$props;
17947
17722
  let { layerId } = $$props;
17948
17723
  let { props } = $$props;
@@ -17961,7 +17736,7 @@ function instance$f($$self, $$props, $$invalidate) {
17961
17736
  class SliderItem extends SvelteComponent {
17962
17737
  constructor(options) {
17963
17738
  super();
17964
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { layerId: 0, props: 4 }, add_css$d);
17739
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { layerId: 0, props: 4 }, add_css$e);
17965
17740
  }
17966
17741
  }
17967
17742
 
@@ -18050,11 +17825,11 @@ const TEXT_VARIANTS = {
18050
17825
 
18051
17826
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
18052
17827
 
18053
- function add_css$c(target) {
17828
+ function add_css$d(target) {
18054
17829
  append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
18055
17830
  }
18056
17831
 
18057
- function create_fragment$e(ctx) {
17832
+ function create_fragment$h(ctx) {
18058
17833
  let p;
18059
17834
 
18060
17835
  return {
@@ -18100,7 +17875,7 @@ function create_fragment$e(ctx) {
18100
17875
  };
18101
17876
  }
18102
17877
 
18103
- function instance$e($$self, $$props, $$invalidate) {
17878
+ function instance$h($$self, $$props, $$invalidate) {
18104
17879
  let escapedHTML;
18105
17880
  let style;
18106
17881
  let { props = { content: '' } } = $$props;
@@ -18185,17 +17960,17 @@ function instance$e($$self, $$props, $$invalidate) {
18185
17960
  class Text extends SvelteComponent {
18186
17961
  constructor(options) {
18187
17962
  super();
18188
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { props: 3, layerId: 0 }, add_css$c);
17963
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 3, layerId: 0 }, add_css$d);
18189
17964
  }
18190
17965
  }
18191
17966
 
18192
17967
  /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
18193
17968
 
18194
- function add_css$b(target) {
17969
+ function add_css$c(target) {
18195
17970
  append_styles(target, "svelte-dxr423", ".rich-text.svelte-dxr423 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-dxr423 p + p{margin-top:0.75em}");
18196
17971
  }
18197
17972
 
18198
- function create_fragment$d(ctx) {
17973
+ function create_fragment$g(ctx) {
18199
17974
  let div;
18200
17975
  let raw_value = /*props*/ ctx[0].content + "";
18201
17976
 
@@ -18242,7 +18017,7 @@ function create_fragment$d(ctx) {
18242
18017
  };
18243
18018
  }
18244
18019
 
18245
- function instance$d($$self, $$props, $$invalidate) {
18020
+ function instance$g($$self, $$props, $$invalidate) {
18246
18021
  let style;
18247
18022
  let { props = { content: '' } } = $$props;
18248
18023
  let { layerId = '' } = $$props;
@@ -18318,7 +18093,7 @@ function instance$d($$self, $$props, $$invalidate) {
18318
18093
  class RichText extends SvelteComponent {
18319
18094
  constructor(options) {
18320
18095
  super();
18321
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
18096
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
18322
18097
  }
18323
18098
  }
18324
18099
 
@@ -18388,12 +18163,12 @@ const getTextLinkThemeStyles = getPropStyles(callback);
18388
18163
 
18389
18164
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
18390
18165
 
18391
- function add_css$a(target) {
18166
+ function add_css$b(target) {
18392
18167
  append_styles(target, "svelte-dc9m5n", ".link.svelte-dc9m5n{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-dc9m5n,.link.svelte-dc9m5n:visited,.link.svelte-dc9m5n:link{color:var(--color)}.link.svelte-dc9m5n:hover{color:var(--hover-color)}.link.svelte-dc9m5n:active{color:var(--active-color)}.link.underline-hover-on.svelte-dc9m5n{text-decoration:none}.link.underline-hover-on.svelte-dc9m5n:hover{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n:hover{text-decoration:none}.link.underline-on.svelte-dc9m5n{text-decoration:underline}.link.underline-off.svelte-dc9m5n{text-decoration:none}");
18393
18168
  }
18394
18169
 
18395
18170
  // (81:2) {#if props.isIcon && props.iconVariant}
18396
- function create_if_block$3(ctx) {
18171
+ function create_if_block$5(ctx) {
18397
18172
  let icon;
18398
18173
  let current;
18399
18174
 
@@ -18455,7 +18230,7 @@ function create_dynamic_element$2(ctx) {
18455
18230
  let current;
18456
18231
  let mounted;
18457
18232
  let dispose;
18458
- let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$3(ctx);
18233
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$5(ctx);
18459
18234
 
18460
18235
  let svelte_element_levels = [
18461
18236
  /*attributes*/ ctx[4],
@@ -18527,7 +18302,7 @@ function create_dynamic_element$2(ctx) {
18527
18302
  transition_in(if_block, 1);
18528
18303
  }
18529
18304
  } else {
18530
- if_block = create_if_block$3(ctx);
18305
+ if_block = create_if_block$5(ctx);
18531
18306
  if_block.c();
18532
18307
  transition_in(if_block, 1);
18533
18308
  if_block.m(svelte_element, t);
@@ -18576,7 +18351,7 @@ function create_dynamic_element$2(ctx) {
18576
18351
  };
18577
18352
  }
18578
18353
 
18579
- function create_fragment$c(ctx) {
18354
+ function create_fragment$f(ctx) {
18580
18355
  let previous_tag = /*element*/ ctx[5];
18581
18356
  let svelte_element_anchor;
18582
18357
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$2(ctx);
@@ -18626,7 +18401,7 @@ function create_fragment$c(ctx) {
18626
18401
  };
18627
18402
  }
18628
18403
 
18629
- function instance$c($$self, $$props, $$invalidate) {
18404
+ function instance$f($$self, $$props, $$invalidate) {
18630
18405
  let escapedHTML;
18631
18406
  let variables;
18632
18407
  let style;
@@ -18716,7 +18491,7 @@ function instance$c($$self, $$props, $$invalidate) {
18716
18491
  class TextLink extends SvelteComponent {
18717
18492
  constructor(options) {
18718
18493
  super();
18719
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
18494
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
18720
18495
  }
18721
18496
  }
18722
18497
 
@@ -18742,12 +18517,12 @@ const TEXT_LINK_UNDERLINE = {
18742
18517
 
18743
18518
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
18744
18519
 
18745
- function add_css$9(target) {
18520
+ function add_css$a(target) {
18746
18521
  append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
18747
18522
  }
18748
18523
 
18749
18524
  // (14:0) {#if backgroundOverlay}
18750
- function create_if_block$2(ctx) {
18525
+ function create_if_block$4(ctx) {
18751
18526
  let div;
18752
18527
  let div_class_value;
18753
18528
  let mounted;
@@ -18787,9 +18562,9 @@ function create_if_block$2(ctx) {
18787
18562
  };
18788
18563
  }
18789
18564
 
18790
- function create_fragment$b(ctx) {
18565
+ function create_fragment$e(ctx) {
18791
18566
  let if_block_anchor;
18792
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$2(ctx);
18567
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$4(ctx);
18793
18568
 
18794
18569
  return {
18795
18570
  c() {
@@ -18809,7 +18584,7 @@ function create_fragment$b(ctx) {
18809
18584
  if (if_block) {
18810
18585
  if_block.p(ctx, dirty);
18811
18586
  } else {
18812
- if_block = create_if_block$2(ctx);
18587
+ if_block = create_if_block$4(ctx);
18813
18588
  if_block.c();
18814
18589
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
18815
18590
  }
@@ -18827,7 +18602,7 @@ function create_fragment$b(ctx) {
18827
18602
  };
18828
18603
  }
18829
18604
 
18830
- function instance$b($$self, $$props, $$invalidate) {
18605
+ function instance$e($$self, $$props, $$invalidate) {
18831
18606
  let { backgroundOverlay = false } = $$props;
18832
18607
  let { class: className = undefined } = $$props;
18833
18608
  const dispatch = createEventDispatcher();
@@ -18844,17 +18619,17 @@ function instance$b($$self, $$props, $$invalidate) {
18844
18619
  class BackgroundOverlay extends SvelteComponent {
18845
18620
  constructor(options) {
18846
18621
  super();
18847
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$9);
18622
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$a);
18848
18623
  }
18849
18624
  }
18850
18625
 
18851
18626
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
18852
18627
 
18853
- function add_css$8(target) {
18628
+ function add_css$9(target) {
18854
18629
  append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
18855
18630
  }
18856
18631
 
18857
- // (225:0) {:else}
18632
+ // (237:0) {:else}
18858
18633
  function create_else_block(ctx) {
18859
18634
  let backgroundoverlay;
18860
18635
  let current;
@@ -18866,7 +18641,7 @@ function create_else_block(ctx) {
18866
18641
  });
18867
18642
 
18868
18643
  backgroundoverlay.$on("click", function () {
18869
- if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
18644
+ if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
18870
18645
  });
18871
18646
 
18872
18647
  return {
@@ -18901,7 +18676,7 @@ function create_else_block(ctx) {
18901
18676
  };
18902
18677
  }
18903
18678
 
18904
- // (214:24)
18679
+ // (226:24)
18905
18680
  function create_if_block_2(ctx) {
18906
18681
  let backgroundoverlay0;
18907
18682
  let t;
@@ -18916,7 +18691,7 @@ function create_if_block_2(ctx) {
18916
18691
  });
18917
18692
 
18918
18693
  backgroundoverlay0.$on("click", function () {
18919
- if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
18694
+ if (is_function(/*backgroundClickPC*/ ctx[12])) /*backgroundClickPC*/ ctx[12].apply(this, arguments);
18920
18695
  });
18921
18696
 
18922
18697
  backgroundoverlay1 = new BackgroundOverlay({
@@ -18927,7 +18702,7 @@ function create_if_block_2(ctx) {
18927
18702
  });
18928
18703
 
18929
18704
  backgroundoverlay1.$on("click", function () {
18930
- if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
18705
+ if (is_function(/*backgroundClickSP*/ ctx[11])) /*backgroundClickSP*/ ctx[11].apply(this, arguments);
18931
18706
  });
18932
18707
 
18933
18708
  return {
@@ -18975,7 +18750,7 @@ function create_if_block_2(ctx) {
18975
18750
  };
18976
18751
  }
18977
18752
 
18978
- // (212:0) {#if isPreview()}
18753
+ // (224:0) {#if isPreview()}
18979
18754
  function create_if_block_1$1(ctx) {
18980
18755
  return {
18981
18756
  c: noop,
@@ -18988,14 +18763,15 @@ function create_if_block_1$1(ctx) {
18988
18763
  };
18989
18764
  }
18990
18765
 
18991
- // (228:0) {#if visible}
18992
- function create_if_block$1(ctx) {
18766
+ // (240:0) {#if visible}
18767
+ function create_if_block$3(ctx) {
18993
18768
  let div;
18994
18769
  let div_class_value;
18770
+ let div_style_value;
18995
18771
  let div_intro;
18996
18772
  let current;
18997
- const default_slot_template = /*#slots*/ ctx[24].default;
18998
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[23], null);
18773
+ const default_slot_template = /*#slots*/ ctx[26].default;
18774
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
18999
18775
 
19000
18776
  return {
19001
18777
  c() {
@@ -19022,7 +18798,7 @@ function create_if_block$1(ctx) {
19022
18798
  attr(div, "role", "dialog");
19023
18799
  attr(div, "aria-modal", "true");
19024
18800
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
19025
- attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
18801
+ attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[14]).join(';'), /*style*/ ctx[9]].join(' '));
19026
18802
  },
19027
18803
  m(target, anchor) {
19028
18804
  insert_hydration(target, div, anchor);
@@ -19031,22 +18807,22 @@ function create_if_block$1(ctx) {
19031
18807
  default_slot.m(div, null);
19032
18808
  }
19033
18809
 
19034
- /*div_binding*/ ctx[25](div);
18810
+ /*div_binding*/ ctx[27](div);
19035
18811
  current = true;
19036
18812
  },
19037
18813
  p(new_ctx, dirty) {
19038
18814
  ctx = new_ctx;
19039
18815
 
19040
18816
  if (default_slot) {
19041
- if (default_slot.p && (!current || dirty & /*$$scope*/ 8388608)) {
18817
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
19042
18818
  update_slot_base(
19043
18819
  default_slot,
19044
18820
  default_slot_template,
19045
18821
  ctx,
19046
- /*$$scope*/ ctx[23],
18822
+ /*$$scope*/ ctx[25],
19047
18823
  !current
19048
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[23])
19049
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[23], dirty, null),
18824
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
18825
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
19050
18826
  null
19051
18827
  );
19052
18828
  }
@@ -19059,6 +18835,10 @@ function create_if_block$1(ctx) {
19059
18835
  if (!current || dirty & /*layerId*/ 4) {
19060
18836
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
19061
18837
  }
18838
+
18839
+ if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[14]).join(';'), /*style*/ ctx[9]].join(' '))) {
18840
+ attr(div, "style", div_style_value);
18841
+ }
19062
18842
  },
19063
18843
  i(local) {
19064
18844
  if (current) return;
@@ -19084,12 +18864,12 @@ function create_if_block$1(ctx) {
19084
18864
  d(detaching) {
19085
18865
  if (detaching) detach(div);
19086
18866
  if (default_slot) default_slot.d(detaching);
19087
- /*div_binding*/ ctx[25](null);
18867
+ /*div_binding*/ ctx[27](null);
19088
18868
  }
19089
18869
  };
19090
18870
  }
19091
18871
 
19092
- function create_fragment$a(ctx) {
18872
+ function create_fragment$d(ctx) {
19093
18873
  let show_if;
19094
18874
  let current_block_type_index;
19095
18875
  let if_block0;
@@ -19110,7 +18890,7 @@ function create_fragment$a(ctx) {
19110
18890
 
19111
18891
  current_block_type_index = select_block_type(ctx);
19112
18892
  if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
19113
- let if_block1 = /*visible*/ ctx[8] && create_if_block$1(ctx);
18893
+ let if_block1 = /*visible*/ ctx[8] && create_if_block$3(ctx);
19114
18894
 
19115
18895
  return {
19116
18896
  c() {
@@ -19134,7 +18914,7 @@ function create_fragment$a(ctx) {
19134
18914
 
19135
18915
  if (!mounted) {
19136
18916
  dispose = listen(window, "keydown", function () {
19137
- if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
18917
+ if (is_function(/*handle_keydown*/ ctx[10])) /*handle_keydown*/ ctx[10].apply(this, arguments);
19138
18918
  });
19139
18919
 
19140
18920
  mounted = true;
@@ -19176,7 +18956,7 @@ function create_fragment$a(ctx) {
19176
18956
  transition_in(if_block1, 1);
19177
18957
  }
19178
18958
  } else {
19179
- if_block1 = create_if_block$1(ctx);
18959
+ if_block1 = create_if_block$3(ctx);
19180
18960
  if_block1.c();
19181
18961
  transition_in(if_block1, 1);
19182
18962
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -19213,19 +18993,21 @@ function create_fragment$a(ctx) {
19213
18993
  };
19214
18994
  }
19215
18995
 
19216
- function instance$a($$self, $$props, $$invalidate) {
18996
+ function instance$d($$self, $$props, $$invalidate) {
19217
18997
  let close;
19218
18998
  let backgroundClick;
19219
18999
  let backgroundClickPC;
19220
19000
  let backgroundClickSP;
19221
19001
  let handle_keydown;
19222
19002
  let visible;
19003
+ let style;
19223
19004
  let { $$slots: slots = {}, $$scope } = $$props;
19224
19005
  let { useBreakPoint = false } = $$props;
19225
19006
  let { placement } = $$props;
19226
19007
  let { breakPoint } = $$props;
19227
19008
  let { elasticity } = $$props;
19228
19009
  let { animation = 'none' } = $$props;
19010
+ let { props = {} } = $$props;
19229
19011
  let { closeEventName = '' } = $$props;
19230
19012
  let { closeEventValue = null } = $$props;
19231
19013
  let { layerId = '' } = $$props;
@@ -19262,19 +19044,20 @@ function instance$a($$self, $$props, $$invalidate) {
19262
19044
 
19263
19045
  $$self.$$set = $$props => {
19264
19046
  if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
19265
- if ('placement' in $$props) $$invalidate(14, placement = $$props.placement);
19266
- if ('breakPoint' in $$props) $$invalidate(15, breakPoint = $$props.breakPoint);
19267
- if ('elasticity' in $$props) $$invalidate(16, elasticity = $$props.elasticity);
19047
+ if ('placement' in $$props) $$invalidate(15, placement = $$props.placement);
19048
+ if ('breakPoint' in $$props) $$invalidate(16, breakPoint = $$props.breakPoint);
19049
+ if ('elasticity' in $$props) $$invalidate(17, elasticity = $$props.elasticity);
19268
19050
  if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
19269
- if ('closeEventName' in $$props) $$invalidate(17, closeEventName = $$props.closeEventName);
19270
- if ('closeEventValue' in $$props) $$invalidate(18, closeEventValue = $$props.closeEventValue);
19051
+ if ('props' in $$props) $$invalidate(18, props = $$props.props);
19052
+ if ('closeEventName' in $$props) $$invalidate(19, closeEventName = $$props.closeEventName);
19053
+ if ('closeEventValue' in $$props) $$invalidate(20, closeEventValue = $$props.closeEventValue);
19271
19054
  if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
19272
- if ('$$scope' in $$props) $$invalidate(23, $$scope = $$props.$$scope);
19055
+ if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
19273
19056
  };
19274
19057
 
19275
19058
  $$self.$$.update = () => {
19276
- if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 393216) {
19277
- $$invalidate(22, close = () => {
19059
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 1572864) {
19060
+ $$invalidate(24, close = () => {
19278
19061
  const onClose = { operation: 'closeApp', args: ['button'] };
19279
19062
 
19280
19063
  if (closeEventName) {
@@ -19285,7 +19068,7 @@ function instance$a($$self, $$props, $$invalidate) {
19285
19068
  });
19286
19069
  }
19287
19070
 
19288
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19071
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
19289
19072
  {
19290
19073
 
19291
19074
  if (useBreakPoint) {
@@ -19297,30 +19080,30 @@ function instance$a($$self, $$props, $$invalidate) {
19297
19080
  }
19298
19081
  }
19299
19082
 
19300
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19083
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
19301
19084
  {
19302
19085
  if (placement && placement.backgroundClick) {
19303
- $$invalidate(19, backgroundClickFunction = placement.backgroundClick);
19086
+ $$invalidate(21, backgroundClickFunction = placement.backgroundClick);
19304
19087
  }
19305
19088
 
19306
19089
  if (useBreakPoint) {
19307
19090
  const pc = breakPoint?.PC?.placement?.backgroundClick;
19308
19091
 
19309
19092
  if (pc) {
19310
- $$invalidate(20, backgroundClickFunctionPC = pc);
19093
+ $$invalidate(22, backgroundClickFunctionPC = pc);
19311
19094
  }
19312
19095
 
19313
19096
  const sp = breakPoint?.SP?.placement?.backgroundClick;
19314
19097
 
19315
19098
  if (sp) {
19316
- $$invalidate(21, backgroundClickFunctionSP = sp);
19099
+ $$invalidate(23, backgroundClickFunctionSP = sp);
19317
19100
  }
19318
19101
  }
19319
19102
  }
19320
19103
  }
19321
19104
 
19322
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 917504) {
19323
- $$invalidate(12, backgroundClick = () => {
19105
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 3670016) {
19106
+ $$invalidate(13, backgroundClick = () => {
19324
19107
  if (closeEventName) {
19325
19108
  send_event(closeEventName, closeEventValue);
19326
19109
  }
@@ -19329,8 +19112,8 @@ function instance$a($$self, $$props, $$invalidate) {
19329
19112
  });
19330
19113
  }
19331
19114
 
19332
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 1441792) {
19333
- $$invalidate(11, backgroundClickPC = () => {
19115
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 5767168) {
19116
+ $$invalidate(12, backgroundClickPC = () => {
19334
19117
  if (closeEventName) {
19335
19118
  send_event(closeEventName, closeEventValue);
19336
19119
  }
@@ -19339,8 +19122,8 @@ function instance$a($$self, $$props, $$invalidate) {
19339
19122
  });
19340
19123
  }
19341
19124
 
19342
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 2490368) {
19343
- $$invalidate(10, backgroundClickSP = () => {
19125
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 9961472) {
19126
+ $$invalidate(11, backgroundClickSP = () => {
19344
19127
  if (closeEventName) {
19345
19128
  send_event(closeEventName, closeEventValue);
19346
19129
  }
@@ -19349,7 +19132,7 @@ function instance$a($$self, $$props, $$invalidate) {
19349
19132
  });
19350
19133
  }
19351
19134
 
19352
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
19135
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 98313) {
19353
19136
  // 表示位置のスタイルとアニメーションの動きを設定
19354
19137
  {
19355
19138
  // 表示位置のスタイルの設定
@@ -19383,7 +19166,7 @@ function instance$a($$self, $$props, $$invalidate) {
19383
19166
  }
19384
19167
  }
19385
19168
 
19386
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19169
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
19387
19170
  // 表示位置の調整のスタイルを設定
19388
19171
  {
19389
19172
  let margin = DefaultModalPlacement.margin;
@@ -19407,7 +19190,7 @@ function instance$a($$self, $$props, $$invalidate) {
19407
19190
  }
19408
19191
  }
19409
19192
 
19410
- if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 98305) {
19193
+ if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 196609) {
19411
19194
  // 拡大方法のスタイルを設定
19412
19195
  {
19413
19196
  let elasticStyle = ElasticityStyle['none' ];
@@ -19429,8 +19212,20 @@ function instance$a($$self, $$props, $$invalidate) {
19429
19212
  }
19430
19213
  }
19431
19214
 
19432
- if ($$self.$$.dirty & /*close*/ 4194304) {
19433
- $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
19215
+ if ($$self.$$.dirty & /*close*/ 16777216) {
19216
+ $$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
19217
+ }
19218
+
19219
+ if ($$self.$$.dirty & /*props*/ 262144) {
19220
+ $$invalidate(9, style = objToStyle({
19221
+ width: props.width,
19222
+ ...toCssOverflow(props),
19223
+ ...toCssShadow(props),
19224
+ ...toCssRadius(props),
19225
+ ...toCssBackgroundImage(props),
19226
+ ...toCssBackgroundColor(props),
19227
+ ...toCssBorder(props)
19228
+ }));
19434
19229
  }
19435
19230
  };
19436
19231
 
@@ -19449,6 +19244,7 @@ function instance$a($$self, $$props, $$invalidate) {
19449
19244
  backgroundOverlaySP,
19450
19245
  modal,
19451
19246
  visible,
19247
+ style,
19452
19248
  handle_keydown,
19453
19249
  backgroundClickSP,
19454
19250
  backgroundClickPC,
@@ -19457,6 +19253,7 @@ function instance$a($$self, $$props, $$invalidate) {
19457
19253
  placement,
19458
19254
  breakPoint,
19459
19255
  elasticity,
19256
+ props,
19460
19257
  closeEventName,
19461
19258
  closeEventValue,
19462
19259
  backgroundClickFunction,
@@ -19476,31 +19273,32 @@ class Modal extends SvelteComponent {
19476
19273
  init(
19477
19274
  this,
19478
19275
  options,
19479
- instance$a,
19480
- create_fragment$a,
19276
+ instance$d,
19277
+ create_fragment$d,
19481
19278
  safe_not_equal,
19482
19279
  {
19483
19280
  useBreakPoint: 0,
19484
- placement: 14,
19485
- breakPoint: 15,
19486
- elasticity: 16,
19281
+ placement: 15,
19282
+ breakPoint: 16,
19283
+ elasticity: 17,
19487
19284
  animation: 1,
19488
- closeEventName: 17,
19489
- closeEventValue: 18,
19285
+ props: 18,
19286
+ closeEventName: 19,
19287
+ closeEventValue: 20,
19490
19288
  layerId: 2
19491
19289
  },
19492
- add_css$8
19290
+ add_css$9
19493
19291
  );
19494
19292
  }
19495
19293
  }
19496
19294
 
19497
19295
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
19498
19296
 
19499
- function add_css$7(target) {
19297
+ function add_css$8(target) {
19500
19298
  append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
19501
19299
  }
19502
19300
 
19503
- function create_fragment$9(ctx) {
19301
+ function create_fragment$c(ctx) {
19504
19302
  let div;
19505
19303
  let raw_value = /*props*/ ctx[0].rawHtml + "";
19506
19304
 
@@ -19542,7 +19340,7 @@ function unescapeBraces(str) {
19542
19340
  return str.replace(/\\([{}])/g, '$1');
19543
19341
  }
19544
19342
 
19545
- function instance$9($$self, $$props, $$invalidate) {
19343
+ function instance$c($$self, $$props, $$invalidate) {
19546
19344
  let { props = {} } = $$props;
19547
19345
  let { layerId = '' } = $$props;
19548
19346
 
@@ -19589,7 +19387,7 @@ function instance$9($$self, $$props, $$invalidate) {
19589
19387
  class Code extends SvelteComponent {
19590
19388
  constructor(options) {
19591
19389
  super();
19592
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
19390
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
19593
19391
  }
19594
19392
  }
19595
19393
 
@@ -19597,15 +19395,15 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
19597
19395
 
19598
19396
  /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
19599
19397
 
19600
- function add_css$6(target) {
19398
+ function add_css$7(target) {
19601
19399
  append_styles(target, "svelte-v2vy6p", ".list.svelte-v2vy6p{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
19602
19400
  }
19603
19401
 
19604
- function create_fragment$8(ctx) {
19402
+ function create_fragment$b(ctx) {
19605
19403
  let ul;
19606
19404
  let current;
19607
- const default_slot_template = /*#slots*/ ctx[5].default;
19608
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
19405
+ const default_slot_template = /*#slots*/ ctx[6].default;
19406
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
19609
19407
 
19610
19408
  return {
19611
19409
  c() {
@@ -19641,15 +19439,15 @@ function create_fragment$8(ctx) {
19641
19439
  },
19642
19440
  p(ctx, [dirty]) {
19643
19441
  if (default_slot) {
19644
- if (default_slot.p && (!current || dirty & /*$$scope*/ 16)) {
19442
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
19645
19443
  update_slot_base(
19646
19444
  default_slot,
19647
19445
  default_slot_template,
19648
19446
  ctx,
19649
- /*$$scope*/ ctx[4],
19447
+ /*$$scope*/ ctx[5],
19650
19448
  !current
19651
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[4])
19652
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[4], dirty, null),
19449
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
19450
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
19653
19451
  null
19654
19452
  );
19655
19453
  }
@@ -19679,13 +19477,18 @@ function create_fragment$8(ctx) {
19679
19477
  };
19680
19478
  }
19681
19479
 
19682
- function instance$8($$self, $$props, $$invalidate) {
19480
+ function instance$b($$self, $$props, $$invalidate) {
19683
19481
  let variables;
19482
+ let actionTableData;
19684
19483
  let style;
19685
19484
  let { $$slots: slots = {}, $$scope } = $$props;
19686
19485
  let { layerId } = $$props;
19687
19486
  let { props } = $$props;
19688
19487
  useInjectCustomizeCss(props);
19488
+ const vars = getVariables();
19489
+ console.log(vars);
19490
+ console.log(props.actionTableKey);
19491
+ console.log(vars[props.actionTableKey]);
19689
19492
 
19690
19493
  setContext(LIST_ITEM_CONTEXT_KEY, {
19691
19494
  paddingTop: props.itemPaddingTop,
@@ -19702,7 +19505,7 @@ function instance$8($$self, $$props, $$invalidate) {
19702
19505
  $$self.$$set = $$props => {
19703
19506
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
19704
19507
  if ('props' in $$props) $$invalidate(2, props = $$props.props);
19705
- if ('$$scope' in $$props) $$invalidate(4, $$scope = $$props.$$scope);
19508
+ if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
19706
19509
  };
19707
19510
 
19708
19511
  $$self.$$.update = () => {
@@ -19718,6 +19521,12 @@ function instance$8($$self, $$props, $$invalidate) {
19718
19521
  });
19719
19522
  }
19720
19523
 
19524
+ if ($$self.$$.dirty & /*props*/ 4) {
19525
+ $$invalidate(4, actionTableData = vars[props.actionTableKey]);
19526
+ }
19527
+
19528
+ if ($$self.$$.dirty & /*actionTableData*/ 16) ;
19529
+
19721
19530
  if ($$self.$$.dirty & /*props, variables*/ 12) {
19722
19531
  $$invalidate(1, style = objToStyle({
19723
19532
  width: props.width ?? '100%',
@@ -19726,30 +19535,30 @@ function instance$8($$self, $$props, $$invalidate) {
19726
19535
  }
19727
19536
  };
19728
19537
 
19729
- return [layerId, style, props, variables, $$scope, slots];
19538
+ return [layerId, style, props, variables, actionTableData, $$scope, slots];
19730
19539
  }
19731
19540
 
19732
19541
  class List extends SvelteComponent {
19733
19542
  constructor(options) {
19734
19543
  super();
19735
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { layerId: 0, props: 2 }, add_css$6);
19544
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { layerId: 0, props: 2 }, add_css$7);
19736
19545
  }
19737
19546
  }
19738
19547
 
19739
19548
  /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
19740
19549
 
19741
- function add_css$5(target) {
19550
+ function add_css$6(target) {
19742
19551
  append_styles(target, "svelte-1223veg", ".list-item.svelte-1223veg{margin:0;padding:0}.list-item-inner.svelte-1223veg{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1223veg:hover{opacity:0.8}.list-item.svelte-1223veg:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
19743
19552
  }
19744
19553
 
19745
- // (29:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
19554
+ // (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
19746
19555
  function create_dynamic_element$1(ctx) {
19747
19556
  let svelte_element;
19748
19557
  let current;
19749
19558
  let mounted;
19750
19559
  let dispose;
19751
- const default_slot_template = /*#slots*/ ctx[9].default;
19752
- const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
19560
+ const default_slot_template = /*#slots*/ ctx[10].default;
19561
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
19753
19562
 
19754
19563
  let svelte_element_levels = [
19755
19564
  /*attributes*/ ctx[3],
@@ -19801,15 +19610,15 @@ function create_dynamic_element$1(ctx) {
19801
19610
  },
19802
19611
  p(ctx, dirty) {
19803
19612
  if (default_slot) {
19804
- if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
19613
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
19805
19614
  update_slot_base(
19806
19615
  default_slot,
19807
19616
  default_slot_template,
19808
19617
  ctx,
19809
- /*$$scope*/ ctx[8],
19618
+ /*$$scope*/ ctx[9],
19810
19619
  !current
19811
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
19812
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
19620
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
19621
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
19813
19622
  null
19814
19623
  );
19815
19624
  }
@@ -19847,7 +19656,7 @@ function create_dynamic_element$1(ctx) {
19847
19656
  };
19848
19657
  }
19849
19658
 
19850
- function create_fragment$7(ctx) {
19659
+ function create_fragment$a(ctx) {
19851
19660
  let li;
19852
19661
  let previous_tag = /*element*/ ctx[4];
19853
19662
  let current;
@@ -19926,13 +19735,14 @@ function create_fragment$7(ctx) {
19926
19735
  };
19927
19736
  }
19928
19737
 
19929
- function instance$7($$self, $$props, $$invalidate) {
19738
+ function instance$a($$self, $$props, $$invalidate) {
19930
19739
  let variables;
19931
19740
  let style;
19932
19741
  let innerStyle;
19933
19742
  let { $$slots: slots = {}, $$scope } = $$props;
19934
19743
  let { layerId } = $$props;
19935
19744
  let { props } = $$props;
19745
+ let { item } = $$props;
19936
19746
  useInjectCustomizeCss(props);
19937
19747
  const { attributes, element, handleClick } = useClickable(props);
19938
19748
  const context = getContext(LIST_ITEM_CONTEXT_KEY) || {};
@@ -19940,16 +19750,17 @@ function instance$7($$self, $$props, $$invalidate) {
19940
19750
  $$self.$$set = $$props => {
19941
19751
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
19942
19752
  if ('props' in $$props) $$invalidate(6, props = $$props.props);
19943
- if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
19753
+ if ('item' in $$props) $$invalidate(7, item = $$props.item);
19754
+ if ('$$scope' in $$props) $$invalidate(9, $$scope = $$props.$$scope);
19944
19755
  };
19945
19756
 
19946
19757
  $$self.$$.update = () => {
19947
- if ($$self.$$.dirty & /*variables*/ 128) {
19758
+ if ($$self.$$.dirty & /*variables*/ 256) {
19948
19759
  $$invalidate(2, style = objToStyle(variables));
19949
19760
  }
19950
19761
  };
19951
19762
 
19952
- $$invalidate(7, variables = {
19763
+ $$invalidate(8, variables = {
19953
19764
  ...context.borderTopWidth
19954
19765
  ? {
19955
19766
  '--list-item-border-width': context.borderTopWidth ?? '0',
@@ -19975,6 +19786,7 @@ function instance$7($$self, $$props, $$invalidate) {
19975
19786
  element,
19976
19787
  handleClick,
19977
19788
  props,
19789
+ item,
19978
19790
  variables,
19979
19791
  $$scope,
19980
19792
  slots
@@ -19984,7 +19796,7 @@ function instance$7($$self, $$props, $$invalidate) {
19984
19796
  class ListItem extends SvelteComponent {
19985
19797
  constructor(options) {
19986
19798
  super();
19987
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { layerId: 0, props: 6 }, add_css$5);
19799
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { layerId: 0, props: 6, item: 7 }, add_css$6);
19988
19800
  }
19989
19801
  }
19990
19802
 
@@ -20014,11 +19826,11 @@ function splitNumberAndUnit(value) {
20014
19826
 
20015
19827
  /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
20016
19828
 
20017
- function add_css$4(target) {
19829
+ function add_css$5(target) {
20018
19830
  append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
20019
19831
  }
20020
19832
 
20021
- function create_fragment$6(ctx) {
19833
+ function create_fragment$9(ctx) {
20022
19834
  let ul;
20023
19835
  let current;
20024
19836
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -20096,7 +19908,7 @@ function create_fragment$6(ctx) {
20096
19908
  };
20097
19909
  }
20098
19910
 
20099
- function instance$6($$self, $$props, $$invalidate) {
19911
+ function instance$9($$self, $$props, $$invalidate) {
20100
19912
  let style;
20101
19913
  let { $$slots: slots = {}, $$scope } = $$props;
20102
19914
  let { layerId } = $$props;
@@ -20149,17 +19961,17 @@ function instance$6($$self, $$props, $$invalidate) {
20149
19961
  class MultiColumn extends SvelteComponent {
20150
19962
  constructor(options) {
20151
19963
  super();
20152
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 2 }, add_css$4);
19964
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { layerId: 0, props: 2 }, add_css$5);
20153
19965
  }
20154
19966
  }
20155
19967
 
20156
19968
  /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
20157
19969
 
20158
- function add_css$3(target) {
19970
+ function add_css$4(target) {
20159
19971
  append_styles(target, "svelte-1blzs1a", ".multi-column-item.svelte-1blzs1a{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1blzs1a{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1blzs1a:hover{opacity:0.8}.multi-column-item.svelte-1blzs1a:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
20160
19972
  }
20161
19973
 
20162
- // (29:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
19974
+ // (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
20163
19975
  function create_dynamic_element(ctx) {
20164
19976
  let svelte_element;
20165
19977
  let current;
@@ -20254,7 +20066,7 @@ function create_dynamic_element(ctx) {
20254
20066
  };
20255
20067
  }
20256
20068
 
20257
- function create_fragment$5(ctx) {
20069
+ function create_fragment$8(ctx) {
20258
20070
  let li;
20259
20071
  let previous_tag = /*element*/ ctx[3];
20260
20072
  let current;
@@ -20333,7 +20145,7 @@ function create_fragment$5(ctx) {
20333
20145
  };
20334
20146
  }
20335
20147
 
20336
- function instance$5($$self, $$props, $$invalidate) {
20148
+ function instance$8($$self, $$props, $$invalidate) {
20337
20149
  let variables;
20338
20150
  let style;
20339
20151
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -20342,7 +20154,6 @@ function instance$5($$self, $$props, $$invalidate) {
20342
20154
  useInjectCustomizeCss(props);
20343
20155
  const { attributes, element, handleClick } = useClickable(props);
20344
20156
  const context = getContext(MULTI_COLUMN_ITEM_CONTEXT_KEY) || {};
20345
- console.log(context);
20346
20157
 
20347
20158
  $$self.$$set = $$props => {
20348
20159
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -20388,17 +20199,17 @@ function instance$5($$self, $$props, $$invalidate) {
20388
20199
  class MultiColumnItem extends SvelteComponent {
20389
20200
  constructor(options) {
20390
20201
  super();
20391
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 5 }, add_css$3);
20202
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { layerId: 0, props: 5 }, add_css$4);
20392
20203
  }
20393
20204
  }
20394
20205
 
20395
20206
  /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
20396
20207
 
20397
- function add_css$2(target) {
20208
+ function add_css$3(target) {
20398
20209
  append_styles(target, "svelte-odfkc2", ".youtube.svelte-odfkc2{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-odfkc2 iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
20399
20210
  }
20400
20211
 
20401
- function create_fragment$4(ctx) {
20212
+ function create_fragment$7(ctx) {
20402
20213
  let div1;
20403
20214
  let div0;
20404
20215
 
@@ -20458,7 +20269,7 @@ function onPlayerStateChange(event) {
20458
20269
  }
20459
20270
  }
20460
20271
 
20461
- function instance$4($$self, $$props, $$invalidate) {
20272
+ function instance$7($$self, $$props, $$invalidate) {
20462
20273
  let style;
20463
20274
  let { props = {} } = $$props;
20464
20275
  let { layerId = '' } = $$props;
@@ -20563,13 +20374,13 @@ function instance$4($$self, $$props, $$invalidate) {
20563
20374
  class Youtube extends SvelteComponent {
20564
20375
  constructor(options) {
20565
20376
  super();
20566
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
20377
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 3, layerId: 0 }, add_css$3);
20567
20378
  }
20568
20379
  }
20569
20380
 
20570
20381
  /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
20571
20382
 
20572
- function add_css$1(target) {
20383
+ function add_css$2(target) {
20573
20384
  append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
20574
20385
  }
20575
20386
 
@@ -20587,7 +20398,7 @@ const get_default_slot_context = ctx => ({
20587
20398
  sec: /*sec*/ ctx[1]
20588
20399
  });
20589
20400
 
20590
- function create_fragment$3(ctx) {
20401
+ function create_fragment$6(ctx) {
20591
20402
  let div;
20592
20403
  let current;
20593
20404
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -20673,7 +20484,7 @@ function formatTimeDiff(ms) {
20673
20484
  };
20674
20485
  }
20675
20486
 
20676
- function instance$3($$self, $$props, $$invalidate) {
20487
+ function instance$6($$self, $$props, $$invalidate) {
20677
20488
  let day;
20678
20489
  let hour;
20679
20490
  let min;
@@ -20686,12 +20497,6 @@ function instance$3($$self, $$props, $$invalidate) {
20686
20497
  let timeLimit = props.timeLimit ? new Date(props.timeLimit) : new Date();
20687
20498
 
20688
20499
  function onEachSecond() {
20689
- console.log({
20690
- timeLimit: timeLimit.getTime(),
20691
- now: new Date().getTime(),
20692
- calced: calcRemainingTime(timeLimit.getTime())
20693
- });
20694
-
20695
20500
  const _remainingTime = calcRemainingTime(timeLimit.getTime());
20696
20501
 
20697
20502
  if (_remainingTime > 0) {
@@ -20703,8 +20508,6 @@ function instance$3($$self, $$props, $$invalidate) {
20703
20508
  execOnClickOperation(props.onEnd);
20704
20509
  }
20705
20510
  }
20706
-
20707
- console.log(remainingTime);
20708
20511
  }
20709
20512
 
20710
20513
  onMount$1(() => {
@@ -20752,7 +20555,7 @@ function instance$3($$self, $$props, $$invalidate) {
20752
20555
  class CountDown extends SvelteComponent {
20753
20556
  constructor(options) {
20754
20557
  super();
20755
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 5, layerId: 0 }, add_css$1);
20558
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 5, layerId: 0 }, add_css$2);
20756
20559
  }
20757
20560
  }
20758
20561
 
@@ -20831,7 +20634,7 @@ const useText = (props) => {
20831
20634
 
20832
20635
  /* src/components-flex/count-down/CountDownValue.svelte generated by Svelte v3.53.1 */
20833
20636
 
20834
- function create_fragment$2(ctx) {
20637
+ function create_fragment$5(ctx) {
20835
20638
  let span;
20836
20639
  let t;
20837
20640
 
@@ -20877,16 +20680,14 @@ function create_fragment$2(ctx) {
20877
20680
  };
20878
20681
  }
20879
20682
 
20880
- function instance$2($$self, $$props, $$invalidate) {
20683
+ function instance$5($$self, $$props, $$invalidate) {
20881
20684
  let value;
20882
20685
  let $countdownStore;
20883
20686
  let { props = {} } = $$props;
20884
20687
  let { layerId = '' } = $$props;
20885
20688
  let countdownStore = getContext('countdownStore');
20886
20689
  component_subscribe($$self, countdownStore, value => $$invalidate(5, $countdownStore = value));
20887
- console.log(countdownStore);
20888
20690
  let { style } = useText(props);
20889
- console.log(value);
20890
20691
 
20891
20692
  $$self.$$set = $$props => {
20892
20693
  if ('props' in $$props) $$invalidate(4, props = $$props.props);
@@ -20920,17 +20721,17 @@ function instance$2($$self, $$props, $$invalidate) {
20920
20721
  class CountDownValue extends SvelteComponent {
20921
20722
  constructor(options) {
20922
20723
  super();
20923
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 4, layerId: 0 });
20724
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 4, layerId: 0 });
20924
20725
  }
20925
20726
  }
20926
20727
 
20927
20728
  /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
20928
20729
 
20929
- function add_css(target) {
20730
+ function add_css$1(target) {
20930
20731
  append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
20931
20732
  }
20932
20733
 
20933
- function create_fragment$1(ctx) {
20734
+ function create_fragment$4(ctx) {
20934
20735
  let div;
20935
20736
  let button;
20936
20737
  let t0;
@@ -21037,7 +20838,7 @@ function create_fragment$1(ctx) {
21037
20838
  };
21038
20839
  }
21039
20840
 
21040
- function instance$1($$self, $$props, $$invalidate) {
20841
+ function instance$4($$self, $$props, $$invalidate) {
21041
20842
  let { $$slots: slots = {}, $$scope } = $$props;
21042
20843
  let { props = {} } = $$props;
21043
20844
  let { layerId = '' } = $$props;
@@ -21048,7 +20849,6 @@ function instance$1($$self, $$props, $$invalidate) {
21048
20849
  const handleClick = e => {
21049
20850
  e.preventDefault();
21050
20851
  const targetText = props.content ?? buttonElement?.innerText ?? '';
21051
- console.log(targetText);
21052
20852
  navigator.clipboard.writeText(targetText);
21053
20853
  send_event('_click_copy', { text: targetText });
21054
20854
 
@@ -21094,54 +20894,663 @@ function instance$1($$self, $$props, $$invalidate) {
21094
20894
  class ClipCopy extends SvelteComponent {
21095
20895
  constructor(options) {
21096
20896
  super();
21097
- init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 4, layerId: 0 }, add_css);
20897
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 4, layerId: 0 }, add_css$1);
21098
20898
  }
21099
20899
  }
21100
20900
 
21101
- /* src/components-flex/ThumbnailPreview.svelte generated by Svelte v3.53.1 */
21102
-
21103
- function get_each_context(ctx, list, i) {
21104
- const child_ctx = ctx.slice();
21105
- child_ctx[4] = list[i];
21106
- return child_ctx;
21107
- }
21108
-
21109
- // (12:0) {#if component}
21110
- function create_if_block(ctx) {
21111
- let switch_instance;
21112
- let switch_instance_anchor;
21113
- let current;
21114
- var switch_value = /*component*/ ctx[1];
21115
-
21116
- function switch_props(ctx) {
21117
- return {
21118
- props: {
21119
- props: 'previewProps' in /*option*/ ctx[0] && typeof /*option*/ ctx[0].previewProps !== 'undefined'
21120
- ? /*option*/ ctx[0].previewProps
21121
- : /*option*/ ctx[0].props,
21122
- $$slots: { default: [create_default_slot] },
21123
- $$scope: { ctx }
21124
- }
21125
- };
21126
- }
20901
+ /* src/components-flex/state/Header.svelte generated by Svelte v3.53.1 */
21127
20902
 
21128
- if (switch_value) {
21129
- switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
21130
- }
20903
+ function create_if_block$2(ctx) {
20904
+ let link;
21131
20905
 
21132
20906
  return {
21133
20907
  c() {
21134
- if (switch_instance) create_component(switch_instance.$$.fragment);
21135
- switch_instance_anchor = empty();
20908
+ link = element("link");
20909
+ this.h();
21136
20910
  },
21137
20911
  l(nodes) {
21138
- if (switch_instance) claim_component(switch_instance.$$.fragment, nodes);
21139
- switch_instance_anchor = empty();
20912
+ link = claim_element(nodes, "LINK", { href: true, type: true, rel: true });
20913
+ this.h();
21140
20914
  },
21141
- m(target, anchor) {
21142
- if (switch_instance) mount_component(switch_instance, target, anchor);
21143
- insert_hydration(target, switch_instance_anchor, anchor);
21144
- current = true;
20915
+ h() {
20916
+ attr(link, "href", /*googleFontUrl*/ ctx[0]);
20917
+ attr(link, "type", "text/css");
20918
+ attr(link, "rel", "stylesheet");
20919
+ },
20920
+ m(target, anchor) {
20921
+ insert_hydration(target, link, anchor);
20922
+ },
20923
+ p(ctx, dirty) {
20924
+ if (dirty & /*googleFontUrl*/ 1) {
20925
+ attr(link, "href", /*googleFontUrl*/ ctx[0]);
20926
+ }
20927
+ },
20928
+ d(detaching) {
20929
+ if (detaching) detach(link);
20930
+ }
20931
+ };
20932
+ }
20933
+
20934
+ function create_fragment$3(ctx) {
20935
+ let if_block_anchor;
20936
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$2(ctx);
20937
+
20938
+ return {
20939
+ c() {
20940
+ if (if_block) if_block.c();
20941
+ if_block_anchor = empty();
20942
+ },
20943
+ l(nodes) {
20944
+ const head_nodes = head_selector('svelte-16cot5i', document.head);
20945
+ if (if_block) if_block.l(head_nodes);
20946
+ if_block_anchor = empty();
20947
+ head_nodes.forEach(detach);
20948
+ },
20949
+ m(target, anchor) {
20950
+ if (if_block) if_block.m(document.head, null);
20951
+ append_hydration(document.head, if_block_anchor);
20952
+ },
20953
+ p(ctx, [dirty]) {
20954
+ if (/*googleFontUrl*/ ctx[0]) {
20955
+ if (if_block) {
20956
+ if_block.p(ctx, dirty);
20957
+ } else {
20958
+ if_block = create_if_block$2(ctx);
20959
+ if_block.c();
20960
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
20961
+ }
20962
+ } else if (if_block) {
20963
+ if_block.d(1);
20964
+ if_block = null;
20965
+ }
20966
+ },
20967
+ i: noop,
20968
+ o: noop,
20969
+ d(detaching) {
20970
+ if (if_block) if_block.d(detaching);
20971
+ detach(if_block_anchor);
20972
+ }
20973
+ };
20974
+ }
20975
+
20976
+ function instance$3($$self, $$props, $$invalidate) {
20977
+ let $fonts;
20978
+ component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
20979
+ let googleFontUrl = '';
20980
+
20981
+ $$self.$$.update = () => {
20982
+ if ($$self.$$.dirty & /*$fonts*/ 2) {
20983
+ {
20984
+ {
20985
+ // フォントのロードが遅れてエディタのプレビューがガタつく対策
20986
+ $$invalidate(0, googleFontUrl = makeGoogleFontUrl(Fonts.filter(font => font !== SYSTEM_FONT)));
20987
+ }
20988
+ }
20989
+ }
20990
+
20991
+ if ($$self.$$.dirty & /*googleFontUrl*/ 1) {
20992
+ {
20993
+ if (googleFontUrl) {
20994
+ loadGlobalStyle(googleFontUrl);
20995
+ }
20996
+ }
20997
+ }
20998
+ };
20999
+
21000
+ return [googleFontUrl, $fonts];
21001
+ }
21002
+
21003
+ class Header extends SvelteComponent {
21004
+ constructor(options) {
21005
+ super();
21006
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, {});
21007
+ }
21008
+ }
21009
+
21010
+ /* src/components-flex/state/State.svelte generated by Svelte v3.53.1 */
21011
+
21012
+ function create_fragment$2(ctx) {
21013
+ let header;
21014
+ let t;
21015
+ let current;
21016
+ header = new Header({});
21017
+ const default_slot_template = /*#slots*/ ctx[2].default;
21018
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
21019
+
21020
+ return {
21021
+ c() {
21022
+ create_component(header.$$.fragment);
21023
+ t = space();
21024
+ if (default_slot) default_slot.c();
21025
+ },
21026
+ l(nodes) {
21027
+ claim_component(header.$$.fragment, nodes);
21028
+ t = claim_space(nodes);
21029
+ if (default_slot) default_slot.l(nodes);
21030
+ },
21031
+ m(target, anchor) {
21032
+ mount_component(header, target, anchor);
21033
+ insert_hydration(target, t, anchor);
21034
+
21035
+ if (default_slot) {
21036
+ default_slot.m(target, anchor);
21037
+ }
21038
+
21039
+ current = true;
21040
+ },
21041
+ p(ctx, [dirty]) {
21042
+ if (default_slot) {
21043
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
21044
+ update_slot_base(
21045
+ default_slot,
21046
+ default_slot_template,
21047
+ ctx,
21048
+ /*$$scope*/ ctx[1],
21049
+ !current
21050
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
21051
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
21052
+ null
21053
+ );
21054
+ }
21055
+ }
21056
+ },
21057
+ i(local) {
21058
+ if (current) return;
21059
+ transition_in(header.$$.fragment, local);
21060
+ transition_in(default_slot, local);
21061
+ current = true;
21062
+ },
21063
+ o(local) {
21064
+ transition_out(header.$$.fragment, local);
21065
+ transition_out(default_slot, local);
21066
+ current = false;
21067
+ },
21068
+ d(detaching) {
21069
+ destroy_component(header, detaching);
21070
+ if (detaching) detach(t);
21071
+ if (default_slot) default_slot.d(detaching);
21072
+ }
21073
+ };
21074
+ }
21075
+
21076
+ function instance$2($$self, $$props, $$invalidate) {
21077
+ let { $$slots: slots = {}, $$scope } = $$props;
21078
+ let { customBrandKit = undefined } = $$props;
21079
+ setContext('brandKit', getBrandKit(customBrandKit));
21080
+
21081
+ $$self.$$set = $$props => {
21082
+ if ('customBrandKit' in $$props) $$invalidate(0, customBrandKit = $$props.customBrandKit);
21083
+ if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
21084
+ };
21085
+
21086
+ return [customBrandKit, $$scope, slots];
21087
+ }
21088
+
21089
+ class State extends SvelteComponent {
21090
+ constructor(options) {
21091
+ super();
21092
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { customBrandKit: 0 });
21093
+ }
21094
+ }
21095
+
21096
+ /* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
21097
+
21098
+ function add_css(target) {
21099
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
21100
+ }
21101
+
21102
+ // (22:0) {#if $state === path}
21103
+ function create_if_block$1(ctx) {
21104
+ let div;
21105
+ let t;
21106
+ let current;
21107
+ const default_slot_template = /*#slots*/ ctx[3].default;
21108
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
21109
+
21110
+ return {
21111
+ c() {
21112
+ div = element("div");
21113
+ t = space();
21114
+ if (default_slot) default_slot.c();
21115
+ this.h();
21116
+ },
21117
+ l(nodes) {
21118
+ div = claim_element(nodes, "DIV", { "data-state-path": true, class: true });
21119
+ children(div).forEach(detach);
21120
+ t = claim_space(nodes);
21121
+ if (default_slot) default_slot.l(nodes);
21122
+ this.h();
21123
+ },
21124
+ h() {
21125
+ attr(div, "data-state-path", /*path*/ ctx[0]);
21126
+ attr(div, "class", "state-item svelte-2qb6dm");
21127
+ },
21128
+ m(target, anchor) {
21129
+ insert_hydration(target, div, anchor);
21130
+ insert_hydration(target, t, anchor);
21131
+
21132
+ if (default_slot) {
21133
+ default_slot.m(target, anchor);
21134
+ }
21135
+
21136
+ current = true;
21137
+ },
21138
+ p(ctx, dirty) {
21139
+ if (!current || dirty & /*path*/ 1) {
21140
+ attr(div, "data-state-path", /*path*/ ctx[0]);
21141
+ }
21142
+
21143
+ if (default_slot) {
21144
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 4)) {
21145
+ update_slot_base(
21146
+ default_slot,
21147
+ default_slot_template,
21148
+ ctx,
21149
+ /*$$scope*/ ctx[2],
21150
+ !current
21151
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[2])
21152
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[2], dirty, null),
21153
+ null
21154
+ );
21155
+ }
21156
+ }
21157
+ },
21158
+ i(local) {
21159
+ if (current) return;
21160
+ transition_in(default_slot, local);
21161
+ current = true;
21162
+ },
21163
+ o(local) {
21164
+ transition_out(default_slot, local);
21165
+ current = false;
21166
+ },
21167
+ d(detaching) {
21168
+ if (detaching) detach(div);
21169
+ if (detaching) detach(t);
21170
+ if (default_slot) default_slot.d(detaching);
21171
+ }
21172
+ };
21173
+ }
21174
+
21175
+ function create_fragment$1(ctx) {
21176
+ let if_block_anchor;
21177
+ let current;
21178
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$1(ctx);
21179
+
21180
+ return {
21181
+ c() {
21182
+ if (if_block) if_block.c();
21183
+ if_block_anchor = empty();
21184
+ },
21185
+ l(nodes) {
21186
+ if (if_block) if_block.l(nodes);
21187
+ if_block_anchor = empty();
21188
+ },
21189
+ m(target, anchor) {
21190
+ if (if_block) if_block.m(target, anchor);
21191
+ insert_hydration(target, if_block_anchor, anchor);
21192
+ current = true;
21193
+ },
21194
+ p(ctx, [dirty]) {
21195
+ if (/*$state*/ ctx[1] === /*path*/ ctx[0]) {
21196
+ if (if_block) {
21197
+ if_block.p(ctx, dirty);
21198
+
21199
+ if (dirty & /*$state, path*/ 3) {
21200
+ transition_in(if_block, 1);
21201
+ }
21202
+ } else {
21203
+ if_block = create_if_block$1(ctx);
21204
+ if_block.c();
21205
+ transition_in(if_block, 1);
21206
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
21207
+ }
21208
+ } else if (if_block) {
21209
+ group_outros();
21210
+
21211
+ transition_out(if_block, 1, 1, () => {
21212
+ if_block = null;
21213
+ });
21214
+
21215
+ check_outros();
21216
+ }
21217
+ },
21218
+ i(local) {
21219
+ if (current) return;
21220
+ transition_in(if_block);
21221
+ current = true;
21222
+ },
21223
+ o(local) {
21224
+ transition_out(if_block);
21225
+ current = false;
21226
+ },
21227
+ d(detaching) {
21228
+ if (if_block) if_block.d(detaching);
21229
+ if (detaching) detach(if_block_anchor);
21230
+ }
21231
+ };
21232
+ }
21233
+
21234
+ const STATE_ITEM_CONTEXT_KEY = Symbol();
21235
+
21236
+ function instance$1($$self, $$props, $$invalidate) {
21237
+ let $state;
21238
+ component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
21239
+ let { $$slots: slots = {}, $$scope } = $$props;
21240
+ let { path } = $$props;
21241
+ setContext(STATE_ITEM_CONTEXT_KEY, { path });
21242
+
21243
+ $$self.$$set = $$props => {
21244
+ if ('path' in $$props) $$invalidate(0, path = $$props.path);
21245
+ if ('$$scope' in $$props) $$invalidate(2, $$scope = $$props.$$scope);
21246
+ };
21247
+
21248
+ $$self.$$.update = () => {
21249
+ if ($$self.$$.dirty & /*path*/ 1) {
21250
+ {
21251
+ addState(path);
21252
+ }
21253
+ }
21254
+ };
21255
+
21256
+ return [path, $state, $$scope, slots];
21257
+ }
21258
+
21259
+ class StateItem extends SvelteComponent {
21260
+ constructor(options) {
21261
+ super();
21262
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { path: 0 }, add_css);
21263
+ }
21264
+ }
21265
+
21266
+ const ROUND_STYLES = {
21267
+ extra_small: {
21268
+ borderTopLeftRadius: '2px',
21269
+ borderTopRightRadius: '2px',
21270
+ borderBottomLeftRadius: '2px',
21271
+ borderBottomRightRadius: '2px',
21272
+ },
21273
+ small: {
21274
+ borderTopLeftRadius: '4px',
21275
+ borderTopRightRadius: '4px',
21276
+ borderBottomLeftRadius: '4px',
21277
+ borderBottomRightRadius: '4px',
21278
+ },
21279
+ medium: {
21280
+ borderTopLeftRadius: '8px',
21281
+ borderTopRightRadius: '8px',
21282
+ borderBottomLeftRadius: '8px',
21283
+ borderBottomRightRadius: '8px',
21284
+ },
21285
+ large: {
21286
+ borderTopLeftRadius: '16px',
21287
+ borderTopRightRadius: '16px',
21288
+ borderBottomLeftRadius: '16px',
21289
+ borderBottomRightRadius: '16px',
21290
+ },
21291
+ extra_large: {
21292
+ borderTopLeftRadius: '24px',
21293
+ borderTopRightRadius: '24px',
21294
+ borderBottomLeftRadius: '24px',
21295
+ borderBottomRightRadius: '24px',
21296
+ },
21297
+ fulled: {
21298
+ borderTopLeftRadius: '100%',
21299
+ borderTopRightRadius: '100%',
21300
+ borderBottomLeftRadius: '100%',
21301
+ borderBottomRightRadius: '100%',
21302
+ },
21303
+ };
21304
+
21305
+ var sdk = /*#__PURE__*/Object.freeze({
21306
+ __proto__: null,
21307
+ ACTION_HOOK_LABEL: ACTION_HOOK_LABEL,
21308
+ ASPECT_VARIANT: ASPECT_VARIANT,
21309
+ ASPECT_VARIANTS: ASPECT_VARIANTS,
21310
+ AVATAR_SHAPE: AVATAR_SHAPE,
21311
+ AVATAR_SIZE: AVATAR_SIZE,
21312
+ AVATAR_SIZE_STYLES: AVATAR_SIZE_STYLES,
21313
+ Alignments: Alignments,
21314
+ AnimationStyles: AnimationStyles,
21315
+ BUTTON_ICON_ANGLE: BUTTON_ICON_ANGLE,
21316
+ BUTTON_LINK_TARGET: BUTTON_LINK_TARGET,
21317
+ BUTTON_OUTLINED_ROUND_STYLES: BUTTON_OUTLINED_ROUND_STYLES,
21318
+ BUTTON_OUTLINED_SIZE_STYLES: BUTTON_OUTLINED_SIZE_STYLES,
21319
+ BUTTON_OUTLINED_WRAP_STYLES: BUTTON_OUTLINED_WRAP_STYLES,
21320
+ BUTTON_ROUND: BUTTON_ROUND,
21321
+ BUTTON_ROUND_STYLES: BUTTON_ROUND_STYLES,
21322
+ BUTTON_SIZE: BUTTON_SIZE,
21323
+ BUTTON_SIZE_STYLES: BUTTON_SIZE_STYLES,
21324
+ BUTTON_TEXT_SIZE: BUTTON_TEXT_SIZE,
21325
+ BUTTON_TEXT_SIZE_STYLES: BUTTON_TEXT_SIZE_STYLES,
21326
+ BUTTON_TEXT_THEME: BUTTON_TEXT_THEME,
21327
+ BUTTON_THEME: BUTTON_THEME,
21328
+ BUTTON_VARIANT: BUTTON_VARIANT,
21329
+ BUTTON_WRAP_STYLES: BUTTON_WRAP_STYLES,
21330
+ BackgroundSizes: BackgroundSizes,
21331
+ CLOSE_BUTTON_LABEL_PLACEMENT: CLOSE_BUTTON_LABEL_PLACEMENT,
21332
+ CLOSE_BUTTON_PLACEMENT: CLOSE_BUTTON_PLACEMENT,
21333
+ CLOSE_BUTTON_ROUND: CLOSE_BUTTON_ROUND,
21334
+ ClipPaths: ClipPaths,
21335
+ Cursors: Cursors,
21336
+ DefaultEdgePosition: DefaultEdgePosition,
21337
+ DefaultElasticity: DefaultElasticity,
21338
+ DefaultFormButtonColor: DefaultFormButtonColor,
21339
+ DefaultFormIdentifyBooleanField: DefaultFormIdentifyBooleanField,
21340
+ DefaultFormIdentifyTextField: DefaultFormIdentifyTextField,
21341
+ DefaultListBackground: DefaultListBackground,
21342
+ DefaultListBackgroundNone: DefaultListBackgroundNone,
21343
+ DefaultListBackgroundStripe: DefaultListBackgroundStripe,
21344
+ DefaultListSeparator: DefaultListSeparator,
21345
+ DefaultListSeparatorBorder: DefaultListSeparatorBorder,
21346
+ DefaultListSeparatorGap: DefaultListSeparatorGap,
21347
+ DefaultListSeparatorNone: DefaultListSeparatorNone,
21348
+ DefaultModalBreakPoint: DefaultModalBreakPoint,
21349
+ DefaultModalPlacement: DefaultModalPlacement,
21350
+ DefaultSlideButton: DefaultSlideButton,
21351
+ DefaultSlideNavigationButton: DefaultSlideNavigationButton,
21352
+ Directions: Directions,
21353
+ Elasticities: Elasticities,
21354
+ ElasticityStyle: ElasticityStyle,
21355
+ FONT_FAMILY_VARIANT: FONT_FAMILY_VARIANT,
21356
+ FONT_FAMILY_VARIANTS: FONT_FAMILY_VARIANTS,
21357
+ FONT_FAMILY_VARIANT_GROUPS: FONT_FAMILY_VARIANT_GROUPS,
21358
+ FlexAvatar: Avatar,
21359
+ FlexButton: Button,
21360
+ FlexButtonOutlined: ButtonOutlined,
21361
+ FlexButtonText: ButtonText,
21362
+ FlexClipCopy: ClipCopy,
21363
+ FlexCloseButton: CloseButton,
21364
+ FlexCode: Code,
21365
+ FlexCountDown: CountDown,
21366
+ FlexCountDownValue: CountDownValue,
21367
+ FlexDirections: FlexDirections,
21368
+ FlexIcon: Icon,
21369
+ FlexImage: Image,
21370
+ FlexLayout: Layout,
21371
+ FlexList: List,
21372
+ FlexListItem: ListItem,
21373
+ FlexModal: Modal,
21374
+ FlexMultiColumn: MultiColumn,
21375
+ FlexMultiColumnItem: MultiColumnItem,
21376
+ FlexRichText: RichText,
21377
+ FlexSlider: Slider,
21378
+ FlexSliderItem: SliderItem,
21379
+ FlexText: Text,
21380
+ FlexTextLink: TextLink,
21381
+ FlexYoutube: Youtube,
21382
+ Fonts: Fonts,
21383
+ FormIdentifyBooleanFields: FormIdentifyBooleanFields,
21384
+ FormIdentifyTextFieldPlaceholders: FormIdentifyTextFieldPlaceholders,
21385
+ FormIdentifyTextFieldValidations: FormIdentifyTextFieldValidations,
21386
+ FormIdentifyTextFields: FormIdentifyTextFields,
21387
+ ICON_SIZE: ICON_SIZE,
21388
+ ICON_SIZE_STYLES: ICON_SIZE_STYLES,
21389
+ ICON_VARIANTS: ICON_VARIANTS,
21390
+ IMAGE_ASPECT_VARIANTS: IMAGE_ASPECT_VARIANTS,
21391
+ IMAGE_ROUND_SHAPE: IMAGE_ROUND_SHAPE,
21392
+ Justifies: Justifies,
21393
+ KARTE_MODAL_ROOT: KARTE_MODAL_ROOT,
21394
+ LAYER_TEXT_SIZE: LAYER_TEXT_SIZE,
21395
+ LAYOUT_ALIGN: LAYOUT_ALIGN,
21396
+ LAYOUT_COMPONENT_NAMES: LAYOUT_COMPONENT_NAMES,
21397
+ LAYOUT_DIRECTION: LAYOUT_DIRECTION,
21398
+ LAYOUT_DISPLAY_TYPE: LAYOUT_DISPLAY_TYPE,
21399
+ LAYOUT_JUSTIFY: LAYOUT_JUSTIFY,
21400
+ LIST_ITEM_CONTEXT_KEY: LIST_ITEM_CONTEXT_KEY,
21401
+ LengthUnits: LengthUnits,
21402
+ ListBackgroundTypes: ListBackgroundTypes,
21403
+ ListDirections: ListDirections,
21404
+ ListSeparatorTypes: ListSeparatorTypes,
21405
+ MULTI_COLUMN_ITEM_CONTEXT_KEY: MULTI_COLUMN_ITEM_CONTEXT_KEY,
21406
+ MediaQueries: MediaQueries,
21407
+ ModalPositions: ModalPositions,
21408
+ ObjectFits: ObjectFits,
21409
+ OnClickOperationOptions: OnClickOperationOptions,
21410
+ Overflows: Overflows,
21411
+ PropTypes: PropTypes,
21412
+ ROUND_STYLES: ROUND_STYLES,
21413
+ ROUND_VARIANT: ROUND_VARIANT,
21414
+ Repeats: Repeats,
21415
+ SHADOW_VARIANT: SHADOW_VARIANT,
21416
+ SHADOW_VARIANTS: SHADOW_VARIANTS,
21417
+ SYSTEM_FONT: SYSTEM_FONT,
21418
+ State: State,
21419
+ StateItem: StateItem,
21420
+ TEXT_LINK_SIZE: TEXT_LINK_SIZE,
21421
+ TEXT_LINK_SIZE_STYLES: TEXT_LINK_SIZE_STYLES,
21422
+ TEXT_LINK_THEME: TEXT_LINK_THEME,
21423
+ TEXT_LINK_UNDERLINE: TEXT_LINK_UNDERLINE,
21424
+ TEXT_STYLE: TEXT_STYLE,
21425
+ TEXT_THEME: TEXT_THEME,
21426
+ TEXT_VARIANTS: TEXT_VARIANTS,
21427
+ TextDirections: TextDirections,
21428
+ WritingModes: WritingModes,
21429
+ addChoiceAnswer: addChoiceAnswer,
21430
+ addFreeAnswer: addFreeAnswer,
21431
+ afterUpdate: afterUpdate,
21432
+ applyCss: applyCss,
21433
+ applyGlobalCss: applyGlobalCss,
21434
+ avatarPropsDefault: avatarPropsDefault,
21435
+ beforeUpdate: beforeUpdate,
21436
+ buttonOutlinedPropsDefault: buttonOutlinedPropsDefault,
21437
+ buttonPropsDefault: buttonPropsDefault,
21438
+ close: close,
21439
+ closeAction: closeAction,
21440
+ collection: collection$1,
21441
+ create: create,
21442
+ createApp: createApp,
21443
+ createFog: createFog,
21444
+ destroy: destroy,
21445
+ destroyAction: destroyAction,
21446
+ ensureModalRoot: ensureModalRoot,
21447
+ eventHandlers: eventHandlers,
21448
+ finalize: finalize,
21449
+ formData: formData,
21450
+ getActionRoot: getActionRoot,
21451
+ getAnsweredQuestion: getAnsweredQuestion,
21452
+ getAnsweredQuestionIds: getAnsweredQuestionIds,
21453
+ getBrandKit: getBrandKit,
21454
+ getButtonOutlinedThemeStyles: getButtonOutlinedThemeStyles,
21455
+ getButtonTextThemeStyles: getButtonTextThemeStyles,
21456
+ getButtonThemeStyles: getButtonThemeStyles,
21457
+ getCssVariables: getCssVariables,
21458
+ getEventHandlers: getEventHandlers,
21459
+ getEvents: getEvents,
21460
+ getLogs: getLogs,
21461
+ getState: getState$1,
21462
+ getStates: getStates,
21463
+ getSystem: getSystem,
21464
+ getTextLinkThemeStyles: getTextLinkThemeStyles,
21465
+ getTextThemeStyles: getTextThemeStyles,
21466
+ getVariables: getVariables,
21467
+ hideOnScroll: hideOnScroll,
21468
+ hideOnTime: hideOnTime,
21469
+ initialize: initialize,
21470
+ isOpened: isOpened,
21471
+ listenLogger: listenLogger,
21472
+ loadActionTable: loadActionTable,
21473
+ loadActionTableQuery: loadActionTableQuery,
21474
+ loadActionTableRow: loadActionTableRow,
21475
+ loadActionTableRows: loadActionTableRows,
21476
+ loadGlobalScript: loadGlobalScript,
21477
+ loadGlobalStyle: loadGlobalStyle,
21478
+ loadStyle: loadStyle,
21479
+ logger: logger,
21480
+ onChangeState: onChangeState,
21481
+ onClose: onClose,
21482
+ onCreate: onCreate,
21483
+ onDestory: onDestory,
21484
+ onDestroy: onDestroy,
21485
+ onMount: onMount,
21486
+ onScroll: onScroll,
21487
+ onShow: onShow,
21488
+ onTime: onTime,
21489
+ removeAnswer: removeAnswer,
21490
+ resetEventHandlers: resetEventHandlers,
21491
+ resetVariables: resetVariables,
21492
+ sendAnswer: sendAnswer,
21493
+ sendAnswers: sendAnswers,
21494
+ setEventHandlers: setEventHandlers,
21495
+ setSetting: setSetting,
21496
+ setState: setState$1,
21497
+ setVariables: setVariables,
21498
+ show: show,
21499
+ showAction: showAction,
21500
+ showModal: showModal,
21501
+ showOnScroll: showOnScroll,
21502
+ showOnTime: showOnTime,
21503
+ state: state,
21504
+ tick: tick,
21505
+ useBrandKit: useBrandKit,
21506
+ variables: variables,
21507
+ widget: widget
21508
+ });
21509
+
21510
+ /* src/components-flex/ThumbnailPreview.svelte generated by Svelte v3.53.1 */
21511
+
21512
+ function get_each_context(ctx, list, i) {
21513
+ const child_ctx = ctx.slice();
21514
+ child_ctx[4] = list[i];
21515
+ return child_ctx;
21516
+ }
21517
+
21518
+ // (12:0) {#if component}
21519
+ function create_if_block(ctx) {
21520
+ let switch_instance;
21521
+ let switch_instance_anchor;
21522
+ let current;
21523
+ var switch_value = /*component*/ ctx[1];
21524
+
21525
+ function switch_props(ctx) {
21526
+ return {
21527
+ props: {
21528
+ props: 'previewProps' in /*option*/ ctx[0] && typeof /*option*/ ctx[0].previewProps !== 'undefined'
21529
+ ? /*option*/ ctx[0].previewProps
21530
+ : /*option*/ ctx[0].props,
21531
+ $$slots: { default: [create_default_slot] },
21532
+ $$scope: { ctx }
21533
+ }
21534
+ };
21535
+ }
21536
+
21537
+ if (switch_value) {
21538
+ switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
21539
+ }
21540
+
21541
+ return {
21542
+ c() {
21543
+ if (switch_instance) create_component(switch_instance.$$.fragment);
21544
+ switch_instance_anchor = empty();
21545
+ },
21546
+ l(nodes) {
21547
+ if (switch_instance) claim_component(switch_instance.$$.fragment, nodes);
21548
+ switch_instance_anchor = empty();
21549
+ },
21550
+ m(target, anchor) {
21551
+ if (switch_instance) mount_component(switch_instance, target, anchor);
21552
+ insert_hydration(target, switch_instance_anchor, anchor);
21553
+ current = true;
21145
21554
  },
21146
21555
  p(ctx, dirty) {
21147
21556
  const switch_instance_changes = {};
@@ -21194,7 +21603,7 @@ function create_if_block(ctx) {
21194
21603
  };
21195
21604
  }
21196
21605
 
21197
- // (17:4) {#if option.children}
21606
+ // (19:4) {#if option.children}
21198
21607
  function create_if_block_1(ctx) {
21199
21608
  let each_1_anchor;
21200
21609
  let current;
@@ -21285,7 +21694,7 @@ function create_if_block_1(ctx) {
21285
21694
  };
21286
21695
  }
21287
21696
 
21288
- // (18:6) {#each option.children as child}
21697
+ // (20:6) {#each option.children as child}
21289
21698
  function create_each_block(ctx) {
21290
21699
  let thumbnailpreview;
21291
21700
  let current;
@@ -21322,7 +21731,7 @@ function create_each_block(ctx) {
21322
21731
  };
21323
21732
  }
21324
21733
 
21325
- // (13:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
21734
+ // (13:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
21326
21735
  function create_default_slot(ctx) {
21327
21736
  let if_block_anchor;
21328
21737
  let current;
@@ -21473,43 +21882,4 @@ class ThumbnailPreview extends SvelteComponent {
21473
21882
  }
21474
21883
  }
21475
21884
 
21476
- const ROUND_STYLES = {
21477
- extra_small: {
21478
- borderTopLeftRadius: '2px',
21479
- borderTopRightRadius: '2px',
21480
- borderBottomLeftRadius: '2px',
21481
- borderBottomRightRadius: '2px',
21482
- },
21483
- small: {
21484
- borderTopLeftRadius: '4px',
21485
- borderTopRightRadius: '4px',
21486
- borderBottomLeftRadius: '4px',
21487
- borderBottomRightRadius: '4px',
21488
- },
21489
- medium: {
21490
- borderTopLeftRadius: '8px',
21491
- borderTopRightRadius: '8px',
21492
- borderBottomLeftRadius: '8px',
21493
- borderBottomRightRadius: '8px',
21494
- },
21495
- large: {
21496
- borderTopLeftRadius: '16px',
21497
- borderTopRightRadius: '16px',
21498
- borderBottomLeftRadius: '16px',
21499
- borderBottomRightRadius: '16px',
21500
- },
21501
- extra_large: {
21502
- borderTopLeftRadius: '24px',
21503
- borderTopRightRadius: '24px',
21504
- borderBottomLeftRadius: '24px',
21505
- borderBottomRightRadius: '24px',
21506
- },
21507
- fulled: {
21508
- borderTopLeftRadius: '100%',
21509
- borderTopRightRadius: '100%',
21510
- borderBottomLeftRadius: '100%',
21511
- borderBottomRightRadius: '100%',
21512
- },
21513
- };
21514
-
21515
- export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };
21885
+ export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State$1 as State, StateItem$1 as StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };