@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.
- package/dist/hydrate/index.es.d.ts +21 -1
- package/dist/hydrate/index.es.js +78 -34
- package/dist/index.es.d.ts +21 -1
- package/dist/index.es.js +78 -34
- package/package.json +1 -1
@@ -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/hydrate/index.es.js
CHANGED
@@ -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,
|
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
|
-
// (
|
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
|
-
// (
|
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-
|
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-
|
3584
|
-
attr(div1, "class", "text-element svelte-
|
3585
|
-
attr(div1, "style", /*style*/ ctx[
|
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 & /*
|
3599
|
-
attr(div1, "
|
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(
|
3627
|
-
if ('
|
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*/
|
3632
|
-
$$invalidate(
|
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
|
-
|
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-
|
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-
|
4988
|
-
attr(div1, "class", "text-block svelte-
|
4989
|
-
attr(div1, "style", /*style*/ ctx[
|
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 & /*
|
5003
|
-
attr(div1, "
|
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(
|
5031
|
-
if ('
|
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*/
|
5036
|
-
$$invalidate(
|
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
|
-
|
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 };
|
package/dist/index.es.d.ts
CHANGED
@@ -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,
|
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
|
-
// (
|
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
|
-
// (
|
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-
|
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-
|
3518
|
-
attr(div1, "class", "text-element svelte-
|
3519
|
-
attr(div1, "style", /*style*/ ctx[
|
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 & /*
|
3533
|
-
attr(div1, "
|
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(
|
3561
|
-
if ('
|
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*/
|
3566
|
-
$$invalidate(
|
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
|
-
|
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-
|
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-
|
4783
|
-
attr(div1, "class", "text-block svelte-
|
4784
|
-
attr(div1, "style", /*style*/ ctx[
|
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 & /*
|
4798
|
-
attr(div1, "
|
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(
|
4826
|
-
if ('
|
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*/
|
4831
|
-
$$invalidate(
|
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
|
-
|
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 };
|