@plaidev/karte-action-sdk 1.1.188-28152496.9b97f7e1 → 1.1.188

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 (3) hide show
  1. package/dist/hydrate/index.es.js +339 -341
  2. package/dist/index.es.js +343 -343
  3. package/package.json +1 -1
package/dist/hydrate/index.es.js CHANGED
@@ -25,233 +25,6 @@ const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
25
25
  */
26
26
  const KARTE_MODAL_ROOT = 'karte-modal-root';
27
27
 
28
- /** @internal */
29
- const NOOP = (_args) => { }; // eslint-disable-line @typescript-eslint/no-unused-vars
30
- /** @internal */
31
- const isPreview = () => {
32
- return true;
33
- };
34
- /** @internal */
35
- const setPreviousFocus = () => {
36
- const previously_focused = typeof document !== 'undefined' && document.activeElement;
37
- if (previously_focused) {
38
- previously_focused?.focus();
39
- }
40
- };
41
- /** @internal */
42
- const handleKeydown = (handlers) => (e) => {
43
- if (handlers[e.key]) {
44
- handlers[e.key](e);
45
- }
46
- };
47
- const POSITION_STYLES = {
48
- 'top-center': 'top: 0; right: 50%; transform: translate(+50%, 0%);',
49
- 'top-left': 'top: 0; left: 0; transform: translate(0%, 0%);',
50
- 'top-right': 'top: 0; right: 0; transform: translate(0%, 0%);',
51
- 'center-left': 'top: 50%; left: 0; transform: translate(0%, -50%);',
52
- center: 'top: 50%; left: 50%; transform: translate(-50%, -50%);',
53
- 'center-right': 'top: 50%; right: 0; transform: translate(0%, -50%);',
54
- 'bottom-left': 'bottom: 0; left: 0; transform: translate(0%, 0%);',
55
- 'bottom-center': 'bottom: 0; left: 50%; transform: translate(-50%, 0%);',
56
- 'bottom-right': 'bottom: 0; right: 0; transform: translate(0%, 0);',
57
- none: 'top: 0; bottom: 0; right: 0; left: 0;',
58
- };
59
- const TRANSFORM = {
60
- 'top-center': [50, 0],
61
- 'top-left': [0, 0],
62
- 'top-right': [0, 0],
63
- 'center-left': [0, -50],
64
- center: [-50, -50],
65
- 'center-right': [0, -50],
66
- 'bottom-left': [0, 0],
67
- 'bottom-center': [-50, 0],
68
- 'bottom-right': [0, 0],
69
- none: [0, 0],
70
- };
71
- /** @internal */
72
- const getPositionStyle = (position) => {
73
- const style = POSITION_STYLES[position];
74
- if (style != null) {
75
- return style;
76
- }
77
- else {
78
- console.warn(`[action-sdk] invalid '${position}', so we use 'center' instead`);
79
- return POSITION_STYLES['center'];
80
- }
81
- };
82
- /** @internal */
83
- const getTransform = (position) => {
84
- const transform = TRANSFORM[position];
85
- if (transform != null) {
86
- return transform;
87
- }
88
- else {
89
- console.warn(`[action-sdk] invalid '${position}', so we use 'center' instead`);
90
- return TRANSFORM['center'];
91
- }
92
- };
93
- /** @internal */
94
- const getMarginStyle = (margin) => {
95
- return `margin: ${margin?.top ?? 0} ${margin?.right ?? 0} ${margin?.bottom ?? 0} ${margin?.left ?? 0};`;
96
- };
97
- /** @internal */
98
- const parseStyle = (style) => {
99
- return Object.fromEntries(style.split(';').map(attr => attr.split(':').map(str => str.trim())));
100
- };
101
- /** @internal */
102
- const stringifyStyleObj = (styleObj) => {
103
- return Object.entries(styleObj)
104
- .map(([key, value]) => `${key}:${value}`)
105
- .join(';');
106
- };
107
- /**
108
- * スクロール率が達したときに呼び出すコールバックを登録します
109
- *
110
- * @param rate - スクロール率。この値は viewport でのスクロールのパーセンテージ
111
- * @param fn - スクロール率が達したときに呼び出されるコールバック関数
112
- *
113
- * @returns スクロール率によって呼び出されるコールバックを停止する関数を返します
114
- *
115
- * @public
116
- */
117
- function onScroll(rate, fn) {
118
- const rates = Array.isArray(rate) ? rate : [rate];
119
- const body = window.document.body;
120
- const html = window.document.documentElement;
121
- const contexts = new Map();
122
- rates.forEach(rate => {
123
- contexts.set(rate, {
124
- rate,
125
- repeat: false,
126
- zone: 'out',
127
- previousRate: 0,
128
- deltaRate: 0,
129
- scrollRate: 0,
130
- scrollTop: html.scrollTop || body.scrollTop,
131
- });
132
- });
133
- const _fn = fn;
134
- const direction = (ctx) => ctx.deltaRate > 0 ? 'down' : 'up';
135
- const updateStates = (ctx, repeat) => {
136
- ctx.repeat = repeat;
137
- // prettier-ignore
138
- ctx.zone =
139
- // case: the scroll rate cannot detect the rate when scrolling to the top
140
- ctx.scrollTop === 0 && ctx.scrollRate >= ctx.rate
141
- ? 'out'
142
- : ctx.scrollRate >= ctx.rate
143
- ? 'in'
144
- : 'out';
145
- // console.log('updateStates', ctx.zone);
146
- };
147
- // prettier-ignore
148
- const canCall = ({ zone, scrollRate, rate, scrollTop, repeat }) => zone === 'out'
149
- ? scrollRate >= rate
150
- : repeat
151
- // case: the scroll rate cannot detect the rate when scrolling to the top
152
- ? scrollRate < rate || (scrollTop === 0 && scrollRate >= rate)
153
- : false;
154
- /*
155
- // NOTE: same logic the above (code size optimiazation)
156
- const canCall = (ctx: OnScrollInternalContext): boolean => {
157
- // console.log('repeat', ctx.repeat, 'rate', ctx.rate, 'scrollRate', ctx.scrollRate, '1 - rate', 1 - ctx.rate, '1 - scrollRate', 1 - ctx.scrollRate, 'scrollRate >= rate', ctx.scrollRate >= ctx.rate, '1 - scrollRate >= 1 - rate', 1 - ctx.scrollRate >= 1 - ctx.rate);
158
- // console.log(ctx.rate, 'deltaRate', ctx.deltaRate, 'reviousRate', ctx.previousRate)
159
- if (ctx.zone === 'out') {
160
- return ctx.scrollRate >= ctx.rate;
161
- } else {
162
- // 'in'
163
- if (ctx.repeat) {
164
- return ctx.scrollRate < ctx.rate || (ctx.scrollTop === 0 && ctx.scrollRate >= ctx.rate);
165
- } else {
166
- return false;
167
- }
168
- }
169
- };
170
- //*/
171
- const onScroll = () => {
172
- const scrollTop = html.scrollTop || body.scrollTop;
173
- const pageHeight = Math.max(...[body.clientHeight, body.scrollHeight, html.scrollHeight, html.clientHeight]);
174
- const viewHeight = Math.min(...[html.clientHeight, body.clientHeight]);
175
- const scrollRate = (scrollTop + viewHeight) / pageHeight;
176
- // console.log('scrollRate ->', scrollRate, 'scrollTop ->', scrollTop);
177
- contexts.forEach(ctx => {
178
- ctx.scrollRate = scrollRate;
179
- ctx.deltaRate = ctx.scrollRate - ctx.previousRate;
180
- ctx.previousRate = ctx.scrollRate;
181
- ctx.scrollTop = scrollTop;
182
- if (canCall(ctx)) {
183
- const repeat = !!_fn(Object.assign({ direction: direction(ctx) }, ctx));
184
- updateStates(ctx, repeat);
185
- }
186
- });
187
- };
188
- // register scorll event
189
- window.addEventListener('scroll', onScroll);
190
- // return disposing (finalizing/releasing) function
191
- return () => {
192
- window.removeEventListener('scroll', onScroll);
193
- };
194
- }
195
- /**
196
- * 指定した時間の経過後に呼び出すコールバックを登録します
197
- *
198
- * @param time - コールバックを呼び出すまでの時間。単位はミリセカンド(ms)
199
- * @param fn - 指定した時間が経過後に呼び出されるコールバック関数
200
- *
201
- * @returns コールバックを呼び出すためのタイマーを停止する関数を返します
202
- *
203
- * @public
204
- */
205
- function onTime(time, fn) {
206
- const timeoutHandler = setTimeout(fn, time);
207
- return () => timeoutHandler && clearTimeout(timeoutHandler);
208
- }
209
- /** @internal */
210
- function hasSuffix(value, suffix) {
211
- return new RegExp(`[0-9]${suffix}$`).test(value);
212
- }
213
- /**
214
- * Goolge Fonts用のURLを生成
215
- *
216
- * @param fonts - フォント名の配列
217
- * @param texts - 使用するテキストの配列
218
- *
219
- * @remarks
220
- * textsを指定した場合フォントサイズが削減される
221
- *
222
- * @internal
223
- */
224
- function makeGoogleFontUrl(fonts, texts) {
225
- const params = [];
226
- params.push('display=swap');
227
- if (texts) {
228
- texts.forEach(text => params.push(`text=${text}`));
229
- }
230
- fonts.forEach(font => params.push(`family=${font.replace(/['"]/g, '').replace(/ /g, '+')}`));
231
- return `https://fonts.googleapis.com/css2?${params.join('&')}`;
232
- }
233
- /**
234
- * HTML要素を生成
235
- *
236
- * @internal
237
- */
238
- const h = (type, props, ...children) => {
239
- const el = document.createElement(type);
240
- for (const key of Object.keys(props)) {
241
- const v = props[key];
242
- if (key === 'style') {
243
- Object.assign(el.style, v);
244
- }
245
- else {
246
- el.setAttribute(key, v);
247
- }
248
- }
249
- for (const child of children) {
250
- el.appendChild(child);
251
- }
252
- return el;
253
- };
254
-
255
28
  /**
256
29
  * ポップアップ(モーダル)のコンポーネントで利用するPropの定義
257
30
  */
@@ -671,8 +444,6 @@ const state = writable('/');
671
444
  * @public
672
445
  */
673
446
  function setState$1(stateId, options) {
674
- if (options?.disableInPreview)
675
- return;
676
447
  state.set(stateId);
677
448
  }
678
449
  /**
@@ -968,6 +739,233 @@ function resetVariables() {
968
739
  */
969
740
  const formData = writable({});
970
741
 
742
+ /** @internal */
743
+ const NOOP = (_args) => { }; // eslint-disable-line @typescript-eslint/no-unused-vars
744
+ /** @internal */
745
+ const isPreview = () => {
746
+ return true;
747
+ };
748
+ /** @internal */
749
+ const setPreviousFocus = () => {
750
+ const previously_focused = typeof document !== 'undefined' && document.activeElement;
751
+ if (previously_focused) {
752
+ previously_focused?.focus();
753
+ }
754
+ };
755
+ /** @internal */
756
+ const handleKeydown = (handlers) => (e) => {
757
+ if (handlers[e.key]) {
758
+ handlers[e.key](e);
759
+ }
760
+ };
761
+ const POSITION_STYLES = {
762
+ 'top-center': 'top: 0; right: 50%; transform: translate(+50%, 0%);',
763
+ 'top-left': 'top: 0; left: 0; transform: translate(0%, 0%);',
764
+ 'top-right': 'top: 0; right: 0; transform: translate(0%, 0%);',
765
+ 'center-left': 'top: 50%; left: 0; transform: translate(0%, -50%);',
766
+ center: 'top: 50%; left: 50%; transform: translate(-50%, -50%);',
767
+ 'center-right': 'top: 50%; right: 0; transform: translate(0%, -50%);',
768
+ 'bottom-left': 'bottom: 0; left: 0; transform: translate(0%, 0%);',
769
+ 'bottom-center': 'bottom: 0; left: 50%; transform: translate(-50%, 0%);',
770
+ 'bottom-right': 'bottom: 0; right: 0; transform: translate(0%, 0);',
771
+ none: 'top: 0; bottom: 0; right: 0; left: 0;',
772
+ };
773
+ const TRANSFORM = {
774
+ 'top-center': [50, 0],
775
+ 'top-left': [0, 0],
776
+ 'top-right': [0, 0],
777
+ 'center-left': [0, -50],
778
+ center: [-50, -50],
779
+ 'center-right': [0, -50],
780
+ 'bottom-left': [0, 0],
781
+ 'bottom-center': [-50, 0],
782
+ 'bottom-right': [0, 0],
783
+ none: [0, 0],
784
+ };
785
+ /** @internal */
786
+ const getPositionStyle = (position) => {
787
+ const style = POSITION_STYLES[position];
788
+ if (style != null) {
789
+ return style;
790
+ }
791
+ else {
792
+ console.warn(`[action-sdk] invalid '${position}', so we use 'center' instead`);
793
+ return POSITION_STYLES['center'];
794
+ }
795
+ };
796
+ /** @internal */
797
+ const getTransform = (position) => {
798
+ const transform = TRANSFORM[position];
799
+ if (transform != null) {
800
+ return transform;
801
+ }
802
+ else {
803
+ console.warn(`[action-sdk] invalid '${position}', so we use 'center' instead`);
804
+ return TRANSFORM['center'];
805
+ }
806
+ };
807
+ /** @internal */
808
+ const getMarginStyle = (margin) => {
809
+ return `margin: ${margin?.top ?? 0} ${margin?.right ?? 0} ${margin?.bottom ?? 0} ${margin?.left ?? 0};`;
810
+ };
811
+ /** @internal */
812
+ const parseStyle = (style) => {
813
+ return Object.fromEntries(style.split(';').map(attr => attr.split(':').map(str => str.trim())));
814
+ };
815
+ /** @internal */
816
+ const stringifyStyleObj = (styleObj) => {
817
+ return Object.entries(styleObj)
818
+ .map(([key, value]) => `${key}:${value}`)
819
+ .join(';');
820
+ };
821
+ /**
822
+ * スクロール率が達したときに呼び出すコールバックを登録します
823
+ *
824
+ * @param rate - スクロール率。この値は viewport でのスクロールのパーセンテージ
825
+ * @param fn - スクロール率が達したときに呼び出されるコールバック関数
826
+ *
827
+ * @returns スクロール率によって呼び出されるコールバックを停止する関数を返します
828
+ *
829
+ * @public
830
+ */
831
+ function onScroll(rate, fn) {
832
+ const rates = Array.isArray(rate) ? rate : [rate];
833
+ const body = window.document.body;
834
+ const html = window.document.documentElement;
835
+ const contexts = new Map();
836
+ rates.forEach(rate => {
837
+ contexts.set(rate, {
838
+ rate,
839
+ repeat: false,
840
+ zone: 'out',
841
+ previousRate: 0,
842
+ deltaRate: 0,
843
+ scrollRate: 0,
844
+ scrollTop: html.scrollTop || body.scrollTop,
845
+ });
846
+ });
847
+ const _fn = fn;
848
+ const direction = (ctx) => ctx.deltaRate > 0 ? 'down' : 'up';
849
+ const updateStates = (ctx, repeat) => {
850
+ ctx.repeat = repeat;
851
+ // prettier-ignore
852
+ ctx.zone =
853
+ // case: the scroll rate cannot detect the rate when scrolling to the top
854
+ ctx.scrollTop === 0 && ctx.scrollRate >= ctx.rate
855
+ ? 'out'
856
+ : ctx.scrollRate >= ctx.rate
857
+ ? 'in'
858
+ : 'out';
859
+ // console.log('updateStates', ctx.zone);
860
+ };
861
+ // prettier-ignore
862
+ const canCall = ({ zone, scrollRate, rate, scrollTop, repeat }) => zone === 'out'
863
+ ? scrollRate >= rate
864
+ : repeat
865
+ // case: the scroll rate cannot detect the rate when scrolling to the top
866
+ ? scrollRate < rate || (scrollTop === 0 && scrollRate >= rate)
867
+ : false;
868
+ /*
869
+ // NOTE: same logic the above (code size optimiazation)
870
+ const canCall = (ctx: OnScrollInternalContext): boolean => {
871
+ // console.log('repeat', ctx.repeat, 'rate', ctx.rate, 'scrollRate', ctx.scrollRate, '1 - rate', 1 - ctx.rate, '1 - scrollRate', 1 - ctx.scrollRate, 'scrollRate >= rate', ctx.scrollRate >= ctx.rate, '1 - scrollRate >= 1 - rate', 1 - ctx.scrollRate >= 1 - ctx.rate);
872
+ // console.log(ctx.rate, 'deltaRate', ctx.deltaRate, 'reviousRate', ctx.previousRate)
873
+ if (ctx.zone === 'out') {
874
+ return ctx.scrollRate >= ctx.rate;
875
+ } else {
876
+ // 'in'
877
+ if (ctx.repeat) {
878
+ return ctx.scrollRate < ctx.rate || (ctx.scrollTop === 0 && ctx.scrollRate >= ctx.rate);
879
+ } else {
880
+ return false;
881
+ }
882
+ }
883
+ };
884
+ //*/
885
+ const onScroll = () => {
886
+ const scrollTop = html.scrollTop || body.scrollTop;
887
+ const pageHeight = Math.max(...[body.clientHeight, body.scrollHeight, html.scrollHeight, html.clientHeight]);
888
+ const viewHeight = Math.min(...[html.clientHeight, body.clientHeight]);
889
+ const scrollRate = (scrollTop + viewHeight) / pageHeight;
890
+ // console.log('scrollRate ->', scrollRate, 'scrollTop ->', scrollTop);
891
+ contexts.forEach(ctx => {
892
+ ctx.scrollRate = scrollRate;
893
+ ctx.deltaRate = ctx.scrollRate - ctx.previousRate;
894
+ ctx.previousRate = ctx.scrollRate;
895
+ ctx.scrollTop = scrollTop;
896
+ if (canCall(ctx)) {
897
+ const repeat = !!_fn(Object.assign({ direction: direction(ctx) }, ctx));
898
+ updateStates(ctx, repeat);
899
+ }
900
+ });
901
+ };
902
+ // register scorll event
903
+ window.addEventListener('scroll', onScroll);
904
+ // return disposing (finalizing/releasing) function
905
+ return () => {
906
+ window.removeEventListener('scroll', onScroll);
907
+ };
908
+ }
909
+ /**
910
+ * 指定した時間の経過後に呼び出すコールバックを登録します
911
+ *
912
+ * @param time - コールバックを呼び出すまでの時間。単位はミリセカンド(ms)
913
+ * @param fn - 指定した時間が経過後に呼び出されるコールバック関数
914
+ *
915
+ * @returns コールバックを呼び出すためのタイマーを停止する関数を返します
916
+ *
917
+ * @public
918
+ */
919
+ function onTime(time, fn) {
920
+ const timeoutHandler = setTimeout(fn, time);
921
+ return () => timeoutHandler && clearTimeout(timeoutHandler);
922
+ }
923
+ /** @internal */
924
+ function hasSuffix(value, suffix) {
925
+ return new RegExp(`[0-9]${suffix}$`).test(value);
926
+ }
927
+ /**
928
+ * Goolge Fonts用のURLを生成
929
+ *
930
+ * @param fonts - フォント名の配列
931
+ * @param texts - 使用するテキストの配列
932
+ *
933
+ * @remarks
934
+ * textsを指定した場合フォントサイズが削減される
935
+ *
936
+ * @internal
937
+ */
938
+ function makeGoogleFontUrl(fonts, texts) {
939
+ const params = [];
940
+ params.push('display=swap');
941
+ if (texts) {
942
+ texts.forEach(text => params.push(`text=${text}`));
943
+ }
944
+ fonts.forEach(font => params.push(`family=${font.replace(/['"]/g, '').replace(/ /g, '+')}`));
945
+ return `https://fonts.googleapis.com/css2?${params.join('&')}`;
946
+ }
947
+ /**
948
+ * HTML要素を生成
949
+ *
950
+ * @internal
951
+ */
952
+ const h = (type, props, ...children) => {
953
+ const el = document.createElement(type);
954
+ for (const key of Object.keys(props)) {
955
+ const v = props[key];
956
+ if (key === 'style') {
957
+ Object.assign(el.style, v);
958
+ }
959
+ else {
960
+ el.setAttribute(key, v);
961
+ }
962
+ }
963
+ for (const child of children) {
964
+ el.appendChild(child);
965
+ }
966
+ return el;
967
+ };
968
+
971
969
  /**
972
970
  * アクションのログの記録の管理
973
971
  */
@@ -2535,7 +2533,7 @@ class State extends SvelteComponent {
2535
2533
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2536
2534
 
2537
2535
  function add_css$t(target) {
2538
- append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2536
+ append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2539
2537
  }
2540
2538
 
2541
2539
  // (23:0) {#if $state === path}
@@ -2562,7 +2560,7 @@ function create_if_block$8(ctx) {
2562
2560
  },
2563
2561
  h() {
2564
2562
  attr(div, "data-state-path", /*path*/ ctx[0]);
2565
- attr(div, "class", "state-item svelte-2qb6dm");
2563
+ attr(div, "class", "state-item svelte-1amihue");
2566
2564
  },
2567
2565
  m(target, anchor) {
2568
2566
  insert_hydration(target, div, anchor);
@@ -2920,7 +2918,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
2920
2918
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
2921
2919
 
2922
2920
  function add_css$s(target) {
2923
- append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
2921
+ 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}");
2924
2922
  }
2925
2923
 
2926
2924
  // (9:0) {#if backgroundOverlay}
@@ -2940,7 +2938,7 @@ function create_if_block$7(ctx) {
2940
2938
  this.h();
2941
2939
  },
2942
2940
  h() {
2943
- attr(div, "class", "background svelte-1d4fta");
2941
+ attr(div, "class", "background svelte-g6ucc2");
2944
2942
  },
2945
2943
  m(target, anchor) {
2946
2944
  insert_hydration(target, div, anchor);
@@ -3055,7 +3053,7 @@ function checkStopPropagation(eventName, handler) {
3055
3053
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3056
3054
 
3057
3055
  function add_css$r(target) {
3058
- append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
3056
+ append_styles(target, "svelte-1dtbrzj", ".button.svelte-1dtbrzj{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1dtbrzj:link,.button.svelte-1dtbrzj:visited,.button.svelte-1dtbrzj:active,.button.svelte-1dtbrzj:hover{color:inherit}");
3059
3057
  }
3060
3058
 
3061
3059
  // (50:0) {:else}
@@ -3094,7 +3092,7 @@ function create_else_block$3(ctx) {
3094
3092
  },
3095
3093
  h() {
3096
3094
  set_attributes(button, button_data);
3097
- toggle_class(button, "svelte-1tg0tf", true);
3095
+ toggle_class(button, "svelte-1dtbrzj", true);
3098
3096
  },
3099
3097
  m(target, anchor) {
3100
3098
  insert_hydration(target, button, anchor);
@@ -3133,7 +3131,7 @@ function create_else_block$3(ctx) {
3133
3131
  dataAttrStopPropagation('click')
3134
3132
  ]));
3135
3133
 
3136
- toggle_class(button, "svelte-1tg0tf", true);
3134
+ toggle_class(button, "svelte-1dtbrzj", true);
3137
3135
  },
3138
3136
  i(local) {
3139
3137
  if (current) return;
@@ -3174,7 +3172,7 @@ function create_if_block_2(ctx) {
3174
3172
  this.h();
3175
3173
  },
3176
3174
  h() {
3177
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3175
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3178
3176
  attr(div, "style", /*style*/ ctx[1]);
3179
3177
  },
3180
3178
  m(target, anchor) {
@@ -3272,7 +3270,7 @@ function create_if_block_1$2(ctx) {
3272
3270
  },
3273
3271
  h() {
3274
3272
  set_attributes(a, a_data);
3275
- toggle_class(a, "svelte-1tg0tf", true);
3273
+ toggle_class(a, "svelte-1dtbrzj", true);
3276
3274
  },
3277
3275
  m(target, anchor) {
3278
3276
  insert_hydration(target, a, anchor);
@@ -3312,7 +3310,7 @@ function create_if_block_1$2(ctx) {
3312
3310
  dataAttrStopPropagation('click')
3313
3311
  ]));
3314
3312
 
3315
- toggle_class(a, "svelte-1tg0tf", true);
3313
+ toggle_class(a, "svelte-1dtbrzj", true);
3316
3314
  },
3317
3315
  i(local) {
3318
3316
  if (current) return;
@@ -3353,7 +3351,7 @@ function create_if_block$6(ctx) {
3353
3351
  this.h();
3354
3352
  },
3355
3353
  h() {
3356
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3354
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3357
3355
  attr(div, "style", /*style*/ ctx[1]);
3358
3356
  },
3359
3357
  m(target, anchor) {
@@ -3561,7 +3559,7 @@ class Button extends SvelteComponent {
3561
3559
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3562
3560
 
3563
3561
  function add_css$q(target) {
3564
- append_styles(target, "svelte-1invh97", ".modal.svelte-1invh97{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1invh97 > .button{flex:auto;display:flex}.close.svelte-1invh97{position:absolute;top:0;right:0}.close.svelte-1invh97 > .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-1invh97 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1invh97{flex:auto;display:flex;justify-content:center;align-items:center}");
3562
+ append_styles(target, "svelte-1vrjevr", ".modal.svelte-1vrjevr{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1vrjevr > .button{flex:auto;display:flex}.close.svelte-1vrjevr{position:absolute;top:0;right:0}.close.svelte-1vrjevr > .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-1vrjevr > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1vrjevr{flex:auto;display:flex;justify-content:center;align-items:center}");
3565
3563
  }
3566
3564
 
3567
3565
  // (145:0) {#if visible}
@@ -3602,7 +3600,7 @@ function create_if_block$5(ctx) {
3602
3600
  this.h();
3603
3601
  },
3604
3602
  h() {
3605
- attr(div, "class", "modal svelte-1invh97");
3603
+ attr(div, "class", "modal svelte-1vrjevr");
3606
3604
  attr(div, "role", "dialog");
3607
3605
  attr(div, "aria-modal", "true");
3608
3606
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3690,7 +3688,7 @@ function create_if_block_1$1(ctx) {
3690
3688
  this.h();
3691
3689
  },
3692
3690
  h() {
3693
- attr(div, "class", "close svelte-1invh97");
3691
+ attr(div, "class", "close svelte-1vrjevr");
3694
3692
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3695
3693
  },
3696
3694
  m(target, anchor) {
@@ -3815,7 +3813,7 @@ function create_default_slot$6(ctx) {
3815
3813
  this.h();
3816
3814
  },
3817
3815
  h() {
3818
- attr(div, "class", "modal-content svelte-1invh97");
3816
+ attr(div, "class", "modal-content svelte-1vrjevr");
3819
3817
  attr(div, "style", /*_style*/ ctx[4]);
3820
3818
  },
3821
3819
  m(target, anchor) {
@@ -4325,7 +4323,7 @@ class Grid extends SvelteComponent {
4325
4323
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4326
4324
 
4327
4325
  function add_css$p(target) {
4328
- append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4326
+ append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
4329
4327
  }
4330
4328
 
4331
4329
  function create_fragment$r(ctx) {
@@ -4359,8 +4357,8 @@ function create_fragment$r(ctx) {
4359
4357
  this.h();
4360
4358
  },
4361
4359
  h() {
4362
- attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4363
- attr(div1, "class", "grid-item svelte-n7kdl3");
4360
+ attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4361
+ attr(div1, "class", "grid-item svelte-1cryhmb");
4364
4362
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4365
4363
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4366
4364
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4682,7 +4680,7 @@ class RenderText extends SvelteComponent {
4682
4680
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4683
4681
 
4684
4682
  function add_css$o(target) {
4685
- append_styles(target, "svelte-zde5p8", ".text-element-wrapper.svelte-zde5p8.svelte-zde5p8{position:relative;height:100%}.text-element.svelte-zde5p8.svelte-zde5p8{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000}.text-link-element.svelte-zde5p8.svelte-zde5p8{text-decoration:none;color:inherit}.text-element-inner.svelte-zde5p8.svelte-zde5p8{width:100%;height:auto}.text-direction-vertical.svelte-zde5p8.svelte-zde5p8{writing-mode:vertical-rl}.text-direction-vertical.svelte-zde5p8 .text-element-inner.svelte-zde5p8{width:auto;height:100%}.tooltip.svelte-zde5p8.svelte-zde5p8{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-zde5p8.svelte-zde5p8:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-zde5p8.svelte-zde5p8{display:block}.tooltip-error.svelte-zde5p8.svelte-zde5p8{background-color:#c00}.tooltip-error.svelte-zde5p8.svelte-zde5p8:before{border-bottom:7px solid #c00}");
4683
+ append_styles(target, "svelte-hffkvs", ".text-element-wrapper.svelte-hffkvs.svelte-hffkvs{position:relative;height:100%}.text-element.svelte-hffkvs.svelte-hffkvs{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000}.text-link-element.svelte-hffkvs.svelte-hffkvs{text-decoration:none;color:inherit}.text-element-inner.svelte-hffkvs.svelte-hffkvs{width:100%;height:auto}.text-direction-vertical.svelte-hffkvs.svelte-hffkvs{writing-mode:vertical-rl}.text-direction-vertical.svelte-hffkvs .text-element-inner.svelte-hffkvs{width:auto;height:100%}.tooltip.svelte-hffkvs.svelte-hffkvs{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-hffkvs.svelte-hffkvs:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-hffkvs.svelte-hffkvs{display:block}.tooltip-error.svelte-hffkvs.svelte-hffkvs{background-color:#c00}.tooltip-error.svelte-hffkvs.svelte-hffkvs:before{border-bottom:7px solid #c00}");
4686
4684
  }
4687
4685
 
4688
4686
  // (86:2) {:else}
@@ -4712,8 +4710,8 @@ function create_else_block$1(ctx) {
4712
4710
  this.h();
4713
4711
  },
4714
4712
  h() {
4715
- attr(div0, "class", "text-element-inner svelte-zde5p8");
4716
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"));
4713
+ attr(div0, "class", "text-element-inner svelte-hffkvs");
4714
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-hffkvs"));
4717
4715
  attr(div1, "style", /*style*/ ctx[5]);
4718
4716
  },
4719
4717
  m(target, anchor) {
@@ -4727,7 +4725,7 @@ function create_else_block$1(ctx) {
4727
4725
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4728
4726
  rendertext.$set(rendertext_changes);
4729
4727
 
4730
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"))) {
4728
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-hffkvs"))) {
4731
4729
  attr(div1, "class", div1_class_value);
4732
4730
  }
4733
4731
 
@@ -4802,12 +4800,12 @@ function create_if_block$3(ctx) {
4802
4800
  this.h();
4803
4801
  },
4804
4802
  h() {
4805
- attr(div0, "class", "text-element-inner svelte-zde5p8");
4803
+ attr(div0, "class", "text-element-inner svelte-hffkvs");
4806
4804
  attr(a, "href", '');
4807
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"));
4805
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-hffkvs"));
4808
4806
  attr(a, "style", /*style*/ ctx[5]);
4809
- attr(div1, "class", "tooltip svelte-zde5p8");
4810
- attr(div2, "class", "tooltip tooltip-error svelte-zde5p8");
4807
+ attr(div1, "class", "tooltip svelte-hffkvs");
4808
+ attr(div2, "class", "tooltip tooltip-error svelte-hffkvs");
4811
4809
  },
4812
4810
  m(target, anchor) {
4813
4811
  insert_hydration(target, a, anchor);
@@ -4833,7 +4831,7 @@ function create_if_block$3(ctx) {
4833
4831
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4834
4832
  rendertext.$set(rendertext_changes);
4835
4833
 
4836
- if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"))) {
4834
+ if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-hffkvs"))) {
4837
4835
  attr(a, "class", a_class_value);
4838
4836
  }
4839
4837
 
@@ -4895,7 +4893,7 @@ function create_fragment$p(ctx) {
4895
4893
  this.h();
4896
4894
  },
4897
4895
  h() {
4898
- attr(div, "class", "text-element-wrapper svelte-zde5p8");
4896
+ attr(div, "class", "text-element-wrapper svelte-hffkvs");
4899
4897
  },
4900
4898
  m(target, anchor) {
4901
4899
  insert_hydration(target, div, anchor);
@@ -5060,7 +5058,7 @@ class TextElement extends SvelteComponent {
5060
5058
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5061
5059
 
5062
5060
  function add_css$n(target) {
5063
- append_styles(target, "svelte-wb7ek", ".text-button-element.svelte-wb7ek{width:100%;height:100%}.text-button-element.svelte-wb7ek > .button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button-element.svelte-wb7ek > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-wb7ek > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-wb7ek > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5061
+ append_styles(target, "svelte-1ijl494", ".text-button-element.svelte-1ijl494{width:100%;height:100%}.text-button-element.svelte-1ijl494 > .button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button-element.svelte-1ijl494 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1ijl494 > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1ijl494 > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
5064
5062
  }
5065
5063
 
5066
5064
  // (46:2) <Button onClick={onClick} {style} {eventName}>
@@ -5129,7 +5127,7 @@ function create_fragment$o(ctx) {
5129
5127
  this.h();
5130
5128
  },
5131
5129
  h() {
5132
- attr(div, "class", "text-button-element svelte-wb7ek");
5130
+ attr(div, "class", "text-button-element svelte-1ijl494");
5133
5131
  },
5134
5132
  m(target, anchor) {
5135
5133
  insert_hydration(target, div, anchor);
@@ -5221,7 +5219,7 @@ class TextButtonElement extends SvelteComponent {
5221
5219
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5222
5220
 
5223
5221
  function add_css$m(target) {
5224
- append_styles(target, "svelte-1kn2sk0", ".image-element.svelte-1kn2sk0{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1kn2sk0 > .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}.image-element.svelte-1kn2sk0 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1kn2sk0 > .button:not(._disabled):hover,.image-element.transport.svelte-1kn2sk0 > .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-1kn2sk0{width:100%;height:100%}");
5222
+ append_styles(target, "svelte-185kah0", ".image-element.svelte-185kah0{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-185kah0 > .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}.image-element.svelte-185kah0 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-185kah0 > .button:not(._disabled):hover,.image-element.transport.svelte-185kah0 > .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-185kah0{width:100%;height:100%}");
5225
5223
  }
5226
5224
 
5227
5225
  // (40:2) <Button {onClick} style={_style} {eventName}>
@@ -5248,7 +5246,7 @@ function create_default_slot$4(ctx) {
5248
5246
  this.h();
5249
5247
  },
5250
5248
  h() {
5251
- attr(img, "class", "image svelte-1kn2sk0");
5249
+ attr(img, "class", "image svelte-185kah0");
5252
5250
  attr(img, "loading", "lazy");
5253
5251
  attr(img, "width", "auto");
5254
5252
  attr(img, "height", "auto");
@@ -5308,7 +5306,7 @@ function create_fragment$n(ctx) {
5308
5306
  this.h();
5309
5307
  },
5310
5308
  h() {
5311
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1kn2sk0");
5309
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-185kah0");
5312
5310
  },
5313
5311
  m(target, anchor) {
5314
5312
  insert_hydration(target, div, anchor);
@@ -5327,7 +5325,7 @@ function create_fragment$n(ctx) {
5327
5325
 
5328
5326
  button.$set(button_changes);
5329
5327
 
5330
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1kn2sk0")) {
5328
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-185kah0")) {
5331
5329
  attr(div, "class", div_class_value);
5332
5330
  }
5333
5331
  },
@@ -5396,7 +5394,7 @@ class ImageElement extends SvelteComponent {
5396
5394
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5397
5395
 
5398
5396
  function add_css$l(target) {
5399
- append_styles(target, "svelte-1gh1zvv", ".list.svelte-1gh1zvv{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5397
+ append_styles(target, "svelte-e4h4wn", ".list.svelte-e4h4wn{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
5400
5398
  }
5401
5399
 
5402
5400
  function create_fragment$m(ctx) {
@@ -5419,7 +5417,7 @@ function create_fragment$m(ctx) {
5419
5417
  this.h();
5420
5418
  },
5421
5419
  h() {
5422
- attr(div, "class", "list svelte-1gh1zvv");
5420
+ attr(div, "class", "list svelte-e4h4wn");
5423
5421
  attr(div, "style", /*style*/ ctx[0]);
5424
5422
  },
5425
5423
  m(target, anchor) {
@@ -5553,7 +5551,7 @@ class List extends SvelteComponent {
5553
5551
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5554
5552
 
5555
5553
  function add_css$k(target) {
5556
- append_styles(target, "svelte-pd7cyv", ".list-item.svelte-pd7cyv{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-pd7cyv > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
5554
+ append_styles(target, "svelte-1y59gb", ".list-item.svelte-1y59gb{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1y59gb > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
5557
5555
  }
5558
5556
 
5559
5557
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5636,7 +5634,7 @@ function create_fragment$l(ctx) {
5636
5634
  this.h();
5637
5635
  },
5638
5636
  h() {
5639
- attr(div, "class", "list-item svelte-pd7cyv");
5637
+ attr(div, "class", "list-item svelte-1y59gb");
5640
5638
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5641
5639
  },
5642
5640
  m(target, anchor) {
@@ -5762,7 +5760,7 @@ class ListItem extends SvelteComponent {
5762
5760
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5763
5761
 
5764
5762
  function add_css$j(target) {
5765
- append_styles(target, "svelte-g5f8hw", ".embed.svelte-g5f8hw{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-g5f8hw iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000}");
5763
+ append_styles(target, "svelte-ni3m8w", ".embed.svelte-ni3m8w{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-ni3m8w iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000}");
5766
5764
  }
5767
5765
 
5768
5766
  function create_fragment$k(ctx) {
@@ -5780,7 +5778,7 @@ function create_fragment$k(ctx) {
5780
5778
  this.h();
5781
5779
  },
5782
5780
  h() {
5783
- attr(div, "class", "embed svelte-g5f8hw");
5781
+ attr(div, "class", "embed svelte-ni3m8w");
5784
5782
  attr(div, "style", /*_style*/ ctx[1]);
5785
5783
  },
5786
5784
  m(target, anchor) {
@@ -5823,7 +5821,7 @@ class EmbedElement extends SvelteComponent {
5823
5821
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5824
5822
 
5825
5823
  function add_css$i(target) {
5826
- append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{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}.embed.svelte-1gvn5zq iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5824
+ append_styles(target, "svelte-55gb6a", ".embed.svelte-55gb6a{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}.embed.svelte-55gb6a iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
5827
5825
  }
5828
5826
 
5829
5827
  function create_fragment$j(ctx) {
@@ -5846,7 +5844,7 @@ function create_fragment$j(ctx) {
5846
5844
  },
5847
5845
  h() {
5848
5846
  attr(div0, "class", "karte-player");
5849
- attr(div1, "class", "embed svelte-1gvn5zq");
5847
+ attr(div1, "class", "embed svelte-55gb6a");
5850
5848
  attr(div1, "style", /*_style*/ ctx[0]);
5851
5849
  },
5852
5850
  m(target, anchor) {
@@ -6188,7 +6186,7 @@ class MovieYouTubeElement extends SvelteComponent {
6188
6186
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6189
6187
 
6190
6188
  function add_css$h(target) {
6191
- append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{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}.embed.svelte-1gvn5zq iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6189
+ append_styles(target, "svelte-55gb6a", ".embed.svelte-55gb6a{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}.embed.svelte-55gb6a iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
6192
6190
  }
6193
6191
 
6194
6192
  function create_fragment$i(ctx) {
@@ -6211,7 +6209,7 @@ function create_fragment$i(ctx) {
6211
6209
  },
6212
6210
  h() {
6213
6211
  attr(div0, "class", "karte-player");
6214
- attr(div1, "class", "embed svelte-1gvn5zq");
6212
+ attr(div1, "class", "embed svelte-55gb6a");
6215
6213
  attr(div1, "style", /*_style*/ ctx[0]);
6216
6214
  },
6217
6215
  m(target, anchor) {
@@ -6395,7 +6393,7 @@ class MovieVimeoElement extends SvelteComponent {
6395
6393
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6396
6394
 
6397
6395
  function add_css$g(target) {
6398
- append_styles(target, "svelte-kyay3k", ".textarea-wrapper.svelte-kyay3k{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-kyay3k{width:100%;resize:none}");
6396
+ append_styles(target, "svelte-13z4kn0", ".textarea-wrapper.svelte-13z4kn0{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-13z4kn0{width:100%;resize:none}");
6399
6397
  }
6400
6398
 
6401
6399
  function create_fragment$h(ctx) {
@@ -6425,12 +6423,12 @@ function create_fragment$h(ctx) {
6425
6423
  this.h();
6426
6424
  },
6427
6425
  h() {
6428
- attr(textarea, "class", "textarea svelte-kyay3k");
6426
+ attr(textarea, "class", "textarea svelte-13z4kn0");
6429
6427
  textarea.value = /*$value*/ ctx[3];
6430
6428
  textarea.required = /*required*/ ctx[0];
6431
6429
  attr(textarea, "rows", /*rows*/ ctx[1]);
6432
6430
  attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6433
- attr(div, "class", "textarea-wrapper svelte-kyay3k");
6431
+ attr(div, "class", "textarea-wrapper svelte-13z4kn0");
6434
6432
  },
6435
6433
  m(target, anchor) {
6436
6434
  insert_hydration(target, div, anchor);
@@ -6526,7 +6524,7 @@ class FormTextarea extends SvelteComponent {
6526
6524
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6527
6525
 
6528
6526
  function add_css$f(target) {
6529
- append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
6527
+ 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}");
6530
6528
  }
6531
6529
 
6532
6530
  function get_each_context$5(ctx, list, i) {
@@ -6582,14 +6580,14 @@ function create_each_block$5(ctx) {
6582
6580
  },
6583
6581
  h() {
6584
6582
  attr(input, "type", "radio");
6585
- attr(input, "class", "radio-button-input svelte-17s08g");
6583
+ attr(input, "class", "radio-button-input svelte-1ntb6j8");
6586
6584
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6587
6585
  attr(input, "name", /*name*/ ctx[0]);
6588
6586
  input.value = input_value_value = /*option*/ ctx[16];
6589
6587
  input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
6590
- attr(span, "class", "radio-button-text svelte-17s08g");
6588
+ attr(span, "class", "radio-button-text svelte-1ntb6j8");
6591
6589
  attr(span, "style", /*_textStyle*/ ctx[2]);
6592
- attr(label, "class", "radio-button svelte-17s08g");
6590
+ attr(label, "class", "radio-button svelte-1ntb6j8");
6593
6591
  },
6594
6592
  m(target, anchor) {
6595
6593
  insert_hydration(target, label, anchor);
@@ -6668,7 +6666,7 @@ function create_fragment$g(ctx) {
6668
6666
  this.h();
6669
6667
  },
6670
6668
  h() {
6671
- attr(div, "class", "radio-buttons svelte-17s08g");
6669
+ attr(div, "class", "radio-buttons svelte-1ntb6j8");
6672
6670
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6673
6671
  },
6674
6672
  m(target, anchor) {
@@ -6835,7 +6833,7 @@ class FormRadioButtons extends SvelteComponent {
6835
6833
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6836
6834
 
6837
6835
  function add_css$e(target) {
6838
- append_styles(target, "svelte-1n4ag74", ".select.svelte-1n4ag74{width:100%;height:100%}.select-select.svelte-1n4ag74{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-1n4ag74: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-1n4ag74{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}");
6836
+ append_styles(target, "svelte-1ihv110", ".select.svelte-1ihv110{width:100%;height:100%}.select-select.svelte-1ihv110{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-1ihv110: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-1ihv110{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}");
6839
6837
  }
6840
6838
 
6841
6839
  function get_each_context$4(ctx, list, i) {
@@ -7006,10 +7004,10 @@ function create_fragment$f(ctx) {
7006
7004
  this.h();
7007
7005
  },
7008
7006
  h() {
7009
- attr(select, "class", "select-select svelte-1n4ag74");
7007
+ attr(select, "class", "select-select svelte-1ihv110");
7010
7008
  attr(select, "style", /*style*/ ctx[3]);
7011
- attr(div0, "class", "select-icon svelte-1n4ag74");
7012
- attr(div1, "class", "select svelte-1n4ag74");
7009
+ attr(div0, "class", "select-icon svelte-1ihv110");
7010
+ attr(div1, "class", "select svelte-1ihv110");
7013
7011
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7014
7012
  },
7015
7013
  m(target, anchor) {
@@ -7211,7 +7209,7 @@ class FormSelect extends SvelteComponent {
7211
7209
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7212
7210
 
7213
7211
  function add_css$d(target) {
7214
- append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{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-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn: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-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
7212
+ append_styles(target, "svelte-wtt98v", ".check-boxes.svelte-wtt98v.svelte-wtt98v{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-wtt98v.svelte-wtt98v{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-wtt98v.svelte-wtt98v{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-wtt98v.svelte-wtt98v{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-wtt98v.svelte-wtt98v{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-wtt98v.svelte-wtt98v: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-wtt98v.svelte-wtt98v{background-color:var(--color-main-active)}.check-box-check._checked.svelte-wtt98v .check-box-icon.svelte-wtt98v:after{border-color:var(--color-sub-active)}.check-box-text.svelte-wtt98v.svelte-wtt98v{margin-left:0.5em}");
7215
7213
  }
7216
7214
 
7217
7215
  function get_each_context$3(ctx, list, i) {
@@ -7272,19 +7270,19 @@ function create_each_block$3(ctx) {
7272
7270
  this.h();
7273
7271
  },
7274
7272
  h() {
7275
- attr(input, "class", "check-box-input svelte-p15pvn");
7273
+ attr(input, "class", "check-box-input svelte-wtt98v");
7276
7274
  attr(input, "type", "checkbox");
7277
7275
  attr(input, "name", /*name*/ ctx[0]);
7278
7276
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7279
- attr(span0, "class", "check-box-icon svelte-p15pvn");
7277
+ attr(span0, "class", "check-box-icon svelte-wtt98v");
7280
7278
 
7281
7279
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7282
7280
  ? ' _checked'
7283
- : ''}`) + " svelte-p15pvn"));
7281
+ : ''}`) + " svelte-wtt98v"));
7284
7282
 
7285
- attr(span2, "class", "check-box-text svelte-p15pvn");
7283
+ attr(span2, "class", "check-box-text svelte-wtt98v");
7286
7284
  attr(span2, "style", /*_textStyle*/ ctx[2]);
7287
- attr(label, "class", "check-box svelte-p15pvn");
7285
+ attr(label, "class", "check-box svelte-wtt98v");
7288
7286
  attr(label, "style", /*styleVariables*/ ctx[5]);
7289
7287
  },
7290
7288
  m(target, anchor) {
@@ -7316,7 +7314,7 @@ function create_each_block$3(ctx) {
7316
7314
 
7317
7315
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7318
7316
  ? ' _checked'
7319
- : ''}`) + " svelte-p15pvn"))) {
7317
+ : ''}`) + " svelte-wtt98v"))) {
7320
7318
  attr(span1, "class", span1_class_value);
7321
7319
  }
7322
7320
 
@@ -7369,7 +7367,7 @@ function create_fragment$e(ctx) {
7369
7367
  this.h();
7370
7368
  },
7371
7369
  h() {
7372
- attr(div, "class", "check-boxes svelte-p15pvn");
7370
+ attr(div, "class", "check-boxes svelte-wtt98v");
7373
7371
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7374
7372
  },
7375
7373
  m(target, anchor) {
@@ -7543,7 +7541,7 @@ class FormCheckBoxes extends SvelteComponent {
7543
7541
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7544
7542
 
7545
7543
  function add_css$c(target) {
7546
- append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{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}");
7544
+ append_styles(target, "svelte-18pfy31", ".rating-buttons.svelte-18pfy31{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-18pfy31{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}");
7547
7545
  }
7548
7546
 
7549
7547
  function get_each_context$2(ctx, list, i) {
@@ -7578,7 +7576,7 @@ function create_each_block$2(ctx) {
7578
7576
  this.h();
7579
7577
  },
7580
7578
  h() {
7581
- attr(button, "class", "rating-button svelte-zy2va9");
7579
+ attr(button, "class", "rating-button svelte-18pfy31");
7582
7580
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7583
7581
  },
7584
7582
  m(target, anchor) {
@@ -7641,7 +7639,7 @@ function create_fragment$d(ctx) {
7641
7639
  this.h();
7642
7640
  },
7643
7641
  h() {
7644
- attr(div, "class", "rating-buttons svelte-zy2va9");
7642
+ attr(div, "class", "rating-buttons svelte-18pfy31");
7645
7643
  },
7646
7644
  m(target, anchor) {
7647
7645
  insert_hydration(target, div, anchor);
@@ -7778,7 +7776,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7778
7776
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7779
7777
 
7780
7778
  function add_css$b(target) {
7781
- append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
7779
+ 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%)}");
7782
7780
  }
7783
7781
 
7784
7782
  function get_each_context$1(ctx, list, i) {
@@ -7814,9 +7812,9 @@ function create_each_block$1(ctx) {
7814
7812
  },
7815
7813
  h() {
7816
7814
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7817
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7815
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
7818
7816
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7819
- attr(button, "class", "rating-button svelte-tbunko");
7817
+ attr(button, "class", "rating-button svelte-1b5dvzw");
7820
7818
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7821
7819
  },
7822
7820
  m(target, anchor) {
@@ -7832,7 +7830,7 @@ function create_each_block$1(ctx) {
7832
7830
  p(new_ctx, dirty) {
7833
7831
  ctx = new_ctx;
7834
7832
 
7835
- if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
7833
+ if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"))) {
7836
7834
  attr(img, "class", img_class_value);
7837
7835
  }
7838
7836
 
@@ -7879,7 +7877,7 @@ function create_fragment$c(ctx) {
7879
7877
  this.h();
7880
7878
  },
7881
7879
  h() {
7882
- attr(div, "class", "rating-buttons svelte-tbunko");
7880
+ attr(div, "class", "rating-buttons svelte-1b5dvzw");
7883
7881
  },
7884
7882
  m(target, anchor) {
7885
7883
  insert_hydration(target, div, anchor);
@@ -7987,7 +7985,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7987
7985
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7988
7986
 
7989
7987
  function add_css$a(target) {
7990
- append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
7988
+ 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%}");
7991
7989
  }
7992
7990
 
7993
7991
  function get_each_context(ctx, list, i) {
@@ -8033,9 +8031,9 @@ function create_if_block_1(ctx) {
8033
8031
  attr(svg, "viewBox", "0 0 10 16");
8034
8032
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8035
8033
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8036
- attr(button, "class", "move-button svelte-ji1fh");
8034
+ attr(button, "class", "move-button svelte-1qfq79t");
8037
8035
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8038
- attr(div, "class", "prev-button-container svelte-ji1fh");
8036
+ attr(div, "class", "prev-button-container svelte-1qfq79t");
8039
8037
  },
8040
8038
  m(target, anchor) {
8041
8039
  insert_hydration(target, div, anchor);
@@ -8101,9 +8099,9 @@ function create_if_block$1(ctx) {
8101
8099
  attr(svg, "viewBox", "0 0 10 16");
8102
8100
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8103
8101
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8104
- attr(button, "class", "move-button svelte-ji1fh");
8102
+ attr(button, "class", "move-button svelte-1qfq79t");
8105
8103
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8106
- attr(div, "class", "next-button-container svelte-ji1fh");
8104
+ attr(div, "class", "next-button-container svelte-1qfq79t");
8107
8105
  },
8108
8106
  m(target, anchor) {
8109
8107
  insert_hydration(target, div, anchor);
@@ -8163,9 +8161,9 @@ function create_each_block(ctx) {
8163
8161
  this.h();
8164
8162
  },
8165
8163
  h() {
8166
- attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8164
+ attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8167
8165
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8168
- attr(button, "class", "navigation-item svelte-ji1fh");
8166
+ attr(button, "class", "navigation-item svelte-1qfq79t");
8169
8167
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8170
8168
  },
8171
8169
  m(target, anchor) {
@@ -8271,14 +8269,14 @@ function create_fragment$b(ctx) {
8271
8269
  this.h();
8272
8270
  },
8273
8271
  h() {
8274
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8272
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8275
8273
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8276
- attr(div1, "class", "container svelte-ji1fh");
8274
+ attr(div1, "class", "container svelte-1qfq79t");
8277
8275
  attr(div1, "style", /*_style*/ ctx[0]);
8278
- attr(div2, "class", "navigation svelte-ji1fh");
8276
+ attr(div2, "class", "navigation svelte-1qfq79t");
8279
8277
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8280
8278
  set_attributes(div3, div3_data);
8281
- toggle_class(div3, "svelte-ji1fh", true);
8279
+ toggle_class(div3, "svelte-1qfq79t", true);
8282
8280
  },
8283
8281
  m(target, anchor) {
8284
8282
  insert_hydration(target, div3, anchor);
@@ -8320,7 +8318,7 @@ function create_fragment$b(ctx) {
8320
8318
  }
8321
8319
  }
8322
8320
 
8323
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
8321
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
8324
8322
  attr(div0, "class", div0_class_value);
8325
8323
  }
8326
8324
 
@@ -8386,7 +8384,7 @@ function create_fragment$b(ctx) {
8386
8384
  }
8387
8385
 
8388
8386
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
8389
- toggle_class(div3, "svelte-ji1fh", true);
8387
+ toggle_class(div3, "svelte-1qfq79t", true);
8390
8388
  },
8391
8389
  i(local) {
8392
8390
  if (current) return;
@@ -8898,7 +8896,7 @@ class Slide extends SvelteComponent {
8898
8896
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8899
8897
 
8900
8898
  function add_css$9(target) {
8901
- append_styles(target, "svelte-1fqq17x", ".item.svelte-1fqq17x{height:100%;flex:none;position:relative}.item.svelte-1fqq17x img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1fqq17x{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8899
+ append_styles(target, "svelte-1ilvo81", ".item.svelte-1ilvo81{height:100%;flex:none;position:relative}.item.svelte-1ilvo81 img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1ilvo81{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
8902
8900
  }
8903
8901
 
8904
8902
  function create_fragment$a(ctx) {
@@ -8926,9 +8924,9 @@ function create_fragment$a(ctx) {
8926
8924
  this.h();
8927
8925
  },
8928
8926
  h() {
8929
- attr(div0, "class", "item-inner svelte-1fqq17x");
8927
+ attr(div0, "class", "item-inner svelte-1ilvo81");
8930
8928
  attr(div0, "style", /*_style*/ ctx[0]);
8931
- attr(div1, "class", "item svelte-1fqq17x");
8929
+ attr(div1, "class", "item svelte-1ilvo81");
8932
8930
  attr(div1, "style", /*itemStyle*/ ctx[1]);
8933
8931
  },
8934
8932
  m(target, anchor) {
@@ -9054,7 +9052,7 @@ class SlideItem extends SvelteComponent {
9054
9052
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9055
9053
 
9056
9054
  function add_css$8(target) {
9057
- append_styles(target, "svelte-192lor2", ".countdown.svelte-192lor2{position:relative;width:100%;height:100%}.countdown-inner.svelte-192lor2{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
9055
+ append_styles(target, "svelte-5j9cpu", ".countdown.svelte-5j9cpu{position:relative;width:100%;height:100%}.countdown-inner.svelte-5j9cpu{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
9058
9056
  }
9059
9057
 
9060
9058
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9085,9 +9083,9 @@ function create_fragment$9(ctx) {
9085
9083
  this.h();
9086
9084
  },
9087
9085
  h() {
9088
- attr(div0, "class", "countdown-inner svelte-192lor2");
9086
+ attr(div0, "class", "countdown-inner svelte-5j9cpu");
9089
9087
  attr(div0, "style", /*_style*/ ctx[0]);
9090
- attr(div1, "class", "countdown svelte-192lor2");
9088
+ attr(div1, "class", "countdown svelte-5j9cpu");
9091
9089
  },
9092
9090
  m(target, anchor) {
9093
9091
  insert_hydration(target, div1, anchor);
@@ -9217,7 +9215,7 @@ class Countdown extends SvelteComponent {
9217
9215
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9218
9216
 
9219
9217
  function add_css$7(target) {
9220
- append_styles(target, "svelte-6g6etj", ".box.svelte-6g6etj{position:relative;width:100%;height:100%}.box.svelte-6g6etj > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
9218
+ append_styles(target, "svelte-ppc4fn", ".box.svelte-ppc4fn{position:relative;width:100%;height:100%}.box.svelte-ppc4fn > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
9221
9219
  }
9222
9220
 
9223
9221
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9300,7 +9298,7 @@ function create_fragment$8(ctx) {
9300
9298
  this.h();
9301
9299
  },
9302
9300
  h() {
9303
- attr(div, "class", "box svelte-6g6etj");
9301
+ attr(div, "class", "box svelte-ppc4fn");
9304
9302
  },
9305
9303
  m(target, anchor) {
9306
9304
  insert_hydration(target, div, anchor);
@@ -9361,7 +9359,7 @@ class Box extends SvelteComponent {
9361
9359
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
9362
9360
 
9363
9361
  function add_css$6(target) {
9364
- append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
9362
+ 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)}");
9365
9363
  }
9366
9364
 
9367
9365
  // (56:4) {#if svg}
@@ -9465,7 +9463,7 @@ function create_fragment$7(ctx) {
9465
9463
  this.h();
9466
9464
  },
9467
9465
  h() {
9468
- attr(div, "class", "icon svelte-1mkvcuo");
9466
+ attr(div, "class", "icon svelte-1mk6wi4");
9469
9467
  },
9470
9468
  m(target, anchor) {
9471
9469
  insert_hydration(target, div, anchor);
@@ -9574,7 +9572,7 @@ class IconElement extends SvelteComponent {
9574
9572
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9575
9573
 
9576
9574
  function add_css$5(target) {
9577
- append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9575
+ append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9578
9576
  }
9579
9577
 
9580
9578
  function create_fragment$6(ctx) {
@@ -9610,7 +9608,7 @@ function create_fragment$6(ctx) {
9610
9608
  this.h();
9611
9609
  },
9612
9610
  h() {
9613
- attr(div, "class", "codeElement svelte-ymsb9l");
9611
+ attr(div, "class", "codeElement svelte-1ng2n51");
9614
9612
  attr(div, "style", /*style*/ ctx[3]);
9615
9613
  },
9616
9614
  m(target, anchor) {
@@ -9699,7 +9697,7 @@ class CodeElement extends SvelteComponent {
9699
9697
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9700
9698
 
9701
9699
  function add_css$4(target) {
9702
- append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9700
+ append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9703
9701
  }
9704
9702
 
9705
9703
  function create_fragment$5(ctx) {
@@ -9723,7 +9721,7 @@ function create_fragment$5(ctx) {
9723
9721
  this.h();
9724
9722
  },
9725
9723
  h() {
9726
- attr(div, "class", "flex svelte-1e71ejc");
9724
+ attr(div, "class", "flex svelte-9v2qdg");
9727
9725
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9728
9726
  },
9729
9727
  m(target, anchor) {
@@ -9820,7 +9818,7 @@ class Flex extends SvelteComponent {
9820
9818
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9821
9819
 
9822
9820
  function add_css$3(target) {
9823
- append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9821
+ append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9824
9822
  }
9825
9823
 
9826
9824
  function create_fragment$4(ctx) {
@@ -9843,7 +9841,7 @@ function create_fragment$4(ctx) {
9843
9841
  this.h();
9844
9842
  },
9845
9843
  h() {
9846
- attr(div, "class", "flex-item svelte-1p0bk1x");
9844
+ attr(div, "class", "flex-item svelte-164ah5d");
9847
9845
  attr(div, "style", /*style*/ ctx[0]);
9848
9846
  },
9849
9847
  m(target, anchor) {
@@ -10263,7 +10261,7 @@ class GridModalState extends SvelteComponent {
10263
10261
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10264
10262
 
10265
10263
  function add_css$2(target) {
10266
- append_styles(target, "svelte-11rpuv5", ".text-block.svelte-11rpuv5.svelte-11rpuv5{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-11rpuv5.svelte-11rpuv5{width:100%;height:auto}.text-direction-vertical.svelte-11rpuv5.svelte-11rpuv5{writing-mode:vertical-rl}.text-direction-vertical.svelte-11rpuv5 .text-block-inner.svelte-11rpuv5{width:auto;height:100%}");
10264
+ append_styles(target, "svelte-q1o685", ".text-block.svelte-q1o685.svelte-q1o685{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-q1o685.svelte-q1o685{width:100%;height:auto}.text-direction-vertical.svelte-q1o685.svelte-q1o685{writing-mode:vertical-rl}.text-direction-vertical.svelte-q1o685 .text-block-inner.svelte-q1o685{width:auto;height:100%}");
10267
10265
  }
10268
10266
 
10269
10267
  function create_fragment$2(ctx) {
@@ -10292,8 +10290,8 @@ function create_fragment$2(ctx) {
10292
10290
  this.h();
10293
10291
  },
10294
10292
  h() {
10295
- attr(div0, "class", "text-block-inner svelte-11rpuv5");
10296
- attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
10293
+ attr(div0, "class", "text-block-inner svelte-q1o685");
10294
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"));
10297
10295
  attr(div1, "style", /*style*/ ctx[2]);
10298
10296
  },
10299
10297
  m(target, anchor) {
@@ -10307,7 +10305,7 @@ function create_fragment$2(ctx) {
10307
10305
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10308
10306
  rendertext.$set(rendertext_changes);
10309
10307
 
10310
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
10308
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"))) {
10311
10309
  attr(div1, "class", div1_class_value);
10312
10310
  }
10313
10311
 
@@ -10385,7 +10383,7 @@ class TextBlock extends SvelteComponent {
10385
10383
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10386
10384
 
10387
10385
  function add_css$1(target) {
10388
- append_styles(target, "svelte-1t5i3za", ".text-button-block.svelte-1t5i3za{width:100%;height:100%}.text-button.svelte-1t5i3za{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1t5i3za:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1t5i3za:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
10386
+ append_styles(target, "svelte-1cungpm", ".text-button-block.svelte-1cungpm{width:100%;height:100%}.text-button.svelte-1cungpm{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1cungpm:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1cungpm:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
10389
10387
  }
10390
10388
 
10391
10389
  function create_fragment$1(ctx) {
@@ -10415,9 +10413,9 @@ function create_fragment$1(ctx) {
10415
10413
  this.h();
10416
10414
  },
10417
10415
  h() {
10418
- attr(button, "class", "text-button svelte-1t5i3za");
10416
+ attr(button, "class", "text-button svelte-1cungpm");
10419
10417
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
10420
- attr(div, "class", "text-button-block svelte-1t5i3za");
10418
+ attr(div, "class", "text-button-block svelte-1cungpm");
10421
10419
  attr(div, "style", /*_style*/ ctx[2]);
10422
10420
  },
10423
10421
  m(target, anchor) {
@@ -10523,7 +10521,7 @@ class TextButtonBlock extends SvelteComponent {
10523
10521
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
10524
10522
 
10525
10523
  function add_css(target) {
10526
- append_styles(target, "svelte-1um32br", ".image-block.svelte-1um32br{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}.image.svelte-1um32br{width:100%;height:100%}.transport.svelte-1um32br:hover,.transport.svelte-1um32br:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
10524
+ append_styles(target, "svelte-77bqvv", ".image-block.svelte-77bqvv{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}.image.svelte-77bqvv{width:100%;height:100%}.transport.svelte-77bqvv:hover,.transport.svelte-77bqvv:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
10527
10525
  }
10528
10526
 
10529
10527
  function create_fragment(ctx) {
@@ -10558,14 +10556,14 @@ function create_fragment(ctx) {
10558
10556
  this.h();
10559
10557
  },
10560
10558
  h() {
10561
- attr(img, "class", "image svelte-1um32br");
10559
+ attr(img, "class", "image svelte-77bqvv");
10562
10560
  attr(img, "loading", "lazy");
10563
10561
  attr(img, "width", "auto");
10564
10562
  attr(img, "height", "auto");
10565
10563
  attr(img, "style", /*_imageStyle*/ ctx[3]);
10566
10564
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
10567
10565
  attr(img, "alt", /*alt*/ ctx[1]);
10568
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"));
10566
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-77bqvv"));
10569
10567
  attr(div, "style", /*_style*/ ctx[4]);
10570
10568
  },
10571
10569
  m(target, anchor) {
@@ -10590,7 +10588,7 @@ function create_fragment(ctx) {
10590
10588
  attr(img, "alt", /*alt*/ ctx[1]);
10591
10589
  }
10592
10590
 
10593
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"))) {
10591
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-77bqvv"))) {
10594
10592
  attr(div, "class", div_class_value);
10595
10593
  }
10596
10594