@plaidev/karte-action-sdk 1.1.227-28605989.e1daa780 → 1.1.227-28643316.f85de406

package/dist/index.es.js

@@ -2874,7 +2874,7 @@ const LAYOUT_COMPONENT_NAMES = [
 
 /* src/components/Header.svelte generated by Svelte v3.53.1 */
 
-function create_if_block$9(ctx) {
+function create_if_block$d(ctx) {
 	let link;
 
 	return {
@@ -2898,9 +2898,9 @@ function create_if_block$9(ctx) {
 	};
 }
 
-function create_fragment$A(ctx) {
+function create_fragment$15(ctx) {
 	let head;
-	let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$9(ctx);
+	let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
 
 	return {
 		c() {
@@ -2916,7 +2916,7 @@ function create_fragment$A(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$9(ctx);
+					if_block = create_if_block$d(ctx);
 					if_block.c();
 					if_block.m(head, null);
 				}
@@ -2934,7 +2934,7 @@ function create_fragment$A(ctx) {
 	};
 }
 
-function instance$A($$self, $$props, $$invalidate) {
+function instance$15($$self, $$props, $$invalidate) {
 	let $fonts;
 	component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
 	let googleFontUrl = '';
@@ -2963,13 +2963,13 @@ function instance$A($$self, $$props, $$invalidate) {
 class Header extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$A, create_fragment$A, safe_not_equal, {});
+		init(this, options, instance$15, create_fragment$15, safe_not_equal, {});
 	}
 }
 
 /* src/components/State.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$z(ctx) {
+function create_fragment$14(ctx) {
 	let header;
 	let t;
 	let current;
@@ -3028,7 +3028,7 @@ function create_fragment$z(ctx) {
 	};
 }
 
-function instance$z($$self, $$props, $$invalidate) {
+function instance$14($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 
 	$$self.$$set = $$props => {
@@ -3041,18 +3041,18 @@ function instance$z($$self, $$props, $$invalidate) {
 class State extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$z, create_fragment$z, safe_not_equal, {});
+		init(this, options, instance$14, create_fragment$14, safe_not_equal, {});
 	}
 }
 
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$v(target) {
+function add_css$w(target) {
 	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
 }
 
 // (23:0) {#if $state === path}
-function create_if_block$8(ctx) {
+function create_if_block$c(ctx) {
 	let div;
 	let t;
 	let current;
@@ -3114,10 +3114,10 @@ function create_if_block$8(ctx) {
 	};
 }
 
-function create_fragment$y(ctx) {
+function create_fragment$13(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$8(ctx);
+	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
 
 	return {
 		c() {
@@ -3138,7 +3138,7 @@ function create_fragment$y(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$8(ctx);
+					if_block = create_if_block$c(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3175,7 +3175,7 @@ function getStateItemContext() {
 	return getContext(STATE_ITEM_CONTEXT_KEY);
 }
 
-function instance$y($$self, $$props, $$invalidate) {
+function instance$13($$self, $$props, $$invalidate) {
 	let $state;
 	component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -3201,7 +3201,7 @@ function instance$y($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$y, create_fragment$y, safe_not_equal, { path: 0 }, add_css$v);
+		init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$w);
 	}
 }
 
@@ -3386,12 +3386,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
 
 /* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
 
-function add_css$u(target) {
+function add_css$v(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}");
 }
 
 // (14:0) {#if backgroundOverlay}
-function create_if_block$7(ctx) {
+function create_if_block$b(ctx) {
 	let div;
 	let div_class_value;
 	let mounted;
@@ -3423,9 +3423,9 @@ function create_if_block$7(ctx) {
 	};
 }
 
-function create_fragment$x(ctx) {
+function create_fragment$12(ctx) {
 	let if_block_anchor;
-	let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$7(ctx);
+	let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
 
 	return {
 		c() {
@@ -3441,7 +3441,7 @@ function create_fragment$x(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$7(ctx);
+					if_block = create_if_block$b(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -3459,7 +3459,7 @@ function create_fragment$x(ctx) {
 	};
 }
 
-function instance$x($$self, $$props, $$invalidate) {
+function instance$12($$self, $$props, $$invalidate) {
 	let { backgroundOverlay = false } = $$props;
 	let { class: className = undefined } = $$props;
 	const dispatch = createEventDispatcher();
@@ -3476,7 +3476,7 @@ function instance$x($$self, $$props, $$invalidate) {
 class BackgroundOverlay extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$x, create_fragment$x, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$u);
+		init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$v);
 	}
 }
 
@@ -3516,7 +3516,7 @@ function checkStopPropagation(eventName, handler) {
 
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
-function add_css$t(target) {
+function add_css$u(target) {
 	append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
 }
 
@@ -3763,7 +3763,7 @@ function create_if_block_1$2(ctx) {
 }
 
 // (31:0) {#if disabled}
-function create_if_block$6(ctx) {
+function create_if_block$a(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[9].default;
@@ -3821,12 +3821,12 @@ function create_if_block$6(ctx) {
 	};
 }
 
-function create_fragment$w(ctx) {
+function create_fragment$11(ctx) {
 	let current_block_type_index;
 	let if_block;
 	let if_block_anchor;
 	let current;
-	const if_block_creators = [create_if_block$6, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
+	const if_block_creators = [create_if_block$a, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -3894,7 +3894,7 @@ function create_fragment$w(ctx) {
 
 const BUTTON_CLASS = 'button';
 
-function instance$w($$self, $$props, $$invalidate) {
+function instance$11($$self, $$props, $$invalidate) {
 	let disabled;
 	let $valuesAreValid;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -3953,15 +3953,15 @@ function instance$w($$self, $$props, $$invalidate) {
 	];
 }
 
-class Button extends SvelteComponent {
+let Button$1 = class Button extends SvelteComponent {
 	constructor(options) {
 		super();
 
 		init(
 			this,
 			options,
-			instance$w,
-			create_fragment$w,
+			instance$11,
+			create_fragment$11,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -3969,14 +3969,14 @@ class Button extends SvelteComponent {
 				eventValue: 6,
 				style: 1
 			},
-			add_css$t
+			add_css$u
 		);
 	}
-}
+};
 
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
-function add_css$s(target) {
+function add_css$t(target) {
 	append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
 }
 
@@ -4106,14 +4106,14 @@ function create_if_block_2(ctx) {
 }
 
 // (280:0) {#if visible}
-function create_if_block$5(ctx) {
+function create_if_block$9(ctx) {
 	let div;
 	let button;
 	let div_class_value;
 	let div_intro;
 	let current;
 
-	button = new Button({
+	button = new Button$1({
 			props: {
 				onClick: /*onClick*/ ctx[0],
 				eventName: /*clickEventName*/ ctx[1],
@@ -4190,7 +4190,7 @@ function create_if_block_1$1(ctx) {
 	let button;
 	let current;
 
-	button = new Button({
+	button = new Button$1({
 			props: {
 				onClick: /*onClose*/ ctx[6],
 				style: /*_closeStyle*/ ctx[10],
@@ -4371,7 +4371,7 @@ function create_default_slot$6(ctx) {
 	};
 }
 
-function create_fragment$v(ctx) {
+function create_fragment$10(ctx) {
 	let show_if;
 	let current_block_type_index;
 	let if_block0;
@@ -4392,7 +4392,7 @@ function create_fragment$v(ctx) {
 
 	current_block_type_index = select_block_type(ctx);
 	if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
-	let if_block1 = /*visible*/ ctx[16] && create_if_block$5(ctx);
+	let if_block1 = /*visible*/ ctx[16] && create_if_block$9(ctx);
 
 	return {
 		c() {
@@ -4452,7 +4452,7 @@ function create_fragment$v(ctx) {
 						transition_in(if_block1, 1);
 					}
 				} else {
-					if_block1 = create_if_block$5(ctx);
+					if_block1 = create_if_block$9(ctx);
 					if_block1.c();
 					transition_in(if_block1, 1);
 					if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
@@ -4489,7 +4489,7 @@ function create_fragment$v(ctx) {
 	};
 }
 
-function instance$v($$self, $$props, $$invalidate) {
+function instance$10($$self, $$props, $$invalidate) {
 	let close;
 	let closable;
 	let backgroundClick;
@@ -4800,8 +4800,8 @@ class Modal extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$v,
-			create_fragment$v,
+			instance$10,
+			create_fragment$10,
 			safe_not_equal,
 			{
 				onClick: 0,
@@ -4819,7 +4819,7 @@ class Modal extends SvelteComponent {
 				closeButtonColor: 9,
 				_closeStyle: 10
 			},
-			add_css$s,
+			add_css$t,
 			[-1, -1]
 		);
 	}
@@ -4827,7 +4827,7 @@ class Modal extends SvelteComponent {
 
 /* src/components/Grid.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$u(ctx) {
+function create_fragment$$(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[8].default;
@@ -4885,7 +4885,7 @@ function create_fragment$u(ctx) {
 	};
 }
 
-function instance$u($$self, $$props, $$invalidate) {
+function instance$$($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { width = '512px' } = $$props;
@@ -4930,7 +4930,7 @@ class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$u, create_fragment$u, safe_not_equal, {
+		init(this, options, instance$$, create_fragment$$, safe_not_equal, {
 			width: 1,
 			height: 2,
 			rows: 3,
@@ -4943,11 +4943,11 @@ class Grid extends SvelteComponent {
 
 /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$r(target) {
+function add_css$s(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 create_fragment$t(ctx) {
+function create_fragment$_(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -5021,7 +5021,7 @@ function create_fragment$t(ctx) {
 
 const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
 
-function instance$t($$self, $$props, $$invalidate) {
+function instance$_($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { x1 } = $$props;
@@ -5070,8 +5070,8 @@ class GridItem extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$t,
-			create_fragment$t,
+			instance$_,
+			create_fragment$_,
 			safe_not_equal,
 			{
 				x1: 2,
@@ -5082,7 +5082,7 @@ class GridItem extends SvelteComponent {
 				background: 7,
 				gridItemId: 0
 			},
-			add_css$r
+			add_css$s
 		);
 	}
 }
@@ -5117,7 +5117,7 @@ function create_else_block$2(ctx) {
 }
 
 // (11:2) {#if item.match(regexp)}
-function create_if_block$4(ctx) {
+function create_if_block$8(ctx) {
 	let br;
 
 	return {
@@ -5142,7 +5142,7 @@ function create_each_block$6(ctx) {
 	function select_block_type(ctx, dirty) {
 		if (dirty & /*items*/ 1) show_if = null;
 		if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
-		if (show_if) return create_if_block$4;
+		if (show_if) return create_if_block$8;
 		return create_else_block$2;
 	}
 
@@ -5178,7 +5178,7 @@ function create_each_block$6(ctx) {
 	};
 }
 
-function create_fragment$s(ctx) {
+function create_fragment$Z(ctx) {
 	let each_1_anchor;
 	let each_value = /*items*/ ctx[0];
 	let each_blocks = [];
@@ -5237,7 +5237,7 @@ function create_fragment$s(ctx) {
 
 const regexp = /(\r?\n)/;
 
-function instance$s($$self, $$props, $$invalidate) {
+function instance$Z($$self, $$props, $$invalidate) {
 	let items;
 	let { text = 'サンプルSample' } = $$props;
 
@@ -5258,13 +5258,13 @@ function instance$s($$self, $$props, $$invalidate) {
 class RenderText extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$s, create_fragment$s, safe_not_equal, { text: 1 });
+		init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { text: 1 });
 	}
 }
 
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$q(target) {
+function add_css$r(target) {
 	append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
 }
 
@@ -5322,7 +5322,7 @@ function create_else_block$1(ctx) {
 }
 
 // (80:2) {#if enableCopy}
-function create_if_block$3(ctx) {
+function create_if_block$7(ctx) {
 	let a;
 	let div0;
 	let rendertext;
@@ -5408,12 +5408,12 @@ function create_if_block$3(ctx) {
 	};
 }
 
-function create_fragment$r(ctx) {
+function create_fragment$Y(ctx) {
 	let div;
 	let current_block_type_index;
 	let if_block;
 	let current;
-	const if_block_creators = [create_if_block$3, create_else_block$1];
+	const if_block_creators = [create_if_block$7, create_else_block$1];
 	const if_blocks = [];
 
 	function select_block_type(ctx, dirty) {
@@ -5478,7 +5478,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$Y($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'テキストのコンテンツ' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -5574,8 +5574,8 @@ class TextElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$r,
-			create_fragment$r,
+			instance$Y,
+			create_fragment$Y,
 			safe_not_equal,
 			{
 				text: 0,
@@ -5586,14 +5586,14 @@ class TextElement extends SvelteComponent {
 				enableCopy: 2,
 				eventName: 10
 			},
-			add_css$q
+			add_css$r
 		);
 	}
 }
 
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$p(target) {
+function add_css$q(target) {
 	append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
@@ -5631,12 +5631,12 @@ function create_default_slot$5(ctx) {
 	};
 }
 
-function create_fragment$q(ctx) {
+function create_fragment$X(ctx) {
 	let div;
 	let button;
 	let current;
 
-	button = new Button({
+	button = new Button$1({
 			props: {
 				onClick: /*onClick*/ ctx[1],
 				style: /*style*/ ctx[3],
@@ -5685,7 +5685,7 @@ function create_fragment$q(ctx) {
 	};
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$X($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'ボタンのラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -5723,8 +5723,8 @@ class TextButtonElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$q,
-			create_fragment$q,
+			instance$X,
+			create_fragment$X,
 			safe_not_equal,
 			{
 				text: 0,
@@ -5734,14 +5734,14 @@ class TextButtonElement extends SvelteComponent {
 				_buttonStyle: 5,
 				_style: 6
 			},
-			add_css$p
+			add_css$q
 		);
 	}
 }
 
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$o(target) {
+function add_css$p(target) {
 	append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
 }
 
@@ -5796,13 +5796,13 @@ function create_default_slot$4(ctx) {
 	};
 }
 
-function create_fragment$p(ctx) {
+function create_fragment$W(ctx) {
 	let div;
 	let button;
 	let div_class_value;
 	let current;
 
-	button = new Button({
+	button = new Button$1({
 			props: {
 				onClick: /*onClick*/ ctx[4],
 				style: /*_style*/ ctx[7],
@@ -5855,7 +5855,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$W($$self, $$props, $$invalidate) {
 	let { src = '' } = $$props;
 	let { alt = '画像の説明' } = $$props;
 	let { transport = false } = $$props;
@@ -5886,8 +5886,8 @@ class ImageElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$p,
-			create_fragment$p,
+			instance$W,
+			create_fragment$W,
 			safe_not_equal,
 			{
 				src: 0,
@@ -5899,18 +5899,18 @@ class ImageElement extends SvelteComponent {
 				_imageStyle: 6,
 				_style: 7
 			},
-			add_css$o
+			add_css$p
 		);
 	}
 }
 
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
-function add_css$n(target) {
+function add_css$o(target) {
 	append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
 }
 
-function create_fragment$o(ctx) {
+function create_fragment$V(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[6].default;
@@ -5970,7 +5970,7 @@ function create_fragment$o(ctx) {
 
 const LIST_CONTEXT_KEY = Symbol();
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$V($$self, $$props, $$invalidate) {
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'vertical' } = $$props;
@@ -6037,8 +6037,8 @@ class List extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$o,
-			create_fragment$o,
+			instance$V,
+			create_fragment$V,
 			safe_not_equal,
 			{
 				direction: 1,
@@ -6046,14 +6046,14 @@ class List extends SvelteComponent {
 				background: 3,
 				_style: 4
 			},
-			add_css$n
+			add_css$o
 		);
 	}
 }
 
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$m(target) {
+function add_css$n(target) {
 	append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -6105,12 +6105,12 @@ function create_default_slot$3(ctx) {
 	};
 }
 
-function create_fragment$n(ctx) {
+function create_fragment$U(ctx) {
 	let div;
 	let button;
 	let current;
 
-	button = new Button({
+	button = new Button$1({
 			props: {
 				onClick: /*onClick*/ ctx[0],
 				style: /*_style*/ ctx[2],
@@ -6164,7 +6164,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$U($$self, $$props, $$invalidate) {
 	let listItemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
@@ -6243,17 +6243,17 @@ function instance$n($$self, $$props, $$invalidate) {
 class ListItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$n, create_fragment$n, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$m);
+		init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$n);
 	}
 }
 
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$l(target) {
+function add_css$m(target) {
 	append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
-function create_fragment$m(ctx) {
+function create_fragment$T(ctx) {
 	let div;
 
 	return {
@@ -6280,7 +6280,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$T($$self, $$props, $$invalidate) {
 	let { code } = $$props;
 	let { _style = '' } = $$props;
 
@@ -6295,17 +6295,17 @@ function instance$m($$self, $$props, $$invalidate) {
 class EmbedElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$m, create_fragment$m, safe_not_equal, { code: 0, _style: 1 }, add_css$l);
+		init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$m);
 	}
 }
 
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$k(target) {
+function add_css$l(target) {
 	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$l(ctx) {
+function create_fragment$S(ctx) {
 	let div1;
 	let div0;
 
@@ -6346,7 +6346,7 @@ function _setValue(obj, key, value) {
 	}
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$S($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
 	let { videoId = 'wt0OjOeX-JA' } = $$props;
@@ -6617,8 +6617,8 @@ class MovieYouTubeElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$l,
-			create_fragment$l,
+			instance$S,
+			create_fragment$S,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -6647,7 +6647,7 @@ class MovieYouTubeElement extends SvelteComponent {
 				mute: 25,
 				_style: 0
 			},
-			add_css$k,
+			add_css$l,
 			[-1, -1]
 		);
 	}
@@ -6655,11 +6655,11 @@ class MovieYouTubeElement extends SvelteComponent {
 
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$j(target) {
+function add_css$k(target) {
 	append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$R(ctx) {
 	let div1;
 	let div0;
 
@@ -6690,7 +6690,7 @@ function create_fragment$k(ctx) {
 	};
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$R($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
 	let { videoId = "201239468" } = $$props;
@@ -6833,8 +6833,8 @@ class MovieVimeoElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$k,
-			create_fragment$k,
+			instance$R,
+			create_fragment$R,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -6844,18 +6844,18 @@ class MovieVimeoElement extends SvelteComponent {
 				mute: 6,
 				_style: 0
 			},
-			add_css$j
+			add_css$k
 		);
 	}
 }
 
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 
-function add_css$i(target) {
+function add_css$j(target) {
 	append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
 }
 
-function create_fragment$j(ctx) {
+function create_fragment$Q(ctx) {
 	let div;
 	let textarea;
 	let mounted;
@@ -6913,7 +6913,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$Q($$self, $$props, $$invalidate) {
 	let style;
 	let styleVariables;
 	let $value;
@@ -7001,8 +7001,8 @@ class FormTextarea extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$j,
-			create_fragment$j,
+			instance$Q,
+			create_fragment$Q,
 			safe_not_equal,
 			{
 				name: 7,
@@ -7014,14 +7014,14 @@ class FormTextarea extends SvelteComponent {
 				_textStyle: 11,
 				_placeholderStyle: 12
 			},
-			add_css$i
+			add_css$j
 		);
 	}
 }
 
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
-function add_css$h(target) {
+function add_css$i(target) {
 	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}");
 }
 
@@ -7111,7 +7111,7 @@ function create_each_block$5(ctx) {
 	};
 }
 
-function create_fragment$i(ctx) {
+function create_fragment$P(ctx) {
 	let div;
 	let each_value = /*_options*/ ctx[4];
 	let each_blocks = [];
@@ -7175,7 +7175,7 @@ function create_fragment$i(ctx) {
 	};
 }
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$P($$self, $$props, $$invalidate) {
 	let _options;
 	let buttonStyle;
 	let _value;
@@ -7275,8 +7275,8 @@ class FormRadioButtons extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$i,
-			create_fragment$i,
+			instance$P,
+			create_fragment$P,
 			safe_not_equal,
 			{
 				name: 0,
@@ -7289,14 +7289,14 @@ class FormRadioButtons extends SvelteComponent {
 				buttonColor: 13,
 				buttonColorActive: 14
 			},
-			add_css$h
+			add_css$i
 		);
 	}
 }
 
 /* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
 
-function add_css$g(target) {
+function add_css$h(target) {
 	append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
 }
 
@@ -7328,7 +7328,7 @@ function create_else_block(ctx) {
 }
 
 // (105:10) {#if option}
-function create_if_block$2(ctx) {
+function create_if_block$6(ctx) {
 	let t_value = /*option*/ ctx[19] + "";
 	let t;
 
@@ -7356,7 +7356,7 @@ function create_each_block$4(ctx) {
 	let option_selected_value;
 
 	function select_block_type(ctx, dirty) {
-		if (/*option*/ ctx[19]) return create_if_block$2;
+		if (/*option*/ ctx[19]) return create_if_block$6;
 		return create_else_block;
 	}
 
@@ -7406,7 +7406,7 @@ function create_each_block$4(ctx) {
 	};
 }
 
-function create_fragment$h(ctx) {
+function create_fragment$O(ctx) {
 	let div1;
 	let select;
 	let t;
@@ -7496,7 +7496,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$O($$self, $$props, $$invalidate) {
 	let _options;
 	let style;
 	let styleVariables;
@@ -7612,8 +7612,8 @@ class FormSelect extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$h,
-			create_fragment$h,
+			instance$O,
+			create_fragment$O,
 			safe_not_equal,
 			{
 				name: 7,
@@ -7628,14 +7628,14 @@ class FormSelect extends SvelteComponent {
 				iconColor: 15,
 				iconSize: 16
 			},
-			add_css$g
+			add_css$h
 		);
 	}
 }
 
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
-function add_css$f(target) {
+function add_css$g(target) {
 	append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
 }
 
@@ -7741,7 +7741,7 @@ function create_each_block$3(ctx) {
 	};
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$N(ctx) {
 	let div;
 	let each_value = /*_options*/ ctx[3];
 	let each_blocks = [];
@@ -7805,7 +7805,7 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$N($$self, $$props, $$invalidate) {
 	let _options;
 	let styleVariables;
 	let isCheckedArray;
@@ -7911,8 +7911,8 @@ class FormCheckBoxes extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$g,
-			create_fragment$g,
+			instance$N,
+			create_fragment$N,
 			safe_not_equal,
 			{
 				name: 0,
@@ -7925,14 +7925,14 @@ class FormCheckBoxes extends SvelteComponent {
 				buttonColor: 13,
 				buttonColorActive: 14
 			},
-			add_css$f
+			add_css$g
 		);
 	}
 }
 
 /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
 
-function add_css$e(target) {
+function add_css$f(target) {
 	append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
 }
 
@@ -7989,7 +7989,7 @@ function create_each_block$2(ctx) {
 	};
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$M(ctx) {
 	let div;
 	let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
 	let each_blocks = [];
@@ -8048,7 +8048,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$M($$self, $$props, $$invalidate) {
 	let _value;
 	let $value;
 	let { name = '' } = $$props;
@@ -8130,8 +8130,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$f,
-			create_fragment$f,
+			instance$M,
+			create_fragment$M,
 			safe_not_equal,
 			{
 				name: 6,
@@ -8142,14 +8142,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
 				buttonStyle: 9,
 				buttonActiveStyle: 10
 			},
-			add_css$e
+			add_css$f
 		);
 	}
 }
 
 /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
 
-function add_css$d(target) {
+function add_css$e(target) {
 	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%)}");
 }
 
@@ -8209,7 +8209,7 @@ function create_each_block$1(ctx) {
 	};
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$L(ctx) {
 	let div;
 	let each_value = [...Array(count).keys()].reverse().map(func);
 	let each_blocks = [];
@@ -8271,7 +8271,7 @@ function create_fragment$e(ctx) {
 const count = 5;
 const func = i => i + 1;
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$L($$self, $$props, $$invalidate) {
 	let _value;
 	let buttonStyle;
 	let $value;
@@ -8327,17 +8327,17 @@ function instance$e($$self, $$props, $$invalidate) {
 class FormRatingButtonsFace extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$e, create_fragment$e, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$d);
+		init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$e);
 	}
 }
 
 /* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
 
-function add_css$c(target) {
+function add_css$d(target) {
 	append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$K(ctx) {
 	let div;
 	let input;
 	let input_class_value;
@@ -8401,7 +8401,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$K($$self, $$props, $$invalidate) {
 	let style;
 	let styleVariables;
 	let isValidForUI;
@@ -8532,8 +8532,8 @@ class FormIdentifyInput extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$d,
-			create_fragment$d,
+			instance$K,
+			create_fragment$K,
 			safe_not_equal,
 			{
 				field: 9,
@@ -8547,18 +8547,18 @@ class FormIdentifyInput extends SvelteComponent {
 				_textStyle: 15,
 				_placeholderStyle: 16
 			},
-			add_css$c
+			add_css$d
 		);
 	}
 }
 
 /* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
 
-function add_css$b(target) {
+function add_css$c(target) {
 	append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
 }
 
-function create_fragment$c(ctx) {
+function create_fragment$J(ctx) {
 	let div;
 	let label0;
 	let input0;
@@ -8671,7 +8671,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$J($$self, $$props, $$invalidate) {
 	let buttonStyle;
 	let $value;
 	let { field = 'subscription' } = $$props;
@@ -8753,8 +8753,8 @@ class FormIdentifyChoices extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$c,
-			create_fragment$c,
+			instance$J,
+			create_fragment$J,
 			safe_not_equal,
 			{
 				field: 6,
@@ -8766,14 +8766,14 @@ class FormIdentifyChoices extends SvelteComponent {
 				buttonColor: 10,
 				buttonColorActive: 11
 			},
-			add_css$b
+			add_css$c
 		);
 	}
 }
 
 /* src/components/Slide.svelte generated by Svelte v3.53.1 */
 
-function add_css$a(target) {
+function add_css$b(target) {
 	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%}");
 }
 
@@ -8836,7 +8836,7 @@ function create_if_block_1(ctx) {
 }
 
 // (380:2) {#if isVisibleNextButton}
-function create_if_block$1(ctx) {
+function create_if_block$5(ctx) {
 	let div;
 	let button;
 	let svg;
@@ -8938,7 +8938,7 @@ function create_each_block(ctx) {
 	};
 }
 
-function create_fragment$b(ctx) {
+function create_fragment$I(ctx) {
 	let div3;
 	let div1;
 	let div0;
@@ -8951,7 +8951,7 @@ function create_fragment$b(ctx) {
 	const default_slot_template = /*#slots*/ ctx[32].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
 	let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
-	let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$1(ctx);
+	let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
 	let each_value = /*items*/ ctx[1];
 	let each_blocks = [];
 
@@ -9061,7 +9061,7 @@ function create_fragment$b(ctx) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
-					if_block1 = create_if_block$1(ctx);
+					if_block1 = create_if_block$5(ctx);
 					if_block1.c();
 					if_block1.m(div3, t2);
 				}
@@ -9133,7 +9133,7 @@ function calcPositionIndex(shift, index, length) {
 	}
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$I($$self, $$props, $$invalidate) {
 	let slideStyle;
 	let slideClass;
 	let _loop;
@@ -9586,8 +9586,8 @@ class Slide extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$b,
-			create_fragment$b,
+			instance$I,
+			create_fragment$I,
 			safe_not_equal,
 			{
 				loop: 18,
@@ -9601,7 +9601,7 @@ class Slide extends SvelteComponent {
 				navigationButton: 25,
 				navigationEdgePosition: 26
 			},
-			add_css$a,
+			add_css$b,
 			[-1, -1, -1]
 		);
 	}
@@ -9609,11 +9609,11 @@ class Slide extends SvelteComponent {
 
 /* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$9(target) {
+function add_css$a(target) {
 	append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
 }
 
-function create_fragment$a(ctx) {
+function create_fragment$H(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -9680,7 +9680,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$H($$self, $$props, $$invalidate) {
 	let itemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const { registerItem, unregisterItem } = getContext('SLIDE');
@@ -9746,20 +9746,20 @@ function instance$a($$self, $$props, $$invalidate) {
 class SlideItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$a, create_fragment$a, safe_not_equal, { _style: 0 }, add_css$9);
+		init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$a);
 	}
 }
 
 /* src/components/Countdown.svelte generated by Svelte v3.53.1 */
 
-function add_css$8(target) {
+function add_css$9(target) {
 	append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
 const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
 const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
 
-function create_fragment$9(ctx) {
+function create_fragment$G(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -9839,7 +9839,7 @@ function formatTimeDiff(ms) {
 	};
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$G($$self, $$props, $$invalidate) {
 	let countdown;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { timeLimit = '2023/12/31 23:59:59' } = $$props;
@@ -9900,13 +9900,13 @@ function instance$9($$self, $$props, $$invalidate) {
 class Countdown extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$9, create_fragment$9, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$8);
+		init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$9);
 	}
 }
 
 /* src/components/Box.svelte generated by Svelte v3.53.1 */
 
-function add_css$7(target) {
+function add_css$8(target) {
 	append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
 }
 
@@ -9958,12 +9958,12 @@ function create_default_slot$2(ctx) {
 	};
 }
 
-function create_fragment$8(ctx) {
+function create_fragment$F(ctx) {
 	let div;
 	let button;
 	let current;
 
-	button = new Button({
+	button = new Button$1({
 			props: {
 				onClick: /*onClick*/ ctx[0],
 				style: /*_style*/ ctx[2],
@@ -10012,7 +10012,7 @@ function create_fragment$8(ctx) {
 	};
 }
 
-function instance$8($$self, $$props, $$invalidate) {
+function instance$F($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { eventName = '' } = $$props;
@@ -10031,18 +10031,18 @@ function instance$8($$self, $$props, $$invalidate) {
 class Box extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$8, create_fragment$8, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$7);
+		init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$8);
 	}
 }
 
 /* src/components/IconElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$6(target) {
+function add_css$7(target) {
 	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)}");
 }
 
 // (56:4) {#if svg}
-function create_if_block(ctx) {
+function create_if_block$4(ctx) {
 	let html_tag;
 	let html_anchor;
 
@@ -10069,7 +10069,7 @@ function create_if_block(ctx) {
 // (55:2) <Button {onClick} {style} {eventName}>
 function create_default_slot$1(ctx) {
 	let if_block_anchor;
-	let if_block = /*svg*/ ctx[3] && create_if_block(ctx);
+	let if_block = /*svg*/ ctx[3] && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -10085,7 +10085,7 @@ function create_default_slot$1(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block(ctx);
+					if_block = create_if_block$4(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -10101,12 +10101,12 @@ function create_default_slot$1(ctx) {
 	};
 }
 
-function create_fragment$7(ctx) {
+function create_fragment$E(ctx) {
 	let div;
 	let button;
 	let current;
 
-	button = new Button({
+	button = new Button$1({
 			props: {
 				onClick: /*onClick*/ ctx[0],
 				style: /*style*/ ctx[2],
@@ -10162,7 +10162,7 @@ function parseData(dataUrl) {
 	return decodeURIComponent(data).replaceAll('\'', '"');
 }
 
-function instance$7($$self, $$props, $$invalidate) {
+function instance$E($$self, $$props, $$invalidate) {
 	let svg;
 	let styleVariables;
 	let style;
@@ -10210,8 +10210,8 @@ class IconElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$7,
-			create_fragment$7,
+			instance$E,
+			create_fragment$E,
 			safe_not_equal,
 			{
 				icon: 4,
@@ -10221,18 +10221,18 @@ class IconElement extends SvelteComponent {
 				color: 6,
 				_style: 7
 			},
-			add_css$6
+			add_css$7
 		);
 	}
 }
 
 /* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
 
-function add_css$5(target) {
+function add_css$6(target) {
 	append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
 }
 
-function create_fragment$6(ctx) {
+function create_fragment$D(ctx) {
 	let div;
 	let switch_instance;
 	let current;
@@ -10312,7 +10312,7 @@ function create_fragment$6(ctx) {
 	};
 }
 
-function instance$6($$self, $$props, $$invalidate) {
+function instance$D($$self, $$props, $$invalidate) {
 	let $data,
 		$$unsubscribe_data = noop,
 		$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
@@ -10337,17 +10337,17 @@ function instance$6($$self, $$props, $$invalidate) {
 class CodeElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$6, create_fragment$6, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$5);
+		init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$6);
 	}
 }
 
 /* src/components/Flex.svelte generated by Svelte v3.53.1 */
 
-function add_css$4(target) {
+function add_css$5(target) {
 	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 
-function create_fragment$5(ctx) {
+function create_fragment$C(ctx) {
 	let div;
 	let div_style_value;
 	let current;
@@ -10412,7 +10412,7 @@ function getFlexContext() {
 	return getContext(FlexContextKey);
 }
 
-function instance$5($$self, $$props, $$invalidate) {
+function instance$C($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'row' } = $$props;
 	let { width = '100%' } = $$props;
@@ -10438,8 +10438,8 @@ class Flex extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$5,
-			create_fragment$5,
+			instance$C,
+			create_fragment$C,
 			safe_not_equal,
 			{
 				direction: 0,
@@ -10447,18 +10447,18 @@ class Flex extends SvelteComponent {
 				height: 2,
 				_style: 3
 			},
-			add_css$4
+			add_css$5
 		);
 	}
 }
 
 /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
 
-function add_css$3(target) {
+function add_css$4(target) {
 	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
-function create_fragment$4(ctx) {
+function create_fragment$B(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
@@ -10516,7 +10516,7 @@ function create_fragment$4(ctx) {
 	};
 }
 
-function instance$4($$self, $$props, $$invalidate) {
+function instance$B($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { length } = $$props;
 	let { _style = '' } = $$props;
@@ -10559,7 +10559,7 @@ function instance$4($$self, $$props, $$invalidate) {
 class FlexItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$4, create_fragment$4, safe_not_equal, { length: 1, _style: 2 }, add_css$3);
+		init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$4);
 	}
 }
 
@@ -10734,7 +10734,7 @@ function create_default_slot(ctx) {
 	};
 }
 
-function create_fragment$3(ctx) {
+function create_fragment$A(ctx) {
 	let stateitem;
 	let current;
 
@@ -10779,7 +10779,7 @@ function create_fragment$3(ctx) {
 	};
 }
 
-function instance$3($$self, $$props, $$invalidate) {
+function instance$A($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { path } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -10850,7 +10850,7 @@ class GridModalState extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$3, create_fragment$3, safe_not_equal, {
+		init(this, options, instance$A, create_fragment$A, safe_not_equal, {
 			path: 0,
 			onClick: 1,
 			clickEventName: 2,
@@ -10875,11 +10875,11 @@ class GridModalState extends SvelteComponent {
 
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$2(target) {
+function add_css$3(target) {
 	append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
 }
 
-function create_fragment$2(ctx) {
+function create_fragment$z(ctx) {
 	let div1;
 	let div0;
 	let rendertext;
@@ -10931,7 +10931,7 @@ function create_fragment$2(ctx) {
 	};
 }
 
-function instance$2($$self, $$props, $$invalidate) {
+function instance$z($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { font = SYSTEM_FONT } = $$props;
@@ -10967,8 +10967,8 @@ class TextBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$2,
-			create_fragment$2,
+			instance$z,
+			create_fragment$z,
 			safe_not_equal,
 			{
 				text: 0,
@@ -10977,18 +10977,18 @@ class TextBlock extends SvelteComponent {
 				textDirection: 1,
 				_style: 5
 			},
-			add_css$2
+			add_css$3
 		);
 	}
 }
 
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css$1(target) {
+function add_css$2(target) {
 	append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
-function create_fragment$1(ctx) {
+function create_fragment$y(ctx) {
 	let div;
 	let button;
 	let rendertext;
@@ -11049,7 +11049,7 @@ function create_fragment$1(ctx) {
 	};
 }
 
-function instance$1($$self, $$props, $$invalidate) {
+function instance$y($$self, $$props, $$invalidate) {
 	let { text = 'ボタンラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 
@@ -11091,8 +11091,8 @@ class TextButtonBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$1,
-			create_fragment$1,
+			instance$y,
+			create_fragment$y,
 			safe_not_equal,
 			{
 				text: 0,
@@ -11102,18 +11102,18 @@ class TextButtonBlock extends SvelteComponent {
 				_buttonStyle: 1,
 				_style: 2
 			},
-			add_css$1
+			add_css$2
 		);
 	}
 }
 
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 
-function add_css(target) {
+function add_css$1(target) {
 	append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
-function create_fragment(ctx) {
+function create_fragment$x(ctx) {
 	let div;
 	let img;
 	let img_style_value;
@@ -11176,7 +11176,7 @@ function create_fragment(ctx) {
 	};
 }
 
-function instance($$self, $$props, $$invalidate) {
+function instance$x($$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;
@@ -11216,8 +11216,8 @@ class ImageBlock extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance,
-			create_fragment,
+			instance$x,
+			create_fragment$x,
 			safe_not_equal,
 			{
 				src: 0,
@@ -11229,9 +11229,2447 @@ class ImageBlock extends SvelteComponent {
 				_imageStyle: 4,
 				_style: 5
 			},
-			add_css
+			add_css$1
 		);
 	}
 }
 
-export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
+/* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$w(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 384 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$w($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconArrowDown extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$v(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 384 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$v($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconArrowUp extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$u(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 640 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$u($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconUsers extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$t(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 448 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$t($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconArrowLeft extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$s(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 448 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$s($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconArrowRight extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$r(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 448 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$r($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconBell extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$q(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$q($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconArrowUpFromSquare extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$p(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 576 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$p($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconTicket extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$o(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M48 0C21.5 0 0 21.5 0 48V368c0 26.5 21.5 48 48 48H64c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H48zM416 160h50.7L544 237.3V256H416V160zM112 416a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm368-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 640 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$o($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconTrack extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$n(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 576 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$n($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconCartShopping extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$m(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$m($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconCircle extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$l(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$l($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconCircleQuestion extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$k(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$k($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconCheck extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$j(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 320 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$j($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconXMark extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$i(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$i($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconPaperPlane extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$h(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$h($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconCopy extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$g(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$g($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconCircleXMark extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$f(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$f($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconHeart extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$e(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$e($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconMagnifyingGrass extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$d(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 576 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$d($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconStar extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$c(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$c($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconCircleInfo extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$b(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$b($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconEnvelope extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$a(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M190.5 68.8L225.3 128H224 152c-22.1 0-40-17.9-40-40s17.9-40 40-40h2.2c14.9 0 28.8 7.9 36.3 20.8zM64 88c0 14.4 3.5 28 9.6 40H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41C215.7 16.9 186.1 0 154.2 0H152C103.4 0 64 39.4 64 88zm336 0c0 22.1-17.9 40-40 40H288h-1.3l34.8-59.2C329.1 55.9 342.9 48 357.8 48H360c22.1 0 40 17.9 40 40zM32 288V464c0 26.5 21.5 48 48 48H224V288H32zM288 512H432c26.5 0 48-21.5 48-48V288H288V512z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "100%");
+			set_style(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 512 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$a($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconGift extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$9(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			attr(svg, "width", "100%");
+			attr(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 448 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$9($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconPaperclip extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$8(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			attr(svg, "width", "100%");
+			attr(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 448 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$8($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconFire extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
+	}
+}
+
+/* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$7(ctx) {
+	let svg;
+	let path;
+
+	return {
+		c() {
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "fill", /*color*/ ctx[0]);
+			attr(path, "d", "M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			attr(svg, "width", "100%");
+			attr(svg, "height", "100%");
+			attr(svg, "viewBox", "0 0 640 512");
+		},
+		m(target, anchor) {
+			insert(target, svg, anchor);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*color*/ 1) {
+				attr(path, "fill", /*color*/ ctx[0]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(svg);
+		}
+	};
+}
+
+function instance$7($$self, $$props, $$invalidate) {
+	let { color } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('color' in $$props) $$invalidate(0, color = $$props.color);
+	};
+
+	return [color];
+}
+
+class IconLink extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
+	}
+}
+
+const ICON_SIZE = {
+    x_small: {
+        label: 'X Small',
+        value: '12px',
+    },
+    small: {
+        label: 'Small',
+        value: '16px',
+    },
+    medium: {
+        label: 'Medium',
+        value: '20px',
+    },
+    large: {
+        label: 'Large',
+        value: '24px',
+    },
+    x_large: {
+        label: 'X Large',
+        value: '32px',
+    },
+    x2_large: {
+        label: '2X Large',
+        value: '40px',
+    },
+    x3_large: {
+        label: '3X Large',
+        value: '48px',
+    },
+};
+const ICON_VARIANTS = {
+    arrow_down: IconArrowDown,
+    arrow_up: IconArrowUp,
+    arrow_left: IconArrowLeft,
+    arrow_right: IconArrowRight,
+    arrow_up_from_square: IconArrowUpFromSquare,
+    bell: IconBell,
+    cart_shopping: IconCartShopping,
+    check: IconCheck,
+    circle: IconCircle,
+    circle_info: IconCircleInfo,
+    circle_question: IconCircleQuestion,
+    circle_x_mark: IconCircleXMark,
+    copy: IconCopy,
+    envelope: IconEnvelope,
+    // facebook: IconFacebook,
+    fire: IconFire,
+    gift: IconGift,
+    heart: IconHeart,
+    link: IconLink,
+    magnifying_grass: IconMagnifyingGrass,
+    paperclip: IconPaperclip,
+    paper_plane: IconPaperPlane,
+    star: IconStar,
+    ticket: IconTicket,
+    truck: IconTrack,
+    users: IconUsers,
+    x_mark: IconXMark,
+};
+// @ts-ignore
+[
+    {
+        id: 'variant',
+        name: 'アイコン',
+        type: 'icon',
+    },
+    {
+        id: 'color',
+        name: 'カラー',
+        type: 'color',
+    },
+    {
+        id: 'size',
+        name: 'サイズ',
+        type: 'select',
+        options: Object.keys(ICON_SIZE).map(key => ({
+            label: ICON_SIZE[key].label,
+            value: ICON_SIZE[key].value,
+        })),
+    },
+];
+
+const toHyphenCase = (str) => {
+    let result = str.replace(/_/g, '-');
+    result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+    return result;
+};
+const objToStyle = (obj) => {
+    const styles = Object.entries(obj)
+        .map(([key, value]) => {
+        if (value === undefined)
+            return '';
+        return `${toHyphenCase(key)}: ${value};`;
+    })
+        .filter(v => v !== '');
+    return styles.join(' ');
+};
+
+/* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
+
+function create_if_block$3(ctx) {
+	let div;
+	let switch_instance;
+	let div_style_value;
+	let current;
+	var switch_value = /*IconComponent*/ ctx[3];
+
+	function switch_props(ctx) {
+		return {
+			props: { color: /*props*/ ctx[1].color ?? '#333' }
+		};
+	}
+
+	if (switch_value) {
+		switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
+	}
+
+	return {
+		c() {
+			div = element("div");
+			if (switch_instance) create_component(switch_instance.$$.fragment);
+			attr(div, "data-layer-id", /*layerId*/ ctx[0]);
+			attr(div, "data-component-id", "icon");
+			attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			if (switch_instance) mount_component(switch_instance, div, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const switch_instance_changes = {};
+			if (dirty & /*props*/ 2) switch_instance_changes.color = /*props*/ ctx[1].color ?? '#333';
+
+			if (switch_value !== (switch_value = /*IconComponent*/ ctx[3])) {
+				if (switch_instance) {
+					group_outros();
+					const old_component = switch_instance;
+
+					transition_out(old_component.$$.fragment, 1, 0, () => {
+						destroy_component(old_component, 1);
+					});
+
+					check_outros();
+				}
+
+				if (switch_value) {
+					switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
+					create_component(switch_instance.$$.fragment);
+					transition_in(switch_instance.$$.fragment, 1);
+					mount_component(switch_instance, div, null);
+				} else {
+					switch_instance = null;
+				}
+			} else if (switch_value) {
+				switch_instance.$set(switch_instance_changes);
+			}
+
+			if (!current || dirty & /*layerId*/ 1) {
+				attr(div, "data-layer-id", /*layerId*/ ctx[0]);
+			}
+
+			if (!current || dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
+				attr(div, "style", div_style_value);
+			}
+		},
+		i(local) {
+			if (current) return;
+			if (switch_instance) transition_in(switch_instance.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			if (switch_instance) transition_out(switch_instance.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if (switch_instance) destroy_component(switch_instance);
+		}
+	};
+}
+
+function create_fragment$6(ctx) {
+	let if_block_anchor;
+	let current;
+	let if_block = /*IconComponent*/ ctx[3] && create_if_block$3(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*IconComponent*/ ctx[3]) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*IconComponent*/ 8) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block$3(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance$6($$self, $$props, $$invalidate) {
+	let style;
+	let IconComponent;
+	let { layerId } = $$props;
+	let { props } = $$props;
+	let { overrideStyle } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
+		if ('props' in $$props) $$invalidate(1, props = $$props.props);
+		if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*props*/ 2) {
+			$$invalidate(4, style = objToStyle({
+				display: 'inline-flex',
+				alignItems: 'center',
+				overflow: 'hidden',
+				width: 'auto',
+				minWidth: props.size,
+				height: props.size
+			}));
+		}
+
+		if ($$self.$$.dirty & /*props*/ 2) {
+			$$invalidate(3, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
+		}
+	};
+
+	return [layerId, props, overrideStyle, IconComponent, style];
+}
+
+class Icon extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
+	}
+}
+
+/* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
+
+function add_css(target) {
+	append_styles(target, "svelte-1rn57id", ".v2-button.svelte-1rn57id{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-1rn57id{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
+}
+
+// (109:2) {#if (props.isIcon && props.iconVariant)}
+function create_if_block$2(ctx) {
+	let div;
+	let icon;
+	let current;
+
+	icon = new Icon({
+			props: {
+				layerId: undefined,
+				overrideStyle: undefined,
+				props: {
+					variant: /*props*/ ctx[1].iconVariant,
+					size: '1em',
+					color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
+				}
+			}
+		});
+
+	return {
+		c() {
+			div = element("div");
+			create_component(icon.$$.fragment);
+			attr(div, "class", "v2-button-icon svelte-1rn57id");
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			mount_component(icon, div, null);
+			current = true;
+		},
+		p(ctx, dirty) {
+			const icon_changes = {};
+
+			if (dirty & /*props*/ 2) icon_changes.props = {
+				variant: /*props*/ ctx[1].iconVariant,
+				size: '1em',
+				color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
+			};
+
+			icon.$set(icon_changes);
+		},
+		i(local) {
+			if (current) return;
+			transition_in(icon.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(icon.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			destroy_component(icon);
+		}
+	};
+}
+
+function create_fragment$5(ctx) {
+	let button;
+	let t0;
+	let span;
+	let t1_value = /*props*/ ctx[1].label + "";
+	let t1;
+	let button_style_value;
+	let current;
+	let if_block = /*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant && create_if_block$2(ctx);
+
+	return {
+		c() {
+			button = element("button");
+			if (if_block) if_block.c();
+			t0 = space();
+			span = element("span");
+			t1 = text(t1_value);
+			attr(button, "data-layer-id", /*layerId*/ ctx[0]);
+			attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
+			attr(button, "class", "v2-button svelte-1rn57id");
+		},
+		m(target, anchor) {
+			insert(target, button, anchor);
+			if (if_block) if_block.m(button, null);
+			append(button, t0);
+			append(button, span);
+			append(span, t1);
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (/*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+
+					if (dirty & /*props*/ 2) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block$2(ctx);
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(button, t0);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+
+			if ((!current || dirty & /*props*/ 2) && t1_value !== (t1_value = /*props*/ ctx[1].label + "")) set_data(t1, t1_value);
+
+			if (!current || dirty & /*layerId*/ 1) {
+				attr(button, "data-layer-id", /*layerId*/ ctx[0]);
+			}
+
+			if (!current || dirty & /*style, overrideStyle*/ 12 && button_style_value !== (button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '))) {
+				attr(button, "style", button_style_value);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(if_block);
+			current = true;
+		},
+		o(local) {
+			transition_out(if_block);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(button);
+			if (if_block) if_block.d();
+		}
+	};
+}
+
+function instance$5($$self, $$props, $$invalidate) {
+	let style;
+
+	const VARIANTS = {
+		size: {
+			extra_small: {
+				minHeight: '32px',
+				paddingInline: '12px',
+				fontSize: '12px',
+				paddingBlock: '8px',
+				lineHeight: 1.5,
+				borderRadius: '8px'
+			},
+			small: {
+				minHeight: '36px',
+				paddingInline: '16px',
+				fontSize: '13px',
+				paddingBlock: '8px',
+				lineHeight: 1.5,
+				borderRadius: '8px'
+			},
+			// 'min-h-10 px-6 text-sm py-2 leading-[150%]'
+			medium: {
+				minHeight: '40px',
+				paddingInline: '24px',
+				fontSize: '14px',
+				paddingBlock: '8px',
+				lineHeight: 1.5,
+				borderRadius: '8px'
+			},
+			// 'min-h-14 px-8 text-lg py-3 leading-[150%]'
+			large: {
+				minHeight: '48px',
+				paddingInline: '32px',
+				fontSize: '16px',
+				paddingBlock: '10px',
+				lineHeight: 1.5,
+				borderRadius: '8px'
+			},
+			extra_large: {
+				minHeight: '56px',
+				paddingInline: '40px',
+				fontSize: '17px',
+				paddingBlock: '12px',
+				lineHeight: 1.5,
+				borderRadius: '8px'
+			}
+		},
+		color: {
+			theme: {
+				backgroundColor: 'rgba(18,160,160,1)',
+				color: '#FFFFFF',
+				fontWeight: 'bold'
+			},
+			default: {
+				backgroundColor: 'rgb(220,220,220,1)',
+				color: '#222222'
+			}, // 'bg-action-default hover:bg-action-default-hover text-default'
+			alert: {
+				backgroundColor: 'rgb(242,83,32,1)',
+				color: '#FFFFFF',
+				fontWeight: 'bold'
+			}, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
+			
+		},
+		round: {
+			none: { borderRadius: 0 },
+			default: {},
+			fulled: { borderRadius: '56px' }
+		},
+		wrap: {
+			nowrap: { whiteSpace: 'nowrap' },
+			wrap: { whiteSpace: 'pre-wrap' }
+		}
+	};
+
+	let { layerId } = $$props;
+	let { props } = $$props;
+	let { overrideStyle } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
+		if ('props' in $$props) $$invalidate(1, props = $$props.props);
+		if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*props*/ 2) {
+			$$invalidate(3, style = objToStyle({
+				...{
+					display: 'inline-flex',
+					gap: '0.65em',
+					alignItems: 'center',
+					justifyContent: 'center',
+					outline: 0,
+					border: 0,
+					transition: 'background-color 0.12s, border-color 0.12s, color 0.12s'
+				},
+				width: props.width,
+				...VARIANTS.size[props.size ?? 'medium'],
+				...VARIANTS.color[props.color ?? 'default'],
+				...VARIANTS.wrap[props.wrap ?? 'nowrap'],
+				...VARIANTS.round[props.round ?? 'default'],
+				...props.iconAngle
+				? { flexDirection: props.iconAngle }
+				: {}
+			}));
+		}
+	};
+
+	return [layerId, props, overrideStyle, style, VARIANTS];
+}
+
+class Button extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 }, add_css);
+	}
+}
+
+const toCssBorder = (p) => {
+    return {
+        borderStyle: p?.style,
+        borderColor: p?.color,
+        borderWidth: p ? `${p.size}px` : undefined,
+    };
+};
+const toCssPosition = (p) => {
+    return {
+        position: p?.position ?? 'static',
+        top: p?.top,
+        left: p?.left,
+        bottom: p?.bottom,
+        right: p?.right,
+    };
+};
+
+/* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$4(ctx) {
+	let div;
+	let current;
+	const default_slot_template = /*#slots*/ ctx[4].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
+
+	return {
+		c() {
+			div = element("div");
+			if (default_slot) default_slot.c();
+			attr(div, "data-layer-id", /*layerId*/ ctx[0]);
+			attr(div, "data-component-name", "layout");
+			attr(div, "style", /*style*/ ctx[1]);
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+
+			if (default_slot) {
+				default_slot.m(div, null);
+			}
+
+			current = true;
+		},
+		p(ctx, [dirty]) {
+			if (default_slot) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
+					update_slot_base(
+						default_slot,
+						default_slot_template,
+						ctx,
+						/*$$scope*/ ctx[3],
+						!current
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
+						null
+					);
+				}
+			}
+
+			if (!current || dirty & /*layerId*/ 1) {
+				attr(div, "data-layer-id", /*layerId*/ ctx[0]);
+			}
+
+			if (!current || dirty & /*style*/ 2) {
+				attr(div, "style", /*style*/ ctx[1]);
+			}
+		},
+		i(local) {
+			if (current) return;
+			transition_in(default_slot, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(default_slot, local);
+			current = false;
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+			if (default_slot) default_slot.d(detaching);
+		}
+	};
+}
+
+function instance$4($$self, $$props, $$invalidate) {
+	let style;
+	let { $$slots: slots = {}, $$scope } = $$props;
+	let { layerId = undefined } = $$props;
+	let { props = {} } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
+		if ('props' in $$props) $$invalidate(2, props = $$props.props);
+		if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*props*/ 4) {
+			$$invalidate(1, style = objToStyle({
+				display: props.display ?? 'flex',
+				flexDirection: props.direction,
+				alignItems: props.align,
+				justifyContent: props.justify,
+				rowGap: props.rowGap,
+				columnGap: props.columnGap,
+				backgroundColor: props.backgroundColor,
+				boxShadow: props.shadow,
+				paddingTop: props.paddingTop,
+				paddingLeft: props.paddingLeft,
+				paddingRight: props.paddingRight,
+				paddingBottom: props.paddingBottom,
+				borderRadius: props.borderRadius,
+				width: props.width,
+				...toCssPosition(props),
+				...toCssBorder(props.border),
+				...props.backgroundImage && {
+					backgroundImage: `url(${props.backgroundImage})`,
+					backgroundSize: 'cover'
+				}
+			}));
+		}
+	};
+
+	return [layerId, style, props, $$scope, slots];
+}
+
+class Layout extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 2 });
+	}
+}
+
+/* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
+
+function create_fragment$3(ctx) {
+	let p;
+
+	return {
+		c() {
+			p = element("p");
+			attr(p, "data-layer-id", /*layerId*/ ctx[0]);
+			attr(p, "style", /*style*/ ctx[1]);
+		},
+		m(target, anchor) {
+			insert(target, p, anchor);
+			p.innerHTML = /*escapedHTML*/ ctx[2];
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
+			if (dirty & /*layerId*/ 1) {
+				attr(p, "data-layer-id", /*layerId*/ ctx[0]);
+			}
+
+			if (dirty & /*style*/ 2) {
+				attr(p, "style", /*style*/ ctx[1]);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(p);
+		}
+	};
+}
+
+function instance$3($$self, $$props, $$invalidate) {
+	let escapedHTML;
+	let style;
+	let { layerId } = $$props;
+	let { props } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
+		if ('props' in $$props) $$invalidate(3, props = $$props.props);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*props*/ 8) {
+			$$invalidate(2, escapedHTML = props.content.replace(/&/g, '&lt;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\n/g, '<br />'));
+		}
+
+		if ($$self.$$.dirty & /*props*/ 8) {
+			$$invalidate(1, style = objToStyle({
+				margin: 0,
+				position: props?.position ?? 'static',
+				fontWeight: props.fontWeight,
+				fontSize: props.fontSize,
+				textAlign: props.align,
+				wordBreak: 'break-all',
+				backgroundColor: props.backgroundColor,
+				paddingTop: props.paddingTop,
+				paddingLeft: props.paddingLeft,
+				paddingRight: props.paddingRight,
+				paddingBottom: props.paddingBottom,
+				borderRadius: props.borderRadius,
+				width: props.width,
+				...toCssPosition(props)
+			}));
+		}
+	};
+
+	return [layerId, style, escapedHTML, props];
+}
+
+class Text extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 3 });
+	}
+}
+
+/* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
+
+function create_if_block$1(ctx) {
+	let div;
+	let img;
+	let img_src_value;
+	let div_style_value;
+
+	return {
+		c() {
+			div = element("div");
+			img = element("img");
+			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
+			attr(img, "alt", "");
+			attr(img, "style", /*imgStyle*/ ctx[3]);
+			attr(div, "data-layer-id", /*layerId*/ ctx[0]);
+			attr(div, "data-component-id", "avatar");
+			attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, img);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
+				attr(img, "src", img_src_value);
+			}
+
+			if (dirty & /*imgStyle*/ 8) {
+				attr(img, "style", /*imgStyle*/ ctx[3]);
+			}
+
+			if (dirty & /*layerId*/ 1) {
+				attr(div, "data-layer-id", /*layerId*/ ctx[0]);
+			}
+
+			if (dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
+				attr(div, "style", div_style_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function create_fragment$2(ctx) {
+	let if_block_anchor;
+	let if_block = /*props*/ ctx[1].image && create_if_block$1(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (/*props*/ ctx[1].image) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block$1(ctx);
+					if_block.c();
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance$2($$self, $$props, $$invalidate) {
+	let style;
+	let imgStyle;
+	let { layerId } = $$props;
+	let { props } = $$props;
+	let { overrideStyle } = $$props;
+
+	const VARIANTS = {
+		shape: {
+			circle: { borderRadius: '100%' },
+			square: { borderRadius: '4px' }
+		}
+	};
+
+	const size = props.size ?? 64;
+
+	$$self.$$set = $$props => {
+		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
+		if ('props' in $$props) $$invalidate(1, props = $$props.props);
+		if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*props*/ 2) {
+			$$invalidate(4, style = objToStyle({
+				display: 'flex',
+				alignItems: 'center',
+				overflow: 'hidden',
+				flexShrink: 0,
+				width: `${size}px`,
+				height: `${size}px`,
+				...VARIANTS.shape[props.shape ?? 'square'],
+				...props.bordered && { border: `1px solid #dbdbdb` }
+			}));
+		}
+	};
+
+	$$invalidate(3, imgStyle = objToStyle({
+		width: '100%',
+		height: '100%',
+		objectFit: 'cover'
+	}));
+
+	return [layerId, props, overrideStyle, imgStyle, style];
+}
+
+class Avatar extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
+	}
+}
+
+/* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
+
+function create_if_block(ctx) {
+	let div;
+	let object;
+	let img;
+	let img_src_value;
+	let div_style_value;
+
+	return {
+		c() {
+			div = element("div");
+			object = element("object");
+			img = element("img");
+			if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
+			attr(img, "alt", "");
+			attr(img, "style", /*imgStyle*/ ctx[3]);
+			attr(object, "style", /*objectStyle*/ ctx[4]);
+			attr(object, "title", "");
+			attr(div, "data-layer-id", /*layerId*/ ctx[0]);
+			attr(div, "style", div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '));
+		},
+		m(target, anchor) {
+			insert(target, div, anchor);
+			append(div, object);
+			append(object, img);
+		},
+		p(ctx, dirty) {
+			if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
+				attr(img, "src", img_src_value);
+			}
+
+			if (dirty & /*imgStyle*/ 8) {
+				attr(img, "style", /*imgStyle*/ ctx[3]);
+			}
+
+			if (dirty & /*objectStyle*/ 16) {
+				attr(object, "style", /*objectStyle*/ ctx[4]);
+			}
+
+			if (dirty & /*layerId*/ 1) {
+				attr(div, "data-layer-id", /*layerId*/ ctx[0]);
+			}
+
+			if (dirty & /*style, overrideStyle*/ 36 && div_style_value !== (div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '))) {
+				attr(div, "style", div_style_value);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div);
+		}
+	};
+}
+
+function create_fragment$1(ctx) {
+	let if_block_anchor;
+	let if_block = /*props*/ ctx[1].image && create_if_block(ctx);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
+			if_block_anchor = empty();
+		},
+		m(target, anchor) {
+			if (if_block) if_block.m(target, anchor);
+			insert(target, if_block_anchor, anchor);
+		},
+		p(ctx, [dirty]) {
+			if (/*props*/ ctx[1].image) {
+				if (if_block) {
+					if_block.p(ctx, dirty);
+				} else {
+					if_block = create_if_block(ctx);
+					if_block.c();
+					if_block.m(if_block_anchor.parentNode, if_block_anchor);
+				}
+			} else if (if_block) {
+				if_block.d(1);
+				if_block = null;
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (if_block) if_block.d(detaching);
+			if (detaching) detach(if_block_anchor);
+		}
+	};
+}
+
+function instance$1($$self, $$props, $$invalidate) {
+	let style;
+	let objectStyle;
+	let imgStyle;
+	let { layerId } = $$props;
+	let { props } = $$props;
+	let { overrideStyle } = $$props;
+
+	$$self.$$set = $$props => {
+		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
+		if ('props' in $$props) $$invalidate(1, props = $$props.props);
+		if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*props*/ 2) {
+			$$invalidate(5, style = objToStyle({
+				width: props.width,
+				display: 'flex',
+				maxWidth: '100%',
+				alignItems: 'center',
+				justifyContent: 'center',
+				overflow: 'hidden',
+				wordBreak: 'break-all'
+			}));
+		}
+
+		if ($$self.$$.dirty & /*props*/ 2) {
+			$$invalidate(4, objectStyle = objToStyle({
+				width: '100%',
+				aspectRatio: props.aspect,
+				overflow: 'hidden'
+			}));
+		}
+	};
+
+	$$invalidate(3, imgStyle = objToStyle({
+		width: '100%',
+		height: '100%',
+		objectFit: 'cover',
+		userSelect: 'none'
+	}));
+
+	return [layerId, props, overrideStyle, imgStyle, objectStyle, style];
+}
+
+class Image extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance$1, create_fragment$1, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
+	}
+}
+
+/* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
+
+function create_fragment(ctx) {
+	let button;
+	let svg;
+	let path;
+	let button_style_value;
+
+	return {
+		c() {
+			button = element("button");
+			svg = svg_element("svg");
+			path = svg_element("path");
+			attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
+			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
+			set_style(svg, "width", "75%");
+			set_style(svg, "height", "75%");
+			attr(svg, "viewBox", "0 0 50 50");
+			attr(svg, "fill", "#666666");
+			attr(button, "data-layer-id", /*layerId*/ ctx[0]);
+			attr(button, "style", button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '));
+		},
+		m(target, anchor) {
+			insert(target, button, anchor);
+			append(button, svg);
+			append(svg, path);
+		},
+		p(ctx, [dirty]) {
+			if (dirty & /*layerId*/ 1) {
+				attr(button, "data-layer-id", /*layerId*/ ctx[0]);
+			}
+
+			if (dirty & /*style, overrideStyle*/ 6 && button_style_value !== (button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '))) {
+				attr(button, "style", button_style_value);
+			}
+		},
+		i: noop,
+		o: noop,
+		d(detaching) {
+			if (detaching) detach(button);
+		}
+	};
+}
+
+function instance($$self, $$props, $$invalidate) {
+	let style;
+	let { layerId } = $$props;
+	let { props } = $$props;
+	let { overrideStyle } = $$props;
+	const size = props.size ?? 24;
+
+	$$self.$$set = $$props => {
+		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
+		if ('props' in $$props) $$invalidate(3, props = $$props.props);
+		if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
+	};
+
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*props*/ 8) {
+			$$invalidate(2, style = objToStyle({
+				display: 'inline-flex',
+				alignItems: 'center',
+				justifyContent: 'center',
+				borderRadius: '100%',
+				background: 'none',
+				border: 0,
+				outline: 0,
+				transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
+				width: `${size}px`,
+				height: `${size}px`,
+				...props.bordered && { border: '1px solid #666' },
+				...toCssPosition(props)
+			}));
+		}
+	};
+
+	return [layerId, overrideStyle, style, props];
+}
+
+class CloseButton extends SvelteComponent {
+	constructor(options) {
+		super();
+		init(this, options, instance, create_fragment, safe_not_equal, { layerId: 0, props: 3, overrideStyle: 1 });
+	}
+}
+
+export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Text as V2Text, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };