@plaidev/karte-action-sdk 1.1.188 → 1.1.190-28154239.dabefd64

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 (5) hide show
  1. package/dist/hydrate/index.es.d.ts +6 -6
  2. package/dist/hydrate/index.es.js +399 -380
  3. package/dist/index.es.d.ts +6 -6
  4. package/dist/index.es.js +395 -389
  5. package/package.json +2 -2
package/dist/hydrate/index.es.js CHANGED
@@ -25,6 +25,233 @@ 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
+
28
255
  /**
29
256
  * ポップアップ(モーダル)のコンポーネントで利用するPropの定義
30
257
  */
@@ -261,17 +488,17 @@ const Alignments = ['flex-start', 'center', 'flex-end'];
261
488
  /** @internal */
262
489
  const FlexDirections = ['row', 'column'];
263
490
  /** @internal */
264
- const ObjectFits = ['fill', 'contain', 'cover'];
491
+ const ObjectFits = ['contain', 'cover', 'fill'];
265
492
  /** @internal */
266
493
  const ClipPaths = ['none', 'circle(closest-side)'];
267
494
  /** @internal */
268
495
  const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
269
496
  /** @internal */
270
- const BackgroundSizes = ['cover', 'contain', 'auto'];
497
+ const BackgroundSizes = ['auto', 'cover', 'contain'];
271
498
  /** @internal */
272
499
  const Cursors = ['default', 'pointer'];
273
500
  /** @internal */
274
- const Overflows = ['visible', 'auto', 'hidden'];
501
+ const Overflows = ['hidden', 'auto', 'visible'];
275
502
  /** @internal */
276
503
  const WritingModes = ['horizontal-tb', 'vertical-lr'];
277
504
  /** @internal */
@@ -444,6 +671,8 @@ const state = writable('/');
444
671
  * @public
445
672
  */
446
673
  function setState$1(stateId, options) {
674
+ if (options?.disableInPreview)
675
+ return;
447
676
  state.set(stateId);
448
677
  }
449
678
  /**
@@ -739,233 +968,6 @@ function resetVariables() {
739
968
  */
740
969
  const formData = writable({});
741
970
 
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
-
969
971
  /**
970
972
  * アクションのログの記録の管理
971
973
  */
@@ -1593,6 +1595,9 @@ function createModal(App, options = {
1593
1595
  if (app) {
1594
1596
  return;
1595
1597
  }
1598
+ if (trigger === 'custom') {
1599
+ return;
1600
+ }
1596
1601
  if (trigger === 'custom' && (options.props.show_on_scroll || options.props.show_on_time)) {
1597
1602
  return;
1598
1603
  }
@@ -1650,6 +1655,9 @@ function createModal(App, options = {
1650
1655
  const trigger = event?.detail?.trigger ? event.detail.trigger : 'none';
1651
1656
  show(trigger);
1652
1657
  };
1658
+ const autoShow = () => {
1659
+ return show('auto');
1660
+ };
1653
1661
  // ここからメインの処理
1654
1662
  initialize({ send: options.send, initialState: data.initial_state });
1655
1663
  // ActionTable APIへの非同期リクエスト
@@ -1663,6 +1671,9 @@ function createModal(App, options = {
1663
1671
  window.addEventListener(ACTION_CHANGE_STATE_EVENT, handleState);
1664
1672
  let showTriggerCleanups = [];
1665
1673
  let closeTriggerCleanups = [];
1674
+ {
1675
+ autoShow();
1676
+ }
1666
1677
  // 旧Widget API IFの処理
1667
1678
  const { onCreateHandlers } = getInternalHandlers();
1668
1679
  if (onCreateHandlers) {
@@ -2533,7 +2544,7 @@ class State extends SvelteComponent {
2533
2544
  /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
2534
2545
 
2535
2546
  function add_css$t(target) {
2536
- append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
2547
+ append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
2537
2548
  }
2538
2549
 
2539
2550
  // (23:0) {#if $state === path}
@@ -2560,7 +2571,7 @@ function create_if_block$8(ctx) {
2560
2571
  },
2561
2572
  h() {
2562
2573
  attr(div, "data-state-path", /*path*/ ctx[0]);
2563
- attr(div, "class", "state-item svelte-1amihue");
2574
+ attr(div, "class", "state-item svelte-2qb6dm");
2564
2575
  },
2565
2576
  m(target, anchor) {
2566
2577
  insert_hydration(target, div, anchor);
@@ -2918,7 +2929,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
2918
2929
  /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
2919
2930
 
2920
2931
  function add_css$s(target) {
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}");
2932
+ 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}");
2922
2933
  }
2923
2934
 
2924
2935
  // (9:0) {#if backgroundOverlay}
@@ -2938,7 +2949,7 @@ function create_if_block$7(ctx) {
2938
2949
  this.h();
2939
2950
  },
2940
2951
  h() {
2941
- attr(div, "class", "background svelte-g6ucc2");
2952
+ attr(div, "class", "background svelte-1d4fta");
2942
2953
  },
2943
2954
  m(target, anchor) {
2944
2955
  insert_hydration(target, div, anchor);
@@ -3053,7 +3064,7 @@ function checkStopPropagation(eventName, handler) {
3053
3064
  /* src/components/Button.svelte generated by Svelte v3.53.1 */
3054
3065
 
3055
3066
  function add_css$r(target) {
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}");
3067
+ 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}");
3057
3068
  }
3058
3069
 
3059
3070
  // (50:0) {:else}
@@ -3092,7 +3103,7 @@ function create_else_block$3(ctx) {
3092
3103
  },
3093
3104
  h() {
3094
3105
  set_attributes(button, button_data);
3095
- toggle_class(button, "svelte-1dtbrzj", true);
3106
+ toggle_class(button, "svelte-1tg0tf", true);
3096
3107
  },
3097
3108
  m(target, anchor) {
3098
3109
  insert_hydration(target, button, anchor);
@@ -3131,7 +3142,7 @@ function create_else_block$3(ctx) {
3131
3142
  dataAttrStopPropagation('click')
3132
3143
  ]));
3133
3144
 
3134
- toggle_class(button, "svelte-1dtbrzj", true);
3145
+ toggle_class(button, "svelte-1tg0tf", true);
3135
3146
  },
3136
3147
  i(local) {
3137
3148
  if (current) return;
@@ -3172,7 +3183,7 @@ function create_if_block_2(ctx) {
3172
3183
  this.h();
3173
3184
  },
3174
3185
  h() {
3175
- attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1dtbrzj"));
3186
+ attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
3176
3187
  attr(div, "style", /*style*/ ctx[1]);
3177
3188
  },
3178
3189
  m(target, anchor) {
@@ -3270,7 +3281,7 @@ function create_if_block_1$2(ctx) {
3270
3281
  },
3271
3282
  h() {
3272
3283
  set_attributes(a, a_data);
3273
- toggle_class(a, "svelte-1dtbrzj", true);
3284
+ toggle_class(a, "svelte-1tg0tf", true);
3274
3285
  },
3275
3286
  m(target, anchor) {
3276
3287
  insert_hydration(target, a, anchor);
@@ -3310,7 +3321,7 @@ function create_if_block_1$2(ctx) {
3310
3321
  dataAttrStopPropagation('click')
3311
3322
  ]));
3312
3323
 
3313
- toggle_class(a, "svelte-1dtbrzj", true);
3324
+ toggle_class(a, "svelte-1tg0tf", true);
3314
3325
  },
3315
3326
  i(local) {
3316
3327
  if (current) return;
@@ -3351,7 +3362,7 @@ function create_if_block$6(ctx) {
3351
3362
  this.h();
3352
3363
  },
3353
3364
  h() {
3354
- attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1dtbrzj"));
3365
+ attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
3355
3366
  attr(div, "style", /*style*/ ctx[1]);
3356
3367
  },
3357
3368
  m(target, anchor) {
@@ -3559,7 +3570,7 @@ class Button extends SvelteComponent {
3559
3570
  /* src/components/Modal.svelte generated by Svelte v3.53.1 */
3560
3571
 
3561
3572
  function add_css$q(target) {
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}");
3573
+ 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}");
3563
3574
  }
3564
3575
 
3565
3576
  // (145:0) {#if visible}
@@ -3600,7 +3611,7 @@ function create_if_block$5(ctx) {
3600
3611
  this.h();
3601
3612
  },
3602
3613
  h() {
3603
- attr(div, "class", "modal svelte-1vrjevr");
3614
+ attr(div, "class", "modal svelte-1invh97");
3604
3615
  attr(div, "role", "dialog");
3605
3616
  attr(div, "aria-modal", "true");
3606
3617
  attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
@@ -3688,7 +3699,7 @@ function create_if_block_1$1(ctx) {
3688
3699
  this.h();
3689
3700
  },
3690
3701
  h() {
3691
- attr(div, "class", "close svelte-1vrjevr");
3702
+ attr(div, "class", "close svelte-1invh97");
3692
3703
  set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
3693
3704
  },
3694
3705
  m(target, anchor) {
@@ -3813,7 +3824,7 @@ function create_default_slot$6(ctx) {
3813
3824
  this.h();
3814
3825
  },
3815
3826
  h() {
3816
- attr(div, "class", "modal-content svelte-1vrjevr");
3827
+ attr(div, "class", "modal-content svelte-1invh97");
3817
3828
  attr(div, "style", /*_style*/ ctx[4]);
3818
3829
  },
3819
3830
  m(target, anchor) {
@@ -4323,7 +4334,7 @@ class Grid extends SvelteComponent {
4323
4334
  /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
4324
4335
 
4325
4336
  function add_css$p(target) {
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}");
4337
+ append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
4327
4338
  }
4328
4339
 
4329
4340
  function create_fragment$r(ctx) {
@@ -4357,8 +4368,8 @@ function create_fragment$r(ctx) {
4357
4368
  this.h();
4358
4369
  },
4359
4370
  h() {
4360
- attr(div0, "class", "grid-item-inner svelte-1cryhmb");
4361
- attr(div1, "class", "grid-item svelte-1cryhmb");
4371
+ attr(div0, "class", "grid-item-inner svelte-n7kdl3");
4372
+ attr(div1, "class", "grid-item svelte-n7kdl3");
4362
4373
  attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
4363
4374
  attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
4364
4375
  attr(div1, "style", /*_style*/ ctx[1]);
@@ -4680,7 +4691,7 @@ class RenderText extends SvelteComponent {
4680
4691
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
4681
4692
 
4682
4693
  function add_css$o(target) {
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}");
4694
+ 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}");
4684
4695
  }
4685
4696
 
4686
4697
  // (86:2) {:else}
@@ -4710,8 +4721,8 @@ function create_else_block$1(ctx) {
4710
4721
  this.h();
4711
4722
  },
4712
4723
  h() {
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"));
4724
+ attr(div0, "class", "text-element-inner svelte-zde5p8");
4725
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"));
4715
4726
  attr(div1, "style", /*style*/ ctx[5]);
4716
4727
  },
4717
4728
  m(target, anchor) {
@@ -4725,7 +4736,7 @@ function create_else_block$1(ctx) {
4725
4736
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4726
4737
  rendertext.$set(rendertext_changes);
4727
4738
 
4728
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-hffkvs"))) {
4739
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"))) {
4729
4740
  attr(div1, "class", div1_class_value);
4730
4741
  }
4731
4742
 
@@ -4800,12 +4811,12 @@ function create_if_block$3(ctx) {
4800
4811
  this.h();
4801
4812
  },
4802
4813
  h() {
4803
- attr(div0, "class", "text-element-inner svelte-hffkvs");
4814
+ attr(div0, "class", "text-element-inner svelte-zde5p8");
4804
4815
  attr(a, "href", '');
4805
- attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-hffkvs"));
4816
+ attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"));
4806
4817
  attr(a, "style", /*style*/ ctx[5]);
4807
- attr(div1, "class", "tooltip svelte-hffkvs");
4808
- attr(div2, "class", "tooltip tooltip-error svelte-hffkvs");
4818
+ attr(div1, "class", "tooltip svelte-zde5p8");
4819
+ attr(div2, "class", "tooltip tooltip-error svelte-zde5p8");
4809
4820
  },
4810
4821
  m(target, anchor) {
4811
4822
  insert_hydration(target, a, anchor);
@@ -4831,7 +4842,7 @@ function create_if_block$3(ctx) {
4831
4842
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4832
4843
  rendertext.$set(rendertext_changes);
4833
4844
 
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"))) {
4845
+ 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"))) {
4835
4846
  attr(a, "class", a_class_value);
4836
4847
  }
4837
4848
 
@@ -4893,7 +4904,7 @@ function create_fragment$p(ctx) {
4893
4904
  this.h();
4894
4905
  },
4895
4906
  h() {
4896
- attr(div, "class", "text-element-wrapper svelte-hffkvs");
4907
+ attr(div, "class", "text-element-wrapper svelte-zde5p8");
4897
4908
  },
4898
4909
  m(target, anchor) {
4899
4910
  insert_hydration(target, div, anchor);
@@ -5058,7 +5069,7 @@ class TextElement extends SvelteComponent {
5058
5069
  /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
5059
5070
 
5060
5071
  function add_css$n(target) {
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)}");
5072
+ 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)}");
5062
5073
  }
5063
5074
 
5064
5075
  // (46:2) <Button onClick={onClick} {style} {eventName}>
@@ -5127,7 +5138,7 @@ function create_fragment$o(ctx) {
5127
5138
  this.h();
5128
5139
  },
5129
5140
  h() {
5130
- attr(div, "class", "text-button-element svelte-1ijl494");
5141
+ attr(div, "class", "text-button-element svelte-wb7ek");
5131
5142
  },
5132
5143
  m(target, anchor) {
5133
5144
  insert_hydration(target, div, anchor);
@@ -5219,12 +5230,13 @@ class TextButtonElement extends SvelteComponent {
5219
5230
  /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
5220
5231
 
5221
5232
  function add_css$m(target) {
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%}");
5233
+ append_styles(target, "svelte-1v4alzq", ".image-element.svelte-1v4alzq{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1v4alzq > .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-1v4alzq > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1v4alzq > .button:not(._disabled):hover,.image-element.transport.svelte-1v4alzq > .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-1v4alzq{width:100%;height:100%}");
5223
5234
  }
5224
5235
 
5225
- // (40:2) <Button {onClick} style={_style} {eventName}>
5236
+ // (44:2) <Button {onClick} style={_style} {eventName}>
5226
5237
  function create_default_slot$4(ctx) {
5227
5238
  let img;
5239
+ let img_style_value;
5228
5240
  let img_src_value;
5229
5241
 
5230
5242
  return {
@@ -5246,11 +5258,11 @@ function create_default_slot$4(ctx) {
5246
5258
  this.h();
5247
5259
  },
5248
5260
  h() {
5249
- attr(img, "class", "image svelte-185kah0");
5261
+ attr(img, "class", "image svelte-1v4alzq");
5250
5262
  attr(img, "loading", "lazy");
5251
5263
  attr(img, "width", "auto");
5252
5264
  attr(img, "height", "auto");
5253
- attr(img, "style", /*_imageStyle*/ ctx[5]);
5265
+ attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`);
5254
5266
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
5255
5267
  attr(img, "alt", /*alt*/ ctx[1]);
5256
5268
  },
@@ -5258,8 +5270,8 @@ function create_default_slot$4(ctx) {
5258
5270
  insert_hydration(target, img, anchor);
5259
5271
  },
5260
5272
  p(ctx, dirty) {
5261
- if (dirty & /*_imageStyle*/ 32) {
5262
- attr(img, "style", /*_imageStyle*/ ctx[5]);
5273
+ if (dirty & /*_imageStyle, objectFit*/ 72 && img_style_value !== (img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`)) {
5274
+ attr(img, "style", img_style_value);
5263
5275
  }
5264
5276
 
5265
5277
  if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
@@ -5284,9 +5296,9 @@ function create_fragment$n(ctx) {
5284
5296
 
5285
5297
  button = new Button({
5286
5298
  props: {
5287
- onClick: /*onClick*/ ctx[3],
5288
- style: /*_style*/ ctx[6],
5289
- eventName: /*eventName*/ ctx[4],
5299
+ onClick: /*onClick*/ ctx[4],
5300
+ style: /*_style*/ ctx[7],
5301
+ eventName: /*eventName*/ ctx[5],
5290
5302
  $$slots: { default: [create_default_slot$4] },
5291
5303
  $$scope: { ctx }
5292
5304
  }
@@ -5306,7 +5318,7 @@ function create_fragment$n(ctx) {
5306
5318
  this.h();
5307
5319
  },
5308
5320
  h() {
5309
- attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-185kah0");
5321
+ attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq");
5310
5322
  },
5311
5323
  m(target, anchor) {
5312
5324
  insert_hydration(target, div, anchor);
@@ -5315,17 +5327,17 @@ function create_fragment$n(ctx) {
5315
5327
  },
5316
5328
  p(ctx, [dirty]) {
5317
5329
  const button_changes = {};
5318
- if (dirty & /*onClick*/ 8) button_changes.onClick = /*onClick*/ ctx[3];
5319
- if (dirty & /*_style*/ 64) button_changes.style = /*_style*/ ctx[6];
5320
- if (dirty & /*eventName*/ 16) button_changes.eventName = /*eventName*/ ctx[4];
5330
+ if (dirty & /*onClick*/ 16) button_changes.onClick = /*onClick*/ ctx[4];
5331
+ if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
5332
+ if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
5321
5333
 
5322
- if (dirty & /*$$scope, _imageStyle, src, alt*/ 163) {
5334
+ if (dirty & /*$$scope, _imageStyle, objectFit, src, alt*/ 331) {
5323
5335
  button_changes.$$scope = { dirty, ctx };
5324
5336
  }
5325
5337
 
5326
5338
  button.$set(button_changes);
5327
5339
 
5328
- if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-185kah0")) {
5340
+ if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq")) {
5329
5341
  attr(div, "class", div_class_value);
5330
5342
  }
5331
5343
  },
@@ -5349,22 +5361,24 @@ function instance$n($$self, $$props, $$invalidate) {
5349
5361
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
5350
5362
  let { alt = 'No Image' } = $$props;
5351
5363
  let { transport = false } = $$props;
5364
+ let { objectFit = 'contain' } = $$props;
5352
5365
  let { onClick = { operation: 'none', args: [] } } = $$props;
5353
5366
  let { eventName = '' } = $$props;
5354
- let { _imageStyle = 'object-fit: contain;' } = $$props;
5367
+ let { _imageStyle = '' } = $$props;
5355
5368
  let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
5356
5369
 
5357
5370
  $$self.$$set = $$props => {
5358
5371
  if ('src' in $$props) $$invalidate(0, src = $$props.src);
5359
5372
  if ('alt' in $$props) $$invalidate(1, alt = $$props.alt);
5360
5373
  if ('transport' in $$props) $$invalidate(2, transport = $$props.transport);
5361
- if ('onClick' in $$props) $$invalidate(3, onClick = $$props.onClick);
5362
- if ('eventName' in $$props) $$invalidate(4, eventName = $$props.eventName);
5363
- if ('_imageStyle' in $$props) $$invalidate(5, _imageStyle = $$props._imageStyle);
5364
- if ('_style' in $$props) $$invalidate(6, _style = $$props._style);
5374
+ if ('objectFit' in $$props) $$invalidate(3, objectFit = $$props.objectFit);
5375
+ if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
5376
+ if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
5377
+ if ('_imageStyle' in $$props) $$invalidate(6, _imageStyle = $$props._imageStyle);
5378
+ if ('_style' in $$props) $$invalidate(7, _style = $$props._style);
5365
5379
  };
5366
5380
 
5367
- return [src, alt, transport, onClick, eventName, _imageStyle, _style];
5381
+ return [src, alt, transport, objectFit, onClick, eventName, _imageStyle, _style];
5368
5382
  }
5369
5383
 
5370
5384
  class ImageElement extends SvelteComponent {
@@ -5381,10 +5395,11 @@ class ImageElement extends SvelteComponent {
5381
5395
  src: 0,
5382
5396
  alt: 1,
5383
5397
  transport: 2,
5384
- onClick: 3,
5385
- eventName: 4,
5386
- _imageStyle: 5,
5387
- _style: 6
5398
+ objectFit: 3,
5399
+ onClick: 4,
5400
+ eventName: 5,
5401
+ _imageStyle: 6,
5402
+ _style: 7
5388
5403
  },
5389
5404
  add_css$m
5390
5405
  );
@@ -5394,7 +5409,7 @@ class ImageElement extends SvelteComponent {
5394
5409
  /* src/components/List.svelte generated by Svelte v3.53.1 */
5395
5410
 
5396
5411
  function add_css$l(target) {
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}");
5412
+ 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}");
5398
5413
  }
5399
5414
 
5400
5415
  function create_fragment$m(ctx) {
@@ -5417,7 +5432,7 @@ function create_fragment$m(ctx) {
5417
5432
  this.h();
5418
5433
  },
5419
5434
  h() {
5420
- attr(div, "class", "list svelte-e4h4wn");
5435
+ attr(div, "class", "list svelte-1gh1zvv");
5421
5436
  attr(div, "style", /*style*/ ctx[0]);
5422
5437
  },
5423
5438
  m(target, anchor) {
@@ -5551,7 +5566,7 @@ class List extends SvelteComponent {
5551
5566
  /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
5552
5567
 
5553
5568
  function add_css$k(target) {
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}");
5569
+ 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}");
5555
5570
  }
5556
5571
 
5557
5572
  // (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
@@ -5634,7 +5649,7 @@ function create_fragment$l(ctx) {
5634
5649
  this.h();
5635
5650
  },
5636
5651
  h() {
5637
- attr(div, "class", "list-item svelte-1y59gb");
5652
+ attr(div, "class", "list-item svelte-pd7cyv");
5638
5653
  attr(div, "style", /*listItemStyle*/ ctx[3]);
5639
5654
  },
5640
5655
  m(target, anchor) {
@@ -5760,7 +5775,7 @@ class ListItem extends SvelteComponent {
5760
5775
  /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
5761
5776
 
5762
5777
  function add_css$j(target) {
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}");
5778
+ 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}");
5764
5779
  }
5765
5780
 
5766
5781
  function create_fragment$k(ctx) {
@@ -5778,7 +5793,7 @@ function create_fragment$k(ctx) {
5778
5793
  this.h();
5779
5794
  },
5780
5795
  h() {
5781
- attr(div, "class", "embed svelte-ni3m8w");
5796
+ attr(div, "class", "embed svelte-g5f8hw");
5782
5797
  attr(div, "style", /*_style*/ ctx[1]);
5783
5798
  },
5784
5799
  m(target, anchor) {
@@ -5821,7 +5836,7 @@ class EmbedElement extends SvelteComponent {
5821
5836
  /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
5822
5837
 
5823
5838
  function add_css$i(target) {
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%}");
5839
+ 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%}");
5825
5840
  }
5826
5841
 
5827
5842
  function create_fragment$j(ctx) {
@@ -5844,7 +5859,7 @@ function create_fragment$j(ctx) {
5844
5859
  },
5845
5860
  h() {
5846
5861
  attr(div0, "class", "karte-player");
5847
- attr(div1, "class", "embed svelte-55gb6a");
5862
+ attr(div1, "class", "embed svelte-1gvn5zq");
5848
5863
  attr(div1, "style", /*_style*/ ctx[0]);
5849
5864
  },
5850
5865
  m(target, anchor) {
@@ -6186,7 +6201,7 @@ class MovieYouTubeElement extends SvelteComponent {
6186
6201
  /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
6187
6202
 
6188
6203
  function add_css$h(target) {
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%}");
6204
+ 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%}");
6190
6205
  }
6191
6206
 
6192
6207
  function create_fragment$i(ctx) {
@@ -6209,7 +6224,7 @@ function create_fragment$i(ctx) {
6209
6224
  },
6210
6225
  h() {
6211
6226
  attr(div0, "class", "karte-player");
6212
- attr(div1, "class", "embed svelte-55gb6a");
6227
+ attr(div1, "class", "embed svelte-1gvn5zq");
6213
6228
  attr(div1, "style", /*_style*/ ctx[0]);
6214
6229
  },
6215
6230
  m(target, anchor) {
@@ -6393,7 +6408,7 @@ class MovieVimeoElement extends SvelteComponent {
6393
6408
  /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
6394
6409
 
6395
6410
  function add_css$g(target) {
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}");
6411
+ 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}");
6397
6412
  }
6398
6413
 
6399
6414
  function create_fragment$h(ctx) {
@@ -6423,12 +6438,12 @@ function create_fragment$h(ctx) {
6423
6438
  this.h();
6424
6439
  },
6425
6440
  h() {
6426
- attr(textarea, "class", "textarea svelte-13z4kn0");
6441
+ attr(textarea, "class", "textarea svelte-kyay3k");
6427
6442
  textarea.value = /*$value*/ ctx[3];
6428
6443
  textarea.required = /*required*/ ctx[0];
6429
6444
  attr(textarea, "rows", /*rows*/ ctx[1]);
6430
6445
  attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
6431
- attr(div, "class", "textarea-wrapper svelte-13z4kn0");
6446
+ attr(div, "class", "textarea-wrapper svelte-kyay3k");
6432
6447
  },
6433
6448
  m(target, anchor) {
6434
6449
  insert_hydration(target, div, anchor);
@@ -6524,7 +6539,7 @@ class FormTextarea extends SvelteComponent {
6524
6539
  /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
6525
6540
 
6526
6541
  function add_css$f(target) {
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}");
6542
+ 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}");
6528
6543
  }
6529
6544
 
6530
6545
  function get_each_context$5(ctx, list, i) {
@@ -6580,14 +6595,14 @@ function create_each_block$5(ctx) {
6580
6595
  },
6581
6596
  h() {
6582
6597
  attr(input, "type", "radio");
6583
- attr(input, "class", "radio-button-input svelte-1ntb6j8");
6598
+ attr(input, "class", "radio-button-input svelte-17s08g");
6584
6599
  attr(input, "style", /*buttonStyle*/ ctx[5]);
6585
6600
  attr(input, "name", /*name*/ ctx[0]);
6586
6601
  input.value = input_value_value = /*option*/ ctx[16];
6587
6602
  input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
6588
- attr(span, "class", "radio-button-text svelte-1ntb6j8");
6603
+ attr(span, "class", "radio-button-text svelte-17s08g");
6589
6604
  attr(span, "style", /*_textStyle*/ ctx[2]);
6590
- attr(label, "class", "radio-button svelte-1ntb6j8");
6605
+ attr(label, "class", "radio-button svelte-17s08g");
6591
6606
  },
6592
6607
  m(target, anchor) {
6593
6608
  insert_hydration(target, label, anchor);
@@ -6666,7 +6681,7 @@ function create_fragment$g(ctx) {
6666
6681
  this.h();
6667
6682
  },
6668
6683
  h() {
6669
- attr(div, "class", "radio-buttons svelte-1ntb6j8");
6684
+ attr(div, "class", "radio-buttons svelte-17s08g");
6670
6685
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
6671
6686
  },
6672
6687
  m(target, anchor) {
@@ -6833,7 +6848,7 @@ class FormRadioButtons extends SvelteComponent {
6833
6848
  /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
6834
6849
 
6835
6850
  function add_css$e(target) {
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}");
6851
+ 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}");
6837
6852
  }
6838
6853
 
6839
6854
  function get_each_context$4(ctx, list, i) {
@@ -7004,10 +7019,10 @@ function create_fragment$f(ctx) {
7004
7019
  this.h();
7005
7020
  },
7006
7021
  h() {
7007
- attr(select, "class", "select-select svelte-1ihv110");
7022
+ attr(select, "class", "select-select svelte-1n4ag74");
7008
7023
  attr(select, "style", /*style*/ ctx[3]);
7009
- attr(div0, "class", "select-icon svelte-1ihv110");
7010
- attr(div1, "class", "select svelte-1ihv110");
7024
+ attr(div0, "class", "select-icon svelte-1n4ag74");
7025
+ attr(div1, "class", "select svelte-1n4ag74");
7011
7026
  attr(div1, "style", /*styleVariables*/ ctx[2]);
7012
7027
  },
7013
7028
  m(target, anchor) {
@@ -7209,7 +7224,7 @@ class FormSelect extends SvelteComponent {
7209
7224
  /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
7210
7225
 
7211
7226
  function add_css$d(target) {
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}");
7227
+ 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}");
7213
7228
  }
7214
7229
 
7215
7230
  function get_each_context$3(ctx, list, i) {
@@ -7270,19 +7285,19 @@ function create_each_block$3(ctx) {
7270
7285
  this.h();
7271
7286
  },
7272
7287
  h() {
7273
- attr(input, "class", "check-box-input svelte-wtt98v");
7288
+ attr(input, "class", "check-box-input svelte-p15pvn");
7274
7289
  attr(input, "type", "checkbox");
7275
7290
  attr(input, "name", /*name*/ ctx[0]);
7276
7291
  input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
7277
- attr(span0, "class", "check-box-icon svelte-wtt98v");
7292
+ attr(span0, "class", "check-box-icon svelte-p15pvn");
7278
7293
 
7279
7294
  attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7280
7295
  ? ' _checked'
7281
- : ''}`) + " svelte-wtt98v"));
7296
+ : ''}`) + " svelte-p15pvn"));
7282
7297
 
7283
- attr(span2, "class", "check-box-text svelte-wtt98v");
7298
+ attr(span2, "class", "check-box-text svelte-p15pvn");
7284
7299
  attr(span2, "style", /*_textStyle*/ ctx[2]);
7285
- attr(label, "class", "check-box svelte-wtt98v");
7300
+ attr(label, "class", "check-box svelte-p15pvn");
7286
7301
  attr(label, "style", /*styleVariables*/ ctx[5]);
7287
7302
  },
7288
7303
  m(target, anchor) {
@@ -7314,7 +7329,7 @@ function create_each_block$3(ctx) {
7314
7329
 
7315
7330
  if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
7316
7331
  ? ' _checked'
7317
- : ''}`) + " svelte-wtt98v"))) {
7332
+ : ''}`) + " svelte-p15pvn"))) {
7318
7333
  attr(span1, "class", span1_class_value);
7319
7334
  }
7320
7335
 
@@ -7367,7 +7382,7 @@ function create_fragment$e(ctx) {
7367
7382
  this.h();
7368
7383
  },
7369
7384
  h() {
7370
- attr(div, "class", "check-boxes svelte-wtt98v");
7385
+ attr(div, "class", "check-boxes svelte-p15pvn");
7371
7386
  attr(div, "style", /*_layoutStyle*/ ctx[1]);
7372
7387
  },
7373
7388
  m(target, anchor) {
@@ -7541,7 +7556,7 @@ class FormCheckBoxes extends SvelteComponent {
7541
7556
  /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
7542
7557
 
7543
7558
  function add_css$c(target) {
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}");
7559
+ 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}");
7545
7560
  }
7546
7561
 
7547
7562
  function get_each_context$2(ctx, list, i) {
@@ -7576,7 +7591,7 @@ function create_each_block$2(ctx) {
7576
7591
  this.h();
7577
7592
  },
7578
7593
  h() {
7579
- attr(button, "class", "rating-button svelte-18pfy31");
7594
+ attr(button, "class", "rating-button svelte-zy2va9");
7580
7595
  attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
7581
7596
  },
7582
7597
  m(target, anchor) {
@@ -7639,7 +7654,7 @@ function create_fragment$d(ctx) {
7639
7654
  this.h();
7640
7655
  },
7641
7656
  h() {
7642
- attr(div, "class", "rating-buttons svelte-18pfy31");
7657
+ attr(div, "class", "rating-buttons svelte-zy2va9");
7643
7658
  },
7644
7659
  m(target, anchor) {
7645
7660
  insert_hydration(target, div, anchor);
@@ -7776,7 +7791,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
7776
7791
  /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
7777
7792
 
7778
7793
  function add_css$b(target) {
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%)}");
7794
+ 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%)}");
7780
7795
  }
7781
7796
 
7782
7797
  function get_each_context$1(ctx, list, i) {
@@ -7812,9 +7827,9 @@ function create_each_block$1(ctx) {
7812
7827
  },
7813
7828
  h() {
7814
7829
  if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
7815
- attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-1b5dvzw"));
7830
+ attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
7816
7831
  attr(img, "alt", "rate" + /*i*/ ctx[10]);
7817
- attr(button, "class", "rating-button svelte-1b5dvzw");
7832
+ attr(button, "class", "rating-button svelte-tbunko");
7818
7833
  attr(button, "style", /*buttonStyle*/ ctx[0]);
7819
7834
  },
7820
7835
  m(target, anchor) {
@@ -7830,7 +7845,7 @@ function create_each_block$1(ctx) {
7830
7845
  p(new_ctx, dirty) {
7831
7846
  ctx = new_ctx;
7832
7847
 
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"))) {
7848
+ 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"))) {
7834
7849
  attr(img, "class", img_class_value);
7835
7850
  }
7836
7851
 
@@ -7877,7 +7892,7 @@ function create_fragment$c(ctx) {
7877
7892
  this.h();
7878
7893
  },
7879
7894
  h() {
7880
- attr(div, "class", "rating-buttons svelte-1b5dvzw");
7895
+ attr(div, "class", "rating-buttons svelte-tbunko");
7881
7896
  },
7882
7897
  m(target, anchor) {
7883
7898
  insert_hydration(target, div, anchor);
@@ -7985,7 +8000,7 @@ class FormRatingButtonsFace extends SvelteComponent {
7985
8000
  /* src/components/Slide.svelte generated by Svelte v3.53.1 */
7986
8001
 
7987
8002
  function add_css$a(target) {
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%}");
8003
+ 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%}");
7989
8004
  }
7990
8005
 
7991
8006
  function get_each_context(ctx, list, i) {
@@ -8031,9 +8046,9 @@ function create_if_block_1(ctx) {
8031
8046
  attr(svg, "viewBox", "0 0 10 16");
8032
8047
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8033
8048
  attr(svg, "style", /*prevIconStyle*/ ctx[10]);
8034
- attr(button, "class", "move-button svelte-1qfq79t");
8049
+ attr(button, "class", "move-button svelte-ji1fh");
8035
8050
  attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
8036
- attr(div, "class", "prev-button-container svelte-1qfq79t");
8051
+ attr(div, "class", "prev-button-container svelte-ji1fh");
8037
8052
  },
8038
8053
  m(target, anchor) {
8039
8054
  insert_hydration(target, div, anchor);
@@ -8099,9 +8114,9 @@ function create_if_block$1(ctx) {
8099
8114
  attr(svg, "viewBox", "0 0 10 16");
8100
8115
  attr(svg, "xmlns", "http://www.w3.org/2000/svg");
8101
8116
  attr(svg, "style", /*nextIconStyle*/ ctx[8]);
8102
- attr(button, "class", "move-button svelte-1qfq79t");
8117
+ attr(button, "class", "move-button svelte-ji1fh");
8103
8118
  attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
8104
- attr(div, "class", "next-button-container svelte-1qfq79t");
8119
+ attr(div, "class", "next-button-container svelte-ji1fh");
8105
8120
  },
8106
8121
  m(target, anchor) {
8107
8122
  insert_hydration(target, div, anchor);
@@ -8161,9 +8176,9 @@ function create_each_block(ctx) {
8161
8176
  this.h();
8162
8177
  },
8163
8178
  h() {
8164
- attr(div, "class", "navigation-item-inner circle svelte-1qfq79t");
8179
+ attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
8165
8180
  attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
8166
- attr(button, "class", "navigation-item svelte-1qfq79t");
8181
+ attr(button, "class", "navigation-item svelte-ji1fh");
8167
8182
  attr(button, "style", /*navigationItemStyle*/ ctx[6]);
8168
8183
  },
8169
8184
  m(target, anchor) {
@@ -8269,14 +8284,14 @@ function create_fragment$b(ctx) {
8269
8284
  this.h();
8270
8285
  },
8271
8286
  h() {
8272
- attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"));
8287
+ attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
8273
8288
  attr(div0, "style", /*slideStyle*/ ctx[14]);
8274
- attr(div1, "class", "container svelte-1qfq79t");
8289
+ attr(div1, "class", "container svelte-ji1fh");
8275
8290
  attr(div1, "style", /*_style*/ ctx[0]);
8276
- attr(div2, "class", "navigation svelte-1qfq79t");
8291
+ attr(div2, "class", "navigation svelte-ji1fh");
8277
8292
  attr(div2, "style", /*navigationStyle*/ ctx[4]);
8278
8293
  set_attributes(div3, div3_data);
8279
- toggle_class(div3, "svelte-1qfq79t", true);
8294
+ toggle_class(div3, "svelte-ji1fh", true);
8280
8295
  },
8281
8296
  m(target, anchor) {
8282
8297
  insert_hydration(target, div3, anchor);
@@ -8318,7 +8333,7 @@ function create_fragment$b(ctx) {
8318
8333
  }
8319
8334
  }
8320
8335
 
8321
- if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1qfq79t"))) {
8336
+ if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
8322
8337
  attr(div0, "class", div0_class_value);
8323
8338
  }
8324
8339
 
@@ -8384,7 +8399,7 @@ function create_fragment$b(ctx) {
8384
8399
  }
8385
8400
 
8386
8401
  set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
8387
- toggle_class(div3, "svelte-1qfq79t", true);
8402
+ toggle_class(div3, "svelte-ji1fh", true);
8388
8403
  },
8389
8404
  i(local) {
8390
8405
  if (current) return;
@@ -8896,7 +8911,7 @@ class Slide extends SvelteComponent {
8896
8911
  /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
8897
8912
 
8898
8913
  function add_css$9(target) {
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}");
8914
+ 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}");
8900
8915
  }
8901
8916
 
8902
8917
  function create_fragment$a(ctx) {
@@ -8924,9 +8939,9 @@ function create_fragment$a(ctx) {
8924
8939
  this.h();
8925
8940
  },
8926
8941
  h() {
8927
- attr(div0, "class", "item-inner svelte-1ilvo81");
8942
+ attr(div0, "class", "item-inner svelte-1fqq17x");
8928
8943
  attr(div0, "style", /*_style*/ ctx[0]);
8929
- attr(div1, "class", "item svelte-1ilvo81");
8944
+ attr(div1, "class", "item svelte-1fqq17x");
8930
8945
  attr(div1, "style", /*itemStyle*/ ctx[1]);
8931
8946
  },
8932
8947
  m(target, anchor) {
@@ -9052,7 +9067,7 @@ class SlideItem extends SvelteComponent {
9052
9067
  /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
9053
9068
 
9054
9069
  function add_css$8(target) {
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}");
9070
+ 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}");
9056
9071
  }
9057
9072
 
9058
9073
  const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
@@ -9083,9 +9098,9 @@ function create_fragment$9(ctx) {
9083
9098
  this.h();
9084
9099
  },
9085
9100
  h() {
9086
- attr(div0, "class", "countdown-inner svelte-5j9cpu");
9101
+ attr(div0, "class", "countdown-inner svelte-192lor2");
9087
9102
  attr(div0, "style", /*_style*/ ctx[0]);
9088
- attr(div1, "class", "countdown svelte-5j9cpu");
9103
+ attr(div1, "class", "countdown svelte-192lor2");
9089
9104
  },
9090
9105
  m(target, anchor) {
9091
9106
  insert_hydration(target, div1, anchor);
@@ -9215,7 +9230,7 @@ class Countdown extends SvelteComponent {
9215
9230
  /* src/components/Box.svelte generated by Svelte v3.53.1 */
9216
9231
 
9217
9232
  function add_css$7(target) {
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}");
9233
+ 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}");
9219
9234
  }
9220
9235
 
9221
9236
  // (24:2) <Button {onClick} style={_style} {eventName}>
@@ -9298,7 +9313,7 @@ function create_fragment$8(ctx) {
9298
9313
  this.h();
9299
9314
  },
9300
9315
  h() {
9301
- attr(div, "class", "box svelte-ppc4fn");
9316
+ attr(div, "class", "box svelte-6g6etj");
9302
9317
  },
9303
9318
  m(target, anchor) {
9304
9319
  insert_hydration(target, div, anchor);
@@ -9359,7 +9374,7 @@ class Box extends SvelteComponent {
9359
9374
  /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
9360
9375
 
9361
9376
  function add_css$6(target) {
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)}");
9377
+ 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)}");
9363
9378
  }
9364
9379
 
9365
9380
  // (56:4) {#if svg}
@@ -9463,7 +9478,7 @@ function create_fragment$7(ctx) {
9463
9478
  this.h();
9464
9479
  },
9465
9480
  h() {
9466
- attr(div, "class", "icon svelte-1mk6wi4");
9481
+ attr(div, "class", "icon svelte-1mkvcuo");
9467
9482
  },
9468
9483
  m(target, anchor) {
9469
9484
  insert_hydration(target, div, anchor);
@@ -9572,7 +9587,7 @@ class IconElement extends SvelteComponent {
9572
9587
  /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
9573
9588
 
9574
9589
  function add_css$5(target) {
9575
- append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9590
+ append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
9576
9591
  }
9577
9592
 
9578
9593
  function create_fragment$6(ctx) {
@@ -9608,7 +9623,7 @@ function create_fragment$6(ctx) {
9608
9623
  this.h();
9609
9624
  },
9610
9625
  h() {
9611
- attr(div, "class", "codeElement svelte-1ng2n51");
9626
+ attr(div, "class", "codeElement svelte-ymsb9l");
9612
9627
  attr(div, "style", /*style*/ ctx[3]);
9613
9628
  },
9614
9629
  m(target, anchor) {
@@ -9697,7 +9712,7 @@ class CodeElement extends SvelteComponent {
9697
9712
  /* src/components/Flex.svelte generated by Svelte v3.53.1 */
9698
9713
 
9699
9714
  function add_css$4(target) {
9700
- append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
9715
+ append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
9701
9716
  }
9702
9717
 
9703
9718
  function create_fragment$5(ctx) {
@@ -9721,7 +9736,7 @@ function create_fragment$5(ctx) {
9721
9736
  this.h();
9722
9737
  },
9723
9738
  h() {
9724
- attr(div, "class", "flex svelte-9v2qdg");
9739
+ attr(div, "class", "flex svelte-1e71ejc");
9725
9740
  attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
9726
9741
  },
9727
9742
  m(target, anchor) {
@@ -9818,7 +9833,7 @@ class Flex extends SvelteComponent {
9818
9833
  /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
9819
9834
 
9820
9835
  function add_css$3(target) {
9821
- append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9836
+ append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
9822
9837
  }
9823
9838
 
9824
9839
  function create_fragment$4(ctx) {
@@ -9841,7 +9856,7 @@ function create_fragment$4(ctx) {
9841
9856
  this.h();
9842
9857
  },
9843
9858
  h() {
9844
- attr(div, "class", "flex-item svelte-164ah5d");
9859
+ attr(div, "class", "flex-item svelte-1p0bk1x");
9845
9860
  attr(div, "style", /*style*/ ctx[0]);
9846
9861
  },
9847
9862
  m(target, anchor) {
@@ -10261,7 +10276,7 @@ class GridModalState extends SvelteComponent {
10261
10276
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
10262
10277
 
10263
10278
  function add_css$2(target) {
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%}");
10279
+ 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%}");
10265
10280
  }
10266
10281
 
10267
10282
  function create_fragment$2(ctx) {
@@ -10290,8 +10305,8 @@ function create_fragment$2(ctx) {
10290
10305
  this.h();
10291
10306
  },
10292
10307
  h() {
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"));
10308
+ attr(div0, "class", "text-block-inner svelte-11rpuv5");
10309
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
10295
10310
  attr(div1, "style", /*style*/ ctx[2]);
10296
10311
  },
10297
10312
  m(target, anchor) {
@@ -10305,7 +10320,7 @@ function create_fragment$2(ctx) {
10305
10320
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
10306
10321
  rendertext.$set(rendertext_changes);
10307
10322
 
10308
- if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"))) {
10323
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
10309
10324
  attr(div1, "class", div1_class_value);
10310
10325
  }
10311
10326
 
@@ -10383,7 +10398,7 @@ class TextBlock extends SvelteComponent {
10383
10398
  /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
10384
10399
 
10385
10400
  function add_css$1(target) {
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)}");
10401
+ 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)}");
10387
10402
  }
10388
10403
 
10389
10404
  function create_fragment$1(ctx) {
@@ -10413,9 +10428,9 @@ function create_fragment$1(ctx) {
10413
10428
  this.h();
10414
10429
  },
10415
10430
  h() {
10416
- attr(button, "class", "text-button svelte-1cungpm");
10431
+ attr(button, "class", "text-button svelte-1t5i3za");
10417
10432
  attr(button, "style", /*_buttonStyle*/ ctx[1]);
10418
- attr(div, "class", "text-button-block svelte-1cungpm");
10433
+ attr(div, "class", "text-button-block svelte-1t5i3za");
10419
10434
  attr(div, "style", /*_style*/ ctx[2]);
10420
10435
  },
10421
10436
  m(target, anchor) {
@@ -10521,12 +10536,13 @@ class TextButtonBlock extends SvelteComponent {
10521
10536
  /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
10522
10537
 
10523
10538
  function add_css(target) {
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)}");
10539
+ 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)}");
10525
10540
  }
10526
10541
 
10527
10542
  function create_fragment(ctx) {
10528
10543
  let div;
10529
10544
  let img;
10545
+ let img_style_value;
10530
10546
  let img_src_value;
10531
10547
  let div_class_value;
10532
10548
  let mounted;
@@ -10556,28 +10572,28 @@ function create_fragment(ctx) {
10556
10572
  this.h();
10557
10573
  },
10558
10574
  h() {
10559
- attr(img, "class", "image svelte-77bqvv");
10575
+ attr(img, "class", "image svelte-1um32br");
10560
10576
  attr(img, "loading", "lazy");
10561
10577
  attr(img, "width", "auto");
10562
10578
  attr(img, "height", "auto");
10563
- attr(img, "style", /*_imageStyle*/ ctx[3]);
10579
+ attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
10564
10580
  if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
10565
10581
  attr(img, "alt", /*alt*/ ctx[1]);
10566
- attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-77bqvv"));
10567
- attr(div, "style", /*_style*/ ctx[4]);
10582
+ attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"));
10583
+ attr(div, "style", /*_style*/ ctx[5]);
10568
10584
  },
10569
10585
  m(target, anchor) {
10570
10586
  insert_hydration(target, div, anchor);
10571
10587
  append_hydration(div, img);
10572
10588
 
10573
10589
  if (!mounted) {
10574
- dispose = listen(div, "click", /*click*/ ctx[5]);
10590
+ dispose = listen(div, "click", /*click*/ ctx[6]);
10575
10591
  mounted = true;
10576
10592
  }
10577
10593
  },
10578
10594
  p(ctx, [dirty]) {
10579
- if (dirty & /*_imageStyle*/ 8) {
10580
- attr(img, "style", /*_imageStyle*/ ctx[3]);
10595
+ if (dirty & /*_imageStyle, objectFit*/ 24 && img_style_value !== (img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`)) {
10596
+ attr(img, "style", img_style_value);
10581
10597
  }
10582
10598
 
10583
10599
  if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
@@ -10588,12 +10604,12 @@ function create_fragment(ctx) {
10588
10604
  attr(img, "alt", /*alt*/ ctx[1]);
10589
10605
  }
10590
10606
 
10591
- if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-77bqvv"))) {
10607
+ if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"))) {
10592
10608
  attr(div, "class", div_class_value);
10593
10609
  }
10594
10610
 
10595
- if (dirty & /*_style*/ 16) {
10596
- attr(div, "style", /*_style*/ ctx[4]);
10611
+ if (dirty & /*_style*/ 32) {
10612
+ attr(div, "style", /*_style*/ ctx[5]);
10597
10613
  }
10598
10614
  },
10599
10615
  i: noop,
@@ -10610,6 +10626,7 @@ function instance($$self, $$props, $$invalidate) {
10610
10626
  let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
10611
10627
  let { alt = 'No Image' } = $$props;
10612
10628
  let { transport = false } = $$props;
10629
+ let { objectFit = 'contain' } = $$props;
10613
10630
  let { onClick = { operation: 'none', args: [] } } = $$props;
10614
10631
 
10615
10632
  const click = () => {
@@ -10621,20 +10638,21 @@ function instance($$self, $$props, $$invalidate) {
10621
10638
  };
10622
10639
 
10623
10640
  let { eventName = '' } = $$props;
10624
- let { _imageStyle = 'object-fit: contain;' } = $$props;
10641
+ let { _imageStyle = '' } = $$props;
10625
10642
  let { _style = '' } = $$props;
10626
10643
 
10627
10644
  $$self.$$set = $$props => {
10628
10645
  if ('src' in $$props) $$invalidate(0, src = $$props.src);
10629
10646
  if ('alt' in $$props) $$invalidate(1, alt = $$props.alt);
10630
10647
  if ('transport' in $$props) $$invalidate(2, transport = $$props.transport);
10631
- if ('onClick' in $$props) $$invalidate(6, onClick = $$props.onClick);
10632
- if ('eventName' in $$props) $$invalidate(7, eventName = $$props.eventName);
10633
- if ('_imageStyle' in $$props) $$invalidate(3, _imageStyle = $$props._imageStyle);
10634
- if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
10648
+ if ('objectFit' in $$props) $$invalidate(3, objectFit = $$props.objectFit);
10649
+ if ('onClick' in $$props) $$invalidate(7, onClick = $$props.onClick);
10650
+ if ('eventName' in $$props) $$invalidate(8, eventName = $$props.eventName);
10651
+ if ('_imageStyle' in $$props) $$invalidate(4, _imageStyle = $$props._imageStyle);
10652
+ if ('_style' in $$props) $$invalidate(5, _style = $$props._style);
10635
10653
  };
10636
10654
 
10637
- return [src, alt, transport, _imageStyle, _style, click, onClick, eventName];
10655
+ return [src, alt, transport, objectFit, _imageStyle, _style, click, onClick, eventName];
10638
10656
  }
10639
10657
 
10640
10658
  class ImageBlock extends SvelteComponent {
@@ -10651,10 +10669,11 @@ class ImageBlock extends SvelteComponent {
10651
10669
  src: 0,
10652
10670
  alt: 1,
10653
10671
  transport: 2,
10654
- onClick: 6,
10655
- eventName: 7,
10656
- _imageStyle: 3,
10657
- _style: 4
10672
+ objectFit: 3,
10673
+ onClick: 7,
10674
+ eventName: 8,
10675
+ _imageStyle: 4,
10676
+ _style: 5
10658
10677
  },
10659
10678
  add_css
10660
10679
  );