@plaidev/karte-action-sdk 1.1.182 → 1.1.183-28059103.79845c01

package/dist/hydrate/index.es.js

@@ -95,6 +95,10 @@ const getMarginStyle = (margin) => {
     return `margin: ${margin?.top ?? 0} ${margin?.right ?? 0} ${margin?.bottom ?? 0} ${margin?.left ?? 0};`;
 };
 /** @internal */
+const parseStyle = (style) => {
+    return Object.fromEntries(style.split(';').map(attr => attr.split(':').map(str => str.trim())));
+};
+/** @internal */
 const stringifyStyleObj = (styleObj) => {
     return Object.entries(styleObj)
         .map(([key, value]) => `${key}:${value}`)
@@ -336,10 +340,12 @@ const OnClickOperationOptions = [
         operation: 'linkTo',
         args: [
             {
+                name: 'url',
                 type: 'Url',
                 default: '',
             },
             {
+                name: 'open_new_tab',
                 type: 'BooleanKeyword',
                 default: true,
             },
@@ -349,6 +355,7 @@ const OnClickOperationOptions = [
         operation: 'moveTo',
         args: [
             {
+                name: 'state',
                 type: 'TransitState',
                 default: '/',
             },
@@ -358,6 +365,7 @@ const OnClickOperationOptions = [
         operation: 'closeApp',
         args: [
             {
+                name: 'trigger',
                 type: 'Trigger',
                 default: 'button',
             },
@@ -367,6 +375,7 @@ const OnClickOperationOptions = [
         operation: 'runScript',
         args: [
             {
+                name: 'handler',
                 type: 'Handler',
                 default: '',
             },
@@ -376,11 +385,73 @@ const OnClickOperationOptions = [
         operation: 'submitForm',
         args: [
             {
+                name: 'state',
                 type: 'TransitState',
                 default: '/',
             },
         ],
     },
+    {
+        operation: 'bootChat',
+        args: [
+            {
+                name: 'hide_launcher',
+                type: 'BooleanKeyword',
+                default: false,
+            },
+            {
+                name: 'placement_pc',
+                type: 'StringKeyword',
+                default: 'left',
+            },
+            {
+                name: 'placement_mobile',
+                type: 'StringKeyword',
+                default: 'left',
+            },
+            {
+                name: 'horizontal_spacing_pc',
+                type: 'NumberKeyword',
+                default: 20,
+            },
+            {
+                name: 'horizontal_spacing_mobile',
+                type: 'NumberKeyword',
+                default: 20,
+            },
+            {
+                name: 'vertical_spacing_pc',
+                type: 'NumberKeyword',
+                default: 20,
+            },
+            {
+                name: 'vertical_spacing_mobile',
+                type: 'NumberKeyword',
+                default: 20,
+            },
+            {
+                name: 'theme_color',
+                type: 'Color',
+                default: '#2aab9f',
+            },
+            {
+                name: 'header_title',
+                type: 'StringKeyword',
+                default: 'KARTEサポートチーム',
+            },
+            {
+                name: 'header_description',
+                type: 'StringKeyword',
+                default: `ご質問があればお尋ねください。
+KARTEサポート担当者につながります。サポート受付時間は平日10:30-17:30です。`,
+            },
+            {
+                name: 'launcher_image',
+                type: 'StringKeyword',
+                default: '',
+            },
+        ],
+    },
 ];
 /** @internal */
 const LengthUnits = ['px', 'em', 'rem', 'vw', 'fr', '%'];
@@ -1039,6 +1110,11 @@ const send_event = (event_name, values) => {
     setting?.send?.(event_name, values);
 };
 /** @internal */
+const publish_edge = (topic, values) => {
+    const setting = getSetting();
+    setting?.publish?.(topic, values);
+};
+/** @internal */
 const initialize = (setting) => {
     const newSetting = setSetting(setting);
     if (newSetting.initialState) {
@@ -2719,13 +2795,22 @@ const moveTo = (to) => () => {
 };
 /** @internal */
 const linkTo = (to, targetBlank = true) => () => {
-    send_event('message_click', { url: to, state: getState$1() });
+    async function sleep(ms) {
+        return new Promise(resolve => setTimeout(resolve, ms));
+    }
+    async function _send() {
+        send_event('message_click', { url: to, state: getState$1() });
+        // # edge.js の retransmitter が送るのを待つ
+        await sleep(450);
+    }
     if (targetBlank) {
         window.open(to);
     }
-    else {
-        location.href = to;
-    }
+    Promise.race([_send(), sleep(650)]).then(() => {
+        if (!targetBlank) {
+            location.href = to;
+        }
+    });
 };
 /** @internal */
 const closeApp = (trigger) => () => {
@@ -2751,6 +2836,24 @@ const submitForm = (to) => () => {
     _moveTo(to);
 };
 /** @internal */
+const bootChat = (hide_launcher, placement_pc, placement_mobile, horizontal_spacing_pc, horizontal_spacing_mobile, vertical_spacing_pc, vertical_spacing_mobile, theme_color, header_title, header_description, launcher_image) => () => {
+    const options = {
+        hide_launcher,
+        placement_pc,
+        placement_mobile,
+        horizontal_spacing_pc,
+        horizontal_spacing_mobile,
+        vertical_spacing_pc,
+        vertical_spacing_mobile,
+        theme_color,
+        header_title,
+        header_description: header_description.replace(/<br\s*\/?>/gi, '\n'),
+    };
+    if (launcher_image && launcher_image !== '')
+        options.launcher_image = launcher_image;
+    publish_edge('talk', { actionName: 'boot', args: [options] });
+};
+/** @internal */
 const execOnClickOperation = (onClickOperation) => {
     if (onClickOperation.operation === 'linkTo') {
         linkTo(...onClickOperation.args)();
@@ -2767,6 +2870,9 @@ const execOnClickOperation = (onClickOperation) => {
     else if (onClickOperation.operation === 'submitForm') {
         submitForm(onClickOperation.args[0])();
     }
+    else if (onClickOperation.operation === 'bootChat') {
+        bootChat(...onClickOperation.args)();
+    }
 };
 /** @internal */
 const haveFunction = (onClickOperation) => {
@@ -6960,7 +7066,7 @@ class FormSelect extends SvelteComponent {
 /* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
 
 function add_css$d(target) {
-	append_styles(target, "svelte-o1ztcf", ".check-boxes.svelte-o1ztcf.svelte-o1ztcf{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-o1ztcf.svelte-o1ztcf{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-o1ztcf.svelte-o1ztcf{width:0;height:0;margin:0}.check-box-check.svelte-o1ztcf.svelte-o1ztcf{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-o1ztcf.svelte-o1ztcf{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-o1ztcf.svelte-o1ztcf: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-o1ztcf.svelte-o1ztcf{background-color:var(--color-main-active)}.check-box-check._checked.svelte-o1ztcf .check-box-icon.svelte-o1ztcf:after{border-color:var(--color-sub-active)}.check-box-text.svelte-o1ztcf.svelte-o1ztcf{margin-left:0.5em}");
+	append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
 }
 
 function get_each_context$3(ctx, list, i) {
@@ -7001,11 +7107,11 @@ function create_each_block$3(ctx) {
 			this.h();
 		},
 		l(nodes) {
-			label = claim_element(nodes, "LABEL", { class: true });
+			label = claim_element(nodes, "LABEL", { class: true, style: true });
 			var label_nodes = children(label);
 			input = claim_element(label_nodes, "INPUT", { class: true, type: true, name: true });
 			t0 = claim_space(label_nodes);
-			span1 = claim_element(label_nodes, "SPAN", { class: true, style: true });
+			span1 = claim_element(label_nodes, "SPAN", { class: true });
 			var span1_nodes = children(span1);
 			span0 = claim_element(span1_nodes, "SPAN", { class: true });
 			var span0_nodes = children(span0);
@@ -7021,20 +7127,20 @@ function create_each_block$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(input, "class", "check-box-input svelte-o1ztcf");
+			attr(input, "class", "check-box-input svelte-p15pvn");
 			attr(input, "type", "checkbox");
 			attr(input, "name", /*name*/ ctx[0]);
 			input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
-			attr(span0, "class", "check-box-icon svelte-o1ztcf");
+			attr(span0, "class", "check-box-icon svelte-p15pvn");
 
 			attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
 			? ' _checked'
-			: ''}`) + " svelte-o1ztcf"));
+			: ''}`) + " svelte-p15pvn"));
 
-			attr(span1, "style", /*styleVariables*/ ctx[5]);
-			attr(span2, "class", "check-box-text svelte-o1ztcf");
+			attr(span2, "class", "check-box-text svelte-p15pvn");
 			attr(span2, "style", /*_textStyle*/ ctx[2]);
-			attr(label, "class", "check-box svelte-o1ztcf");
+			attr(label, "class", "check-box svelte-p15pvn");
+			attr(label, "style", /*styleVariables*/ ctx[5]);
 		},
 		m(target, anchor) {
 			insert_hydration(target, label, anchor);
@@ -7065,19 +7171,19 @@ function create_each_block$3(ctx) {
 
 			if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
 			? ' _checked'
-			: ''}`) + " svelte-o1ztcf"))) {
+			: ''}`) + " svelte-p15pvn"))) {
 				attr(span1, "class", span1_class_value);
 			}
 
-			if (dirty & /*styleVariables*/ 32) {
-				attr(span1, "style", /*styleVariables*/ ctx[5]);
-			}
-
 			if (dirty & /*_options*/ 8 && t2_value !== (t2_value = /*option*/ ctx[17] + "")) set_data(t2, t2_value);
 
 			if (dirty & /*_textStyle*/ 4) {
 				attr(span2, "style", /*_textStyle*/ ctx[2]);
 			}
+
+			if (dirty & /*styleVariables*/ 32) {
+				attr(label, "style", /*styleVariables*/ ctx[5]);
+			}
 		},
 		d(detaching) {
 			if (detaching) detach(label);
@@ -7118,7 +7224,7 @@ function create_fragment$e(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "check-boxes svelte-o1ztcf");
+			attr(div, "class", "check-boxes svelte-p15pvn");
 			attr(div, "style", /*_layoutStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -7129,7 +7235,7 @@ function create_fragment$e(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*_textStyle, _options, isCheckedArray, styleVariables, name, handleChange*/ 189) {
+			if (dirty & /*styleVariables, _textStyle, _options, isCheckedArray, name, handleChange*/ 189) {
 				each_value = /*_options*/ ctx[3];
 				let i;
 
@@ -7292,7 +7398,7 @@ class FormCheckBoxes extends SvelteComponent {
 /* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
 
 function add_css$c(target) {
-	append_styles(target, "svelte-176k37j", ".rating-buttons.svelte-176k37j{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-176k37j{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s}");
+	append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
 }
 
 function get_each_context$2(ctx, list, i) {
@@ -7303,40 +7409,40 @@ function get_each_context$2(ctx, list, i) {
 
 // (60:2) {#each [...Array(count).keys()].map(i => i + 1) as i}
 function create_each_block$2(ctx) {
-	let div;
+	let button;
 	let t0_value = /*i*/ ctx[12] + "";
 	let t0;
 	let t1;
-	let div_style_value;
+	let button_style_value;
 	let mounted;
 	let dispose;
 
 	return {
 		c() {
-			div = element("div");
+			button = element("button");
 			t0 = text(t0_value);
 			t1 = space();
 			this.h();
 		},
 		l(nodes) {
-			div = claim_element(nodes, "DIV", { class: true, style: true });
-			var div_nodes = children(div);
-			t0 = claim_text(div_nodes, t0_value);
-			t1 = claim_space(div_nodes);
-			div_nodes.forEach(detach);
+			button = claim_element(nodes, "BUTTON", { class: true, style: true });
+			var button_nodes = children(button);
+			t0 = claim_text(button_nodes, t0_value);
+			t1 = claim_space(button_nodes);
+			button_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
-			attr(div, "class", "rating-button svelte-176k37j");
-			attr(div, "style", div_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
+			attr(button, "class", "rating-button svelte-zy2va9");
+			attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
 		},
 		m(target, anchor) {
-			insert_hydration(target, div, anchor);
-			append_hydration(div, t0);
-			append_hydration(div, t1);
+			insert_hydration(target, button, anchor);
+			append_hydration(button, t0);
+			append_hydration(button, t1);
 
 			if (!mounted) {
-				dispose = listen(div, "click", function () {
+				dispose = listen(button, "click", function () {
 					if (is_function(/*handleClick*/ ctx[3](/*i*/ ctx[12]))) /*handleClick*/ ctx[3](/*i*/ ctx[12]).apply(this, arguments);
 				});
 
@@ -7347,12 +7453,12 @@ function create_each_block$2(ctx) {
 			ctx = new_ctx;
 			if (dirty & /*count*/ 1 && t0_value !== (t0_value = /*i*/ ctx[12] + "")) set_data(t0, t0_value);
 
-			if (dirty & /*count, _value*/ 3 && div_style_value !== (div_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
-				attr(div, "style", div_style_value);
+			if (dirty & /*count, _value*/ 3 && button_style_value !== (button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]))) {
+				attr(button, "style", button_style_value);
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(div);
+			if (detaching) detach(button);
 			mounted = false;
 			dispose();
 		}
@@ -7390,7 +7496,7 @@ function create_fragment$d(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "rating-buttons svelte-176k37j");
+			attr(div, "class", "rating-buttons svelte-zy2va9");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -7527,7 +7633,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
 /* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
 
 function add_css$b(target) {
-	append_styles(target, "svelte-12ew9od", ".rating-buttons.svelte-12ew9od{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-12ew9od{cursor:pointer;user-select:none;-webkit-user-drag:none}.rating-button.svelte-12ew9od:not(._active){filter:grayscale(100%)}");
+	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%)}");
 }
 
 function get_each_context$1(ctx, list, i) {
@@ -7538,54 +7644,59 @@ function get_each_context$1(ctx, list, i) {
 
 // (42:2) {#each [...Array(count).keys()].reverse().map(i => i + 1) as i}
 function create_each_block$1(ctx) {
+	let button;
 	let img;
 	let img_src_value;
 	let img_class_value;
+	let t;
 	let mounted;
 	let dispose;
 
 	return {
 		c() {
+			button = element("button");
 			img = element("img");
+			t = space();
 			this.h();
 		},
 		l(nodes) {
-			img = claim_element(nodes, "IMG", {
-				src: true,
-				class: true,
-				style: true,
-				alt: true
-			});
-
+			button = claim_element(nodes, "BUTTON", { class: true, style: true });
+			var button_nodes = children(button);
+			img = claim_element(button_nodes, "IMG", { src: true, class: true, alt: true });
+			t = claim_space(button_nodes);
+			button_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
 			if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
-			attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-12ew9od"));
-			attr(img, "style", /*buttonStyle*/ ctx[0]);
+			attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
 			attr(img, "alt", "rate" + /*i*/ ctx[10]);
+			attr(button, "class", "rating-button svelte-tbunko");
+			attr(button, "style", /*buttonStyle*/ ctx[0]);
 		},
 		m(target, anchor) {
-			insert_hydration(target, img, anchor);
+			insert_hydration(target, button, anchor);
+			append_hydration(button, img);
+			append_hydration(button, t);
 
 			if (!mounted) {
-				dispose = listen(img, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
+				dispose = listen(button, "click", /*handleClick*/ ctx[4](/*i*/ ctx[10]));
 				mounted = true;
 			}
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-12ew9od"))) {
+			if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
 				attr(img, "class", img_class_value);
 			}
 
 			if (dirty & /*buttonStyle*/ 1) {
-				attr(img, "style", /*buttonStyle*/ ctx[0]);
+				attr(button, "style", /*buttonStyle*/ ctx[0]);
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(img);
+			if (detaching) detach(button);
 			mounted = false;
 			dispose();
 		}
@@ -7623,7 +7734,7 @@ function create_fragment$c(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "rating-buttons svelte-12ew9od");
+			attr(div, "class", "rating-buttons svelte-tbunko");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
@@ -7633,7 +7744,7 @@ function create_fragment$c(ctx) {
 			}
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*ICONS, Array, count, _value, buttonStyle, handleClick*/ 23) {
+			if (dirty & /*buttonStyle, handleClick, Array, count, ICONS, _value*/ 23) {
 				each_value = [...Array(count).keys()].reverse().map(func);
 				let i;
 
@@ -7731,7 +7842,7 @@ class FormRatingButtonsFace extends SvelteComponent {
 /* src/components/Slide.svelte generated by Svelte v3.53.1 */
 
 function add_css$a(target) {
-	append_styles(target, "svelte-1wlcw5a", ".root.svelte-1wlcw5a{width:100%;height:100%;position:relative}.container.svelte-1wlcw5a{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.slide.svelte-1wlcw5a{height:100%;position:absolute;display:flex}.transition.svelte-1wlcw5a{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1wlcw5a{height:100%;flex:none}.prev-button.svelte-1wlcw5a,.next-button.svelte-1wlcw5a{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button.svelte-1wlcw5a{left:0}.next-button.svelte-1wlcw5a{right:0}.button-container.svelte-1wlcw5a{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.navigation.svelte-1wlcw5a{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1wlcw5a{flex-shrink:0;cursor:pointer}.navigation-item-inner.circle.svelte-1wlcw5a{border-radius:51%}");
+	append_styles(target, "svelte-re6e5", ".root.svelte-re6e5{width:100%;height:100%;position:relative}.container.svelte-re6e5{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.slide.svelte-re6e5{height:100%;position:absolute;display:flex}.transition.svelte-re6e5{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-re6e5{height:100%;flex:none}.prev-button-container.svelte-re6e5,.next-button-container.svelte-re6e5{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-re6e5{left:0}.next-button-container.svelte-re6e5{right:0}.move-button.svelte-re6e5{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-re6e5{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-re6e5{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-re6e5{border-radius:51%}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -7743,8 +7854,8 @@ function get_each_context(ctx, list, i) {
 
 // (371:2) {#if isVisiblePrevButton}
 function create_if_block_1(ctx) {
-	let div1;
-	let div0;
+	let div;
+	let button;
 	let svg;
 	let polygon;
 	let mounted;
@@ -7752,24 +7863,24 @@ function create_if_block_1(ctx) {
 
 	return {
 		c() {
-			div1 = element("div");
-			div0 = element("div");
+			div = element("div");
+			button = element("button");
 			svg = svg_element("svg");
 			polygon = svg_element("polygon");
 			this.h();
 		},
 		l(nodes) {
-			div1 = claim_element(nodes, "DIV", { class: true });
-			var div1_nodes = children(div1);
-			div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
-			var div0_nodes = children(div0);
-			svg = claim_svg_element(div0_nodes, "svg", { viewBox: true, xmlns: true, style: true });
+			div = claim_element(nodes, "DIV", { class: true });
+			var div_nodes = children(div);
+			button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
+			var button_nodes = children(button);
+			svg = claim_svg_element(button_nodes, "svg", { viewBox: true, xmlns: true, style: true });
 			var svg_nodes = children(svg);
 			polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
 			children(polygon).forEach(detach);
 			svg_nodes.forEach(detach);
-			div0_nodes.forEach(detach);
-			div1_nodes.forEach(detach);
+			button_nodes.forEach(detach);
+			div_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
@@ -7777,18 +7888,18 @@ function create_if_block_1(ctx) {
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "style", /*prevIconStyle*/ ctx[10]);
-			attr(div0, "class", "button-container svelte-1wlcw5a");
-			attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
-			attr(div1, "class", "prev-button svelte-1wlcw5a");
+			attr(button, "class", "move-button svelte-re6e5");
+			attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
+			attr(div, "class", "prev-button-container svelte-re6e5");
 		},
 		m(target, anchor) {
-			insert_hydration(target, div1, anchor);
-			append_hydration(div1, div0);
-			append_hydration(div0, svg);
+			insert_hydration(target, div, anchor);
+			append_hydration(div, button);
+			append_hydration(button, svg);
 			append_hydration(svg, polygon);
 
 			if (!mounted) {
-				dispose = listen(div1, "click", /*prev*/ ctx[15]);
+				dispose = listen(button, "click", /*prev*/ ctx[15]);
 				mounted = true;
 			}
 		},
@@ -7798,11 +7909,11 @@ function create_if_block_1(ctx) {
 			}
 
 			if (dirty[0] & /*_prevButtonContainerStyle*/ 512) {
-				attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
+				attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(div);
 			mounted = false;
 			dispose();
 		}
@@ -7811,8 +7922,8 @@ function create_if_block_1(ctx) {
 
 // (380:2) {#if isVisibleNextButton}
 function create_if_block$1(ctx) {
-	let div1;
-	let div0;
+	let div;
+	let button;
 	let svg;
 	let polygon;
 	let mounted;
@@ -7820,24 +7931,24 @@ function create_if_block$1(ctx) {
 
 	return {
 		c() {
-			div1 = element("div");
-			div0 = element("div");
+			div = element("div");
+			button = element("button");
 			svg = svg_element("svg");
 			polygon = svg_element("polygon");
 			this.h();
 		},
 		l(nodes) {
-			div1 = claim_element(nodes, "DIV", { class: true });
-			var div1_nodes = children(div1);
-			div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
-			var div0_nodes = children(div0);
-			svg = claim_svg_element(div0_nodes, "svg", { viewBox: true, xmlns: true, style: true });
+			div = claim_element(nodes, "DIV", { class: true });
+			var div_nodes = children(div);
+			button = claim_element(div_nodes, "BUTTON", { class: true, style: true });
+			var button_nodes = children(button);
+			svg = claim_svg_element(button_nodes, "svg", { viewBox: true, xmlns: true, style: true });
 			var svg_nodes = children(svg);
 			polygon = claim_svg_element(svg_nodes, "polygon", { points: true });
 			children(polygon).forEach(detach);
 			svg_nodes.forEach(detach);
-			div0_nodes.forEach(detach);
-			div1_nodes.forEach(detach);
+			button_nodes.forEach(detach);
+			div_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
@@ -7845,18 +7956,18 @@ function create_if_block$1(ctx) {
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(svg, "style", /*nextIconStyle*/ ctx[8]);
-			attr(div0, "class", "button-container svelte-1wlcw5a");
-			attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
-			attr(div1, "class", "next-button svelte-1wlcw5a");
+			attr(button, "class", "move-button svelte-re6e5");
+			attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
+			attr(div, "class", "next-button-container svelte-re6e5");
 		},
 		m(target, anchor) {
-			insert_hydration(target, div1, anchor);
-			append_hydration(div1, div0);
-			append_hydration(div0, svg);
+			insert_hydration(target, div, anchor);
+			append_hydration(div, button);
+			append_hydration(button, svg);
 			append_hydration(svg, polygon);
 
 			if (!mounted) {
-				dispose = listen(div1, "click", /*next*/ ctx[16]);
+				dispose = listen(button, "click", /*next*/ ctx[16]);
 				mounted = true;
 			}
 		},
@@ -7866,11 +7977,11 @@ function create_if_block$1(ctx) {
 			}
 
 			if (dirty[0] & /*_nextButtonContainerStyle*/ 128) {
-				attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
+				attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(div);
 			mounted = false;
 			dispose();
 		}
@@ -7879,9 +7990,9 @@ function create_if_block$1(ctx) {
 
 // (393:4) {#each items as _, i}
 function create_each_block(ctx) {
-	let div1;
-	let div0;
-	let div0_style_value;
+	let button;
+	let div;
+	let div_style_value;
 	let t;
 	let mounted;
 	let dispose;
@@ -7892,49 +8003,49 @@ function create_each_block(ctx) {
 
 	return {
 		c() {
-			div1 = element("div");
-			div0 = element("div");
+			button = element("button");
+			div = element("div");
 			t = space();
 			this.h();
 		},
 		l(nodes) {
-			div1 = claim_element(nodes, "DIV", { class: true, style: true });
-			var div1_nodes = children(div1);
-			div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
-			children(div0).forEach(detach);
-			t = claim_space(div1_nodes);
-			div1_nodes.forEach(detach);
+			button = claim_element(nodes, "BUTTON", { class: true, style: true });
+			var button_nodes = children(button);
+			div = claim_element(button_nodes, "DIV", { class: true, style: true });
+			children(div).forEach(detach);
+			t = claim_space(button_nodes);
+			button_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "navigation-item-inner circle svelte-1wlcw5a");
-			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
-			attr(div1, "class", "navigation-item svelte-1wlcw5a");
-			attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
+			attr(div, "class", "navigation-item-inner circle svelte-re6e5");
+			attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
+			attr(button, "class", "navigation-item svelte-re6e5");
+			attr(button, "style", /*navigationItemStyle*/ ctx[6]);
 		},
 		m(target, anchor) {
-			insert_hydration(target, div1, anchor);
-			append_hydration(div1, div0);
-			append_hydration(div1, t);
+			insert_hydration(target, button, anchor);
+			append_hydration(button, div);
+			append_hydration(button, t);
 
 			if (!mounted) {
-				dispose = listen(div1, "click", click_handler);
+				dispose = listen(button, "click", click_handler);
 				mounted = true;
 			}
 		},
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
-				attr(div0, "style", div0_style_value);
+			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div_style_value !== (div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
+				attr(div, "style", div_style_value);
 			}
 
 			if (dirty[0] & /*navigationItemStyle*/ 64) {
-				attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
+				attr(button, "style", /*navigationItemStyle*/ ctx[6]);
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(button);
 			mounted = false;
 			dispose();
 		}
@@ -8015,14 +8126,14 @@ function create_fragment$b(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1wlcw5a"));
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"));
 			attr(div0, "style", /*slideStyle*/ ctx[14]);
-			attr(div1, "class", "container svelte-1wlcw5a");
+			attr(div1, "class", "container svelte-re6e5");
 			attr(div1, "style", /*_style*/ ctx[0]);
-			attr(div2, "class", "navigation svelte-1wlcw5a");
+			attr(div2, "class", "navigation svelte-re6e5");
 			attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			set_attributes(div3, div3_data);
-			toggle_class(div3, "svelte-1wlcw5a", true);
+			toggle_class(div3, "svelte-re6e5", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, div3, anchor);
@@ -8064,7 +8175,7 @@ function create_fragment$b(ctx) {
 				}
 			}
 
-			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-1wlcw5a"))) {
+			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-re6e5"))) {
 				attr(div0, "class", div0_class_value);
 			}
 
@@ -8130,7 +8241,7 @@ function create_fragment$b(ctx) {
 			}
 
 			set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
-			toggle_class(div3, "svelte-1wlcw5a", true);
+			toggle_class(div3, "svelte-re6e5", true);
 		},
 		i(local) {
 			if (current) return;