@plaidev/karte-action-sdk 1.1.119-27929222.4cbf467a → 1.1.119-27929495.c92443f3

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { writable, get } from 'svelte/store';
 import { linear, elasticOut, cubicOut } from 'svelte/easing';
-import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal, set_style } from 'svelte/internal';
+import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal } from 'svelte/internal';
 import { setContext, getContext, createEventDispatcher, onMount, onDestroy as onDestroy$1 } from 'svelte';
 
 /** @internal */
@@ -590,6 +590,99 @@ function updateCustomVariables(variables) {
  */
 const formData = writable({});
 
+function isEmpty(value) {
+    if (Array.isArray(value)) {
+        return value.length === 0;
+    }
+    else {
+        return !value;
+    }
+}
+/** @internal */
+function registerInput({ name, statePath, validator = () => true, initialValue, }) {
+    const writableValue = {
+        subscribe(run) {
+            return formData.subscribe(formData => {
+                run(formData[name]?.value);
+            });
+        },
+        set(value) {
+            formData.update(prev => ({
+                ...prev,
+                [name]: {
+                    statePath,
+                    value,
+                    isValid: validator(value),
+                },
+            }));
+        },
+        update(updater) {
+            formData.update(prev => {
+                const prevValue = prev[name]?.value;
+                return {
+                    ...prev,
+                    [name]: {
+                        statePath,
+                        value: updater(prevValue),
+                        isValid: validator(prevValue),
+                    },
+                };
+            });
+        },
+    };
+    if (isEmpty(get(writableValue))) {
+        writableValue.set(initialValue);
+    }
+    return writableValue;
+}
+/** @internal */
+const getValuesAreValidReader = statePath => ({
+    subscribe(callback) {
+        return formData.subscribe(formData => {
+            const valuesAreValid = Object.entries(formData)
+                .filter(([_, { statePath: s }]) => s === statePath) // eslint-disable-line @typescript-eslint/no-unused-vars
+                .every(([_, { isValid }]) => isValid); // eslint-disable-line @typescript-eslint/no-unused-vars
+            callback(valuesAreValid);
+        });
+    },
+});
+function formDataToEventValues(campaignId, formData) {
+    const questions = [];
+    const answersMap = {};
+    Object.entries(formData).forEach(([name, dataItem]) => {
+        questions.push(name);
+        const value = dataItem.value;
+        const answerKey = `question_${name}`;
+        if (Array.isArray(value)) {
+            answersMap[answerKey] = {
+                choices: value,
+            };
+        }
+        else if (typeof value === 'string') {
+            answersMap[answerKey] = {
+                free_answer: value,
+            };
+        }
+    });
+    return {
+        [campaignId]: {
+            questions,
+            ...answersMap,
+        },
+    };
+}
+/** @internal */
+function submit() {
+    const systemConfig = getSystem();
+    const campaignId = systemConfig.campaignId;
+    if (campaignId) {
+        const formData$1 = get(formData);
+        const values = formDataToEventValues(campaignId, formData$1);
+        return values;
+    }
+    return {};
+}
+
 /** @internal */
 const ALL_ACTION_ID = 'KARTE_ALL_ACTION_ID';
 /** @internal */
@@ -636,10 +729,13 @@ const send_event = (event_name, values) => {
     const setting = getActionSetting();
     setting?.send?.(event_name, values);
 };
-/** @internal */
-const moveTo = (to) => () => {
+function _moveTo(to) {
     send_event('_message_state_changed', { state: to });
     window.dispatchEvent(new CustomEvent(ACTION_CHANGE_STATE_EVENT, { detail: { to, actionId } }));
+}
+/** @internal */
+const moveTo = (to) => () => {
+    _moveTo(to);
 };
 /** @internal */
 const linkTo = (to, targetBlank = true) => () => {
@@ -669,6 +765,21 @@ const runScript = (handlerName) => () => {
     }
 };
 /** @internal */
+const submitForm = (to) => () => {
+    const values = submit();
+    send_event('_answer_question', values);
+    _moveTo(to);
+};
+/** @internal */
+const nextForm = (to) => () => {
+    _moveTo(to);
+};
+/** @internal */
+const prevForm = (to) => () => {
+    // deleteValues(stateId);
+    _moveTo(to);
+};
+/** @internal */
 const execOnClickOperation = (onClickOperation) => {
     if (onClickOperation.operation === 'linkTo') {
         linkTo(...onClickOperation.args)();
@@ -682,6 +793,15 @@ const execOnClickOperation = (onClickOperation) => {
     else if (onClickOperation.operation === 'runScript') {
         runScript(onClickOperation.args[0])();
     }
+    else if (onClickOperation.operation === 'submitForm') {
+        submitForm(onClickOperation.args[0])();
+    }
+    else if (onClickOperation.operation === 'nextForm') {
+        nextForm(onClickOperation.args[0])();
+    }
+    else if (onClickOperation.operation === 'prevForm') {
+        prevForm(onClickOperation.args[0])();
+    }
 };
 /** @internal */
 const haveFunction = (onClickOperation) => {
@@ -1101,11 +1221,8 @@ const OnClickOperationOptions = [
             },
         ],
     },
-];
-/** @internal */
-const FormOperationOptions = [
     {
-        operation: 'submit',
+        operation: 'submitForm',
         args: [
             {
                 type: 'TransitState',
@@ -1114,7 +1231,7 @@ const FormOperationOptions = [
         ],
     },
     {
-        operation: 'next',
+        operation: 'nextForm',
         args: [
             {
                 type: 'TransitState',
@@ -1123,7 +1240,7 @@ const FormOperationOptions = [
         ],
     },
     {
-        operation: 'prev',
+        operation: 'prevForm',
         args: [
             {
                 type: 'TransitState',
@@ -2063,7 +2180,7 @@ class Normalize extends SvelteComponent {
 
 /* src/components/State.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$r(ctx) {
+function create_fragment$q(ctx) {
 	let normalize;
 	let t;
 	let current;
@@ -2122,7 +2239,7 @@ function create_fragment$r(ctx) {
 	};
 }
 
-function instance$r($$self, $$props, $$invalidate) {
+function instance$q($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 
 	$$self.$$set = $$props => {
@@ -2135,7 +2252,7 @@ function instance$r($$self, $$props, $$invalidate) {
 class State extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$r, create_fragment$r, safe_not_equal, {});
+		init(this, options, instance$q, create_fragment$q, safe_not_equal, {});
 	}
 }
 
@@ -2208,7 +2325,7 @@ function create_if_block$5(ctx) {
 	};
 }
 
-function create_fragment$q(ctx) {
+function create_fragment$p(ctx) {
 	let if_block_anchor;
 	let current;
 	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$5(ctx);
@@ -2269,7 +2386,7 @@ function getStateItemContext() {
 	return getContext(STATE_ITEM_CONTEXT_KEY);
 }
 
-function instance$q($$self, $$props, $$invalidate) {
+function instance$p($$self, $$props, $$invalidate) {
 	let $state;
 	component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -2295,7 +2412,7 @@ function instance$q($$self, $$props, $$invalidate) {
 class StateItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$q, create_fragment$q, safe_not_equal, { path: 0 }, add_css$m);
+		init(this, options, instance$p, create_fragment$p, safe_not_equal, { path: 0 }, add_css$m);
 	}
 }
 
@@ -2333,7 +2450,7 @@ function create_if_block$4(ctx) {
 	};
 }
 
-function create_fragment$p(ctx) {
+function create_fragment$o(ctx) {
 	let if_block_anchor;
 	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$4(ctx);
 
@@ -2369,7 +2486,7 @@ function create_fragment$p(ctx) {
 	};
 }
 
-function instance$p($$self, $$props, $$invalidate) {
+function instance$o($$self, $$props, $$invalidate) {
 	let { backgroundOverray = false } = $$props;
 	const dispatch = createEventDispatcher();
 	const click_handler = () => dispatch('click');
@@ -2384,7 +2501,7 @@ function instance$p($$self, $$props, $$invalidate) {
 class BackgroundOverray extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$p, create_fragment$p, safe_not_equal, { backgroundOverray: 0 }, add_css$l);
+		init(this, options, instance$o, create_fragment$o, safe_not_equal, { backgroundOverray: 0 }, add_css$l);
 	}
 }
 
@@ -2571,7 +2688,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-function create_fragment$o(ctx) {
+function create_fragment$n(ctx) {
 	let backgroundoverray;
 	let t;
 	let if_block_anchor;
@@ -2664,7 +2781,7 @@ function create_fragment$o(ctx) {
 	};
 }
 
-function instance$o($$self, $$props, $$invalidate) {
+function instance$n($$self, $$props, $$invalidate) {
 	let click;
 	let close;
 	let closable;
@@ -2852,8 +2969,8 @@ class Modal extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$o,
-			create_fragment$o,
+			instance$n,
+			create_fragment$n,
 			safe_not_equal,
 			{
 				onClick: 17,
@@ -2876,7 +2993,7 @@ class Modal extends SvelteComponent {
 
 /* src/components/Grid.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$n(ctx) {
+function create_fragment$m(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[8].default;
@@ -2934,7 +3051,7 @@ function create_fragment$n(ctx) {
 	};
 }
 
-function instance$n($$self, $$props, $$invalidate) {
+function instance$m($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { width = '512px' } = $$props;
@@ -2979,7 +3096,7 @@ class Grid extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$n, create_fragment$n, safe_not_equal, {
+		init(this, options, instance$m, create_fragment$m, safe_not_equal, {
 			width: 1,
 			height: 2,
 			rows: 3,
@@ -3161,7 +3278,7 @@ function create_default_slot(ctx) {
 	};
 }
 
-function create_fragment$m(ctx) {
+function create_fragment$l(ctx) {
 	let stateitem;
 	let current;
 
@@ -3206,7 +3323,7 @@ function create_fragment$m(ctx) {
 	};
 }
 
-function instance$m($$self, $$props, $$invalidate) {
+function instance$l($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { path } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
@@ -3277,7 +3394,7 @@ class GridModalState extends SvelteComponent {
 	constructor(options) {
 		super();
 
-		init(this, options, instance$m, create_fragment$m, safe_not_equal, {
+		init(this, options, instance$l, create_fragment$l, safe_not_equal, {
 			path: 0,
 			onClick: 1,
 			clickEventName: 2,
@@ -3306,7 +3423,7 @@ function add_css$j(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$l(ctx) {
+function create_fragment$k(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -3369,7 +3486,7 @@ function create_fragment$l(ctx) {
 	};
 }
 
-function instance$l($$self, $$props, $$invalidate) {
+function instance$k($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { x1 } = $$props;
@@ -3422,8 +3539,8 @@ class GridItem extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$l,
-			create_fragment$l,
+			instance$k,
+			create_fragment$k,
 			safe_not_equal,
 			{
 				x1: 2,
@@ -3444,7 +3561,7 @@ function add_css$i(target) {
 	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 
-function create_fragment$k(ctx) {
+function create_fragment$j(ctx) {
 	let div;
 	let div_style_value;
 	let current;
@@ -3509,7 +3626,7 @@ function getFlexContext() {
 	return getContext(FlexContextKey);
 }
 
-function instance$k($$self, $$props, $$invalidate) {
+function instance$j($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'row' } = $$props;
 	let { width = '100%' } = $$props;
@@ -3535,8 +3652,8 @@ class Flex extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$k,
-			create_fragment$k,
+			instance$j,
+			create_fragment$j,
 			safe_not_equal,
 			{
 				direction: 0,
@@ -3555,7 +3672,7 @@ function add_css$h(target) {
 	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
-function create_fragment$j(ctx) {
+function create_fragment$i(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[4].default;
@@ -3613,7 +3730,7 @@ function create_fragment$j(ctx) {
 	};
 }
 
-function instance$j($$self, $$props, $$invalidate) {
+function instance$i($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { length } = $$props;
 	let { _style = '' } = $$props;
@@ -3656,7 +3773,7 @@ function instance$j($$self, $$props, $$invalidate) {
 class FlexItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$j, create_fragment$j, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
+		init(this, options, instance$i, create_fragment$i, safe_not_equal, { length: 1, _style: 2 }, add_css$h);
 	}
 }
 
@@ -3751,7 +3868,7 @@ function create_each_block$4(ctx) {
 	};
 }
 
-function create_fragment$i(ctx) {
+function create_fragment$h(ctx) {
 	let each_1_anchor;
 	let each_value = /*items*/ ctx[0];
 	let each_blocks = [];
@@ -3810,7 +3927,7 @@ function create_fragment$i(ctx) {
 
 const regexp = /(\r?\n)/;
 
-function instance$i($$self, $$props, $$invalidate) {
+function instance$h($$self, $$props, $$invalidate) {
 	let items;
 	let { text = 'サンプルSample' } = $$props;
 
@@ -3830,7 +3947,7 @@ function instance$i($$self, $$props, $$invalidate) {
 class RenderText extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$i, create_fragment$i, safe_not_equal, { text: 1 });
+		init(this, options, instance$h, create_fragment$h, safe_not_equal, { text: 1 });
 	}
 }
 
@@ -3840,7 +3957,7 @@ function add_css$g(target) {
 	append_styles(target, "svelte-9en2jg", ".text-element.svelte-9en2jg.svelte-9en2jg{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-9en2jg.svelte-9en2jg{width:100%;height:auto}.text-direction-vertical.svelte-9en2jg.svelte-9en2jg{writing-mode:vertical-rl}.text-direction-vertical.svelte-9en2jg .text-element-inner.svelte-9en2jg{width:auto;height:100%}");
 }
 
-function create_fragment$h(ctx) {
+function create_fragment$g(ctx) {
 	let div1;
 	let div0;
 	let rendertext;
@@ -3892,7 +4009,7 @@ function create_fragment$h(ctx) {
 	};
 }
 
-function instance$h($$self, $$props, $$invalidate) {
+function instance$g($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { _textStyle = 'font-size:12px;' } = $$props;
@@ -3922,8 +4039,8 @@ class TextElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$h,
-			create_fragment$h,
+			instance$g,
+			create_fragment$g,
 			safe_not_equal,
 			{
 				text: 0,
@@ -3939,13 +4056,15 @@ class TextElement extends SvelteComponent {
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$f(target) {
-	append_styles(target, "svelte-tx5xf5", ".text-button-element.svelte-tx5xf5{width:100%;height:100%}.text-button.svelte-tx5xf5{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button.svelte-tx5xf5:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-tx5xf5:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-1igv5yx", ".text-button-element.svelte-1igv5yx{width:100%;height:100%}.text-button-element._disabled.svelte-1igv5yx{opacity:0.2}.text-button.svelte-1igv5yx{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button._disabled.svelte-1igv5yx{cursor:not-allowed}.text-button.svelte-1igv5yx:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1igv5yx:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
-function create_fragment$g(ctx) {
+function create_fragment$f(ctx) {
 	let div;
 	let button;
 	let rendertext;
+	let button_class_value;
+	let div_class_value;
 	let current;
 	let mounted;
 	let dispose;
@@ -3956,9 +4075,10 @@ function create_fragment$g(ctx) {
 			div = element("div");
 			button = element("button");
 			create_component(rendertext.$$.fragment);
-			attr(button, "class", "text-button svelte-tx5xf5");
+			attr(button, "class", button_class_value = "" + (null_to_empty(`text-button${/*disabled*/ ctx[3] ? ' _disabled' : ''}`) + " svelte-1igv5yx"));
 			attr(button, "style", /*_buttonStyle*/ ctx[1]);
-			attr(div, "class", "text-button-element svelte-tx5xf5");
+			button.disabled = /*disabled*/ ctx[3];
+			attr(div, "class", div_class_value = "" + (null_to_empty(`text-button-element${/*disabled*/ ctx[3] ? ' _disabled' : ''}`) + " svelte-1igv5yx"));
 			attr(div, "style", /*_style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -3968,7 +4088,7 @@ function create_fragment$g(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*click*/ ctx[3]);
+				dispose = listen(button, "click", /*click*/ ctx[4]);
 				mounted = true;
 			}
 		},
@@ -3977,10 +4097,22 @@ function create_fragment$g(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
+			if (!current || dirty & /*disabled*/ 8 && button_class_value !== (button_class_value = "" + (null_to_empty(`text-button${/*disabled*/ ctx[3] ? ' _disabled' : ''}`) + " svelte-1igv5yx"))) {
+				attr(button, "class", button_class_value);
+			}
+
 			if (!current || dirty & /*_buttonStyle*/ 2) {
 				attr(button, "style", /*_buttonStyle*/ ctx[1]);
 			}
 
+			if (!current || dirty & /*disabled*/ 8) {
+				button.disabled = /*disabled*/ ctx[3];
+			}
+
+			if (!current || dirty & /*disabled*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(`text-button-element${/*disabled*/ ctx[3] ? ' _disabled' : ''}`) + " svelte-1igv5yx"))) {
+				attr(div, "class", div_class_value);
+			}
+
 			if (!current || dirty & /*_style*/ 4) {
 				attr(div, "style", /*_style*/ ctx[2]);
 			}
@@ -4003,7 +4135,9 @@ function create_fragment$g(ctx) {
 	};
 }
 
-function instance$g($$self, $$props, $$invalidate) {
+function instance$f($$self, $$props, $$invalidate) {
+	let disabled;
+	let $valuesAreValid;
 	let { text = 'ボタンラベル' } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 
@@ -4018,16 +4152,45 @@ function instance$g($$self, $$props, $$invalidate) {
 	let { eventName = '' } = $$props;
 	let { _buttonStyle = 'color:#ffffff; font-size:14px; font-weight:bold; justify-content:center; align-items:center; padding:1px 6px 1px 6px;' } = $$props;
 	let { _style = 'background-color: #000000; border-radius:4px;' } = $$props;
+	const { path: statePath } = getStateItemContext() ?? { path: '/' };
+	const valuesAreValid = getValuesAreValidReader(statePath);
+	component_subscribe($$self, valuesAreValid, value => $$invalidate(8, $valuesAreValid = value));
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
-		if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
+		if ('onClick' in $$props) $$invalidate(6, onClick = $$props.onClick);
+		if ('eventName' in $$props) $$invalidate(7, eventName = $$props.eventName);
 		if ('_buttonStyle' in $$props) $$invalidate(1, _buttonStyle = $$props._buttonStyle);
 		if ('_style' in $$props) $$invalidate(2, _style = $$props._style);
 	};
 
-	return [text, _buttonStyle, _style, click, onClick, eventName];
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*onClick, $valuesAreValid*/ 320) {
+			$$invalidate(3, disabled = (() => {
+				let isEnabled = true;
+
+				if (onClick.operation === 'submitForm') {
+					isEnabled = $valuesAreValid;
+				} else if (onClick.operation === 'nextForm') {
+					isEnabled = $valuesAreValid;
+				}
+
+				return !isEnabled;
+			})());
+		}
+	};
+
+	return [
+		text,
+		_buttonStyle,
+		_style,
+		disabled,
+		click,
+		valuesAreValid,
+		onClick,
+		eventName,
+		$valuesAreValid
+	];
 }
 
 class TextButtonElement extends SvelteComponent {
@@ -4037,13 +4200,13 @@ class TextButtonElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$g,
-			create_fragment$g,
+			instance$f,
+			create_fragment$f,
 			safe_not_equal,
 			{
 				text: 0,
-				onClick: 4,
-				eventName: 5,
+				onClick: 6,
+				eventName: 7,
 				_buttonStyle: 1,
 				_style: 2
 			},
@@ -4058,7 +4221,7 @@ function add_css$e(target) {
 	append_styles(target, "svelte-t8kpqw", ".image-element.svelte-t8kpqw{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.image.svelte-t8kpqw{width:100%;height:100%}.transport.svelte-t8kpqw:hover,.transport.svelte-t8kpqw:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
-function create_fragment$f(ctx) {
+function create_fragment$e(ctx) {
 	let div;
 	let img;
 	let img_src_value;
@@ -4120,7 +4283,7 @@ function create_fragment$f(ctx) {
 	};
 }
 
-function instance$f($$self, $$props, $$invalidate) {
+function instance$e($$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;
@@ -4158,8 +4321,8 @@ class ImageElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$f,
-			create_fragment$f,
+			instance$e,
+			create_fragment$e,
 			safe_not_equal,
 			{
 				src: 0,
@@ -4181,7 +4344,7 @@ function add_css$d(target) {
 	append_styles(target, "svelte-dfqtyx", ".list.svelte-dfqtyx{display:flex;width:100%;height:100%;overflow:hidden}");
 }
 
-function create_fragment$e(ctx) {
+function create_fragment$d(ctx) {
 	let div;
 	let current;
 	const default_slot_template = /*#slots*/ ctx[6].default;
@@ -4241,7 +4404,7 @@ function create_fragment$e(ctx) {
 
 const LIST_CONTEXT_KEY = Symbol();
 
-function instance$e($$self, $$props, $$invalidate) {
+function instance$d($$self, $$props, $$invalidate) {
 	let style;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { direction = 'vertical' } = $$props;
@@ -4308,8 +4471,8 @@ class List extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$e,
-			create_fragment$e,
+			instance$d,
+			create_fragment$d,
 			safe_not_equal,
 			{
 				direction: 1,
@@ -4328,7 +4491,7 @@ function add_css$c(target) {
 	append_styles(target, "svelte-h5j4xe", ".list-item.svelte-h5j4xe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item-inner.svelte-h5j4xe{position:absolute;inset:0}");
 }
 
-function create_fragment$d(ctx) {
+function create_fragment$c(ctx) {
 	let div1;
 	let div0;
 	let current;
@@ -4409,7 +4572,7 @@ function create_fragment$d(ctx) {
 	};
 }
 
-function instance$d($$self, $$props, $$invalidate) {
+function instance$c($$self, $$props, $$invalidate) {
 	let click;
 	let listItemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -4499,7 +4662,7 @@ function instance$d($$self, $$props, $$invalidate) {
 class ListItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$d, create_fragment$d, safe_not_equal, { onClick: 3, clickEventName: 4, _style: 0 }, add_css$c);
+		init(this, options, instance$c, create_fragment$c, safe_not_equal, { onClick: 3, clickEventName: 4, _style: 0 }, add_css$c);
 	}
 }
 
@@ -4509,7 +4672,7 @@ function add_css$b(target) {
 	append_styles(target, "svelte-17rkg8u", ".embed.svelte-17rkg8u{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-17rkg8u iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$c(ctx) {
+function create_fragment$b(ctx) {
 	let div;
 
 	return {
@@ -4536,7 +4699,7 @@ function create_fragment$c(ctx) {
 	};
 }
 
-function instance$c($$self, $$props, $$invalidate) {
+function instance$b($$self, $$props, $$invalidate) {
 	let { code } = $$props;
 	let { _style = "" } = $$props;
 
@@ -4551,7 +4714,7 @@ function instance$c($$self, $$props, $$invalidate) {
 class EmbedElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$c, create_fragment$c, safe_not_equal, { code: 0, _style: 1 }, add_css$b);
+		init(this, options, instance$b, create_fragment$b, safe_not_equal, { code: 0, _style: 1 }, add_css$b);
 	}
 }
 
@@ -4561,7 +4724,7 @@ function add_css$a(target) {
 	append_styles(target, "svelte-17rkg8u", ".embed.svelte-17rkg8u{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-17rkg8u iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$b(ctx) {
+function create_fragment$a(ctx) {
 	let div1;
 	let div0;
 
@@ -4592,7 +4755,7 @@ function create_fragment$b(ctx) {
 	};
 }
 
-function instance$b($$self, $$props, $$invalidate) {
+function instance$a($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
 	let { videoId = "sSgN-L4DU0c" } = $$props;
@@ -4771,8 +4934,8 @@ class MovieYouTubeElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$b,
-			create_fragment$b,
+			instance$a,
+			create_fragment$a,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -4793,7 +4956,7 @@ function add_css$9(target) {
 	append_styles(target, "svelte-17rkg8u", ".embed.svelte-17rkg8u{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-17rkg8u iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
-function create_fragment$a(ctx) {
+function create_fragment$9(ctx) {
 	let div1;
 	let div0;
 
@@ -4824,7 +4987,7 @@ function create_fragment$a(ctx) {
 	};
 }
 
-function instance$a($$self, $$props, $$invalidate) {
+function instance$9($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
 	let { videoId = "201239468" } = $$props;
@@ -4967,8 +5130,8 @@ class MovieVimeoElement extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$a,
-			create_fragment$a,
+			instance$9,
+			create_fragment$9,
 			safe_not_equal,
 			{
 				videoId: 2,
@@ -4983,107 +5146,13 @@ class MovieVimeoElement extends SvelteComponent {
 	}
 }
 
-/** @internal */
-function registerInput({ name, statePath, validator = () => true, initialValue, }) {
-    const writableValue = {
-        subscribe(run) {
-            return formData.subscribe(formData => {
-                run(formData[name]?.value);
-            });
-        },
-        set(value) {
-            formData.update(prev => ({
-                ...prev,
-                [name]: {
-                    statePath,
-                    value,
-                    isValid: validator(value),
-                },
-            }));
-        },
-        update(updater) {
-            formData.update(prev => {
-                const prevValue = prev[name]?.value;
-                return {
-                    ...prev,
-                    [name]: {
-                        statePath,
-                        value: updater(prevValue),
-                        isValid: validator(prevValue),
-                    },
-                };
-            });
-        },
-    };
-    writableValue.set(initialValue);
-    return writableValue;
-}
-/** @internal */
-function deleteValues(statePath) {
-    formData.update(prev => {
-        const targetNames = Object.entries(prev)
-            .filter(([_, { statePath: s }]) => s === statePath) // eslint-disable-line @typescript-eslint/no-unused-vars
-            .map(([name]) => name);
-        targetNames.forEach(name => {
-            delete prev[name];
-        });
-        return { ...prev };
-    });
-}
-/** @internal */
-const getValuesAreValidReader = statePath => ({
-    subscribe(callback) {
-        return formData.subscribe(formData => {
-            const valuesAreValid = Object.entries(formData)
-                .filter(([_, { statePath: s }]) => s === statePath) // eslint-disable-line @typescript-eslint/no-unused-vars
-                .every(([_, { isValid }]) => isValid); // eslint-disable-line @typescript-eslint/no-unused-vars
-            callback(valuesAreValid);
-        });
-    },
-});
-function formDataToEventValues(campaignId, formData) {
-    const questions = [];
-    const answersMap = {};
-    Object.entries(formData).forEach(([name, dataItem]) => {
-        questions.push(name);
-        const value = dataItem.value;
-        const answerKey = `question_${name}`;
-        if (Array.isArray(value)) {
-            answersMap[answerKey] = {
-                choices: value,
-            };
-        }
-        else if (typeof value === 'string') {
-            answersMap[answerKey] = {
-                free_answer: value,
-            };
-        }
-    });
-    return {
-        [campaignId]: {
-            questions,
-            ...answersMap,
-        },
-    };
-}
-/** @internal */
-function submit() {
-    const systemConfig = getSystem();
-    const campaignId = systemConfig.campaignId;
-    if (campaignId) {
-        const formData$1 = get(formData);
-        const values = formDataToEventValues(campaignId, formData$1);
-        send_event('_answer_question', values);
-    }
-}
-
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
 	append_styles(target, "svelte-kyay3k", ".textarea-wrapper.svelte-kyay3k{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-kyay3k{width:100%;resize:none}");
 }
 
-function create_fragment$9(ctx) {
+function create_fragment$8(ctx) {
 	let div;
 	let textarea;
 	let mounted;
@@ -5136,7 +5205,7 @@ function create_fragment$9(ctx) {
 	};
 }
 
-function instance$9($$self, $$props, $$invalidate) {
+function instance$8($$self, $$props, $$invalidate) {
 	let $value;
 	let { name = '' } = $$props;
 	let { required = true } = $$props;
@@ -5177,8 +5246,8 @@ class FormTextarea extends SvelteComponent {
 		init(
 			this,
 			options,
-			instance$9,
-			create_fragment$9,
+			instance$8,
+			create_fragment$8,
 			safe_not_equal,
 			{
 				name: 6,
@@ -5191,114 +5260,6 @@ class FormTextarea extends SvelteComponent {
 	}
 }
 
-/* src/components/FormButton.svelte generated by Svelte v3.53.1 */
-
-function create_fragment$8(ctx) {
-	let input;
-	let mounted;
-	let dispose;
-
-	return {
-		c() {
-			input = element("input");
-			attr(input, "type", "button");
-			set_style(input, "width", "100%");
-			set_style(input, "height", "100%");
-			input.value = /*text*/ ctx[0];
-			input.disabled = /*disabled*/ ctx[1];
-		},
-		m(target, anchor) {
-			insert(target, input, anchor);
-
-			if (!mounted) {
-				dispose = listen(input, "click", /*handleClick*/ ctx[2]);
-				mounted = true;
-			}
-		},
-		p(ctx, [dirty]) {
-			if (dirty & /*text*/ 1) {
-				input.value = /*text*/ ctx[0];
-			}
-
-			if (dirty & /*disabled*/ 2) {
-				input.disabled = /*disabled*/ ctx[1];
-			}
-		},
-		i: noop,
-		o: noop,
-		d(detaching) {
-			if (detaching) detach(input);
-			mounted = false;
-			dispose();
-		}
-	};
-}
-
-function instance$8($$self, $$props, $$invalidate) {
-	let disabled;
-	let $valuesAreValid;
-	let { text = '' } = $$props;
-	let { onClick = { operation: 'submit', args: ['/'] } } = $$props;
-	const { path: statePath } = getStateItemContext();
-
-	function handleClick() {
-		switch (onClick.operation) {
-			case 'submit':
-				{
-					if ($valuesAreValid) {
-						submit();
-						const stateId = onClick.args[0];
-						setState$1(stateId);
-					}
-
-					break;
-				}
-			case 'next':
-				{
-					if ($valuesAreValid) {
-						const stateId = onClick.args[0];
-						setState$1(stateId);
-					}
-
-					break;
-				}
-			case 'prev':
-				{
-					deleteValues(statePath);
-					const stateId = onClick.args[0];
-					setState$1(stateId);
-					break;
-				}
-		}
-	}
-
-	const valuesAreValid = getValuesAreValidReader(statePath);
-	component_subscribe($$self, valuesAreValid, value => $$invalidate(5, $valuesAreValid = value));
-
-	$$self.$$set = $$props => {
-		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
-	};
-
-	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*onClick, $valuesAreValid*/ 48) {
-			$$invalidate(1, disabled = (() => {
-				const enabled = onClick.operation === 'prev' || $valuesAreValid;
-				return !enabled;
-			})());
-		}
-	};
-
-	return [text, disabled, handleClick, valuesAreValid, onClick, $valuesAreValid];
-}
-
-class FormButton extends SvelteComponent {
-	constructor(options) {
-		super();
-		init(this, options, instance$8, create_fragment$8, safe_not_equal, { text: 0, onClick: 4 });
-	}
-}
-
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
@@ -5307,17 +5268,19 @@ function add_css$7(target) {
 
 function get_each_context$3(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[7] = list[i];
-	child_ctx[9] = i;
+	child_ctx[8] = list[i];
+	child_ctx[10] = i;
 	return child_ctx;
 }
 
-// (23:2) {#each _options as option, i}
+// (24:2) {#each _options as option, i}
 function create_each_block$3(ctx) {
 	let label;
 	let input;
+	let input_value_value;
+	let input_checked_value;
 	let t0;
-	let t1_value = /*option*/ ctx[7] + "";
+	let t1_value = /*option*/ ctx[8] + "";
 	let t1;
 	let t2;
 	let mounted;
@@ -5332,7 +5295,8 @@ function create_each_block$3(ctx) {
 			t2 = space();
 			attr(input, "type", "radio");
 			attr(input, "name", /*name*/ ctx[0]);
-			input.value = /*$value*/ ctx[2];
+			input.value = input_value_value = /*option*/ ctx[8];
+			input.checked = input_checked_value = /*option*/ ctx[8] === /*_value*/ ctx[1];
 		},
 		m(target, anchor) {
 			insert(target, label, anchor);
@@ -5342,7 +5306,7 @@ function create_each_block$3(ctx) {
 			append(label, t2);
 
 			if (!mounted) {
-				dispose = listen(input, "change", /*handleChange*/ ctx[4](/*i*/ ctx[9]));
+				dispose = listen(input, "change", /*handleChange*/ ctx[4](/*i*/ ctx[10]));
 				mounted = true;
 			}
 		},
@@ -5353,11 +5317,15 @@ function create_each_block$3(ctx) {
 				attr(input, "name", /*name*/ ctx[0]);
 			}
 
-			if (dirty & /*$value*/ 4) {
-				input.value = /*$value*/ ctx[2];
+			if (dirty & /*_options*/ 4 && input_value_value !== (input_value_value = /*option*/ ctx[8])) {
+				input.value = input_value_value;
+			}
+
+			if (dirty & /*_options, _value*/ 6 && input_checked_value !== (input_checked_value = /*option*/ ctx[8] === /*_value*/ ctx[1])) {
+				input.checked = input_checked_value;
 			}
 
-			if (dirty & /*_options*/ 2 && t1_value !== (t1_value = /*option*/ ctx[7] + "")) set_data(t1, t1_value);
+			if (dirty & /*_options*/ 4 && t1_value !== (t1_value = /*option*/ ctx[8] + "")) set_data(t1, t1_value);
 		},
 		d(detaching) {
 			if (detaching) detach(label);
@@ -5369,7 +5337,7 @@ function create_each_block$3(ctx) {
 
 function create_fragment$7(ctx) {
 	let div;
-	let each_value = /*_options*/ ctx[1];
+	let each_value = /*_options*/ ctx[2];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -5394,8 +5362,8 @@ function create_fragment$7(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*_options, name, $value, handleChange*/ 23) {
-				each_value = /*_options*/ ctx[1];
+			if (dirty & /*_options, name, _value, handleChange*/ 23) {
+				each_value = /*_options*/ ctx[2];
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -5428,6 +5396,7 @@ function create_fragment$7(ctx) {
 
 function instance$7($$self, $$props, $$invalidate) {
 	let _options;
+	let _value;
 	let $value;
 	let { name = '' } = $$props;
 	let { options = 'ラジオボタン1,ラジオボタン2,ラジオボタン3' } = $$props;
@@ -5442,7 +5411,7 @@ function instance$7($$self, $$props, $$invalidate) {
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(2, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(6, $value = value));
 
 	const handleChange = index => event => {
 		if (event.target.checked) {
@@ -5457,11 +5426,15 @@ function instance$7($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*options*/ 32) {
-			$$invalidate(1, _options = options.split(','));
+			$$invalidate(2, _options = options.split(','));
+		}
+
+		if ($$self.$$.dirty & /*$value*/ 64) {
+			$$invalidate(1, _value = $value[0]);
 		}
 	};
 
-	return [name, _options, $value, value, handleChange, options];
+	return [name, _value, _options, value, handleChange, options, $value];
 }
 
 class FormRadioButtons extends SvelteComponent {
@@ -5704,6 +5677,7 @@ function get_each_context$1(ctx, list, i) {
 function create_each_block$1(ctx) {
 	let label;
 	let input;
+	let input_checked_value;
 	let t0;
 	let t1_value = /*option*/ ctx[8] + "";
 	let t1;
@@ -5720,7 +5694,7 @@ function create_each_block$1(ctx) {
 			t2 = space();
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
-			input.value = /*$value*/ ctx[2];
+			input.checked = input_checked_value = /*isCheckedArray*/ ctx[2][/*i*/ ctx[10]];
 		},
 		m(target, anchor) {
 			insert(target, label, anchor);
@@ -5741,8 +5715,8 @@ function create_each_block$1(ctx) {
 				attr(input, "name", /*name*/ ctx[0]);
 			}
 
-			if (dirty & /*$value*/ 4) {
-				input.value = /*$value*/ ctx[2];
+			if (dirty & /*isCheckedArray*/ 4 && input_checked_value !== (input_checked_value = /*isCheckedArray*/ ctx[2][/*i*/ ctx[10]])) {
+				input.checked = input_checked_value;
 			}
 
 			if (dirty & /*_options*/ 2 && t1_value !== (t1_value = /*option*/ ctx[8] + "")) set_data(t1, t1_value);
@@ -5782,7 +5756,7 @@ function create_fragment$5(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*_options, name, $value, handleChange*/ 23) {
+			if (dirty & /*_options, name, isCheckedArray, handleChange*/ 23) {
 				each_value = /*_options*/ ctx[1];
 				let i;
 
@@ -5831,12 +5805,12 @@ function instance$5($$self, $$props, $$invalidate) {
 		}
 	});
 
-	component_subscribe($$self, value, value => $$invalidate(2, $value = value));
+	component_subscribe($$self, value, value => $$invalidate(6, $value = value));
 
 	const handleChange = index => event => {
 		if (isCheckedArray[index] !== event.target.checked) {
-			isCheckedArray[index] = event.target.checked;
-			isCheckedArray = [...isCheckedArray];
+			$$invalidate(2, isCheckedArray[index] = event.target.checked, isCheckedArray);
+			$$invalidate(2, isCheckedArray = [...isCheckedArray]);
 			const updated = _options.filter((option, i) => isCheckedArray[i]);
 			value.set(updated);
 		}
@@ -5852,15 +5826,15 @@ function instance$5($$self, $$props, $$invalidate) {
 			$$invalidate(1, _options = options.split(','));
 		}
 
-		if ($$self.$$.dirty & /*$value, _options*/ 6) {
-			isCheckedArray = (() => {
+		if ($$self.$$.dirty & /*$value, _options*/ 66) {
+			$$invalidate(2, isCheckedArray = (() => {
 				const checkedSet = new Set($value);
 				return _options.map(option => checkedSet.has(option));
-			})();
+			})());
 		}
 	};
 
-	return [name, _options, $value, value, handleChange, options];
+	return [name, _options, isCheckedArray, value, handleChange, options, $value];
 }
 
 class FormCheckBoxes extends SvelteComponent {
@@ -7096,4 +7070,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
+export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormCheckBoxes, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };