@plaidev/karte-action-sdk 1.1.104 → 1.1.105-27910824.521dd01f

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

@@ -79,6 +79,11 @@ declare const ElasticityStyle: {
     vertical: string;
     horizontal: string;
 };
+declare const TextDirections: readonly [
+    "horizontal",
+    "vertical"
+];
+type TextDirection = (typeof TextDirections)[number];
 type OperationArgumentTypes = {
     StringKeyword: string;
     BooleanKeyword: boolean;
@@ -215,6 +220,11 @@ type BorderStyle = string;
 type BorderWidth = `${number}px`;
 type Style = string;
 type StateName = string;
+declare const WritingModes: readonly [
+    "horizontal-tb",
+    "vertical-lr"
+];
+type WritingMode = (typeof WritingModes)[number];
 type ListSeparatorType = "none" | "border" | "gap";
 interface BaseListSeparator {
     type: ListSeparatorType;
@@ -1005,6 +1015,11 @@ declare namespace widget {
         vertical: string;
         horizontal: string;
     };
+    const TextDirections: readonly [
+        "horizontal",
+        "vertical"
+    ];
+    type TextDirection = (typeof TextDirections)[number];
     type OperationArgumentTypes = {
         StringKeyword: string;
         BooleanKeyword: boolean;
@@ -1141,6 +1156,11 @@ declare namespace widget {
     type BorderWidth = `${number}px`;
     type Style = string;
     type StateName = string;
+    const WritingModes: readonly [
+        "horizontal-tb",
+        "vertical-lr"
+    ];
+    type WritingMode = (typeof WritingModes)[number];
     type ListSeparatorType = "none" | "border" | "gap";
     interface BaseListSeparator {
         type: ListSeparatorType;
@@ -1835,7 +1855,7 @@ declare namespace widget {
      */
     export { showAction as show, closeAction as hide };
 }
-export { CloseTrigger, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, handleState, initialize, finalize, send_event, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, setAutoStart, Store, getStoreState, SystemConfig, ActionEventHandler, ActionSetting, CustomVariables, actionSetting, getActionSetting, setActionSetting, resetActionSetting, system, getSystem, setSystem, state, setState, getState, states, addState, getStates, opened, isOpened, setOpened, closed, isClosed, setClosed, maximumZindex, setMaximumZindex, internalHandlers, getInternalHandlers, setInternalHandlers, updateInternalHandlers, customHandlers, getCustomHandlers, setCustomHandlers, updateCustomHandlers, destroyed, isDestroyed, setDestroyed, stopped, isStopped, setStopped, customVariables, getCustomVariables, setCustomVariables, updateCustomVariables, NOOP, isPreview, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirection, ListContext, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, showAction, closeAction, KARTE_ACTION_ROOT, KARTE_ACTION_RID, KARTE_ACTION_SHORTEN_ID, ensureActionRoot, onCreate, onShow, onClose, onDestroy, onChangeState, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, show, close, AppOptions, App, createApp, collection, widget };
+export { CloseTrigger, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, handleState, initialize, finalize, send_event, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, setAutoStart, Store, getStoreState, SystemConfig, ActionEventHandler, ActionSetting, CustomVariables, actionSetting, getActionSetting, setActionSetting, resetActionSetting, system, getSystem, setSystem, state, setState, getState, states, addState, getStates, opened, isOpened, setOpened, closed, isClosed, setClosed, maximumZindex, setMaximumZindex, internalHandlers, getInternalHandlers, setInternalHandlers, updateInternalHandlers, customHandlers, getCustomHandlers, setCustomHandlers, updateCustomHandlers, destroyed, isDestroyed, setDestroyed, stopped, isStopped, setStopped, customVariables, getCustomVariables, setCustomVariables, updateCustomVariables, NOOP, isPreview, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirection, ListContext, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, showAction, closeAction, KARTE_ACTION_ROOT, KARTE_ACTION_RID, KARTE_ACTION_SHORTEN_ID, ensureActionRoot, onCreate, onShow, onClose, onDestroy, onChangeState, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, show, close, AppOptions, App, createApp, collection, widget };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';

package/dist/hydrate/index.es.js

@@ -1,6 +1,6 @@
 import { writable, get } from 'svelte/store';
 import 'svelte/easing';
-import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, claim_component, claim_space, mount_component, insert_hydration, 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, claim_element, children, attr, noop, listen, is_function, append_hydration, add_render_callback, create_in_transition, svg_element, claim_svg_element, binding_callbacks, destroy_each, text, claim_text, set_data, src_url_equal, null_to_empty, set_style } from 'svelte/internal';
+import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, claim_component, claim_space, mount_component, insert_hydration, 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, claim_element, children, attr, noop, listen, is_function, append_hydration, add_render_callback, create_in_transition, svg_element, claim_svg_element, binding_callbacks, destroy_each, text, claim_text, set_data, null_to_empty, src_url_equal, set_style } from 'svelte/internal';
 import { createEventDispatcher, onMount, onDestroy as onDestroy$1, setContext, getContext } from 'svelte';
 
 /**
@@ -687,6 +687,7 @@ const ElasticityStyle = {
     vertical: 'width: 100%',
     horizontal: 'height: 100%',
 };
+const TextDirections = ['horizontal', 'vertical'];
 const OnClickOperationOptions = [
     {
         operation: 'none',
@@ -741,6 +742,7 @@ const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
 const BackgroundSizes = ['cover', 'contain', 'auto'];
 const Cursors = ['default', 'pointer'];
 const Overflows = ['visible', 'auto', 'hidden'];
+const WritingModes = ['horizontal-tb', 'vertical-lr'];
 const DefaultListSeparatorNone = {
     type: 'none',
 };
@@ -1974,7 +1976,7 @@ function add_css$f(target) {
 	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}");
 }
 
-// (136:0) {#if visible}
+// (142:0) {#if visible}
 function create_if_block$1(ctx) {
 	let div1;
 	let t;
@@ -2115,7 +2117,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (153:4) {#if closable}
+// (159:4) {#if closable}
 function create_if_block_1(ctx) {
 	let button;
 	let svg;
@@ -2322,12 +2324,12 @@ function instance$j($$self, $$props, $$invalidate) {
 	let { clickEventValue = null } = $$props;
 	let { placement = DefaultModalPlacement } = $$props;
 	let { animation = 'none' } = $$props;
-	let { elasticity = 'none' } = $$props;
 	let { _style = '' } = $$props;
+	let { elasticity = 'none' } = $$props;
 	let { onClose = { operation: 'closeApp', args: [] } } = $$props;
-	let { closeButtonColor = '#000000' } = $$props;
 	let { closeEventName = '' } = $$props;
 	let { closeEventValue = null } = $$props;
+	let { closeButtonColor = '#000000' } = $$props;
 	let { _closeStyle = '' } = $$props;
 	let modal;
 
@@ -2350,12 +2352,12 @@ function instance$j($$self, $$props, $$invalidate) {
 		if ('clickEventValue' in $$props) $$invalidate(19, clickEventValue = $$props.clickEventValue);
 		if ('placement' in $$props) $$invalidate(20, placement = $$props.placement);
 		if ('animation' in $$props) $$invalidate(0, animation = $$props.animation);
-		if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
 		if ('_style' in $$props) $$invalidate(1, _style = $$props._style);
+		if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
 		if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
-		if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
 		if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
 		if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
+		if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
 		if ('_closeStyle' in $$props) $$invalidate(3, _closeStyle = $$props._closeStyle);
 		if ('$$scope' in $$props) $$invalidate(28, $$scope = $$props.$$scope);
 	};
@@ -2499,12 +2501,12 @@ class Modal extends SvelteComponent {
 				clickEventValue: 19,
 				placement: 20,
 				animation: 0,
-				elasticity: 21,
 				_style: 1,
+				elasticity: 21,
 				onClose: 22,
-				closeButtonColor: 2,
 				closeEventName: 23,
 				closeEventValue: 24,
+				closeButtonColor: 2,
 				_closeStyle: 3
 			},
 			add_css$f
@@ -3552,13 +3554,14 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$b(target) {
-	append_styles(target, "svelte-ww7ebs", ".text-element.svelte-ww7ebs{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-ww7ebs{width: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$c(ctx) {
 	let div1;
 	let div0;
 	let rendertext;
+	let div1_class_value;
 	let current;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
 
@@ -3580,9 +3583,9 @@ function create_fragment$c(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-element-inner svelte-ww7ebs");
-			attr(div1, "class", "text-element svelte-ww7ebs");
-			attr(div1, "style", /*style*/ ctx[1]);
+			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) {
 			insert_hydration(target, div1, anchor);
@@ -3595,8 +3598,12 @@ function create_fragment$c(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*style*/ 2) {
-				attr(div1, "style", /*style*/ ctx[1]);
+			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);
+			}
+
+			if (!current || dirty & /*style*/ 4) {
+				attr(div1, "style", /*style*/ ctx[2]);
 			}
 		},
 		i(local) {
@@ -3619,27 +3626,43 @@ function instance$c($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { _textStyle = 'font-size:12px;' } = $$props;
+	let { textDirection = 'horizontal' } = $$props;
 	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
-		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
+		if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
+		if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
+		if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
-			$$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
+		if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
+			$$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
 		}
 	};
 
-	return [text, style, _textStyle, _style];
+	return [text, textDirection, style, _textStyle, _style];
 }
 
 class TextElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$c, create_fragment$c, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$b);
+
+		init(
+			this,
+			options,
+			instance$c,
+			create_fragment$c,
+			safe_not_equal,
+			{
+				text: 0,
+				_textStyle: 3,
+				textDirection: 1,
+				_style: 4
+			},
+			add_css$b
+		);
 	}
 }
 
@@ -4956,13 +4979,14 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$2(target) {
-	append_styles(target, "svelte-j2xyh8", ".text-block.svelte-j2xyh8{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-j2xyh8{width: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) {
 	let div1;
 	let div0;
 	let rendertext;
+	let div1_class_value;
 	let current;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
 
@@ -4984,9 +5008,9 @@ function create_fragment$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", "text-block-inner svelte-j2xyh8");
-			attr(div1, "class", "text-block svelte-j2xyh8");
-			attr(div1, "style", /*style*/ ctx[1]);
+			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) {
 			insert_hydration(target, div1, anchor);
@@ -4999,8 +5023,12 @@ function create_fragment$2(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*style*/ 2) {
-				attr(div1, "style", /*style*/ ctx[1]);
+			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);
+			}
+
+			if (!current || dirty & /*style*/ 4) {
+				attr(div1, "style", /*style*/ ctx[2]);
 			}
 		},
 		i(local) {
@@ -5023,27 +5051,43 @@ function instance$2($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { _textStyle = 'font-size:12px;' } = $$props;
+	let { textDirection = 'horizontal' } = $$props;
 	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
-		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
+		if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
+		if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
+		if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
-			$$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
+		if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
+			$$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
 		}
 	};
 
-	return [text, style, _textStyle, _style];
+	return [text, textDirection, style, _textStyle, _style];
 }
 
 class TextBlock extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$2, create_fragment$2, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$2);
+
+		init(
+			this,
+			options,
+			instance$2,
+			create_fragment$2,
+			safe_not_equal,
+			{
+				text: 0,
+				_textStyle: 3,
+				textDirection: 1,
+				_style: 4
+			},
+			add_css$2
+		);
 	}
 }
 
@@ -5319,4 +5363,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, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, 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, 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, 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/index.es.d.ts

@@ -79,6 +79,11 @@ declare const ElasticityStyle: {
     vertical: string;
     horizontal: string;
 };
+declare const TextDirections: readonly [
+    "horizontal",
+    "vertical"
+];
+type TextDirection = (typeof TextDirections)[number];
 type OperationArgumentTypes = {
     StringKeyword: string;
     BooleanKeyword: boolean;
@@ -215,6 +220,11 @@ type BorderStyle = string;
 type BorderWidth = `${number}px`;
 type Style = string;
 type StateName = string;
+declare const WritingModes: readonly [
+    "horizontal-tb",
+    "vertical-lr"
+];
+type WritingMode = (typeof WritingModes)[number];
 type ListSeparatorType = "none" | "border" | "gap";
 interface BaseListSeparator {
     type: ListSeparatorType;
@@ -1005,6 +1015,11 @@ declare namespace widget {
         vertical: string;
         horizontal: string;
     };
+    const TextDirections: readonly [
+        "horizontal",
+        "vertical"
+    ];
+    type TextDirection = (typeof TextDirections)[number];
     type OperationArgumentTypes = {
         StringKeyword: string;
         BooleanKeyword: boolean;
@@ -1141,6 +1156,11 @@ declare namespace widget {
     type BorderWidth = `${number}px`;
     type Style = string;
     type StateName = string;
+    const WritingModes: readonly [
+        "horizontal-tb",
+        "vertical-lr"
+    ];
+    type WritingMode = (typeof WritingModes)[number];
     type ListSeparatorType = "none" | "border" | "gap";
     interface BaseListSeparator {
         type: ListSeparatorType;
@@ -1835,7 +1855,7 @@ declare namespace widget {
      */
     export { showAction as show, closeAction as hide };
 }
-export { CloseTrigger, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, handleState, initialize, finalize, send_event, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, setAutoStart, Store, getStoreState, SystemConfig, ActionEventHandler, ActionSetting, CustomVariables, actionSetting, getActionSetting, setActionSetting, resetActionSetting, system, getSystem, setSystem, state, setState, getState, states, addState, getStates, opened, isOpened, setOpened, closed, isClosed, setClosed, maximumZindex, setMaximumZindex, internalHandlers, getInternalHandlers, setInternalHandlers, updateInternalHandlers, customHandlers, getCustomHandlers, setCustomHandlers, updateCustomHandlers, destroyed, isDestroyed, setDestroyed, stopped, isStopped, setStopped, customVariables, getCustomVariables, setCustomVariables, updateCustomVariables, NOOP, isPreview, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirection, ListContext, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, showAction, closeAction, KARTE_ACTION_ROOT, KARTE_ACTION_RID, KARTE_ACTION_SHORTEN_ID, ensureActionRoot, onCreate, onShow, onClose, onDestroy, onChangeState, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, show, close, AppOptions, App, createApp, collection, widget };
+export { CloseTrigger, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, handleState, initialize, finalize, send_event, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, setAutoStart, Store, getStoreState, SystemConfig, ActionEventHandler, ActionSetting, CustomVariables, actionSetting, getActionSetting, setActionSetting, resetActionSetting, system, getSystem, setSystem, state, setState, getState, states, addState, getStates, opened, isOpened, setOpened, closed, isClosed, setClosed, maximumZindex, setMaximumZindex, internalHandlers, getInternalHandlers, setInternalHandlers, updateInternalHandlers, customHandlers, getCustomHandlers, setCustomHandlers, updateCustomHandlers, destroyed, isDestroyed, setDestroyed, stopped, isStopped, setStopped, customVariables, getCustomVariables, setCustomVariables, updateCustomVariables, NOOP, isPreview, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirection, ListContext, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, showAction, closeAction, KARTE_ACTION_ROOT, KARTE_ACTION_RID, KARTE_ACTION_SHORTEN_ID, ensureActionRoot, onCreate, onShow, onClose, onDestroy, onChangeState, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, show, close, AppOptions, App, createApp, collection, widget };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';

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, src_url_equal, null_to_empty, 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, set_style } from 'svelte/internal';
 import { createEventDispatcher, onMount, onDestroy as onDestroy$1, setContext, getContext } from 'svelte';
 
 /**
@@ -739,6 +739,7 @@ const ElasticityStyle = {
     vertical: 'width: 100%',
     horizontal: 'height: 100%',
 };
+const TextDirections = ['horizontal', 'vertical'];
 const OnClickOperationOptions = [
     {
         operation: 'none',
@@ -793,6 +794,7 @@ const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
 const BackgroundSizes = ['cover', 'contain', 'auto'];
 const Cursors = ['default', 'pointer'];
 const Overflows = ['visible', 'auto', 'hidden'];
+const WritingModes = ['horizontal-tb', 'vertical-lr'];
 const DefaultListSeparatorNone = {
     type: 'none',
 };
@@ -2056,7 +2058,7 @@ function add_css$f(target) {
 	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}");
 }
 
-// (136:0) {#if visible}
+// (142:0) {#if visible}
 function create_if_block$1(ctx) {
 	let div1;
 	let t;
@@ -2176,7 +2178,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (153:4) {#if closable}
+// (159:4) {#if closable}
 function create_if_block_1(ctx) {
 	let button;
 	let svg;
@@ -2349,12 +2351,12 @@ function instance$j($$self, $$props, $$invalidate) {
 	let { clickEventValue = null } = $$props;
 	let { placement = DefaultModalPlacement } = $$props;
 	let { animation = 'none' } = $$props;
-	let { elasticity = 'none' } = $$props;
 	let { _style = '' } = $$props;
+	let { elasticity = 'none' } = $$props;
 	let { onClose = { operation: 'closeApp', args: [] } } = $$props;
-	let { closeButtonColor = '#000000' } = $$props;
 	let { closeEventName = '' } = $$props;
 	let { closeEventValue = null } = $$props;
+	let { closeButtonColor = '#000000' } = $$props;
 	let { _closeStyle = '' } = $$props;
 	let modal;
 
@@ -2377,12 +2379,12 @@ function instance$j($$self, $$props, $$invalidate) {
 		if ('clickEventValue' in $$props) $$invalidate(19, clickEventValue = $$props.clickEventValue);
 		if ('placement' in $$props) $$invalidate(20, placement = $$props.placement);
 		if ('animation' in $$props) $$invalidate(0, animation = $$props.animation);
-		if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
 		if ('_style' in $$props) $$invalidate(1, _style = $$props._style);
+		if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
 		if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
-		if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
 		if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
 		if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
+		if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
 		if ('_closeStyle' in $$props) $$invalidate(3, _closeStyle = $$props._closeStyle);
 		if ('$$scope' in $$props) $$invalidate(28, $$scope = $$props.$$scope);
 	};
@@ -2523,12 +2525,12 @@ class Modal extends SvelteComponent {
 				clickEventValue: 19,
 				placement: 20,
 				animation: 0,
-				elasticity: 21,
 				_style: 1,
+				elasticity: 21,
 				onClose: 22,
-				closeButtonColor: 2,
 				closeEventName: 23,
 				closeEventValue: 24,
+				closeButtonColor: 2,
 				_closeStyle: 3
 			},
 			add_css$f
@@ -3499,13 +3501,14 @@ class RenderText extends SvelteComponent {
 /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$b(target) {
-	append_styles(target, "svelte-ww7ebs", ".text-element.svelte-ww7ebs{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-element-inner.svelte-ww7ebs{width: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$c(ctx) {
 	let div1;
 	let div0;
 	let rendertext;
+	let div1_class_value;
 	let current;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
 
@@ -3514,9 +3517,9 @@ function create_fragment$c(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
-			attr(div0, "class", "text-element-inner svelte-ww7ebs");
-			attr(div1, "class", "text-element svelte-ww7ebs");
-			attr(div1, "style", /*style*/ ctx[1]);
+			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) {
 			insert(target, div1, anchor);
@@ -3529,8 +3532,12 @@ function create_fragment$c(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*style*/ 2) {
-				attr(div1, "style", /*style*/ ctx[1]);
+			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);
+			}
+
+			if (!current || dirty & /*style*/ 4) {
+				attr(div1, "style", /*style*/ ctx[2]);
 			}
 		},
 		i(local) {
@@ -3553,27 +3560,43 @@ function instance$c($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { _textStyle = 'font-size:12px;' } = $$props;
+	let { textDirection = 'horizontal' } = $$props;
 	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
-		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
+		if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
+		if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
+		if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
-			$$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
+		if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
+			$$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
 		}
 	};
 
-	return [text, style, _textStyle, _style];
+	return [text, textDirection, style, _textStyle, _style];
 }
 
 class TextElement extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$c, create_fragment$c, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$b);
+
+		init(
+			this,
+			options,
+			instance$c,
+			create_fragment$c,
+			safe_not_equal,
+			{
+				text: 0,
+				_textStyle: 3,
+				textDirection: 1,
+				_style: 4
+			},
+			add_css$b
+		);
 	}
 }
 
@@ -4764,13 +4787,14 @@ class FormRadioButtons extends SvelteComponent {
 /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
 
 function add_css$2(target) {
-	append_styles(target, "svelte-j2xyh8", ".text-block.svelte-j2xyh8{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-j2xyh8{width: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) {
 	let div1;
 	let div0;
 	let rendertext;
+	let div1_class_value;
 	let current;
 	rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
 
@@ -4779,9 +4803,9 @@ function create_fragment$2(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			create_component(rendertext.$$.fragment);
-			attr(div0, "class", "text-block-inner svelte-j2xyh8");
-			attr(div1, "class", "text-block svelte-j2xyh8");
-			attr(div1, "style", /*style*/ ctx[1]);
+			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) {
 			insert(target, div1, anchor);
@@ -4794,8 +4818,12 @@ function create_fragment$2(ctx) {
 			if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
 			rendertext.$set(rendertext_changes);
 
-			if (!current || dirty & /*style*/ 2) {
-				attr(div1, "style", /*style*/ ctx[1]);
+			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);
+			}
+
+			if (!current || dirty & /*style*/ 4) {
+				attr(div1, "style", /*style*/ ctx[2]);
 			}
 		},
 		i(local) {
@@ -4818,27 +4846,43 @@ function instance$2($$self, $$props, $$invalidate) {
 	let style;
 	let { text = 'サンプルSample' } = $$props;
 	let { _textStyle = 'font-size:12px;' } = $$props;
+	let { textDirection = 'horizontal' } = $$props;
 	let { _style = '' } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('text' in $$props) $$invalidate(0, text = $$props.text);
-		if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
-		if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
+		if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
+		if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
+		if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
-			$$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
+		if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
+			$$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
 		}
 	};
 
-	return [text, style, _textStyle, _style];
+	return [text, textDirection, style, _textStyle, _style];
 }
 
 class TextBlock extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$2, create_fragment$2, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$2);
+
+		init(
+			this,
+			options,
+			instance$2,
+			create_fragment$2,
+			safe_not_equal,
+			{
+				text: 0,
+				_textStyle: 3,
+				textDirection: 1,
+				_style: 4
+			},
+			add_css$2
+		);
 	}
 }
 
@@ -5081,4 +5125,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, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, 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, 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, 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/package.json

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