@plaidev/karte-action-sdk 1.1.232 → 1.1.233
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +274 -8
- package/dist/hydrate/index.es.js +1659 -795
- package/dist/index.es.d.ts +274 -8
- package/dist/index.es.js +1582 -754
- package/dist/templates.cjs.d.ts +1 -2
- package/dist/templates.cjs.js +8 -8
- package/dist/templates.d.ts +1 -2
- package/dist/templates.js +8 -8
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
@@ -1827,7 +1827,14 @@ function createModal(App, options = {
|
|
1827
1827
|
if (!app) {
|
1828
1828
|
return NOOP;
|
1829
1829
|
}
|
1830
|
-
|
1830
|
+
if (trigger !== 'auto') {
|
1831
|
+
options.send('message_close', { trigger, state: getState$1() });
|
1832
|
+
}
|
1833
|
+
options.send('_message_state_changed', {
|
1834
|
+
trigger,
|
1835
|
+
oldState: getState$1(),
|
1836
|
+
newState: '',
|
1837
|
+
});
|
1831
1838
|
setOpened(false);
|
1832
1839
|
setClosed(true); // deprecated
|
1833
1840
|
const { onCloseHandlers } = getInternalHandlers();
|
@@ -1860,7 +1867,14 @@ function createModal(App, options = {
|
|
1860
1867
|
if (!result.success)
|
1861
1868
|
return;
|
1862
1869
|
}
|
1863
|
-
|
1870
|
+
if (trigger !== 'auto') {
|
1871
|
+
options.send('message_open', { state: getState$1() });
|
1872
|
+
}
|
1873
|
+
options.send('_message_state_changed', {
|
1874
|
+
trigger,
|
1875
|
+
oldState: '',
|
1876
|
+
newState: getState$1(),
|
1877
|
+
});
|
1864
1878
|
setOpened(true);
|
1865
1879
|
setClosed(false); // deprecated
|
1866
1880
|
// 非同期処理中にappが初期化されている可能性がある
|
@@ -2904,7 +2918,7 @@ function create_if_block$d(ctx) {
|
|
2904
2918
|
};
|
2905
2919
|
}
|
2906
2920
|
|
2907
|
-
function create_fragment$
|
2921
|
+
function create_fragment$17(ctx) {
|
2908
2922
|
let head;
|
2909
2923
|
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
|
2910
2924
|
|
@@ -2940,7 +2954,7 @@ function create_fragment$15(ctx) {
|
|
2940
2954
|
};
|
2941
2955
|
}
|
2942
2956
|
|
2943
|
-
function instance$
|
2957
|
+
function instance$17($$self, $$props, $$invalidate) {
|
2944
2958
|
let $fonts;
|
2945
2959
|
component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
|
2946
2960
|
let googleFontUrl = '';
|
@@ -2969,13 +2983,13 @@ function instance$15($$self, $$props, $$invalidate) {
|
|
2969
2983
|
class Header extends SvelteComponent {
|
2970
2984
|
constructor(options) {
|
2971
2985
|
super();
|
2972
|
-
init(this, options, instance$
|
2986
|
+
init(this, options, instance$17, create_fragment$17, safe_not_equal, {});
|
2973
2987
|
}
|
2974
2988
|
}
|
2975
2989
|
|
2976
2990
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
2977
2991
|
|
2978
|
-
function create_fragment$
|
2992
|
+
function create_fragment$16(ctx) {
|
2979
2993
|
let header;
|
2980
2994
|
let t;
|
2981
2995
|
let current;
|
@@ -3034,7 +3048,7 @@ function create_fragment$14(ctx) {
|
|
3034
3048
|
};
|
3035
3049
|
}
|
3036
3050
|
|
3037
|
-
function instance$
|
3051
|
+
function instance$16($$self, $$props, $$invalidate) {
|
3038
3052
|
let { $$slots: slots = {}, $$scope } = $$props;
|
3039
3053
|
|
3040
3054
|
$$self.$$set = $$props => {
|
@@ -3047,13 +3061,13 @@ function instance$14($$self, $$props, $$invalidate) {
|
|
3047
3061
|
class State extends SvelteComponent {
|
3048
3062
|
constructor(options) {
|
3049
3063
|
super();
|
3050
|
-
init(this, options, instance$
|
3064
|
+
init(this, options, instance$16, create_fragment$16, safe_not_equal, {});
|
3051
3065
|
}
|
3052
3066
|
}
|
3053
3067
|
|
3054
3068
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3055
3069
|
|
3056
|
-
function add_css$
|
3070
|
+
function add_css$E(target) {
|
3057
3071
|
append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
|
3058
3072
|
}
|
3059
3073
|
|
@@ -3120,7 +3134,7 @@ function create_if_block$c(ctx) {
|
|
3120
3134
|
};
|
3121
3135
|
}
|
3122
3136
|
|
3123
|
-
function create_fragment$
|
3137
|
+
function create_fragment$15(ctx) {
|
3124
3138
|
let if_block_anchor;
|
3125
3139
|
let current;
|
3126
3140
|
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
|
@@ -3181,7 +3195,7 @@ function getStateItemContext() {
|
|
3181
3195
|
return getContext(STATE_ITEM_CONTEXT_KEY);
|
3182
3196
|
}
|
3183
3197
|
|
3184
|
-
function instance$
|
3198
|
+
function instance$15($$self, $$props, $$invalidate) {
|
3185
3199
|
let $state;
|
3186
3200
|
component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
|
3187
3201
|
let { $$slots: slots = {}, $$scope } = $$props;
|
@@ -3207,7 +3221,7 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
3207
3221
|
class StateItem extends SvelteComponent {
|
3208
3222
|
constructor(options) {
|
3209
3223
|
super();
|
3210
|
-
init(this, options, instance$
|
3224
|
+
init(this, options, instance$15, create_fragment$15, safe_not_equal, { path: 0 }, add_css$E);
|
3211
3225
|
}
|
3212
3226
|
}
|
3213
3227
|
|
@@ -3392,7 +3406,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3392
3406
|
|
3393
3407
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3394
3408
|
|
3395
|
-
function add_css$
|
3409
|
+
function add_css$D(target) {
|
3396
3410
|
append_styles(target, "svelte-g6ucc2", ".background.svelte-g6ucc2{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
3397
3411
|
}
|
3398
3412
|
|
@@ -3429,7 +3443,7 @@ function create_if_block$b(ctx) {
|
|
3429
3443
|
};
|
3430
3444
|
}
|
3431
3445
|
|
3432
|
-
function create_fragment$
|
3446
|
+
function create_fragment$14(ctx) {
|
3433
3447
|
let if_block_anchor;
|
3434
3448
|
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
|
3435
3449
|
|
@@ -3465,7 +3479,7 @@ function create_fragment$12(ctx) {
|
|
3465
3479
|
};
|
3466
3480
|
}
|
3467
3481
|
|
3468
|
-
function instance$
|
3482
|
+
function instance$14($$self, $$props, $$invalidate) {
|
3469
3483
|
let { backgroundOverlay = false } = $$props;
|
3470
3484
|
let { class: className = undefined } = $$props;
|
3471
3485
|
const dispatch = createEventDispatcher();
|
@@ -3479,12 +3493,12 @@ function instance$12($$self, $$props, $$invalidate) {
|
|
3479
3493
|
return [backgroundOverlay, className, dispatch, click_handler];
|
3480
3494
|
}
|
3481
3495
|
|
3482
|
-
class BackgroundOverlay extends SvelteComponent {
|
3496
|
+
let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
|
3483
3497
|
constructor(options) {
|
3484
3498
|
super();
|
3485
|
-
init(this, options, instance$
|
3499
|
+
init(this, options, instance$14, create_fragment$14, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$D);
|
3486
3500
|
}
|
3487
|
-
}
|
3501
|
+
};
|
3488
3502
|
|
3489
3503
|
/**
|
3490
3504
|
* data属性とカスタムのイベントハンドラによるstopPropagation。
|
@@ -3522,12 +3536,12 @@ function checkStopPropagation(eventName, handler) {
|
|
3522
3536
|
|
3523
3537
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3524
3538
|
|
3525
|
-
function add_css$
|
3539
|
+
function add_css$C(target) {
|
3526
3540
|
append_styles(target, "svelte-1kmu8zp", ".button.svelte-1kmu8zp{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1kmu8zp:link,.button.svelte-1kmu8zp:visited,.button.svelte-1kmu8zp:active,.button.svelte-1kmu8zp:hover{color:inherit}");
|
3527
3541
|
}
|
3528
3542
|
|
3529
3543
|
// (50:0) {:else}
|
3530
|
-
function create_else_block$
|
3544
|
+
function create_else_block$5(ctx) {
|
3531
3545
|
let button;
|
3532
3546
|
let current;
|
3533
3547
|
let mounted;
|
@@ -3612,7 +3626,7 @@ function create_else_block$4(ctx) {
|
|
3612
3626
|
}
|
3613
3627
|
|
3614
3628
|
// (46:39)
|
3615
|
-
function create_if_block_2$
|
3629
|
+
function create_if_block_2$2(ctx) {
|
3616
3630
|
let div;
|
3617
3631
|
let current;
|
3618
3632
|
const default_slot_template = /*#slots*/ ctx[9].default;
|
@@ -3671,7 +3685,7 @@ function create_if_block_2$1(ctx) {
|
|
3671
3685
|
}
|
3672
3686
|
|
3673
3687
|
// (35:41)
|
3674
|
-
function create_if_block_1$
|
3688
|
+
function create_if_block_1$3(ctx) {
|
3675
3689
|
let a;
|
3676
3690
|
let a_href_value;
|
3677
3691
|
let a_target_value;
|
@@ -3827,12 +3841,12 @@ function create_if_block$a(ctx) {
|
|
3827
3841
|
};
|
3828
3842
|
}
|
3829
3843
|
|
3830
|
-
function create_fragment$
|
3844
|
+
function create_fragment$13(ctx) {
|
3831
3845
|
let current_block_type_index;
|
3832
3846
|
let if_block;
|
3833
3847
|
let if_block_anchor;
|
3834
3848
|
let current;
|
3835
|
-
const if_block_creators = [create_if_block$a, create_if_block_1$
|
3849
|
+
const if_block_creators = [create_if_block$a, create_if_block_1$3, create_if_block_2$2, create_else_block$5];
|
3836
3850
|
const if_blocks = [];
|
3837
3851
|
|
3838
3852
|
function select_block_type(ctx, dirty) {
|
@@ -3900,7 +3914,7 @@ function create_fragment$11(ctx) {
|
|
3900
3914
|
|
3901
3915
|
const BUTTON_CLASS = 'button';
|
3902
3916
|
|
3903
|
-
function instance$
|
3917
|
+
function instance$13($$self, $$props, $$invalidate) {
|
3904
3918
|
let disabled;
|
3905
3919
|
let $valuesAreValid;
|
3906
3920
|
let { $$slots: slots = {}, $$scope } = $$props;
|
@@ -3966,8 +3980,8 @@ let Button$1 = class Button extends SvelteComponent {
|
|
3966
3980
|
init(
|
3967
3981
|
this,
|
3968
3982
|
options,
|
3969
|
-
instance$
|
3970
|
-
create_fragment$
|
3983
|
+
instance$13,
|
3984
|
+
create_fragment$13,
|
3971
3985
|
safe_not_equal,
|
3972
3986
|
{
|
3973
3987
|
onClick: 0,
|
@@ -3975,23 +3989,23 @@ let Button$1 = class Button extends SvelteComponent {
|
|
3975
3989
|
eventValue: 6,
|
3976
3990
|
style: 1
|
3977
3991
|
},
|
3978
|
-
add_css$
|
3992
|
+
add_css$C
|
3979
3993
|
);
|
3980
3994
|
}
|
3981
3995
|
};
|
3982
3996
|
|
3983
3997
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
3984
3998
|
|
3985
|
-
function add_css$
|
3999
|
+
function add_css$B(target) {
|
3986
4000
|
append_styles(target, "svelte-1i2vo31", ".modal.svelte-1i2vo31{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1i2vo31 > .button{flex:auto;display:flex}.close.svelte-1i2vo31{position:absolute;top:0;right:0}.close.svelte-1i2vo31 > .button{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-1i2vo31 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1i2vo31{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1i2vo31{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
3987
4001
|
}
|
3988
4002
|
|
3989
4003
|
// (277:0) {:else}
|
3990
|
-
function create_else_block$
|
4004
|
+
function create_else_block$4(ctx) {
|
3991
4005
|
let backgroundoverlay;
|
3992
4006
|
let current;
|
3993
4007
|
|
3994
|
-
backgroundoverlay = new BackgroundOverlay({
|
4008
|
+
backgroundoverlay = new BackgroundOverlay$1({
|
3995
4009
|
props: {
|
3996
4010
|
backgroundOverlay: /*backgroundOverlay*/ ctx[12]
|
3997
4011
|
}
|
@@ -4031,13 +4045,13 @@ function create_else_block$3(ctx) {
|
|
4031
4045
|
}
|
4032
4046
|
|
4033
4047
|
// (266:24)
|
4034
|
-
function create_if_block_3(ctx) {
|
4048
|
+
function create_if_block_3$1(ctx) {
|
4035
4049
|
let backgroundoverlay0;
|
4036
4050
|
let t;
|
4037
4051
|
let backgroundoverlay1;
|
4038
4052
|
let current;
|
4039
4053
|
|
4040
|
-
backgroundoverlay0 = new BackgroundOverlay({
|
4054
|
+
backgroundoverlay0 = new BackgroundOverlay$1({
|
4041
4055
|
props: {
|
4042
4056
|
class: "background-bp-pc",
|
4043
4057
|
backgroundOverlay: /*backgroundOverlayPC*/ ctx[13]
|
@@ -4048,7 +4062,7 @@ function create_if_block_3(ctx) {
|
|
4048
4062
|
if (is_function(/*backgroundClickPC*/ ctx[19])) /*backgroundClickPC*/ ctx[19].apply(this, arguments);
|
4049
4063
|
});
|
4050
4064
|
|
4051
|
-
backgroundoverlay1 = new BackgroundOverlay({
|
4065
|
+
backgroundoverlay1 = new BackgroundOverlay$1({
|
4052
4066
|
props: {
|
4053
4067
|
class: "background-bp-sp ",
|
4054
4068
|
backgroundOverlay: /*backgroundOverlaySP*/ ctx[14]
|
@@ -4100,7 +4114,7 @@ function create_if_block_3(ctx) {
|
|
4100
4114
|
}
|
4101
4115
|
|
4102
4116
|
// (264:0) {#if isPreview()}
|
4103
|
-
function create_if_block_2(ctx) {
|
4117
|
+
function create_if_block_2$1(ctx) {
|
4104
4118
|
return {
|
4105
4119
|
c: noop,
|
4106
4120
|
m: noop,
|
@@ -4191,7 +4205,7 @@ function create_if_block$9(ctx) {
|
|
4191
4205
|
}
|
4192
4206
|
|
4193
4207
|
// (293:6) {#if closable}
|
4194
|
-
function create_if_block_1$
|
4208
|
+
function create_if_block_1$2(ctx) {
|
4195
4209
|
let div;
|
4196
4210
|
let button;
|
4197
4211
|
let current;
|
@@ -4290,7 +4304,7 @@ function create_default_slot$6(ctx) {
|
|
4290
4304
|
let t;
|
4291
4305
|
let div;
|
4292
4306
|
let current;
|
4293
|
-
let if_block = /*closable*/ ctx[21] && create_if_block_1$
|
4307
|
+
let if_block = /*closable*/ ctx[21] && create_if_block_1$2(ctx);
|
4294
4308
|
const default_slot_template = /*#slots*/ ctx[31].default;
|
4295
4309
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[33], null);
|
4296
4310
|
|
@@ -4323,7 +4337,7 @@ function create_default_slot$6(ctx) {
|
|
4323
4337
|
transition_in(if_block, 1);
|
4324
4338
|
}
|
4325
4339
|
} else {
|
4326
|
-
if_block = create_if_block_1$
|
4340
|
+
if_block = create_if_block_1$2(ctx);
|
4327
4341
|
if_block.c();
|
4328
4342
|
transition_in(if_block, 1);
|
4329
4343
|
if_block.m(t.parentNode, t);
|
@@ -4377,7 +4391,7 @@ function create_default_slot$6(ctx) {
|
|
4377
4391
|
};
|
4378
4392
|
}
|
4379
4393
|
|
4380
|
-
function create_fragment$
|
4394
|
+
function create_fragment$12(ctx) {
|
4381
4395
|
let show_if;
|
4382
4396
|
let current_block_type_index;
|
4383
4397
|
let if_block0;
|
@@ -4386,7 +4400,7 @@ function create_fragment$10(ctx) {
|
|
4386
4400
|
let current;
|
4387
4401
|
let mounted;
|
4388
4402
|
let dispose;
|
4389
|
-
const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block$
|
4403
|
+
const if_block_creators = [create_if_block_2$1, create_if_block_3$1, create_else_block$4];
|
4390
4404
|
const if_blocks = [];
|
4391
4405
|
|
4392
4406
|
function select_block_type(ctx, dirty) {
|
@@ -4495,7 +4509,7 @@ function create_fragment$10(ctx) {
|
|
4495
4509
|
};
|
4496
4510
|
}
|
4497
4511
|
|
4498
|
-
function instance$
|
4512
|
+
function instance$12($$self, $$props, $$invalidate) {
|
4499
4513
|
let close;
|
4500
4514
|
let closable;
|
4501
4515
|
let backgroundClick;
|
@@ -4799,15 +4813,15 @@ function instance$10($$self, $$props, $$invalidate) {
|
|
4799
4813
|
];
|
4800
4814
|
}
|
4801
4815
|
|
4802
|
-
class Modal extends SvelteComponent {
|
4816
|
+
let Modal$1 = class Modal extends SvelteComponent {
|
4803
4817
|
constructor(options) {
|
4804
4818
|
super();
|
4805
4819
|
|
4806
4820
|
init(
|
4807
4821
|
this,
|
4808
4822
|
options,
|
4809
|
-
instance$
|
4810
|
-
create_fragment$
|
4823
|
+
instance$12,
|
4824
|
+
create_fragment$12,
|
4811
4825
|
safe_not_equal,
|
4812
4826
|
{
|
4813
4827
|
onClick: 0,
|
@@ -4825,15 +4839,15 @@ class Modal extends SvelteComponent {
|
|
4825
4839
|
closeButtonColor: 9,
|
4826
4840
|
_closeStyle: 10
|
4827
4841
|
},
|
4828
|
-
add_css$
|
4842
|
+
add_css$B,
|
4829
4843
|
[-1, -1]
|
4830
4844
|
);
|
4831
4845
|
}
|
4832
|
-
}
|
4846
|
+
};
|
4833
4847
|
|
4834
4848
|
/* src/components/Grid.svelte generated by Svelte v3.53.1 */
|
4835
4849
|
|
4836
|
-
function create_fragment
|
4850
|
+
function create_fragment$11(ctx) {
|
4837
4851
|
let div;
|
4838
4852
|
let current;
|
4839
4853
|
const default_slot_template = /*#slots*/ ctx[8].default;
|
@@ -4891,7 +4905,7 @@ function create_fragment$$(ctx) {
|
|
4891
4905
|
};
|
4892
4906
|
}
|
4893
4907
|
|
4894
|
-
function instance
|
4908
|
+
function instance$11($$self, $$props, $$invalidate) {
|
4895
4909
|
let _style;
|
4896
4910
|
let { $$slots: slots = {}, $$scope } = $$props;
|
4897
4911
|
let { width = '512px' } = $$props;
|
@@ -4936,7 +4950,7 @@ class Grid extends SvelteComponent {
|
|
4936
4950
|
constructor(options) {
|
4937
4951
|
super();
|
4938
4952
|
|
4939
|
-
init(this, options, instance
|
4953
|
+
init(this, options, instance$11, create_fragment$11, safe_not_equal, {
|
4940
4954
|
width: 1,
|
4941
4955
|
height: 2,
|
4942
4956
|
rows: 3,
|
@@ -4949,11 +4963,11 @@ class Grid extends SvelteComponent {
|
|
4949
4963
|
|
4950
4964
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4951
4965
|
|
4952
|
-
function add_css$
|
4966
|
+
function add_css$A(target) {
|
4953
4967
|
append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
|
4954
4968
|
}
|
4955
4969
|
|
4956
|
-
function create_fragment$
|
4970
|
+
function create_fragment$10(ctx) {
|
4957
4971
|
let div1;
|
4958
4972
|
let div0;
|
4959
4973
|
let current;
|
@@ -5027,7 +5041,7 @@ function create_fragment$_(ctx) {
|
|
5027
5041
|
|
5028
5042
|
const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
|
5029
5043
|
|
5030
|
-
function instance$
|
5044
|
+
function instance$10($$self, $$props, $$invalidate) {
|
5031
5045
|
let _style;
|
5032
5046
|
let { $$slots: slots = {}, $$scope } = $$props;
|
5033
5047
|
let { x1 } = $$props;
|
@@ -5076,8 +5090,8 @@ class GridItem extends SvelteComponent {
|
|
5076
5090
|
init(
|
5077
5091
|
this,
|
5078
5092
|
options,
|
5079
|
-
instance$
|
5080
|
-
create_fragment$
|
5093
|
+
instance$10,
|
5094
|
+
create_fragment$10,
|
5081
5095
|
safe_not_equal,
|
5082
5096
|
{
|
5083
5097
|
x1: 2,
|
@@ -5088,7 +5102,7 @@ class GridItem extends SvelteComponent {
|
|
5088
5102
|
background: 7,
|
5089
5103
|
gridItemId: 0
|
5090
5104
|
},
|
5091
|
-
add_css$
|
5105
|
+
add_css$A
|
5092
5106
|
);
|
5093
5107
|
}
|
5094
5108
|
}
|
@@ -5102,7 +5116,7 @@ function get_each_context$6(ctx, list, i) {
|
|
5102
5116
|
}
|
5103
5117
|
|
5104
5118
|
// (13:2) {:else}
|
5105
|
-
function create_else_block$
|
5119
|
+
function create_else_block$3(ctx) {
|
5106
5120
|
let t_value = /*item*/ ctx[2] + "";
|
5107
5121
|
let t;
|
5108
5122
|
|
@@ -5149,7 +5163,7 @@ function create_each_block$6(ctx) {
|
|
5149
5163
|
if (dirty & /*items*/ 1) show_if = null;
|
5150
5164
|
if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
|
5151
5165
|
if (show_if) return create_if_block$8;
|
5152
|
-
return create_else_block$
|
5166
|
+
return create_else_block$3;
|
5153
5167
|
}
|
5154
5168
|
|
5155
5169
|
let current_block_type = select_block_type(ctx, -1);
|
@@ -5184,7 +5198,7 @@ function create_each_block$6(ctx) {
|
|
5184
5198
|
};
|
5185
5199
|
}
|
5186
5200
|
|
5187
|
-
function create_fragment
|
5201
|
+
function create_fragment$$(ctx) {
|
5188
5202
|
let each_1_anchor;
|
5189
5203
|
let each_value = /*items*/ ctx[0];
|
5190
5204
|
let each_blocks = [];
|
@@ -5243,7 +5257,7 @@ function create_fragment$Z(ctx) {
|
|
5243
5257
|
|
5244
5258
|
const regexp = /(\r?\n)/;
|
5245
5259
|
|
5246
|
-
function instance
|
5260
|
+
function instance$$($$self, $$props, $$invalidate) {
|
5247
5261
|
let items;
|
5248
5262
|
let { text = 'サンプルSample' } = $$props;
|
5249
5263
|
|
@@ -5264,18 +5278,18 @@ function instance$Z($$self, $$props, $$invalidate) {
|
|
5264
5278
|
class RenderText extends SvelteComponent {
|
5265
5279
|
constructor(options) {
|
5266
5280
|
super();
|
5267
|
-
init(this, options, instance
|
5281
|
+
init(this, options, instance$$, create_fragment$$, safe_not_equal, { text: 1 });
|
5268
5282
|
}
|
5269
5283
|
}
|
5270
5284
|
|
5271
5285
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5272
5286
|
|
5273
|
-
function add_css$
|
5287
|
+
function add_css$z(target) {
|
5274
5288
|
append_styles(target, "svelte-vz6867", ".text-element-wrapper.svelte-vz6867.svelte-vz6867{position:relative;height:100%}.text-element.svelte-vz6867.svelte-vz6867{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-vz6867.svelte-vz6867{text-decoration:none;color:inherit}.text-element-inner.svelte-vz6867.svelte-vz6867{width:100%;height:auto}.text-direction-vertical.svelte-vz6867.svelte-vz6867{writing-mode:vertical-rl}.text-direction-vertical.svelte-vz6867 .text-element-inner.svelte-vz6867{width:auto;height:100%}.tooltip.svelte-vz6867.svelte-vz6867{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-vz6867.svelte-vz6867:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-vz6867.svelte-vz6867{display:block}.tooltip-error.svelte-vz6867.svelte-vz6867{background-color:#c00}.tooltip-error.svelte-vz6867.svelte-vz6867:before{border-bottom:7px solid #c00}");
|
5275
5289
|
}
|
5276
5290
|
|
5277
5291
|
// (94:2) {:else}
|
5278
|
-
function create_else_block$
|
5292
|
+
function create_else_block$2(ctx) {
|
5279
5293
|
let div1;
|
5280
5294
|
let div0;
|
5281
5295
|
let rendertext;
|
@@ -5414,12 +5428,12 @@ function create_if_block$7(ctx) {
|
|
5414
5428
|
};
|
5415
5429
|
}
|
5416
5430
|
|
5417
|
-
function create_fragment$
|
5431
|
+
function create_fragment$_(ctx) {
|
5418
5432
|
let div;
|
5419
5433
|
let current_block_type_index;
|
5420
5434
|
let if_block;
|
5421
5435
|
let current;
|
5422
|
-
const if_block_creators = [create_if_block$7, create_else_block$
|
5436
|
+
const if_block_creators = [create_if_block$7, create_else_block$2];
|
5423
5437
|
const if_blocks = [];
|
5424
5438
|
|
5425
5439
|
function select_block_type(ctx, dirty) {
|
@@ -5484,7 +5498,7 @@ function create_fragment$Y(ctx) {
|
|
5484
5498
|
};
|
5485
5499
|
}
|
5486
5500
|
|
5487
|
-
function instance$
|
5501
|
+
function instance$_($$self, $$props, $$invalidate) {
|
5488
5502
|
let style;
|
5489
5503
|
let { text = 'テキストのコンテンツ' } = $$props;
|
5490
5504
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -5580,8 +5594,8 @@ class TextElement extends SvelteComponent {
|
|
5580
5594
|
init(
|
5581
5595
|
this,
|
5582
5596
|
options,
|
5583
|
-
instance$
|
5584
|
-
create_fragment$
|
5597
|
+
instance$_,
|
5598
|
+
create_fragment$_,
|
5585
5599
|
safe_not_equal,
|
5586
5600
|
{
|
5587
5601
|
text: 0,
|
@@ -5592,14 +5606,14 @@ class TextElement extends SvelteComponent {
|
|
5592
5606
|
enableCopy: 2,
|
5593
5607
|
eventName: 10
|
5594
5608
|
},
|
5595
|
-
add_css$
|
5609
|
+
add_css$z
|
5596
5610
|
);
|
5597
5611
|
}
|
5598
5612
|
}
|
5599
5613
|
|
5600
5614
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5601
5615
|
|
5602
|
-
function add_css$
|
5616
|
+
function add_css$y(target) {
|
5603
5617
|
append_styles(target, "svelte-ujdxfc", ".text-button-element.svelte-ujdxfc{width:100%;height:100%}.text-button-element.svelte-ujdxfc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-ujdxfc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-ujdxfc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-ujdxfc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
5604
5618
|
}
|
5605
5619
|
|
@@ -5637,7 +5651,7 @@ function create_default_slot$5(ctx) {
|
|
5637
5651
|
};
|
5638
5652
|
}
|
5639
5653
|
|
5640
|
-
function create_fragment$
|
5654
|
+
function create_fragment$Z(ctx) {
|
5641
5655
|
let div;
|
5642
5656
|
let button;
|
5643
5657
|
let current;
|
@@ -5691,7 +5705,7 @@ function create_fragment$X(ctx) {
|
|
5691
5705
|
};
|
5692
5706
|
}
|
5693
5707
|
|
5694
|
-
function instance$
|
5708
|
+
function instance$Z($$self, $$props, $$invalidate) {
|
5695
5709
|
let style;
|
5696
5710
|
let { text = 'ボタンのラベル' } = $$props;
|
5697
5711
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
@@ -5729,8 +5743,8 @@ class TextButtonElement extends SvelteComponent {
|
|
5729
5743
|
init(
|
5730
5744
|
this,
|
5731
5745
|
options,
|
5732
|
-
instance$
|
5733
|
-
create_fragment$
|
5746
|
+
instance$Z,
|
5747
|
+
create_fragment$Z,
|
5734
5748
|
safe_not_equal,
|
5735
5749
|
{
|
5736
5750
|
text: 0,
|
@@ -5740,14 +5754,14 @@ class TextButtonElement extends SvelteComponent {
|
|
5740
5754
|
_buttonStyle: 5,
|
5741
5755
|
_style: 6
|
5742
5756
|
},
|
5743
|
-
add_css$
|
5757
|
+
add_css$y
|
5744
5758
|
);
|
5745
5759
|
}
|
5746
5760
|
}
|
5747
5761
|
|
5748
5762
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5749
5763
|
|
5750
|
-
function add_css$
|
5764
|
+
function add_css$x(target) {
|
5751
5765
|
append_styles(target, "svelte-1alkh1m", ".image-element.svelte-1alkh1m{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1alkh1m > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-1alkh1m > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1alkh1m > .button:not(._disabled):hover,.image-element.transport.svelte-1alkh1m > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-1alkh1m{width:100%;height:100%}");
|
5752
5766
|
}
|
5753
5767
|
|
@@ -5802,7 +5816,7 @@ function create_default_slot$4(ctx) {
|
|
5802
5816
|
};
|
5803
5817
|
}
|
5804
5818
|
|
5805
|
-
function create_fragment$
|
5819
|
+
function create_fragment$Y(ctx) {
|
5806
5820
|
let div;
|
5807
5821
|
let button;
|
5808
5822
|
let div_class_value;
|
@@ -5861,7 +5875,7 @@ function create_fragment$W(ctx) {
|
|
5861
5875
|
};
|
5862
5876
|
}
|
5863
5877
|
|
5864
|
-
function instance$
|
5878
|
+
function instance$Y($$self, $$props, $$invalidate) {
|
5865
5879
|
let { src = '' } = $$props;
|
5866
5880
|
let { alt = '画像の説明' } = $$props;
|
5867
5881
|
let { transport = false } = $$props;
|
@@ -5892,8 +5906,8 @@ class ImageElement extends SvelteComponent {
|
|
5892
5906
|
init(
|
5893
5907
|
this,
|
5894
5908
|
options,
|
5895
|
-
instance$
|
5896
|
-
create_fragment$
|
5909
|
+
instance$Y,
|
5910
|
+
create_fragment$Y,
|
5897
5911
|
safe_not_equal,
|
5898
5912
|
{
|
5899
5913
|
src: 0,
|
@@ -5905,18 +5919,18 @@ class ImageElement extends SvelteComponent {
|
|
5905
5919
|
_imageStyle: 6,
|
5906
5920
|
_style: 7
|
5907
5921
|
},
|
5908
|
-
add_css$
|
5922
|
+
add_css$x
|
5909
5923
|
);
|
5910
5924
|
}
|
5911
5925
|
}
|
5912
5926
|
|
5913
5927
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
5914
5928
|
|
5915
|
-
function add_css$
|
5929
|
+
function add_css$w(target) {
|
5916
5930
|
append_styles(target, "svelte-1t8r9z", ".list.svelte-1t8r9z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
5917
5931
|
}
|
5918
5932
|
|
5919
|
-
function create_fragment$
|
5933
|
+
function create_fragment$X(ctx) {
|
5920
5934
|
let div;
|
5921
5935
|
let current;
|
5922
5936
|
const default_slot_template = /*#slots*/ ctx[6].default;
|
@@ -5976,7 +5990,7 @@ function create_fragment$V(ctx) {
|
|
5976
5990
|
|
5977
5991
|
const LIST_CONTEXT_KEY = Symbol();
|
5978
5992
|
|
5979
|
-
function instance$
|
5993
|
+
function instance$X($$self, $$props, $$invalidate) {
|
5980
5994
|
let style;
|
5981
5995
|
let { $$slots: slots = {}, $$scope } = $$props;
|
5982
5996
|
let { direction = 'vertical' } = $$props;
|
@@ -6043,8 +6057,8 @@ class List extends SvelteComponent {
|
|
6043
6057
|
init(
|
6044
6058
|
this,
|
6045
6059
|
options,
|
6046
|
-
instance$
|
6047
|
-
create_fragment$
|
6060
|
+
instance$X,
|
6061
|
+
create_fragment$X,
|
6048
6062
|
safe_not_equal,
|
6049
6063
|
{
|
6050
6064
|
direction: 1,
|
@@ -6052,14 +6066,14 @@ class List extends SvelteComponent {
|
|
6052
6066
|
background: 3,
|
6053
6067
|
_style: 4
|
6054
6068
|
},
|
6055
|
-
add_css$
|
6069
|
+
add_css$w
|
6056
6070
|
);
|
6057
6071
|
}
|
6058
6072
|
}
|
6059
6073
|
|
6060
6074
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6061
6075
|
|
6062
|
-
function add_css$
|
6076
|
+
function add_css$v(target) {
|
6063
6077
|
append_styles(target, "svelte-1lbw8v2", ".list-item.svelte-1lbw8v2{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-1lbw8v2 > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
6064
6078
|
}
|
6065
6079
|
|
@@ -6111,7 +6125,7 @@ function create_default_slot$3(ctx) {
|
|
6111
6125
|
};
|
6112
6126
|
}
|
6113
6127
|
|
6114
|
-
function create_fragment$
|
6128
|
+
function create_fragment$W(ctx) {
|
6115
6129
|
let div;
|
6116
6130
|
let button;
|
6117
6131
|
let current;
|
@@ -6170,7 +6184,7 @@ function create_fragment$U(ctx) {
|
|
6170
6184
|
};
|
6171
6185
|
}
|
6172
6186
|
|
6173
|
-
function instance$
|
6187
|
+
function instance$W($$self, $$props, $$invalidate) {
|
6174
6188
|
let listItemStyle;
|
6175
6189
|
let { $$slots: slots = {}, $$scope } = $$props;
|
6176
6190
|
const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
|
@@ -6249,17 +6263,17 @@ function instance$U($$self, $$props, $$invalidate) {
|
|
6249
6263
|
class ListItem extends SvelteComponent {
|
6250
6264
|
constructor(options) {
|
6251
6265
|
super();
|
6252
|
-
init(this, options, instance$
|
6266
|
+
init(this, options, instance$W, create_fragment$W, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$v);
|
6253
6267
|
}
|
6254
6268
|
}
|
6255
6269
|
|
6256
6270
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6257
6271
|
|
6258
|
-
function add_css$
|
6272
|
+
function add_css$u(target) {
|
6259
6273
|
append_styles(target, "svelte-w6jkzh", ".embed.svelte-w6jkzh{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-w6jkzh iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
6260
6274
|
}
|
6261
6275
|
|
6262
|
-
function create_fragment$
|
6276
|
+
function create_fragment$V(ctx) {
|
6263
6277
|
let div;
|
6264
6278
|
|
6265
6279
|
return {
|
@@ -6286,7 +6300,7 @@ function create_fragment$T(ctx) {
|
|
6286
6300
|
};
|
6287
6301
|
}
|
6288
6302
|
|
6289
|
-
function instance$
|
6303
|
+
function instance$V($$self, $$props, $$invalidate) {
|
6290
6304
|
let { code } = $$props;
|
6291
6305
|
let { _style = '' } = $$props;
|
6292
6306
|
|
@@ -6301,17 +6315,17 @@ function instance$T($$self, $$props, $$invalidate) {
|
|
6301
6315
|
class EmbedElement extends SvelteComponent {
|
6302
6316
|
constructor(options) {
|
6303
6317
|
super();
|
6304
|
-
init(this, options, instance$
|
6318
|
+
init(this, options, instance$V, create_fragment$V, safe_not_equal, { code: 0, _style: 1 }, add_css$u);
|
6305
6319
|
}
|
6306
6320
|
}
|
6307
6321
|
|
6308
6322
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6309
6323
|
|
6310
|
-
function add_css$
|
6324
|
+
function add_css$t(target) {
|
6311
6325
|
append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
6312
6326
|
}
|
6313
6327
|
|
6314
|
-
function create_fragment$
|
6328
|
+
function create_fragment$U(ctx) {
|
6315
6329
|
let div1;
|
6316
6330
|
let div0;
|
6317
6331
|
|
@@ -6352,7 +6366,7 @@ function _setValue(obj, key, value) {
|
|
6352
6366
|
}
|
6353
6367
|
}
|
6354
6368
|
|
6355
|
-
function instance$
|
6369
|
+
function instance$U($$self, $$props, $$invalidate) {
|
6356
6370
|
let $system;
|
6357
6371
|
component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
|
6358
6372
|
let { videoId = 'wt0OjOeX-JA' } = $$props;
|
@@ -6623,8 +6637,8 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6623
6637
|
init(
|
6624
6638
|
this,
|
6625
6639
|
options,
|
6626
|
-
instance$
|
6627
|
-
create_fragment$
|
6640
|
+
instance$U,
|
6641
|
+
create_fragment$U,
|
6628
6642
|
safe_not_equal,
|
6629
6643
|
{
|
6630
6644
|
videoId: 2,
|
@@ -6653,7 +6667,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6653
6667
|
mute: 25,
|
6654
6668
|
_style: 0
|
6655
6669
|
},
|
6656
|
-
add_css$
|
6670
|
+
add_css$t,
|
6657
6671
|
[-1, -1]
|
6658
6672
|
);
|
6659
6673
|
}
|
@@ -6661,11 +6675,11 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6661
6675
|
|
6662
6676
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6663
6677
|
|
6664
|
-
function add_css$
|
6678
|
+
function add_css$s(target) {
|
6665
6679
|
append_styles(target, "svelte-ljxq7x", ".embed.svelte-ljxq7x{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-ljxq7x iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
6666
6680
|
}
|
6667
6681
|
|
6668
|
-
function create_fragment$
|
6682
|
+
function create_fragment$T(ctx) {
|
6669
6683
|
let div1;
|
6670
6684
|
let div0;
|
6671
6685
|
|
@@ -6696,7 +6710,7 @@ function create_fragment$R(ctx) {
|
|
6696
6710
|
};
|
6697
6711
|
}
|
6698
6712
|
|
6699
|
-
function instance$
|
6713
|
+
function instance$T($$self, $$props, $$invalidate) {
|
6700
6714
|
let $system;
|
6701
6715
|
component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
|
6702
6716
|
let { videoId = "201239468" } = $$props;
|
@@ -6839,8 +6853,8 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6839
6853
|
init(
|
6840
6854
|
this,
|
6841
6855
|
options,
|
6842
|
-
instance$
|
6843
|
-
create_fragment$
|
6856
|
+
instance$T,
|
6857
|
+
create_fragment$T,
|
6844
6858
|
safe_not_equal,
|
6845
6859
|
{
|
6846
6860
|
videoId: 2,
|
@@ -6850,18 +6864,18 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6850
6864
|
mute: 6,
|
6851
6865
|
_style: 0
|
6852
6866
|
},
|
6853
|
-
add_css$
|
6867
|
+
add_css$s
|
6854
6868
|
);
|
6855
6869
|
}
|
6856
6870
|
}
|
6857
6871
|
|
6858
6872
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
6859
6873
|
|
6860
|
-
function add_css$
|
6874
|
+
function add_css$r(target) {
|
6861
6875
|
append_styles(target, "svelte-1fjy5oo", ".textarea-wrapper.svelte-1fjy5oo{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-1fjy5oo{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-1fjy5oo::placeholder{color:var(--placeholder-color)}.textarea.svelte-1fjy5oo:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
|
6862
6876
|
}
|
6863
6877
|
|
6864
|
-
function create_fragment$
|
6878
|
+
function create_fragment$S(ctx) {
|
6865
6879
|
let div;
|
6866
6880
|
let textarea;
|
6867
6881
|
let mounted;
|
@@ -6919,7 +6933,7 @@ function create_fragment$Q(ctx) {
|
|
6919
6933
|
};
|
6920
6934
|
}
|
6921
6935
|
|
6922
|
-
function instance$
|
6936
|
+
function instance$S($$self, $$props, $$invalidate) {
|
6923
6937
|
let style;
|
6924
6938
|
let styleVariables;
|
6925
6939
|
let $value;
|
@@ -7007,8 +7021,8 @@ class FormTextarea extends SvelteComponent {
|
|
7007
7021
|
init(
|
7008
7022
|
this,
|
7009
7023
|
options,
|
7010
|
-
instance$
|
7011
|
-
create_fragment$
|
7024
|
+
instance$S,
|
7025
|
+
create_fragment$S,
|
7012
7026
|
safe_not_equal,
|
7013
7027
|
{
|
7014
7028
|
name: 7,
|
@@ -7020,14 +7034,14 @@ class FormTextarea extends SvelteComponent {
|
|
7020
7034
|
_textStyle: 11,
|
7021
7035
|
_placeholderStyle: 12
|
7022
7036
|
},
|
7023
|
-
add_css$
|
7037
|
+
add_css$r
|
7024
7038
|
);
|
7025
7039
|
}
|
7026
7040
|
}
|
7027
7041
|
|
7028
7042
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7029
7043
|
|
7030
|
-
function add_css$
|
7044
|
+
function add_css$q(target) {
|
7031
7045
|
append_styles(target, "svelte-1ntb6j8", ".radio-buttons.svelte-1ntb6j8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-1ntb6j8{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-1ntb6j8{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-1ntb6j8:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-1ntb6j8{margin-left:0.5em}");
|
7032
7046
|
}
|
7033
7047
|
|
@@ -7117,7 +7131,7 @@ function create_each_block$5(ctx) {
|
|
7117
7131
|
};
|
7118
7132
|
}
|
7119
7133
|
|
7120
|
-
function create_fragment$
|
7134
|
+
function create_fragment$R(ctx) {
|
7121
7135
|
let div;
|
7122
7136
|
let each_value = /*_options*/ ctx[4];
|
7123
7137
|
let each_blocks = [];
|
@@ -7181,7 +7195,7 @@ function create_fragment$P(ctx) {
|
|
7181
7195
|
};
|
7182
7196
|
}
|
7183
7197
|
|
7184
|
-
function instance$
|
7198
|
+
function instance$R($$self, $$props, $$invalidate) {
|
7185
7199
|
let _options;
|
7186
7200
|
let buttonStyle;
|
7187
7201
|
let _value;
|
@@ -7281,8 +7295,8 @@ class FormRadioButtons extends SvelteComponent {
|
|
7281
7295
|
init(
|
7282
7296
|
this,
|
7283
7297
|
options,
|
7284
|
-
instance$
|
7285
|
-
create_fragment$
|
7298
|
+
instance$R,
|
7299
|
+
create_fragment$R,
|
7286
7300
|
safe_not_equal,
|
7287
7301
|
{
|
7288
7302
|
name: 0,
|
@@ -7295,14 +7309,14 @@ class FormRadioButtons extends SvelteComponent {
|
|
7295
7309
|
buttonColor: 13,
|
7296
7310
|
buttonColorActive: 14
|
7297
7311
|
},
|
7298
|
-
add_css$
|
7312
|
+
add_css$q
|
7299
7313
|
);
|
7300
7314
|
}
|
7301
7315
|
}
|
7302
7316
|
|
7303
7317
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7304
7318
|
|
7305
|
-
function add_css$
|
7319
|
+
function add_css$p(target) {
|
7306
7320
|
append_styles(target, "svelte-iejizj", ".select.svelte-iejizj{width:100%;height:100%}.select-select.svelte-iejizj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-iejizj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-iejizj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
|
7307
7321
|
}
|
7308
7322
|
|
@@ -7314,7 +7328,7 @@ function get_each_context$4(ctx, list, i) {
|
|
7314
7328
|
}
|
7315
7329
|
|
7316
7330
|
// (107:10) {:else}
|
7317
|
-
function create_else_block(ctx) {
|
7331
|
+
function create_else_block$1(ctx) {
|
7318
7332
|
let t;
|
7319
7333
|
|
7320
7334
|
return {
|
@@ -7363,7 +7377,7 @@ function create_each_block$4(ctx) {
|
|
7363
7377
|
|
7364
7378
|
function select_block_type(ctx, dirty) {
|
7365
7379
|
if (/*option*/ ctx[19]) return create_if_block$6;
|
7366
|
-
return create_else_block;
|
7380
|
+
return create_else_block$1;
|
7367
7381
|
}
|
7368
7382
|
|
7369
7383
|
let current_block_type = select_block_type(ctx);
|
@@ -7412,7 +7426,7 @@ function create_each_block$4(ctx) {
|
|
7412
7426
|
};
|
7413
7427
|
}
|
7414
7428
|
|
7415
|
-
function create_fragment$
|
7429
|
+
function create_fragment$Q(ctx) {
|
7416
7430
|
let div1;
|
7417
7431
|
let select;
|
7418
7432
|
let t;
|
@@ -7502,7 +7516,7 @@ function create_fragment$O(ctx) {
|
|
7502
7516
|
};
|
7503
7517
|
}
|
7504
7518
|
|
7505
|
-
function instance$
|
7519
|
+
function instance$Q($$self, $$props, $$invalidate) {
|
7506
7520
|
let _options;
|
7507
7521
|
let style;
|
7508
7522
|
let styleVariables;
|
@@ -7618,8 +7632,8 @@ class FormSelect extends SvelteComponent {
|
|
7618
7632
|
init(
|
7619
7633
|
this,
|
7620
7634
|
options,
|
7621
|
-
instance$
|
7622
|
-
create_fragment$
|
7635
|
+
instance$Q,
|
7636
|
+
create_fragment$Q,
|
7623
7637
|
safe_not_equal,
|
7624
7638
|
{
|
7625
7639
|
name: 7,
|
@@ -7634,14 +7648,14 @@ class FormSelect extends SvelteComponent {
|
|
7634
7648
|
iconColor: 15,
|
7635
7649
|
iconSize: 16
|
7636
7650
|
},
|
7637
|
-
add_css$
|
7651
|
+
add_css$p
|
7638
7652
|
);
|
7639
7653
|
}
|
7640
7654
|
}
|
7641
7655
|
|
7642
7656
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7643
7657
|
|
7644
|
-
function add_css$
|
7658
|
+
function add_css$o(target) {
|
7645
7659
|
append_styles(target, "svelte-2pz1us", ".check-boxes.svelte-2pz1us.svelte-2pz1us{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-2pz1us.svelte-2pz1us{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-2pz1us.svelte-2pz1us{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-2pz1us.svelte-2pz1us{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-2pz1us.svelte-2pz1us{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-2pz1us.svelte-2pz1us:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-2pz1us.svelte-2pz1us{background-color:var(--color-main-active)}.check-box-check._checked.svelte-2pz1us .check-box-icon.svelte-2pz1us:after{border-color:var(--color-sub-active)}.check-box-text.svelte-2pz1us.svelte-2pz1us{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
|
7646
7660
|
}
|
7647
7661
|
|
@@ -7747,7 +7761,7 @@ function create_each_block$3(ctx) {
|
|
7747
7761
|
};
|
7748
7762
|
}
|
7749
7763
|
|
7750
|
-
function create_fragment$
|
7764
|
+
function create_fragment$P(ctx) {
|
7751
7765
|
let div;
|
7752
7766
|
let each_value = /*_options*/ ctx[3];
|
7753
7767
|
let each_blocks = [];
|
@@ -7811,7 +7825,7 @@ function create_fragment$N(ctx) {
|
|
7811
7825
|
};
|
7812
7826
|
}
|
7813
7827
|
|
7814
|
-
function instance$
|
7828
|
+
function instance$P($$self, $$props, $$invalidate) {
|
7815
7829
|
let _options;
|
7816
7830
|
let styleVariables;
|
7817
7831
|
let isCheckedArray;
|
@@ -7917,8 +7931,8 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7917
7931
|
init(
|
7918
7932
|
this,
|
7919
7933
|
options,
|
7920
|
-
instance$
|
7921
|
-
create_fragment$
|
7934
|
+
instance$P,
|
7935
|
+
create_fragment$P,
|
7922
7936
|
safe_not_equal,
|
7923
7937
|
{
|
7924
7938
|
name: 0,
|
@@ -7931,14 +7945,14 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7931
7945
|
buttonColor: 13,
|
7932
7946
|
buttonColorActive: 14
|
7933
7947
|
},
|
7934
|
-
add_css$
|
7948
|
+
add_css$o
|
7935
7949
|
);
|
7936
7950
|
}
|
7937
7951
|
}
|
7938
7952
|
|
7939
7953
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7940
7954
|
|
7941
|
-
function add_css$
|
7955
|
+
function add_css$n(target) {
|
7942
7956
|
append_styles(target, "svelte-9idbf1", ".rating-buttons.svelte-9idbf1{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-9idbf1{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
|
7943
7957
|
}
|
7944
7958
|
|
@@ -7995,7 +8009,7 @@ function create_each_block$2(ctx) {
|
|
7995
8009
|
};
|
7996
8010
|
}
|
7997
8011
|
|
7998
|
-
function create_fragment$
|
8012
|
+
function create_fragment$O(ctx) {
|
7999
8013
|
let div;
|
8000
8014
|
let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
|
8001
8015
|
let each_blocks = [];
|
@@ -8054,7 +8068,7 @@ function create_fragment$M(ctx) {
|
|
8054
8068
|
};
|
8055
8069
|
}
|
8056
8070
|
|
8057
|
-
function instance$
|
8071
|
+
function instance$O($$self, $$props, $$invalidate) {
|
8058
8072
|
let _value;
|
8059
8073
|
let $value;
|
8060
8074
|
let { name = '' } = $$props;
|
@@ -8136,8 +8150,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8136
8150
|
init(
|
8137
8151
|
this,
|
8138
8152
|
options,
|
8139
|
-
instance$
|
8140
|
-
create_fragment$
|
8153
|
+
instance$O,
|
8154
|
+
create_fragment$O,
|
8141
8155
|
safe_not_equal,
|
8142
8156
|
{
|
8143
8157
|
name: 6,
|
@@ -8148,14 +8162,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8148
8162
|
buttonStyle: 9,
|
8149
8163
|
buttonActiveStyle: 10
|
8150
8164
|
},
|
8151
|
-
add_css$
|
8165
|
+
add_css$n
|
8152
8166
|
);
|
8153
8167
|
}
|
8154
8168
|
}
|
8155
8169
|
|
8156
8170
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8157
8171
|
|
8158
|
-
function add_css$
|
8172
|
+
function add_css$m(target) {
|
8159
8173
|
append_styles(target, "svelte-1b5dvzw", ".rating-buttons.svelte-1b5dvzw{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1b5dvzw{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-1b5dvzw{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-1b5dvzw:not(._active){filter:grayscale(100%)}");
|
8160
8174
|
}
|
8161
8175
|
|
@@ -8215,7 +8229,7 @@ function create_each_block$1(ctx) {
|
|
8215
8229
|
};
|
8216
8230
|
}
|
8217
8231
|
|
8218
|
-
function create_fragment$
|
8232
|
+
function create_fragment$N(ctx) {
|
8219
8233
|
let div;
|
8220
8234
|
let each_value = [...Array(count).keys()].reverse().map(func);
|
8221
8235
|
let each_blocks = [];
|
@@ -8277,7 +8291,7 @@ function create_fragment$L(ctx) {
|
|
8277
8291
|
const count = 5;
|
8278
8292
|
const func = i => i + 1;
|
8279
8293
|
|
8280
|
-
function instance$
|
8294
|
+
function instance$N($$self, $$props, $$invalidate) {
|
8281
8295
|
let _value;
|
8282
8296
|
let buttonStyle;
|
8283
8297
|
let $value;
|
@@ -8333,17 +8347,17 @@ function instance$L($$self, $$props, $$invalidate) {
|
|
8333
8347
|
class FormRatingButtonsFace extends SvelteComponent {
|
8334
8348
|
constructor(options) {
|
8335
8349
|
super();
|
8336
|
-
init(this, options, instance$
|
8350
|
+
init(this, options, instance$N, create_fragment$N, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$m);
|
8337
8351
|
}
|
8338
8352
|
}
|
8339
8353
|
|
8340
8354
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
8341
8355
|
|
8342
|
-
function add_css$
|
8356
|
+
function add_css$l(target) {
|
8343
8357
|
append_styles(target, "svelte-f14zo5", ".input-wrapper.svelte-f14zo5{display:flex;align-items:center;width:100%;height:100%}.input.svelte-f14zo5{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-f14zo5::placeholder{color:var(--placeholder-color)}.input.svelte-f14zo5:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-f14zo5{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
8344
8358
|
}
|
8345
8359
|
|
8346
|
-
function create_fragment$
|
8360
|
+
function create_fragment$M(ctx) {
|
8347
8361
|
let div;
|
8348
8362
|
let input;
|
8349
8363
|
let input_class_value;
|
@@ -8407,7 +8421,7 @@ function create_fragment$K(ctx) {
|
|
8407
8421
|
};
|
8408
8422
|
}
|
8409
8423
|
|
8410
|
-
function instance$
|
8424
|
+
function instance$M($$self, $$props, $$invalidate) {
|
8411
8425
|
let style;
|
8412
8426
|
let styleVariables;
|
8413
8427
|
let isValidForUI;
|
@@ -8538,8 +8552,8 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8538
8552
|
init(
|
8539
8553
|
this,
|
8540
8554
|
options,
|
8541
|
-
instance$
|
8542
|
-
create_fragment$
|
8555
|
+
instance$M,
|
8556
|
+
create_fragment$M,
|
8543
8557
|
safe_not_equal,
|
8544
8558
|
{
|
8545
8559
|
field: 9,
|
@@ -8553,18 +8567,18 @@ class FormIdentifyInput extends SvelteComponent {
|
|
8553
8567
|
_textStyle: 15,
|
8554
8568
|
_placeholderStyle: 16
|
8555
8569
|
},
|
8556
|
-
add_css$
|
8570
|
+
add_css$l
|
8557
8571
|
);
|
8558
8572
|
}
|
8559
8573
|
}
|
8560
8574
|
|
8561
8575
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
8562
8576
|
|
8563
|
-
function add_css$
|
8577
|
+
function add_css$k(target) {
|
8564
8578
|
append_styles(target, "svelte-pzrwlo", ".radio-buttons.svelte-pzrwlo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-pzrwlo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-pzrwlo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-pzrwlo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-pzrwlo{margin-left:0.5em}");
|
8565
8579
|
}
|
8566
8580
|
|
8567
|
-
function create_fragment$
|
8581
|
+
function create_fragment$L(ctx) {
|
8568
8582
|
let div;
|
8569
8583
|
let label0;
|
8570
8584
|
let input0;
|
@@ -8677,7 +8691,7 @@ function create_fragment$J(ctx) {
|
|
8677
8691
|
};
|
8678
8692
|
}
|
8679
8693
|
|
8680
|
-
function instance$
|
8694
|
+
function instance$L($$self, $$props, $$invalidate) {
|
8681
8695
|
let buttonStyle;
|
8682
8696
|
let $value;
|
8683
8697
|
let { field = 'subscription' } = $$props;
|
@@ -8759,8 +8773,8 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
8759
8773
|
init(
|
8760
8774
|
this,
|
8761
8775
|
options,
|
8762
|
-
instance$
|
8763
|
-
create_fragment$
|
8776
|
+
instance$L,
|
8777
|
+
create_fragment$L,
|
8764
8778
|
safe_not_equal,
|
8765
8779
|
{
|
8766
8780
|
field: 6,
|
@@ -8772,14 +8786,14 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
8772
8786
|
buttonColor: 10,
|
8773
8787
|
buttonColorActive: 11
|
8774
8788
|
},
|
8775
|
-
add_css$
|
8789
|
+
add_css$k
|
8776
8790
|
);
|
8777
8791
|
}
|
8778
8792
|
}
|
8779
8793
|
|
8780
8794
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
8781
8795
|
|
8782
|
-
function add_css$
|
8796
|
+
function add_css$j(target) {
|
8783
8797
|
append_styles(target, "svelte-1qfq79t", ".root.svelte-1qfq79t{width:100%;height:100%;position:relative}.container.svelte-1qfq79t{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-1qfq79t{height:100%;position:absolute;display:flex}.transition.svelte-1qfq79t{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-1qfq79t{height:100%;flex:none}.prev-button-container.svelte-1qfq79t,.next-button-container.svelte-1qfq79t{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-1qfq79t{left:0}.next-button-container.svelte-1qfq79t{right:0}.move-button.svelte-1qfq79t{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-1qfq79t{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-1qfq79t{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-1qfq79t{border-radius:51%}");
|
8784
8798
|
}
|
8785
8799
|
|
@@ -8791,7 +8805,7 @@ function get_each_context(ctx, list, i) {
|
|
8791
8805
|
}
|
8792
8806
|
|
8793
8807
|
// (371:2) {#if isVisiblePrevButton}
|
8794
|
-
function create_if_block_1(ctx) {
|
8808
|
+
function create_if_block_1$1(ctx) {
|
8795
8809
|
let div;
|
8796
8810
|
let button;
|
8797
8811
|
let svg;
|
@@ -8944,7 +8958,7 @@ function create_each_block(ctx) {
|
|
8944
8958
|
};
|
8945
8959
|
}
|
8946
8960
|
|
8947
|
-
function create_fragment$
|
8961
|
+
function create_fragment$K(ctx) {
|
8948
8962
|
let div3;
|
8949
8963
|
let div1;
|
8950
8964
|
let div0;
|
@@ -8956,7 +8970,7 @@ function create_fragment$I(ctx) {
|
|
8956
8970
|
let current;
|
8957
8971
|
const default_slot_template = /*#slots*/ ctx[32].default;
|
8958
8972
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
|
8959
|
-
let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
|
8973
|
+
let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1$1(ctx);
|
8960
8974
|
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
|
8961
8975
|
let each_value = /*items*/ ctx[1];
|
8962
8976
|
let each_blocks = [];
|
@@ -9054,7 +9068,7 @@ function create_fragment$I(ctx) {
|
|
9054
9068
|
if (if_block0) {
|
9055
9069
|
if_block0.p(ctx, dirty);
|
9056
9070
|
} else {
|
9057
|
-
if_block0 = create_if_block_1(ctx);
|
9071
|
+
if_block0 = create_if_block_1$1(ctx);
|
9058
9072
|
if_block0.c();
|
9059
9073
|
if_block0.m(div3, t1);
|
9060
9074
|
}
|
@@ -9139,7 +9153,7 @@ function calcPositionIndex(shift, index, length) {
|
|
9139
9153
|
}
|
9140
9154
|
}
|
9141
9155
|
|
9142
|
-
function instance$
|
9156
|
+
function instance$K($$self, $$props, $$invalidate) {
|
9143
9157
|
let slideStyle;
|
9144
9158
|
let slideClass;
|
9145
9159
|
let _loop;
|
@@ -9592,8 +9606,8 @@ class Slide extends SvelteComponent {
|
|
9592
9606
|
init(
|
9593
9607
|
this,
|
9594
9608
|
options,
|
9595
|
-
instance$
|
9596
|
-
create_fragment$
|
9609
|
+
instance$K,
|
9610
|
+
create_fragment$K,
|
9597
9611
|
safe_not_equal,
|
9598
9612
|
{
|
9599
9613
|
loop: 18,
|
@@ -9607,7 +9621,7 @@ class Slide extends SvelteComponent {
|
|
9607
9621
|
navigationButton: 25,
|
9608
9622
|
navigationEdgePosition: 26
|
9609
9623
|
},
|
9610
|
-
add_css$
|
9624
|
+
add_css$j,
|
9611
9625
|
[-1, -1, -1]
|
9612
9626
|
);
|
9613
9627
|
}
|
@@ -9615,11 +9629,11 @@ class Slide extends SvelteComponent {
|
|
9615
9629
|
|
9616
9630
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
9617
9631
|
|
9618
|
-
function add_css$
|
9632
|
+
function add_css$i(target) {
|
9619
9633
|
append_styles(target, "svelte-1rv0qgo", ".item.svelte-1rv0qgo{height:100%;flex:none;position:relative}.item.svelte-1rv0qgo img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1rv0qgo{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
|
9620
9634
|
}
|
9621
9635
|
|
9622
|
-
function create_fragment$
|
9636
|
+
function create_fragment$J(ctx) {
|
9623
9637
|
let div1;
|
9624
9638
|
let div0;
|
9625
9639
|
let current;
|
@@ -9686,7 +9700,7 @@ function create_fragment$H(ctx) {
|
|
9686
9700
|
};
|
9687
9701
|
}
|
9688
9702
|
|
9689
|
-
function instance$
|
9703
|
+
function instance$J($$self, $$props, $$invalidate) {
|
9690
9704
|
let itemStyle;
|
9691
9705
|
let { $$slots: slots = {}, $$scope } = $$props;
|
9692
9706
|
const { registerItem, unregisterItem } = getContext('SLIDE');
|
@@ -9752,20 +9766,20 @@ function instance$H($$self, $$props, $$invalidate) {
|
|
9752
9766
|
class SlideItem extends SvelteComponent {
|
9753
9767
|
constructor(options) {
|
9754
9768
|
super();
|
9755
|
-
init(this, options, instance$
|
9769
|
+
init(this, options, instance$J, create_fragment$J, safe_not_equal, { _style: 0 }, add_css$i);
|
9756
9770
|
}
|
9757
9771
|
}
|
9758
9772
|
|
9759
9773
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
9760
9774
|
|
9761
|
-
function add_css$
|
9775
|
+
function add_css$h(target) {
|
9762
9776
|
append_styles(target, "svelte-t87l6f", ".countdown.svelte-t87l6f{position:relative;width:100%;height:100%}.countdown-inner.svelte-t87l6f{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
9763
9777
|
}
|
9764
9778
|
|
9765
9779
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
9766
9780
|
const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
|
9767
9781
|
|
9768
|
-
function create_fragment$
|
9782
|
+
function create_fragment$I(ctx) {
|
9769
9783
|
let div1;
|
9770
9784
|
let div0;
|
9771
9785
|
let current;
|
@@ -9845,7 +9859,7 @@ function formatTimeDiff(ms) {
|
|
9845
9859
|
};
|
9846
9860
|
}
|
9847
9861
|
|
9848
|
-
function instance$
|
9862
|
+
function instance$I($$self, $$props, $$invalidate) {
|
9849
9863
|
let countdown;
|
9850
9864
|
let { $$slots: slots = {}, $$scope } = $$props;
|
9851
9865
|
let { timeLimit = '2023/12/31 23:59:59' } = $$props;
|
@@ -9906,13 +9920,13 @@ function instance$G($$self, $$props, $$invalidate) {
|
|
9906
9920
|
class Countdown extends SvelteComponent {
|
9907
9921
|
constructor(options) {
|
9908
9922
|
super();
|
9909
|
-
init(this, options, instance$
|
9923
|
+
init(this, options, instance$I, create_fragment$I, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$h);
|
9910
9924
|
}
|
9911
9925
|
}
|
9912
9926
|
|
9913
9927
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
9914
9928
|
|
9915
|
-
function add_css$
|
9929
|
+
function add_css$g(target) {
|
9916
9930
|
append_styles(target, "svelte-1c91vpe", ".box.svelte-1c91vpe{position:relative;width:100%;height:100%}.box.svelte-1c91vpe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
9917
9931
|
}
|
9918
9932
|
|
@@ -9964,7 +9978,7 @@ function create_default_slot$2(ctx) {
|
|
9964
9978
|
};
|
9965
9979
|
}
|
9966
9980
|
|
9967
|
-
function create_fragment$
|
9981
|
+
function create_fragment$H(ctx) {
|
9968
9982
|
let div;
|
9969
9983
|
let button;
|
9970
9984
|
let current;
|
@@ -10018,7 +10032,7 @@ function create_fragment$F(ctx) {
|
|
10018
10032
|
};
|
10019
10033
|
}
|
10020
10034
|
|
10021
|
-
function instance$
|
10035
|
+
function instance$H($$self, $$props, $$invalidate) {
|
10022
10036
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10023
10037
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
10024
10038
|
let { eventName = '' } = $$props;
|
@@ -10037,13 +10051,13 @@ function instance$F($$self, $$props, $$invalidate) {
|
|
10037
10051
|
class Box extends SvelteComponent {
|
10038
10052
|
constructor(options) {
|
10039
10053
|
super();
|
10040
|
-
init(this, options, instance$
|
10054
|
+
init(this, options, instance$H, create_fragment$H, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$g);
|
10041
10055
|
}
|
10042
10056
|
}
|
10043
10057
|
|
10044
10058
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10045
10059
|
|
10046
|
-
function add_css$
|
10060
|
+
function add_css$f(target) {
|
10047
10061
|
append_styles(target, "svelte-1mk6wi4", ".icon.svelte-1mk6wi4{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mk6wi4 > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mk6wi4 > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mk6wi4 svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
|
10048
10062
|
}
|
10049
10063
|
|
@@ -10107,7 +10121,7 @@ function create_default_slot$1(ctx) {
|
|
10107
10121
|
};
|
10108
10122
|
}
|
10109
10123
|
|
10110
|
-
function create_fragment$
|
10124
|
+
function create_fragment$G(ctx) {
|
10111
10125
|
let div;
|
10112
10126
|
let button;
|
10113
10127
|
let current;
|
@@ -10168,7 +10182,7 @@ function parseData(dataUrl) {
|
|
10168
10182
|
return decodeURIComponent(data).replaceAll('\'', '"');
|
10169
10183
|
}
|
10170
10184
|
|
10171
|
-
function instance$
|
10185
|
+
function instance$G($$self, $$props, $$invalidate) {
|
10172
10186
|
let svg;
|
10173
10187
|
let styleVariables;
|
10174
10188
|
let style;
|
@@ -10216,8 +10230,8 @@ class IconElement extends SvelteComponent {
|
|
10216
10230
|
init(
|
10217
10231
|
this,
|
10218
10232
|
options,
|
10219
|
-
instance$
|
10220
|
-
create_fragment$
|
10233
|
+
instance$G,
|
10234
|
+
create_fragment$G,
|
10221
10235
|
safe_not_equal,
|
10222
10236
|
{
|
10223
10237
|
icon: 4,
|
@@ -10227,18 +10241,18 @@ class IconElement extends SvelteComponent {
|
|
10227
10241
|
color: 6,
|
10228
10242
|
_style: 7
|
10229
10243
|
},
|
10230
|
-
add_css$
|
10244
|
+
add_css$f
|
10231
10245
|
);
|
10232
10246
|
}
|
10233
10247
|
}
|
10234
10248
|
|
10235
10249
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
10236
10250
|
|
10237
|
-
function add_css$
|
10251
|
+
function add_css$e(target) {
|
10238
10252
|
append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
10239
10253
|
}
|
10240
10254
|
|
10241
|
-
function create_fragment$
|
10255
|
+
function create_fragment$F(ctx) {
|
10242
10256
|
let div;
|
10243
10257
|
let switch_instance;
|
10244
10258
|
let current;
|
@@ -10318,7 +10332,7 @@ function create_fragment$D(ctx) {
|
|
10318
10332
|
};
|
10319
10333
|
}
|
10320
10334
|
|
10321
|
-
function instance$
|
10335
|
+
function instance$F($$self, $$props, $$invalidate) {
|
10322
10336
|
let $data,
|
10323
10337
|
$$unsubscribe_data = noop,
|
10324
10338
|
$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
|
@@ -10343,17 +10357,17 @@ function instance$D($$self, $$props, $$invalidate) {
|
|
10343
10357
|
class CodeElement extends SvelteComponent {
|
10344
10358
|
constructor(options) {
|
10345
10359
|
super();
|
10346
|
-
init(this, options, instance$
|
10360
|
+
init(this, options, instance$F, create_fragment$F, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$e);
|
10347
10361
|
}
|
10348
10362
|
}
|
10349
10363
|
|
10350
10364
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
10351
10365
|
|
10352
|
-
function add_css$
|
10366
|
+
function add_css$d(target) {
|
10353
10367
|
append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
|
10354
10368
|
}
|
10355
10369
|
|
10356
|
-
function create_fragment$
|
10370
|
+
function create_fragment$E(ctx) {
|
10357
10371
|
let div;
|
10358
10372
|
let div_style_value;
|
10359
10373
|
let current;
|
@@ -10418,7 +10432,7 @@ function getFlexContext() {
|
|
10418
10432
|
return getContext(FlexContextKey);
|
10419
10433
|
}
|
10420
10434
|
|
10421
|
-
function instance$
|
10435
|
+
function instance$E($$self, $$props, $$invalidate) {
|
10422
10436
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10423
10437
|
let { direction = 'row' } = $$props;
|
10424
10438
|
let { width = '100%' } = $$props;
|
@@ -10444,8 +10458,8 @@ class Flex extends SvelteComponent {
|
|
10444
10458
|
init(
|
10445
10459
|
this,
|
10446
10460
|
options,
|
10447
|
-
instance$
|
10448
|
-
create_fragment$
|
10461
|
+
instance$E,
|
10462
|
+
create_fragment$E,
|
10449
10463
|
safe_not_equal,
|
10450
10464
|
{
|
10451
10465
|
direction: 0,
|
@@ -10453,18 +10467,18 @@ class Flex extends SvelteComponent {
|
|
10453
10467
|
height: 2,
|
10454
10468
|
_style: 3
|
10455
10469
|
},
|
10456
|
-
add_css$
|
10470
|
+
add_css$d
|
10457
10471
|
);
|
10458
10472
|
}
|
10459
10473
|
}
|
10460
10474
|
|
10461
10475
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
10462
10476
|
|
10463
|
-
function add_css$
|
10477
|
+
function add_css$c(target) {
|
10464
10478
|
append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
10465
10479
|
}
|
10466
10480
|
|
10467
|
-
function create_fragment$
|
10481
|
+
function create_fragment$D(ctx) {
|
10468
10482
|
let div;
|
10469
10483
|
let current;
|
10470
10484
|
const default_slot_template = /*#slots*/ ctx[4].default;
|
@@ -10522,7 +10536,7 @@ function create_fragment$B(ctx) {
|
|
10522
10536
|
};
|
10523
10537
|
}
|
10524
10538
|
|
10525
|
-
function instance$
|
10539
|
+
function instance$D($$self, $$props, $$invalidate) {
|
10526
10540
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10527
10541
|
let { length } = $$props;
|
10528
10542
|
let { _style = '' } = $$props;
|
@@ -10565,7 +10579,7 @@ function instance$B($$self, $$props, $$invalidate) {
|
|
10565
10579
|
class FlexItem extends SvelteComponent {
|
10566
10580
|
constructor(options) {
|
10567
10581
|
super();
|
10568
|
-
init(this, options, instance$
|
10582
|
+
init(this, options, instance$D, create_fragment$D, safe_not_equal, { length: 1, _style: 2 }, add_css$c);
|
10569
10583
|
}
|
10570
10584
|
}
|
10571
10585
|
|
@@ -10679,7 +10693,7 @@ function create_default_slot(ctx) {
|
|
10679
10693
|
let modal;
|
10680
10694
|
let current;
|
10681
10695
|
|
10682
|
-
modal = new Modal({
|
10696
|
+
modal = new Modal$1({
|
10683
10697
|
props: {
|
10684
10698
|
placement: /*placement*/ ctx[4],
|
10685
10699
|
animation: /*animation*/ ctx[5],
|
@@ -10740,7 +10754,7 @@ function create_default_slot(ctx) {
|
|
10740
10754
|
};
|
10741
10755
|
}
|
10742
10756
|
|
10743
|
-
function create_fragment$
|
10757
|
+
function create_fragment$C(ctx) {
|
10744
10758
|
let stateitem;
|
10745
10759
|
let current;
|
10746
10760
|
|
@@ -10785,7 +10799,7 @@ function create_fragment$A(ctx) {
|
|
10785
10799
|
};
|
10786
10800
|
}
|
10787
10801
|
|
10788
|
-
function instance$
|
10802
|
+
function instance$C($$self, $$props, $$invalidate) {
|
10789
10803
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10790
10804
|
let { path } = $$props;
|
10791
10805
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
@@ -10856,7 +10870,7 @@ class GridModalState extends SvelteComponent {
|
|
10856
10870
|
constructor(options) {
|
10857
10871
|
super();
|
10858
10872
|
|
10859
|
-
init(this, options, instance$
|
10873
|
+
init(this, options, instance$C, create_fragment$C, safe_not_equal, {
|
10860
10874
|
path: 0,
|
10861
10875
|
onClick: 1,
|
10862
10876
|
clickEventName: 2,
|
@@ -10881,11 +10895,11 @@ class GridModalState extends SvelteComponent {
|
|
10881
10895
|
|
10882
10896
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
10883
10897
|
|
10884
|
-
function add_css$
|
10898
|
+
function add_css$b(target) {
|
10885
10899
|
append_styles(target, "svelte-akic2e", ".text-block.svelte-akic2e.svelte-akic2e{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-akic2e.svelte-akic2e{width:100%;height:auto}.text-direction-vertical.svelte-akic2e.svelte-akic2e{writing-mode:vertical-rl}.text-direction-vertical.svelte-akic2e .text-block-inner.svelte-akic2e{width:auto;height:100%}");
|
10886
10900
|
}
|
10887
10901
|
|
10888
|
-
function create_fragment$
|
10902
|
+
function create_fragment$B(ctx) {
|
10889
10903
|
let div1;
|
10890
10904
|
let div0;
|
10891
10905
|
let rendertext;
|
@@ -10937,7 +10951,7 @@ function create_fragment$z(ctx) {
|
|
10937
10951
|
};
|
10938
10952
|
}
|
10939
10953
|
|
10940
|
-
function instance$
|
10954
|
+
function instance$B($$self, $$props, $$invalidate) {
|
10941
10955
|
let style;
|
10942
10956
|
let { text = 'サンプルSample' } = $$props;
|
10943
10957
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -10973,8 +10987,8 @@ class TextBlock extends SvelteComponent {
|
|
10973
10987
|
init(
|
10974
10988
|
this,
|
10975
10989
|
options,
|
10976
|
-
instance$
|
10977
|
-
create_fragment$
|
10990
|
+
instance$B,
|
10991
|
+
create_fragment$B,
|
10978
10992
|
safe_not_equal,
|
10979
10993
|
{
|
10980
10994
|
text: 0,
|
@@ -10983,18 +10997,18 @@ class TextBlock extends SvelteComponent {
|
|
10983
10997
|
textDirection: 1,
|
10984
10998
|
_style: 5
|
10985
10999
|
},
|
10986
|
-
add_css$
|
11000
|
+
add_css$b
|
10987
11001
|
);
|
10988
11002
|
}
|
10989
11003
|
}
|
10990
11004
|
|
10991
11005
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
10992
11006
|
|
10993
|
-
function add_css$
|
11007
|
+
function add_css$a(target) {
|
10994
11008
|
append_styles(target, "svelte-1c34p4n", ".text-button-block.svelte-1c34p4n{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-1c34p4n{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-1c34p4n:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1c34p4n:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
10995
11009
|
}
|
10996
11010
|
|
10997
|
-
function create_fragment$
|
11011
|
+
function create_fragment$A(ctx) {
|
10998
11012
|
let div;
|
10999
11013
|
let button;
|
11000
11014
|
let rendertext;
|
@@ -11055,7 +11069,7 @@ function create_fragment$y(ctx) {
|
|
11055
11069
|
};
|
11056
11070
|
}
|
11057
11071
|
|
11058
|
-
function instance$
|
11072
|
+
function instance$A($$self, $$props, $$invalidate) {
|
11059
11073
|
let { text = 'ボタンラベル' } = $$props;
|
11060
11074
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
11061
11075
|
|
@@ -11097,8 +11111,8 @@ class TextButtonBlock extends SvelteComponent {
|
|
11097
11111
|
init(
|
11098
11112
|
this,
|
11099
11113
|
options,
|
11100
|
-
instance$
|
11101
|
-
create_fragment$
|
11114
|
+
instance$A,
|
11115
|
+
create_fragment$A,
|
11102
11116
|
safe_not_equal,
|
11103
11117
|
{
|
11104
11118
|
text: 0,
|
@@ -11108,18 +11122,18 @@ class TextButtonBlock extends SvelteComponent {
|
|
11108
11122
|
_buttonStyle: 1,
|
11109
11123
|
_style: 2
|
11110
11124
|
},
|
11111
|
-
add_css$
|
11125
|
+
add_css$a
|
11112
11126
|
);
|
11113
11127
|
}
|
11114
11128
|
}
|
11115
11129
|
|
11116
11130
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
11117
11131
|
|
11118
|
-
function add_css$
|
11132
|
+
function add_css$9(target) {
|
11119
11133
|
append_styles(target, "svelte-1jus6sx", ".image-block.svelte-1jus6sx{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1jus6sx{width:100%;height:100%}.transport.svelte-1jus6sx:hover,.transport.svelte-1jus6sx:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
|
11120
11134
|
}
|
11121
11135
|
|
11122
|
-
function create_fragment$
|
11136
|
+
function create_fragment$z(ctx) {
|
11123
11137
|
let div;
|
11124
11138
|
let img;
|
11125
11139
|
let img_style_value;
|
@@ -11182,7 +11196,7 @@ function create_fragment$x(ctx) {
|
|
11182
11196
|
};
|
11183
11197
|
}
|
11184
11198
|
|
11185
|
-
function instance$
|
11199
|
+
function instance$z($$self, $$props, $$invalidate) {
|
11186
11200
|
let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
|
11187
11201
|
let { alt = 'No Image' } = $$props;
|
11188
11202
|
let { transport = false } = $$props;
|
@@ -11222,8 +11236,8 @@ class ImageBlock extends SvelteComponent {
|
|
11222
11236
|
init(
|
11223
11237
|
this,
|
11224
11238
|
options,
|
11225
|
-
instance$
|
11226
|
-
create_fragment$
|
11239
|
+
instance$z,
|
11240
|
+
create_fragment$z,
|
11227
11241
|
safe_not_equal,
|
11228
11242
|
{
|
11229
11243
|
src: 0,
|
@@ -11235,14 +11249,222 @@ class ImageBlock extends SvelteComponent {
|
|
11235
11249
|
_imageStyle: 4,
|
11236
11250
|
_style: 5
|
11237
11251
|
},
|
11238
|
-
add_css$
|
11252
|
+
add_css$9
|
11239
11253
|
);
|
11240
11254
|
}
|
11241
11255
|
}
|
11242
11256
|
|
11243
|
-
|
11257
|
+
const COMPONENT_PARAMETER_TYPES = {
|
11258
|
+
TEXT: 'text',
|
11259
|
+
MULTILINE_TEXT: 'multiline_text',
|
11260
|
+
SELECT: 'select',
|
11261
|
+
RADIO: 'radio',
|
11262
|
+
CHECKBOX: 'checkbox',
|
11263
|
+
BOOLEAN: 'boolean',
|
11264
|
+
IMAGE: 'image',
|
11265
|
+
NUMBER: 'number',
|
11266
|
+
WIDTH: 'width',
|
11267
|
+
ASPECT: 'aspect',
|
11268
|
+
COLOR: 'color',
|
11269
|
+
ICON: 'icon',
|
11270
|
+
};
|
11244
11271
|
|
11245
|
-
|
11272
|
+
const toHyphenCase = (str) => {
|
11273
|
+
let result = str.replace(/_/g, '-');
|
11274
|
+
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
11275
|
+
return result;
|
11276
|
+
};
|
11277
|
+
const objToStyle = (obj) => {
|
11278
|
+
const styles = Object.entries(obj)
|
11279
|
+
.map(([key, value]) => {
|
11280
|
+
if (value === undefined)
|
11281
|
+
return '';
|
11282
|
+
return `${toHyphenCase(key)}: ${value};`;
|
11283
|
+
})
|
11284
|
+
.filter(v => v !== '');
|
11285
|
+
return styles.join(' ');
|
11286
|
+
};
|
11287
|
+
|
11288
|
+
const toCssPosition = (p) => {
|
11289
|
+
return {
|
11290
|
+
position: p?.position ?? 'static',
|
11291
|
+
top: p?.top,
|
11292
|
+
left: p?.left,
|
11293
|
+
bottom: p?.bottom,
|
11294
|
+
right: p?.right,
|
11295
|
+
};
|
11296
|
+
};
|
11297
|
+
const toCssCommon = (p) => {
|
11298
|
+
return {
|
11299
|
+
...toCssPosition(p),
|
11300
|
+
};
|
11301
|
+
};
|
11302
|
+
const toCssBorder = (p) => {
|
11303
|
+
const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
|
11304
|
+
if (borderWidth === null)
|
11305
|
+
return {};
|
11306
|
+
return {
|
11307
|
+
borderColor: p?.borderColor,
|
11308
|
+
borderStyle: 'solid',
|
11309
|
+
borderTopWidth: p?.borderTopWidth,
|
11310
|
+
borderLeftWidth: p?.borderLeftWidth,
|
11311
|
+
borderRightWidth: p?.borderRightWidth,
|
11312
|
+
borderBottomWidth: p?.borderBottomWidth,
|
11313
|
+
};
|
11314
|
+
};
|
11315
|
+
const toCssPadding = (p) => {
|
11316
|
+
return {
|
11317
|
+
paddingTop: p?.paddingTop,
|
11318
|
+
paddingLeft: p?.paddingLeft,
|
11319
|
+
paddingRight: p?.paddingRight,
|
11320
|
+
paddingBottom: p?.paddingBottom,
|
11321
|
+
};
|
11322
|
+
};
|
11323
|
+
const toCssBackgroundImage = (p) => {
|
11324
|
+
const url = p?.backgroundImageUrl;
|
11325
|
+
return {
|
11326
|
+
backgroundImage: url ? `url(${url})` : undefined,
|
11327
|
+
backgroundSize: url ? 'cover' : undefined,
|
11328
|
+
};
|
11329
|
+
};
|
11330
|
+
const toCssBackgroundColor = (p) => {
|
11331
|
+
return {
|
11332
|
+
backgroundColor: p?.backgroundColor,
|
11333
|
+
};
|
11334
|
+
};
|
11335
|
+
const toCssRadius = (p) => {
|
11336
|
+
return {
|
11337
|
+
borderTopLeftRadius: p?.borderTopLeftRadius,
|
11338
|
+
borderTopRightRadius: p?.borderTopRightRadius,
|
11339
|
+
borderBottomLeftRadius: p?.borderBottomLeftRadius,
|
11340
|
+
borderBottomRightRadius: p?.borderBottomRightRadius,
|
11341
|
+
};
|
11342
|
+
};
|
11343
|
+
const toCssShadow = (p) => {
|
11344
|
+
return {
|
11345
|
+
boxShadow: p?.shadow,
|
11346
|
+
};
|
11347
|
+
};
|
11348
|
+
|
11349
|
+
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
11350
|
+
|
11351
|
+
function add_css$8(target) {
|
11352
|
+
append_styles(target, "svelte-jnsixl", ".avatar.svelte-jnsixl{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
|
11353
|
+
}
|
11354
|
+
|
11355
|
+
function create_fragment$y(ctx) {
|
11356
|
+
let div;
|
11357
|
+
let img;
|
11358
|
+
let img_src_value;
|
11359
|
+
let img_alt_value;
|
11360
|
+
|
11361
|
+
return {
|
11362
|
+
c() {
|
11363
|
+
div = element("div");
|
11364
|
+
img = element("img");
|
11365
|
+
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
11366
|
+
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
11367
|
+
attr(img, "style", /*imgStyle*/ ctx[2]);
|
11368
|
+
attr(div, "class", "avatar svelte-jnsixl");
|
11369
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
11370
|
+
attr(div, "style", /*style*/ ctx[3]);
|
11371
|
+
},
|
11372
|
+
m(target, anchor) {
|
11373
|
+
insert(target, div, anchor);
|
11374
|
+
append(div, img);
|
11375
|
+
},
|
11376
|
+
p(ctx, [dirty]) {
|
11377
|
+
if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
|
11378
|
+
attr(img, "src", img_src_value);
|
11379
|
+
}
|
11380
|
+
|
11381
|
+
if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
|
11382
|
+
attr(img, "alt", img_alt_value);
|
11383
|
+
}
|
11384
|
+
|
11385
|
+
if (dirty & /*imgStyle*/ 4) {
|
11386
|
+
attr(img, "style", /*imgStyle*/ ctx[2]);
|
11387
|
+
}
|
11388
|
+
|
11389
|
+
if (dirty & /*layerId*/ 2) {
|
11390
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
11391
|
+
}
|
11392
|
+
|
11393
|
+
if (dirty & /*style*/ 8) {
|
11394
|
+
attr(div, "style", /*style*/ ctx[3]);
|
11395
|
+
}
|
11396
|
+
},
|
11397
|
+
i: noop,
|
11398
|
+
o: noop,
|
11399
|
+
d(detaching) {
|
11400
|
+
if (detaching) detach(div);
|
11401
|
+
}
|
11402
|
+
};
|
11403
|
+
}
|
11404
|
+
|
11405
|
+
function instance$y($$self, $$props, $$invalidate) {
|
11406
|
+
let style;
|
11407
|
+
let imgStyle;
|
11408
|
+
let { props = {} } = $$props;
|
11409
|
+
let { layerId = '' } = $$props;
|
11410
|
+
|
11411
|
+
const VARIANTS = {
|
11412
|
+
shape: {
|
11413
|
+
circle: { borderRadius: '100%' },
|
11414
|
+
square: { borderRadius: '4px' }
|
11415
|
+
}
|
11416
|
+
};
|
11417
|
+
|
11418
|
+
const size = props.size ?? 64;
|
11419
|
+
|
11420
|
+
$$self.$$set = $$props => {
|
11421
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
11422
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
11423
|
+
};
|
11424
|
+
|
11425
|
+
$$self.$$.update = () => {
|
11426
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
11427
|
+
$$invalidate(3, style = objToStyle({
|
11428
|
+
width: `${size}px`,
|
11429
|
+
height: `${size}px`,
|
11430
|
+
...VARIANTS.shape[props.shape ?? 'square'],
|
11431
|
+
...props.bordered && { border: `1px solid #dbdbdb` },
|
11432
|
+
...toCssCommon(props)
|
11433
|
+
}));
|
11434
|
+
}
|
11435
|
+
};
|
11436
|
+
|
11437
|
+
$$invalidate(2, imgStyle = objToStyle({
|
11438
|
+
width: '100%',
|
11439
|
+
height: '100%',
|
11440
|
+
objectFit: 'cover'
|
11441
|
+
}));
|
11442
|
+
|
11443
|
+
return [props, layerId, imgStyle, style];
|
11444
|
+
}
|
11445
|
+
|
11446
|
+
class Avatar extends SvelteComponent {
|
11447
|
+
constructor(options) {
|
11448
|
+
super();
|
11449
|
+
init(this, options, instance$y, create_fragment$y, safe_not_equal, { props: 0, layerId: 1 }, add_css$8);
|
11450
|
+
}
|
11451
|
+
}
|
11452
|
+
|
11453
|
+
const AVATAR_SIZE = {
|
11454
|
+
extra_small: 'XS(48 x 48)',
|
11455
|
+
small: 'S(64 x 64)',
|
11456
|
+
medium: 'M(88 x 88)',
|
11457
|
+
large: 'L(108 x 108)',
|
11458
|
+
extra_large: 'XL(128 x 128)',
|
11459
|
+
};
|
11460
|
+
const AVATAR_SHAPE = {
|
11461
|
+
circle: 'サークル',
|
11462
|
+
square: 'スクエア',
|
11463
|
+
};
|
11464
|
+
|
11465
|
+
/* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
|
11466
|
+
|
11467
|
+
function create_fragment$x(ctx) {
|
11246
11468
|
let svg;
|
11247
11469
|
let path;
|
11248
11470
|
|
@@ -11274,7 +11496,7 @@ function create_fragment$w(ctx) {
|
|
11274
11496
|
};
|
11275
11497
|
}
|
11276
11498
|
|
11277
|
-
function instance$
|
11499
|
+
function instance$x($$self, $$props, $$invalidate) {
|
11278
11500
|
let { color } = $$props;
|
11279
11501
|
|
11280
11502
|
$$self.$$set = $$props => {
|
@@ -11287,13 +11509,13 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
11287
11509
|
class IconArrowDown extends SvelteComponent {
|
11288
11510
|
constructor(options) {
|
11289
11511
|
super();
|
11290
|
-
init(this, options, instance$
|
11512
|
+
init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
|
11291
11513
|
}
|
11292
11514
|
}
|
11293
11515
|
|
11294
|
-
/* src/components-
|
11516
|
+
/* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
|
11295
11517
|
|
11296
|
-
function create_fragment$
|
11518
|
+
function create_fragment$w(ctx) {
|
11297
11519
|
let svg;
|
11298
11520
|
let path;
|
11299
11521
|
|
@@ -11325,7 +11547,7 @@ function create_fragment$v(ctx) {
|
|
11325
11547
|
};
|
11326
11548
|
}
|
11327
11549
|
|
11328
|
-
function instance$
|
11550
|
+
function instance$w($$self, $$props, $$invalidate) {
|
11329
11551
|
let { color } = $$props;
|
11330
11552
|
|
11331
11553
|
$$self.$$set = $$props => {
|
@@ -11338,13 +11560,13 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
11338
11560
|
class IconArrowUp extends SvelteComponent {
|
11339
11561
|
constructor(options) {
|
11340
11562
|
super();
|
11341
|
-
init(this, options, instance$
|
11563
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
|
11342
11564
|
}
|
11343
11565
|
}
|
11344
11566
|
|
11345
|
-
/* src/components-
|
11567
|
+
/* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
|
11346
11568
|
|
11347
|
-
function create_fragment$
|
11569
|
+
function create_fragment$v(ctx) {
|
11348
11570
|
let svg;
|
11349
11571
|
let path;
|
11350
11572
|
|
@@ -11376,7 +11598,7 @@ function create_fragment$u(ctx) {
|
|
11376
11598
|
};
|
11377
11599
|
}
|
11378
11600
|
|
11379
|
-
function instance$
|
11601
|
+
function instance$v($$self, $$props, $$invalidate) {
|
11380
11602
|
let { color } = $$props;
|
11381
11603
|
|
11382
11604
|
$$self.$$set = $$props => {
|
@@ -11389,13 +11611,13 @@ function instance$u($$self, $$props, $$invalidate) {
|
|
11389
11611
|
class IconUsers extends SvelteComponent {
|
11390
11612
|
constructor(options) {
|
11391
11613
|
super();
|
11392
|
-
init(this, options, instance$
|
11614
|
+
init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
|
11393
11615
|
}
|
11394
11616
|
}
|
11395
11617
|
|
11396
|
-
/* src/components-
|
11618
|
+
/* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
|
11397
11619
|
|
11398
|
-
function create_fragment$
|
11620
|
+
function create_fragment$u(ctx) {
|
11399
11621
|
let svg;
|
11400
11622
|
let path;
|
11401
11623
|
|
@@ -11427,7 +11649,7 @@ function create_fragment$t(ctx) {
|
|
11427
11649
|
};
|
11428
11650
|
}
|
11429
11651
|
|
11430
|
-
function instance$
|
11652
|
+
function instance$u($$self, $$props, $$invalidate) {
|
11431
11653
|
let { color } = $$props;
|
11432
11654
|
|
11433
11655
|
$$self.$$set = $$props => {
|
@@ -11440,13 +11662,13 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
11440
11662
|
class IconArrowLeft extends SvelteComponent {
|
11441
11663
|
constructor(options) {
|
11442
11664
|
super();
|
11443
|
-
init(this, options, instance$
|
11665
|
+
init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
|
11444
11666
|
}
|
11445
11667
|
}
|
11446
11668
|
|
11447
|
-
/* src/components-
|
11669
|
+
/* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
|
11448
11670
|
|
11449
|
-
function create_fragment$
|
11671
|
+
function create_fragment$t(ctx) {
|
11450
11672
|
let svg;
|
11451
11673
|
let path;
|
11452
11674
|
|
@@ -11478,7 +11700,7 @@ function create_fragment$s(ctx) {
|
|
11478
11700
|
};
|
11479
11701
|
}
|
11480
11702
|
|
11481
|
-
function instance$
|
11703
|
+
function instance$t($$self, $$props, $$invalidate) {
|
11482
11704
|
let { color } = $$props;
|
11483
11705
|
|
11484
11706
|
$$self.$$set = $$props => {
|
@@ -11491,13 +11713,13 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
11491
11713
|
class IconArrowRight extends SvelteComponent {
|
11492
11714
|
constructor(options) {
|
11493
11715
|
super();
|
11494
|
-
init(this, options, instance$
|
11716
|
+
init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
|
11495
11717
|
}
|
11496
11718
|
}
|
11497
11719
|
|
11498
|
-
/* src/components-
|
11720
|
+
/* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
|
11499
11721
|
|
11500
|
-
function create_fragment$
|
11722
|
+
function create_fragment$s(ctx) {
|
11501
11723
|
let svg;
|
11502
11724
|
let path;
|
11503
11725
|
|
@@ -11529,7 +11751,7 @@ function create_fragment$r(ctx) {
|
|
11529
11751
|
};
|
11530
11752
|
}
|
11531
11753
|
|
11532
|
-
function instance$
|
11754
|
+
function instance$s($$self, $$props, $$invalidate) {
|
11533
11755
|
let { color } = $$props;
|
11534
11756
|
|
11535
11757
|
$$self.$$set = $$props => {
|
@@ -11542,13 +11764,13 @@ function instance$r($$self, $$props, $$invalidate) {
|
|
11542
11764
|
class IconBell extends SvelteComponent {
|
11543
11765
|
constructor(options) {
|
11544
11766
|
super();
|
11545
|
-
init(this, options, instance$
|
11767
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
|
11546
11768
|
}
|
11547
11769
|
}
|
11548
11770
|
|
11549
|
-
/* src/components-
|
11771
|
+
/* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
|
11550
11772
|
|
11551
|
-
function create_fragment$
|
11773
|
+
function create_fragment$r(ctx) {
|
11552
11774
|
let svg;
|
11553
11775
|
let path;
|
11554
11776
|
|
@@ -11580,7 +11802,7 @@ function create_fragment$q(ctx) {
|
|
11580
11802
|
};
|
11581
11803
|
}
|
11582
11804
|
|
11583
|
-
function instance$
|
11805
|
+
function instance$r($$self, $$props, $$invalidate) {
|
11584
11806
|
let { color } = $$props;
|
11585
11807
|
|
11586
11808
|
$$self.$$set = $$props => {
|
@@ -11593,13 +11815,13 @@ function instance$q($$self, $$props, $$invalidate) {
|
|
11593
11815
|
class IconArrowUpFromSquare extends SvelteComponent {
|
11594
11816
|
constructor(options) {
|
11595
11817
|
super();
|
11596
|
-
init(this, options, instance$
|
11818
|
+
init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
|
11597
11819
|
}
|
11598
11820
|
}
|
11599
11821
|
|
11600
|
-
/* src/components-
|
11822
|
+
/* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
|
11601
11823
|
|
11602
|
-
function create_fragment$
|
11824
|
+
function create_fragment$q(ctx) {
|
11603
11825
|
let svg;
|
11604
11826
|
let path;
|
11605
11827
|
|
@@ -11631,7 +11853,7 @@ function create_fragment$p(ctx) {
|
|
11631
11853
|
};
|
11632
11854
|
}
|
11633
11855
|
|
11634
|
-
function instance$
|
11856
|
+
function instance$q($$self, $$props, $$invalidate) {
|
11635
11857
|
let { color } = $$props;
|
11636
11858
|
|
11637
11859
|
$$self.$$set = $$props => {
|
@@ -11644,13 +11866,13 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
11644
11866
|
class IconTicket extends SvelteComponent {
|
11645
11867
|
constructor(options) {
|
11646
11868
|
super();
|
11647
|
-
init(this, options, instance$
|
11869
|
+
init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
|
11648
11870
|
}
|
11649
11871
|
}
|
11650
11872
|
|
11651
|
-
/* src/components-
|
11873
|
+
/* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
|
11652
11874
|
|
11653
|
-
function create_fragment$
|
11875
|
+
function create_fragment$p(ctx) {
|
11654
11876
|
let svg;
|
11655
11877
|
let path;
|
11656
11878
|
|
@@ -11682,7 +11904,7 @@ function create_fragment$o(ctx) {
|
|
11682
11904
|
};
|
11683
11905
|
}
|
11684
11906
|
|
11685
|
-
function instance$
|
11907
|
+
function instance$p($$self, $$props, $$invalidate) {
|
11686
11908
|
let { color } = $$props;
|
11687
11909
|
|
11688
11910
|
$$self.$$set = $$props => {
|
@@ -11695,13 +11917,13 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
11695
11917
|
class IconTrack extends SvelteComponent {
|
11696
11918
|
constructor(options) {
|
11697
11919
|
super();
|
11698
|
-
init(this, options, instance$
|
11920
|
+
init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
|
11699
11921
|
}
|
11700
11922
|
}
|
11701
11923
|
|
11702
|
-
/* src/components-
|
11924
|
+
/* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
|
11703
11925
|
|
11704
|
-
function create_fragment$
|
11926
|
+
function create_fragment$o(ctx) {
|
11705
11927
|
let svg;
|
11706
11928
|
let path;
|
11707
11929
|
|
@@ -11733,7 +11955,7 @@ function create_fragment$n(ctx) {
|
|
11733
11955
|
};
|
11734
11956
|
}
|
11735
11957
|
|
11736
|
-
function instance$
|
11958
|
+
function instance$o($$self, $$props, $$invalidate) {
|
11737
11959
|
let { color } = $$props;
|
11738
11960
|
|
11739
11961
|
$$self.$$set = $$props => {
|
@@ -11746,13 +11968,13 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
11746
11968
|
class IconCartShopping extends SvelteComponent {
|
11747
11969
|
constructor(options) {
|
11748
11970
|
super();
|
11749
|
-
init(this, options, instance$
|
11971
|
+
init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
|
11750
11972
|
}
|
11751
11973
|
}
|
11752
11974
|
|
11753
|
-
/* src/components-
|
11975
|
+
/* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
|
11754
11976
|
|
11755
|
-
function create_fragment$
|
11977
|
+
function create_fragment$n(ctx) {
|
11756
11978
|
let svg;
|
11757
11979
|
let path;
|
11758
11980
|
|
@@ -11784,7 +12006,7 @@ function create_fragment$m(ctx) {
|
|
11784
12006
|
};
|
11785
12007
|
}
|
11786
12008
|
|
11787
|
-
function instance$
|
12009
|
+
function instance$n($$self, $$props, $$invalidate) {
|
11788
12010
|
let { color } = $$props;
|
11789
12011
|
|
11790
12012
|
$$self.$$set = $$props => {
|
@@ -11797,13 +12019,13 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
11797
12019
|
class IconCircle extends SvelteComponent {
|
11798
12020
|
constructor(options) {
|
11799
12021
|
super();
|
11800
|
-
init(this, options, instance$
|
12022
|
+
init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
|
11801
12023
|
}
|
11802
12024
|
}
|
11803
12025
|
|
11804
|
-
/* src/components-
|
12026
|
+
/* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
|
11805
12027
|
|
11806
|
-
function create_fragment$
|
12028
|
+
function create_fragment$m(ctx) {
|
11807
12029
|
let svg;
|
11808
12030
|
let path;
|
11809
12031
|
|
@@ -11835,7 +12057,7 @@ function create_fragment$l(ctx) {
|
|
11835
12057
|
};
|
11836
12058
|
}
|
11837
12059
|
|
11838
|
-
function instance$
|
12060
|
+
function instance$m($$self, $$props, $$invalidate) {
|
11839
12061
|
let { color } = $$props;
|
11840
12062
|
|
11841
12063
|
$$self.$$set = $$props => {
|
@@ -11848,13 +12070,13 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
11848
12070
|
class IconCircleQuestion extends SvelteComponent {
|
11849
12071
|
constructor(options) {
|
11850
12072
|
super();
|
11851
|
-
init(this, options, instance$
|
12073
|
+
init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
|
11852
12074
|
}
|
11853
12075
|
}
|
11854
12076
|
|
11855
|
-
/* src/components-
|
12077
|
+
/* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
|
11856
12078
|
|
11857
|
-
function create_fragment$
|
12079
|
+
function create_fragment$l(ctx) {
|
11858
12080
|
let svg;
|
11859
12081
|
let path;
|
11860
12082
|
|
@@ -11886,7 +12108,7 @@ function create_fragment$k(ctx) {
|
|
11886
12108
|
};
|
11887
12109
|
}
|
11888
12110
|
|
11889
|
-
function instance$
|
12111
|
+
function instance$l($$self, $$props, $$invalidate) {
|
11890
12112
|
let { color } = $$props;
|
11891
12113
|
|
11892
12114
|
$$self.$$set = $$props => {
|
@@ -11899,13 +12121,13 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
11899
12121
|
class IconCheck extends SvelteComponent {
|
11900
12122
|
constructor(options) {
|
11901
12123
|
super();
|
11902
|
-
init(this, options, instance$
|
12124
|
+
init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
|
11903
12125
|
}
|
11904
12126
|
}
|
11905
12127
|
|
11906
|
-
/* src/components-
|
12128
|
+
/* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
|
11907
12129
|
|
11908
|
-
function create_fragment$
|
12130
|
+
function create_fragment$k(ctx) {
|
11909
12131
|
let svg;
|
11910
12132
|
let path;
|
11911
12133
|
|
@@ -11937,7 +12159,7 @@ function create_fragment$j(ctx) {
|
|
11937
12159
|
};
|
11938
12160
|
}
|
11939
12161
|
|
11940
|
-
function instance$
|
12162
|
+
function instance$k($$self, $$props, $$invalidate) {
|
11941
12163
|
let { color } = $$props;
|
11942
12164
|
|
11943
12165
|
$$self.$$set = $$props => {
|
@@ -11950,13 +12172,13 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
11950
12172
|
class IconXMark extends SvelteComponent {
|
11951
12173
|
constructor(options) {
|
11952
12174
|
super();
|
11953
|
-
init(this, options, instance$
|
12175
|
+
init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
|
11954
12176
|
}
|
11955
12177
|
}
|
11956
12178
|
|
11957
|
-
/* src/components-
|
12179
|
+
/* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
|
11958
12180
|
|
11959
|
-
function create_fragment$
|
12181
|
+
function create_fragment$j(ctx) {
|
11960
12182
|
let svg;
|
11961
12183
|
let path;
|
11962
12184
|
|
@@ -11988,7 +12210,7 @@ function create_fragment$i(ctx) {
|
|
11988
12210
|
};
|
11989
12211
|
}
|
11990
12212
|
|
11991
|
-
function instance$
|
12213
|
+
function instance$j($$self, $$props, $$invalidate) {
|
11992
12214
|
let { color } = $$props;
|
11993
12215
|
|
11994
12216
|
$$self.$$set = $$props => {
|
@@ -12001,13 +12223,13 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
12001
12223
|
class IconPaperPlane extends SvelteComponent {
|
12002
12224
|
constructor(options) {
|
12003
12225
|
super();
|
12004
|
-
init(this, options, instance$
|
12226
|
+
init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
|
12005
12227
|
}
|
12006
12228
|
}
|
12007
12229
|
|
12008
|
-
/* src/components-
|
12230
|
+
/* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
|
12009
12231
|
|
12010
|
-
function create_fragment$
|
12232
|
+
function create_fragment$i(ctx) {
|
12011
12233
|
let svg;
|
12012
12234
|
let path;
|
12013
12235
|
|
@@ -12039,7 +12261,7 @@ function create_fragment$h(ctx) {
|
|
12039
12261
|
};
|
12040
12262
|
}
|
12041
12263
|
|
12042
|
-
function instance$
|
12264
|
+
function instance$i($$self, $$props, $$invalidate) {
|
12043
12265
|
let { color } = $$props;
|
12044
12266
|
|
12045
12267
|
$$self.$$set = $$props => {
|
@@ -12052,13 +12274,13 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
12052
12274
|
class IconCopy extends SvelteComponent {
|
12053
12275
|
constructor(options) {
|
12054
12276
|
super();
|
12055
|
-
init(this, options, instance$
|
12277
|
+
init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
|
12056
12278
|
}
|
12057
12279
|
}
|
12058
12280
|
|
12059
|
-
/* src/components-
|
12281
|
+
/* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
|
12060
12282
|
|
12061
|
-
function create_fragment$
|
12283
|
+
function create_fragment$h(ctx) {
|
12062
12284
|
let svg;
|
12063
12285
|
let path;
|
12064
12286
|
|
@@ -12090,7 +12312,7 @@ function create_fragment$g(ctx) {
|
|
12090
12312
|
};
|
12091
12313
|
}
|
12092
12314
|
|
12093
|
-
function instance$
|
12315
|
+
function instance$h($$self, $$props, $$invalidate) {
|
12094
12316
|
let { color } = $$props;
|
12095
12317
|
|
12096
12318
|
$$self.$$set = $$props => {
|
@@ -12103,13 +12325,13 @@ function instance$g($$self, $$props, $$invalidate) {
|
|
12103
12325
|
class IconCircleXMark extends SvelteComponent {
|
12104
12326
|
constructor(options) {
|
12105
12327
|
super();
|
12106
|
-
init(this, options, instance$
|
12328
|
+
init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
|
12107
12329
|
}
|
12108
12330
|
}
|
12109
12331
|
|
12110
|
-
/* src/components-
|
12332
|
+
/* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
|
12111
12333
|
|
12112
|
-
function create_fragment$
|
12334
|
+
function create_fragment$g(ctx) {
|
12113
12335
|
let svg;
|
12114
12336
|
let path;
|
12115
12337
|
|
@@ -12141,7 +12363,7 @@ function create_fragment$f(ctx) {
|
|
12141
12363
|
};
|
12142
12364
|
}
|
12143
12365
|
|
12144
|
-
function instance$
|
12366
|
+
function instance$g($$self, $$props, $$invalidate) {
|
12145
12367
|
let { color } = $$props;
|
12146
12368
|
|
12147
12369
|
$$self.$$set = $$props => {
|
@@ -12154,13 +12376,13 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
12154
12376
|
class IconHeart extends SvelteComponent {
|
12155
12377
|
constructor(options) {
|
12156
12378
|
super();
|
12157
|
-
init(this, options, instance$
|
12379
|
+
init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
|
12158
12380
|
}
|
12159
12381
|
}
|
12160
12382
|
|
12161
|
-
/* src/components-
|
12383
|
+
/* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
|
12162
12384
|
|
12163
|
-
function create_fragment$
|
12385
|
+
function create_fragment$f(ctx) {
|
12164
12386
|
let svg;
|
12165
12387
|
let path;
|
12166
12388
|
|
@@ -12192,7 +12414,7 @@ function create_fragment$e(ctx) {
|
|
12192
12414
|
};
|
12193
12415
|
}
|
12194
12416
|
|
12195
|
-
function instance$
|
12417
|
+
function instance$f($$self, $$props, $$invalidate) {
|
12196
12418
|
let { color } = $$props;
|
12197
12419
|
|
12198
12420
|
$$self.$$set = $$props => {
|
@@ -12205,13 +12427,13 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
12205
12427
|
class IconMagnifyingGrass extends SvelteComponent {
|
12206
12428
|
constructor(options) {
|
12207
12429
|
super();
|
12208
|
-
init(this, options, instance$
|
12430
|
+
init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
|
12209
12431
|
}
|
12210
12432
|
}
|
12211
12433
|
|
12212
|
-
/* src/components-
|
12434
|
+
/* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
|
12213
12435
|
|
12214
|
-
function create_fragment$
|
12436
|
+
function create_fragment$e(ctx) {
|
12215
12437
|
let svg;
|
12216
12438
|
let path;
|
12217
12439
|
|
@@ -12243,7 +12465,7 @@ function create_fragment$d(ctx) {
|
|
12243
12465
|
};
|
12244
12466
|
}
|
12245
12467
|
|
12246
|
-
function instance$
|
12468
|
+
function instance$e($$self, $$props, $$invalidate) {
|
12247
12469
|
let { color } = $$props;
|
12248
12470
|
|
12249
12471
|
$$self.$$set = $$props => {
|
@@ -12256,13 +12478,13 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
12256
12478
|
class IconStar extends SvelteComponent {
|
12257
12479
|
constructor(options) {
|
12258
12480
|
super();
|
12259
|
-
init(this, options, instance$
|
12481
|
+
init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
|
12260
12482
|
}
|
12261
12483
|
}
|
12262
12484
|
|
12263
|
-
/* src/components-
|
12485
|
+
/* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
|
12264
12486
|
|
12265
|
-
function create_fragment$
|
12487
|
+
function create_fragment$d(ctx) {
|
12266
12488
|
let svg;
|
12267
12489
|
let path;
|
12268
12490
|
|
@@ -12294,7 +12516,7 @@ function create_fragment$c(ctx) {
|
|
12294
12516
|
};
|
12295
12517
|
}
|
12296
12518
|
|
12297
|
-
function instance$
|
12519
|
+
function instance$d($$self, $$props, $$invalidate) {
|
12298
12520
|
let { color } = $$props;
|
12299
12521
|
|
12300
12522
|
$$self.$$set = $$props => {
|
@@ -12307,13 +12529,13 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
12307
12529
|
class IconCircleInfo extends SvelteComponent {
|
12308
12530
|
constructor(options) {
|
12309
12531
|
super();
|
12310
|
-
init(this, options, instance$
|
12532
|
+
init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
|
12311
12533
|
}
|
12312
12534
|
}
|
12313
12535
|
|
12314
|
-
/* src/components-
|
12536
|
+
/* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
|
12315
12537
|
|
12316
|
-
function create_fragment$
|
12538
|
+
function create_fragment$c(ctx) {
|
12317
12539
|
let svg;
|
12318
12540
|
let path;
|
12319
12541
|
|
@@ -12345,7 +12567,7 @@ function create_fragment$b(ctx) {
|
|
12345
12567
|
};
|
12346
12568
|
}
|
12347
12569
|
|
12348
|
-
function instance$
|
12570
|
+
function instance$c($$self, $$props, $$invalidate) {
|
12349
12571
|
let { color } = $$props;
|
12350
12572
|
|
12351
12573
|
$$self.$$set = $$props => {
|
@@ -12358,13 +12580,13 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
12358
12580
|
class IconEnvelope extends SvelteComponent {
|
12359
12581
|
constructor(options) {
|
12360
12582
|
super();
|
12361
|
-
init(this, options, instance$
|
12583
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
|
12362
12584
|
}
|
12363
12585
|
}
|
12364
12586
|
|
12365
|
-
/* src/components-
|
12587
|
+
/* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
|
12366
12588
|
|
12367
|
-
function create_fragment$
|
12589
|
+
function create_fragment$b(ctx) {
|
12368
12590
|
let svg;
|
12369
12591
|
let path;
|
12370
12592
|
|
@@ -12396,7 +12618,7 @@ function create_fragment$a(ctx) {
|
|
12396
12618
|
};
|
12397
12619
|
}
|
12398
12620
|
|
12399
|
-
function instance$
|
12621
|
+
function instance$b($$self, $$props, $$invalidate) {
|
12400
12622
|
let { color } = $$props;
|
12401
12623
|
|
12402
12624
|
$$self.$$set = $$props => {
|
@@ -12409,13 +12631,13 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
12409
12631
|
class IconGift extends SvelteComponent {
|
12410
12632
|
constructor(options) {
|
12411
12633
|
super();
|
12412
|
-
init(this, options, instance$
|
12634
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
|
12413
12635
|
}
|
12414
12636
|
}
|
12415
12637
|
|
12416
|
-
/* src/components-
|
12638
|
+
/* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
|
12417
12639
|
|
12418
|
-
function create_fragment$
|
12640
|
+
function create_fragment$a(ctx) {
|
12419
12641
|
let svg;
|
12420
12642
|
let path;
|
12421
12643
|
|
@@ -12447,7 +12669,7 @@ function create_fragment$9(ctx) {
|
|
12447
12669
|
};
|
12448
12670
|
}
|
12449
12671
|
|
12450
|
-
function instance$
|
12672
|
+
function instance$a($$self, $$props, $$invalidate) {
|
12451
12673
|
let { color } = $$props;
|
12452
12674
|
|
12453
12675
|
$$self.$$set = $$props => {
|
@@ -12460,13 +12682,13 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
12460
12682
|
class IconPaperclip extends SvelteComponent {
|
12461
12683
|
constructor(options) {
|
12462
12684
|
super();
|
12463
|
-
init(this, options, instance$
|
12685
|
+
init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
|
12464
12686
|
}
|
12465
12687
|
}
|
12466
12688
|
|
12467
|
-
/* src/components-
|
12689
|
+
/* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
|
12468
12690
|
|
12469
|
-
function create_fragment$
|
12691
|
+
function create_fragment$9(ctx) {
|
12470
12692
|
let svg;
|
12471
12693
|
let path;
|
12472
12694
|
|
@@ -12498,7 +12720,7 @@ function create_fragment$8(ctx) {
|
|
12498
12720
|
};
|
12499
12721
|
}
|
12500
12722
|
|
12501
|
-
function instance$
|
12723
|
+
function instance$9($$self, $$props, $$invalidate) {
|
12502
12724
|
let { color } = $$props;
|
12503
12725
|
|
12504
12726
|
$$self.$$set = $$props => {
|
@@ -12511,13 +12733,13 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
12511
12733
|
class IconFire extends SvelteComponent {
|
12512
12734
|
constructor(options) {
|
12513
12735
|
super();
|
12514
|
-
init(this, options, instance$
|
12736
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
|
12515
12737
|
}
|
12516
12738
|
}
|
12517
12739
|
|
12518
|
-
/* src/components-
|
12740
|
+
/* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
|
12519
12741
|
|
12520
|
-
function create_fragment$
|
12742
|
+
function create_fragment$8(ctx) {
|
12521
12743
|
let svg;
|
12522
12744
|
let path;
|
12523
12745
|
|
@@ -12549,7 +12771,7 @@ function create_fragment$7(ctx) {
|
|
12549
12771
|
};
|
12550
12772
|
}
|
12551
12773
|
|
12552
|
-
function instance$
|
12774
|
+
function instance$8($$self, $$props, $$invalidate) {
|
12553
12775
|
let { color } = $$props;
|
12554
12776
|
|
12555
12777
|
$$self.$$set = $$props => {
|
@@ -12562,7 +12784,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
12562
12784
|
class IconLink extends SvelteComponent {
|
12563
12785
|
constructor(options) {
|
12564
12786
|
super();
|
12565
|
-
init(this, options, instance$
|
12787
|
+
init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
|
12566
12788
|
}
|
12567
12789
|
}
|
12568
12790
|
|
@@ -12626,7 +12848,7 @@ const ICON_VARIANTS = {
|
|
12626
12848
|
x_mark: IconXMark,
|
12627
12849
|
};
|
12628
12850
|
// @ts-ignore
|
12629
|
-
[
|
12851
|
+
const ICON_PARAMS = [
|
12630
12852
|
{
|
12631
12853
|
id: 'variant',
|
12632
12854
|
name: 'アイコン',
|
@@ -12648,95 +12870,22 @@ const ICON_VARIANTS = {
|
|
12648
12870
|
},
|
12649
12871
|
];
|
12650
12872
|
|
12651
|
-
|
12652
|
-
let result = str.replace(/_/g, '-');
|
12653
|
-
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
12654
|
-
return result;
|
12655
|
-
};
|
12656
|
-
const objToStyle = (obj) => {
|
12657
|
-
const styles = Object.entries(obj)
|
12658
|
-
.map(([key, value]) => {
|
12659
|
-
if (value === undefined)
|
12660
|
-
return '';
|
12661
|
-
return `${toHyphenCase(key)}: ${value};`;
|
12662
|
-
})
|
12663
|
-
.filter(v => v !== '');
|
12664
|
-
return styles.join(' ');
|
12665
|
-
};
|
12666
|
-
|
12667
|
-
const toCssPosition = (p) => {
|
12668
|
-
return {
|
12669
|
-
position: p?.position ?? 'static',
|
12670
|
-
top: p?.top,
|
12671
|
-
left: p?.left,
|
12672
|
-
bottom: p?.bottom,
|
12673
|
-
right: p?.right,
|
12674
|
-
};
|
12675
|
-
};
|
12676
|
-
const toCssCommon = (p) => {
|
12677
|
-
return {
|
12678
|
-
...toCssPosition(p),
|
12679
|
-
};
|
12680
|
-
};
|
12681
|
-
const toCssBorder = (p) => {
|
12682
|
-
const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
|
12683
|
-
if (borderWidth === null)
|
12684
|
-
return {};
|
12685
|
-
return {
|
12686
|
-
borderColor: p?.borderColor,
|
12687
|
-
borderStyle: 'solid',
|
12688
|
-
borderTopWidth: p?.borderTopWidth,
|
12689
|
-
borderLeftWidth: p?.borderLeftWidth,
|
12690
|
-
borderRightWidth: p?.borderRightWidth,
|
12691
|
-
borderBottomWidth: p?.borderBottomWidth,
|
12692
|
-
};
|
12693
|
-
};
|
12694
|
-
const toCssPadding = (p) => {
|
12695
|
-
return {
|
12696
|
-
paddingTop: p?.paddingTop,
|
12697
|
-
paddingLeft: p?.paddingLeft,
|
12698
|
-
paddingRight: p?.paddingRight,
|
12699
|
-
paddingBottom: p?.paddingBottom,
|
12700
|
-
};
|
12701
|
-
};
|
12702
|
-
const toCssBackgroundImage = (p) => {
|
12703
|
-
const url = p?.backgroundImageUrl;
|
12704
|
-
return {
|
12705
|
-
backgroundImage: url ? `url(${url})` : undefined,
|
12706
|
-
backgroundSize: url ? 'cover' : undefined,
|
12707
|
-
};
|
12708
|
-
};
|
12709
|
-
const toCssBackgroundColor = (p) => {
|
12710
|
-
return {
|
12711
|
-
backgroundColor: p?.backgroundColor,
|
12712
|
-
};
|
12713
|
-
};
|
12714
|
-
const toCssRadius = (p) => {
|
12715
|
-
return {
|
12716
|
-
borderTopLeftRadius: p?.borderTopLeftRadius,
|
12717
|
-
borderTopRightRadius: p?.borderTopRightRadius,
|
12718
|
-
borderBottomLeftRadius: p?.borderBottomLeftRadius,
|
12719
|
-
borderBottomRightRadius: p?.borderBottomRightRadius,
|
12720
|
-
};
|
12721
|
-
};
|
12722
|
-
const toCssShadow = (p) => {
|
12723
|
-
return {
|
12724
|
-
boxShadow: p?.shadow,
|
12725
|
-
};
|
12726
|
-
};
|
12873
|
+
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
12727
12874
|
|
12728
|
-
|
12875
|
+
function add_css$7(target) {
|
12876
|
+
append_styles(target, "svelte-u5222d", ".icon.svelte-u5222d{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
12877
|
+
}
|
12729
12878
|
|
12879
|
+
// (15:0) {#if (IconComponent)}
|
12730
12880
|
function create_if_block$3(ctx) {
|
12731
12881
|
let div;
|
12732
12882
|
let switch_instance;
|
12733
|
-
let div_style_value;
|
12734
12883
|
let current;
|
12735
|
-
var switch_value = /*IconComponent*/ ctx[
|
12884
|
+
var switch_value = /*IconComponent*/ ctx[2];
|
12736
12885
|
|
12737
12886
|
function switch_props(ctx) {
|
12738
12887
|
return {
|
12739
|
-
props: { color: /*props*/ ctx[
|
12888
|
+
props: { color: /*props*/ ctx[0].color ?? '#333' }
|
12740
12889
|
};
|
12741
12890
|
}
|
12742
12891
|
|
@@ -12748,9 +12897,9 @@ function create_if_block$3(ctx) {
|
|
12748
12897
|
c() {
|
12749
12898
|
div = element("div");
|
12750
12899
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
12751
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[
|
12752
|
-
attr(div, "
|
12753
|
-
attr(div, "style",
|
12900
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
12901
|
+
attr(div, "class", "icon svelte-u5222d");
|
12902
|
+
attr(div, "style", /*style*/ ctx[3]);
|
12754
12903
|
},
|
12755
12904
|
m(target, anchor) {
|
12756
12905
|
insert(target, div, anchor);
|
@@ -12759,9 +12908,9 @@ function create_if_block$3(ctx) {
|
|
12759
12908
|
},
|
12760
12909
|
p(ctx, dirty) {
|
12761
12910
|
const switch_instance_changes = {};
|
12762
|
-
if (dirty & /*props*/
|
12911
|
+
if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
|
12763
12912
|
|
12764
|
-
if (switch_value !== (switch_value = /*IconComponent*/ ctx[
|
12913
|
+
if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
|
12765
12914
|
if (switch_instance) {
|
12766
12915
|
group_outros();
|
12767
12916
|
const old_component = switch_instance;
|
@@ -12785,12 +12934,12 @@ function create_if_block$3(ctx) {
|
|
12785
12934
|
switch_instance.$set(switch_instance_changes);
|
12786
12935
|
}
|
12787
12936
|
|
12788
|
-
if (!current || dirty & /*layerId*/
|
12789
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[
|
12937
|
+
if (!current || dirty & /*layerId*/ 2) {
|
12938
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
12790
12939
|
}
|
12791
12940
|
|
12792
|
-
if (!current || dirty & /*style
|
12793
|
-
attr(div, "style",
|
12941
|
+
if (!current || dirty & /*style*/ 8) {
|
12942
|
+
attr(div, "style", /*style*/ ctx[3]);
|
12794
12943
|
}
|
12795
12944
|
},
|
12796
12945
|
i(local) {
|
@@ -12809,10 +12958,10 @@ function create_if_block$3(ctx) {
|
|
12809
12958
|
};
|
12810
12959
|
}
|
12811
12960
|
|
12812
|
-
function create_fragment$
|
12961
|
+
function create_fragment$7(ctx) {
|
12813
12962
|
let if_block_anchor;
|
12814
12963
|
let current;
|
12815
|
-
let if_block = /*IconComponent*/ ctx[
|
12964
|
+
let if_block = /*IconComponent*/ ctx[2] && create_if_block$3(ctx);
|
12816
12965
|
|
12817
12966
|
return {
|
12818
12967
|
c() {
|
@@ -12825,11 +12974,11 @@ function create_fragment$6(ctx) {
|
|
12825
12974
|
current = true;
|
12826
12975
|
},
|
12827
12976
|
p(ctx, [dirty]) {
|
12828
|
-
if (/*IconComponent*/ ctx[
|
12977
|
+
if (/*IconComponent*/ ctx[2]) {
|
12829
12978
|
if (if_block) {
|
12830
12979
|
if_block.p(ctx, dirty);
|
12831
12980
|
|
12832
|
-
if (dirty & /*IconComponent*/
|
12981
|
+
if (dirty & /*IconComponent*/ 4) {
|
12833
12982
|
transition_in(if_block, 1);
|
12834
12983
|
}
|
12835
12984
|
} else {
|
@@ -12864,54 +13013,49 @@ function create_fragment$6(ctx) {
|
|
12864
13013
|
};
|
12865
13014
|
}
|
12866
13015
|
|
12867
|
-
function instance$
|
13016
|
+
function instance$7($$self, $$props, $$invalidate) {
|
12868
13017
|
let style;
|
12869
13018
|
let IconComponent;
|
12870
|
-
let { layerId } = $$props;
|
12871
13019
|
let { props = {} } = $$props;
|
12872
|
-
let {
|
13020
|
+
let { layerId = '' } = $$props;
|
12873
13021
|
|
12874
13022
|
$$self.$$set = $$props => {
|
12875
|
-
if ('
|
12876
|
-
if ('
|
12877
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
13023
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
13024
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
12878
13025
|
};
|
12879
13026
|
|
12880
13027
|
$$self.$$.update = () => {
|
12881
|
-
if ($$self.$$.dirty & /*props*/
|
12882
|
-
$$invalidate(
|
12883
|
-
display: 'inline-flex',
|
12884
|
-
alignItems: 'center',
|
12885
|
-
overflow: 'hidden',
|
12886
|
-
width: 'auto',
|
13028
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
13029
|
+
$$invalidate(3, style = objToStyle({
|
12887
13030
|
minWidth: props.size,
|
13031
|
+
width: props.size,
|
12888
13032
|
height: props.size,
|
12889
13033
|
...toCssCommon(props)
|
12890
13034
|
}));
|
12891
13035
|
}
|
12892
13036
|
|
12893
|
-
if ($$self.$$.dirty & /*props*/
|
12894
|
-
$$invalidate(
|
13037
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
13038
|
+
$$invalidate(2, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
|
12895
13039
|
}
|
12896
13040
|
};
|
12897
13041
|
|
12898
|
-
return [
|
13042
|
+
return [props, layerId, IconComponent, style];
|
12899
13043
|
}
|
12900
13044
|
|
12901
13045
|
class Icon extends SvelteComponent {
|
12902
13046
|
constructor(options) {
|
12903
13047
|
super();
|
12904
|
-
init(this, options, instance$
|
13048
|
+
init(this, options, instance$7, create_fragment$7, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
|
12905
13049
|
}
|
12906
13050
|
}
|
12907
13051
|
|
12908
|
-
/* src/components-
|
13052
|
+
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
12909
13053
|
|
12910
|
-
function add_css(target) {
|
12911
|
-
append_styles(target, "svelte-
|
13054
|
+
function add_css$6(target) {
|
13055
|
+
append_styles(target, "svelte-ogjuh5", ".v2-button.svelte-ogjuh5{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-ogjuh5{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
12912
13056
|
}
|
12913
13057
|
|
12914
|
-
// (
|
13058
|
+
// (127:2) {#if (props.isIcon && props.iconVariant)}
|
12915
13059
|
function create_if_block$2(ctx) {
|
12916
13060
|
let div;
|
12917
13061
|
let icon;
|
@@ -12919,12 +13063,10 @@ function create_if_block$2(ctx) {
|
|
12919
13063
|
|
12920
13064
|
icon = new Icon({
|
12921
13065
|
props: {
|
12922
|
-
layerId: undefined,
|
12923
|
-
overrideStyle: undefined,
|
12924
13066
|
props: {
|
12925
|
-
variant: /*props*/ ctx[
|
13067
|
+
variant: /*props*/ ctx[0].iconVariant,
|
12926
13068
|
size: '1em',
|
12927
|
-
color: /*VARIANTS*/ ctx[
|
13069
|
+
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
12928
13070
|
}
|
12929
13071
|
}
|
12930
13072
|
});
|
@@ -12933,7 +13075,7 @@ function create_if_block$2(ctx) {
|
|
12933
13075
|
c() {
|
12934
13076
|
div = element("div");
|
12935
13077
|
create_component(icon.$$.fragment);
|
12936
|
-
attr(div, "class", "v2-button-icon svelte-
|
13078
|
+
attr(div, "class", "v2-button-icon svelte-ogjuh5");
|
12937
13079
|
},
|
12938
13080
|
m(target, anchor) {
|
12939
13081
|
insert(target, div, anchor);
|
@@ -12943,10 +13085,10 @@ function create_if_block$2(ctx) {
|
|
12943
13085
|
p(ctx, dirty) {
|
12944
13086
|
const icon_changes = {};
|
12945
13087
|
|
12946
|
-
if (dirty & /*props*/
|
12947
|
-
variant: /*props*/ ctx[
|
13088
|
+
if (dirty & /*props*/ 1) icon_changes.props = {
|
13089
|
+
variant: /*props*/ ctx[0].iconVariant,
|
12948
13090
|
size: '1em',
|
12949
|
-
color: /*VARIANTS*/ ctx[
|
13091
|
+
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
12950
13092
|
};
|
12951
13093
|
|
12952
13094
|
icon.$set(icon_changes);
|
@@ -12967,17 +13109,16 @@ function create_if_block$2(ctx) {
|
|
12967
13109
|
};
|
12968
13110
|
}
|
12969
13111
|
|
12970
|
-
function create_fragment$
|
13112
|
+
function create_fragment$6(ctx) {
|
12971
13113
|
let button;
|
12972
13114
|
let t0;
|
12973
13115
|
let span;
|
12974
|
-
let t1_value = /*props*/ ctx[
|
13116
|
+
let t1_value = /*props*/ ctx[0].label + "";
|
12975
13117
|
let t1;
|
12976
|
-
let button_style_value;
|
12977
13118
|
let current;
|
12978
13119
|
let mounted;
|
12979
13120
|
let dispose;
|
12980
|
-
let if_block = /*props*/ ctx[
|
13121
|
+
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block$2(ctx);
|
12981
13122
|
|
12982
13123
|
return {
|
12983
13124
|
c() {
|
@@ -12986,9 +13127,9 @@ function create_fragment$5(ctx) {
|
|
12986
13127
|
t0 = space();
|
12987
13128
|
span = element("span");
|
12988
13129
|
t1 = text(t1_value);
|
12989
|
-
attr(button, "data-layer-id", /*layerId*/ ctx[
|
12990
|
-
attr(button, "style",
|
12991
|
-
attr(button, "class", "v2-button svelte-
|
13130
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
13131
|
+
attr(button, "style", /*style*/ ctx[2]);
|
13132
|
+
attr(button, "class", "v2-button svelte-ogjuh5");
|
12992
13133
|
},
|
12993
13134
|
m(target, anchor) {
|
12994
13135
|
insert(target, button, anchor);
|
@@ -12999,16 +13140,16 @@ function create_fragment$5(ctx) {
|
|
12999
13140
|
current = true;
|
13000
13141
|
|
13001
13142
|
if (!mounted) {
|
13002
|
-
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[
|
13143
|
+
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
|
13003
13144
|
mounted = true;
|
13004
13145
|
}
|
13005
13146
|
},
|
13006
13147
|
p(ctx, [dirty]) {
|
13007
|
-
if (/*props*/ ctx[
|
13148
|
+
if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
|
13008
13149
|
if (if_block) {
|
13009
13150
|
if_block.p(ctx, dirty);
|
13010
13151
|
|
13011
|
-
if (dirty & /*props*/
|
13152
|
+
if (dirty & /*props*/ 1) {
|
13012
13153
|
transition_in(if_block, 1);
|
13013
13154
|
}
|
13014
13155
|
} else {
|
@@ -13027,14 +13168,14 @@ function create_fragment$5(ctx) {
|
|
13027
13168
|
check_outros();
|
13028
13169
|
}
|
13029
13170
|
|
13030
|
-
if ((!current || dirty & /*props*/
|
13171
|
+
if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
|
13031
13172
|
|
13032
|
-
if (!current || dirty & /*layerId*/
|
13033
|
-
attr(button, "data-layer-id", /*layerId*/ ctx[
|
13173
|
+
if (!current || dirty & /*layerId*/ 2) {
|
13174
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
13034
13175
|
}
|
13035
13176
|
|
13036
|
-
if (!current || dirty & /*style
|
13037
|
-
attr(button, "style",
|
13177
|
+
if (!current || dirty & /*style*/ 4) {
|
13178
|
+
attr(button, "style", /*style*/ ctx[2]);
|
13038
13179
|
}
|
13039
13180
|
},
|
13040
13181
|
i(local) {
|
@@ -13055,14 +13196,13 @@ function create_fragment$5(ctx) {
|
|
13055
13196
|
};
|
13056
13197
|
}
|
13057
13198
|
|
13058
|
-
function instance$
|
13199
|
+
function instance$6($$self, $$props, $$invalidate) {
|
13059
13200
|
let style;
|
13060
|
-
let { layerId = '' } = $$props;
|
13061
13201
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
13062
13202
|
let { eventName = '' } = $$props;
|
13063
13203
|
let { eventValue = undefined } = $$props;
|
13064
13204
|
let { props = {} } = $$props;
|
13065
|
-
let {
|
13205
|
+
let { layerId = '' } = $$props;
|
13066
13206
|
|
13067
13207
|
const VARIANTS = {
|
13068
13208
|
size: {
|
@@ -13095,7 +13235,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
13095
13235
|
large: {
|
13096
13236
|
minHeight: '48px',
|
13097
13237
|
paddingInline: '32px',
|
13098
|
-
fontSize: '
|
13238
|
+
fontSize: '14px',
|
13099
13239
|
paddingBlock: '10px',
|
13100
13240
|
lineHeight: 1.5,
|
13101
13241
|
borderRadius: '4px'
|
@@ -13152,17 +13292,16 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
13152
13292
|
}
|
13153
13293
|
|
13154
13294
|
$$self.$$set = $$props => {
|
13155
|
-
if ('
|
13156
|
-
if ('
|
13157
|
-
if ('
|
13158
|
-
if ('
|
13159
|
-
if ('
|
13160
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
13295
|
+
if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
|
13296
|
+
if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
|
13297
|
+
if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
|
13298
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
13299
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
13161
13300
|
};
|
13162
13301
|
|
13163
13302
|
$$self.$$.update = () => {
|
13164
|
-
if ($$self.$$.dirty & /*props*/
|
13165
|
-
$$invalidate(
|
13303
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
13304
|
+
$$invalidate(2, style = objToStyle({
|
13166
13305
|
display: 'inline-flex',
|
13167
13306
|
gap: '0.65em',
|
13168
13307
|
alignItems: 'center',
|
@@ -13183,17 +13322,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
13183
13322
|
}
|
13184
13323
|
};
|
13185
13324
|
|
13186
|
-
return [
|
13187
|
-
layerId,
|
13188
|
-
props,
|
13189
|
-
overrideStyle,
|
13190
|
-
style,
|
13191
|
-
VARIANTS,
|
13192
|
-
handleClick,
|
13193
|
-
onClick,
|
13194
|
-
eventName,
|
13195
|
-
eventValue
|
13196
|
-
];
|
13325
|
+
return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
|
13197
13326
|
}
|
13198
13327
|
|
13199
13328
|
class Button extends SvelteComponent {
|
@@ -13203,46 +13332,251 @@ class Button extends SvelteComponent {
|
|
13203
13332
|
init(
|
13204
13333
|
this,
|
13205
13334
|
options,
|
13206
|
-
instance$
|
13207
|
-
create_fragment$
|
13335
|
+
instance$6,
|
13336
|
+
create_fragment$6,
|
13208
13337
|
safe_not_equal,
|
13209
13338
|
{
|
13210
|
-
|
13211
|
-
|
13212
|
-
|
13213
|
-
|
13214
|
-
|
13215
|
-
overrideStyle: 2
|
13339
|
+
onClick: 5,
|
13340
|
+
eventName: 6,
|
13341
|
+
eventValue: 7,
|
13342
|
+
props: 0,
|
13343
|
+
layerId: 1
|
13216
13344
|
},
|
13217
|
-
add_css
|
13345
|
+
add_css$6
|
13218
13346
|
);
|
13219
13347
|
}
|
13220
13348
|
}
|
13221
13349
|
|
13222
|
-
|
13350
|
+
const BUTTON_SIZE = {
|
13351
|
+
extra_small: 'XSmall',
|
13352
|
+
small: 'Small',
|
13353
|
+
medium: 'Medium',
|
13354
|
+
large: 'Large',
|
13355
|
+
extra_large: 'XLarge',
|
13356
|
+
};
|
13357
|
+
const BUTTON_COLOR = {
|
13358
|
+
default: 'デフォルト',
|
13359
|
+
theme: 'テーマカラー',
|
13360
|
+
alert: 'アラート',
|
13361
|
+
transparent: '背景なし',
|
13362
|
+
};
|
13363
|
+
const BUTTON_ROUND = {
|
13364
|
+
default: 'デフォルト',
|
13365
|
+
none: 'なし',
|
13366
|
+
fulled: '円形',
|
13367
|
+
};
|
13368
|
+
const BUTTON_LINK_TARGET = {
|
13369
|
+
_self: '画面内遷移',
|
13370
|
+
_blank: '別タブで開く',
|
13371
|
+
};
|
13372
|
+
const BUTTON_ICON_ANGLE = {
|
13373
|
+
row: '左側',
|
13374
|
+
'row-reverse': '右側',
|
13375
|
+
};
|
13223
13376
|
|
13224
|
-
|
13225
|
-
let div;
|
13226
|
-
let current;
|
13227
|
-
const default_slot_template = /*#slots*/ ctx[4].default;
|
13228
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
|
13377
|
+
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
13229
13378
|
|
13230
|
-
|
13231
|
-
|
13232
|
-
|
13233
|
-
if (default_slot) default_slot.c();
|
13234
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
13235
|
-
attr(div, "data-component-name", "layout");
|
13236
|
-
attr(div, "style", /*style*/ ctx[1]);
|
13237
|
-
},
|
13238
|
-
m(target, anchor) {
|
13239
|
-
insert(target, div, anchor);
|
13379
|
+
function add_css$5(target) {
|
13380
|
+
append_styles(target, "svelte-1ae0xnq", ".close-button.svelte-1ae0xnq{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}");
|
13381
|
+
}
|
13240
13382
|
|
13241
|
-
|
13242
|
-
|
13243
|
-
|
13383
|
+
function create_fragment$5(ctx) {
|
13384
|
+
let button;
|
13385
|
+
let svg;
|
13386
|
+
let path;
|
13244
13387
|
|
13245
|
-
|
13388
|
+
return {
|
13389
|
+
c() {
|
13390
|
+
button = element("button");
|
13391
|
+
svg = svg_element("svg");
|
13392
|
+
path = svg_element("path");
|
13393
|
+
attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
|
13394
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
13395
|
+
set_style(svg, "width", "75%");
|
13396
|
+
set_style(svg, "height", "75%");
|
13397
|
+
attr(svg, "viewBox", "0 0 50 50");
|
13398
|
+
attr(svg, "fill", "#666666");
|
13399
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
13400
|
+
attr(button, "class", "close-button svelte-1ae0xnq");
|
13401
|
+
attr(button, "style", /*style*/ ctx[1]);
|
13402
|
+
},
|
13403
|
+
m(target, anchor) {
|
13404
|
+
insert(target, button, anchor);
|
13405
|
+
append(button, svg);
|
13406
|
+
append(svg, path);
|
13407
|
+
},
|
13408
|
+
p(ctx, [dirty]) {
|
13409
|
+
if (dirty & /*layerId*/ 1) {
|
13410
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
13411
|
+
}
|
13412
|
+
|
13413
|
+
if (dirty & /*style*/ 2) {
|
13414
|
+
attr(button, "style", /*style*/ ctx[1]);
|
13415
|
+
}
|
13416
|
+
},
|
13417
|
+
i: noop,
|
13418
|
+
o: noop,
|
13419
|
+
d(detaching) {
|
13420
|
+
if (detaching) detach(button);
|
13421
|
+
}
|
13422
|
+
};
|
13423
|
+
}
|
13424
|
+
|
13425
|
+
function instance$5($$self, $$props, $$invalidate) {
|
13426
|
+
let style;
|
13427
|
+
let { props = {} } = $$props;
|
13428
|
+
let { layerId = '' } = $$props;
|
13429
|
+
const size = props.size ?? 24;
|
13430
|
+
|
13431
|
+
$$self.$$set = $$props => {
|
13432
|
+
if ('props' in $$props) $$invalidate(2, props = $$props.props);
|
13433
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
13434
|
+
};
|
13435
|
+
|
13436
|
+
$$self.$$.update = () => {
|
13437
|
+
if ($$self.$$.dirty & /*props*/ 4) {
|
13438
|
+
$$invalidate(1, style = objToStyle({
|
13439
|
+
width: `${size}px`,
|
13440
|
+
height: `${size}px`,
|
13441
|
+
...props.bordered && { border: '1px solid #666' },
|
13442
|
+
...toCssCommon(props)
|
13443
|
+
}));
|
13444
|
+
}
|
13445
|
+
};
|
13446
|
+
|
13447
|
+
return [layerId, style, props];
|
13448
|
+
}
|
13449
|
+
|
13450
|
+
class CloseButton extends SvelteComponent {
|
13451
|
+
constructor(options) {
|
13452
|
+
super();
|
13453
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 2, layerId: 0 }, add_css$5);
|
13454
|
+
}
|
13455
|
+
}
|
13456
|
+
|
13457
|
+
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
13458
|
+
|
13459
|
+
function add_css$4(target) {
|
13460
|
+
append_styles(target, "svelte-1wv9v10", ".image.svelte-1wv9v10{max-width:100%;overflow:hidden;flex-shrink:0}.image-object.svelte-1wv9v10{width:100%;overflow:hidden}.image-img.svelte-1wv9v10{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
|
13461
|
+
}
|
13462
|
+
|
13463
|
+
function create_fragment$4(ctx) {
|
13464
|
+
let div;
|
13465
|
+
let object;
|
13466
|
+
let img;
|
13467
|
+
let img_src_value;
|
13468
|
+
let img_alt_value;
|
13469
|
+
|
13470
|
+
return {
|
13471
|
+
c() {
|
13472
|
+
div = element("div");
|
13473
|
+
object = element("object");
|
13474
|
+
img = element("img");
|
13475
|
+
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
13476
|
+
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
13477
|
+
attr(img, "class", "image-img svelte-1wv9v10");
|
13478
|
+
attr(object, "style", /*objectStyle*/ ctx[2]);
|
13479
|
+
attr(object, "class", "image-object svelte-1wv9v10");
|
13480
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
13481
|
+
attr(div, "class", "image svelte-1wv9v10");
|
13482
|
+
attr(div, "style", /*style*/ ctx[3]);
|
13483
|
+
},
|
13484
|
+
m(target, anchor) {
|
13485
|
+
insert(target, div, anchor);
|
13486
|
+
append(div, object);
|
13487
|
+
append(object, img);
|
13488
|
+
},
|
13489
|
+
p(ctx, [dirty]) {
|
13490
|
+
if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
|
13491
|
+
attr(img, "src", img_src_value);
|
13492
|
+
}
|
13493
|
+
|
13494
|
+
if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
|
13495
|
+
attr(img, "alt", img_alt_value);
|
13496
|
+
}
|
13497
|
+
|
13498
|
+
if (dirty & /*objectStyle*/ 4) {
|
13499
|
+
attr(object, "style", /*objectStyle*/ ctx[2]);
|
13500
|
+
}
|
13501
|
+
|
13502
|
+
if (dirty & /*layerId*/ 2) {
|
13503
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
13504
|
+
}
|
13505
|
+
|
13506
|
+
if (dirty & /*style*/ 8) {
|
13507
|
+
attr(div, "style", /*style*/ ctx[3]);
|
13508
|
+
}
|
13509
|
+
},
|
13510
|
+
i: noop,
|
13511
|
+
o: noop,
|
13512
|
+
d(detaching) {
|
13513
|
+
if (detaching) detach(div);
|
13514
|
+
}
|
13515
|
+
};
|
13516
|
+
}
|
13517
|
+
|
13518
|
+
function instance$4($$self, $$props, $$invalidate) {
|
13519
|
+
let style;
|
13520
|
+
let objectStyle;
|
13521
|
+
let { props = {} } = $$props;
|
13522
|
+
let { layerId = '' } = $$props;
|
13523
|
+
|
13524
|
+
$$self.$$set = $$props => {
|
13525
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
13526
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
13527
|
+
};
|
13528
|
+
|
13529
|
+
$$self.$$.update = () => {
|
13530
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
13531
|
+
$$invalidate(3, style = objToStyle({
|
13532
|
+
width: props.width ?? '100%',
|
13533
|
+
...toCssCommon(props)
|
13534
|
+
}));
|
13535
|
+
}
|
13536
|
+
|
13537
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
13538
|
+
$$invalidate(2, objectStyle = objToStyle({ aspectRatio: props.aspect }));
|
13539
|
+
}
|
13540
|
+
};
|
13541
|
+
|
13542
|
+
return [props, layerId, objectStyle, style];
|
13543
|
+
}
|
13544
|
+
|
13545
|
+
class Image extends SvelteComponent {
|
13546
|
+
constructor(options) {
|
13547
|
+
super();
|
13548
|
+
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 0, layerId: 1 }, add_css$4);
|
13549
|
+
}
|
13550
|
+
}
|
13551
|
+
|
13552
|
+
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
13553
|
+
|
13554
|
+
function add_css$3(target) {
|
13555
|
+
append_styles(target, "svelte-19rjtwm", ".layout.svelte-19rjtwm{margin:0}");
|
13556
|
+
}
|
13557
|
+
|
13558
|
+
function create_fragment$3(ctx) {
|
13559
|
+
let div;
|
13560
|
+
let current;
|
13561
|
+
const default_slot_template = /*#slots*/ ctx[4].default;
|
13562
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
|
13563
|
+
|
13564
|
+
return {
|
13565
|
+
c() {
|
13566
|
+
div = element("div");
|
13567
|
+
if (default_slot) default_slot.c();
|
13568
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
13569
|
+
attr(div, "class", "layout svelte-19rjtwm");
|
13570
|
+
attr(div, "style", /*style*/ ctx[1]);
|
13571
|
+
},
|
13572
|
+
m(target, anchor) {
|
13573
|
+
insert(target, div, anchor);
|
13574
|
+
|
13575
|
+
if (default_slot) {
|
13576
|
+
default_slot.m(div, null);
|
13577
|
+
}
|
13578
|
+
|
13579
|
+
current = true;
|
13246
13580
|
},
|
13247
13581
|
p(ctx, [dirty]) {
|
13248
13582
|
if (default_slot) {
|
@@ -13284,15 +13618,15 @@ function create_fragment$4(ctx) {
|
|
13284
13618
|
};
|
13285
13619
|
}
|
13286
13620
|
|
13287
|
-
function instance$
|
13621
|
+
function instance$3($$self, $$props, $$invalidate) {
|
13288
13622
|
let style;
|
13289
13623
|
let { $$slots: slots = {}, $$scope } = $$props;
|
13290
|
-
let { layerId = undefined } = $$props;
|
13291
13624
|
let { props = {} } = $$props;
|
13625
|
+
let { layerId = '' } = $$props;
|
13292
13626
|
|
13293
13627
|
$$self.$$set = $$props => {
|
13294
|
-
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
13295
13628
|
if ('props' in $$props) $$invalidate(2, props = $$props.props);
|
13629
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
13296
13630
|
if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
|
13297
13631
|
};
|
13298
13632
|
|
@@ -13308,7 +13642,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
13308
13642
|
width: props.width,
|
13309
13643
|
...toCssShadow(props),
|
13310
13644
|
...toCssRadius(props),
|
13311
|
-
...toCssBackgroundImage(props
|
13645
|
+
...toCssBackgroundImage(props),
|
13312
13646
|
...toCssBackgroundColor(props),
|
13313
13647
|
...toCssCommon(props),
|
13314
13648
|
...toCssPadding(props),
|
@@ -13323,19 +13657,29 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
13323
13657
|
class Layout extends SvelteComponent {
|
13324
13658
|
constructor(options) {
|
13325
13659
|
super();
|
13326
|
-
init(this, options, instance$
|
13660
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 2, layerId: 0 }, add_css$3);
|
13327
13661
|
}
|
13328
13662
|
}
|
13329
13663
|
|
13330
|
-
|
13664
|
+
const LAYOUT_DISPLAY_TYPE = ['inline-flex', 'flex', 'block'];
|
13665
|
+
const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
|
13666
|
+
const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
|
13667
|
+
const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
13331
13668
|
|
13332
|
-
|
13669
|
+
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
13670
|
+
|
13671
|
+
function add_css$2(target) {
|
13672
|
+
append_styles(target, "svelte-18qq8cj", ".text.svelte-18qq8cj{margin:0;word-break:break-all}");
|
13673
|
+
}
|
13674
|
+
|
13675
|
+
function create_fragment$2(ctx) {
|
13333
13676
|
let p;
|
13334
13677
|
|
13335
13678
|
return {
|
13336
13679
|
c() {
|
13337
13680
|
p = element("p");
|
13338
13681
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
13682
|
+
attr(p, "class", "text svelte-18qq8cj");
|
13339
13683
|
attr(p, "style", /*style*/ ctx[1]);
|
13340
13684
|
},
|
13341
13685
|
m(target, anchor) {
|
@@ -13360,15 +13704,24 @@ function create_fragment$3(ctx) {
|
|
13360
13704
|
};
|
13361
13705
|
}
|
13362
13706
|
|
13363
|
-
function instance$
|
13707
|
+
function instance$2($$self, $$props, $$invalidate) {
|
13364
13708
|
let escapedHTML;
|
13365
13709
|
let style;
|
13366
|
-
let { layerId } = $$props;
|
13367
13710
|
let { props = { content: '' } } = $$props;
|
13711
|
+
let { layerId = '' } = $$props;
|
13712
|
+
|
13713
|
+
const VARIANTS = {
|
13714
|
+
size: {
|
13715
|
+
small: { fontSize: '10px', lineHeight: 1.5 },
|
13716
|
+
medium: { fontSize: '12px', lineHeight: 2.0 },
|
13717
|
+
large: { fontSize: '14px', lineHeight: 2.0 },
|
13718
|
+
extra_large: { fontSize: '16px', lineHeight: 2.0 }
|
13719
|
+
}
|
13720
|
+
};
|
13368
13721
|
|
13369
13722
|
$$self.$$set = $$props => {
|
13370
|
-
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
13371
13723
|
if ('props' in $$props) $$invalidate(3, props = $$props.props);
|
13724
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
13372
13725
|
};
|
13373
13726
|
|
13374
13727
|
$$self.$$.update = () => {
|
@@ -13378,14 +13731,12 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
13378
13731
|
|
13379
13732
|
if ($$self.$$.dirty & /*props*/ 8) {
|
13380
13733
|
$$invalidate(1, style = objToStyle({
|
13381
|
-
margin: 0,
|
13382
13734
|
position: props?.position ?? 'static',
|
13383
13735
|
fontWeight: props.fontWeight,
|
13384
|
-
fontSize: props.fontSize,
|
13385
13736
|
color: props.color,
|
13386
13737
|
textAlign: props.align,
|
13387
|
-
wordBreak: 'break-all',
|
13388
13738
|
width: props.width,
|
13739
|
+
...VARIANTS.size[props.size ?? 'medium'],
|
13389
13740
|
...toCssRadius(props),
|
13390
13741
|
...toCssBackgroundColor(props),
|
13391
13742
|
...toCssCommon(props),
|
@@ -13401,59 +13752,61 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
13401
13752
|
class Text extends SvelteComponent {
|
13402
13753
|
constructor(options) {
|
13403
13754
|
super();
|
13404
|
-
init(this, options, instance$
|
13755
|
+
init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
|
13405
13756
|
}
|
13406
13757
|
}
|
13407
13758
|
|
13408
|
-
|
13759
|
+
const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
|
13760
|
+
const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
|
13761
|
+
const LAYER_TEXT_SIZE = {
|
13762
|
+
small: 'Small',
|
13763
|
+
medium: 'Medium',
|
13764
|
+
large: 'Large',
|
13765
|
+
extra_large: 'XLarge',
|
13766
|
+
};
|
13767
|
+
|
13768
|
+
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
13769
|
+
|
13770
|
+
function add_css$1(target) {
|
13771
|
+
append_styles(target, "svelte-ed4ktn", ".v2-background.svelte-ed4ktn{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
13772
|
+
}
|
13409
13773
|
|
13774
|
+
// (14:0) {#if backgroundOverlay}
|
13410
13775
|
function create_if_block$1(ctx) {
|
13411
13776
|
let div;
|
13412
|
-
let
|
13413
|
-
let
|
13414
|
-
let
|
13777
|
+
let div_class_value;
|
13778
|
+
let mounted;
|
13779
|
+
let dispose;
|
13415
13780
|
|
13416
13781
|
return {
|
13417
13782
|
c() {
|
13418
13783
|
div = element("div");
|
13419
|
-
|
13420
|
-
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
|
13421
|
-
attr(img, "alt", "");
|
13422
|
-
attr(img, "style", /*imgStyle*/ ctx[3]);
|
13423
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
13424
|
-
attr(div, "data-component-id", "avatar");
|
13425
|
-
attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
|
13784
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"));
|
13426
13785
|
},
|
13427
13786
|
m(target, anchor) {
|
13428
13787
|
insert(target, div, anchor);
|
13429
|
-
append(div, img);
|
13430
|
-
},
|
13431
|
-
p(ctx, dirty) {
|
13432
|
-
if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
|
13433
|
-
attr(img, "src", img_src_value);
|
13434
|
-
}
|
13435
13788
|
|
13436
|
-
if (
|
13437
|
-
|
13438
|
-
|
13439
|
-
|
13440
|
-
if (dirty & /*layerId*/ 1) {
|
13441
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
13789
|
+
if (!mounted) {
|
13790
|
+
dispose = listen(div, "click", /*click_handler*/ ctx[3]);
|
13791
|
+
mounted = true;
|
13442
13792
|
}
|
13443
|
-
|
13444
|
-
|
13445
|
-
|
13793
|
+
},
|
13794
|
+
p(ctx, dirty) {
|
13795
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-ed4ktn"))) {
|
13796
|
+
attr(div, "class", div_class_value);
|
13446
13797
|
}
|
13447
13798
|
},
|
13448
13799
|
d(detaching) {
|
13449
13800
|
if (detaching) detach(div);
|
13801
|
+
mounted = false;
|
13802
|
+
dispose();
|
13450
13803
|
}
|
13451
13804
|
};
|
13452
13805
|
}
|
13453
13806
|
|
13454
|
-
function create_fragment$
|
13807
|
+
function create_fragment$1(ctx) {
|
13455
13808
|
let if_block_anchor;
|
13456
|
-
let if_block = /*
|
13809
|
+
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$1(ctx);
|
13457
13810
|
|
13458
13811
|
return {
|
13459
13812
|
c() {
|
@@ -13465,7 +13818,7 @@ function create_fragment$2(ctx) {
|
|
13465
13818
|
insert(target, if_block_anchor, anchor);
|
13466
13819
|
},
|
13467
13820
|
p(ctx, [dirty]) {
|
13468
|
-
if (/*
|
13821
|
+
if (/*backgroundOverlay*/ ctx[0]) {
|
13469
13822
|
if (if_block) {
|
13470
13823
|
if_block.p(ctx, dirty);
|
13471
13824
|
} else {
|
@@ -13487,288 +13840,763 @@ function create_fragment$2(ctx) {
|
|
13487
13840
|
};
|
13488
13841
|
}
|
13489
13842
|
|
13490
|
-
function instance$
|
13491
|
-
let
|
13492
|
-
let
|
13493
|
-
|
13494
|
-
|
13495
|
-
let { overrideStyle } = $$props;
|
13496
|
-
|
13497
|
-
const VARIANTS = {
|
13498
|
-
shape: {
|
13499
|
-
circle: { borderRadius: '100%' },
|
13500
|
-
square: { borderRadius: '4px' }
|
13501
|
-
}
|
13502
|
-
};
|
13503
|
-
|
13504
|
-
const size = props.size ?? 64;
|
13843
|
+
function instance$1($$self, $$props, $$invalidate) {
|
13844
|
+
let { backgroundOverlay = false } = $$props;
|
13845
|
+
let { class: className = undefined } = $$props;
|
13846
|
+
const dispatch = createEventDispatcher();
|
13847
|
+
const click_handler = () => dispatch('click');
|
13505
13848
|
|
13506
13849
|
$$self.$$set = $$props => {
|
13507
|
-
if ('
|
13508
|
-
if ('
|
13509
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
13510
|
-
};
|
13511
|
-
|
13512
|
-
$$self.$$.update = () => {
|
13513
|
-
if ($$self.$$.dirty & /*props*/ 2) {
|
13514
|
-
$$invalidate(4, style = objToStyle({
|
13515
|
-
display: 'flex',
|
13516
|
-
alignItems: 'center',
|
13517
|
-
overflow: 'hidden',
|
13518
|
-
flexShrink: 0,
|
13519
|
-
width: `${size}px`,
|
13520
|
-
height: `${size}px`,
|
13521
|
-
...VARIANTS.shape[props.shape ?? 'square'],
|
13522
|
-
...props.bordered && { border: `1px solid #dbdbdb` },
|
13523
|
-
...toCssCommon(props)
|
13524
|
-
}));
|
13525
|
-
}
|
13850
|
+
if ('backgroundOverlay' in $$props) $$invalidate(0, backgroundOverlay = $$props.backgroundOverlay);
|
13851
|
+
if ('class' in $$props) $$invalidate(1, className = $$props.class);
|
13526
13852
|
};
|
13527
13853
|
|
13528
|
-
|
13529
|
-
width: '100%',
|
13530
|
-
height: '100%',
|
13531
|
-
objectFit: 'cover'
|
13532
|
-
}));
|
13533
|
-
|
13534
|
-
return [layerId, props, overrideStyle, imgStyle, style];
|
13854
|
+
return [backgroundOverlay, className, dispatch, click_handler];
|
13535
13855
|
}
|
13536
13856
|
|
13537
|
-
class
|
13857
|
+
class BackgroundOverlay extends SvelteComponent {
|
13538
13858
|
constructor(options) {
|
13539
13859
|
super();
|
13540
|
-
init(this, options, instance$
|
13860
|
+
init(this, options, instance$1, create_fragment$1, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$1);
|
13541
13861
|
}
|
13542
13862
|
}
|
13543
13863
|
|
13544
|
-
/* src/components-
|
13864
|
+
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
13545
13865
|
|
13546
|
-
function
|
13547
|
-
|
13548
|
-
|
13549
|
-
|
13550
|
-
|
13551
|
-
|
13866
|
+
function add_css(target) {
|
13867
|
+
append_styles(target, "svelte-q9l1ox", ".v2-modal.svelte-q9l1ox{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.v2-modal.svelte-q9l1ox > .button{flex:auto;display:flex}.v2-close.svelte-q9l1ox{position:absolute;top:8px;right:8px}.v2-close.svelte-q9l1ox > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.v2-close.svelte-q9l1ox > .button:hover{transform:rotate(90deg)}@media screen and (min-width: 641px){.v2-modal-bp.svelte-q9l1ox{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.v2-background-bp-pc{display:block}.v2-background-bp-sp{display:none}}@media screen and (max-width: 640px){.v2-modal-bp.svelte-q9l1ox{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.v2-background-bp-pc{display:none}.v2-background-bp-sp{display:block}}");
|
13868
|
+
}
|
13869
|
+
|
13870
|
+
// (264:0) {:else}
|
13871
|
+
function create_else_block(ctx) {
|
13872
|
+
let backgroundoverlay;
|
13873
|
+
let current;
|
13874
|
+
|
13875
|
+
backgroundoverlay = new BackgroundOverlay({
|
13876
|
+
props: {
|
13877
|
+
backgroundOverlay: /*backgroundOverlay*/ ctx[4]
|
13878
|
+
}
|
13879
|
+
});
|
13880
|
+
|
13881
|
+
backgroundoverlay.$on("click", function () {
|
13882
|
+
if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
|
13883
|
+
});
|
13552
13884
|
|
13553
13885
|
return {
|
13554
13886
|
c() {
|
13555
|
-
|
13556
|
-
object = element("object");
|
13557
|
-
img = element("img");
|
13558
|
-
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
|
13559
|
-
attr(img, "alt", "");
|
13560
|
-
attr(img, "style", /*imgStyle*/ ctx[3]);
|
13561
|
-
attr(object, "style", /*objectStyle*/ ctx[4]);
|
13562
|
-
attr(object, "title", "");
|
13563
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
13564
|
-
attr(div, "style", div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '));
|
13887
|
+
create_component(backgroundoverlay.$$.fragment);
|
13565
13888
|
},
|
13566
13889
|
m(target, anchor) {
|
13567
|
-
|
13568
|
-
|
13569
|
-
append(object, img);
|
13890
|
+
mount_component(backgroundoverlay, target, anchor);
|
13891
|
+
current = true;
|
13570
13892
|
},
|
13571
|
-
p(
|
13572
|
-
|
13573
|
-
|
13574
|
-
|
13893
|
+
p(new_ctx, dirty) {
|
13894
|
+
ctx = new_ctx;
|
13895
|
+
const backgroundoverlay_changes = {};
|
13896
|
+
if (dirty[0] & /*backgroundOverlay*/ 16) backgroundoverlay_changes.backgroundOverlay = /*backgroundOverlay*/ ctx[4];
|
13897
|
+
backgroundoverlay.$set(backgroundoverlay_changes);
|
13898
|
+
},
|
13899
|
+
i(local) {
|
13900
|
+
if (current) return;
|
13901
|
+
transition_in(backgroundoverlay.$$.fragment, local);
|
13902
|
+
current = true;
|
13903
|
+
},
|
13904
|
+
o(local) {
|
13905
|
+
transition_out(backgroundoverlay.$$.fragment, local);
|
13906
|
+
current = false;
|
13907
|
+
},
|
13908
|
+
d(detaching) {
|
13909
|
+
destroy_component(backgroundoverlay, detaching);
|
13910
|
+
}
|
13911
|
+
};
|
13912
|
+
}
|
13575
13913
|
|
13576
|
-
|
13577
|
-
|
13578
|
-
|
13914
|
+
// (253:24)
|
13915
|
+
function create_if_block_3(ctx) {
|
13916
|
+
let backgroundoverlay0;
|
13917
|
+
let t;
|
13918
|
+
let backgroundoverlay1;
|
13919
|
+
let current;
|
13579
13920
|
|
13580
|
-
|
13581
|
-
|
13921
|
+
backgroundoverlay0 = new BackgroundOverlay({
|
13922
|
+
props: {
|
13923
|
+
class: "v2-background-bp-pc",
|
13924
|
+
backgroundOverlay: /*backgroundOverlayPC*/ ctx[5]
|
13582
13925
|
}
|
13926
|
+
});
|
13583
13927
|
|
13584
|
-
|
13585
|
-
|
13586
|
-
|
13928
|
+
backgroundoverlay0.$on("click", function () {
|
13929
|
+
if (is_function(/*backgroundClickPC*/ ctx[11])) /*backgroundClickPC*/ ctx[11].apply(this, arguments);
|
13930
|
+
});
|
13587
13931
|
|
13588
|
-
|
13589
|
-
|
13932
|
+
backgroundoverlay1 = new BackgroundOverlay({
|
13933
|
+
props: {
|
13934
|
+
class: "v2-background-bp-sp ",
|
13935
|
+
backgroundOverlay: /*backgroundOverlaySP*/ ctx[6]
|
13590
13936
|
}
|
13937
|
+
});
|
13938
|
+
|
13939
|
+
backgroundoverlay1.$on("click", function () {
|
13940
|
+
if (is_function(/*backgroundClickSP*/ ctx[10])) /*backgroundClickSP*/ ctx[10].apply(this, arguments);
|
13941
|
+
});
|
13942
|
+
|
13943
|
+
return {
|
13944
|
+
c() {
|
13945
|
+
create_component(backgroundoverlay0.$$.fragment);
|
13946
|
+
t = space();
|
13947
|
+
create_component(backgroundoverlay1.$$.fragment);
|
13948
|
+
},
|
13949
|
+
m(target, anchor) {
|
13950
|
+
mount_component(backgroundoverlay0, target, anchor);
|
13951
|
+
insert(target, t, anchor);
|
13952
|
+
mount_component(backgroundoverlay1, target, anchor);
|
13953
|
+
current = true;
|
13954
|
+
},
|
13955
|
+
p(new_ctx, dirty) {
|
13956
|
+
ctx = new_ctx;
|
13957
|
+
const backgroundoverlay0_changes = {};
|
13958
|
+
if (dirty[0] & /*backgroundOverlayPC*/ 32) backgroundoverlay0_changes.backgroundOverlay = /*backgroundOverlayPC*/ ctx[5];
|
13959
|
+
backgroundoverlay0.$set(backgroundoverlay0_changes);
|
13960
|
+
const backgroundoverlay1_changes = {};
|
13961
|
+
if (dirty[0] & /*backgroundOverlaySP*/ 64) backgroundoverlay1_changes.backgroundOverlay = /*backgroundOverlaySP*/ ctx[6];
|
13962
|
+
backgroundoverlay1.$set(backgroundoverlay1_changes);
|
13963
|
+
},
|
13964
|
+
i(local) {
|
13965
|
+
if (current) return;
|
13966
|
+
transition_in(backgroundoverlay0.$$.fragment, local);
|
13967
|
+
transition_in(backgroundoverlay1.$$.fragment, local);
|
13968
|
+
current = true;
|
13969
|
+
},
|
13970
|
+
o(local) {
|
13971
|
+
transition_out(backgroundoverlay0.$$.fragment, local);
|
13972
|
+
transition_out(backgroundoverlay1.$$.fragment, local);
|
13973
|
+
current = false;
|
13591
13974
|
},
|
13592
13975
|
d(detaching) {
|
13593
|
-
|
13976
|
+
destroy_component(backgroundoverlay0, detaching);
|
13977
|
+
if (detaching) detach(t);
|
13978
|
+
destroy_component(backgroundoverlay1, detaching);
|
13594
13979
|
}
|
13595
13980
|
};
|
13596
13981
|
}
|
13597
13982
|
|
13598
|
-
|
13599
|
-
|
13600
|
-
|
13983
|
+
// (251:0) {#if isPreview()}
|
13984
|
+
function create_if_block_2(ctx) {
|
13985
|
+
return {
|
13986
|
+
c: noop,
|
13987
|
+
m: noop,
|
13988
|
+
p: noop,
|
13989
|
+
i: noop,
|
13990
|
+
o: noop,
|
13991
|
+
d: noop
|
13992
|
+
};
|
13993
|
+
}
|
13994
|
+
|
13995
|
+
// (267:0) {#if visible}
|
13996
|
+
function create_if_block(ctx) {
|
13997
|
+
let div1;
|
13998
|
+
let t;
|
13999
|
+
let div0;
|
14000
|
+
let div1_class_value;
|
14001
|
+
let div1_intro;
|
14002
|
+
let current;
|
14003
|
+
let if_block = /*closable*/ ctx[13] && create_if_block_1(ctx);
|
14004
|
+
const default_slot_template = /*#slots*/ ctx[30].default;
|
14005
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
|
13601
14006
|
|
13602
14007
|
return {
|
13603
14008
|
c() {
|
14009
|
+
div1 = element("div");
|
13604
14010
|
if (if_block) if_block.c();
|
13605
|
-
|
14011
|
+
t = space();
|
14012
|
+
div0 = element("div");
|
14013
|
+
if (default_slot) default_slot.c();
|
14014
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-q9l1ox"));
|
14015
|
+
attr(div1, "role", "dialog");
|
14016
|
+
attr(div1, "aria-modal", "true");
|
14017
|
+
attr(div1, "style", Array.from(/*modalStyles*/ ctx[15]).join(';'));
|
13606
14018
|
},
|
13607
14019
|
m(target, anchor) {
|
13608
|
-
|
13609
|
-
|
14020
|
+
insert(target, div1, anchor);
|
14021
|
+
if (if_block) if_block.m(div1, null);
|
14022
|
+
append(div1, t);
|
14023
|
+
append(div1, div0);
|
14024
|
+
|
14025
|
+
if (default_slot) {
|
14026
|
+
default_slot.m(div0, null);
|
14027
|
+
}
|
14028
|
+
|
14029
|
+
/*div1_binding*/ ctx[31](div1);
|
14030
|
+
current = true;
|
13610
14031
|
},
|
13611
|
-
p(
|
13612
|
-
|
14032
|
+
p(new_ctx, dirty) {
|
14033
|
+
ctx = new_ctx;
|
14034
|
+
|
14035
|
+
if (/*closable*/ ctx[13]) {
|
13613
14036
|
if (if_block) {
|
13614
14037
|
if_block.p(ctx, dirty);
|
14038
|
+
|
14039
|
+
if (dirty[0] & /*closable*/ 8192) {
|
14040
|
+
transition_in(if_block, 1);
|
14041
|
+
}
|
13615
14042
|
} else {
|
13616
|
-
if_block =
|
14043
|
+
if_block = create_if_block_1(ctx);
|
13617
14044
|
if_block.c();
|
13618
|
-
if_block
|
14045
|
+
transition_in(if_block, 1);
|
14046
|
+
if_block.m(div1, t);
|
13619
14047
|
}
|
13620
14048
|
} else if (if_block) {
|
13621
|
-
|
13622
|
-
if_block = null;
|
13623
|
-
}
|
13624
|
-
},
|
13625
|
-
i: noop,
|
13626
|
-
o: noop,
|
13627
|
-
d(detaching) {
|
13628
|
-
if (if_block) if_block.d(detaching);
|
13629
|
-
if (detaching) detach(if_block_anchor);
|
13630
|
-
}
|
13631
|
-
};
|
13632
|
-
}
|
14049
|
+
group_outros();
|
13633
14050
|
|
13634
|
-
|
13635
|
-
|
13636
|
-
|
13637
|
-
let imgStyle;
|
13638
|
-
let { layerId } = $$props;
|
13639
|
-
let { props = {} } = $$props;
|
13640
|
-
let { overrideStyle } = $$props;
|
14051
|
+
transition_out(if_block, 1, 1, () => {
|
14052
|
+
if_block = null;
|
14053
|
+
});
|
13641
14054
|
|
13642
|
-
|
13643
|
-
|
13644
|
-
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
13645
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
13646
|
-
};
|
14055
|
+
check_outros();
|
14056
|
+
}
|
13647
14057
|
|
13648
|
-
|
13649
|
-
|
13650
|
-
|
13651
|
-
|
13652
|
-
|
13653
|
-
|
13654
|
-
|
13655
|
-
|
13656
|
-
|
13657
|
-
|
13658
|
-
|
13659
|
-
|
13660
|
-
|
14058
|
+
if (default_slot) {
|
14059
|
+
if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 536870912)) {
|
14060
|
+
update_slot_base(
|
14061
|
+
default_slot,
|
14062
|
+
default_slot_template,
|
14063
|
+
ctx,
|
14064
|
+
/*$$scope*/ ctx[29],
|
14065
|
+
!current
|
14066
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
|
14067
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
|
14068
|
+
null
|
14069
|
+
);
|
14070
|
+
}
|
14071
|
+
}
|
13661
14072
|
|
13662
|
-
|
13663
|
-
|
13664
|
-
|
13665
|
-
|
13666
|
-
|
13667
|
-
|
13668
|
-
|
13669
|
-
|
14073
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 1 && div1_class_value !== (div1_class_value = "" + (null_to_empty(['v2-modal', /*useBreakPoint*/ ctx[0] ? 'v2-modal-bp' : ''].join(' ')) + " svelte-q9l1ox"))) {
|
14074
|
+
attr(div1, "class", div1_class_value);
|
14075
|
+
}
|
14076
|
+
},
|
14077
|
+
i(local) {
|
14078
|
+
if (current) return;
|
14079
|
+
transition_in(if_block);
|
14080
|
+
transition_in(default_slot, local);
|
13670
14081
|
|
13671
|
-
|
13672
|
-
|
13673
|
-
|
13674
|
-
|
13675
|
-
|
13676
|
-
|
14082
|
+
if (!div1_intro) {
|
14083
|
+
add_render_callback(() => {
|
14084
|
+
div1_intro = create_in_transition(div1, customAnimation, {
|
14085
|
+
transforms: /*transforms*/ ctx[3],
|
14086
|
+
animationStyle: /*animation*/ ctx[1]
|
14087
|
+
});
|
13677
14088
|
|
13678
|
-
|
13679
|
-
}
|
14089
|
+
div1_intro.start();
|
14090
|
+
});
|
14091
|
+
}
|
13680
14092
|
|
13681
|
-
|
13682
|
-
|
13683
|
-
|
13684
|
-
|
13685
|
-
|
14093
|
+
current = true;
|
14094
|
+
},
|
14095
|
+
o(local) {
|
14096
|
+
transition_out(if_block);
|
14097
|
+
transition_out(default_slot, local);
|
14098
|
+
current = false;
|
14099
|
+
},
|
14100
|
+
d(detaching) {
|
14101
|
+
if (detaching) detach(div1);
|
14102
|
+
if (if_block) if_block.d();
|
14103
|
+
if (default_slot) default_slot.d(detaching);
|
14104
|
+
/*div1_binding*/ ctx[31](null);
|
14105
|
+
}
|
14106
|
+
};
|
13686
14107
|
}
|
13687
14108
|
|
13688
|
-
|
14109
|
+
// (279:4) {#if closable}
|
14110
|
+
function create_if_block_1(ctx) {
|
14111
|
+
let div;
|
14112
|
+
let closebutton;
|
14113
|
+
let current;
|
13689
14114
|
|
13690
|
-
|
13691
|
-
|
13692
|
-
|
13693
|
-
let path;
|
13694
|
-
let button_style_value;
|
14115
|
+
closebutton = new CloseButton({
|
14116
|
+
props: { props: /*closeButtonProps*/ ctx[2] }
|
14117
|
+
});
|
13695
14118
|
|
13696
14119
|
return {
|
13697
14120
|
c() {
|
13698
|
-
|
13699
|
-
|
13700
|
-
|
13701
|
-
|
13702
|
-
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
13703
|
-
set_style(svg, "width", "75%");
|
13704
|
-
set_style(svg, "height", "75%");
|
13705
|
-
attr(svg, "viewBox", "0 0 50 50");
|
13706
|
-
attr(svg, "fill", "#666666");
|
13707
|
-
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
13708
|
-
attr(button, "style", button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '));
|
14121
|
+
div = element("div");
|
14122
|
+
create_component(closebutton.$$.fragment);
|
14123
|
+
attr(div, "class", "v2-close svelte-q9l1ox");
|
14124
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
|
13709
14125
|
},
|
13710
14126
|
m(target, anchor) {
|
13711
|
-
insert(target,
|
13712
|
-
|
13713
|
-
|
14127
|
+
insert(target, div, anchor);
|
14128
|
+
mount_component(closebutton, div, null);
|
14129
|
+
current = true;
|
13714
14130
|
},
|
13715
|
-
p(ctx,
|
13716
|
-
|
13717
|
-
|
14131
|
+
p(ctx, dirty) {
|
14132
|
+
const closebutton_changes = {};
|
14133
|
+
if (dirty[0] & /*closeButtonProps*/ 4) closebutton_changes.props = /*closeButtonProps*/ ctx[2];
|
14134
|
+
closebutton.$set(closebutton_changes);
|
14135
|
+
|
14136
|
+
if (!current || dirty[0] & /*$maximumZindex*/ 16384) {
|
14137
|
+
set_style(div, "z-index", /*$maximumZindex*/ ctx[14] + 1);
|
13718
14138
|
}
|
14139
|
+
},
|
14140
|
+
i(local) {
|
14141
|
+
if (current) return;
|
14142
|
+
transition_in(closebutton.$$.fragment, local);
|
14143
|
+
current = true;
|
14144
|
+
},
|
14145
|
+
o(local) {
|
14146
|
+
transition_out(closebutton.$$.fragment, local);
|
14147
|
+
current = false;
|
14148
|
+
},
|
14149
|
+
d(detaching) {
|
14150
|
+
if (detaching) detach(div);
|
14151
|
+
destroy_component(closebutton);
|
14152
|
+
}
|
14153
|
+
};
|
14154
|
+
}
|
13719
14155
|
|
13720
|
-
|
13721
|
-
|
14156
|
+
function create_fragment(ctx) {
|
14157
|
+
let show_if;
|
14158
|
+
let current_block_type_index;
|
14159
|
+
let if_block0;
|
14160
|
+
let t;
|
14161
|
+
let if_block1_anchor;
|
14162
|
+
let current;
|
14163
|
+
let mounted;
|
14164
|
+
let dispose;
|
14165
|
+
const if_block_creators = [create_if_block_2, create_if_block_3, create_else_block];
|
14166
|
+
const if_blocks = [];
|
14167
|
+
|
14168
|
+
function select_block_type(ctx, dirty) {
|
14169
|
+
if (show_if == null) show_if = !!isPreview();
|
14170
|
+
if (show_if) return 0;
|
14171
|
+
if (/*useBreakPoint*/ ctx[0]) return 1;
|
14172
|
+
return 2;
|
14173
|
+
}
|
14174
|
+
|
14175
|
+
current_block_type_index = select_block_type(ctx);
|
14176
|
+
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
14177
|
+
let if_block1 = /*visible*/ ctx[8] && create_if_block(ctx);
|
14178
|
+
|
14179
|
+
return {
|
14180
|
+
c() {
|
14181
|
+
if_block0.c();
|
14182
|
+
t = space();
|
14183
|
+
if (if_block1) if_block1.c();
|
14184
|
+
if_block1_anchor = empty();
|
14185
|
+
},
|
14186
|
+
m(target, anchor) {
|
14187
|
+
if_blocks[current_block_type_index].m(target, anchor);
|
14188
|
+
insert(target, t, anchor);
|
14189
|
+
if (if_block1) if_block1.m(target, anchor);
|
14190
|
+
insert(target, if_block1_anchor, anchor);
|
14191
|
+
current = true;
|
14192
|
+
|
14193
|
+
if (!mounted) {
|
14194
|
+
dispose = listen(window, "keydown", function () {
|
14195
|
+
if (is_function(/*handle_keydown*/ ctx[9])) /*handle_keydown*/ ctx[9].apply(this, arguments);
|
14196
|
+
});
|
14197
|
+
|
14198
|
+
mounted = true;
|
13722
14199
|
}
|
13723
14200
|
},
|
13724
|
-
|
13725
|
-
|
14201
|
+
p(new_ctx, dirty) {
|
14202
|
+
ctx = new_ctx;
|
14203
|
+
let previous_block_index = current_block_type_index;
|
14204
|
+
current_block_type_index = select_block_type(ctx);
|
14205
|
+
|
14206
|
+
if (current_block_type_index === previous_block_index) {
|
14207
|
+
if_blocks[current_block_type_index].p(ctx, dirty);
|
14208
|
+
} else {
|
14209
|
+
group_outros();
|
14210
|
+
|
14211
|
+
transition_out(if_blocks[previous_block_index], 1, 1, () => {
|
14212
|
+
if_blocks[previous_block_index] = null;
|
14213
|
+
});
|
14214
|
+
|
14215
|
+
check_outros();
|
14216
|
+
if_block0 = if_blocks[current_block_type_index];
|
14217
|
+
|
14218
|
+
if (!if_block0) {
|
14219
|
+
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
14220
|
+
if_block0.c();
|
14221
|
+
} else {
|
14222
|
+
if_block0.p(ctx, dirty);
|
14223
|
+
}
|
14224
|
+
|
14225
|
+
transition_in(if_block0, 1);
|
14226
|
+
if_block0.m(t.parentNode, t);
|
14227
|
+
}
|
14228
|
+
|
14229
|
+
if (/*visible*/ ctx[8]) {
|
14230
|
+
if (if_block1) {
|
14231
|
+
if_block1.p(ctx, dirty);
|
14232
|
+
|
14233
|
+
if (dirty[0] & /*visible*/ 256) {
|
14234
|
+
transition_in(if_block1, 1);
|
14235
|
+
}
|
14236
|
+
} else {
|
14237
|
+
if_block1 = create_if_block(ctx);
|
14238
|
+
if_block1.c();
|
14239
|
+
transition_in(if_block1, 1);
|
14240
|
+
if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
|
14241
|
+
}
|
14242
|
+
} else if (if_block1) {
|
14243
|
+
group_outros();
|
14244
|
+
|
14245
|
+
transition_out(if_block1, 1, 1, () => {
|
14246
|
+
if_block1 = null;
|
14247
|
+
});
|
14248
|
+
|
14249
|
+
check_outros();
|
14250
|
+
}
|
14251
|
+
},
|
14252
|
+
i(local) {
|
14253
|
+
if (current) return;
|
14254
|
+
transition_in(if_block0);
|
14255
|
+
transition_in(if_block1);
|
14256
|
+
current = true;
|
14257
|
+
},
|
14258
|
+
o(local) {
|
14259
|
+
transition_out(if_block0);
|
14260
|
+
transition_out(if_block1);
|
14261
|
+
current = false;
|
14262
|
+
},
|
13726
14263
|
d(detaching) {
|
13727
|
-
|
14264
|
+
if_blocks[current_block_type_index].d(detaching);
|
14265
|
+
if (detaching) detach(t);
|
14266
|
+
if (if_block1) if_block1.d(detaching);
|
14267
|
+
if (detaching) detach(if_block1_anchor);
|
14268
|
+
mounted = false;
|
14269
|
+
dispose();
|
13728
14270
|
}
|
13729
14271
|
};
|
13730
14272
|
}
|
13731
14273
|
|
13732
14274
|
function instance($$self, $$props, $$invalidate) {
|
13733
|
-
let
|
13734
|
-
let
|
13735
|
-
let
|
13736
|
-
let
|
13737
|
-
|
14275
|
+
let close;
|
14276
|
+
let closable;
|
14277
|
+
let backgroundClick;
|
14278
|
+
let backgroundClickPC;
|
14279
|
+
let backgroundClickSP;
|
14280
|
+
let handle_keydown;
|
14281
|
+
let visible;
|
14282
|
+
let $maximumZindex;
|
14283
|
+
component_subscribe($$self, maximumZindex, $$value => $$invalidate(14, $maximumZindex = $$value));
|
14284
|
+
let { $$slots: slots = {}, $$scope } = $$props;
|
14285
|
+
let { onClick = { operation: 'none', args: [] } } = $$props;
|
14286
|
+
let { clickEventName = '' } = $$props;
|
14287
|
+
let { clickEventValue = null } = $$props;
|
14288
|
+
let { useBreakPoint = false } = $$props;
|
14289
|
+
let { placement } = $$props;
|
14290
|
+
let { breakPoint } = $$props;
|
14291
|
+
let { elasticity } = $$props;
|
14292
|
+
let { animation = 'none' } = $$props;
|
14293
|
+
let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
|
14294
|
+
let { closeEventName = '' } = $$props;
|
14295
|
+
let { closeEventValue = null } = $$props;
|
14296
|
+
let { closeButtonProps = {} } = $$props;
|
14297
|
+
|
14298
|
+
// モーダル背景の設定
|
14299
|
+
let backgroundOverlay = DefaultModalPlacement.backgroundOverlay;
|
14300
|
+
|
14301
|
+
let backgroundOverlayPC = DefaultModalPlacement.backgroundOverlay;
|
14302
|
+
let backgroundOverlaySP = DefaultModalPlacement.backgroundOverlay;
|
14303
|
+
|
14304
|
+
// モーダル背景のクリック動作の設定
|
14305
|
+
let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
|
14306
|
+
|
14307
|
+
let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
|
14308
|
+
let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
|
14309
|
+
let modalStyles = new Set([]);
|
14310
|
+
let transforms = [{ query: null, ...getTransform('center') }];
|
14311
|
+
let modal;
|
14312
|
+
|
14313
|
+
onMount$1(() => {
|
14314
|
+
$$invalidate(8, visible = true);
|
14315
|
+
});
|
14316
|
+
|
14317
|
+
onDestroy$1(() => setPreviousFocus());
|
14318
|
+
|
14319
|
+
function div1_binding($$value) {
|
14320
|
+
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
14321
|
+
modal = $$value;
|
14322
|
+
$$invalidate(7, modal);
|
14323
|
+
});
|
14324
|
+
}
|
13738
14325
|
|
13739
14326
|
$$self.$$set = $$props => {
|
13740
|
-
if ('
|
13741
|
-
if ('
|
13742
|
-
if ('
|
14327
|
+
if ('onClick' in $$props) $$invalidate(16, onClick = $$props.onClick);
|
14328
|
+
if ('clickEventName' in $$props) $$invalidate(17, clickEventName = $$props.clickEventName);
|
14329
|
+
if ('clickEventValue' in $$props) $$invalidate(18, clickEventValue = $$props.clickEventValue);
|
14330
|
+
if ('useBreakPoint' in $$props) $$invalidate(0, useBreakPoint = $$props.useBreakPoint);
|
14331
|
+
if ('placement' in $$props) $$invalidate(19, placement = $$props.placement);
|
14332
|
+
if ('breakPoint' in $$props) $$invalidate(20, breakPoint = $$props.breakPoint);
|
14333
|
+
if ('elasticity' in $$props) $$invalidate(21, elasticity = $$props.elasticity);
|
14334
|
+
if ('animation' in $$props) $$invalidate(1, animation = $$props.animation);
|
14335
|
+
if ('onClose' in $$props) $$invalidate(22, onClose = $$props.onClose);
|
14336
|
+
if ('closeEventName' in $$props) $$invalidate(23, closeEventName = $$props.closeEventName);
|
14337
|
+
if ('closeEventValue' in $$props) $$invalidate(24, closeEventValue = $$props.closeEventValue);
|
14338
|
+
if ('closeButtonProps' in $$props) $$invalidate(2, closeButtonProps = $$props.closeButtonProps);
|
14339
|
+
if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
|
13743
14340
|
};
|
13744
14341
|
|
13745
14342
|
$$self.$$.update = () => {
|
13746
|
-
if ($$self.$$.dirty & /*
|
13747
|
-
$$invalidate(
|
13748
|
-
|
13749
|
-
|
13750
|
-
|
13751
|
-
|
13752
|
-
|
13753
|
-
|
13754
|
-
|
13755
|
-
|
13756
|
-
|
13757
|
-
|
13758
|
-
|
13759
|
-
|
13760
|
-
|
14343
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, onClose*/ 29360128) {
|
14344
|
+
$$invalidate(28, close = () => {
|
14345
|
+
if (closeEventName) {
|
14346
|
+
send_event(closeEventName, closeEventValue);
|
14347
|
+
}
|
14348
|
+
|
14349
|
+
execOnClickOperation(onClose);
|
14350
|
+
});
|
14351
|
+
}
|
14352
|
+
|
14353
|
+
if ($$self.$$.dirty[0] & /*onClose*/ 4194304) {
|
14354
|
+
$$invalidate(13, closable = haveFunction(onClose));
|
14355
|
+
}
|
14356
|
+
|
14357
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
|
14358
|
+
{
|
14359
|
+
if (placement && placement.backgroundOverlay) {
|
14360
|
+
$$invalidate(4, backgroundOverlay = placement.backgroundOverlay);
|
14361
|
+
}
|
14362
|
+
|
14363
|
+
if (useBreakPoint) {
|
14364
|
+
const pc = breakPoint?.PC?.placement?.backgroundOverlay;
|
14365
|
+
$$invalidate(5, backgroundOverlayPC = pc ?? false);
|
14366
|
+
const sp = breakPoint?.SP?.placement?.backgroundOverlay;
|
14367
|
+
$$invalidate(6, backgroundOverlaySP = sp ?? false);
|
14368
|
+
}
|
14369
|
+
}
|
14370
|
+
}
|
14371
|
+
|
14372
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
|
14373
|
+
{
|
14374
|
+
if (placement && placement.backgroundClick) {
|
14375
|
+
$$invalidate(25, backgroundClickFunction = placement.backgroundClick);
|
14376
|
+
}
|
14377
|
+
|
14378
|
+
if (useBreakPoint) {
|
14379
|
+
const pc = breakPoint?.PC?.placement?.backgroundClick;
|
14380
|
+
|
14381
|
+
if (pc) {
|
14382
|
+
$$invalidate(26, backgroundClickFunctionPC = pc);
|
14383
|
+
}
|
14384
|
+
|
14385
|
+
const sp = breakPoint?.SP?.placement?.backgroundClick;
|
14386
|
+
|
14387
|
+
if (sp) {
|
14388
|
+
$$invalidate(27, backgroundClickFunctionSP = sp);
|
14389
|
+
}
|
14390
|
+
}
|
14391
|
+
}
|
14392
|
+
}
|
14393
|
+
|
14394
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunction*/ 58720256) {
|
14395
|
+
$$invalidate(12, backgroundClick = () => {
|
14396
|
+
if (closeEventName) {
|
14397
|
+
send_event(closeEventName, closeEventValue);
|
14398
|
+
}
|
14399
|
+
|
14400
|
+
execOnClickOperation(backgroundClickFunction);
|
14401
|
+
});
|
14402
|
+
}
|
14403
|
+
|
14404
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionPC*/ 92274688) {
|
14405
|
+
$$invalidate(11, backgroundClickPC = () => {
|
14406
|
+
if (closeEventName) {
|
14407
|
+
send_event(closeEventName, closeEventValue);
|
14408
|
+
}
|
14409
|
+
|
14410
|
+
execOnClickOperation(backgroundClickFunctionPC);
|
14411
|
+
});
|
14412
|
+
}
|
14413
|
+
|
14414
|
+
if ($$self.$$.dirty[0] & /*closeEventName, closeEventValue, backgroundClickFunctionSP*/ 159383552) {
|
14415
|
+
$$invalidate(10, backgroundClickSP = () => {
|
14416
|
+
if (closeEventName) {
|
14417
|
+
send_event(closeEventName, closeEventValue);
|
14418
|
+
}
|
14419
|
+
|
14420
|
+
execOnClickOperation(backgroundClickFunctionSP);
|
14421
|
+
});
|
14422
|
+
}
|
14423
|
+
|
14424
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint, transforms*/ 1572873) {
|
14425
|
+
// 表示位置のスタイルとアニメーションの動きを設定
|
14426
|
+
{
|
14427
|
+
// 表示位置のスタイルの設定
|
14428
|
+
let position = DefaultModalPlacement.position;
|
14429
|
+
|
14430
|
+
if (placement && placement.position !== null) {
|
14431
|
+
position = placement.position;
|
14432
|
+
}
|
14433
|
+
|
14434
|
+
let positionStyle = getPositionStyle(position);
|
14435
|
+
|
14436
|
+
if (!useBreakPoint) {
|
14437
|
+
modalStyles.add(positionStyle);
|
14438
|
+
}
|
14439
|
+
|
14440
|
+
$$invalidate(3, transforms = []);
|
14441
|
+
|
14442
|
+
DEVICE_IDS.forEach(deviceId => {
|
14443
|
+
if (useBreakPoint) {
|
14444
|
+
const positionWithBp = breakPoint[deviceId]?.placement?.position;
|
14445
|
+
|
14446
|
+
transforms.push({
|
14447
|
+
query: DEVICE_QUERIES[deviceId],
|
14448
|
+
...getTransform(positionWithBp)
|
14449
|
+
});
|
14450
|
+
|
14451
|
+
positionStyle = getPositionStyle(positionWithBp);
|
14452
|
+
}
|
14453
|
+
|
14454
|
+
const positionVariables = stringifyStyleObj(formatObjectKey({
|
14455
|
+
obj: parseStyle(positionStyle),
|
14456
|
+
prefix: '--modal-bp-',
|
14457
|
+
suffix: `-${deviceId.toLowerCase()}`
|
14458
|
+
}));
|
14459
|
+
|
14460
|
+
modalStyles.add(positionVariables);
|
14461
|
+
});
|
14462
|
+
|
14463
|
+
// アニメーションの動きの設定
|
14464
|
+
transforms.push({ query: null, ...getTransform(position) });
|
14465
|
+
}
|
14466
|
+
}
|
14467
|
+
|
14468
|
+
if ($$self.$$.dirty[0] & /*placement, useBreakPoint, breakPoint*/ 1572865) {
|
14469
|
+
// 表示位置の調整のスタイルを設定
|
14470
|
+
{
|
14471
|
+
let margin = DefaultModalPlacement.margin;
|
14472
|
+
|
14473
|
+
if (placement && placement.margin !== null) {
|
14474
|
+
margin = placement.margin;
|
14475
|
+
}
|
14476
|
+
|
14477
|
+
let marginStyle = getMarginStyle(margin);
|
14478
|
+
|
14479
|
+
if (!useBreakPoint) {
|
14480
|
+
modalStyles.add(marginStyle);
|
14481
|
+
}
|
14482
|
+
|
14483
|
+
DEVICE_IDS.forEach(deviceId => {
|
14484
|
+
if (useBreakPoint) {
|
14485
|
+
const marginWithBp = breakPoint[deviceId]?.placement?.margin;
|
14486
|
+
marginStyle = getMarginStyle(marginWithBp);
|
14487
|
+
}
|
14488
|
+
|
14489
|
+
const marginVariables = stringifyStyleObj(formatObjectKey({
|
14490
|
+
obj: parseStyle(marginStyle),
|
14491
|
+
prefix: '--modal-bp-',
|
14492
|
+
suffix: `-${deviceId.toLowerCase()}`
|
14493
|
+
}));
|
14494
|
+
|
14495
|
+
modalStyles.add(marginVariables);
|
14496
|
+
});
|
14497
|
+
}
|
14498
|
+
}
|
14499
|
+
|
14500
|
+
if ($$self.$$.dirty[0] & /*elasticity, useBreakPoint, breakPoint*/ 3145729) {
|
14501
|
+
// 拡大方法のスタイルを設定
|
14502
|
+
{
|
14503
|
+
let elasticStyle = ElasticityStyle[elasticity];
|
14504
|
+
|
14505
|
+
if (!useBreakPoint) {
|
14506
|
+
modalStyles.add(elasticStyle);
|
14507
|
+
}
|
14508
|
+
|
14509
|
+
DEVICE_IDS.forEach(deviceId => {
|
14510
|
+
if (useBreakPoint) {
|
14511
|
+
const elasticityWithBp = breakPoint[deviceId]?.elasticity;
|
14512
|
+
elasticStyle = ElasticityStyle[elasticityWithBp];
|
14513
|
+
}
|
14514
|
+
|
14515
|
+
const elasticityVariables = stringifyStyleObj(formatObjectKey({
|
14516
|
+
obj: parseStyle(elasticStyle),
|
14517
|
+
prefix: '--modal-bp-',
|
14518
|
+
suffix: `-${deviceId.toLowerCase()}`
|
14519
|
+
}));
|
14520
|
+
|
14521
|
+
modalStyles.add(elasticityVariables);
|
14522
|
+
});
|
14523
|
+
}
|
14524
|
+
}
|
14525
|
+
|
14526
|
+
if ($$self.$$.dirty[0] & /*close*/ 268435456) {
|
14527
|
+
$$invalidate(9, handle_keydown = handleKeydown({ Escape: close }));
|
13761
14528
|
}
|
13762
14529
|
};
|
13763
14530
|
|
13764
|
-
|
14531
|
+
$$invalidate(7, modal = null);
|
14532
|
+
|
14533
|
+
// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
|
14534
|
+
$$invalidate(8, visible = false);
|
14535
|
+
|
14536
|
+
return [
|
14537
|
+
useBreakPoint,
|
14538
|
+
animation,
|
14539
|
+
closeButtonProps,
|
14540
|
+
transforms,
|
14541
|
+
backgroundOverlay,
|
14542
|
+
backgroundOverlayPC,
|
14543
|
+
backgroundOverlaySP,
|
14544
|
+
modal,
|
14545
|
+
visible,
|
14546
|
+
handle_keydown,
|
14547
|
+
backgroundClickSP,
|
14548
|
+
backgroundClickPC,
|
14549
|
+
backgroundClick,
|
14550
|
+
closable,
|
14551
|
+
$maximumZindex,
|
14552
|
+
modalStyles,
|
14553
|
+
onClick,
|
14554
|
+
clickEventName,
|
14555
|
+
clickEventValue,
|
14556
|
+
placement,
|
14557
|
+
breakPoint,
|
14558
|
+
elasticity,
|
14559
|
+
onClose,
|
14560
|
+
closeEventName,
|
14561
|
+
closeEventValue,
|
14562
|
+
backgroundClickFunction,
|
14563
|
+
backgroundClickFunctionPC,
|
14564
|
+
backgroundClickFunctionSP,
|
14565
|
+
close,
|
14566
|
+
$$scope,
|
14567
|
+
slots,
|
14568
|
+
div1_binding
|
14569
|
+
];
|
13765
14570
|
}
|
13766
14571
|
|
13767
|
-
class
|
14572
|
+
class Modal extends SvelteComponent {
|
13768
14573
|
constructor(options) {
|
13769
14574
|
super();
|
13770
|
-
|
14575
|
+
|
14576
|
+
init(
|
14577
|
+
this,
|
14578
|
+
options,
|
14579
|
+
instance,
|
14580
|
+
create_fragment,
|
14581
|
+
safe_not_equal,
|
14582
|
+
{
|
14583
|
+
onClick: 16,
|
14584
|
+
clickEventName: 17,
|
14585
|
+
clickEventValue: 18,
|
14586
|
+
useBreakPoint: 0,
|
14587
|
+
placement: 19,
|
14588
|
+
breakPoint: 20,
|
14589
|
+
elasticity: 21,
|
14590
|
+
animation: 1,
|
14591
|
+
onClose: 22,
|
14592
|
+
closeEventName: 23,
|
14593
|
+
closeEventValue: 24,
|
14594
|
+
closeButtonProps: 2
|
14595
|
+
},
|
14596
|
+
add_css,
|
14597
|
+
[-1, -1]
|
14598
|
+
);
|
13771
14599
|
}
|
13772
14600
|
}
|
13773
14601
|
|
13774
|
-
export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement,
|
14602
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, Avatar as FlexAvatar, Button as FlexButton, CloseButton as FlexCloseButton, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Text as FlexText, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|