@plaidev/karte-action-sdk 1.1.264 → 1.1.265

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 +19 -11
  2. package/dist/hydrate/index.es.js +1226 -840
  3. package/dist/index.es.d.ts +19 -11
  4. package/dist/index.es.js +1193 -840
  5. package/dist/svelte5/hydrate/index.es.d.ts +2930 -0
  6. package/dist/svelte5/hydrate/index.es.js +7393 -0
  7. package/dist/svelte5/index.es.d.ts +2930 -0
  8. package/dist/svelte5/index.es.js +7642 -0
  9. package/dist/svelte5/index.front2.es.d.ts +2 -0
  10. package/dist/svelte5/index.front2.es.js +7930 -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-1amihue", ".state-item.svelte-1amihue{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-g6ucc2", ".background.svelte-g6ucc2{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-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp: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-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .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-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{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-1i2vo31{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-1i2vo31{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-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{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-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{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-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{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-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867: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-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .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-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .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-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .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-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .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-1alkh1m{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-1t8r9z", ".list.svelte-1t8r9z{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-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .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-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh 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-ljxq7x", ".embed.svelte-ljxq7x{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-ljxq7x 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-ljxq7x", ".embed.svelte-ljxq7x{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-ljxq7x 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-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{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-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo: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-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{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-1ntb6j8: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-1ntb6j8{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-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{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-iejizj: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-iejizj{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-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{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-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us: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-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{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-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{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-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw: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-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{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-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5: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-f14zo5{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-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{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-pzrwlo: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-pzrwlo{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-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{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-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{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-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{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-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .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-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .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-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 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-1ng2n51", ".codeElement.svelte-1ng2n51{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-9v2qdg", ".flex.svelte-9v2qdg{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-164ah5d", ".flex-item.svelte-164ah5d{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-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{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-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{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-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n: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-1jus6sx", ".image-block.svelte-1jus6sx{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-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx: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-apww0t", ".avatar.svelte-apww0t{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-mut6o2", ".icon.svelte-mut6o2{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-brd6e9", ".button.svelte-brd6e9{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-brd6e9:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-brd6e9{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-ypshn1", ".button-outlined.svelte-ypshn1{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-ypshn1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-ypshn1{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-lted9r", ".button-text.svelte-lted9r{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-lted9r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-lted9r{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-3133h2", ".close-button.svelte-3133h2.svelte-3133h2{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-3133h2 svg.svelte-3133h2{transition:transform 0.12s}.close-button.svelte-3133h2:hover svg.svelte-3133h2{transform:rotate(90deg)}.close-button-order-one.svelte-3133h2.svelte-3133h2{order:1}.close-button-order-two.svelte-3133h2.svelte-3133h2{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
  }
@@ -16842,13 +16620,34 @@ const ICON_SIZE_STYLES = {
16842
16620
  },
16843
16621
  };
16844
16622
 
16623
+ const IMAGE_ROUND_STYLES = {
16624
+ square: {
16625
+ borderTopLeftRadius: 0,
16626
+ borderTopRightRadius: 0,
16627
+ borderBottomLeftRadius: 0,
16628
+ borderBottomRightRadius: 0,
16629
+ },
16630
+ rounded: {
16631
+ borderTopLeftRadius: '0.4em',
16632
+ borderTopRightRadius: '0.4em',
16633
+ borderBottomLeftRadius: '0.4em',
16634
+ borderBottomRightRadius: '0.4em',
16635
+ },
16636
+ circle: {
16637
+ borderTopLeftRadius: '0.8em',
16638
+ borderTopRightRadius: '0.8em',
16639
+ borderBottomLeftRadius: '0.8em',
16640
+ borderBottomRightRadius: '0.8em',
16641
+ },
16642
+ };
16643
+
16845
16644
  /* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
16846
16645
 
16847
- function add_css$g(target) {
16646
+ function add_css$h(target) {
16848
16647
  append_styles(target, "svelte-1y7kpsc", ".image.svelte-1y7kpsc{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-1y7kpsc{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
16849
16648
  }
16850
16649
 
16851
- // (33:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
16650
+ // (24:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
16852
16651
  function create_dynamic_element$5(ctx) {
16853
16652
  let svelte_element;
16854
16653
  let img;
@@ -16942,7 +16741,7 @@ function create_dynamic_element$5(ctx) {
16942
16741
  };
16943
16742
  }
16944
16743
 
16945
- function create_fragment$i(ctx) {
16744
+ function create_fragment$l(ctx) {
16946
16745
  let previous_tag = /*element*/ ctx[4];
16947
16746
  let svelte_element_anchor;
16948
16747
  let svelte_element = /*element*/ ctx[4] && create_dynamic_element$5(ctx);
@@ -16990,21 +16789,12 @@ function create_fragment$i(ctx) {
16990
16789
  };
16991
16790
  }
16992
16791
 
16993
- function instance$i($$self, $$props, $$invalidate) {
16792
+ function instance$l($$self, $$props, $$invalidate) {
16994
16793
  let style;
16995
16794
  let { props = {} } = $$props;
16996
16795
  let { layerId = '' } = $$props;
16997
16796
  useInjectCustomizeCss(props);
16998
16797
  const { attributes, element, handleClick } = useClickable(props);
16999
-
17000
- const VARIANTS = {
17001
- shape: {
17002
- circle: { borderRadius: '0.8em' },
17003
- square: { borderRadius: 'none' },
17004
- rounded: { borderRadius: '0.4em' }
17005
- }
17006
- };
17007
-
17008
16798
  const aspectVariantStyles = ASPECT_VARIANT[props.aspectVariant]?.getProps();
17009
16799
 
17010
16800
  $$self.$$set = $$props => {
@@ -17015,8 +16805,11 @@ function instance$i($$self, $$props, $$invalidate) {
17015
16805
  $$self.$$.update = () => {
17016
16806
  if ($$self.$$.dirty & /*props*/ 1) {
17017
16807
  $$invalidate(2, style = objToStyle({
17018
- ...VARIANTS.shape[props.shape ?? 'square'],
16808
+ ...props.borderTopLeftRadius
16809
+ ? toCssRadius(props)
16810
+ : IMAGE_ROUND_STYLES[props.shape ?? 'square'],
17019
16811
  width: props.width ?? '100%',
16812
+ height: props.height ?? 'auto',
17020
16813
  aspectRatio: props.aspect ?? aspectVariantStyles?.aspect,
17021
16814
  ...toCssCommon(props),
17022
16815
  ...toCssBorder(props)
@@ -17030,14 +16823,14 @@ function instance$i($$self, $$props, $$invalidate) {
17030
16823
  class Image extends SvelteComponent {
17031
16824
  constructor(options) {
17032
16825
  super();
17033
- init(this, options, instance$i, create_fragment$i, safe_not_equal, { props: 0, layerId: 1 }, add_css$g);
16826
+ init(this, options, instance$l, create_fragment$l, safe_not_equal, { props: 0, layerId: 1 }, add_css$h);
17034
16827
  }
17035
16828
  }
17036
16829
 
17037
16830
  const IMAGE_ROUND_SHAPE = {
17038
- circle: 'サークル',
16831
+ circle: 'ラウンド / ミディアム',
16832
+ rounded: 'ラウンド / スモール',
17039
16833
  square: 'スクエア',
17040
- rounded: 'ラウンド',
17041
16834
  };
17042
16835
  const IMAGE_ASPECT_VARIANTS = {
17043
16836
  '1/1': '1 : 1',
@@ -17054,7 +16847,7 @@ const IMAGE_ASPECT_VARIANTS = {
17054
16847
 
17055
16848
  /* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
17056
16849
 
17057
- function add_css$f(target) {
16850
+ function add_css$g(target) {
17058
16851
  append_styles(target, "svelte-1tjo4al", ".layout.svelte-1tjo4al{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-1tjo4al{cursor:pointer}.layout[data-clickable=true].svelte-1tjo4al:hover{opacity:0.8}");
17059
16852
  }
17060
16853
 
@@ -17170,7 +16963,7 @@ function create_dynamic_element$4(ctx) {
17170
16963
  };
17171
16964
  }
17172
16965
 
17173
- function create_fragment$h(ctx) {
16966
+ function create_fragment$k(ctx) {
17174
16967
  let previous_tag = "div";
17175
16968
  let svelte_element_anchor;
17176
16969
  let current;
@@ -17224,7 +17017,7 @@ function create_fragment$h(ctx) {
17224
17017
  };
17225
17018
  }
17226
17019
 
17227
- function instance$h($$self, $$props, $$invalidate) {
17020
+ function instance$k($$self, $$props, $$invalidate) {
17228
17021
  let style;
17229
17022
  let { $$slots: slots = {}, $$scope } = $$props;
17230
17023
  let { props = {} } = $$props;
@@ -17266,7 +17059,7 @@ function instance$h($$self, $$props, $$invalidate) {
17266
17059
  class Layout extends SvelteComponent {
17267
17060
  constructor(options) {
17268
17061
  super();
17269
- init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 4, layerId: 0 }, add_css$f);
17062
+ init(this, options, instance$k, create_fragment$k, safe_not_equal, { props: 4, layerId: 0 }, add_css$g);
17270
17063
  }
17271
17064
  }
17272
17065
 
@@ -17277,7 +17070,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
17277
17070
 
17278
17071
  /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
17279
17072
 
17280
- function add_css$e(target) {
17073
+ function add_css$f(target) {
17281
17074
  append_styles(target, "svelte-1k4xkut", ".slider-list.svelte-1k4xkut{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
17282
17075
  }
17283
17076
 
@@ -17288,7 +17081,7 @@ function get_each_context$1(ctx, list, i) {
17288
17081
  return child_ctx;
17289
17082
  }
17290
17083
 
17291
- // (175:4) {#each indicators ?? [] as indicator, i}
17084
+ // (174:4) {#each indicators ?? [] as indicator, i}
17292
17085
  function create_each_block$1(ctx) {
17293
17086
  let button;
17294
17087
  let i_1;
@@ -17361,7 +17154,7 @@ function create_each_block$1(ctx) {
17361
17154
  };
17362
17155
  }
17363
17156
 
17364
- function create_fragment$g(ctx) {
17157
+ function create_fragment$j(ctx) {
17365
17158
  let div1;
17366
17159
  let ul;
17367
17160
  let ul_style_value;
@@ -17527,7 +17320,7 @@ function create_fragment$g(ctx) {
17527
17320
  };
17528
17321
  }
17529
17322
 
17530
- function instance$g($$self, $$props, $$invalidate) {
17323
+ function instance$j($$self, $$props, $$invalidate) {
17531
17324
  let indicators;
17532
17325
  let itemWidthPercentage;
17533
17326
  let style;
@@ -17596,8 +17389,6 @@ function instance$g($$self, $$props, $$invalidate) {
17596
17389
  };
17597
17390
 
17598
17391
  const handleClick = e => {
17599
- console.log('handleClick', isDragging);
17600
-
17601
17392
  if (isDragging) {
17602
17393
  e.preventDefault();
17603
17394
  e.stopPropagation();
@@ -17622,6 +17413,7 @@ function instance$g($$self, $$props, $$invalidate) {
17622
17413
  $$invalidate(13, movedX = null);
17623
17414
  document.removeEventListener('touchmove', handleTouchmove);
17624
17415
  document.removeEventListener('touchend', handleTouchend);
17416
+ document.removeEventListener('click', handleClick);
17625
17417
  };
17626
17418
 
17627
17419
  const handleTouchstart = e => {
@@ -17641,8 +17433,6 @@ function instance$g($$self, $$props, $$invalidate) {
17641
17433
  };
17642
17434
 
17643
17435
  const handleMouseup = e => {
17644
- console.log('handleMouseup');
17645
-
17646
17436
  if (movedX >= 32) {
17647
17437
  toNext();
17648
17438
  } else if (movedX <= -32) {
@@ -17768,13 +17558,13 @@ function instance$g($$self, $$props, $$invalidate) {
17768
17558
  class Slider extends SvelteComponent {
17769
17559
  constructor(options) {
17770
17560
  super();
17771
- init(this, options, instance$g, create_fragment$g, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$e, [-1, -1]);
17561
+ init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$f, [-1, -1]);
17772
17562
  }
17773
17563
  }
17774
17564
 
17775
17565
  /* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
17776
17566
 
17777
- function add_css$d(target) {
17567
+ function add_css$e(target) {
17778
17568
  append_styles(target, "svelte-j5pon4", ".slider-item.svelte-j5pon4{overflow:hidden}.slider-item-inner.svelte-j5pon4{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
17779
17569
  }
17780
17570
 
@@ -17873,7 +17663,7 @@ function create_dynamic_element$3(ctx) {
17873
17663
  };
17874
17664
  }
17875
17665
 
17876
- function create_fragment$f(ctx) {
17666
+ function create_fragment$i(ctx) {
17877
17667
  let li;
17878
17668
  let previous_tag = /*element*/ ctx[2];
17879
17669
  let current;
@@ -17942,7 +17732,7 @@ function create_fragment$f(ctx) {
17942
17732
  };
17943
17733
  }
17944
17734
 
17945
- function instance$f($$self, $$props, $$invalidate) {
17735
+ function instance$i($$self, $$props, $$invalidate) {
17946
17736
  let { $$slots: slots = {}, $$scope } = $$props;
17947
17737
  let { layerId } = $$props;
17948
17738
  let { props } = $$props;
@@ -17961,7 +17751,7 @@ function instance$f($$self, $$props, $$invalidate) {
17961
17751
  class SliderItem extends SvelteComponent {
17962
17752
  constructor(options) {
17963
17753
  super();
17964
- init(this, options, instance$f, create_fragment$f, safe_not_equal, { layerId: 0, props: 4 }, add_css$d);
17754
+ init(this, options, instance$i, create_fragment$i, safe_not_equal, { layerId: 0, props: 4 }, add_css$e);
17965
17755
  }
17966
17756
  }
17967
17757
 
@@ -18050,11 +17840,11 @@ const TEXT_VARIANTS = {
18050
17840
 
18051
17841
  /* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
18052
17842
 
18053
- function add_css$c(target) {
17843
+ function add_css$d(target) {
18054
17844
  append_styles(target, "svelte-14kt34i", ".text.svelte-14kt34i{margin:0;word-break:break-all;text-decoration:none}");
18055
17845
  }
18056
17846
 
18057
- function create_fragment$e(ctx) {
17847
+ function create_fragment$h(ctx) {
18058
17848
  let p;
18059
17849
 
18060
17850
  return {
@@ -18100,7 +17890,7 @@ function create_fragment$e(ctx) {
18100
17890
  };
18101
17891
  }
18102
17892
 
18103
- function instance$e($$self, $$props, $$invalidate) {
17893
+ function instance$h($$self, $$props, $$invalidate) {
18104
17894
  let escapedHTML;
18105
17895
  let style;
18106
17896
  let { props = { content: '' } } = $$props;
@@ -18185,17 +17975,17 @@ function instance$e($$self, $$props, $$invalidate) {
18185
17975
  class Text extends SvelteComponent {
18186
17976
  constructor(options) {
18187
17977
  super();
18188
- init(this, options, instance$e, create_fragment$e, safe_not_equal, { props: 3, layerId: 0 }, add_css$c);
17978
+ init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 3, layerId: 0 }, add_css$d);
18189
17979
  }
18190
17980
  }
18191
17981
 
18192
17982
  /* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
18193
17983
 
18194
- function add_css$b(target) {
17984
+ function add_css$c(target) {
18195
17985
  append_styles(target, "svelte-mq7h73", ".rich-text.svelte-mq7h73 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-mq7h73 p + p{margin-top:0.75em}");
18196
17986
  }
18197
17987
 
18198
- function create_fragment$d(ctx) {
17988
+ function create_fragment$g(ctx) {
18199
17989
  let div;
18200
17990
  let raw_value = /*props*/ ctx[0].content + "";
18201
17991
 
@@ -18242,7 +18032,7 @@ function create_fragment$d(ctx) {
18242
18032
  };
18243
18033
  }
18244
18034
 
18245
- function instance$d($$self, $$props, $$invalidate) {
18035
+ function instance$g($$self, $$props, $$invalidate) {
18246
18036
  let style;
18247
18037
  let { props = { content: '' } } = $$props;
18248
18038
  let { layerId = '' } = $$props;
@@ -18318,7 +18108,7 @@ function instance$d($$self, $$props, $$invalidate) {
18318
18108
  class RichText extends SvelteComponent {
18319
18109
  constructor(options) {
18320
18110
  super();
18321
- init(this, options, instance$d, create_fragment$d, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
18111
+ init(this, options, instance$g, create_fragment$g, safe_not_equal, { props: 0, layerId: 1 }, add_css$c);
18322
18112
  }
18323
18113
  }
18324
18114
 
@@ -18388,12 +18178,12 @@ const getTextLinkThemeStyles = getPropStyles(callback);
18388
18178
 
18389
18179
  /* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
18390
18180
 
18391
- function add_css$a(target) {
18181
+ function add_css$b(target) {
18392
18182
  append_styles(target, "svelte-1qyhpm7", ".link.svelte-1qyhpm7{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-1qyhpm7,.link.svelte-1qyhpm7:visited,.link.svelte-1qyhpm7:link{color:var(--color)}.link.svelte-1qyhpm7:hover{color:var(--hover-color)}.link.svelte-1qyhpm7:active{color:var(--active-color)}.link.underline-hover-on.svelte-1qyhpm7{text-decoration:none}.link.underline-hover-on.svelte-1qyhpm7:hover{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7{text-decoration:underline}.link.underline-hover-off.svelte-1qyhpm7:hover{text-decoration:none}.link.underline-on.svelte-1qyhpm7{text-decoration:underline}.link.underline-off.svelte-1qyhpm7{text-decoration:none}");
18393
18183
  }
18394
18184
 
18395
18185
  // (81:2) {#if props.isIcon && props.iconVariant}
18396
- function create_if_block$3(ctx) {
18186
+ function create_if_block$5(ctx) {
18397
18187
  let icon;
18398
18188
  let current;
18399
18189
 
@@ -18455,7 +18245,7 @@ function create_dynamic_element$2(ctx) {
18455
18245
  let current;
18456
18246
  let mounted;
18457
18247
  let dispose;
18458
- let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$3(ctx);
18248
+ let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$5(ctx);
18459
18249
 
18460
18250
  let svelte_element_levels = [
18461
18251
  /*attributes*/ ctx[4],
@@ -18527,7 +18317,7 @@ function create_dynamic_element$2(ctx) {
18527
18317
  transition_in(if_block, 1);
18528
18318
  }
18529
18319
  } else {
18530
- if_block = create_if_block$3(ctx);
18320
+ if_block = create_if_block$5(ctx);
18531
18321
  if_block.c();
18532
18322
  transition_in(if_block, 1);
18533
18323
  if_block.m(svelte_element, t);
@@ -18576,7 +18366,7 @@ function create_dynamic_element$2(ctx) {
18576
18366
  };
18577
18367
  }
18578
18368
 
18579
- function create_fragment$c(ctx) {
18369
+ function create_fragment$f(ctx) {
18580
18370
  let previous_tag = /*element*/ ctx[5];
18581
18371
  let svelte_element_anchor;
18582
18372
  let svelte_element = /*element*/ ctx[5] && create_dynamic_element$2(ctx);
@@ -18626,7 +18416,7 @@ function create_fragment$c(ctx) {
18626
18416
  };
18627
18417
  }
18628
18418
 
18629
- function instance$c($$self, $$props, $$invalidate) {
18419
+ function instance$f($$self, $$props, $$invalidate) {
18630
18420
  let escapedHTML;
18631
18421
  let variables;
18632
18422
  let style;
@@ -18716,7 +18506,7 @@ function instance$c($$self, $$props, $$invalidate) {
18716
18506
  class TextLink extends SvelteComponent {
18717
18507
  constructor(options) {
18718
18508
  super();
18719
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
18509
+ init(this, options, instance$f, create_fragment$f, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
18720
18510
  }
18721
18511
  }
18722
18512
 
@@ -18742,12 +18532,12 @@ const TEXT_LINK_UNDERLINE = {
18742
18532
 
18743
18533
  /* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
18744
18534
 
18745
- function add_css$9(target) {
18535
+ function add_css$a(target) {
18746
18536
  append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
18747
18537
  }
18748
18538
 
18749
18539
  // (14:0) {#if backgroundOverlay}
18750
- function create_if_block$2(ctx) {
18540
+ function create_if_block$4(ctx) {
18751
18541
  let div;
18752
18542
  let div_class_value;
18753
18543
  let mounted;
@@ -18787,9 +18577,9 @@ function create_if_block$2(ctx) {
18787
18577
  };
18788
18578
  }
18789
18579
 
18790
- function create_fragment$b(ctx) {
18580
+ function create_fragment$e(ctx) {
18791
18581
  let if_block_anchor;
18792
- let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$2(ctx);
18582
+ let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$4(ctx);
18793
18583
 
18794
18584
  return {
18795
18585
  c() {
@@ -18809,7 +18599,7 @@ function create_fragment$b(ctx) {
18809
18599
  if (if_block) {
18810
18600
  if_block.p(ctx, dirty);
18811
18601
  } else {
18812
- if_block = create_if_block$2(ctx);
18602
+ if_block = create_if_block$4(ctx);
18813
18603
  if_block.c();
18814
18604
  if_block.m(if_block_anchor.parentNode, if_block_anchor);
18815
18605
  }
@@ -18827,7 +18617,7 @@ function create_fragment$b(ctx) {
18827
18617
  };
18828
18618
  }
18829
18619
 
18830
- function instance$b($$self, $$props, $$invalidate) {
18620
+ function instance$e($$self, $$props, $$invalidate) {
18831
18621
  let { backgroundOverlay = false } = $$props;
18832
18622
  let { class: className = undefined } = $$props;
18833
18623
  const dispatch = createEventDispatcher();
@@ -18844,17 +18634,17 @@ function instance$b($$self, $$props, $$invalidate) {
18844
18634
  class BackgroundOverlay extends SvelteComponent {
18845
18635
  constructor(options) {
18846
18636
  super();
18847
- init(this, options, instance$b, create_fragment$b, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$9);
18637
+ init(this, options, instance$e, create_fragment$e, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$a);
18848
18638
  }
18849
18639
  }
18850
18640
 
18851
18641
  /* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
18852
18642
 
18853
- function add_css$8(target) {
18643
+ function add_css$9(target) {
18854
18644
  append_styles(target, "svelte-15b58xm", "*{box-sizing:border-box}.modal.svelte-15b58xm{position:fixed;z-index:2147483647;display:flex}.modal.svelte-15b58xm > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-15b58xm{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-15b58xm{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
18645
  }
18856
18646
 
18857
- // (225:0) {:else}
18647
+ // (237:0) {:else}
18858
18648
  function create_else_block(ctx) {
18859
18649
  let backgroundoverlay;
18860
18650
  let current;
@@ -18866,7 +18656,7 @@ function create_else_block(ctx) {
18866
18656
  });
18867
18657
 
18868
18658
  backgroundoverlay.$on("click", function () {
18869
- if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
18659
+ if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
18870
18660
  });
18871
18661
 
18872
18662
  return {
@@ -18901,7 +18691,7 @@ function create_else_block(ctx) {
18901
18691
  };
18902
18692
  }
18903
18693
 
18904
- // (214:24)
18694
+ // (226:24)
18905
18695
  function create_if_block_2(ctx) {
18906
18696
  let backgroundoverlay0;
18907
18697
  let t;
@@ -18916,7 +18706,7 @@ function create_if_block_2(ctx) {
18916
18706
  });
18917
18707
 
18918
18708
  backgroundoverlay0.$on("click", function () {
18919
- if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
18709
+ if (is_function(/*backgroundClickPC*/ ctx[12])) /*backgroundClickPC*/ ctx[12].apply(this, arguments);
18920
18710
  });
18921
18711
 
18922
18712
  backgroundoverlay1 = new BackgroundOverlay({
@@ -18927,7 +18717,7 @@ function create_if_block_2(ctx) {
18927
18717
  });
18928
18718
 
18929
18719
  backgroundoverlay1.$on("click", function () {
18930
- if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
18720
+ if (is_function(/*backgroundClickSP*/ ctx[11])) /*backgroundClickSP*/ ctx[11].apply(this, arguments);
18931
18721
  });
18932
18722
 
18933
18723
  return {
@@ -18975,7 +18765,7 @@ function create_if_block_2(ctx) {
18975
18765
  };
18976
18766
  }
18977
18767
 
18978
- // (212:0) {#if isPreview()}
18768
+ // (224:0) {#if isPreview()}
18979
18769
  function create_if_block_1$1(ctx) {
18980
18770
  return {
18981
18771
  c: noop,
@@ -18988,14 +18778,15 @@ function create_if_block_1$1(ctx) {
18988
18778
  };
18989
18779
  }
18990
18780
 
18991
- // (228:0) {#if visible}
18992
- function create_if_block$1(ctx) {
18781
+ // (240:0) {#if visible}
18782
+ function create_if_block$3(ctx) {
18993
18783
  let div;
18994
18784
  let div_class_value;
18785
+ let div_style_value;
18995
18786
  let div_intro;
18996
18787
  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);
18788
+ const default_slot_template = /*#slots*/ ctx[26].default;
18789
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
18999
18790
 
19000
18791
  return {
19001
18792
  c() {
@@ -19022,7 +18813,7 @@ function create_if_block$1(ctx) {
19022
18813
  attr(div, "role", "dialog");
19023
18814
  attr(div, "aria-modal", "true");
19024
18815
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
19025
- attr(div, "style", Array.from(/*modalStyles*/ ctx[13]).join(';'));
18816
+ attr(div, "style", div_style_value = [Array.from(/*modalStyles*/ ctx[14]).join(';'), /*style*/ ctx[9]].join(' '));
19026
18817
  },
19027
18818
  m(target, anchor) {
19028
18819
  insert_hydration(target, div, anchor);
@@ -19031,22 +18822,22 @@ function create_if_block$1(ctx) {
19031
18822
  default_slot.m(div, null);
19032
18823
  }
19033
18824
 
19034
- /*div_binding*/ ctx[25](div);
18825
+ /*div_binding*/ ctx[27](div);
19035
18826
  current = true;
19036
18827
  },
19037
18828
  p(new_ctx, dirty) {
19038
18829
  ctx = new_ctx;
19039
18830
 
19040
18831
  if (default_slot) {
19041
- if (default_slot.p && (!current || dirty & /*$$scope*/ 8388608)) {
18832
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
19042
18833
  update_slot_base(
19043
18834
  default_slot,
19044
18835
  default_slot_template,
19045
18836
  ctx,
19046
- /*$$scope*/ ctx[23],
18837
+ /*$$scope*/ ctx[25],
19047
18838
  !current
19048
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[23])
19049
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[23], dirty, null),
18839
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
18840
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
19050
18841
  null
19051
18842
  );
19052
18843
  }
@@ -19059,6 +18850,10 @@ function create_if_block$1(ctx) {
19059
18850
  if (!current || dirty & /*layerId*/ 4) {
19060
18851
  attr(div, "data-layer-id", /*layerId*/ ctx[2]);
19061
18852
  }
18853
+
18854
+ if (!current || dirty & /*style*/ 512 && div_style_value !== (div_style_value = [Array.from(/*modalStyles*/ ctx[14]).join(';'), /*style*/ ctx[9]].join(' '))) {
18855
+ attr(div, "style", div_style_value);
18856
+ }
19062
18857
  },
19063
18858
  i(local) {
19064
18859
  if (current) return;
@@ -19084,12 +18879,12 @@ function create_if_block$1(ctx) {
19084
18879
  d(detaching) {
19085
18880
  if (detaching) detach(div);
19086
18881
  if (default_slot) default_slot.d(detaching);
19087
- /*div_binding*/ ctx[25](null);
18882
+ /*div_binding*/ ctx[27](null);
19088
18883
  }
19089
18884
  };
19090
18885
  }
19091
18886
 
19092
- function create_fragment$a(ctx) {
18887
+ function create_fragment$d(ctx) {
19093
18888
  let show_if;
19094
18889
  let current_block_type_index;
19095
18890
  let if_block0;
@@ -19110,7 +18905,7 @@ function create_fragment$a(ctx) {
19110
18905
 
19111
18906
  current_block_type_index = select_block_type(ctx);
19112
18907
  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);
18908
+ let if_block1 = /*visible*/ ctx[8] && create_if_block$3(ctx);
19114
18909
 
19115
18910
  return {
19116
18911
  c() {
@@ -19134,7 +18929,7 @@ function create_fragment$a(ctx) {
19134
18929
 
19135
18930
  if (!mounted) {
19136
18931
  dispose = listen(window, "keydown", function () {
19137
- if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
18932
+ if (is_function(/*handle_keydown*/ ctx[10])) /*handle_keydown*/ ctx[10].apply(this, arguments);
19138
18933
  });
19139
18934
 
19140
18935
  mounted = true;
@@ -19176,7 +18971,7 @@ function create_fragment$a(ctx) {
19176
18971
  transition_in(if_block1, 1);
19177
18972
  }
19178
18973
  } else {
19179
- if_block1 = create_if_block$1(ctx);
18974
+ if_block1 = create_if_block$3(ctx);
19180
18975
  if_block1.c();
19181
18976
  transition_in(if_block1, 1);
19182
18977
  if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -19213,19 +19008,21 @@ function create_fragment$a(ctx) {
19213
19008
  };
19214
19009
  }
19215
19010
 
19216
- function instance$a($$self, $$props, $$invalidate) {
19011
+ function instance$d($$self, $$props, $$invalidate) {
19217
19012
  let close;
19218
19013
  let backgroundClick;
19219
19014
  let backgroundClickPC;
19220
19015
  let backgroundClickSP;
19221
19016
  let handle_keydown;
19222
19017
  let visible;
19018
+ let style;
19223
19019
  let { $$slots: slots = {}, $$scope } = $$props;
19224
19020
  let { useBreakPoint = false } = $$props;
19225
19021
  let { placement } = $$props;
19226
19022
  let { breakPoint } = $$props;
19227
19023
  let { elasticity } = $$props;
19228
19024
  let { animation = 'none' } = $$props;
19025
+ let { props = {} } = $$props;
19229
19026
  let { closeEventName = '' } = $$props;
19230
19027
  let { closeEventValue = null } = $$props;
19231
19028
  let { layerId = '' } = $$props;
@@ -19262,19 +19059,20 @@ function instance$a($$self, $$props, $$invalidate) {
19262
19059
 
19263
19060
  $$self.$$set = $$props => {
19264
19061
  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);
19062
+ if ('placement' in $$props) $$invalidate(15, placement = $$props.placement);
19063
+ if ('breakPoint' in $$props) $$invalidate(16, breakPoint = $$props.breakPoint);
19064
+ if ('elasticity' in $$props) $$invalidate(17, elasticity = $$props.elasticity);
19268
19065
  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);
19066
+ if ('props' in $$props) $$invalidate(18, props = $$props.props);
19067
+ if ('closeEventName' in $$props) $$invalidate(19, closeEventName = $$props.closeEventName);
19068
+ if ('closeEventValue' in $$props) $$invalidate(20, closeEventValue = $$props.closeEventValue);
19271
19069
  if ('layerId' in $$props) $$invalidate(2, layerId = $$props.layerId);
19272
- if ('$$scope' in $$props) $$invalidate(23, $$scope = $$props.$$scope);
19070
+ if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
19273
19071
  };
19274
19072
 
19275
19073
  $$self.$$.update = () => {
19276
- if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 393216) {
19277
- $$invalidate(22, close = () => {
19074
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue*/ 1572864) {
19075
+ $$invalidate(24, close = () => {
19278
19076
  const onClose = { operation: 'closeApp', args: ['button'] };
19279
19077
 
19280
19078
  if (closeEventName) {
@@ -19285,7 +19083,7 @@ function instance$a($$self, $$props, $$invalidate) {
19285
19083
  });
19286
19084
  }
19287
19085
 
19288
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19086
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
19289
19087
  {
19290
19088
 
19291
19089
  if (useBreakPoint) {
@@ -19297,30 +19095,30 @@ function instance$a($$self, $$props, $$invalidate) {
19297
19095
  }
19298
19096
  }
19299
19097
 
19300
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19098
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
19301
19099
  {
19302
19100
  if (placement && placement.backgroundClick) {
19303
- $$invalidate(19, backgroundClickFunction = placement.backgroundClick);
19101
+ $$invalidate(21, backgroundClickFunction = placement.backgroundClick);
19304
19102
  }
19305
19103
 
19306
19104
  if (useBreakPoint) {
19307
19105
  const pc = breakPoint?.PC?.placement?.backgroundClick;
19308
19106
 
19309
19107
  if (pc) {
19310
- $$invalidate(20, backgroundClickFunctionPC = pc);
19108
+ $$invalidate(22, backgroundClickFunctionPC = pc);
19311
19109
  }
19312
19110
 
19313
19111
  const sp = breakPoint?.SP?.placement?.backgroundClick;
19314
19112
 
19315
19113
  if (sp) {
19316
- $$invalidate(21, backgroundClickFunctionSP = sp);
19114
+ $$invalidate(23, backgroundClickFunctionSP = sp);
19317
19115
  }
19318
19116
  }
19319
19117
  }
19320
19118
  }
19321
19119
 
19322
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 917504) {
19323
- $$invalidate(12, backgroundClick = () => {
19120
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 3670016) {
19121
+ $$invalidate(13, backgroundClick = () => {
19324
19122
  if (closeEventName) {
19325
19123
  send_event(closeEventName, closeEventValue);
19326
19124
  }
@@ -19329,8 +19127,8 @@ function instance$a($$self, $$props, $$invalidate) {
19329
19127
  });
19330
19128
  }
19331
19129
 
19332
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 1441792) {
19333
- $$invalidate(11, backgroundClickPC = () => {
19130
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 5767168) {
19131
+ $$invalidate(12, backgroundClickPC = () => {
19334
19132
  if (closeEventName) {
19335
19133
  send_event(closeEventName, closeEventValue);
19336
19134
  }
@@ -19339,8 +19137,8 @@ function instance$a($$self, $$props, $$invalidate) {
19339
19137
  });
19340
19138
  }
19341
19139
 
19342
- if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 2490368) {
19343
- $$invalidate(10, backgroundClickSP = () => {
19140
+ if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 9961472) {
19141
+ $$invalidate(11, backgroundClickSP = () => {
19344
19142
  if (closeEventName) {
19345
19143
  send_event(closeEventName, closeEventValue);
19346
19144
  }
@@ -19349,7 +19147,7 @@ function instance$a($$self, $$props, $$invalidate) {
19349
19147
  });
19350
19148
  }
19351
19149
 
19352
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 49161) {
19150
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint, transforms*/ 98313) {
19353
19151
  // 表示位置のスタイルとアニメーションの動きを設定
19354
19152
  {
19355
19153
  // 表示位置のスタイルの設定
@@ -19383,7 +19181,7 @@ function instance$a($$self, $$props, $$invalidate) {
19383
19181
  }
19384
19182
  }
19385
19183
 
19386
- if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 49153) {
19184
+ if ($$self.$$.dirty & /*placement, useBreakPoint, breakPoint*/ 98305) {
19387
19185
  // 表示位置の調整のスタイルを設定
19388
19186
  {
19389
19187
  let margin = DefaultModalPlacement.margin;
@@ -19407,7 +19205,7 @@ function instance$a($$self, $$props, $$invalidate) {
19407
19205
  }
19408
19206
  }
19409
19207
 
19410
- if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 98305) {
19208
+ if ($$self.$$.dirty & /*elasticity, useBreakPoint, breakPoint*/ 196609) {
19411
19209
  // 拡大方法のスタイルを設定
19412
19210
  {
19413
19211
  let elasticStyle = ElasticityStyle['none' ];
@@ -19429,8 +19227,20 @@ function instance$a($$self, $$props, $$invalidate) {
19429
19227
  }
19430
19228
  }
19431
19229
 
19432
- if ($$self.$$.dirty & /*close*/ 4194304) {
19433
- $$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
19230
+ if ($$self.$$.dirty & /*close*/ 16777216) {
19231
+ $$invalidate(10, handle_keydown = handleKeydown({ Escape: close }));
19232
+ }
19233
+
19234
+ if ($$self.$$.dirty & /*props*/ 262144) {
19235
+ $$invalidate(9, style = objToStyle({
19236
+ width: props.width,
19237
+ ...toCssOverflow(props),
19238
+ ...toCssShadow(props),
19239
+ ...toCssRadius(props),
19240
+ ...toCssBackgroundImage(props),
19241
+ ...toCssBackgroundColor(props),
19242
+ ...toCssBorder(props)
19243
+ }));
19434
19244
  }
19435
19245
  };
19436
19246
 
@@ -19449,6 +19259,7 @@ function instance$a($$self, $$props, $$invalidate) {
19449
19259
  backgroundOverlaySP,
19450
19260
  modal,
19451
19261
  visible,
19262
+ style,
19452
19263
  handle_keydown,
19453
19264
  backgroundClickSP,
19454
19265
  backgroundClickPC,
@@ -19457,6 +19268,7 @@ function instance$a($$self, $$props, $$invalidate) {
19457
19268
  placement,
19458
19269
  breakPoint,
19459
19270
  elasticity,
19271
+ props,
19460
19272
  closeEventName,
19461
19273
  closeEventValue,
19462
19274
  backgroundClickFunction,
@@ -19476,31 +19288,32 @@ class Modal extends SvelteComponent {
19476
19288
  init(
19477
19289
  this,
19478
19290
  options,
19479
- instance$a,
19480
- create_fragment$a,
19291
+ instance$d,
19292
+ create_fragment$d,
19481
19293
  safe_not_equal,
19482
19294
  {
19483
19295
  useBreakPoint: 0,
19484
- placement: 14,
19485
- breakPoint: 15,
19486
- elasticity: 16,
19296
+ placement: 15,
19297
+ breakPoint: 16,
19298
+ elasticity: 17,
19487
19299
  animation: 1,
19488
- closeEventName: 17,
19489
- closeEventValue: 18,
19300
+ props: 18,
19301
+ closeEventName: 19,
19302
+ closeEventValue: 20,
19490
19303
  layerId: 2
19491
19304
  },
19492
- add_css$8
19305
+ add_css$9
19493
19306
  );
19494
19307
  }
19495
19308
  }
19496
19309
 
19497
19310
  /* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
19498
19311
 
19499
- function add_css$7(target) {
19312
+ function add_css$8(target) {
19500
19313
  append_styles(target, "svelte-jviwnb", ".code.svelte-jviwnb{flex-grow:1;flex-shrink:0;align-self:stretch}");
19501
19314
  }
19502
19315
 
19503
- function create_fragment$9(ctx) {
19316
+ function create_fragment$c(ctx) {
19504
19317
  let div;
19505
19318
  let raw_value = /*props*/ ctx[0].rawHtml + "";
19506
19319
 
@@ -19542,7 +19355,7 @@ function unescapeBraces(str) {
19542
19355
  return str.replace(/\\([{}])/g, '$1');
19543
19356
  }
19544
19357
 
19545
- function instance$9($$self, $$props, $$invalidate) {
19358
+ function instance$c($$self, $$props, $$invalidate) {
19546
19359
  let { props = {} } = $$props;
19547
19360
  let { layerId = '' } = $$props;
19548
19361
 
@@ -19589,7 +19402,7 @@ function instance$9($$self, $$props, $$invalidate) {
19589
19402
  class Code extends SvelteComponent {
19590
19403
  constructor(options) {
19591
19404
  super();
19592
- init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
19405
+ init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
19593
19406
  }
19594
19407
  }
19595
19408
 
@@ -19597,15 +19410,15 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
19597
19410
 
19598
19411
  /* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
19599
19412
 
19600
- function add_css$6(target) {
19413
+ function add_css$7(target) {
19601
19414
  append_styles(target, "svelte-5g0mcl", ".list.svelte-5g0mcl{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
19415
  }
19603
19416
 
19604
- function create_fragment$8(ctx) {
19417
+ function create_fragment$b(ctx) {
19605
19418
  let ul;
19606
19419
  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);
19420
+ const default_slot_template = /*#slots*/ ctx[6].default;
19421
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
19609
19422
 
19610
19423
  return {
19611
19424
  c() {
@@ -19641,15 +19454,15 @@ function create_fragment$8(ctx) {
19641
19454
  },
19642
19455
  p(ctx, [dirty]) {
19643
19456
  if (default_slot) {
19644
- if (default_slot.p && (!current || dirty & /*$$scope*/ 16)) {
19457
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
19645
19458
  update_slot_base(
19646
19459
  default_slot,
19647
19460
  default_slot_template,
19648
19461
  ctx,
19649
- /*$$scope*/ ctx[4],
19462
+ /*$$scope*/ ctx[5],
19650
19463
  !current
19651
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[4])
19652
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[4], dirty, null),
19464
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
19465
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
19653
19466
  null
19654
19467
  );
19655
19468
  }
@@ -19679,13 +19492,18 @@ function create_fragment$8(ctx) {
19679
19492
  };
19680
19493
  }
19681
19494
 
19682
- function instance$8($$self, $$props, $$invalidate) {
19495
+ function instance$b($$self, $$props, $$invalidate) {
19683
19496
  let variables;
19497
+ let actionTableData;
19684
19498
  let style;
19685
19499
  let { $$slots: slots = {}, $$scope } = $$props;
19686
19500
  let { layerId } = $$props;
19687
19501
  let { props } = $$props;
19688
19502
  useInjectCustomizeCss(props);
19503
+ const vars = getVariables();
19504
+ console.log(vars);
19505
+ console.log(props.actionTableKey);
19506
+ console.log(vars[props.actionTableKey]);
19689
19507
 
19690
19508
  setContext(LIST_ITEM_CONTEXT_KEY, {
19691
19509
  paddingTop: props.itemPaddingTop,
@@ -19702,7 +19520,7 @@ function instance$8($$self, $$props, $$invalidate) {
19702
19520
  $$self.$$set = $$props => {
19703
19521
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
19704
19522
  if ('props' in $$props) $$invalidate(2, props = $$props.props);
19705
- if ('$$scope' in $$props) $$invalidate(4, $$scope = $$props.$$scope);
19523
+ if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
19706
19524
  };
19707
19525
 
19708
19526
  $$self.$$.update = () => {
@@ -19718,6 +19536,12 @@ function instance$8($$self, $$props, $$invalidate) {
19718
19536
  });
19719
19537
  }
19720
19538
 
19539
+ if ($$self.$$.dirty & /*props*/ 4) {
19540
+ $$invalidate(4, actionTableData = vars[props.actionTableKey]);
19541
+ }
19542
+
19543
+ if ($$self.$$.dirty & /*actionTableData*/ 16) ;
19544
+
19721
19545
  if ($$self.$$.dirty & /*props, variables*/ 12) {
19722
19546
  $$invalidate(1, style = objToStyle({
19723
19547
  width: props.width ?? '100%',
@@ -19726,30 +19550,30 @@ function instance$8($$self, $$props, $$invalidate) {
19726
19550
  }
19727
19551
  };
19728
19552
 
19729
- return [layerId, style, props, variables, $$scope, slots];
19553
+ return [layerId, style, props, variables, actionTableData, $$scope, slots];
19730
19554
  }
19731
19555
 
19732
19556
  class List extends SvelteComponent {
19733
19557
  constructor(options) {
19734
19558
  super();
19735
- init(this, options, instance$8, create_fragment$8, safe_not_equal, { layerId: 0, props: 2 }, add_css$6);
19559
+ init(this, options, instance$b, create_fragment$b, safe_not_equal, { layerId: 0, props: 2 }, add_css$7);
19736
19560
  }
19737
19561
  }
19738
19562
 
19739
19563
  /* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
19740
19564
 
19741
- function add_css$5(target) {
19565
+ function add_css$6(target) {
19742
19566
  append_styles(target, "svelte-1e6dn58", ".list-item.svelte-1e6dn58{margin:0;padding:0}.list-item-inner.svelte-1e6dn58{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1e6dn58:hover{opacity:0.8}.list-item.svelte-1e6dn58: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
19567
  }
19744
19568
 
19745
- // (29:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
19569
+ // (30:2) <svelte:element {...attributes} this={element} class="list-item-inner" style={innerStyle} on:click={handleClick} >
19746
19570
  function create_dynamic_element$1(ctx) {
19747
19571
  let svelte_element;
19748
19572
  let current;
19749
19573
  let mounted;
19750
19574
  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);
19575
+ const default_slot_template = /*#slots*/ ctx[10].default;
19576
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
19753
19577
 
19754
19578
  let svelte_element_levels = [
19755
19579
  /*attributes*/ ctx[3],
@@ -19801,15 +19625,15 @@ function create_dynamic_element$1(ctx) {
19801
19625
  },
19802
19626
  p(ctx, dirty) {
19803
19627
  if (default_slot) {
19804
- if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
19628
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
19805
19629
  update_slot_base(
19806
19630
  default_slot,
19807
19631
  default_slot_template,
19808
19632
  ctx,
19809
- /*$$scope*/ ctx[8],
19633
+ /*$$scope*/ ctx[9],
19810
19634
  !current
19811
- ? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
19812
- : get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
19635
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
19636
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
19813
19637
  null
19814
19638
  );
19815
19639
  }
@@ -19847,7 +19671,7 @@ function create_dynamic_element$1(ctx) {
19847
19671
  };
19848
19672
  }
19849
19673
 
19850
- function create_fragment$7(ctx) {
19674
+ function create_fragment$a(ctx) {
19851
19675
  let li;
19852
19676
  let previous_tag = /*element*/ ctx[4];
19853
19677
  let current;
@@ -19926,13 +19750,14 @@ function create_fragment$7(ctx) {
19926
19750
  };
19927
19751
  }
19928
19752
 
19929
- function instance$7($$self, $$props, $$invalidate) {
19753
+ function instance$a($$self, $$props, $$invalidate) {
19930
19754
  let variables;
19931
19755
  let style;
19932
19756
  let innerStyle;
19933
19757
  let { $$slots: slots = {}, $$scope } = $$props;
19934
19758
  let { layerId } = $$props;
19935
19759
  let { props } = $$props;
19760
+ let { item } = $$props;
19936
19761
  useInjectCustomizeCss(props);
19937
19762
  const { attributes, element, handleClick } = useClickable(props);
19938
19763
  const context = getContext(LIST_ITEM_CONTEXT_KEY) || {};
@@ -19940,16 +19765,17 @@ function instance$7($$self, $$props, $$invalidate) {
19940
19765
  $$self.$$set = $$props => {
19941
19766
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
19942
19767
  if ('props' in $$props) $$invalidate(6, props = $$props.props);
19943
- if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
19768
+ if ('item' in $$props) $$invalidate(7, item = $$props.item);
19769
+ if ('$$scope' in $$props) $$invalidate(9, $$scope = $$props.$$scope);
19944
19770
  };
19945
19771
 
19946
19772
  $$self.$$.update = () => {
19947
- if ($$self.$$.dirty & /*variables*/ 128) {
19773
+ if ($$self.$$.dirty & /*variables*/ 256) {
19948
19774
  $$invalidate(2, style = objToStyle(variables));
19949
19775
  }
19950
19776
  };
19951
19777
 
19952
- $$invalidate(7, variables = {
19778
+ $$invalidate(8, variables = {
19953
19779
  ...context.borderTopWidth
19954
19780
  ? {
19955
19781
  '--list-item-border-width': context.borderTopWidth ?? '0',
@@ -19975,6 +19801,7 @@ function instance$7($$self, $$props, $$invalidate) {
19975
19801
  element,
19976
19802
  handleClick,
19977
19803
  props,
19804
+ item,
19978
19805
  variables,
19979
19806
  $$scope,
19980
19807
  slots
@@ -19984,7 +19811,7 @@ function instance$7($$self, $$props, $$invalidate) {
19984
19811
  class ListItem extends SvelteComponent {
19985
19812
  constructor(options) {
19986
19813
  super();
19987
- init(this, options, instance$7, create_fragment$7, safe_not_equal, { layerId: 0, props: 6 }, add_css$5);
19814
+ init(this, options, instance$a, create_fragment$a, safe_not_equal, { layerId: 0, props: 6, item: 7 }, add_css$6);
19988
19815
  }
19989
19816
  }
19990
19817
 
@@ -20014,11 +19841,11 @@ function splitNumberAndUnit(value) {
20014
19841
 
20015
19842
  /* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
20016
19843
 
20017
- function add_css$4(target) {
19844
+ function add_css$5(target) {
20018
19845
  append_styles(target, "svelte-1csavnh", ".list.svelte-1csavnh{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
20019
19846
  }
20020
19847
 
20021
- function create_fragment$6(ctx) {
19848
+ function create_fragment$9(ctx) {
20022
19849
  let ul;
20023
19850
  let current;
20024
19851
  const default_slot_template = /*#slots*/ ctx[4].default;
@@ -20096,7 +19923,7 @@ function create_fragment$6(ctx) {
20096
19923
  };
20097
19924
  }
20098
19925
 
20099
- function instance$6($$self, $$props, $$invalidate) {
19926
+ function instance$9($$self, $$props, $$invalidate) {
20100
19927
  let style;
20101
19928
  let { $$slots: slots = {}, $$scope } = $$props;
20102
19929
  let { layerId } = $$props;
@@ -20149,17 +19976,17 @@ function instance$6($$self, $$props, $$invalidate) {
20149
19976
  class MultiColumn extends SvelteComponent {
20150
19977
  constructor(options) {
20151
19978
  super();
20152
- init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 2 }, add_css$4);
19979
+ init(this, options, instance$9, create_fragment$9, safe_not_equal, { layerId: 0, props: 2 }, add_css$5);
20153
19980
  }
20154
19981
  }
20155
19982
 
20156
19983
  /* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
20157
19984
 
20158
- function add_css$3(target) {
19985
+ function add_css$4(target) {
20159
19986
  append_styles(target, "svelte-1mk0qj6", ".multi-column-item.svelte-1mk0qj6{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-1mk0qj6{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-1mk0qj6:hover{opacity:0.8}.multi-column-item.svelte-1mk0qj6: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
19987
  }
20161
19988
 
20162
- // (29:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
19989
+ // (28:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
20163
19990
  function create_dynamic_element(ctx) {
20164
19991
  let svelte_element;
20165
19992
  let current;
@@ -20254,7 +20081,7 @@ function create_dynamic_element(ctx) {
20254
20081
  };
20255
20082
  }
20256
20083
 
20257
- function create_fragment$5(ctx) {
20084
+ function create_fragment$8(ctx) {
20258
20085
  let li;
20259
20086
  let previous_tag = /*element*/ ctx[3];
20260
20087
  let current;
@@ -20333,7 +20160,7 @@ function create_fragment$5(ctx) {
20333
20160
  };
20334
20161
  }
20335
20162
 
20336
- function instance$5($$self, $$props, $$invalidate) {
20163
+ function instance$8($$self, $$props, $$invalidate) {
20337
20164
  let variables;
20338
20165
  let style;
20339
20166
  let { $$slots: slots = {}, $$scope } = $$props;
@@ -20342,7 +20169,6 @@ function instance$5($$self, $$props, $$invalidate) {
20342
20169
  useInjectCustomizeCss(props);
20343
20170
  const { attributes, element, handleClick } = useClickable(props);
20344
20171
  const context = getContext(MULTI_COLUMN_ITEM_CONTEXT_KEY) || {};
20345
- console.log(context);
20346
20172
 
20347
20173
  $$self.$$set = $$props => {
20348
20174
  if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
@@ -20388,17 +20214,17 @@ function instance$5($$self, $$props, $$invalidate) {
20388
20214
  class MultiColumnItem extends SvelteComponent {
20389
20215
  constructor(options) {
20390
20216
  super();
20391
- init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 5 }, add_css$3);
20217
+ init(this, options, instance$8, create_fragment$8, safe_not_equal, { layerId: 0, props: 5 }, add_css$4);
20392
20218
  }
20393
20219
  }
20394
20220
 
20395
20221
  /* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
20396
20222
 
20397
- function add_css$2(target) {
20223
+ function add_css$3(target) {
20398
20224
  append_styles(target, "svelte-1bgnrue", ".youtube.svelte-1bgnrue{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-1bgnrue iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
20399
20225
  }
20400
20226
 
20401
- function create_fragment$4(ctx) {
20227
+ function create_fragment$7(ctx) {
20402
20228
  let div1;
20403
20229
  let div0;
20404
20230
 
@@ -20458,7 +20284,7 @@ function onPlayerStateChange(event) {
20458
20284
  }
20459
20285
  }
20460
20286
 
20461
- function instance$4($$self, $$props, $$invalidate) {
20287
+ function instance$7($$self, $$props, $$invalidate) {
20462
20288
  let style;
20463
20289
  let { props = {} } = $$props;
20464
20290
  let { layerId = '' } = $$props;
@@ -20563,13 +20389,13 @@ function instance$4($$self, $$props, $$invalidate) {
20563
20389
  class Youtube extends SvelteComponent {
20564
20390
  constructor(options) {
20565
20391
  super();
20566
- init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
20392
+ init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 3, layerId: 0 }, add_css$3);
20567
20393
  }
20568
20394
  }
20569
20395
 
20570
20396
  /* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
20571
20397
 
20572
- function add_css$1(target) {
20398
+ function add_css$2(target) {
20573
20399
  append_styles(target, "svelte-1eft5i1", ".countdown.svelte-1eft5i1{display:flex;align-items:center;gap:4px}");
20574
20400
  }
20575
20401
 
@@ -20587,7 +20413,7 @@ const get_default_slot_context = ctx => ({
20587
20413
  sec: /*sec*/ ctx[1]
20588
20414
  });
20589
20415
 
20590
- function create_fragment$3(ctx) {
20416
+ function create_fragment$6(ctx) {
20591
20417
  let div;
20592
20418
  let current;
20593
20419
  const default_slot_template = /*#slots*/ ctx[8].default;
@@ -20673,7 +20499,7 @@ function formatTimeDiff(ms) {
20673
20499
  };
20674
20500
  }
20675
20501
 
20676
- function instance$3($$self, $$props, $$invalidate) {
20502
+ function instance$6($$self, $$props, $$invalidate) {
20677
20503
  let day;
20678
20504
  let hour;
20679
20505
  let min;
@@ -20686,12 +20512,6 @@ function instance$3($$self, $$props, $$invalidate) {
20686
20512
  let timeLimit = props.timeLimit ? new Date(props.timeLimit) : new Date();
20687
20513
 
20688
20514
  function onEachSecond() {
20689
- console.log({
20690
- timeLimit: timeLimit.getTime(),
20691
- now: new Date().getTime(),
20692
- calced: calcRemainingTime(timeLimit.getTime())
20693
- });
20694
-
20695
20515
  const _remainingTime = calcRemainingTime(timeLimit.getTime());
20696
20516
 
20697
20517
  if (_remainingTime > 0) {
@@ -20703,8 +20523,6 @@ function instance$3($$self, $$props, $$invalidate) {
20703
20523
  execOnClickOperation(props.onEnd);
20704
20524
  }
20705
20525
  }
20706
-
20707
- console.log(remainingTime);
20708
20526
  }
20709
20527
 
20710
20528
  onMount$1(() => {
@@ -20752,7 +20570,7 @@ function instance$3($$self, $$props, $$invalidate) {
20752
20570
  class CountDown extends SvelteComponent {
20753
20571
  constructor(options) {
20754
20572
  super();
20755
- init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 5, layerId: 0 }, add_css$1);
20573
+ init(this, options, instance$6, create_fragment$6, safe_not_equal, { props: 5, layerId: 0 }, add_css$2);
20756
20574
  }
20757
20575
  }
20758
20576
 
@@ -20831,7 +20649,7 @@ const useText = (props) => {
20831
20649
 
20832
20650
  /* src/components-flex/count-down/CountDownValue.svelte generated by Svelte v3.53.1 */
20833
20651
 
20834
- function create_fragment$2(ctx) {
20652
+ function create_fragment$5(ctx) {
20835
20653
  let span;
20836
20654
  let t;
20837
20655
 
@@ -20877,16 +20695,14 @@ function create_fragment$2(ctx) {
20877
20695
  };
20878
20696
  }
20879
20697
 
20880
- function instance$2($$self, $$props, $$invalidate) {
20698
+ function instance$5($$self, $$props, $$invalidate) {
20881
20699
  let value;
20882
20700
  let $countdownStore;
20883
20701
  let { props = {} } = $$props;
20884
20702
  let { layerId = '' } = $$props;
20885
20703
  let countdownStore = getContext('countdownStore');
20886
20704
  component_subscribe($$self, countdownStore, value => $$invalidate(5, $countdownStore = value));
20887
- console.log(countdownStore);
20888
20705
  let { style } = useText(props);
20889
- console.log(value);
20890
20706
 
20891
20707
  $$self.$$set = $$props => {
20892
20708
  if ('props' in $$props) $$invalidate(4, props = $$props.props);
@@ -20920,17 +20736,17 @@ function instance$2($$self, $$props, $$invalidate) {
20920
20736
  class CountDownValue extends SvelteComponent {
20921
20737
  constructor(options) {
20922
20738
  super();
20923
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 4, layerId: 0 });
20739
+ init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 4, layerId: 0 });
20924
20740
  }
20925
20741
  }
20926
20742
 
20927
20743
  /* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
20928
20744
 
20929
- function add_css(target) {
20745
+ function add_css$1(target) {
20930
20746
  append_styles(target, "svelte-1z01gne", ".clipboard.svelte-1z01gne{position:relative;display:inline-flex}.clipboard-button.svelte-1z01gne{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-1z01gne:hover{opacity:0.8}.clipboard-button.svelte-1z01gne:active{opacity:0.6}.clipboard-tooltip.svelte-1z01gne{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-1z01gne: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-1z01gne{opacity:0;transform:translate(-50%, -80%)}");
20931
20747
  }
20932
20748
 
20933
- function create_fragment$1(ctx) {
20749
+ function create_fragment$4(ctx) {
20934
20750
  let div;
20935
20751
  let button;
20936
20752
  let t0;
@@ -21037,7 +20853,7 @@ function create_fragment$1(ctx) {
21037
20853
  };
21038
20854
  }
21039
20855
 
21040
- function instance$1($$self, $$props, $$invalidate) {
20856
+ function instance$4($$self, $$props, $$invalidate) {
21041
20857
  let { $$slots: slots = {}, $$scope } = $$props;
21042
20858
  let { props = {} } = $$props;
21043
20859
  let { layerId = '' } = $$props;
@@ -21048,7 +20864,6 @@ function instance$1($$self, $$props, $$invalidate) {
21048
20864
  const handleClick = e => {
21049
20865
  e.preventDefault();
21050
20866
  const targetText = props.content ?? buttonElement?.innerText ?? '';
21051
- console.log(targetText);
21052
20867
  navigator.clipboard.writeText(targetText);
21053
20868
  send_event('_click_copy', { text: targetText });
21054
20869
 
@@ -21094,33 +20909,643 @@ function instance$1($$self, $$props, $$invalidate) {
21094
20909
  class ClipCopy extends SvelteComponent {
21095
20910
  constructor(options) {
21096
20911
  super();
21097
- init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 4, layerId: 0 }, add_css);
20912
+ init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 4, layerId: 0 }, add_css$1);
21098
20913
  }
21099
20914
  }
21100
20915
 
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
- }
20916
+ /* src/components-flex/state/Header.svelte generated by Svelte v3.53.1 */
21108
20917
 
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];
20918
+ function create_if_block$2(ctx) {
20919
+ let link;
21115
20920
 
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 }
20921
+ return {
20922
+ c() {
20923
+ link = element("link");
20924
+ this.h();
20925
+ },
20926
+ l(nodes) {
20927
+ link = claim_element(nodes, "LINK", { href: true, type: true, rel: true });
20928
+ this.h();
20929
+ },
20930
+ h() {
20931
+ attr(link, "href", /*googleFontUrl*/ ctx[0]);
20932
+ attr(link, "type", "text/css");
20933
+ attr(link, "rel", "stylesheet");
20934
+ },
20935
+ m(target, anchor) {
20936
+ insert_hydration(target, link, anchor);
20937
+ },
20938
+ p(ctx, dirty) {
20939
+ if (dirty & /*googleFontUrl*/ 1) {
20940
+ attr(link, "href", /*googleFontUrl*/ ctx[0]);
20941
+ }
20942
+ },
20943
+ d(detaching) {
20944
+ if (detaching) detach(link);
20945
+ }
20946
+ };
20947
+ }
20948
+
20949
+ function create_fragment$3(ctx) {
20950
+ let if_block_anchor;
20951
+ let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$2(ctx);
20952
+
20953
+ return {
20954
+ c() {
20955
+ if (if_block) if_block.c();
20956
+ if_block_anchor = empty();
20957
+ },
20958
+ l(nodes) {
20959
+ const head_nodes = head_selector('svelte-16cot5i', document.head);
20960
+ if (if_block) if_block.l(head_nodes);
20961
+ if_block_anchor = empty();
20962
+ head_nodes.forEach(detach);
20963
+ },
20964
+ m(target, anchor) {
20965
+ if (if_block) if_block.m(document.head, null);
20966
+ append_hydration(document.head, if_block_anchor);
20967
+ },
20968
+ p(ctx, [dirty]) {
20969
+ if (/*googleFontUrl*/ ctx[0]) {
20970
+ if (if_block) {
20971
+ if_block.p(ctx, dirty);
20972
+ } else {
20973
+ if_block = create_if_block$2(ctx);
20974
+ if_block.c();
20975
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
20976
+ }
20977
+ } else if (if_block) {
20978
+ if_block.d(1);
20979
+ if_block = null;
20980
+ }
20981
+ },
20982
+ i: noop,
20983
+ o: noop,
20984
+ d(detaching) {
20985
+ if (if_block) if_block.d(detaching);
20986
+ detach(if_block_anchor);
20987
+ }
20988
+ };
20989
+ }
20990
+
20991
+ function instance$3($$self, $$props, $$invalidate) {
20992
+ let $fonts;
20993
+ component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
20994
+ let googleFontUrl = '';
20995
+
20996
+ $$self.$$.update = () => {
20997
+ if ($$self.$$.dirty & /*$fonts*/ 2) {
20998
+ {
20999
+ {
21000
+ // フォントのロードが遅れてエディタのプレビューがガタつく対策
21001
+ $$invalidate(0, googleFontUrl = makeGoogleFontUrl(Fonts.filter(font => font !== SYSTEM_FONT)));
21002
+ }
21003
+ }
21004
+ }
21005
+
21006
+ if ($$self.$$.dirty & /*googleFontUrl*/ 1) {
21007
+ {
21008
+ if (googleFontUrl) {
21009
+ loadGlobalStyle(googleFontUrl);
21010
+ }
21011
+ }
21012
+ }
21013
+ };
21014
+
21015
+ return [googleFontUrl, $fonts];
21016
+ }
21017
+
21018
+ class Header extends SvelteComponent {
21019
+ constructor(options) {
21020
+ super();
21021
+ init(this, options, instance$3, create_fragment$3, safe_not_equal, {});
21022
+ }
21023
+ }
21024
+
21025
+ /* src/components-flex/state/State.svelte generated by Svelte v3.53.1 */
21026
+
21027
+ function create_fragment$2(ctx) {
21028
+ let header;
21029
+ let t;
21030
+ let current;
21031
+ header = new Header({});
21032
+ const default_slot_template = /*#slots*/ ctx[2].default;
21033
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
21034
+
21035
+ return {
21036
+ c() {
21037
+ create_component(header.$$.fragment);
21038
+ t = space();
21039
+ if (default_slot) default_slot.c();
21040
+ },
21041
+ l(nodes) {
21042
+ claim_component(header.$$.fragment, nodes);
21043
+ t = claim_space(nodes);
21044
+ if (default_slot) default_slot.l(nodes);
21045
+ },
21046
+ m(target, anchor) {
21047
+ mount_component(header, target, anchor);
21048
+ insert_hydration(target, t, anchor);
21049
+
21050
+ if (default_slot) {
21051
+ default_slot.m(target, anchor);
21052
+ }
21053
+
21054
+ current = true;
21055
+ },
21056
+ p(ctx, [dirty]) {
21057
+ if (default_slot) {
21058
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
21059
+ update_slot_base(
21060
+ default_slot,
21061
+ default_slot_template,
21062
+ ctx,
21063
+ /*$$scope*/ ctx[1],
21064
+ !current
21065
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
21066
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
21067
+ null
21068
+ );
21069
+ }
21070
+ }
21071
+ },
21072
+ i(local) {
21073
+ if (current) return;
21074
+ transition_in(header.$$.fragment, local);
21075
+ transition_in(default_slot, local);
21076
+ current = true;
21077
+ },
21078
+ o(local) {
21079
+ transition_out(header.$$.fragment, local);
21080
+ transition_out(default_slot, local);
21081
+ current = false;
21082
+ },
21083
+ d(detaching) {
21084
+ destroy_component(header, detaching);
21085
+ if (detaching) detach(t);
21086
+ if (default_slot) default_slot.d(detaching);
21087
+ }
21088
+ };
21089
+ }
21090
+
21091
+ function instance$2($$self, $$props, $$invalidate) {
21092
+ let { $$slots: slots = {}, $$scope } = $$props;
21093
+ let { customBrandKit = undefined } = $$props;
21094
+ setContext('brandKit', getBrandKit(customBrandKit));
21095
+
21096
+ $$self.$$set = $$props => {
21097
+ if ('customBrandKit' in $$props) $$invalidate(0, customBrandKit = $$props.customBrandKit);
21098
+ if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
21099
+ };
21100
+
21101
+ return [customBrandKit, $$scope, slots];
21102
+ }
21103
+
21104
+ class State extends SvelteComponent {
21105
+ constructor(options) {
21106
+ super();
21107
+ init(this, options, instance$2, create_fragment$2, safe_not_equal, { customBrandKit: 0 });
21108
+ }
21109
+ }
21110
+
21111
+ /* src/components-flex/state/StateItem.svelte generated by Svelte v3.53.1 */
21112
+
21113
+ function add_css(target) {
21114
+ append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
21115
+ }
21116
+
21117
+ // (22:0) {#if $state === path}
21118
+ function create_if_block$1(ctx) {
21119
+ let div;
21120
+ let t;
21121
+ let current;
21122
+ const default_slot_template = /*#slots*/ ctx[3].default;
21123
+ const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[2], null);
21124
+
21125
+ return {
21126
+ c() {
21127
+ div = element("div");
21128
+ t = space();
21129
+ if (default_slot) default_slot.c();
21130
+ this.h();
21131
+ },
21132
+ l(nodes) {
21133
+ div = claim_element(nodes, "DIV", { "data-state-path": true, class: true });
21134
+ children(div).forEach(detach);
21135
+ t = claim_space(nodes);
21136
+ if (default_slot) default_slot.l(nodes);
21137
+ this.h();
21138
+ },
21139
+ h() {
21140
+ attr(div, "data-state-path", /*path*/ ctx[0]);
21141
+ attr(div, "class", "state-item svelte-1amihue");
21142
+ },
21143
+ m(target, anchor) {
21144
+ insert_hydration(target, div, anchor);
21145
+ insert_hydration(target, t, anchor);
21146
+
21147
+ if (default_slot) {
21148
+ default_slot.m(target, anchor);
21149
+ }
21150
+
21151
+ current = true;
21152
+ },
21153
+ p(ctx, dirty) {
21154
+ if (!current || dirty & /*path*/ 1) {
21155
+ attr(div, "data-state-path", /*path*/ ctx[0]);
21156
+ }
21157
+
21158
+ if (default_slot) {
21159
+ if (default_slot.p && (!current || dirty & /*$$scope*/ 4)) {
21160
+ update_slot_base(
21161
+ default_slot,
21162
+ default_slot_template,
21163
+ ctx,
21164
+ /*$$scope*/ ctx[2],
21165
+ !current
21166
+ ? get_all_dirty_from_scope(/*$$scope*/ ctx[2])
21167
+ : get_slot_changes(default_slot_template, /*$$scope*/ ctx[2], dirty, null),
21168
+ null
21169
+ );
21170
+ }
21171
+ }
21172
+ },
21173
+ i(local) {
21174
+ if (current) return;
21175
+ transition_in(default_slot, local);
21176
+ current = true;
21177
+ },
21178
+ o(local) {
21179
+ transition_out(default_slot, local);
21180
+ current = false;
21181
+ },
21182
+ d(detaching) {
21183
+ if (detaching) detach(div);
21184
+ if (detaching) detach(t);
21185
+ if (default_slot) default_slot.d(detaching);
21186
+ }
21187
+ };
21188
+ }
21189
+
21190
+ function create_fragment$1(ctx) {
21191
+ let if_block_anchor;
21192
+ let current;
21193
+ let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$1(ctx);
21194
+
21195
+ return {
21196
+ c() {
21197
+ if (if_block) if_block.c();
21198
+ if_block_anchor = empty();
21199
+ },
21200
+ l(nodes) {
21201
+ if (if_block) if_block.l(nodes);
21202
+ if_block_anchor = empty();
21203
+ },
21204
+ m(target, anchor) {
21205
+ if (if_block) if_block.m(target, anchor);
21206
+ insert_hydration(target, if_block_anchor, anchor);
21207
+ current = true;
21208
+ },
21209
+ p(ctx, [dirty]) {
21210
+ if (/*$state*/ ctx[1] === /*path*/ ctx[0]) {
21211
+ if (if_block) {
21212
+ if_block.p(ctx, dirty);
21213
+
21214
+ if (dirty & /*$state, path*/ 3) {
21215
+ transition_in(if_block, 1);
21216
+ }
21217
+ } else {
21218
+ if_block = create_if_block$1(ctx);
21219
+ if_block.c();
21220
+ transition_in(if_block, 1);
21221
+ if_block.m(if_block_anchor.parentNode, if_block_anchor);
21222
+ }
21223
+ } else if (if_block) {
21224
+ group_outros();
21225
+
21226
+ transition_out(if_block, 1, 1, () => {
21227
+ if_block = null;
21228
+ });
21229
+
21230
+ check_outros();
21231
+ }
21232
+ },
21233
+ i(local) {
21234
+ if (current) return;
21235
+ transition_in(if_block);
21236
+ current = true;
21237
+ },
21238
+ o(local) {
21239
+ transition_out(if_block);
21240
+ current = false;
21241
+ },
21242
+ d(detaching) {
21243
+ if (if_block) if_block.d(detaching);
21244
+ if (detaching) detach(if_block_anchor);
21245
+ }
21246
+ };
21247
+ }
21248
+
21249
+ const STATE_ITEM_CONTEXT_KEY = Symbol();
21250
+
21251
+ function instance$1($$self, $$props, $$invalidate) {
21252
+ let $state;
21253
+ component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
21254
+ let { $$slots: slots = {}, $$scope } = $$props;
21255
+ let { path } = $$props;
21256
+ setContext(STATE_ITEM_CONTEXT_KEY, { path });
21257
+
21258
+ $$self.$$set = $$props => {
21259
+ if ('path' in $$props) $$invalidate(0, path = $$props.path);
21260
+ if ('$$scope' in $$props) $$invalidate(2, $$scope = $$props.$$scope);
21261
+ };
21262
+
21263
+ $$self.$$.update = () => {
21264
+ if ($$self.$$.dirty & /*path*/ 1) {
21265
+ {
21266
+ addState(path);
21267
+ }
21268
+ }
21269
+ };
21270
+
21271
+ return [path, $state, $$scope, slots];
21272
+ }
21273
+
21274
+ class StateItem extends SvelteComponent {
21275
+ constructor(options) {
21276
+ super();
21277
+ init(this, options, instance$1, create_fragment$1, safe_not_equal, { path: 0 }, add_css);
21278
+ }
21279
+ }
21280
+
21281
+ const ROUND_STYLES = {
21282
+ extra_small: {
21283
+ borderTopLeftRadius: '2px',
21284
+ borderTopRightRadius: '2px',
21285
+ borderBottomLeftRadius: '2px',
21286
+ borderBottomRightRadius: '2px',
21287
+ },
21288
+ small: {
21289
+ borderTopLeftRadius: '4px',
21290
+ borderTopRightRadius: '4px',
21291
+ borderBottomLeftRadius: '4px',
21292
+ borderBottomRightRadius: '4px',
21293
+ },
21294
+ medium: {
21295
+ borderTopLeftRadius: '8px',
21296
+ borderTopRightRadius: '8px',
21297
+ borderBottomLeftRadius: '8px',
21298
+ borderBottomRightRadius: '8px',
21299
+ },
21300
+ large: {
21301
+ borderTopLeftRadius: '16px',
21302
+ borderTopRightRadius: '16px',
21303
+ borderBottomLeftRadius: '16px',
21304
+ borderBottomRightRadius: '16px',
21305
+ },
21306
+ extra_large: {
21307
+ borderTopLeftRadius: '24px',
21308
+ borderTopRightRadius: '24px',
21309
+ borderBottomLeftRadius: '24px',
21310
+ borderBottomRightRadius: '24px',
21311
+ },
21312
+ fulled: {
21313
+ borderTopLeftRadius: '100%',
21314
+ borderTopRightRadius: '100%',
21315
+ borderBottomLeftRadius: '100%',
21316
+ borderBottomRightRadius: '100%',
21317
+ },
21318
+ };
21319
+
21320
+ var sdk = /*#__PURE__*/Object.freeze({
21321
+ __proto__: null,
21322
+ ACTION_HOOK_LABEL: ACTION_HOOK_LABEL,
21323
+ ASPECT_VARIANT: ASPECT_VARIANT,
21324
+ ASPECT_VARIANTS: ASPECT_VARIANTS,
21325
+ AVATAR_SHAPE: AVATAR_SHAPE,
21326
+ AVATAR_SIZE: AVATAR_SIZE,
21327
+ AVATAR_SIZE_STYLES: AVATAR_SIZE_STYLES,
21328
+ Alignments: Alignments,
21329
+ AnimationStyles: AnimationStyles,
21330
+ BUTTON_ICON_ANGLE: BUTTON_ICON_ANGLE,
21331
+ BUTTON_LINK_TARGET: BUTTON_LINK_TARGET,
21332
+ BUTTON_OUTLINED_ROUND_STYLES: BUTTON_OUTLINED_ROUND_STYLES,
21333
+ BUTTON_OUTLINED_SIZE_STYLES: BUTTON_OUTLINED_SIZE_STYLES,
21334
+ BUTTON_OUTLINED_WRAP_STYLES: BUTTON_OUTLINED_WRAP_STYLES,
21335
+ BUTTON_ROUND: BUTTON_ROUND,
21336
+ BUTTON_ROUND_STYLES: BUTTON_ROUND_STYLES,
21337
+ BUTTON_SIZE: BUTTON_SIZE,
21338
+ BUTTON_SIZE_STYLES: BUTTON_SIZE_STYLES,
21339
+ BUTTON_TEXT_SIZE: BUTTON_TEXT_SIZE,
21340
+ BUTTON_TEXT_SIZE_STYLES: BUTTON_TEXT_SIZE_STYLES,
21341
+ BUTTON_TEXT_THEME: BUTTON_TEXT_THEME,
21342
+ BUTTON_THEME: BUTTON_THEME,
21343
+ BUTTON_VARIANT: BUTTON_VARIANT,
21344
+ BUTTON_WRAP_STYLES: BUTTON_WRAP_STYLES,
21345
+ BackgroundSizes: BackgroundSizes,
21346
+ CLOSE_BUTTON_LABEL_PLACEMENT: CLOSE_BUTTON_LABEL_PLACEMENT,
21347
+ CLOSE_BUTTON_PLACEMENT: CLOSE_BUTTON_PLACEMENT,
21348
+ CLOSE_BUTTON_ROUND: CLOSE_BUTTON_ROUND,
21349
+ ClipPaths: ClipPaths,
21350
+ Cursors: Cursors,
21351
+ DefaultEdgePosition: DefaultEdgePosition,
21352
+ DefaultElasticity: DefaultElasticity,
21353
+ DefaultFormButtonColor: DefaultFormButtonColor,
21354
+ DefaultFormIdentifyBooleanField: DefaultFormIdentifyBooleanField,
21355
+ DefaultFormIdentifyTextField: DefaultFormIdentifyTextField,
21356
+ DefaultListBackground: DefaultListBackground,
21357
+ DefaultListBackgroundNone: DefaultListBackgroundNone,
21358
+ DefaultListBackgroundStripe: DefaultListBackgroundStripe,
21359
+ DefaultListSeparator: DefaultListSeparator,
21360
+ DefaultListSeparatorBorder: DefaultListSeparatorBorder,
21361
+ DefaultListSeparatorGap: DefaultListSeparatorGap,
21362
+ DefaultListSeparatorNone: DefaultListSeparatorNone,
21363
+ DefaultModalBreakPoint: DefaultModalBreakPoint,
21364
+ DefaultModalPlacement: DefaultModalPlacement,
21365
+ DefaultSlideButton: DefaultSlideButton,
21366
+ DefaultSlideNavigationButton: DefaultSlideNavigationButton,
21367
+ Directions: Directions,
21368
+ Elasticities: Elasticities,
21369
+ ElasticityStyle: ElasticityStyle,
21370
+ FONT_FAMILY_VARIANT: FONT_FAMILY_VARIANT,
21371
+ FONT_FAMILY_VARIANTS: FONT_FAMILY_VARIANTS,
21372
+ FONT_FAMILY_VARIANT_GROUPS: FONT_FAMILY_VARIANT_GROUPS,
21373
+ FlexAvatar: Avatar,
21374
+ FlexButton: Button,
21375
+ FlexButtonOutlined: ButtonOutlined,
21376
+ FlexButtonText: ButtonText,
21377
+ FlexClipCopy: ClipCopy,
21378
+ FlexCloseButton: CloseButton,
21379
+ FlexCode: Code,
21380
+ FlexCountDown: CountDown,
21381
+ FlexCountDownValue: CountDownValue,
21382
+ FlexDirections: FlexDirections,
21383
+ FlexIcon: Icon,
21384
+ FlexImage: Image,
21385
+ FlexLayout: Layout,
21386
+ FlexList: List,
21387
+ FlexListItem: ListItem,
21388
+ FlexModal: Modal,
21389
+ FlexMultiColumn: MultiColumn,
21390
+ FlexMultiColumnItem: MultiColumnItem,
21391
+ FlexRichText: RichText,
21392
+ FlexSlider: Slider,
21393
+ FlexSliderItem: SliderItem,
21394
+ FlexText: Text,
21395
+ FlexTextLink: TextLink,
21396
+ FlexYoutube: Youtube,
21397
+ Fonts: Fonts,
21398
+ FormIdentifyBooleanFields: FormIdentifyBooleanFields,
21399
+ FormIdentifyTextFieldPlaceholders: FormIdentifyTextFieldPlaceholders,
21400
+ FormIdentifyTextFieldValidations: FormIdentifyTextFieldValidations,
21401
+ FormIdentifyTextFields: FormIdentifyTextFields,
21402
+ ICON_SIZE: ICON_SIZE,
21403
+ ICON_SIZE_STYLES: ICON_SIZE_STYLES,
21404
+ ICON_VARIANTS: ICON_VARIANTS,
21405
+ IMAGE_ASPECT_VARIANTS: IMAGE_ASPECT_VARIANTS,
21406
+ IMAGE_ROUND_SHAPE: IMAGE_ROUND_SHAPE,
21407
+ IMAGE_ROUND_STYLES: IMAGE_ROUND_STYLES,
21408
+ Justifies: Justifies,
21409
+ KARTE_MODAL_ROOT: KARTE_MODAL_ROOT,
21410
+ LAYER_TEXT_SIZE: LAYER_TEXT_SIZE,
21411
+ LAYOUT_ALIGN: LAYOUT_ALIGN,
21412
+ LAYOUT_COMPONENT_NAMES: LAYOUT_COMPONENT_NAMES,
21413
+ LAYOUT_DIRECTION: LAYOUT_DIRECTION,
21414
+ LAYOUT_DISPLAY_TYPE: LAYOUT_DISPLAY_TYPE,
21415
+ LAYOUT_JUSTIFY: LAYOUT_JUSTIFY,
21416
+ LIST_ITEM_CONTEXT_KEY: LIST_ITEM_CONTEXT_KEY,
21417
+ LengthUnits: LengthUnits,
21418
+ ListBackgroundTypes: ListBackgroundTypes,
21419
+ ListDirections: ListDirections,
21420
+ ListSeparatorTypes: ListSeparatorTypes,
21421
+ MULTI_COLUMN_ITEM_CONTEXT_KEY: MULTI_COLUMN_ITEM_CONTEXT_KEY,
21422
+ MediaQueries: MediaQueries,
21423
+ ModalPositions: ModalPositions,
21424
+ ObjectFits: ObjectFits,
21425
+ OnClickOperationOptions: OnClickOperationOptions,
21426
+ Overflows: Overflows,
21427
+ PropTypes: PropTypes,
21428
+ ROUND_STYLES: ROUND_STYLES,
21429
+ ROUND_VARIANT: ROUND_VARIANT,
21430
+ Repeats: Repeats,
21431
+ SHADOW_VARIANT: SHADOW_VARIANT,
21432
+ SHADOW_VARIANTS: SHADOW_VARIANTS,
21433
+ SYSTEM_FONT: SYSTEM_FONT,
21434
+ State: State,
21435
+ StateItem: StateItem,
21436
+ TEXT_LINK_SIZE: TEXT_LINK_SIZE,
21437
+ TEXT_LINK_SIZE_STYLES: TEXT_LINK_SIZE_STYLES,
21438
+ TEXT_LINK_THEME: TEXT_LINK_THEME,
21439
+ TEXT_LINK_UNDERLINE: TEXT_LINK_UNDERLINE,
21440
+ TEXT_STYLE: TEXT_STYLE,
21441
+ TEXT_THEME: TEXT_THEME,
21442
+ TEXT_VARIANTS: TEXT_VARIANTS,
21443
+ TextDirections: TextDirections,
21444
+ WritingModes: WritingModes,
21445
+ addChoiceAnswer: addChoiceAnswer,
21446
+ addFreeAnswer: addFreeAnswer,
21447
+ afterUpdate: afterUpdate,
21448
+ applyCss: applyCss,
21449
+ applyGlobalCss: applyGlobalCss,
21450
+ avatarPropsDefault: avatarPropsDefault,
21451
+ beforeUpdate: beforeUpdate,
21452
+ buttonOutlinedPropsDefault: buttonOutlinedPropsDefault,
21453
+ buttonPropsDefault: buttonPropsDefault,
21454
+ close: close,
21455
+ closeAction: closeAction,
21456
+ collection: collection$1,
21457
+ create: create,
21458
+ createApp: createApp,
21459
+ createFog: createFog,
21460
+ destroy: destroy,
21461
+ destroyAction: destroyAction,
21462
+ ensureModalRoot: ensureModalRoot,
21463
+ eventHandlers: eventHandlers,
21464
+ finalize: finalize,
21465
+ formData: formData,
21466
+ getActionRoot: getActionRoot,
21467
+ getAnsweredQuestion: getAnsweredQuestion,
21468
+ getAnsweredQuestionIds: getAnsweredQuestionIds,
21469
+ getBrandKit: getBrandKit,
21470
+ getButtonOutlinedThemeStyles: getButtonOutlinedThemeStyles,
21471
+ getButtonTextThemeStyles: getButtonTextThemeStyles,
21472
+ getButtonThemeStyles: getButtonThemeStyles,
21473
+ getCssVariables: getCssVariables,
21474
+ getEventHandlers: getEventHandlers,
21475
+ getEvents: getEvents,
21476
+ getLogs: getLogs,
21477
+ getState: getState$1,
21478
+ getStates: getStates,
21479
+ getSystem: getSystem,
21480
+ getTextLinkThemeStyles: getTextLinkThemeStyles,
21481
+ getTextThemeStyles: getTextThemeStyles,
21482
+ getVariables: getVariables,
21483
+ hideOnScroll: hideOnScroll,
21484
+ hideOnTime: hideOnTime,
21485
+ initialize: initialize,
21486
+ isOpened: isOpened,
21487
+ listenLogger: listenLogger,
21488
+ loadActionTable: loadActionTable,
21489
+ loadActionTableQuery: loadActionTableQuery,
21490
+ loadActionTableRow: loadActionTableRow,
21491
+ loadActionTableRows: loadActionTableRows,
21492
+ loadGlobalScript: loadGlobalScript,
21493
+ loadGlobalStyle: loadGlobalStyle,
21494
+ loadStyle: loadStyle,
21495
+ logger: logger,
21496
+ onChangeState: onChangeState,
21497
+ onClose: onClose,
21498
+ onCreate: onCreate,
21499
+ onDestory: onDestory,
21500
+ onDestroy: onDestroy,
21501
+ onMount: onMount,
21502
+ onScroll: onScroll,
21503
+ onShow: onShow,
21504
+ onTime: onTime,
21505
+ removeAnswer: removeAnswer,
21506
+ resetEventHandlers: resetEventHandlers,
21507
+ resetVariables: resetVariables,
21508
+ sendAnswer: sendAnswer,
21509
+ sendAnswers: sendAnswers,
21510
+ setEventHandlers: setEventHandlers,
21511
+ setSetting: setSetting,
21512
+ setState: setState$1,
21513
+ setVariables: setVariables,
21514
+ show: show,
21515
+ showAction: showAction,
21516
+ showModal: showModal,
21517
+ showOnScroll: showOnScroll,
21518
+ showOnTime: showOnTime,
21519
+ state: state,
21520
+ tick: tick,
21521
+ useBrandKit: useBrandKit,
21522
+ variables: variables,
21523
+ widget: widget
21524
+ });
21525
+
21526
+ /* src/components-flex/ThumbnailPreview.svelte generated by Svelte v3.53.1 */
21527
+
21528
+ function get_each_context(ctx, list, i) {
21529
+ const child_ctx = ctx.slice();
21530
+ child_ctx[4] = list[i];
21531
+ return child_ctx;
21532
+ }
21533
+
21534
+ // (12:0) {#if component}
21535
+ function create_if_block(ctx) {
21536
+ let switch_instance;
21537
+ let switch_instance_anchor;
21538
+ let current;
21539
+ var switch_value = /*component*/ ctx[1];
21540
+
21541
+ function switch_props(ctx) {
21542
+ return {
21543
+ props: {
21544
+ props: 'previewProps' in /*option*/ ctx[0] && typeof /*option*/ ctx[0].previewProps !== 'undefined'
21545
+ ? /*option*/ ctx[0].previewProps
21546
+ : /*option*/ ctx[0].props,
21547
+ $$slots: { default: [create_default_slot] },
21548
+ $$scope: { ctx }
21124
21549
  }
21125
21550
  };
21126
21551
  }
@@ -21194,7 +21619,7 @@ function create_if_block(ctx) {
21194
21619
  };
21195
21620
  }
21196
21621
 
21197
- // (17:4) {#if option.children}
21622
+ // (19:4) {#if option.children}
21198
21623
  function create_if_block_1(ctx) {
21199
21624
  let each_1_anchor;
21200
21625
  let current;
@@ -21285,7 +21710,7 @@ function create_if_block_1(ctx) {
21285
21710
  };
21286
21711
  }
21287
21712
 
21288
- // (18:6) {#each option.children as child}
21713
+ // (20:6) {#each option.children as child}
21289
21714
  function create_each_block(ctx) {
21290
21715
  let thumbnailpreview;
21291
21716
  let current;
@@ -21322,7 +21747,7 @@ function create_each_block(ctx) {
21322
21747
  };
21323
21748
  }
21324
21749
 
21325
- // (13:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
21750
+ // (13:2) <svelte:component this={component} props={'previewProps' in option && typeof option.previewProps !== 'undefined' ? option.previewProps : option.props} >
21326
21751
  function create_default_slot(ctx) {
21327
21752
  let if_block_anchor;
21328
21753
  let current;
@@ -21473,43 +21898,4 @@ class ThumbnailPreview extends SvelteComponent {
21473
21898
  }
21474
21899
  }
21475
21900
 
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 };
21901
+ 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, IMAGE_ROUND_STYLES, 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 };