@plaidev/karte-action-sdk 1.1.107 → 1.1.108-27918306.f8f4fc25

package/dist/index.es.js

@@ -691,6 +691,7 @@ const PropTypes = [
     'Color',
     'Alignment',
     'State',
+    'TransitState',
     'Style',
     'ModalPlacement',
     'OnClick',
@@ -762,7 +763,7 @@ const OnClickOperationOptions = [
         operation: 'moveTo',
         args: [
             {
-                type: 'State',
+                type: 'TransitState',
                 default: '/',
             },
         ],
@@ -790,6 +791,7 @@ const LengthUnits = ['px', 'em', 'rem', 'vw', 'fr', '%'];
 const Justifies = ['flex-start', 'center', 'flex-end'];
 const Alignments = ['flex-start', 'center', 'flex-end'];
 const ObjectFits = ['fill', 'contain', 'cover'];
+const ClipPaths = ['none', 'circle(closest-side)'];
 const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
 const BackgroundSizes = ['cover', 'contain', 'auto'];
 const Cursors = ['default', 'pointer'];
@@ -1722,7 +1724,7 @@ var widget = /*#__PURE__*/Object.freeze({
 /* src/components/Normalize.svelte generated by Svelte v3.53.1 */
 
 function add_css$k(target) {
-	append_styles(target, "svelte-osypsj", "@import 'https://esm.sh/normalize.css';");
+	append_styles(target, "svelte-tr4qnr", "@import 'https://esm.sh/normalize.css';");
 }
 
 class Normalize extends SvelteComponent {
@@ -1813,7 +1815,7 @@ class State extends SvelteComponent {
 /* src/components/StateItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$j(target) {
-	append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
+	append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
 }
 
 // (11:0) {#if $state === path}
@@ -1830,7 +1832,7 @@ function create_if_block$3(ctx) {
 			t = space();
 			if (default_slot) default_slot.c();
 			attr(div, "data-state-path", /*path*/ ctx[0]);
-			attr(div, "class", "state-item svelte-1amihue");
+			attr(div, "class", "state-item svelte-2qb6dm");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -1966,7 +1968,7 @@ class StateItem extends SvelteComponent {
 /* src/components/BackgroundOverray.svelte generated by Svelte v3.53.1 */
 
 function add_css$i(target) {
-	append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
+	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}");
 }
 
 // (9:0) {#if backgroundOverray}
@@ -1978,7 +1980,7 @@ function create_if_block$2(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", "background svelte-g6ucc2");
+			attr(div, "class", "background svelte-1d4fta");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -2055,7 +2057,7 @@ class BackgroundOverray extends SvelteComponent {
 /* src/components/Modal.svelte generated by Svelte v3.53.1 */
 
 function add_css$h(target) {
-	append_styles(target, "svelte-bcei9a", ".modal.svelte-bcei9a{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-bcei9a{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-bcei9a:hover{transform:rotate(90deg)}.modal-content.svelte-bcei9a{display:flex;justify-content:center;align-items:center}");
+	append_styles(target, "svelte-12dkw0q", ".modal.svelte-12dkw0q{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-12dkw0q{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-12dkw0q:hover{transform:rotate(90deg)}.modal-content.svelte-12dkw0q{display:flex;justify-content:center;align-items:center}");
 }
 
 // (142:0) {#if visible}
@@ -2079,9 +2081,9 @@ function create_if_block$1(ctx) {
 			t = space();
 			div0 = element("div");
 			if (default_slot) default_slot.c();
-			attr(div0, "class", "modal-content svelte-bcei9a");
+			attr(div0, "class", "modal-content svelte-12dkw0q");
 			attr(div0, "style", /*_style*/ ctx[1]);
-			attr(div1, "class", "modal svelte-bcei9a");
+			attr(div1, "class", "modal svelte-12dkw0q");
 			attr(div1, "role", "dialog");
 			attr(div1, "aria-modal", "true");
 			attr(div1, "style", div1_style_value = "" + /*pos*/ ctx[10] + " " + /*marginStyle*/ ctx[8] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[11]] + "");
@@ -2200,7 +2202,7 @@ function create_if_block_1(ctx) {
 			attr(svg, "viewBox", "0 0 9 10");
 			attr(svg, "fill", "none");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-			attr(button, "class", "close svelte-bcei9a");
+			attr(button, "class", "close svelte-12dkw0q");
 			attr(button, "style", button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[16] + 1) + "; " + /*_closeStyle*/ ctx[3] + "");
 		},
 		m(target, anchor) {
@@ -2967,7 +2969,7 @@ class GridModalState extends SvelteComponent {
 /* src/components/GridItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$g(target) {
-	append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
+	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$i(ctx) {
@@ -2982,8 +2984,8 @@ function create_fragment$i(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			if (default_slot) default_slot.c();
-			attr(div0, "class", "grid-item-inner svelte-1cryhmb");
-			attr(div1, "class", "grid-item svelte-1cryhmb");
+			attr(div0, "class", "grid-item-inner svelte-n7kdl3");
+			attr(div1, "class", "grid-item svelte-n7kdl3");
 			attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[1]);
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
@@ -3105,7 +3107,7 @@ class GridItem extends SvelteComponent {
 /* src/components/Flex.svelte generated by Svelte v3.53.1 */
 
 function add_css$f(target) {
-	append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
+	append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
 }
 
 function create_fragment$h(ctx) {
@@ -3119,7 +3121,7 @@ function create_fragment$h(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "flex svelte-9v2qdg");
+			attr(div, "class", "flex svelte-1e71ejc");
 			attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -3216,7 +3218,7 @@ class Flex extends SvelteComponent {
 /* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$e(target) {
-	append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
+	append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
 }
 
 function create_fragment$g(ctx) {
@@ -3229,7 +3231,7 @@ function create_fragment$g(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "flex-item svelte-164ah5d");
+			attr(div, "class", "flex-item svelte-1p0bk1x");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -3501,7 +3503,7 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$d(target) {
-	append_styles(target, "svelte-ojltd4", ".text-element.svelte-ojltd4.svelte-ojltd4{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-ojltd4.svelte-ojltd4{width:100%;height:auto}.text-direction-vertical.svelte-ojltd4.svelte-ojltd4{writing-mode:vertical-rl}.text-direction-vertical.svelte-ojltd4 .text-element-inner.svelte-ojltd4{width:auto;height:100%}");
+	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$e(ctx) {
@@ -3517,8 +3519,8 @@ function create_fragment$e(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
-			attr(div0, "class", "text-element-inner svelte-ojltd4");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-ojltd4"));
+			attr(div0, "class", "text-element-inner svelte-9en2jg");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"));
 			attr(div1, "style", /*style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -3532,7 +3534,7 @@ function create_fragment$e(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-ojltd4"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -3603,7 +3605,7 @@ class TextElement extends SvelteComponent {
 /* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$c(target) {
-	append_styles(target, "svelte-m5478d", ".text-button-element.svelte-m5478d{width:100%;height:100%}.text-button.svelte-m5478d{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button.svelte-m5478d:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-m5478d:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-tx5xf5", ".text-button-element.svelte-tx5xf5{width:100%;height:100%}.text-button.svelte-tx5xf5{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button.svelte-tx5xf5:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-tx5xf5:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
 function create_fragment$d(ctx) {
@@ -3620,9 +3622,9 @@ function create_fragment$d(ctx) {
 			div = element("div");
 			button = element("button");
 			create_component(rendertext.$$.fragment);
-			attr(button, "class", "text-button svelte-m5478d");
+			attr(button, "class", "text-button svelte-tx5xf5");
 			attr(button, "style", /*_buttonStyle*/ ctx[1]);
-			attr(div, "class", "text-button-element svelte-m5478d");
+			attr(div, "class", "text-button-element svelte-tx5xf5");
 			attr(div, "style", /*_style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -3719,7 +3721,7 @@ class TextButtonElement extends SvelteComponent {
 /* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$b(target) {
-	append_styles(target, "svelte-1yun3cc", ".image-element.svelte-1yun3cc{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.image.svelte-1yun3cc{width:100%;height:100%}.transport.svelte-1yun3cc:hover,.transport.svelte-1yun3cc:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
+	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$c(ctx) {
@@ -3734,14 +3736,14 @@ function create_fragment$c(ctx) {
 		c() {
 			div = element("div");
 			img = element("img");
-			attr(img, "class", "image svelte-1yun3cc");
+			attr(img, "class", "image svelte-t8kpqw");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
 			attr(img, "style", /*_imageStyle*/ ctx[3]);
 			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
 			attr(img, "alt", /*alt*/ ctx[1]);
-			attr(div, "class", div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1yun3cc"));
+			attr(div, "class", div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-t8kpqw"));
 			attr(div, "style", /*_style*/ ctx[4]);
 		},
 		m(target, anchor) {
@@ -3766,7 +3768,7 @@ function create_fragment$c(ctx) {
 				attr(img, "alt", /*alt*/ ctx[1]);
 			}
 
-			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1yun3cc"))) {
+			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-element' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-t8kpqw"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -3842,7 +3844,7 @@ class ImageElement extends SvelteComponent {
 /* src/components/List.svelte generated by Svelte v3.53.1 */
 
 function add_css$a(target) {
-	append_styles(target, "svelte-c6mdjx", ".list.svelte-c6mdjx{display:flex;width:100%;height:100%;overflow:hidden}");
+	append_styles(target, "svelte-dfqtyx", ".list.svelte-dfqtyx{display:flex;width:100%;height:100%;overflow:hidden}");
 }
 
 function create_fragment$b(ctx) {
@@ -3855,7 +3857,7 @@ function create_fragment$b(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "list svelte-c6mdjx");
+			attr(div, "class", "list svelte-dfqtyx");
 			attr(div, "style", /*style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -3989,7 +3991,7 @@ class List extends SvelteComponent {
 /* src/components/ListItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$9(target) {
-	append_styles(target, "svelte-16bv3xq", ".list-item.svelte-16bv3xq{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item-inner.svelte-16bv3xq{position:absolute;inset:0}");
+	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$a(ctx) {
@@ -4006,9 +4008,9 @@ function create_fragment$a(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			if (default_slot) default_slot.c();
-			attr(div0, "class", "list-item-inner svelte-16bv3xq");
+			attr(div0, "class", "list-item-inner svelte-h5j4xe");
 			attr(div0, "style", /*_style*/ ctx[0]);
-			attr(div1, "class", "list-item svelte-16bv3xq");
+			attr(div1, "class", "list-item svelte-h5j4xe");
 			attr(div1, "style", /*listItemStyle*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -4170,7 +4172,7 @@ class ListItem extends SvelteComponent {
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$8(target) {
-	append_styles(target, "svelte-no29sy", ".embed.svelte-no29sy{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-no29sy iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-k86zna", ".embed.svelte-k86zna{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-k86zna iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$9(ctx) {
@@ -4179,7 +4181,7 @@ function create_fragment$9(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", "embed svelte-no29sy");
+			attr(div, "class", "embed svelte-k86zna");
 			attr(div, "style", /*_style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -4222,7 +4224,7 @@ class EmbedElement extends SvelteComponent {
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$7(target) {
-	append_styles(target, "svelte-no29sy", ".embed.svelte-no29sy{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-no29sy iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-k86zna", ".embed.svelte-k86zna{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-k86zna iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$8(ctx) {
@@ -4234,7 +4236,7 @@ function create_fragment$8(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-no29sy");
+			attr(div1, "class", "embed svelte-k86zna");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -4269,7 +4271,7 @@ function instance$8($$self, $$props, $$invalidate) {
 	// @ts-ignore
 	if (!window.YT) {
 		const tag = document.createElement("script");
-		tag.src = "//www.youtube.com/iframe_api";
+		tag.src = "https://www.youtube.com/iframe_api";
 		const firstScriptTag = document.getElementsByTagName("script")[0];
 		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 	}
@@ -4381,14 +4383,6 @@ function instance$8($$self, $$props, $$invalidate) {
 			});
 	}
 
-	onDestroy$1(() => {
-		if (player) {
-			player.stopVideo();
-		}
-
-		player.destroy();
-	});
-
 	onMount(() => {
 		setTimeout(
 			() => {
@@ -4401,6 +4395,13 @@ function instance$8($$self, $$props, $$invalidate) {
 		);
 	});
 
+	onDestroy$1(() => {
+		if (player) {
+			player.stopVideo();
+			player.destroy();
+		}
+	});
+
 	// @ts-ignore
 	window.onYouTubeIframeAPIReady = () => {
 		createPlayer();
@@ -4455,7 +4456,7 @@ class MovieYouTubeElement extends SvelteComponent {
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$6(target) {
-	append_styles(target, "svelte-no29sy", ".embed.svelte-no29sy{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-no29sy iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-5l33p2", ".embed.svelte-5l33p2{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-5l33p2 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$7(ctx) {
@@ -4467,7 +4468,7 @@ function create_fragment$7(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-no29sy");
+			attr(div1, "class", "embed svelte-5l33p2");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -4497,13 +4498,13 @@ function instance$7($$self, $$props, $$invalidate) {
 	let { autoplay = false } = $$props;
 	let { loop = false } = $$props;
 	let { mute = false } = $$props;
-	let { _style = "" } = $$props;
+	let { _style = '' } = $$props;
 
 	// @ts-ignore
 	if (!window.Vimeo) {
-		const tag = document.createElement("script");
-		tag.src = "//player.vimeo.com/api/player.js";
-		const firstScriptTag = document.getElementsByTagName("script")[0];
+		const tag = document.createElement('script');
+		tag.src = 'https://player.vimeo.com/api/player.js';
+		const firstScriptTag = document.getElementsByTagName('script')[0];
 		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 	}
 
@@ -4536,7 +4537,7 @@ function instance$7($$self, $$props, $$invalidate) {
 		const playSeconds = Math.round((currentDate - startDate) / 1000);
 		totalPlaySeconds += playSeconds;
 
-		sendMovieEvent("_movie_playtime", {
+		sendMovieEvent('_movie_playtime', {
 			seconds: playSeconds,
 			total_seconds: totalPlaySeconds
 		});
@@ -4553,7 +4554,7 @@ function instance$7($$self, $$props, $$invalidate) {
 
 		if (!alreadyPlay) {
 			alreadyPlay = true;
-			sendMovieEvent("_movie_play");
+			sendMovieEvent('_movie_play');
 		}
 	}
 
@@ -4563,7 +4564,7 @@ function instance$7($$self, $$props, $$invalidate) {
 	}
 
 	function onFinish() {
-		sendMovieEvent("_movie_finish");
+		sendMovieEvent('_movie_finish');
 		sendPlaytime();
 		startDate = null;
 	}
@@ -4574,30 +4575,21 @@ function instance$7($$self, $$props, $$invalidate) {
 		}
 
 		const playerOptions = { id: videoId, autoplay, loop };
-		console.log("createPlayer1");
 
 		// @ts-ignore
 		player = new window.Vimeo.Player(domRef, playerOptions);
 
-		console.log("createPlayer2");
-		player.on("play", onStart);
-		player.on("pause", onPause);
-		player.on("ended", onFinish);
+		player.on('play', onStart);
+		player.on('pause', onPause);
+		player.on('ended', onFinish);
 		onPlayerReady();
 	}
 
-	onDestroy$1(() => {
-		player.destroy();
-	});
-
 	onMount(() => {
-		console.log("onMount1");
-
 		setTimeout(
 			() => {
 				// @ts-ignore
 				if (window.Vimeo) {
-					console.log("onMount2");
 					createPlayer();
 				}
 			},
@@ -4605,7 +4597,13 @@ function instance$7($$self, $$props, $$invalidate) {
 		);
 	});
 
-	window.addEventListener("beforeunload", () => {
+	onDestroy$1(() => {
+		if (player) {
+			player.destroy();
+		}
+	});
+
+	window.addEventListener('beforeunload', () => {
 		sendPlaytime();
 	});
 
@@ -4654,7 +4652,7 @@ class MovieVimeoElement extends SvelteComponent {
 /* src/components/Form.svelte generated by Svelte v3.53.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-ll2nus", ".form.svelte-ll2nus{width:100%;height:100%}");
+	append_styles(target, "svelte-1il0aow", ".form.svelte-1il0aow{width:100%;height:100%}");
 }
 
 function create_fragment$6(ctx) {
@@ -4667,7 +4665,7 @@ function create_fragment$6(ctx) {
 		c() {
 			div = element("div");
 			if (default_slot) default_slot.c();
-			attr(div, "class", "form svelte-ll2nus");
+			attr(div, "class", "form svelte-1il0aow");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -4821,7 +4819,7 @@ class Form extends SvelteComponent {
 /* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
-	append_styles(target, "svelte-13z4kn0", ".textarea-wrapper.svelte-13z4kn0{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-13z4kn0{width:100%;resize:none}");
+	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$5(ctx) {
@@ -4834,12 +4832,12 @@ function create_fragment$5(ctx) {
 		c() {
 			div = element("div");
 			textarea = element("textarea");
-			attr(textarea, "class", "textarea svelte-13z4kn0");
+			attr(textarea, "class", "textarea svelte-kyay3k");
 			textarea.value = /*value*/ ctx[3];
 			textarea.required = /*required*/ ctx[0];
 			attr(textarea, "rows", /*rows*/ ctx[1]);
 			attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
-			attr(div, "class", "textarea-wrapper svelte-13z4kn0");
+			attr(div, "class", "textarea-wrapper svelte-kyay3k");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -5056,7 +5054,7 @@ class FormButton extends SvelteComponent {
 /* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
 
 function add_css$3(target) {
-	append_styles(target, "svelte-1pbq2od", ".radio-buttons.svelte-1pbq2od{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
+	append_styles(target, "svelte-1ajmbw1", ".radio-buttons.svelte-1ajmbw1{display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}");
 }
 
 function get_each_context(ctx, list, i) {
@@ -5139,7 +5137,7 @@ function create_fragment$3(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div, "class", "radio-buttons svelte-1pbq2od");
+			attr(div, "class", "radio-buttons svelte-1ajmbw1");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -5219,7 +5217,7 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$2(target) {
-	append_styles(target, "svelte-q1o685", ".text-block.svelte-q1o685.svelte-q1o685{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-q1o685.svelte-q1o685{width:100%;height:auto}.text-direction-vertical.svelte-q1o685.svelte-q1o685{writing-mode:vertical-rl}.text-direction-vertical.svelte-q1o685 .text-block-inner.svelte-q1o685{width:auto;height:100%}");
+	append_styles(target, "svelte-11rpuv5", ".text-block.svelte-11rpuv5.svelte-11rpuv5{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-11rpuv5.svelte-11rpuv5{width:100%;height:auto}.text-direction-vertical.svelte-11rpuv5.svelte-11rpuv5{writing-mode:vertical-rl}.text-direction-vertical.svelte-11rpuv5 .text-block-inner.svelte-11rpuv5{width:auto;height:100%}");
 }
 
 function create_fragment$2(ctx) {
@@ -5235,8 +5233,8 @@ function create_fragment$2(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
-			attr(div0, "class", "text-block-inner svelte-q1o685");
-			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"));
+			attr(div0, "class", "text-block-inner svelte-11rpuv5");
+			attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
 			attr(div1, "style", /*style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -5250,7 +5248,7 @@ function create_fragment$2(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-q1o685"))) {
+			if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
 				attr(div1, "class", div1_class_value);
 			}
 
@@ -5321,7 +5319,7 @@ class TextBlock extends SvelteComponent {
 /* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$1(target) {
-	append_styles(target, "svelte-1cungpm", ".text-button-block.svelte-1cungpm{width:100%;height:100%}.text-button.svelte-1cungpm{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1cungpm:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1cungpm:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
+	append_styles(target, "svelte-1t5i3za", ".text-button-block.svelte-1t5i3za{width:100%;height:100%}.text-button.svelte-1t5i3za{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1t5i3za:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1t5i3za:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
 }
 
 function create_fragment$1(ctx) {
@@ -5338,9 +5336,9 @@ function create_fragment$1(ctx) {
 			div = element("div");
 			button = element("button");
 			create_component(rendertext.$$.fragment);
-			attr(button, "class", "text-button svelte-1cungpm");
+			attr(button, "class", "text-button svelte-1t5i3za");
 			attr(button, "style", /*_buttonStyle*/ ctx[1]);
-			attr(div, "class", "text-button-block svelte-1cungpm");
+			attr(div, "class", "text-button-block svelte-1t5i3za");
 			attr(div, "style", /*_style*/ ctx[2]);
 		},
 		m(target, anchor) {
@@ -5437,7 +5435,7 @@ class TextButtonBlock extends SvelteComponent {
 /* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css(target) {
-	append_styles(target, "svelte-xuever", ".image-block.svelte-xuever{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.image.svelte-xuever{width:100%;height:100%}.transport.svelte-xuever:hover,.transport.svelte-xuever:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
+	append_styles(target, "svelte-1ec6zfb", ".image-block.svelte-1ec6zfb{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.image.svelte-1ec6zfb{width:100%;height:100%}.transport.svelte-1ec6zfb:hover,.transport.svelte-1ec6zfb:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
 }
 
 function create_fragment(ctx) {
@@ -5452,14 +5450,14 @@ function create_fragment(ctx) {
 		c() {
 			div = element("div");
 			img = element("img");
-			attr(img, "class", "image svelte-xuever");
+			attr(img, "class", "image svelte-1ec6zfb");
 			attr(img, "loading", "lazy");
 			attr(img, "width", "auto");
 			attr(img, "height", "auto");
 			attr(img, "style", /*_imageStyle*/ ctx[3]);
 			if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
 			attr(img, "alt", /*alt*/ ctx[1]);
-			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-xuever"));
+			attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1ec6zfb"));
 			attr(div, "style", /*_style*/ ctx[4]);
 		},
 		m(target, anchor) {
@@ -5484,7 +5482,7 @@ function create_fragment(ctx) {
 				attr(img, "alt", /*alt*/ ctx[1]);
 			}
 
-			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-xuever"))) {
+			if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1ec6zfb"))) {
 				attr(div, "class", div_class_value);
 			}
 
@@ -5557,4 +5555,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, Form, FormButton, FormRadioButtons, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListItem, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };
+export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, Form, FormButton, FormRadioButtons, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListItem, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };

package/dist/templates.js

@@ -89,13 +89,13 @@ function createCustomScript(script = '') {
 // ここでSDKをインポートしてください
 //import jQuery from "jquery";
 //import {
-  onShow,
-  onClose,
-  onChangeState,
-  onDestroy,
-  setCustomVariables,
-  setCustomHandlers,
-} from "@plaidev/karte-action-sdk";
+//  onShow,
+//  onClose,
+//  onChangeState,
+//  onDestroy,
+//  setCustomVariables,
+//  setCustomHandlers,
+//} from "@plaidev/karte-action-sdk";
 ${script}
 const onCreate = ({ send, data }) => {
   // ここでアクションが作成される時のスクリプトを書いてください