@plaidev/karte-action-sdk 1.1.106 → 1.1.107

package/dist/hydrate/index.es.js

@@ -1608,20 +1608,20 @@ var widget = /*#__PURE__*/Object.freeze({
 
 /* src/components/Normalize.svelte generated by Svelte v3.53.1 */
 
-function add_css$i(target) {
-	append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
+function add_css$k(target) {
+	append_styles(target, "svelte-osypsj", "@import 'https://esm.sh/normalize.css';");
 }
 
 class Normalize extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, null, null, safe_not_equal, {}, add_css$i);
+		init(this, options, null, null, safe_not_equal, {}, add_css$k);
 	}
 }
 
 /* src/components/State.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$m(ctx) {
+function create_fragment$o(ctx) {
 	let normalize;
 	let t;
 	let current;
@@ -1685,7 +1685,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 
 	$$self.$$set = $$props => {
@@ -1698,14 +1698,14 @@ function instance$m($$self, $$props, $$invalidate) {
 class State extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$m, create_fragment$m, safe_not_equal, {});
+		init(this, options, instance$o, create_fragment$o, safe_not_equal, {});
 	}
 }
 
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$h(target) {
-	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
+function add_css$j(target) {
+	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
 }
 
 // (11:0) {#if $state === path}
@@ -1732,7 +1732,7 @@ function create_if_block$3(ctx) {
 		},
 		h() {
 			attr(div, "data-state-path", /*path*/ ctx[0]);
-			attr(div, "class", "state-item svelte-2qb6dm");
+			attr(div, "class", "state-item svelte-1amihue");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -1781,7 +1781,7 @@ function create_if_block$3(ctx) {
 	};
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$n(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$3(ctx);
@@ -1840,7 +1840,7 @@ function create_fragment$l(ctx) {
 	};
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let $state;
 	component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -1865,14 +1865,14 @@ function instance$l($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$l, create_fragment$l, safe_not_equal, { path: 0 }, add_css$h);
+		init(this, options, instance$n, create_fragment$n, safe_not_equal, { path: 0 }, add_css$j);
 	}
 }
 
 /* src/components/BackgroundOverray.svelte generated by Svelte v3.53.1 */
 
-function add_css$g(target) {
-	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}");
+function add_css$i(target) {
+	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}");
 }
 
 // (9:0) {#if backgroundOverray}
@@ -1892,7 +1892,7 @@ function create_if_block$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "background svelte-1d4fta");
+			attr(div, "class", "background svelte-g6ucc2");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -1911,7 +1911,7 @@ function create_if_block$2(ctx) {
 	};
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$m(ctx) {
 	let if_block_anchor;
 	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$2(ctx);
 
@@ -1951,7 +1951,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	let { backgroundOverray = false } = $$props;
 	const dispatch = createEventDispatcher();
 	const click_handler = () => dispatch('click');
@@ -1966,14 +1966,14 @@ function instance$k($$self, $$props, $$invalidate) {
 class BackgroundOverray extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$k, create_fragment$k, safe_not_equal, { backgroundOverray: 0 }, add_css$g);
+		init(this, options, instance$m, create_fragment$m, safe_not_equal, { backgroundOverray: 0 }, add_css$i);
 	}
 }
 
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
-function add_css$f(target) {
-	append_styles(target, "svelte-12dkw0q", ".modal.svelte-12dkw0q{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-12dkw0q{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-12dkw0q:hover{transform:rotate(90deg)}.modal-content.svelte-12dkw0q{display:flex;justify-content:center;align-items:center}");
+function add_css$h(target) {
+	append_styles(target, "svelte-bcei9a", ".modal.svelte-bcei9a{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-bcei9a{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-bcei9a:hover{transform:rotate(90deg)}.modal-content.svelte-bcei9a{display:flex;justify-content:center;align-items:center}");
 }
 
 // (142:0) {#if visible}
@@ -2018,9 +2018,9 @@ function create_if_block$1(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "modal-content svelte-12dkw0q");
+			attr(div0, "class", "modal-content svelte-bcei9a");
 			attr(div0, "style", /*_style*/ ctx[1]);
-			attr(div1, "class", "modal svelte-12dkw0q");
+			attr(div1, "class", "modal svelte-bcei9a");
 			attr(div1, "role", "dialog");
 			attr(div1, "aria-modal", "true");
 			attr(div1, "style", div1_style_value = "" + /*pos*/ ctx[10] + " " + /*marginStyle*/ ctx[8] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[11]] + "");
@@ -2167,7 +2167,7 @@ function create_if_block_1(ctx) {
 			attr(svg, "viewBox", "0 0 9 10");
 			attr(svg, "fill", "none");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-			attr(button, "class", "close svelte-12dkw0q");
+			attr(button, "class", "close svelte-bcei9a");
 			attr(button, "style", button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[16] + 1) + "; " + /*_closeStyle*/ ctx[3] + "");
 		},
 		m(target, anchor) {
@@ -2202,7 +2202,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-function create_fragment$j(ctx) {
+function create_fragment$l(ctx) {
 	let backgroundoverray;
 	let t;
 	let if_block_anchor;
@@ -2301,7 +2301,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let click;
 	let close;
 	let closable;
@@ -2492,8 +2492,8 @@ class Modal extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$j,
-			create_fragment$j,
+			instance$l,
+			create_fragment$l,
 			safe_not_equal,
 			{
 				onClick: 17,
@@ -2509,14 +2509,14 @@ class Modal extends SvelteComponent {
 				closeButtonColor: 2,
 				_closeStyle: 3
 			},
-			add_css$f
+			add_css$h
 		);
 	}
 }
 
 /* src/components/Grid.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$i(ctx) {
+function create_fragment$k(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[8].default;
@@ -2584,7 +2584,7 @@ function create_fragment$i(ctx) {
 	};
 }
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { width = '512px' } = $$props;
@@ -2629,7 +2629,7 @@ class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$i, create_fragment$i, safe_not_equal, {
+		init(this, options, instance$k, create_fragment$k, safe_not_equal, {
 			width: 1,
 			height: 2,
 			rows: 3,
@@ -2820,7 +2820,7 @@ function create_default_slot(ctx) {
 	};
 }
 
-function create_fragment$h(ctx) {
+function create_fragment$j(ctx) {
 	let stateitem;
 	let current;
 
@@ -2868,7 +2868,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { path } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -2939,7 +2939,7 @@ class GridModalState extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$h, create_fragment$h, safe_not_equal, {
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, {
 			path: 0,
 			onClick: 1,
 			clickEventName: 2,
@@ -2964,11 +2964,11 @@ class GridModalState extends SvelteComponent {
 
 /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$e(target) {
-	append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
+function add_css$g(target) {
+	append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$i(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -2998,8 +2998,8 @@ function create_fragment$g(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "grid-item-inner svelte-n7kdl3");
-			attr(div1, "class", "grid-item svelte-n7kdl3");
+			attr(div0, "class", "grid-item-inner svelte-1cryhmb");
+			attr(div1, "class", "grid-item svelte-1cryhmb");
 			attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[1]);
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
@@ -3049,7 +3049,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { x1 } = $$props;
@@ -3102,8 +3102,8 @@ class GridItem extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$g,
-			create_fragment$g,
+			instance$i,
+			create_fragment$i,
 			safe_not_equal,
 			{
 				x1: 2,
@@ -3113,18 +3113,18 @@ class GridItem extends SvelteComponent {
 				z: 6,
 				background: 7
 			},
-			add_css$e
+			add_css$g
 		);
 	}
 }
 
 /* src/components/Flex.svelte generated by Svelte v3.53.1 */
 
-function add_css$d(target) {
-	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
+function add_css$f(target) {
+	append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$h(ctx) {
 	let div;
 	let div_style_value;
 	let current;
@@ -3145,7 +3145,7 @@ function create_fragment$f(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "flex svelte-1e71ejc");
+			attr(div, "class", "flex svelte-9v2qdg");
 			attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -3199,7 +3199,7 @@ function getFlexContext() {
 	return getContext(FlexContextKey);
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'row' } = $$props;
 	let { width = '100%' } = $$props;
@@ -3225,8 +3225,8 @@ class Flex extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$f,
-			create_fragment$f,
+			instance$h,
+			create_fragment$h,
 			safe_not_equal,
 			{
 				direction: 0,
@@ -3234,18 +3234,18 @@ class Flex extends SvelteComponent {
 				height: 2,
 				_style: 3
 			},
-			add_css$d
+			add_css$f
 		);
 	}
 }
 
 /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$c(target) {
-	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
+function add_css$e(target) {
+	append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$g(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
@@ -3265,7 +3265,7 @@ function create_fragment$e(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "flex-item svelte-1p0bk1x");
+			attr(div, "class", "flex-item svelte-164ah5d");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -3313,7 +3313,7 @@ function create_fragment$e(ctx) {
 	};
 }
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { length } = $$props;
 	let { _style = '' } = $$props;
@@ -3356,7 +3356,7 @@ function instance$e($$self, $$props, $$invalidate) {
 class FlexItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$e, create_fragment$e, safe_not_equal, { length: 1, _style: 2 }, add_css$c);
+		init(this, options, instance$g, create_fragment$g, safe_not_equal, { length: 1, _style: 2 }, add_css$e);
 	}
 }
 
@@ -3461,7 +3461,7 @@ function create_each_block$1(ctx) {
 	};
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$f(ctx) {
 	let each_1_anchor;
 	let each_value = /*items*/ ctx[0];
 	let each_blocks = [];
@@ -3527,7 +3527,7 @@ function create_fragment$d(ctx) {
 
 const regexp = /(\r?\n)/;
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
 	let items;
 	let { text = 'サンプルSample' } = $$props;
 
@@ -3547,17 +3547,17 @@ function instance$d($$self, $$props, $$invalidate) {
 class RenderText extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$d, create_fragment$d, safe_not_equal, { text: 1 });
+		init(this, options, instance$f, create_fragment$f, safe_not_equal, { text: 1 });
 	}
 }
 
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$b(target) {
-	append_styles(target, "svelte-9en2jg", ".text-element.svelte-9en2jg.svelte-9en2jg{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-9en2jg.svelte-9en2jg{width:100%;height:auto}.text-direction-vertical.svelte-9en2jg.svelte-9en2jg{writing-mode:vertical-rl}.text-direction-vertical.svelte-9en2jg .text-element-inner.svelte-9en2jg{width:auto;height:100%}");
+function add_css$d(target) {
+	append_styles(target, "svelte-ojltd4", ".text-element.svelte-ojltd4.svelte-ojltd4{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-ojltd4.svelte-ojltd4{width:100%;height:auto}.text-direction-vertical.svelte-ojltd4.svelte-ojltd4{writing-mode:vertical-rl}.text-direction-vertical.svelte-ojltd4 .text-element-inner.svelte-ojltd4{width:auto;height:100%}");
 }
 
-function create_fragment$c(ctx) {
+function create_fragment$e(ctx) {
 	let div1;
 	let div0;
 	let rendertext;
@@ -3583,8 +3583,8 @@ function create_fragment$c(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-element-inner svelte-9en2jg");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"));
+			attr(div0, "class", "text-element-inner svelte-ojltd4");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-ojltd4"));
 			attr(div1, "style", /*style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -3598,7 +3598,7 @@ function create_fragment$c(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-ojltd4"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -3622,7 +3622,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$e($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { _textStyle = 'font-size:12px;' } = $$props;
@@ -3652,8 +3652,8 @@ class TextElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$c,
-			create_fragment$c,
+			instance$e,
+			create_fragment$e,
 			safe_not_equal,
 			{
 				text: 0,
@@ -3661,18 +3661,18 @@ class TextElement extends SvelteComponent {
 				textDirection: 1,
 				_style: 4
 			},
-			add_css$b
+			add_css$d
 		);
 	}
 }
 
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$a(target) {
-	append_styles(target, "svelte-tx5xf5", ".text-button-element.svelte-tx5xf5{width:100%;height:100%}.text-button.svelte-tx5xf5{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.svelte-tx5xf5:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-tx5xf5:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+function add_css$c(target) {
+	append_styles(target, "svelte-m5478d", ".text-button-element.svelte-m5478d{width:100%;height:100%}.text-button.svelte-m5478d{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.svelte-m5478d:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-m5478d:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
-function create_fragment$b(ctx) {
+function create_fragment$d(ctx) {
 	let div;
 	let button;
 	let rendertext;
@@ -3699,9 +3699,9 @@ function create_fragment$b(ctx) {
 			this.h();
 		},
 		h() {
-			attr(button, "class", "text-button svelte-tx5xf5");
+			attr(button, "class", "text-button svelte-m5478d");
 			attr(button, "style", /*_buttonStyle*/ ctx[1]);
-			attr(div, "class", "text-button-element svelte-tx5xf5");
+			attr(div, "class", "text-button-element svelte-m5478d");
 			attr(div, "style", /*_style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -3746,7 +3746,7 @@ function create_fragment$b(ctx) {
 	};
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	let { text = 'ボタンラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 
@@ -3780,8 +3780,8 @@ class TextButtonElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$b,
-			create_fragment$b,
+			instance$d,
+			create_fragment$d,
 			safe_not_equal,
 			{
 				text: 0,
@@ -3790,18 +3790,18 @@ class TextButtonElement extends SvelteComponent {
 				_buttonStyle: 1,
 				_style: 2
 			},
-			add_css$a
+			add_css$c
 		);
 	}
 }
 
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$9(target) {
-	append_styles(target, "svelte-t8kpqw", ".image-element.svelte-t8kpqw{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-t8kpqw{width:100%;height:100%}.transport.svelte-t8kpqw:hover,.transport.svelte-t8kpqw:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
+function add_css$b(target) {
+	append_styles(target, "svelte-1yun3cc", ".image-element.svelte-1yun3cc{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-1yun3cc{width:100%;height:100%}.transport.svelte-1yun3cc:hover,.transport.svelte-1yun3cc:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
-function create_fragment$a(ctx) {
+function create_fragment$c(ctx) {
 	let div;
 	let img;
 	let img_src_value;
@@ -3833,14 +3833,14 @@ function create_fragment$a(ctx) {
 			this.h();
 		},
 		h() {
-			attr(img, "class", "image svelte-t8kpqw");
+			attr(img, "class", "image svelte-1yun3cc");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
 			attr(img, "style", /*_imageStyle*/ ctx[3]);
 			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
 			attr(img, "alt", /*alt*/ ctx[1]);
-			attr(div, "class", div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-t8kpqw"));
+			attr(div, "class", div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1yun3cc"));
 			attr(div, "style", /*_style*/ ctx[4]);
 		},
 		m(target, anchor) {
@@ -3865,7 +3865,7 @@ function create_fragment$a(ctx) {
 				attr(img, "alt", /*alt*/ ctx[1]);
 			}
 
-			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-t8kpqw"))) {
+			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1yun3cc"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -3883,7 +3883,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
 	let { alt = 'No Image' } = $$props;
 	let { transport = false } = $$props;
@@ -3921,8 +3921,8 @@ class ImageElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$a,
-			create_fragment$a,
+			instance$c,
+			create_fragment$c,
 			safe_not_equal,
 			{
 				src: 0,
@@ -3933,18 +3933,18 @@ class ImageElement extends SvelteComponent {
 				_imageStyle: 3,
 				_style: 4
 			},
-			add_css$9
+			add_css$b
 		);
 	}
 }
 
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
-function add_css$8(target) {
-	append_styles(target, "svelte-dfqtyx", ".list.svelte-dfqtyx{display:flex;width:100%;height:100%;overflow:hidden}");
+function add_css$a(target) {
+	append_styles(target, "svelte-c6mdjx", ".list.svelte-c6mdjx{display:flex;width:100%;height:100%;overflow:hidden}");
 }
 
-function create_fragment$9(ctx) {
+function create_fragment$b(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[6].default;
@@ -3964,7 +3964,7 @@ function create_fragment$9(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "list svelte-dfqtyx");
+			attr(div, "class", "list svelte-c6mdjx");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -4014,7 +4014,7 @@ function create_fragment$9(ctx) {
 
 const LIST_CONTEXT_KEY = Symbol();
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'vertical' } = $$props;
@@ -4081,8 +4081,8 @@ class List extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$9,
-			create_fragment$9,
+			instance$b,
+			create_fragment$b,
 			safe_not_equal,
 			{
 				direction: 1,
@@ -4090,18 +4090,18 @@ class List extends SvelteComponent {
 				background: 3,
 				_style: 4
 			},
-			add_css$8
+			add_css$a
 		);
 	}
 }
 
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$7(target) {
-	append_styles(target, "svelte-h5j4xe", ".list-item.svelte-h5j4xe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item-inner.svelte-h5j4xe{position:absolute;inset:0}");
+function add_css$9(target) {
+	append_styles(target, "svelte-16bv3xq", ".list-item.svelte-16bv3xq{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item-inner.svelte-16bv3xq{position:absolute;inset:0}");
 }
 
-function create_fragment$8(ctx) {
+function create_fragment$a(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -4128,9 +4128,9 @@ function create_fragment$8(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "list-item-inner svelte-h5j4xe");
+			attr(div0, "class", "list-item-inner svelte-16bv3xq");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "list-item svelte-h5j4xe");
+			attr(div1, "class", "list-item svelte-16bv3xq");
 			attr(div1, "style", /*listItemStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -4195,7 +4195,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	let click;
 	let listItemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -4285,17 +4285,17 @@ function instance$8($$self, $$props, $$invalidate) {
 class ListItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$8, create_fragment$8, safe_not_equal, { onClick: 3, clickEventName: 4, _style: 0 }, add_css$7);
+		init(this, options, instance$a, create_fragment$a, safe_not_equal, { onClick: 3, clickEventName: 4, _style: 0 }, add_css$9);
 	}
 }
 
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$6(target) {
-	append_styles(target, "svelte-k86zna", ".embed.svelte-k86zna{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-k86zna iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+function add_css$8(target) {
+	append_styles(target, "svelte-no29sy", ".embed.svelte-no29sy{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-no29sy iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$9(ctx) {
 	let div;
 
 	return {
@@ -4310,7 +4310,7 @@ function create_fragment$7(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "embed svelte-k86zna");
+			attr(div, "class", "embed svelte-no29sy");
 			attr(div, "style", /*_style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -4331,7 +4331,7 @@ function create_fragment$7(ctx) {
 	};
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	let { code } = $$props;
 	let { _style = '' } = $$props;
 
@@ -4346,14 +4346,468 @@ function instance$7($$self, $$props, $$invalidate) {
 class EmbedElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$7, create_fragment$7, safe_not_equal, { code: 0, _style: 1 }, add_css$6);
+		init(this, options, instance$9, create_fragment$9, safe_not_equal, { code: 0, _style: 1 }, add_css$8);
+	}
+}
+
+/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
+
+function add_css$7(target) {
+	append_styles(target, "svelte-no29sy", ".embed.svelte-no29sy{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-no29sy iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+}
+
+function create_fragment$8(ctx) {
+	let div1;
+	let div0;
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			this.h();
+		},
+		l(nodes) {
+			div1 = claim_element(nodes, "DIV", { class: true, style: true });
+			var div1_nodes = children(div1);
+			div0 = claim_element(div1_nodes, "DIV", { class: true });
+			children(div0).forEach(detach);
+			div1_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(div0, "class", "karte-player");
+			attr(div1, "class", "embed svelte-no29sy");
+			attr(div1, "style", /*_style*/ ctx[0]);
+		},
+		m(target, anchor) {
+			insert_hydration(target, div1, anchor);
+			append_hydration(div1, div0);
+			/*div0_binding*/ ctx[7](div0);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*_style*/ 1) {
+				attr(div1, "style", /*_style*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+			/*div0_binding*/ ctx[7](null);
+		}
+	};
+}
+
+function instance$8($$self, $$props, $$invalidate) {
+	let $system;
+	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
+	let { videoId } = $$props;
+	let { sendEvent } = $$props;
+	let { autoplay = false } = $$props;
+	let { loop = false } = $$props;
+	let { mute = false } = $$props;
+	let { _style = "" } = $$props;
+
+	// @ts-ignore
+	if (!window.YT) {
+		const tag = document.createElement("script");
+		tag.src = "//www.youtube.com/iframe_api";
+		const firstScriptTag = document.getElementsByTagName("script")[0];
+		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+	}
+
+	let startDate = 0;
+	let totalPlaySeconds = 0;
+	let alreadyPlay = false;
+	let player = null;
+	let domRef = null;
+
+	function sendMovieEvent(event_name, values = {}) {
+		if (!sendEvent) {
+			return;
+		}
+
+		const sentValues = {
+			campaign_id: $system.campaignId,
+			shorten_id: $system.shortenId,
+			...values
+		};
+
+		send_event(event_name, sentValues);
+	}
+
+	function sendPlaytime() {
+		if (!startDate) {
+			return;
+		}
+
+		const currentDate = Date.now();
+		const playSeconds = Math.round((currentDate - startDate) / 1000);
+		totalPlaySeconds += playSeconds;
+
+		sendMovieEvent("_movie_playtime", {
+			seconds: playSeconds,
+			total_seconds: totalPlaySeconds
+		});
+	}
+
+	// @ts-ignore
+	function onPlayerReady(event) {
+		if (mute) {
+			player.mute();
+		}
+	}
+
+	function onStart() {
+		startDate = Date.now();
+
+		if (!alreadyPlay) {
+			alreadyPlay = true;
+			sendMovieEvent("_movie_play");
+		}
+	}
+
+	function onPause() {
+		sendPlaytime();
+		startDate = null;
+	}
+
+	function onFinish() {
+		sendMovieEvent("_movie_finish");
+		sendPlaytime();
+		startDate = null;
+	}
+
+	function onPlayerStateChange(event) {
+		switch (event.data) {
+			case 1:
+				// 再生中
+				onStart();
+				break;
+			case 2:
+				// 停止
+				onPause();
+				break;
+			case 0:
+				// 終了
+				onFinish();
+				break;
+		}
+	}
+
+	function createPlayer() {
+		if (!domRef) {
+			return;
+		}
+
+		const playerVars = {
+			autoplay: autoplay ? 1 : 0,
+			loop: loop ? 1 : 0,
+			rel: 0,
+			playlist: null
+		};
+
+		if (loop) {
+			playerVars.playlist = videoId;
+		}
+
+		// @ts-ignore
+		player = new window.YT.Player(domRef,
+		{
+				videoId,
+				playerVars,
+				events: {
+					onReady: onPlayerReady,
+					onStateChange: onPlayerStateChange
+				}
+			});
+	}
+
+	onDestroy$1(() => {
+		if (player) {
+			player.stopVideo();
+		}
+
+		player.destroy();
+	});
+
+	onMount(() => {
+		setTimeout(
+			() => {
+				// @ts-ignore
+				if (window.YT) {
+					createPlayer();
+				}
+			},
+			200
+		);
+	});
+
+	// @ts-ignore
+	window.onYouTubeIframeAPIReady = () => {
+		createPlayer();
+	};
+
+	window.addEventListener("beforeunload", () => {
+		sendPlaytime();
+	});
+
+	function div0_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			domRef = $$value;
+			$$invalidate(1, domRef);
+		});
+	}
+
+	$$self.$$set = $$props => {
+		if ('videoId' in $$props) $$invalidate(2, videoId = $$props.videoId);
+		if ('sendEvent' in $$props) $$invalidate(3, sendEvent = $$props.sendEvent);
+		if ('autoplay' in $$props) $$invalidate(4, autoplay = $$props.autoplay);
+		if ('loop' in $$props) $$invalidate(5, loop = $$props.loop);
+		if ('mute' in $$props) $$invalidate(6, mute = $$props.mute);
+		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
+	};
+
+	return [_style, domRef, videoId, sendEvent, autoplay, loop, mute, div0_binding];
+}
+
+class MovieYouTubeElement extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance$8,
+			create_fragment$8,
+			safe_not_equal,
+			{
+				videoId: 2,
+				sendEvent: 3,
+				autoplay: 4,
+				loop: 5,
+				mute: 6,
+				_style: 0
+			},
+			add_css$7
+		);
+	}
+}
+
+/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
+
+function add_css$6(target) {
+	append_styles(target, "svelte-no29sy", ".embed.svelte-no29sy{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-no29sy iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+}
+
+function create_fragment$7(ctx) {
+	let div1;
+	let div0;
+
+	return {
+		c() {
+			div1 = element("div");
+			div0 = element("div");
+			this.h();
+		},
+		l(nodes) {
+			div1 = claim_element(nodes, "DIV", { class: true, style: true });
+			var div1_nodes = children(div1);
+			div0 = claim_element(div1_nodes, "DIV", { class: true });
+			children(div0).forEach(detach);
+			div1_nodes.forEach(detach);
+			this.h();
+		},
+		h() {
+			attr(div0, "class", "karte-player");
+			attr(div1, "class", "embed svelte-no29sy");
+			attr(div1, "style", /*_style*/ ctx[0]);
+		},
+		m(target, anchor) {
+			insert_hydration(target, div1, anchor);
+			append_hydration(div1, div0);
+			/*div0_binding*/ ctx[7](div0);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*_style*/ 1) {
+				attr(div1, "style", /*_style*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(div1);
+			/*div0_binding*/ ctx[7](null);
+		}
+	};
+}
+
+function instance$7($$self, $$props, $$invalidate) {
+	let $system;
+	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
+	let { videoId } = $$props;
+	let { sendEvent } = $$props;
+	let { autoplay = false } = $$props;
+	let { loop = false } = $$props;
+	let { mute = false } = $$props;
+	let { _style = "" } = $$props;
+
+	// @ts-ignore
+	if (!window.Vimeo) {
+		const tag = document.createElement("script");
+		tag.src = "//player.vimeo.com/api/player.js";
+		const firstScriptTag = document.getElementsByTagName("script")[0];
+		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+	}
+
+	let startDate = 0;
+	let totalPlaySeconds = 0;
+	let alreadyPlay = false;
+	let player = null;
+	let domRef = null;
+
+	function sendMovieEvent(event_name, values = {}) {
+		if (!sendEvent) {
+			return;
+		}
+
+		const sentValues = {
+			campaign_id: $system.campaignId,
+			shorten_id: $system.shortenId,
+			...values
+		};
+
+		send_event(event_name, sentValues);
+	}
+
+	function sendPlaytime() {
+		if (!startDate) {
+			return;
+		}
+
+		const currentDate = Date.now();
+		const playSeconds = Math.round((currentDate - startDate) / 1000);
+		totalPlaySeconds += playSeconds;
+
+		sendMovieEvent("_movie_playtime", {
+			seconds: playSeconds,
+			total_seconds: totalPlaySeconds
+		});
+	}
+
+	function onPlayerReady() {
+		if (mute) {
+			player.setMuted(true);
+		}
+	}
+
+	function onStart() {
+		startDate = Date.now();
+
+		if (!alreadyPlay) {
+			alreadyPlay = true;
+			sendMovieEvent("_movie_play");
+		}
+	}
+
+	function onPause() {
+		sendPlaytime();
+		startDate = null;
+	}
+
+	function onFinish() {
+		sendMovieEvent("_movie_finish");
+		sendPlaytime();
+		startDate = null;
+	}
+
+	function createPlayer() {
+		if (!domRef) {
+			return;
+		}
+
+		const playerOptions = { id: videoId, autoplay, loop };
+		console.log("createPlayer1");
+
+		// @ts-ignore
+		player = new window.Vimeo.Player(domRef, playerOptions);
+
+		console.log("createPlayer2");
+		player.on("play", onStart);
+		player.on("pause", onPause);
+		player.on("ended", onFinish);
+		onPlayerReady();
+	}
+
+	onDestroy$1(() => {
+		player.destroy();
+	});
+
+	onMount(() => {
+		console.log("onMount1");
+
+		setTimeout(
+			() => {
+				// @ts-ignore
+				if (window.Vimeo) {
+					console.log("onMount2");
+					createPlayer();
+				}
+			},
+			1000
+		);
+	});
+
+	window.addEventListener("beforeunload", () => {
+		sendPlaytime();
+	});
+
+	function div0_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			domRef = $$value;
+			$$invalidate(1, domRef);
+		});
+	}
+
+	$$self.$$set = $$props => {
+		if ('videoId' in $$props) $$invalidate(2, videoId = $$props.videoId);
+		if ('sendEvent' in $$props) $$invalidate(3, sendEvent = $$props.sendEvent);
+		if ('autoplay' in $$props) $$invalidate(4, autoplay = $$props.autoplay);
+		if ('loop' in $$props) $$invalidate(5, loop = $$props.loop);
+		if ('mute' in $$props) $$invalidate(6, mute = $$props.mute);
+		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
+	};
+
+	return [_style, domRef, videoId, sendEvent, autoplay, loop, mute, div0_binding];
+}
+
+class MovieVimeoElement extends SvelteComponent {
+	constructor(options) {
+		super();
+
+		init(
+			this,
+			options,
+			instance$7,
+			create_fragment$7,
+			safe_not_equal,
+			{
+				videoId: 2,
+				sendEvent: 3,
+				autoplay: 4,
+				loop: 5,
+				mute: 6,
+				_style: 0
+			},
+			add_css$6
+		);
 	}
 }
 
 /* src/components/Form.svelte generated by Svelte v3.53.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-1il0aow", ".form.svelte-1il0aow{width:100%;height:100%}");
+	append_styles(target, "svelte-ll2nus", ".form.svelte-ll2nus{width:100%;height:100%}");
 }
 
 function create_fragment$6(ctx) {
@@ -4376,7 +4830,7 @@ function create_fragment$6(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "form svelte-1il0aow");
+			attr(div, "class", "form svelte-ll2nus");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -4530,7 +4984,7 @@ class Form extends SvelteComponent {
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
-	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}");
+	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}");
 }
 
 function create_fragment$5(ctx) {
@@ -4560,12 +5014,12 @@ function create_fragment$5(ctx) {
 			this.h();
 		},
 		h() {
-			attr(textarea, "class", "textarea svelte-kyay3k");
+			attr(textarea, "class", "textarea svelte-13z4kn0");
 			textarea.value = /*value*/ ctx[3];
 			textarea.required = /*required*/ ctx[0];
 			attr(textarea, "rows", /*rows*/ ctx[1]);
 			attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
-			attr(div, "class", "textarea-wrapper svelte-kyay3k");
+			attr(div, "class", "textarea-wrapper svelte-13z4kn0");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -4789,7 +5243,7 @@ class FormButton extends SvelteComponent {
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
 function add_css$3(target) {
-	append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
+	append_styles(target, "svelte-1pbq2od", ".radio-buttons.svelte-1pbq2od{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -4899,7 +5353,7 @@ function create_fragment$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "radio-buttons svelte-1ajmbw1");
+			attr(div, "class", "radio-buttons svelte-1pbq2od");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -4979,7 +5433,7 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$2(target) {
-	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%}");
+	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%}");
 }
 
 function create_fragment$2(ctx) {
@@ -5008,8 +5462,8 @@ function create_fragment$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-block-inner svelte-11rpuv5");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
+			attr(div0, "class", "text-block-inner svelte-q1o685");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"));
 			attr(div1, "style", /*style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -5023,7 +5477,7 @@ function create_fragment$2(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -5094,7 +5548,7 @@ class TextBlock extends SvelteComponent {
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$1(target) {
-	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)}");
+	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)}");
 }
 
 function create_fragment$1(ctx) {
@@ -5124,9 +5578,9 @@ function create_fragment$1(ctx) {
 			this.h();
 		},
 		h() {
-			attr(button, "class", "text-button svelte-1t5i3za");
+			attr(button, "class", "text-button svelte-1cungpm");
 			attr(button, "style", /*_buttonStyle*/ ctx[1]);
-			attr(div, "class", "text-button-block svelte-1t5i3za");
+			attr(div, "class", "text-button-block svelte-1cungpm");
 			attr(div, "style", /*_style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -5223,7 +5677,7 @@ class TextButtonBlock extends SvelteComponent {
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css(target) {
-	append_styles(target, "svelte-1ec6zfb", ".image-block.svelte-1ec6zfb{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-1ec6zfb{width:100%;height:100%}.transport.svelte-1ec6zfb:hover,.transport.svelte-1ec6zfb:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
+	append_styles(target, "svelte-xuever", ".image-block.svelte-xuever{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-xuever{width:100%;height:100%}.transport.svelte-xuever:hover,.transport.svelte-xuever:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
 function create_fragment(ctx) {
@@ -5258,14 +5712,14 @@ function create_fragment(ctx) {
 			this.h();
 		},
 		h() {
-			attr(img, "class", "image svelte-1ec6zfb");
+			attr(img, "class", "image svelte-xuever");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
 			attr(img, "style", /*_imageStyle*/ ctx[3]);
 			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
 			attr(img, "alt", /*alt*/ ctx[1]);
-			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1ec6zfb"));
+			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-xuever"));
 			attr(div, "style", /*_style*/ ctx[4]);
 		},
 		m(target, anchor) {
@@ -5290,7 +5744,7 @@ function create_fragment(ctx) {
 				attr(img, "alt", /*alt*/ ctx[1]);
 			}
 
-			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1ec6zfb"))) {
+			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-xuever"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -5363,4 +5817,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, Form, FormButton, FormRadioButtons, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListItem, MediaQueries, Modal, ModalPositions, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };
+export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, Form, FormButton, FormRadioButtons, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListItem, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };