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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -79,6 +79,11 @@ declare const ElasticityStyle: {
79
79
  vertical: string;
80
80
  horizontal: string;
81
81
  };
82
+ declare const TextDirections: readonly [
83
+ "horizontal",
84
+ "vertical"
85
+ ];
86
+ type TextDirection = (typeof TextDirections)[number];
82
87
  type OperationArgumentTypes = {
83
88
  StringKeyword: string;
84
89
  BooleanKeyword: boolean;
@@ -215,6 +220,11 @@ type BorderStyle = string;
215
220
  type BorderWidth = `${number}px`;
216
221
  type Style = string;
217
222
  type StateName = string;
223
+ declare const WritingModes: readonly [
224
+ "horizontal-tb",
225
+ "vertical-lr"
226
+ ];
227
+ type WritingMode = (typeof WritingModes)[number];
218
228
  type ListSeparatorType = "none" | "border" | "gap";
219
229
  interface BaseListSeparator {
220
230
  type: ListSeparatorType;
@@ -1005,6 +1015,11 @@ declare namespace widget {
1005
1015
  vertical: string;
1006
1016
  horizontal: string;
1007
1017
  };
1018
+ const TextDirections: readonly [
1019
+ "horizontal",
1020
+ "vertical"
1021
+ ];
1022
+ type TextDirection = (typeof TextDirections)[number];
1008
1023
  type OperationArgumentTypes = {
1009
1024
  StringKeyword: string;
1010
1025
  BooleanKeyword: boolean;
@@ -1141,6 +1156,11 @@ declare namespace widget {
1141
1156
  type BorderWidth = `${number}px`;
1142
1157
  type Style = string;
1143
1158
  type StateName = string;
1159
+ const WritingModes: readonly [
1160
+ "horizontal-tb",
1161
+ "vertical-lr"
1162
+ ];
1163
+ type WritingMode = (typeof WritingModes)[number];
1144
1164
  type ListSeparatorType = "none" | "border" | "gap";
1145
1165
  interface BaseListSeparator {
1146
1166
  type: ListSeparatorType;
@@ -1835,7 +1855,7 @@ declare namespace widget {
1835
1855
  */
1836
1856
  export { showAction as show, closeAction as hide };
1837
1857
  }
1838
- 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 };
1858
+ 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 };
1839
1859
  export { default as State } from './components/State.svelte';
1840
1860
  export { default as StateItem } from './components/StateItem.svelte';
1841
1861
  export { default as Modal } from './components/Modal.svelte';
@@ -1,6 +1,6 @@
1
1
  import { writable, get } from 'svelte/store';
2
2
  import 'svelte/easing';
3
- 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';
3
+ 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';
4
4
  import { createEventDispatcher, onMount, onDestroy as onDestroy$1, setContext, getContext } from 'svelte';
5
5
 
6
6
  /**
@@ -687,6 +687,7 @@ const ElasticityStyle = {
687
687
  vertical: 'width: 100%',
688
688
  horizontal: 'height: 100%',
689
689
  };
690
+ const TextDirections = ['horizontal', 'vertical'];
690
691
  const OnClickOperationOptions = [
691
692
  {
692
693
  operation: 'none',
@@ -741,6 +742,7 @@ const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
741
742
  const BackgroundSizes = ['cover', 'contain', 'auto'];
742
743
  const Cursors = ['default', 'pointer'];
743
744
  const Overflows = ['visible', 'auto', 'hidden'];
745
+ const WritingModes = ['horizontal-tb', 'vertical-lr'];
744
746
  const DefaultListSeparatorNone = {
745
747
  type: 'none',
746
748
  };
@@ -1974,7 +1976,7 @@ function add_css$f(target) {
1974
1976
  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}");
1975
1977
  }
1976
1978
 
1977
- // (136:0) {#if visible}
1979
+ // (142:0) {#if visible}
1978
1980
  function create_if_block$1(ctx) {
1979
1981
  let div1;
1980
1982
  let t;
@@ -2115,7 +2117,7 @@ function create_if_block$1(ctx) {
2115
2117
  };
2116
2118
  }
2117
2119
 
2118
- // (153:4) {#if closable}
2120
+ // (159:4) {#if closable}
2119
2121
  function create_if_block_1(ctx) {
2120
2122
  let button;
2121
2123
  let svg;
@@ -2322,12 +2324,12 @@ function instance$j($$self, $$props, $$invalidate) {
2322
2324
  let { clickEventValue = null } = $$props;
2323
2325
  let { placement = DefaultModalPlacement } = $$props;
2324
2326
  let { animation = 'none' } = $$props;
2325
- let { elasticity = 'none' } = $$props;
2326
2327
  let { _style = '' } = $$props;
2328
+ let { elasticity = 'none' } = $$props;
2327
2329
  let { onClose = { operation: 'closeApp', args: [] } } = $$props;
2328
- let { closeButtonColor = '#000000' } = $$props;
2329
2330
  let { closeEventName = '' } = $$props;
2330
2331
  let { closeEventValue = null } = $$props;
2332
+ let { closeButtonColor = '#000000' } = $$props;
2331
2333
  let { _closeStyle = '' } = $$props;
2332
2334
  let modal;
2333
2335
 
@@ -2350,12 +2352,12 @@ function instance$j($$self, $$props, $$invalidate) {
2350
2352
  if ('clickEventValue' in $$props) $$invalidate(19, clickEventValue = $$props.clickEventValue);
2351
2353
  if ('placement' in $$props) $$invalidate(20, placement = $$props.placement);
2352
2354
  if ('animation' in $$props) $$invalidate(0, animation = $$props.animation);
2353
- if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
2354
2355
  if ('_style' in $$props) $$invalidate(1, _style = $$props._style);
2356
+ if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
2355
2357
  if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
2356
- if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
2357
2358
  if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
2358
2359
  if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
2360
+ if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
2359
2361
  if ('_closeStyle' in $$props) $$invalidate(3, _closeStyle = $$props._closeStyle);
2360
2362
  if ('$$scope' in $$props) $$invalidate(28, $$scope = $$props.$$scope);
2361
2363
  };
@@ -2499,12 +2501,12 @@ class Modal extends SvelteComponent {
2499
2501
  clickEventValue: 19,
2500
2502
  placement: 20,
2501
2503
  animation: 0,
2502
- elasticity: 21,
2503
2504
  _style: 1,
2505
+ elasticity: 21,
2504
2506
  onClose: 22,
2505
- closeButtonColor: 2,
2506
2507
  closeEventName: 23,
2507
2508
  closeEventValue: 24,
2509
+ closeButtonColor: 2,
2508
2510
  _closeStyle: 3
2509
2511
  },
2510
2512
  add_css$f
@@ -3552,13 +3554,14 @@ class RenderText extends SvelteComponent {
3552
3554
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
3553
3555
 
3554
3556
  function add_css$b(target) {
3555
- 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%}");
3557
+ 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%}");
3556
3558
  }
3557
3559
 
3558
3560
  function create_fragment$c(ctx) {
3559
3561
  let div1;
3560
3562
  let div0;
3561
3563
  let rendertext;
3564
+ let div1_class_value;
3562
3565
  let current;
3563
3566
  rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
3564
3567
 
@@ -3580,9 +3583,9 @@ function create_fragment$c(ctx) {
3580
3583
  this.h();
3581
3584
  },
3582
3585
  h() {
3583
- attr(div0, "class", "text-element-inner svelte-ww7ebs");
3584
- attr(div1, "class", "text-element svelte-ww7ebs");
3585
- attr(div1, "style", /*style*/ ctx[1]);
3586
+ attr(div0, "class", "text-element-inner svelte-9en2jg");
3587
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"));
3588
+ attr(div1, "style", /*style*/ ctx[2]);
3586
3589
  },
3587
3590
  m(target, anchor) {
3588
3591
  insert_hydration(target, div1, anchor);
@@ -3595,8 +3598,12 @@ function create_fragment$c(ctx) {
3595
3598
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
3596
3599
  rendertext.$set(rendertext_changes);
3597
3600
 
3598
- if (!current || dirty & /*style*/ 2) {
3599
- attr(div1, "style", /*style*/ ctx[1]);
3601
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"))) {
3602
+ attr(div1, "class", div1_class_value);
3603
+ }
3604
+
3605
+ if (!current || dirty & /*style*/ 4) {
3606
+ attr(div1, "style", /*style*/ ctx[2]);
3600
3607
  }
3601
3608
  },
3602
3609
  i(local) {
@@ -3619,27 +3626,43 @@ function instance$c($$self, $$props, $$invalidate) {
3619
3626
  let style;
3620
3627
  let { text = 'サンプルSample' } = $$props;
3621
3628
  let { _textStyle = 'font-size:12px;' } = $$props;
3629
+ let { textDirection = 'horizontal' } = $$props;
3622
3630
  let { _style = '' } = $$props;
3623
3631
 
3624
3632
  $$self.$$set = $$props => {
3625
3633
  if ('text' in $$props) $$invalidate(0, text = $$props.text);
3626
- if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
3627
- if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
3634
+ if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
3635
+ if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
3636
+ if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
3628
3637
  };
3629
3638
 
3630
3639
  $$self.$$.update = () => {
3631
- if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
3632
- $$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
3640
+ if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
3641
+ $$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
3633
3642
  }
3634
3643
  };
3635
3644
 
3636
- return [text, style, _textStyle, _style];
3645
+ return [text, textDirection, style, _textStyle, _style];
3637
3646
  }
3638
3647
 
3639
3648
  class TextElement extends SvelteComponent {
3640
3649
  constructor(options) {
3641
3650
  super();
3642
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$b);
3651
+
3652
+ init(
3653
+ this,
3654
+ options,
3655
+ instance$c,
3656
+ create_fragment$c,
3657
+ safe_not_equal,
3658
+ {
3659
+ text: 0,
3660
+ _textStyle: 3,
3661
+ textDirection: 1,
3662
+ _style: 4
3663
+ },
3664
+ add_css$b
3665
+ );
3643
3666
  }
3644
3667
  }
3645
3668
 
@@ -4956,13 +4979,14 @@ class FormRadioButtons extends SvelteComponent {
4956
4979
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
4957
4980
 
4958
4981
  function add_css$2(target) {
4959
- 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%}");
4982
+ 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%}");
4960
4983
  }
4961
4984
 
4962
4985
  function create_fragment$2(ctx) {
4963
4986
  let div1;
4964
4987
  let div0;
4965
4988
  let rendertext;
4989
+ let div1_class_value;
4966
4990
  let current;
4967
4991
  rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
4968
4992
 
@@ -4984,9 +5008,9 @@ function create_fragment$2(ctx) {
4984
5008
  this.h();
4985
5009
  },
4986
5010
  h() {
4987
- attr(div0, "class", "text-block-inner svelte-j2xyh8");
4988
- attr(div1, "class", "text-block svelte-j2xyh8");
4989
- attr(div1, "style", /*style*/ ctx[1]);
5011
+ attr(div0, "class", "text-block-inner svelte-11rpuv5");
5012
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
5013
+ attr(div1, "style", /*style*/ ctx[2]);
4990
5014
  },
4991
5015
  m(target, anchor) {
4992
5016
  insert_hydration(target, div1, anchor);
@@ -4999,8 +5023,12 @@ function create_fragment$2(ctx) {
4999
5023
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
5000
5024
  rendertext.$set(rendertext_changes);
5001
5025
 
5002
- if (!current || dirty & /*style*/ 2) {
5003
- attr(div1, "style", /*style*/ ctx[1]);
5026
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
5027
+ attr(div1, "class", div1_class_value);
5028
+ }
5029
+
5030
+ if (!current || dirty & /*style*/ 4) {
5031
+ attr(div1, "style", /*style*/ ctx[2]);
5004
5032
  }
5005
5033
  },
5006
5034
  i(local) {
@@ -5023,27 +5051,43 @@ function instance$2($$self, $$props, $$invalidate) {
5023
5051
  let style;
5024
5052
  let { text = 'サンプルSample' } = $$props;
5025
5053
  let { _textStyle = 'font-size:12px;' } = $$props;
5054
+ let { textDirection = 'horizontal' } = $$props;
5026
5055
  let { _style = '' } = $$props;
5027
5056
 
5028
5057
  $$self.$$set = $$props => {
5029
5058
  if ('text' in $$props) $$invalidate(0, text = $$props.text);
5030
- if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
5031
- if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
5059
+ if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
5060
+ if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
5061
+ if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
5032
5062
  };
5033
5063
 
5034
5064
  $$self.$$.update = () => {
5035
- if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
5036
- $$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
5065
+ if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
5066
+ $$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
5037
5067
  }
5038
5068
  };
5039
5069
 
5040
- return [text, style, _textStyle, _style];
5070
+ return [text, textDirection, style, _textStyle, _style];
5041
5071
  }
5042
5072
 
5043
5073
  class TextBlock extends SvelteComponent {
5044
5074
  constructor(options) {
5045
5075
  super();
5046
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$2);
5076
+
5077
+ init(
5078
+ this,
5079
+ options,
5080
+ instance$2,
5081
+ create_fragment$2,
5082
+ safe_not_equal,
5083
+ {
5084
+ text: 0,
5085
+ _textStyle: 3,
5086
+ textDirection: 1,
5087
+ _style: 4
5088
+ },
5089
+ add_css$2
5090
+ );
5047
5091
  }
5048
5092
  }
5049
5093
 
@@ -5319,4 +5363,4 @@ class ImageBlock extends SvelteComponent {
5319
5363
  }
5320
5364
  }
5321
5365
 
5322
- 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 };
5366
+ 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 };
@@ -79,6 +79,11 @@ declare const ElasticityStyle: {
79
79
  vertical: string;
80
80
  horizontal: string;
81
81
  };
82
+ declare const TextDirections: readonly [
83
+ "horizontal",
84
+ "vertical"
85
+ ];
86
+ type TextDirection = (typeof TextDirections)[number];
82
87
  type OperationArgumentTypes = {
83
88
  StringKeyword: string;
84
89
  BooleanKeyword: boolean;
@@ -215,6 +220,11 @@ type BorderStyle = string;
215
220
  type BorderWidth = `${number}px`;
216
221
  type Style = string;
217
222
  type StateName = string;
223
+ declare const WritingModes: readonly [
224
+ "horizontal-tb",
225
+ "vertical-lr"
226
+ ];
227
+ type WritingMode = (typeof WritingModes)[number];
218
228
  type ListSeparatorType = "none" | "border" | "gap";
219
229
  interface BaseListSeparator {
220
230
  type: ListSeparatorType;
@@ -1005,6 +1015,11 @@ declare namespace widget {
1005
1015
  vertical: string;
1006
1016
  horizontal: string;
1007
1017
  };
1018
+ const TextDirections: readonly [
1019
+ "horizontal",
1020
+ "vertical"
1021
+ ];
1022
+ type TextDirection = (typeof TextDirections)[number];
1008
1023
  type OperationArgumentTypes = {
1009
1024
  StringKeyword: string;
1010
1025
  BooleanKeyword: boolean;
@@ -1141,6 +1156,11 @@ declare namespace widget {
1141
1156
  type BorderWidth = `${number}px`;
1142
1157
  type Style = string;
1143
1158
  type StateName = string;
1159
+ const WritingModes: readonly [
1160
+ "horizontal-tb",
1161
+ "vertical-lr"
1162
+ ];
1163
+ type WritingMode = (typeof WritingModes)[number];
1144
1164
  type ListSeparatorType = "none" | "border" | "gap";
1145
1165
  interface BaseListSeparator {
1146
1166
  type: ListSeparatorType;
@@ -1835,7 +1855,7 @@ declare namespace widget {
1835
1855
  */
1836
1856
  export { showAction as show, closeAction as hide };
1837
1857
  }
1838
- 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 };
1858
+ 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 };
1839
1859
  export { default as State } from './components/State.svelte';
1840
1860
  export { default as StateItem } from './components/StateItem.svelte';
1841
1861
  export { default as Modal } from './components/Modal.svelte';
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { writable, get } from 'svelte/store';
2
2
  import { linear, elasticOut, cubicOut } from 'svelte/easing';
3
- 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';
3
+ 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';
4
4
  import { createEventDispatcher, onMount, onDestroy as onDestroy$1, setContext, getContext } from 'svelte';
5
5
 
6
6
  /**
@@ -739,6 +739,7 @@ const ElasticityStyle = {
739
739
  vertical: 'width: 100%',
740
740
  horizontal: 'height: 100%',
741
741
  };
742
+ const TextDirections = ['horizontal', 'vertical'];
742
743
  const OnClickOperationOptions = [
743
744
  {
744
745
  operation: 'none',
@@ -793,6 +794,7 @@ const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
793
794
  const BackgroundSizes = ['cover', 'contain', 'auto'];
794
795
  const Cursors = ['default', 'pointer'];
795
796
  const Overflows = ['visible', 'auto', 'hidden'];
797
+ const WritingModes = ['horizontal-tb', 'vertical-lr'];
796
798
  const DefaultListSeparatorNone = {
797
799
  type: 'none',
798
800
  };
@@ -2056,7 +2058,7 @@ function add_css$f(target) {
2056
2058
  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}");
2057
2059
  }
2058
2060
 
2059
- // (136:0) {#if visible}
2061
+ // (142:0) {#if visible}
2060
2062
  function create_if_block$1(ctx) {
2061
2063
  let div1;
2062
2064
  let t;
@@ -2176,7 +2178,7 @@ function create_if_block$1(ctx) {
2176
2178
  };
2177
2179
  }
2178
2180
 
2179
- // (153:4) {#if closable}
2181
+ // (159:4) {#if closable}
2180
2182
  function create_if_block_1(ctx) {
2181
2183
  let button;
2182
2184
  let svg;
@@ -2349,12 +2351,12 @@ function instance$j($$self, $$props, $$invalidate) {
2349
2351
  let { clickEventValue = null } = $$props;
2350
2352
  let { placement = DefaultModalPlacement } = $$props;
2351
2353
  let { animation = 'none' } = $$props;
2352
- let { elasticity = 'none' } = $$props;
2353
2354
  let { _style = '' } = $$props;
2355
+ let { elasticity = 'none' } = $$props;
2354
2356
  let { onClose = { operation: 'closeApp', args: [] } } = $$props;
2355
- let { closeButtonColor = '#000000' } = $$props;
2356
2357
  let { closeEventName = '' } = $$props;
2357
2358
  let { closeEventValue = null } = $$props;
2359
+ let { closeButtonColor = '#000000' } = $$props;
2358
2360
  let { _closeStyle = '' } = $$props;
2359
2361
  let modal;
2360
2362
 
@@ -2377,12 +2379,12 @@ function instance$j($$self, $$props, $$invalidate) {
2377
2379
  if ('clickEventValue' in $$props) $$invalidate(19, clickEventValue = $$props.clickEventValue);
2378
2380
  if ('placement' in $$props) $$invalidate(20, placement = $$props.placement);
2379
2381
  if ('animation' in $$props) $$invalidate(0, animation = $$props.animation);
2380
- if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
2381
2382
  if ('_style' in $$props) $$invalidate(1, _style = $$props._style);
2383
+ if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
2382
2384
  if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
2383
- if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
2384
2385
  if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
2385
2386
  if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
2387
+ if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
2386
2388
  if ('_closeStyle' in $$props) $$invalidate(3, _closeStyle = $$props._closeStyle);
2387
2389
  if ('$$scope' in $$props) $$invalidate(28, $$scope = $$props.$$scope);
2388
2390
  };
@@ -2523,12 +2525,12 @@ class Modal extends SvelteComponent {
2523
2525
  clickEventValue: 19,
2524
2526
  placement: 20,
2525
2527
  animation: 0,
2526
- elasticity: 21,
2527
2528
  _style: 1,
2529
+ elasticity: 21,
2528
2530
  onClose: 22,
2529
- closeButtonColor: 2,
2530
2531
  closeEventName: 23,
2531
2532
  closeEventValue: 24,
2533
+ closeButtonColor: 2,
2532
2534
  _closeStyle: 3
2533
2535
  },
2534
2536
  add_css$f
@@ -3499,13 +3501,14 @@ class RenderText extends SvelteComponent {
3499
3501
  /* src/components/TextElement.svelte generated by Svelte v3.53.1 */
3500
3502
 
3501
3503
  function add_css$b(target) {
3502
- 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%}");
3504
+ 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%}");
3503
3505
  }
3504
3506
 
3505
3507
  function create_fragment$c(ctx) {
3506
3508
  let div1;
3507
3509
  let div0;
3508
3510
  let rendertext;
3511
+ let div1_class_value;
3509
3512
  let current;
3510
3513
  rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
3511
3514
 
@@ -3514,9 +3517,9 @@ function create_fragment$c(ctx) {
3514
3517
  div1 = element("div");
3515
3518
  div0 = element("div");
3516
3519
  create_component(rendertext.$$.fragment);
3517
- attr(div0, "class", "text-element-inner svelte-ww7ebs");
3518
- attr(div1, "class", "text-element svelte-ww7ebs");
3519
- attr(div1, "style", /*style*/ ctx[1]);
3520
+ attr(div0, "class", "text-element-inner svelte-9en2jg");
3521
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"));
3522
+ attr(div1, "style", /*style*/ ctx[2]);
3520
3523
  },
3521
3524
  m(target, anchor) {
3522
3525
  insert(target, div1, anchor);
@@ -3529,8 +3532,12 @@ function create_fragment$c(ctx) {
3529
3532
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
3530
3533
  rendertext.$set(rendertext_changes);
3531
3534
 
3532
- if (!current || dirty & /*style*/ 2) {
3533
- attr(div1, "style", /*style*/ ctx[1]);
3535
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9en2jg"))) {
3536
+ attr(div1, "class", div1_class_value);
3537
+ }
3538
+
3539
+ if (!current || dirty & /*style*/ 4) {
3540
+ attr(div1, "style", /*style*/ ctx[2]);
3534
3541
  }
3535
3542
  },
3536
3543
  i(local) {
@@ -3553,27 +3560,43 @@ function instance$c($$self, $$props, $$invalidate) {
3553
3560
  let style;
3554
3561
  let { text = 'サンプルSample' } = $$props;
3555
3562
  let { _textStyle = 'font-size:12px;' } = $$props;
3563
+ let { textDirection = 'horizontal' } = $$props;
3556
3564
  let { _style = '' } = $$props;
3557
3565
 
3558
3566
  $$self.$$set = $$props => {
3559
3567
  if ('text' in $$props) $$invalidate(0, text = $$props.text);
3560
- if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
3561
- if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
3568
+ if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
3569
+ if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
3570
+ if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
3562
3571
  };
3563
3572
 
3564
3573
  $$self.$$.update = () => {
3565
- if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
3566
- $$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
3574
+ if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
3575
+ $$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
3567
3576
  }
3568
3577
  };
3569
3578
 
3570
- return [text, style, _textStyle, _style];
3579
+ return [text, textDirection, style, _textStyle, _style];
3571
3580
  }
3572
3581
 
3573
3582
  class TextElement extends SvelteComponent {
3574
3583
  constructor(options) {
3575
3584
  super();
3576
- init(this, options, instance$c, create_fragment$c, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$b);
3585
+
3586
+ init(
3587
+ this,
3588
+ options,
3589
+ instance$c,
3590
+ create_fragment$c,
3591
+ safe_not_equal,
3592
+ {
3593
+ text: 0,
3594
+ _textStyle: 3,
3595
+ textDirection: 1,
3596
+ _style: 4
3597
+ },
3598
+ add_css$b
3599
+ );
3577
3600
  }
3578
3601
  }
3579
3602
 
@@ -4764,13 +4787,14 @@ class FormRadioButtons extends SvelteComponent {
4764
4787
  /* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
4765
4788
 
4766
4789
  function add_css$2(target) {
4767
- 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%}");
4790
+ 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%}");
4768
4791
  }
4769
4792
 
4770
4793
  function create_fragment$2(ctx) {
4771
4794
  let div1;
4772
4795
  let div0;
4773
4796
  let rendertext;
4797
+ let div1_class_value;
4774
4798
  let current;
4775
4799
  rendertext = new RenderText({ props: { text: /*text*/ ctx[0] } });
4776
4800
 
@@ -4779,9 +4803,9 @@ function create_fragment$2(ctx) {
4779
4803
  div1 = element("div");
4780
4804
  div0 = element("div");
4781
4805
  create_component(rendertext.$$.fragment);
4782
- attr(div0, "class", "text-block-inner svelte-j2xyh8");
4783
- attr(div1, "class", "text-block svelte-j2xyh8");
4784
- attr(div1, "style", /*style*/ ctx[1]);
4806
+ attr(div0, "class", "text-block-inner svelte-11rpuv5");
4807
+ attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
4808
+ attr(div1, "style", /*style*/ ctx[2]);
4785
4809
  },
4786
4810
  m(target, anchor) {
4787
4811
  insert(target, div1, anchor);
@@ -4794,8 +4818,12 @@ function create_fragment$2(ctx) {
4794
4818
  if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
4795
4819
  rendertext.$set(rendertext_changes);
4796
4820
 
4797
- if (!current || dirty & /*style*/ 2) {
4798
- attr(div1, "style", /*style*/ ctx[1]);
4821
+ if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
4822
+ attr(div1, "class", div1_class_value);
4823
+ }
4824
+
4825
+ if (!current || dirty & /*style*/ 4) {
4826
+ attr(div1, "style", /*style*/ ctx[2]);
4799
4827
  }
4800
4828
  },
4801
4829
  i(local) {
@@ -4818,27 +4846,43 @@ function instance$2($$self, $$props, $$invalidate) {
4818
4846
  let style;
4819
4847
  let { text = 'サンプルSample' } = $$props;
4820
4848
  let { _textStyle = 'font-size:12px;' } = $$props;
4849
+ let { textDirection = 'horizontal' } = $$props;
4821
4850
  let { _style = '' } = $$props;
4822
4851
 
4823
4852
  $$self.$$set = $$props => {
4824
4853
  if ('text' in $$props) $$invalidate(0, text = $$props.text);
4825
- if ('_textStyle' in $$props) $$invalidate(2, _textStyle = $$props._textStyle);
4826
- if ('_style' in $$props) $$invalidate(3, _style = $$props._style);
4854
+ if ('_textStyle' in $$props) $$invalidate(3, _textStyle = $$props._textStyle);
4855
+ if ('textDirection' in $$props) $$invalidate(1, textDirection = $$props.textDirection);
4856
+ if ('_style' in $$props) $$invalidate(4, _style = $$props._style);
4827
4857
  };
4828
4858
 
4829
4859
  $$self.$$.update = () => {
4830
- if ($$self.$$.dirty & /*_textStyle, _style*/ 12) {
4831
- $$invalidate(1, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
4860
+ if ($$self.$$.dirty & /*_textStyle, _style*/ 24) {
4861
+ $$invalidate(2, style = [..._textStyle.split(';'), ..._style.split(';')].join(';'));
4832
4862
  }
4833
4863
  };
4834
4864
 
4835
- return [text, style, _textStyle, _style];
4865
+ return [text, textDirection, style, _textStyle, _style];
4836
4866
  }
4837
4867
 
4838
4868
  class TextBlock extends SvelteComponent {
4839
4869
  constructor(options) {
4840
4870
  super();
4841
- init(this, options, instance$2, create_fragment$2, safe_not_equal, { text: 0, _textStyle: 2, _style: 3 }, add_css$2);
4871
+
4872
+ init(
4873
+ this,
4874
+ options,
4875
+ instance$2,
4876
+ create_fragment$2,
4877
+ safe_not_equal,
4878
+ {
4879
+ text: 0,
4880
+ _textStyle: 3,
4881
+ textDirection: 1,
4882
+ _style: 4
4883
+ },
4884
+ add_css$2
4885
+ );
4842
4886
  }
4843
4887
  }
4844
4888
 
@@ -5081,4 +5125,4 @@ class ImageBlock extends SvelteComponent {
5081
5125
  }
5082
5126
  }
5083
5127
 
5084
- 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 };
5128
+ 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plaidev/karte-action-sdk",
3
- "version": "1.1.104",
3
+ "version": "1.1.105-27910824.521dd01f",
4
4
  "author": "Plaid Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "module": "./dist/index.es.js",