@plaidev/karte-action-sdk 1.1.159 → 1.1.160

package/dist/hydrate/index.es.d.ts

@@ -3063,7 +3063,7 @@ export { default as SlideItem } from './components/SlideItem.svelte';
 export { default as Countdown } from './components/Countdown.svelte';
 export { default as Box } from './components/Box.svelte';
 export { default as IconElement } from './components/IconElement.svelte';
-export { default as CustomElement } from './components/CustomElement.svelte';
+export { default as CodeElement } from './components/CodeElement.svelte';
 export { default as Flex } from './components/Flex.svelte';
 export { default as FlexItem } from './components/FlexItem.svelte';
 export { default as GridModalState } from './components/GridModalState.svelte';

package/dist/hydrate/index.es.js

@@ -3992,6 +3992,8 @@ function create_fragment$r(ctx) {
 	};
 }
 
+const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
+
 function instance$r($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -4002,6 +4004,7 @@ function instance$r($$self, $$props, $$invalidate) {
 	let { z } = $$props;
 	let { background = 'transparent' } = $$props;
 	let { gridItemId } = $$props;
+	setContext(GRID_ITEM_CONTEXT_KEY, { gridItemId });
 
 	onMount$1(() => {
 		setMaximumZindex(z);
@@ -7359,12 +7362,12 @@ function add_css$a(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[58] = list[i];
-	child_ctx[60] = i;
+	child_ctx[61] = list[i];
+	child_ctx[63] = i;
 	return child_ctx;
 }
 
-// (357:2) {#if isVisiblePrevButton}
+// (371:2) {#if isVisiblePrevButton}
 function create_if_block_1(ctx) {
 	let div1;
 	let div0;
@@ -7432,7 +7435,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (366:2) {#if isVisibleNextButton}
+// (380:2) {#if isVisibleNextButton}
 function create_if_block$1(ctx) {
 	let div1;
 	let div0;
@@ -7500,7 +7503,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (379:4) {#each items as _, i}
+// (393:4) {#each items as _, i}
 function create_each_block(ctx) {
 	let div1;
 	let div0;
@@ -7510,7 +7513,7 @@ function create_each_block(ctx) {
 	let dispose;
 
 	function click_handler() {
-		return /*click_handler*/ ctx[35](/*i*/ ctx[60]);
+		return /*click_handler*/ ctx[35](/*i*/ ctx[63]);
 	}
 
 	return {
@@ -7531,7 +7534,7 @@ function create_each_block(ctx) {
 		},
 		h() {
 			attr(div0, "class", "navigation-item-inner circle svelte-1wlcw5a");
-			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]));
+			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]);
 		},
@@ -7548,7 +7551,7 @@ function create_each_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]))) {
+			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
 				attr(div0, "style", div0_style_value);
 			}
 
@@ -7850,6 +7853,8 @@ function instance$b($$self, $$props, $$invalidate) {
 		}
 	});
 
+	const { gridItemId } = getContext(GRID_ITEM_CONTEXT_KEY);
+	const CHANGE_SLIDE_EVENT_NAME = `CHANGE_SLIDE_${gridItemId}`;
 	let containerElement;
 	let slideElement;
 	let containerWidth;
@@ -8051,6 +8056,20 @@ function instance$b($$self, $$props, $$invalidate) {
 		};
 	});
 
+	function handleChangeSlide(e) {
+		const index = e.detail.index;
+
+		if (index >= 0) {
+			set(index);
+		}
+	}
+
+	window.addEventListener(CHANGE_SLIDE_EVENT_NAME, handleChangeSlide);
+
+	onDestroy$1(() => {
+		window.removeEventListener(CHANGE_SLIDE_EVENT_NAME, handleChangeSlide);
+	});
+
 	async function prev() {
 		cancelTransition();
 		await fixSlidePosition();
@@ -8104,7 +8123,7 @@ function instance$b($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty[0] & /*transitioning*/ 536870912) {
-			$$invalidate(13, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
+			$$invalidate(13, slideClass = ['slide', ''].join(' '));
 		}
 
 		if ($$self.$$.dirty[0] & /*items, loop*/ 262146) {
@@ -8230,7 +8249,7 @@ class Slide extends SvelteComponent {
 				navigationEdgePosition: 26
 			},
 			add_css$a,
-			[-1, -1]
+			[-1, -1, -1]
 		);
 	}
 }
@@ -8364,7 +8383,7 @@ function instance$a($$self, $$props, $$invalidate) {
 		unregisterItem(id);
 	});
 
-	let { _style = 'cursor: ' } = $$props;
+	let { _style = 'cursor: default;' } = $$props;
 	let itemWidth = null;
 	let itemTransform = 0;
 
@@ -8911,10 +8930,10 @@ class IconElement extends SvelteComponent {
 	}
 }
 
-/* src/components/CustomElement.svelte generated by Svelte v3.53.1 */
+/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-wps40", ".customElement.svelte-wps40{box-sizing:border-box;margin:0px;padding:0px}");
+	append_styles(target, "svelte-zoffqm", ".codeElement.svelte-zoffqm{box-sizing:border-box;margin:0px;padding:0px}");
 }
 
 function create_fragment$6(ctx) {
@@ -8950,7 +8969,7 @@ function create_fragment$6(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "customElement svelte-wps40");
+			attr(div, "class", "codeElement svelte-zoffqm");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -9023,7 +9042,7 @@ function instance$6($$self, $$props, $$invalidate) {
 	return [name, component, data, style];
 }
 
-class CustomElement extends SvelteComponent {
+class CodeElement extends SvelteComponent {
 	constructor(options) {
 		super();
 		init(this, options, instance$6, create_fragment$6, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$5);
@@ -10011,4 +10030,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, Countdown, Cursors, CustomElement, DefaultEdgePosition, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
+export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };

package/dist/index.es.d.ts

@@ -3063,7 +3063,7 @@ export { default as SlideItem } from './components/SlideItem.svelte';
 export { default as Countdown } from './components/Countdown.svelte';
 export { default as Box } from './components/Box.svelte';
 export { default as IconElement } from './components/IconElement.svelte';
-export { default as CustomElement } from './components/CustomElement.svelte';
+export { default as CodeElement } from './components/CodeElement.svelte';
 export { default as Flex } from './components/Flex.svelte';
 export { default as FlexItem } from './components/FlexItem.svelte';
 export { default as GridModalState } from './components/GridModalState.svelte';

package/dist/index.es.js

@@ -3919,6 +3919,8 @@ function create_fragment$r(ctx) {
 	};
 }
 
+const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
+
 function instance$r($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -3929,6 +3931,7 @@ function instance$r($$self, $$props, $$invalidate) {
 	let { z } = $$props;
 	let { background = 'transparent' } = $$props;
 	let { gridItemId } = $$props;
+	setContext(GRID_ITEM_CONTEXT_KEY, { gridItemId });
 
 	onMount$1(() => {
 		setMaximumZindex(z);
@@ -6947,12 +6950,12 @@ function add_css$a(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[58] = list[i];
-	child_ctx[60] = i;
+	child_ctx[61] = list[i];
+	child_ctx[63] = i;
 	return child_ctx;
 }
 
-// (357:2) {#if isVisiblePrevButton}
+// (371:2) {#if isVisiblePrevButton}
 function create_if_block_1(ctx) {
 	let div1;
 	let div0;
@@ -7003,7 +7006,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (366:2) {#if isVisibleNextButton}
+// (380:2) {#if isVisibleNextButton}
 function create_if_block$1(ctx) {
 	let div1;
 	let div0;
@@ -7054,7 +7057,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (379:4) {#each items as _, i}
+// (393:4) {#each items as _, i}
 function create_each_block(ctx) {
 	let div1;
 	let div0;
@@ -7064,7 +7067,7 @@ function create_each_block(ctx) {
 	let dispose;
 
 	function click_handler() {
-		return /*click_handler*/ ctx[35](/*i*/ ctx[60]);
+		return /*click_handler*/ ctx[35](/*i*/ ctx[63]);
 	}
 
 	return {
@@ -7073,7 +7076,7 @@ function create_each_block(ctx) {
 			div0 = element("div");
 			t = space();
 			attr(div0, "class", "navigation-item-inner circle svelte-1wlcw5a");
-			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]));
+			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]);
 		},
@@ -7090,7 +7093,7 @@ function create_each_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]))) {
+			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
 				attr(div0, "style", div0_style_value);
 			}
 
@@ -7363,6 +7366,8 @@ function instance$b($$self, $$props, $$invalidate) {
 		}
 	});
 
+	const { gridItemId } = getContext(GRID_ITEM_CONTEXT_KEY);
+	const CHANGE_SLIDE_EVENT_NAME = `CHANGE_SLIDE_${gridItemId}`;
 	let containerElement;
 	let slideElement;
 	let containerWidth;
@@ -7564,6 +7569,20 @@ function instance$b($$self, $$props, $$invalidate) {
 		};
 	});
 
+	function handleChangeSlide(e) {
+		const index = e.detail.index;
+
+		if (index >= 0) {
+			set(index);
+		}
+	}
+
+	window.addEventListener(CHANGE_SLIDE_EVENT_NAME, handleChangeSlide);
+
+	onDestroy$1(() => {
+		window.removeEventListener(CHANGE_SLIDE_EVENT_NAME, handleChangeSlide);
+	});
+
 	async function prev() {
 		cancelTransition();
 		await fixSlidePosition();
@@ -7743,7 +7762,7 @@ class Slide extends SvelteComponent {
 				navigationEdgePosition: 26
 			},
 			add_css$a,
-			[-1, -1]
+			[-1, -1, -1]
 		);
 	}
 }
@@ -7864,7 +7883,7 @@ function instance$a($$self, $$props, $$invalidate) {
 		unregisterItem(id);
 	});
 
-	let { _style = 'cursor: ' } = $$props;
+	let { _style = 'cursor: default;' } = $$props;
 	let itemWidth = null;
 	let itemTransform = 0;
 
@@ -8367,10 +8386,10 @@ class IconElement extends SvelteComponent {
 	}
 }
 
-/* src/components/CustomElement.svelte generated by Svelte v3.53.1 */
+/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$5(target) {
-	append_styles(target, "svelte-wps40", ".customElement.svelte-wps40{box-sizing:border-box;margin:0px;padding:0px}");
+	append_styles(target, "svelte-zoffqm", ".codeElement.svelte-zoffqm{box-sizing:border-box;margin:0px;padding:0px}");
 }
 
 function create_fragment$6(ctx) {
@@ -8396,7 +8415,7 @@ function create_fragment$6(ctx) {
 		c() {
 			div = element("div");
 			if (switch_instance) create_component(switch_instance.$$.fragment);
-			attr(div, "class", "customElement svelte-wps40");
+			attr(div, "class", "codeElement svelte-zoffqm");
 			attr(div, "style", /*style*/ ctx[3]);
 		},
 		m(target, anchor) {
@@ -8469,7 +8488,7 @@ function instance$6($$self, $$props, $$invalidate) {
 	return [name, component, data, style];
 }
 
-class CustomElement extends SvelteComponent {
+class CodeElement extends SvelteComponent {
 	constructor(options) {
 		super();
 		init(this, options, instance$6, create_fragment$6, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$5);
@@ -9375,4 +9394,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, Countdown, Cursors, CustomElement, DefaultEdgePosition, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
+export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultFormButtonColor, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, resetEventHandlers, resetVariables, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };

package/dist/templates.cjs.js

@@ -45,7 +45,7 @@ import {
   Countdown,
   Box,
   IconElement,
-  CustomElement,
+  CodeElement,
 } from '@plaidev/karte-action-sdk';
 
 ${icons.length > 0

package/dist/templates.js

@@ -43,7 +43,7 @@ import {
   Countdown,
   Box,
   IconElement,
-  CustomElement,
+  CodeElement,
 } from '@plaidev/karte-action-sdk';
 
 ${icons.length > 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.159",
+  "version": "1.1.160",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",