@plaidev/karte-action-sdk 1.1.259 → 1.1.260-28976393.2b8b0962
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +176 -27
- package/dist/hydrate/index.es.js +444 -353
- package/dist/index.es.d.ts +176 -27
- package/dist/index.es.js +444 -353
- package/package.json +5 -3
package/dist/hydrate/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { writable, get } from 'svelte/store';
|
|
2
|
-
import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1,
|
|
2
|
+
import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, getContext, setContext, createEventDispatcher } from 'svelte';
|
|
3
3
|
import { SvelteComponent, init, safe_not_equal, element, claim_element, children, detach, insert_hydration, noop, component_subscribe, attr, create_slot, create_component, space, claim_component, claim_space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, set_store_value, run_all, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
|
|
4
4
|
import 'svelte/easing';
|
|
5
5
|
|
|
@@ -2950,6 +2950,38 @@ class Header extends SvelteComponent {
|
|
|
2950
2950
|
}
|
|
2951
2951
|
}
|
|
2952
2952
|
|
|
2953
|
+
const BRAND_KIT_DEFAULT = {
|
|
2954
|
+
font_family: 'sans-serif, serif, monospace, system-ui',
|
|
2955
|
+
color_text_primary: '#222222',
|
|
2956
|
+
color_text_secondary: '#555555',
|
|
2957
|
+
color_brand: '#33403e',
|
|
2958
|
+
color_link: '#1558d6',
|
|
2959
|
+
color_danger: '#f44336',
|
|
2960
|
+
color_warning: '#ffa726',
|
|
2961
|
+
color_success: '#10b981',
|
|
2962
|
+
color_info: '#29b6f6',
|
|
2963
|
+
color_white: '#FFFFFF',
|
|
2964
|
+
};
|
|
2965
|
+
const getBrandKit = (customBrandKit) => {
|
|
2966
|
+
return {
|
|
2967
|
+
font_family: customBrandKit?.font_family ?? BRAND_KIT_DEFAULT.font_family,
|
|
2968
|
+
color_text_primary: customBrandKit?.color_text_primary ?? BRAND_KIT_DEFAULT.color_text_primary,
|
|
2969
|
+
color_text_secondary: customBrandKit?.color_text_secondary ?? BRAND_KIT_DEFAULT.color_text_secondary,
|
|
2970
|
+
color_brand: customBrandKit?.color_brand ?? BRAND_KIT_DEFAULT.color_brand,
|
|
2971
|
+
color_link: customBrandKit?.color_link ?? BRAND_KIT_DEFAULT.color_link,
|
|
2972
|
+
color_danger: customBrandKit?.color_danger ?? BRAND_KIT_DEFAULT.color_danger,
|
|
2973
|
+
color_warning: customBrandKit?.color_warning ?? BRAND_KIT_DEFAULT.color_warning,
|
|
2974
|
+
color_success: customBrandKit?.color_success ?? BRAND_KIT_DEFAULT.color_success,
|
|
2975
|
+
color_info: customBrandKit?.color_info ?? BRAND_KIT_DEFAULT.color_info,
|
|
2976
|
+
color_white: customBrandKit?.color_white ?? BRAND_KIT_DEFAULT.color_white,
|
|
2977
|
+
};
|
|
2978
|
+
};
|
|
2979
|
+
const useBrandKit = () => {
|
|
2980
|
+
return {
|
|
2981
|
+
brandKit: (getContext('brandKit') || getBrandKit()),
|
|
2982
|
+
};
|
|
2983
|
+
};
|
|
2984
|
+
|
|
2953
2985
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
|
2954
2986
|
|
|
2955
2987
|
function create_fragment$1g(ctx) {
|
|
@@ -2957,8 +2989,8 @@ function create_fragment$1g(ctx) {
|
|
|
2957
2989
|
let t;
|
|
2958
2990
|
let current;
|
|
2959
2991
|
header = new Header({});
|
|
2960
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
2961
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
2992
|
+
const default_slot_template = /*#slots*/ ctx[2].default;
|
|
2993
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
|
|
2962
2994
|
|
|
2963
2995
|
return {
|
|
2964
2996
|
c() {
|
|
@@ -2983,15 +3015,15 @@ function create_fragment$1g(ctx) {
|
|
|
2983
3015
|
},
|
|
2984
3016
|
p(ctx, [dirty]) {
|
|
2985
3017
|
if (default_slot) {
|
|
2986
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
3018
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
|
|
2987
3019
|
update_slot_base(
|
|
2988
3020
|
default_slot,
|
|
2989
3021
|
default_slot_template,
|
|
2990
3022
|
ctx,
|
|
2991
|
-
/*$$scope*/ ctx[
|
|
3023
|
+
/*$$scope*/ ctx[1],
|
|
2992
3024
|
!current
|
|
2993
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
2994
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
3025
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
|
|
3026
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
|
|
2995
3027
|
null
|
|
2996
3028
|
);
|
|
2997
3029
|
}
|
|
@@ -3018,25 +3050,28 @@ function create_fragment$1g(ctx) {
|
|
|
3018
3050
|
|
|
3019
3051
|
function instance$1g($$self, $$props, $$invalidate) {
|
|
3020
3052
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
3053
|
+
let { customBrandKit = undefined } = $$props;
|
|
3054
|
+
setContext('brandKit', getBrandKit(customBrandKit));
|
|
3021
3055
|
|
|
3022
3056
|
$$self.$$set = $$props => {
|
|
3023
|
-
if ('
|
|
3057
|
+
if ('customBrandKit' in $$props) $$invalidate(0, customBrandKit = $$props.customBrandKit);
|
|
3058
|
+
if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
|
|
3024
3059
|
};
|
|
3025
3060
|
|
|
3026
|
-
return [$$scope, slots];
|
|
3061
|
+
return [customBrandKit, $$scope, slots];
|
|
3027
3062
|
}
|
|
3028
3063
|
|
|
3029
3064
|
class State extends SvelteComponent {
|
|
3030
3065
|
constructor(options) {
|
|
3031
3066
|
super();
|
|
3032
|
-
init(this, options, instance$1g, create_fragment$1g, safe_not_equal, {});
|
|
3067
|
+
init(this, options, instance$1g, create_fragment$1g, safe_not_equal, { customBrandKit: 0 });
|
|
3033
3068
|
}
|
|
3034
3069
|
}
|
|
3035
3070
|
|
|
3036
3071
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3037
3072
|
|
|
3038
3073
|
function add_css$J(target) {
|
|
3039
|
-
append_styles(target, "svelte-
|
|
3074
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
3040
3075
|
}
|
|
3041
3076
|
|
|
3042
3077
|
// (23:0) {#if $state === path}
|
|
@@ -3063,7 +3098,7 @@ function create_if_block$f(ctx) {
|
|
|
3063
3098
|
},
|
|
3064
3099
|
h() {
|
|
3065
3100
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
3066
|
-
attr(div, "class", "state-item svelte-
|
|
3101
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
3067
3102
|
},
|
|
3068
3103
|
m(target, anchor) {
|
|
3069
3104
|
insert_hydration(target, div, anchor);
|
|
@@ -3330,7 +3365,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3330
3365
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3331
3366
|
|
|
3332
3367
|
function add_css$I(target) {
|
|
3333
|
-
append_styles(target, "svelte-
|
|
3368
|
+
append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
|
3334
3369
|
}
|
|
3335
3370
|
|
|
3336
3371
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -3351,7 +3386,7 @@ function create_if_block$e(ctx) {
|
|
|
3351
3386
|
this.h();
|
|
3352
3387
|
},
|
|
3353
3388
|
h() {
|
|
3354
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3389
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
|
3355
3390
|
},
|
|
3356
3391
|
m(target, anchor) {
|
|
3357
3392
|
insert_hydration(target, div, anchor);
|
|
@@ -3362,7 +3397,7 @@ function create_if_block$e(ctx) {
|
|
|
3362
3397
|
}
|
|
3363
3398
|
},
|
|
3364
3399
|
p(ctx, dirty) {
|
|
3365
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3400
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
|
3366
3401
|
attr(div, "class", div_class_value);
|
|
3367
3402
|
}
|
|
3368
3403
|
},
|
|
@@ -3472,17 +3507,17 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3472
3507
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3473
3508
|
|
|
3474
3509
|
function add_css$H(target) {
|
|
3475
|
-
append_styles(target, "svelte-
|
|
3510
|
+
append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
|
|
3476
3511
|
}
|
|
3477
3512
|
|
|
3478
|
-
// (
|
|
3513
|
+
// (53:0) {:else}
|
|
3479
3514
|
function create_else_block$5(ctx) {
|
|
3480
3515
|
let button;
|
|
3481
3516
|
let current;
|
|
3482
3517
|
let mounted;
|
|
3483
3518
|
let dispose;
|
|
3484
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
3485
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
3519
|
+
const default_slot_template = /*#slots*/ ctx[10].default;
|
|
3520
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
|
|
3486
3521
|
|
|
3487
3522
|
let button_levels = [
|
|
3488
3523
|
{ class: BUTTON_CLASS },
|
|
@@ -3511,7 +3546,7 @@ function create_else_block$5(ctx) {
|
|
|
3511
3546
|
},
|
|
3512
3547
|
h() {
|
|
3513
3548
|
set_attributes(button, button_data);
|
|
3514
|
-
toggle_class(button, "svelte-
|
|
3549
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3515
3550
|
},
|
|
3516
3551
|
m(target, anchor) {
|
|
3517
3552
|
insert_hydration(target, button, anchor);
|
|
@@ -3530,15 +3565,15 @@ function create_else_block$5(ctx) {
|
|
|
3530
3565
|
},
|
|
3531
3566
|
p(ctx, dirty) {
|
|
3532
3567
|
if (default_slot) {
|
|
3533
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
3568
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
|
|
3534
3569
|
update_slot_base(
|
|
3535
3570
|
default_slot,
|
|
3536
3571
|
default_slot_template,
|
|
3537
3572
|
ctx,
|
|
3538
|
-
/*$$scope*/ ctx[
|
|
3573
|
+
/*$$scope*/ ctx[9],
|
|
3539
3574
|
!current
|
|
3540
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
3541
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
3575
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
|
|
3576
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
|
|
3542
3577
|
null
|
|
3543
3578
|
);
|
|
3544
3579
|
}
|
|
@@ -3550,7 +3585,7 @@ function create_else_block$5(ctx) {
|
|
|
3550
3585
|
dataAttrStopPropagation('click')
|
|
3551
3586
|
]));
|
|
3552
3587
|
|
|
3553
|
-
toggle_class(button, "svelte-
|
|
3588
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3554
3589
|
},
|
|
3555
3590
|
i(local) {
|
|
3556
3591
|
if (current) return;
|
|
@@ -3570,12 +3605,12 @@ function create_else_block$5(ctx) {
|
|
|
3570
3605
|
};
|
|
3571
3606
|
}
|
|
3572
3607
|
|
|
3573
|
-
// (
|
|
3608
|
+
// (49:39)
|
|
3574
3609
|
function create_if_block_2$2(ctx) {
|
|
3575
3610
|
let div;
|
|
3576
3611
|
let current;
|
|
3577
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
3578
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
3612
|
+
const default_slot_template = /*#slots*/ ctx[10].default;
|
|
3613
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
|
|
3579
3614
|
|
|
3580
3615
|
return {
|
|
3581
3616
|
c() {
|
|
@@ -3591,7 +3626,7 @@ function create_if_block_2$2(ctx) {
|
|
|
3591
3626
|
this.h();
|
|
3592
3627
|
},
|
|
3593
3628
|
h() {
|
|
3594
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
|
3629
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
|
3595
3630
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3596
3631
|
},
|
|
3597
3632
|
m(target, anchor) {
|
|
@@ -3605,15 +3640,15 @@ function create_if_block_2$2(ctx) {
|
|
|
3605
3640
|
},
|
|
3606
3641
|
p(ctx, dirty) {
|
|
3607
3642
|
if (default_slot) {
|
|
3608
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
3643
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
|
|
3609
3644
|
update_slot_base(
|
|
3610
3645
|
default_slot,
|
|
3611
3646
|
default_slot_template,
|
|
3612
3647
|
ctx,
|
|
3613
|
-
/*$$scope*/ ctx[
|
|
3648
|
+
/*$$scope*/ ctx[9],
|
|
3614
3649
|
!current
|
|
3615
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
3616
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
3650
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
|
|
3651
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
|
|
3617
3652
|
null
|
|
3618
3653
|
);
|
|
3619
3654
|
}
|
|
@@ -3639,7 +3674,7 @@ function create_if_block_2$2(ctx) {
|
|
|
3639
3674
|
};
|
|
3640
3675
|
}
|
|
3641
3676
|
|
|
3642
|
-
// (
|
|
3677
|
+
// (38:41)
|
|
3643
3678
|
function create_if_block_1$3(ctx) {
|
|
3644
3679
|
let a;
|
|
3645
3680
|
let a_href_value;
|
|
@@ -3647,8 +3682,8 @@ function create_if_block_1$3(ctx) {
|
|
|
3647
3682
|
let current;
|
|
3648
3683
|
let mounted;
|
|
3649
3684
|
let dispose;
|
|
3650
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
3651
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
3685
|
+
const default_slot_template = /*#slots*/ ctx[10].default;
|
|
3686
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
|
|
3652
3687
|
|
|
3653
3688
|
let a_levels = [
|
|
3654
3689
|
{ class: BUTTON_CLASS },
|
|
@@ -3691,7 +3726,7 @@ function create_if_block_1$3(ctx) {
|
|
|
3691
3726
|
},
|
|
3692
3727
|
h() {
|
|
3693
3728
|
set_attributes(a, a_data);
|
|
3694
|
-
toggle_class(a, "svelte-
|
|
3729
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3695
3730
|
},
|
|
3696
3731
|
m(target, anchor) {
|
|
3697
3732
|
insert_hydration(target, a, anchor);
|
|
@@ -3709,15 +3744,15 @@ function create_if_block_1$3(ctx) {
|
|
|
3709
3744
|
},
|
|
3710
3745
|
p(ctx, dirty) {
|
|
3711
3746
|
if (default_slot) {
|
|
3712
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
3747
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
|
|
3713
3748
|
update_slot_base(
|
|
3714
3749
|
default_slot,
|
|
3715
3750
|
default_slot_template,
|
|
3716
3751
|
ctx,
|
|
3717
|
-
/*$$scope*/ ctx[
|
|
3752
|
+
/*$$scope*/ ctx[9],
|
|
3718
3753
|
!current
|
|
3719
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
3720
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
3754
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
|
|
3755
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
|
|
3721
3756
|
null
|
|
3722
3757
|
);
|
|
3723
3758
|
}
|
|
@@ -3733,7 +3768,7 @@ function create_if_block_1$3(ctx) {
|
|
|
3733
3768
|
dataAttrStopPropagation('click')
|
|
3734
3769
|
]));
|
|
3735
3770
|
|
|
3736
|
-
toggle_class(a, "svelte-
|
|
3771
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3737
3772
|
},
|
|
3738
3773
|
i(local) {
|
|
3739
3774
|
if (current) return;
|
|
@@ -3753,12 +3788,12 @@ function create_if_block_1$3(ctx) {
|
|
|
3753
3788
|
};
|
|
3754
3789
|
}
|
|
3755
3790
|
|
|
3756
|
-
// (
|
|
3791
|
+
// (34:0) {#if disabled}
|
|
3757
3792
|
function create_if_block$d(ctx) {
|
|
3758
3793
|
let div;
|
|
3759
3794
|
let current;
|
|
3760
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
3761
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
3795
|
+
const default_slot_template = /*#slots*/ ctx[10].default;
|
|
3796
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
|
|
3762
3797
|
|
|
3763
3798
|
return {
|
|
3764
3799
|
c() {
|
|
@@ -3774,7 +3809,7 @@ function create_if_block$d(ctx) {
|
|
|
3774
3809
|
this.h();
|
|
3775
3810
|
},
|
|
3776
3811
|
h() {
|
|
3777
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
|
3812
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
|
3778
3813
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3779
3814
|
},
|
|
3780
3815
|
m(target, anchor) {
|
|
@@ -3788,15 +3823,15 @@ function create_if_block$d(ctx) {
|
|
|
3788
3823
|
},
|
|
3789
3824
|
p(ctx, dirty) {
|
|
3790
3825
|
if (default_slot) {
|
|
3791
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
3826
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
|
|
3792
3827
|
update_slot_base(
|
|
3793
3828
|
default_slot,
|
|
3794
3829
|
default_slot_template,
|
|
3795
3830
|
ctx,
|
|
3796
|
-
/*$$scope*/ ctx[
|
|
3831
|
+
/*$$scope*/ ctx[9],
|
|
3797
3832
|
!current
|
|
3798
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
3799
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
3833
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
|
|
3834
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
|
|
3800
3835
|
null
|
|
3801
3836
|
);
|
|
3802
3837
|
}
|
|
@@ -3907,6 +3942,7 @@ function instance$1d($$self, $$props, $$invalidate) {
|
|
|
3907
3942
|
let { eventName = '' } = $$props;
|
|
3908
3943
|
let { eventValue = undefined } = $$props;
|
|
3909
3944
|
let { style = '' } = $$props;
|
|
3945
|
+
let { isModalCloseButton = false } = $$props;
|
|
3910
3946
|
|
|
3911
3947
|
function handleClick() {
|
|
3912
3948
|
if (eventName) {
|
|
@@ -3918,20 +3954,22 @@ function instance$1d($$self, $$props, $$invalidate) {
|
|
|
3918
3954
|
|
|
3919
3955
|
const { path: statePath } = getStateItemContext() ?? { path: '/' };
|
|
3920
3956
|
const valuesAreValid = getValuesAreValidReadable(statePath);
|
|
3921
|
-
component_subscribe($$self, valuesAreValid, value => $$invalidate(
|
|
3957
|
+
component_subscribe($$self, valuesAreValid, value => $$invalidate(8, $valuesAreValid = value));
|
|
3922
3958
|
|
|
3923
3959
|
$$self.$$set = $$props => {
|
|
3924
3960
|
if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
|
|
3925
3961
|
if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
|
|
3926
3962
|
if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
|
|
3927
3963
|
if ('style' in $$props) $$invalidate(1, style = $$props.style);
|
|
3928
|
-
if ('
|
|
3964
|
+
if ('isModalCloseButton' in $$props) $$invalidate(7, isModalCloseButton = $$props.isModalCloseButton);
|
|
3965
|
+
if ('$$scope' in $$props) $$invalidate(9, $$scope = $$props.$$scope);
|
|
3929
3966
|
};
|
|
3930
3967
|
|
|
3931
3968
|
$$self.$$.update = () => {
|
|
3932
|
-
if ($$self.$$.dirty & /*onClick, $valuesAreValid*/
|
|
3969
|
+
if ($$self.$$.dirty & /*isModalCloseButton, onClick, $valuesAreValid*/ 385) {
|
|
3933
3970
|
$$invalidate(2, disabled = (() => {
|
|
3934
3971
|
let isEnabled = true;
|
|
3972
|
+
if (isModalCloseButton) return false;
|
|
3935
3973
|
|
|
3936
3974
|
if (onClick.operation === 'submitForm') {
|
|
3937
3975
|
isEnabled = $valuesAreValid;
|
|
@@ -3952,6 +3990,7 @@ function instance$1d($$self, $$props, $$invalidate) {
|
|
|
3952
3990
|
valuesAreValid,
|
|
3953
3991
|
eventName,
|
|
3954
3992
|
eventValue,
|
|
3993
|
+
isModalCloseButton,
|
|
3955
3994
|
$valuesAreValid,
|
|
3956
3995
|
$$scope,
|
|
3957
3996
|
slots
|
|
@@ -3972,7 +4011,8 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
3972
4011
|
onClick: 0,
|
|
3973
4012
|
eventName: 5,
|
|
3974
4013
|
eventValue: 6,
|
|
3975
|
-
style: 1
|
|
4014
|
+
style: 1,
|
|
4015
|
+
isModalCloseButton: 7
|
|
3976
4016
|
},
|
|
3977
4017
|
add_css$H
|
|
3978
4018
|
);
|
|
@@ -3982,7 +4022,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
3982
4022
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3983
4023
|
|
|
3984
4024
|
function add_css$G(target) {
|
|
3985
|
-
append_styles(target, "svelte-
|
|
4025
|
+
append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .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-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{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-1ijkyzl{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-1ijkyzl{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}}");
|
|
3986
4026
|
}
|
|
3987
4027
|
|
|
3988
4028
|
// (278:0) {:else}
|
|
@@ -4157,7 +4197,7 @@ function create_if_block$c(ctx) {
|
|
|
4157
4197
|
this.h();
|
|
4158
4198
|
},
|
|
4159
4199
|
h() {
|
|
4160
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4200
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
|
4161
4201
|
attr(div, "role", "dialog");
|
|
4162
4202
|
attr(div, "aria-modal", "true");
|
|
4163
4203
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
|
@@ -4181,7 +4221,7 @@ function create_if_block$c(ctx) {
|
|
|
4181
4221
|
|
|
4182
4222
|
button.$set(button_changes);
|
|
4183
4223
|
|
|
4184
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4224
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
|
4185
4225
|
attr(div, "class", div_class_value);
|
|
4186
4226
|
}
|
|
4187
4227
|
},
|
|
@@ -4226,6 +4266,7 @@ function create_if_block_1$2(ctx) {
|
|
|
4226
4266
|
style: /*_closeStyle*/ ctx[10],
|
|
4227
4267
|
eventName: /*closeEventName*/ ctx[7],
|
|
4228
4268
|
eventValue: /*closeEventValue*/ ctx[8],
|
|
4269
|
+
isModalCloseButton: true,
|
|
4229
4270
|
$$slots: { default: [create_default_slot_1$1] },
|
|
4230
4271
|
$$scope: { ctx }
|
|
4231
4272
|
}
|
|
@@ -4245,7 +4286,7 @@ function create_if_block_1$2(ctx) {
|
|
|
4245
4286
|
this.h();
|
|
4246
4287
|
},
|
|
4247
4288
|
h() {
|
|
4248
|
-
attr(div, "class", "close svelte-
|
|
4289
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
|
4249
4290
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
4250
4291
|
},
|
|
4251
4292
|
m(target, anchor) {
|
|
@@ -4286,7 +4327,7 @@ function create_if_block_1$2(ctx) {
|
|
|
4286
4327
|
};
|
|
4287
4328
|
}
|
|
4288
4329
|
|
|
4289
|
-
// (296:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
|
|
4330
|
+
// (296:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} isModalCloseButton={true} >
|
|
4290
4331
|
function create_default_slot_1$1(ctx) {
|
|
4291
4332
|
let svg;
|
|
4292
4333
|
let path;
|
|
@@ -4370,7 +4411,7 @@ function create_default_slot$6(ctx) {
|
|
|
4370
4411
|
this.h();
|
|
4371
4412
|
},
|
|
4372
4413
|
h() {
|
|
4373
|
-
attr(div, "class", "modal-content svelte-
|
|
4414
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
|
4374
4415
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
4375
4416
|
},
|
|
4376
4417
|
m(target, anchor) {
|
|
@@ -5008,7 +5049,7 @@ class Grid extends SvelteComponent {
|
|
|
5008
5049
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
5009
5050
|
|
|
5010
5051
|
function add_css$F(target) {
|
|
5011
|
-
append_styles(target, "svelte-
|
|
5052
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
5012
5053
|
}
|
|
5013
5054
|
|
|
5014
5055
|
function create_fragment$1a(ctx) {
|
|
@@ -5042,8 +5083,8 @@ function create_fragment$1a(ctx) {
|
|
|
5042
5083
|
this.h();
|
|
5043
5084
|
},
|
|
5044
5085
|
h() {
|
|
5045
|
-
attr(div0, "class", "grid-item-inner svelte-
|
|
5046
|
-
attr(div1, "class", "grid-item svelte-
|
|
5086
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
|
5087
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
|
5047
5088
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
|
5048
5089
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
|
5049
5090
|
attr(div1, "style", /*_style*/ ctx[1]);
|
|
@@ -5365,7 +5406,7 @@ class RenderText extends SvelteComponent {
|
|
|
5365
5406
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5366
5407
|
|
|
5367
5408
|
function add_css$E(target) {
|
|
5368
|
-
append_styles(target, "svelte-
|
|
5409
|
+
append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{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-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{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-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
|
|
5369
5410
|
}
|
|
5370
5411
|
|
|
5371
5412
|
// (92:2) {:else}
|
|
@@ -5395,8 +5436,8 @@ function create_else_block$2(ctx) {
|
|
|
5395
5436
|
this.h();
|
|
5396
5437
|
},
|
|
5397
5438
|
h() {
|
|
5398
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5399
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5439
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5440
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5400
5441
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
5401
5442
|
},
|
|
5402
5443
|
m(target, anchor) {
|
|
@@ -5410,7 +5451,7 @@ function create_else_block$2(ctx) {
|
|
|
5410
5451
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5411
5452
|
rendertext.$set(rendertext_changes);
|
|
5412
5453
|
|
|
5413
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5454
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
5414
5455
|
attr(div1, "class", div1_class_value);
|
|
5415
5456
|
}
|
|
5416
5457
|
|
|
@@ -5485,12 +5526,12 @@ function create_if_block$a(ctx) {
|
|
|
5485
5526
|
this.h();
|
|
5486
5527
|
},
|
|
5487
5528
|
h() {
|
|
5488
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5529
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5489
5530
|
attr(a, "href", '');
|
|
5490
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5531
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5491
5532
|
attr(a, "style", /*style*/ ctx[5]);
|
|
5492
|
-
attr(div1, "class", "tooltip svelte-
|
|
5493
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
|
5533
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
|
5534
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
|
5494
5535
|
},
|
|
5495
5536
|
m(target, anchor) {
|
|
5496
5537
|
insert_hydration(target, a, anchor);
|
|
@@ -5516,7 +5557,7 @@ function create_if_block$a(ctx) {
|
|
|
5516
5557
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5517
5558
|
rendertext.$set(rendertext_changes);
|
|
5518
5559
|
|
|
5519
|
-
if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5560
|
+
if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
5520
5561
|
attr(a, "class", a_class_value);
|
|
5521
5562
|
}
|
|
5522
5563
|
|
|
@@ -5578,7 +5619,7 @@ function create_fragment$18(ctx) {
|
|
|
5578
5619
|
this.h();
|
|
5579
5620
|
},
|
|
5580
5621
|
h() {
|
|
5581
|
-
attr(div, "class", "text-element-wrapper svelte-
|
|
5622
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
|
5582
5623
|
},
|
|
5583
5624
|
m(target, anchor) {
|
|
5584
5625
|
insert_hydration(target, div, anchor);
|
|
@@ -5744,7 +5785,7 @@ class TextElement extends SvelteComponent {
|
|
|
5744
5785
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5745
5786
|
|
|
5746
5787
|
function add_css$D(target) {
|
|
5747
|
-
append_styles(target, "svelte-
|
|
5788
|
+
append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .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-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
|
5748
5789
|
}
|
|
5749
5790
|
|
|
5750
5791
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5813,7 +5854,7 @@ function create_fragment$17(ctx) {
|
|
|
5813
5854
|
this.h();
|
|
5814
5855
|
},
|
|
5815
5856
|
h() {
|
|
5816
|
-
attr(div, "class", "text-button-element svelte-
|
|
5857
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
|
5817
5858
|
},
|
|
5818
5859
|
m(target, anchor) {
|
|
5819
5860
|
insert_hydration(target, div, anchor);
|
|
@@ -5905,7 +5946,7 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5905
5946
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5906
5947
|
|
|
5907
5948
|
function add_css$C(target) {
|
|
5908
|
-
append_styles(target, "svelte-
|
|
5949
|
+
append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .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-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .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-t6tu0e{width:100%;height:100%}");
|
|
5909
5950
|
}
|
|
5910
5951
|
|
|
5911
5952
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -5933,7 +5974,7 @@ function create_default_slot$4(ctx) {
|
|
|
5933
5974
|
this.h();
|
|
5934
5975
|
},
|
|
5935
5976
|
h() {
|
|
5936
|
-
attr(img, "class", "image svelte-
|
|
5977
|
+
attr(img, "class", "image svelte-t6tu0e");
|
|
5937
5978
|
attr(img, "loading", "lazy");
|
|
5938
5979
|
attr(img, "width", "auto");
|
|
5939
5980
|
attr(img, "height", "auto");
|
|
@@ -6005,7 +6046,7 @@ function create_fragment$16(ctx) {
|
|
|
6005
6046
|
this.h();
|
|
6006
6047
|
},
|
|
6007
6048
|
h() {
|
|
6008
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
6049
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
|
6009
6050
|
},
|
|
6010
6051
|
m(target, anchor) {
|
|
6011
6052
|
insert_hydration(target, div, anchor);
|
|
@@ -6024,7 +6065,7 @@ function create_fragment$16(ctx) {
|
|
|
6024
6065
|
|
|
6025
6066
|
button.$set(button_changes);
|
|
6026
6067
|
|
|
6027
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
6068
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
|
6028
6069
|
attr(div, "class", div_class_value);
|
|
6029
6070
|
}
|
|
6030
6071
|
},
|
|
@@ -6096,7 +6137,7 @@ class ImageElement extends SvelteComponent {
|
|
|
6096
6137
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
6097
6138
|
|
|
6098
6139
|
function add_css$B(target) {
|
|
6099
|
-
append_styles(target, "svelte-
|
|
6140
|
+
append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
|
6100
6141
|
}
|
|
6101
6142
|
|
|
6102
6143
|
function create_fragment$15(ctx) {
|
|
@@ -6119,7 +6160,7 @@ function create_fragment$15(ctx) {
|
|
|
6119
6160
|
this.h();
|
|
6120
6161
|
},
|
|
6121
6162
|
h() {
|
|
6122
|
-
attr(div, "class", "list svelte-
|
|
6163
|
+
attr(div, "class", "list svelte-aquv6z");
|
|
6123
6164
|
attr(div, "style", /*style*/ ctx[0]);
|
|
6124
6165
|
},
|
|
6125
6166
|
m(target, anchor) {
|
|
@@ -6253,7 +6294,7 @@ class List extends SvelteComponent {
|
|
|
6253
6294
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6254
6295
|
|
|
6255
6296
|
function add_css$A(target) {
|
|
6256
|
-
append_styles(target, "svelte-
|
|
6297
|
+
append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
6257
6298
|
}
|
|
6258
6299
|
|
|
6259
6300
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
|
@@ -6336,7 +6377,7 @@ function create_fragment$14(ctx) {
|
|
|
6336
6377
|
this.h();
|
|
6337
6378
|
},
|
|
6338
6379
|
h() {
|
|
6339
|
-
attr(div, "class", "list-item svelte-
|
|
6380
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
|
6340
6381
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
|
6341
6382
|
},
|
|
6342
6383
|
m(target, anchor) {
|
|
@@ -6462,7 +6503,7 @@ class ListItem extends SvelteComponent {
|
|
|
6462
6503
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6463
6504
|
|
|
6464
6505
|
function add_css$z(target) {
|
|
6465
|
-
append_styles(target, "svelte-
|
|
6506
|
+
append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
6466
6507
|
}
|
|
6467
6508
|
|
|
6468
6509
|
function create_fragment$13(ctx) {
|
|
@@ -6480,7 +6521,7 @@ function create_fragment$13(ctx) {
|
|
|
6480
6521
|
this.h();
|
|
6481
6522
|
},
|
|
6482
6523
|
h() {
|
|
6483
|
-
attr(div, "class", "embed svelte-
|
|
6524
|
+
attr(div, "class", "embed svelte-wocq4p");
|
|
6484
6525
|
attr(div, "style", /*_style*/ ctx[1]);
|
|
6485
6526
|
},
|
|
6486
6527
|
m(target, anchor) {
|
|
@@ -6523,7 +6564,7 @@ class EmbedElement extends SvelteComponent {
|
|
|
6523
6564
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6524
6565
|
|
|
6525
6566
|
function add_css$y(target) {
|
|
6526
|
-
append_styles(target, "svelte-
|
|
6567
|
+
append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{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-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
|
6527
6568
|
}
|
|
6528
6569
|
|
|
6529
6570
|
function create_fragment$12(ctx) {
|
|
@@ -6546,7 +6587,7 @@ function create_fragment$12(ctx) {
|
|
|
6546
6587
|
},
|
|
6547
6588
|
h() {
|
|
6548
6589
|
attr(div0, "class", "karte-player");
|
|
6549
|
-
attr(div1, "class", "embed svelte-
|
|
6590
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6550
6591
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6551
6592
|
},
|
|
6552
6593
|
m(target, anchor) {
|
|
@@ -6888,7 +6929,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6888
6929
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6889
6930
|
|
|
6890
6931
|
function add_css$x(target) {
|
|
6891
|
-
append_styles(target, "svelte-
|
|
6932
|
+
append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{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-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
|
6892
6933
|
}
|
|
6893
6934
|
|
|
6894
6935
|
function create_fragment$11(ctx) {
|
|
@@ -6911,7 +6952,7 @@ function create_fragment$11(ctx) {
|
|
|
6911
6952
|
},
|
|
6912
6953
|
h() {
|
|
6913
6954
|
attr(div0, "class", "karte-player");
|
|
6914
|
-
attr(div1, "class", "embed svelte-
|
|
6955
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6915
6956
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6916
6957
|
},
|
|
6917
6958
|
m(target, anchor) {
|
|
@@ -7095,7 +7136,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
7095
7136
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
7096
7137
|
|
|
7097
7138
|
function add_css$w(target) {
|
|
7098
|
-
append_styles(target, "svelte-
|
|
7139
|
+
append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{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-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
|
|
7099
7140
|
}
|
|
7100
7141
|
|
|
7101
7142
|
function create_fragment$10(ctx) {
|
|
@@ -7125,12 +7166,12 @@ function create_fragment$10(ctx) {
|
|
|
7125
7166
|
this.h();
|
|
7126
7167
|
},
|
|
7127
7168
|
h() {
|
|
7128
|
-
attr(textarea, "class", "textarea svelte-
|
|
7169
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
|
7129
7170
|
textarea.value = /*$value*/ ctx[4];
|
|
7130
7171
|
textarea.required = /*required*/ ctx[1];
|
|
7131
7172
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
|
7132
7173
|
attr(textarea, "style", /*style*/ ctx[3]);
|
|
7133
|
-
attr(div, "class", "textarea-wrapper svelte-
|
|
7174
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
|
7134
7175
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
|
7135
7176
|
},
|
|
7136
7177
|
m(target, anchor) {
|
|
@@ -7282,7 +7323,7 @@ class FormTextarea extends SvelteComponent {
|
|
|
7282
7323
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7283
7324
|
|
|
7284
7325
|
function add_css$v(target) {
|
|
7285
|
-
append_styles(target, "svelte-
|
|
7326
|
+
append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{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-17s08g: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-17s08g{margin-left:0.5em}");
|
|
7286
7327
|
}
|
|
7287
7328
|
|
|
7288
7329
|
function get_each_context$6(ctx, list, i) {
|
|
@@ -7339,14 +7380,14 @@ function create_each_block$6(ctx) {
|
|
|
7339
7380
|
},
|
|
7340
7381
|
h() {
|
|
7341
7382
|
attr(input, "type", "radio");
|
|
7342
|
-
attr(input, "class", "radio-button-input svelte-
|
|
7383
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
|
7343
7384
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
|
7344
7385
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7345
7386
|
input.value = input_value_value = /*option*/ ctx[17];
|
|
7346
7387
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
|
7347
|
-
attr(span, "class", "radio-button-text svelte-
|
|
7388
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
|
7348
7389
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7349
|
-
attr(label, "class", "radio-button svelte-
|
|
7390
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
|
7350
7391
|
},
|
|
7351
7392
|
m(target, anchor) {
|
|
7352
7393
|
insert_hydration(target, label, anchor);
|
|
@@ -7425,7 +7466,7 @@ function create_fragment$$(ctx) {
|
|
|
7425
7466
|
this.h();
|
|
7426
7467
|
},
|
|
7427
7468
|
h() {
|
|
7428
|
-
attr(div, "class", "radio-buttons svelte-
|
|
7469
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
|
7429
7470
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7430
7471
|
},
|
|
7431
7472
|
m(target, anchor) {
|
|
@@ -7594,7 +7635,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7594
7635
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7595
7636
|
|
|
7596
7637
|
function add_css$u(target) {
|
|
7597
|
-
append_styles(target, "svelte-
|
|
7638
|
+
append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{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-t9ynyj: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-t9ynyj{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}");
|
|
7598
7639
|
}
|
|
7599
7640
|
|
|
7600
7641
|
function get_each_context$5(ctx, list, i) {
|
|
@@ -7765,10 +7806,10 @@ function create_fragment$_(ctx) {
|
|
|
7765
7806
|
this.h();
|
|
7766
7807
|
},
|
|
7767
7808
|
h() {
|
|
7768
|
-
attr(select, "class", "select-select svelte-
|
|
7809
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
|
7769
7810
|
attr(select, "style", /*style*/ ctx[3]);
|
|
7770
|
-
attr(div0, "class", "select-icon svelte-
|
|
7771
|
-
attr(div1, "class", "select svelte-
|
|
7811
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
|
7812
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
|
7772
7813
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
|
7773
7814
|
},
|
|
7774
7815
|
m(target, anchor) {
|
|
@@ -7970,7 +8011,7 @@ class FormSelect extends SvelteComponent {
|
|
|
7970
8011
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7971
8012
|
|
|
7972
8013
|
function add_css$t(target) {
|
|
7973
|
-
append_styles(target, "svelte-
|
|
8014
|
+
append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{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-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8: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-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
|
|
7974
8015
|
}
|
|
7975
8016
|
|
|
7976
8017
|
function get_each_context$4(ctx, list, i) {
|
|
@@ -8032,19 +8073,19 @@ function create_each_block$4(ctx) {
|
|
|
8032
8073
|
this.h();
|
|
8033
8074
|
},
|
|
8034
8075
|
h() {
|
|
8035
|
-
attr(input, "class", "check-box-input svelte-
|
|
8076
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
|
8036
8077
|
attr(input, "type", "checkbox");
|
|
8037
8078
|
attr(input, "name", /*name*/ ctx[0]);
|
|
8038
8079
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
|
8039
|
-
attr(span0, "class", "check-box-icon svelte-
|
|
8080
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
|
8040
8081
|
|
|
8041
8082
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8042
8083
|
? ' _checked'
|
|
8043
|
-
: ''}`) + " svelte-
|
|
8084
|
+
: ''}`) + " svelte-1p65cg8"));
|
|
8044
8085
|
|
|
8045
|
-
attr(span2, "class", "check-box-text svelte-
|
|
8086
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
|
8046
8087
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
8047
|
-
attr(label, "class", "check-box svelte-
|
|
8088
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
|
8048
8089
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
|
8049
8090
|
},
|
|
8050
8091
|
m(target, anchor) {
|
|
@@ -8076,7 +8117,7 @@ function create_each_block$4(ctx) {
|
|
|
8076
8117
|
|
|
8077
8118
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8078
8119
|
? ' _checked'
|
|
8079
|
-
: ''}`) + " svelte-
|
|
8120
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
|
8080
8121
|
attr(span1, "class", span1_class_value);
|
|
8081
8122
|
}
|
|
8082
8123
|
|
|
@@ -8129,7 +8170,7 @@ function create_fragment$Z(ctx) {
|
|
|
8129
8170
|
this.h();
|
|
8130
8171
|
},
|
|
8131
8172
|
h() {
|
|
8132
|
-
attr(div, "class", "check-boxes svelte-
|
|
8173
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
|
8133
8174
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
8134
8175
|
},
|
|
8135
8176
|
m(target, anchor) {
|
|
@@ -8304,7 +8345,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
8304
8345
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
8305
8346
|
|
|
8306
8347
|
function add_css$s(target) {
|
|
8307
|
-
append_styles(target, "svelte-
|
|
8348
|
+
append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{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}");
|
|
8308
8349
|
}
|
|
8309
8350
|
|
|
8310
8351
|
function get_each_context$3(ctx, list, i) {
|
|
@@ -8339,7 +8380,7 @@ function create_each_block$3(ctx) {
|
|
|
8339
8380
|
this.h();
|
|
8340
8381
|
},
|
|
8341
8382
|
h() {
|
|
8342
|
-
attr(button, "class", "rating-button svelte-
|
|
8383
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
|
8343
8384
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
|
8344
8385
|
},
|
|
8345
8386
|
m(target, anchor) {
|
|
@@ -8402,7 +8443,7 @@ function create_fragment$Y(ctx) {
|
|
|
8402
8443
|
this.h();
|
|
8403
8444
|
},
|
|
8404
8445
|
h() {
|
|
8405
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8446
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
|
8406
8447
|
},
|
|
8407
8448
|
m(target, anchor) {
|
|
8408
8449
|
insert_hydration(target, div, anchor);
|
|
@@ -8546,7 +8587,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8546
8587
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8547
8588
|
|
|
8548
8589
|
function add_css$r(target) {
|
|
8549
|
-
append_styles(target, "svelte-
|
|
8590
|
+
append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
|
|
8550
8591
|
}
|
|
8551
8592
|
|
|
8552
8593
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -8582,9 +8623,9 @@ function create_each_block$2(ctx) {
|
|
|
8582
8623
|
},
|
|
8583
8624
|
h() {
|
|
8584
8625
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
|
8585
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8626
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
|
8586
8627
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
|
8587
|
-
attr(button, "class", "rating-button svelte-
|
|
8628
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
|
8588
8629
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
|
8589
8630
|
},
|
|
8590
8631
|
m(target, anchor) {
|
|
@@ -8600,7 +8641,7 @@ function create_each_block$2(ctx) {
|
|
|
8600
8641
|
p(new_ctx, dirty) {
|
|
8601
8642
|
ctx = new_ctx;
|
|
8602
8643
|
|
|
8603
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8644
|
+
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
|
|
8604
8645
|
attr(img, "class", img_class_value);
|
|
8605
8646
|
}
|
|
8606
8647
|
|
|
@@ -8647,7 +8688,7 @@ function create_fragment$X(ctx) {
|
|
|
8647
8688
|
this.h();
|
|
8648
8689
|
},
|
|
8649
8690
|
h() {
|
|
8650
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8691
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
|
8651
8692
|
},
|
|
8652
8693
|
m(target, anchor) {
|
|
8653
8694
|
insert_hydration(target, div, anchor);
|
|
@@ -8755,7 +8796,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
8755
8796
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8756
8797
|
|
|
8757
8798
|
function add_css$q(target) {
|
|
8758
|
-
append_styles(target, "svelte-
|
|
8799
|
+
append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{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-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx: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-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
|
8759
8800
|
}
|
|
8760
8801
|
|
|
8761
8802
|
function create_fragment$W(ctx) {
|
|
@@ -8786,13 +8827,13 @@ function create_fragment$W(ctx) {
|
|
|
8786
8827
|
this.h();
|
|
8787
8828
|
},
|
|
8788
8829
|
h() {
|
|
8789
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8830
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
|
8790
8831
|
attr(input, "type", "text");
|
|
8791
8832
|
input.value = /*$value*/ ctx[2];
|
|
8792
8833
|
input.required = /*required*/ ctx[0];
|
|
8793
8834
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8794
8835
|
attr(input, "style", /*style*/ ctx[5]);
|
|
8795
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8836
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
|
8796
8837
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8797
8838
|
},
|
|
8798
8839
|
m(target, anchor) {
|
|
@@ -8805,7 +8846,7 @@ function create_fragment$W(ctx) {
|
|
|
8805
8846
|
}
|
|
8806
8847
|
},
|
|
8807
8848
|
p(ctx, [dirty]) {
|
|
8808
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8849
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
|
8809
8850
|
attr(input, "class", input_class_value);
|
|
8810
8851
|
}
|
|
8811
8852
|
|
|
@@ -8993,7 +9034,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8993
9034
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
8994
9035
|
|
|
8995
9036
|
function add_css$p(target) {
|
|
8996
|
-
append_styles(target, "svelte-
|
|
9037
|
+
append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{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-8zbmyo: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-8zbmyo{margin-left:0.5em}");
|
|
8997
9038
|
}
|
|
8998
9039
|
|
|
8999
9040
|
function create_fragment$V(ctx) {
|
|
@@ -9059,20 +9100,20 @@ function create_fragment$V(ctx) {
|
|
|
9059
9100
|
},
|
|
9060
9101
|
h() {
|
|
9061
9102
|
attr(input0, "type", "radio");
|
|
9062
|
-
attr(input0, "class", "radio-button-input svelte-
|
|
9103
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
|
9063
9104
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
|
9064
9105
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
|
9065
|
-
attr(span0, "class", "radio-button-text svelte-
|
|
9106
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
|
9066
9107
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9067
|
-
attr(label0, "class", "radio-button svelte-
|
|
9108
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
|
9068
9109
|
attr(input1, "type", "radio");
|
|
9069
|
-
attr(input1, "class", "radio-button-input svelte-
|
|
9110
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
|
9070
9111
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
|
9071
9112
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
|
9072
|
-
attr(span1, "class", "radio-button-text svelte-
|
|
9113
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
|
9073
9114
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9074
|
-
attr(label1, "class", "radio-button svelte-
|
|
9075
|
-
attr(div, "class", "radio-buttons svelte-
|
|
9115
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
|
9116
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
|
9076
9117
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
|
9077
9118
|
},
|
|
9078
9119
|
m(target, anchor) {
|
|
@@ -9240,7 +9281,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
9240
9281
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
9241
9282
|
|
|
9242
9283
|
function add_css$o(target) {
|
|
9243
|
-
append_styles(target, "svelte-
|
|
9284
|
+
append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
|
|
9244
9285
|
}
|
|
9245
9286
|
|
|
9246
9287
|
function get_each_context$1(ctx, list, i) {
|
|
@@ -9286,9 +9327,9 @@ function create_if_block_1$1(ctx) {
|
|
|
9286
9327
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9287
9328
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9288
9329
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
|
9289
|
-
attr(button, "class", "move-button svelte-
|
|
9330
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9290
9331
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
|
9291
|
-
attr(div, "class", "prev-button-container svelte-
|
|
9332
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
|
9292
9333
|
},
|
|
9293
9334
|
m(target, anchor) {
|
|
9294
9335
|
insert_hydration(target, div, anchor);
|
|
@@ -9354,9 +9395,9 @@ function create_if_block$8(ctx) {
|
|
|
9354
9395
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9355
9396
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9356
9397
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
|
9357
|
-
attr(button, "class", "move-button svelte-
|
|
9398
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9358
9399
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
|
9359
|
-
attr(div, "class", "next-button-container svelte-
|
|
9400
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
|
9360
9401
|
},
|
|
9361
9402
|
m(target, anchor) {
|
|
9362
9403
|
insert_hydration(target, div, anchor);
|
|
@@ -9416,9 +9457,9 @@ function create_each_block$1(ctx) {
|
|
|
9416
9457
|
this.h();
|
|
9417
9458
|
},
|
|
9418
9459
|
h() {
|
|
9419
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
|
9460
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
|
9420
9461
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
|
9421
|
-
attr(button, "class", "navigation-item svelte-
|
|
9462
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
|
9422
9463
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
|
9423
9464
|
},
|
|
9424
9465
|
m(target, anchor) {
|
|
@@ -9524,14 +9565,14 @@ function create_fragment$U(ctx) {
|
|
|
9524
9565
|
this.h();
|
|
9525
9566
|
},
|
|
9526
9567
|
h() {
|
|
9527
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9568
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
|
9528
9569
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
|
9529
|
-
attr(div1, "class", "container svelte-
|
|
9570
|
+
attr(div1, "class", "container svelte-ji1fh");
|
|
9530
9571
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
9531
|
-
attr(div2, "class", "navigation svelte-
|
|
9572
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
|
9532
9573
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
|
9533
9574
|
set_attributes(div3, div3_data);
|
|
9534
|
-
toggle_class(div3, "svelte-
|
|
9575
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9535
9576
|
},
|
|
9536
9577
|
m(target, anchor) {
|
|
9537
9578
|
insert_hydration(target, div3, anchor);
|
|
@@ -9573,7 +9614,7 @@ function create_fragment$U(ctx) {
|
|
|
9573
9614
|
}
|
|
9574
9615
|
}
|
|
9575
9616
|
|
|
9576
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9617
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
|
9577
9618
|
attr(div0, "class", div0_class_value);
|
|
9578
9619
|
}
|
|
9579
9620
|
|
|
@@ -9639,7 +9680,7 @@ function create_fragment$U(ctx) {
|
|
|
9639
9680
|
}
|
|
9640
9681
|
|
|
9641
9682
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
|
9642
|
-
toggle_class(div3, "svelte-
|
|
9683
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9643
9684
|
},
|
|
9644
9685
|
i(local) {
|
|
9645
9686
|
if (current) return;
|
|
@@ -10151,7 +10192,7 @@ class Slide extends SvelteComponent {
|
|
|
10151
10192
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
10152
10193
|
|
|
10153
10194
|
function add_css$n(target) {
|
|
10154
|
-
append_styles(target, "svelte-
|
|
10195
|
+
append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
|
|
10155
10196
|
}
|
|
10156
10197
|
|
|
10157
10198
|
function create_fragment$T(ctx) {
|
|
@@ -10179,9 +10220,9 @@ function create_fragment$T(ctx) {
|
|
|
10179
10220
|
this.h();
|
|
10180
10221
|
},
|
|
10181
10222
|
h() {
|
|
10182
|
-
attr(div0, "class", "item-inner svelte-
|
|
10223
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
|
10183
10224
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10184
|
-
attr(div1, "class", "item svelte-
|
|
10225
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
|
10185
10226
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
|
10186
10227
|
},
|
|
10187
10228
|
m(target, anchor) {
|
|
@@ -10307,7 +10348,7 @@ class SlideItem extends SvelteComponent {
|
|
|
10307
10348
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
10308
10349
|
|
|
10309
10350
|
function add_css$m(target) {
|
|
10310
|
-
append_styles(target, "svelte-
|
|
10351
|
+
append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
10311
10352
|
}
|
|
10312
10353
|
|
|
10313
10354
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
@@ -10338,9 +10379,9 @@ function create_fragment$S(ctx) {
|
|
|
10338
10379
|
this.h();
|
|
10339
10380
|
},
|
|
10340
10381
|
h() {
|
|
10341
|
-
attr(div0, "class", "countdown-inner svelte-
|
|
10382
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
|
10342
10383
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10343
|
-
attr(div1, "class", "countdown svelte-
|
|
10384
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
|
10344
10385
|
},
|
|
10345
10386
|
m(target, anchor) {
|
|
10346
10387
|
insert_hydration(target, div1, anchor);
|
|
@@ -10470,7 +10511,7 @@ class Countdown extends SvelteComponent {
|
|
|
10470
10511
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
10471
10512
|
|
|
10472
10513
|
function add_css$l(target) {
|
|
10473
|
-
append_styles(target, "svelte-
|
|
10514
|
+
append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
10474
10515
|
}
|
|
10475
10516
|
|
|
10476
10517
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -10553,7 +10594,7 @@ function create_fragment$R(ctx) {
|
|
|
10553
10594
|
this.h();
|
|
10554
10595
|
},
|
|
10555
10596
|
h() {
|
|
10556
|
-
attr(div, "class", "box svelte-
|
|
10597
|
+
attr(div, "class", "box svelte-1ccydfy");
|
|
10557
10598
|
},
|
|
10558
10599
|
m(target, anchor) {
|
|
10559
10600
|
insert_hydration(target, div, anchor);
|
|
@@ -10614,7 +10655,7 @@ class Box extends SvelteComponent {
|
|
|
10614
10655
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10615
10656
|
|
|
10616
10657
|
function add_css$k(target) {
|
|
10617
|
-
append_styles(target, "svelte-
|
|
10658
|
+
append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .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-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
|
|
10618
10659
|
}
|
|
10619
10660
|
|
|
10620
10661
|
// (56:4) {#if svg}
|
|
@@ -10718,7 +10759,7 @@ function create_fragment$Q(ctx) {
|
|
|
10718
10759
|
this.h();
|
|
10719
10760
|
},
|
|
10720
10761
|
h() {
|
|
10721
|
-
attr(div, "class", "icon svelte-
|
|
10762
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
|
10722
10763
|
},
|
|
10723
10764
|
m(target, anchor) {
|
|
10724
10765
|
insert_hydration(target, div, anchor);
|
|
@@ -10827,7 +10868,7 @@ class IconElement extends SvelteComponent {
|
|
|
10827
10868
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10828
10869
|
|
|
10829
10870
|
function add_css$j(target) {
|
|
10830
|
-
append_styles(target, "svelte-
|
|
10871
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10831
10872
|
}
|
|
10832
10873
|
|
|
10833
10874
|
function create_fragment$P(ctx) {
|
|
@@ -10863,7 +10904,7 @@ function create_fragment$P(ctx) {
|
|
|
10863
10904
|
this.h();
|
|
10864
10905
|
},
|
|
10865
10906
|
h() {
|
|
10866
|
-
attr(div, "class", "codeElement svelte-
|
|
10907
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
|
10867
10908
|
attr(div, "style", /*style*/ ctx[3]);
|
|
10868
10909
|
},
|
|
10869
10910
|
m(target, anchor) {
|
|
@@ -10952,7 +10993,7 @@ class CodeElement extends SvelteComponent {
|
|
|
10952
10993
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10953
10994
|
|
|
10954
10995
|
function add_css$i(target) {
|
|
10955
|
-
append_styles(target, "svelte-
|
|
10996
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
10956
10997
|
}
|
|
10957
10998
|
|
|
10958
10999
|
function create_fragment$O(ctx) {
|
|
@@ -10976,7 +11017,7 @@ function create_fragment$O(ctx) {
|
|
|
10976
11017
|
this.h();
|
|
10977
11018
|
},
|
|
10978
11019
|
h() {
|
|
10979
|
-
attr(div, "class", "flex svelte-
|
|
11020
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
|
10980
11021
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
|
10981
11022
|
},
|
|
10982
11023
|
m(target, anchor) {
|
|
@@ -11073,7 +11114,7 @@ class Flex extends SvelteComponent {
|
|
|
11073
11114
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
11074
11115
|
|
|
11075
11116
|
function add_css$h(target) {
|
|
11076
|
-
append_styles(target, "svelte-
|
|
11117
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
11077
11118
|
}
|
|
11078
11119
|
|
|
11079
11120
|
function create_fragment$N(ctx) {
|
|
@@ -11096,7 +11137,7 @@ function create_fragment$N(ctx) {
|
|
|
11096
11137
|
this.h();
|
|
11097
11138
|
},
|
|
11098
11139
|
h() {
|
|
11099
|
-
attr(div, "class", "flex-item svelte-
|
|
11140
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
|
11100
11141
|
attr(div, "style", /*style*/ ctx[0]);
|
|
11101
11142
|
},
|
|
11102
11143
|
m(target, anchor) {
|
|
@@ -11516,7 +11557,7 @@ class GridModalState extends SvelteComponent {
|
|
|
11516
11557
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
11517
11558
|
|
|
11518
11559
|
function add_css$g(target) {
|
|
11519
|
-
append_styles(target, "svelte-
|
|
11560
|
+
append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
|
|
11520
11561
|
}
|
|
11521
11562
|
|
|
11522
11563
|
function create_fragment$L(ctx) {
|
|
@@ -11545,8 +11586,8 @@ function create_fragment$L(ctx) {
|
|
|
11545
11586
|
this.h();
|
|
11546
11587
|
},
|
|
11547
11588
|
h() {
|
|
11548
|
-
attr(div0, "class", "text-block-inner svelte-
|
|
11549
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
11589
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
|
11590
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
|
11550
11591
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
11551
11592
|
},
|
|
11552
11593
|
m(target, anchor) {
|
|
@@ -11560,7 +11601,7 @@ function create_fragment$L(ctx) {
|
|
|
11560
11601
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
11561
11602
|
rendertext.$set(rendertext_changes);
|
|
11562
11603
|
|
|
11563
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
11604
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
|
11564
11605
|
attr(div1, "class", div1_class_value);
|
|
11565
11606
|
}
|
|
11566
11607
|
|
|
@@ -11638,7 +11679,7 @@ class TextBlock extends SvelteComponent {
|
|
|
11638
11679
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
11639
11680
|
|
|
11640
11681
|
function add_css$f(target) {
|
|
11641
|
-
append_styles(target, "svelte-
|
|
11682
|
+
append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{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-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
|
11642
11683
|
}
|
|
11643
11684
|
|
|
11644
11685
|
function create_fragment$K(ctx) {
|
|
@@ -11668,9 +11709,9 @@ function create_fragment$K(ctx) {
|
|
|
11668
11709
|
this.h();
|
|
11669
11710
|
},
|
|
11670
11711
|
h() {
|
|
11671
|
-
attr(button, "class", "text-button svelte-
|
|
11712
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
|
11672
11713
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
11673
|
-
attr(div, "class", "text-button-block svelte-
|
|
11714
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
|
11674
11715
|
attr(div, "style", /*_style*/ ctx[2]);
|
|
11675
11716
|
},
|
|
11676
11717
|
m(target, anchor) {
|
|
@@ -11776,7 +11817,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11776
11817
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11777
11818
|
|
|
11778
11819
|
function add_css$e(target) {
|
|
11779
|
-
append_styles(target, "svelte-
|
|
11820
|
+
append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{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-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
|
|
11780
11821
|
}
|
|
11781
11822
|
|
|
11782
11823
|
function create_fragment$J(ctx) {
|
|
@@ -11812,14 +11853,14 @@ function create_fragment$J(ctx) {
|
|
|
11812
11853
|
this.h();
|
|
11813
11854
|
},
|
|
11814
11855
|
h() {
|
|
11815
|
-
attr(img, "class", "image svelte-
|
|
11856
|
+
attr(img, "class", "image svelte-1pdw891");
|
|
11816
11857
|
attr(img, "loading", "lazy");
|
|
11817
11858
|
attr(img, "width", "auto");
|
|
11818
11859
|
attr(img, "height", "auto");
|
|
11819
11860
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
|
11820
11861
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
|
11821
11862
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11822
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11863
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
|
11823
11864
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
11824
11865
|
},
|
|
11825
11866
|
m(target, anchor) {
|
|
@@ -11844,7 +11885,7 @@ function create_fragment$J(ctx) {
|
|
|
11844
11885
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11845
11886
|
}
|
|
11846
11887
|
|
|
11847
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11888
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
|
11848
11889
|
attr(div, "class", div_class_value);
|
|
11849
11890
|
}
|
|
11850
11891
|
|
|
@@ -11935,6 +11976,23 @@ const ROUND_VARIANT = {
|
|
|
11935
11976
|
fulled: 'Full (100%)',
|
|
11936
11977
|
};
|
|
11937
11978
|
|
|
11979
|
+
const AVATAR_SIZE = {
|
|
11980
|
+
extra_small: 'XS（48 x 48）',
|
|
11981
|
+
small: 'S（64 x 64）',
|
|
11982
|
+
medium: 'M（88 x 88）',
|
|
11983
|
+
large: 'L（108 x 108）',
|
|
11984
|
+
extra_large: 'XL（128 x 128）',
|
|
11985
|
+
};
|
|
11986
|
+
const AVATAR_SHAPE = {
|
|
11987
|
+
circle: 'サークル',
|
|
11988
|
+
square: 'スクエア',
|
|
11989
|
+
rounded: 'ラウンド',
|
|
11990
|
+
};
|
|
11991
|
+
const avatarPropsDefault = {
|
|
11992
|
+
size: 'medium',
|
|
11993
|
+
shape: 'circle',
|
|
11994
|
+
};
|
|
11995
|
+
|
|
11938
11996
|
const toHyphenCase = (str) => {
|
|
11939
11997
|
let result = str.replace(/_/g, '-');
|
|
11940
11998
|
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
@@ -12100,13 +12158,36 @@ const useInjectCustomizeCss = (props) => {
|
|
|
12100
12158
|
});
|
|
12101
12159
|
};
|
|
12102
12160
|
|
|
12161
|
+
const AVATAR_SIZE_STYLES = {
|
|
12162
|
+
extra_small: {
|
|
12163
|
+
width: '48px',
|
|
12164
|
+
height: '48px',
|
|
12165
|
+
},
|
|
12166
|
+
small: {
|
|
12167
|
+
width: '64px',
|
|
12168
|
+
height: '64px',
|
|
12169
|
+
},
|
|
12170
|
+
medium: {
|
|
12171
|
+
width: '88px',
|
|
12172
|
+
height: '88px',
|
|
12173
|
+
},
|
|
12174
|
+
large: {
|
|
12175
|
+
width: '108px',
|
|
12176
|
+
height: '108px',
|
|
12177
|
+
},
|
|
12178
|
+
extra_large: {
|
|
12179
|
+
width: '128px',
|
|
12180
|
+
height: '128px',
|
|
12181
|
+
},
|
|
12182
|
+
};
|
|
12183
|
+
|
|
12103
12184
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
12104
12185
|
|
|
12105
12186
|
function add_css$d(target) {
|
|
12106
|
-
append_styles(target, "svelte-
|
|
12187
|
+
append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
|
|
12107
12188
|
}
|
|
12108
12189
|
|
|
12109
|
-
// (
|
|
12190
|
+
// (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
12110
12191
|
function create_dynamic_element$8(ctx) {
|
|
12111
12192
|
let svelte_element;
|
|
12112
12193
|
let img;
|
|
@@ -12155,7 +12236,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
12155
12236
|
},
|
|
12156
12237
|
h() {
|
|
12157
12238
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
12158
|
-
attr(img, "class", "avatar-image svelte-
|
|
12239
|
+
attr(img, "class", "avatar-image svelte-1krsdyx");
|
|
12159
12240
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
12160
12241
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
|
12161
12242
|
|
|
@@ -12165,7 +12246,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
12165
12246
|
set_attributes(svelte_element, svelte_element_data);
|
|
12166
12247
|
}
|
|
12167
12248
|
|
|
12168
|
-
toggle_class(svelte_element, "svelte-
|
|
12249
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
|
12169
12250
|
},
|
|
12170
12251
|
m(target, anchor) {
|
|
12171
12252
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -12202,7 +12283,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
12202
12283
|
set_attributes(svelte_element, svelte_element_data);
|
|
12203
12284
|
}
|
|
12204
12285
|
|
|
12205
|
-
toggle_class(svelte_element, "svelte-
|
|
12286
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
|
12206
12287
|
},
|
|
12207
12288
|
d(detaching) {
|
|
12208
12289
|
if (detaching) detach(svelte_element);
|
|
@@ -12268,15 +12349,21 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
|
12268
12349
|
useInjectCustomizeCss(props);
|
|
12269
12350
|
const { attributes, element, handleClick } = useClickable(props);
|
|
12270
12351
|
|
|
12352
|
+
const avatarSizeStyle = !isNaN(Number(props.size))
|
|
12353
|
+
? {
|
|
12354
|
+
width: `${props.size}px`,
|
|
12355
|
+
height: `${props.size}px`
|
|
12356
|
+
}
|
|
12357
|
+
: AVATAR_SIZE_STYLES[props.size] || AVATAR_SIZE_STYLES[avatarPropsDefault.size];
|
|
12358
|
+
|
|
12271
12359
|
const VARIANTS = {
|
|
12272
12360
|
shape: {
|
|
12273
12361
|
circle: { borderRadius: '100%' },
|
|
12274
|
-
square: { borderRadius: '
|
|
12362
|
+
square: { borderRadius: '0.25em' },
|
|
12363
|
+
rounded: { borderRadius: '1em' }
|
|
12275
12364
|
}
|
|
12276
12365
|
};
|
|
12277
12366
|
|
|
12278
|
-
const size = props.size ?? 64;
|
|
12279
|
-
|
|
12280
12367
|
$$self.$$set = $$props => {
|
|
12281
12368
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
12282
12369
|
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
@@ -12285,9 +12372,9 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
|
12285
12372
|
$$self.$$.update = () => {
|
|
12286
12373
|
if ($$self.$$.dirty & /*props*/ 1) {
|
|
12287
12374
|
$$invalidate(3, style = objToStyle({
|
|
12288
|
-
width: `${size}px`,
|
|
12289
|
-
height: `${size}px`,
|
|
12290
12375
|
...VARIANTS.shape[props.shape ?? 'square'],
|
|
12376
|
+
width: props.width ?? avatarSizeStyle.width,
|
|
12377
|
+
height: props.height ?? avatarSizeStyle.height,
|
|
12291
12378
|
...toCssCommon(props),
|
|
12292
12379
|
...toCssBorder(props)
|
|
12293
12380
|
}));
|
|
@@ -12310,18 +12397,6 @@ class Avatar extends SvelteComponent {
|
|
|
12310
12397
|
}
|
|
12311
12398
|
}
|
|
12312
12399
|
|
|
12313
|
-
const AVATAR_SIZE = {
|
|
12314
|
-
extra_small: 'XS（48 x 48）',
|
|
12315
|
-
small: 'S（64 x 64）',
|
|
12316
|
-
medium: 'M（88 x 88）',
|
|
12317
|
-
large: 'L（108 x 108）',
|
|
12318
|
-
extra_large: 'XL（128 x 128）',
|
|
12319
|
-
};
|
|
12320
|
-
const AVATAR_SHAPE = {
|
|
12321
|
-
circle: 'サークル',
|
|
12322
|
-
square: 'スクエア',
|
|
12323
|
-
};
|
|
12324
|
-
|
|
12325
12400
|
const BUTTON_SIZE = {
|
|
12326
12401
|
extra_small: 'XSmall',
|
|
12327
12402
|
small: 'Small',
|
|
@@ -14368,7 +14443,7 @@ const ICON_VARIANTS = {
|
|
|
14368
14443
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
14369
14444
|
|
|
14370
14445
|
function add_css$c(target) {
|
|
14371
|
-
append_styles(target, "svelte-
|
|
14446
|
+
append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
|
|
14372
14447
|
}
|
|
14373
14448
|
|
|
14374
14449
|
// (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -14430,7 +14505,7 @@ function create_dynamic_element$7(ctx) {
|
|
|
14430
14505
|
set_attributes(svelte_element, svelte_element_data);
|
|
14431
14506
|
}
|
|
14432
14507
|
|
|
14433
|
-
toggle_class(svelte_element, "svelte-
|
|
14508
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
|
14434
14509
|
},
|
|
14435
14510
|
m(target, anchor) {
|
|
14436
14511
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -14483,7 +14558,7 @@ function create_dynamic_element$7(ctx) {
|
|
|
14483
14558
|
set_attributes(svelte_element, svelte_element_data);
|
|
14484
14559
|
}
|
|
14485
14560
|
|
|
14486
|
-
toggle_class(svelte_element, "svelte-
|
|
14561
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
|
14487
14562
|
},
|
|
14488
14563
|
i(local) {
|
|
14489
14564
|
if (current) return;
|
|
@@ -14600,39 +14675,43 @@ class Icon extends SvelteComponent {
|
|
|
14600
14675
|
}
|
|
14601
14676
|
}
|
|
14602
14677
|
|
|
14603
|
-
const
|
|
14604
|
-
|
|
14605
|
-
|
|
14606
|
-
|
|
14607
|
-
|
|
14608
|
-
},
|
|
14609
|
-
text_secondary: {
|
|
14610
|
-
main: '#555555',
|
|
14611
|
-
},
|
|
14612
|
-
brand: {
|
|
14613
|
-
main: '#33403e',
|
|
14614
|
-
},
|
|
14615
|
-
link: {
|
|
14616
|
-
main: '#1558d6',
|
|
14617
|
-
},
|
|
14618
|
-
danger: {
|
|
14619
|
-
main: '#f44336',
|
|
14620
|
-
},
|
|
14621
|
-
warning: {
|
|
14622
|
-
main: '#ffa726',
|
|
14623
|
-
},
|
|
14624
|
-
success: {
|
|
14625
|
-
main: '#10b981',
|
|
14626
|
-
},
|
|
14627
|
-
info: {
|
|
14628
|
-
main: '#29b6f6',
|
|
14629
|
-
},
|
|
14630
|
-
white: {
|
|
14631
|
-
main: '#FFFFFF',
|
|
14632
|
-
},
|
|
14633
|
-
},
|
|
14678
|
+
const getPropStyles = (callback) => {
|
|
14679
|
+
return (customBrandKit) => {
|
|
14680
|
+
const brandKit = getBrandKit(customBrandKit);
|
|
14681
|
+
return callback({ brandKit });
|
|
14682
|
+
};
|
|
14634
14683
|
};
|
|
14635
14684
|
|
|
14685
|
+
const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
14686
|
+
default: {
|
|
14687
|
+
backgroundColor: brandKit.color_brand,
|
|
14688
|
+
color: '#FFFFFF',
|
|
14689
|
+
},
|
|
14690
|
+
general: {
|
|
14691
|
+
backgroundColor: '#e8e8e8',
|
|
14692
|
+
color: 'rgba(0, 16, 14, 0.7)',
|
|
14693
|
+
},
|
|
14694
|
+
success: {
|
|
14695
|
+
backgroundColor: brandKit.color_success,
|
|
14696
|
+
color: '#ffffff',
|
|
14697
|
+
},
|
|
14698
|
+
warning: {
|
|
14699
|
+
backgroundColor: brandKit.color_warning,
|
|
14700
|
+
color: '#ffffff',
|
|
14701
|
+
},
|
|
14702
|
+
danger: {
|
|
14703
|
+
backgroundColor: brandKit.color_danger,
|
|
14704
|
+
color: '#FFFFFF',
|
|
14705
|
+
},
|
|
14706
|
+
info: {
|
|
14707
|
+
backgroundColor: brandKit.color_info,
|
|
14708
|
+
color: '#FFFFFF',
|
|
14709
|
+
},
|
|
14710
|
+
white: {
|
|
14711
|
+
backgroundColor: '#FFFFFF',
|
|
14712
|
+
color: brandKit.color_text_primary,
|
|
14713
|
+
},
|
|
14714
|
+
}));
|
|
14636
14715
|
const BUTTON_SIZE_STYLES = {
|
|
14637
14716
|
extra_small: {
|
|
14638
14717
|
height: '32px',
|
|
@@ -14665,35 +14744,37 @@ const BUTTON_SIZE_STYLES = {
|
|
|
14665
14744
|
fontSize: '16px',
|
|
14666
14745
|
},
|
|
14667
14746
|
};
|
|
14668
|
-
const BUTTON_THEME_STYLES = {
|
|
14669
|
-
|
|
14670
|
-
|
|
14671
|
-
|
|
14672
|
-
|
|
14673
|
-
|
|
14674
|
-
|
|
14675
|
-
|
|
14676
|
-
|
|
14677
|
-
|
|
14678
|
-
|
|
14679
|
-
|
|
14680
|
-
|
|
14681
|
-
|
|
14682
|
-
|
|
14683
|
-
|
|
14684
|
-
|
|
14685
|
-
|
|
14686
|
-
|
|
14687
|
-
|
|
14688
|
-
|
|
14689
|
-
|
|
14690
|
-
|
|
14691
|
-
|
|
14692
|
-
|
|
14693
|
-
|
|
14694
|
-
|
|
14695
|
-
|
|
14696
|
-
|
|
14747
|
+
const BUTTON_THEME_STYLES = () => {
|
|
14748
|
+
return {
|
|
14749
|
+
default: {
|
|
14750
|
+
backgroundColor: getBrandKit().color_brand,
|
|
14751
|
+
color: '#FFFFFF',
|
|
14752
|
+
},
|
|
14753
|
+
general: {
|
|
14754
|
+
backgroundColor: '#e8e8e8',
|
|
14755
|
+
color: 'rgba(0, 16, 14, 0.7)',
|
|
14756
|
+
},
|
|
14757
|
+
success: {
|
|
14758
|
+
backgroundColor: getBrandKit().color_success,
|
|
14759
|
+
color: '#ffffff',
|
|
14760
|
+
},
|
|
14761
|
+
warning: {
|
|
14762
|
+
backgroundColor: getBrandKit().color_warning,
|
|
14763
|
+
color: '#ffffff',
|
|
14764
|
+
},
|
|
14765
|
+
danger: {
|
|
14766
|
+
backgroundColor: getBrandKit().color_danger,
|
|
14767
|
+
color: '#FFFFFF',
|
|
14768
|
+
},
|
|
14769
|
+
info: {
|
|
14770
|
+
backgroundColor: getBrandKit().color_info,
|
|
14771
|
+
color: '#FFFFFF',
|
|
14772
|
+
},
|
|
14773
|
+
white: {
|
|
14774
|
+
backgroundColor: '#FFFFFF',
|
|
14775
|
+
color: getBrandKit().color_text_primary,
|
|
14776
|
+
},
|
|
14777
|
+
};
|
|
14697
14778
|
};
|
|
14698
14779
|
const BUTTON_ROUND_STYLES = {
|
|
14699
14780
|
none: {
|
|
@@ -14764,10 +14845,10 @@ function darkenColor(color, percent) {
|
|
|
14764
14845
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
|
14765
14846
|
|
|
14766
14847
|
function add_css$b(target) {
|
|
14767
|
-
append_styles(target, "svelte-
|
|
14848
|
+
append_styles(target, "svelte-1ix4ul", ".button.svelte-1ix4ul{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button.svelte-1ix4ul:hover{background-color:var(--hover-bg-color)}.button-icon.svelte-1ix4ul{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
|
14768
14849
|
}
|
|
14769
14850
|
|
|
14770
|
-
// (
|
|
14851
|
+
// (52:2) {#if props.isIcon && props.iconVariant}
|
|
14771
14852
|
function create_if_block$6(ctx) {
|
|
14772
14853
|
let div;
|
|
14773
14854
|
let icon;
|
|
@@ -14798,7 +14879,7 @@ function create_if_block$6(ctx) {
|
|
|
14798
14879
|
this.h();
|
|
14799
14880
|
},
|
|
14800
14881
|
h() {
|
|
14801
|
-
attr(div, "class", "button-icon svelte-
|
|
14882
|
+
attr(div, "class", "button-icon svelte-1ix4ul");
|
|
14802
14883
|
},
|
|
14803
14884
|
m(target, anchor) {
|
|
14804
14885
|
insert_hydration(target, div, anchor);
|
|
@@ -14833,7 +14914,7 @@ function create_if_block$6(ctx) {
|
|
|
14833
14914
|
};
|
|
14834
14915
|
}
|
|
14835
14916
|
|
|
14836
|
-
// (
|
|
14917
|
+
// (44:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
14837
14918
|
function create_dynamic_element$6(ctx) {
|
|
14838
14919
|
let svelte_element;
|
|
14839
14920
|
let t0;
|
|
@@ -14885,7 +14966,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
14885
14966
|
this.h();
|
|
14886
14967
|
},
|
|
14887
14968
|
h() {
|
|
14888
|
-
attr(span, "class", "button-label svelte-
|
|
14969
|
+
attr(span, "class", "button-label svelte-1ix4ul");
|
|
14889
14970
|
|
|
14890
14971
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
14891
14972
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -14893,7 +14974,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
14893
14974
|
set_attributes(svelte_element, svelte_element_data);
|
|
14894
14975
|
}
|
|
14895
14976
|
|
|
14896
|
-
toggle_class(svelte_element, "svelte-
|
|
14977
|
+
toggle_class(svelte_element, "svelte-1ix4ul", true);
|
|
14897
14978
|
},
|
|
14898
14979
|
m(target, anchor) {
|
|
14899
14980
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -14947,7 +15028,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
14947
15028
|
set_attributes(svelte_element, svelte_element_data);
|
|
14948
15029
|
}
|
|
14949
15030
|
|
|
14950
|
-
toggle_class(svelte_element, "svelte-
|
|
15031
|
+
toggle_class(svelte_element, "svelte-1ix4ul", true);
|
|
14951
15032
|
},
|
|
14952
15033
|
i(local) {
|
|
14953
15034
|
if (current) return;
|
|
@@ -15024,7 +15105,9 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
|
15024
15105
|
let { layerId = '' } = $$props;
|
|
15025
15106
|
useInjectCustomizeCss(props);
|
|
15026
15107
|
const { attributes, element, handleClick } = useClickable(props);
|
|
15027
|
-
const
|
|
15108
|
+
const { brandKit } = useBrandKit();
|
|
15109
|
+
const buttonThemeStyles = getButtonThemeStyles(brandKit);
|
|
15110
|
+
const buttonThemeStyle = buttonThemeStyles[props.theme] || buttonThemeStyles[buttonPropsDefault.theme];
|
|
15028
15111
|
const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
|
|
15029
15112
|
|
|
15030
15113
|
$$self.$$set = $$props => {
|
|
@@ -15122,35 +15205,35 @@ const BUTTON_OUTLINED_SIZE_STYLES = {
|
|
|
15122
15205
|
fontSize: '16px',
|
|
15123
15206
|
},
|
|
15124
15207
|
};
|
|
15125
|
-
const
|
|
15208
|
+
const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
15126
15209
|
default: {
|
|
15127
|
-
color:
|
|
15128
|
-
borderColor:
|
|
15210
|
+
color: brandKit.color_brand,
|
|
15211
|
+
borderColor: brandKit.color_brand,
|
|
15129
15212
|
backgroundColor: '#FFFFFF',
|
|
15130
15213
|
},
|
|
15131
15214
|
general: {
|
|
15132
|
-
color:
|
|
15133
|
-
borderColor:
|
|
15215
|
+
color: brandKit.color_text_secondary,
|
|
15216
|
+
borderColor: brandKit.color_text_secondary,
|
|
15134
15217
|
backgroundColor: '#FFFFFF',
|
|
15135
15218
|
},
|
|
15136
15219
|
success: {
|
|
15137
|
-
color:
|
|
15138
|
-
borderColor:
|
|
15220
|
+
color: brandKit.color_success,
|
|
15221
|
+
borderColor: brandKit.color_success,
|
|
15139
15222
|
backgroundColor: '#FFFFFF',
|
|
15140
15223
|
},
|
|
15141
15224
|
warning: {
|
|
15142
|
-
color:
|
|
15143
|
-
borderColor:
|
|
15225
|
+
color: brandKit.color_warning,
|
|
15226
|
+
borderColor: brandKit.color_warning,
|
|
15144
15227
|
backgroundColor: '#FFFFFF',
|
|
15145
15228
|
},
|
|
15146
15229
|
danger: {
|
|
15147
|
-
color:
|
|
15148
|
-
borderColor:
|
|
15230
|
+
color: brandKit.color_danger,
|
|
15231
|
+
borderColor: brandKit.color_danger,
|
|
15149
15232
|
backgroundColor: '#FFFFFF',
|
|
15150
15233
|
},
|
|
15151
15234
|
info: {
|
|
15152
|
-
color:
|
|
15153
|
-
borderColor:
|
|
15235
|
+
color: brandKit.color_info,
|
|
15236
|
+
borderColor: brandKit.color_info,
|
|
15154
15237
|
backgroundColor: '#FFFFFF',
|
|
15155
15238
|
},
|
|
15156
15239
|
white: {
|
|
@@ -15158,7 +15241,7 @@ const BUTTON_OUTLINED_THEME_STYLES = {
|
|
|
15158
15241
|
borderColor: '#FFFFFF',
|
|
15159
15242
|
backgroundColor: '#000000',
|
|
15160
15243
|
},
|
|
15161
|
-
};
|
|
15244
|
+
}));
|
|
15162
15245
|
const BUTTON_OUTLINED_ROUND_STYLES = {
|
|
15163
15246
|
none: {
|
|
15164
15247
|
borderRadius: 0,
|
|
@@ -15182,10 +15265,10 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
|
15182
15265
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
|
15183
15266
|
|
|
15184
15267
|
function add_css$a(target) {
|
|
15185
|
-
append_styles(target, "svelte-
|
|
15268
|
+
append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
|
15186
15269
|
}
|
|
15187
15270
|
|
|
15188
|
-
// (
|
|
15271
|
+
// (53:2) {#if props.isIcon && props.iconVariant}
|
|
15189
15272
|
function create_if_block$5(ctx) {
|
|
15190
15273
|
let div;
|
|
15191
15274
|
let icon;
|
|
@@ -15216,7 +15299,7 @@ function create_if_block$5(ctx) {
|
|
|
15216
15299
|
this.h();
|
|
15217
15300
|
},
|
|
15218
15301
|
h() {
|
|
15219
|
-
attr(div, "class", "button-outlined-icon svelte-
|
|
15302
|
+
attr(div, "class", "button-outlined-icon svelte-38fju1");
|
|
15220
15303
|
},
|
|
15221
15304
|
m(target, anchor) {
|
|
15222
15305
|
insert_hydration(target, div, anchor);
|
|
@@ -15251,7 +15334,7 @@ function create_if_block$5(ctx) {
|
|
|
15251
15334
|
};
|
|
15252
15335
|
}
|
|
15253
15336
|
|
|
15254
|
-
// (
|
|
15337
|
+
// (45:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
15255
15338
|
function create_dynamic_element$5(ctx) {
|
|
15256
15339
|
let svelte_element;
|
|
15257
15340
|
let t0;
|
|
@@ -15303,7 +15386,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
15303
15386
|
this.h();
|
|
15304
15387
|
},
|
|
15305
15388
|
h() {
|
|
15306
|
-
attr(span, "class", "button-outlined-label svelte-
|
|
15389
|
+
attr(span, "class", "button-outlined-label svelte-38fju1");
|
|
15307
15390
|
|
|
15308
15391
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
15309
15392
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -15311,7 +15394,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
15311
15394
|
set_attributes(svelte_element, svelte_element_data);
|
|
15312
15395
|
}
|
|
15313
15396
|
|
|
15314
|
-
toggle_class(svelte_element, "svelte-
|
|
15397
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
|
15315
15398
|
},
|
|
15316
15399
|
m(target, anchor) {
|
|
15317
15400
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -15365,7 +15448,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
15365
15448
|
set_attributes(svelte_element, svelte_element_data);
|
|
15366
15449
|
}
|
|
15367
15450
|
|
|
15368
|
-
toggle_class(svelte_element, "svelte-
|
|
15451
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
|
15369
15452
|
},
|
|
15370
15453
|
i(local) {
|
|
15371
15454
|
if (current) return;
|
|
@@ -15441,8 +15524,10 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
|
15441
15524
|
let { props = {} } = $$props;
|
|
15442
15525
|
let { layerId = '' } = $$props;
|
|
15443
15526
|
useInjectCustomizeCss(props);
|
|
15527
|
+
const { brandKit } = useBrandKit();
|
|
15444
15528
|
const { attributes, element, handleClick } = useClickable(props);
|
|
15445
|
-
const
|
|
15529
|
+
const buttonThemeStyles = getButtonOutlinedThemeStyles(brandKit);
|
|
15530
|
+
const buttonThemeStyle = buttonThemeStyles[props.theme ?? buttonOutlinedPropsDefault.theme];
|
|
15446
15531
|
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
|
|
15447
15532
|
|
|
15448
15533
|
$$self.$$set = $$props => {
|
|
@@ -15520,48 +15605,48 @@ const BUTTON_TEXT_SIZE_STYLES = {
|
|
|
15520
15605
|
fontSize: '16px',
|
|
15521
15606
|
},
|
|
15522
15607
|
};
|
|
15523
|
-
const
|
|
15608
|
+
const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
15524
15609
|
default: {
|
|
15525
15610
|
backgroundColor: '#f3f4f6',
|
|
15526
|
-
color:
|
|
15611
|
+
color: brandKit.color_brand,
|
|
15527
15612
|
},
|
|
15528
15613
|
link: {
|
|
15529
15614
|
backgroundColor: '#f3f4f6',
|
|
15530
|
-
color:
|
|
15615
|
+
color: brandKit.color_link,
|
|
15531
15616
|
},
|
|
15532
15617
|
general: {
|
|
15533
15618
|
backgroundColor: '#f3f4f6',
|
|
15534
|
-
color:
|
|
15619
|
+
color: brandKit.color_text_primary,
|
|
15535
15620
|
},
|
|
15536
15621
|
success: {
|
|
15537
15622
|
backgroundColor: '#f3f4f6',
|
|
15538
|
-
color:
|
|
15623
|
+
color: brandKit.color_success,
|
|
15539
15624
|
},
|
|
15540
15625
|
warning: {
|
|
15541
15626
|
backgroundColor: '#f3f4f6',
|
|
15542
|
-
color:
|
|
15627
|
+
color: brandKit.color_warning,
|
|
15543
15628
|
},
|
|
15544
15629
|
danger: {
|
|
15545
15630
|
backgroundColor: '#f3f4f6',
|
|
15546
|
-
color:
|
|
15631
|
+
color: brandKit.color_danger,
|
|
15547
15632
|
},
|
|
15548
15633
|
info: {
|
|
15549
15634
|
backgroundColor: '#f3f4f6',
|
|
15550
|
-
color:
|
|
15635
|
+
color: brandKit.color_info,
|
|
15551
15636
|
},
|
|
15552
15637
|
white: {
|
|
15553
15638
|
backgroundColor: '#f3f4f6',
|
|
15554
|
-
color:
|
|
15639
|
+
color: brandKit.color_white,
|
|
15555
15640
|
},
|
|
15556
|
-
};
|
|
15641
|
+
}));
|
|
15557
15642
|
|
|
15558
15643
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
|
15559
15644
|
|
|
15560
15645
|
function add_css$9(target) {
|
|
15561
|
-
append_styles(target, "svelte-
|
|
15646
|
+
append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
15562
15647
|
}
|
|
15563
15648
|
|
|
15564
|
-
// (
|
|
15649
|
+
// (49:2) {#if props.isIcon && props.iconVariant}
|
|
15565
15650
|
function create_if_block$4(ctx) {
|
|
15566
15651
|
let div;
|
|
15567
15652
|
let icon;
|
|
@@ -15592,7 +15677,7 @@ function create_if_block$4(ctx) {
|
|
|
15592
15677
|
this.h();
|
|
15593
15678
|
},
|
|
15594
15679
|
h() {
|
|
15595
|
-
attr(div, "class", "button-text-icon svelte-
|
|
15680
|
+
attr(div, "class", "button-text-icon svelte-1xgvp8r");
|
|
15596
15681
|
},
|
|
15597
15682
|
m(target, anchor) {
|
|
15598
15683
|
insert_hydration(target, div, anchor);
|
|
@@ -15627,7 +15712,7 @@ function create_if_block$4(ctx) {
|
|
|
15627
15712
|
};
|
|
15628
15713
|
}
|
|
15629
15714
|
|
|
15630
|
-
// (
|
|
15715
|
+
// (41:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
15631
15716
|
function create_dynamic_element$4(ctx) {
|
|
15632
15717
|
let svelte_element;
|
|
15633
15718
|
let t0;
|
|
@@ -15679,7 +15764,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
15679
15764
|
this.h();
|
|
15680
15765
|
},
|
|
15681
15766
|
h() {
|
|
15682
|
-
attr(span, "class", "button-text-label svelte-
|
|
15767
|
+
attr(span, "class", "button-text-label svelte-1xgvp8r");
|
|
15683
15768
|
|
|
15684
15769
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
15685
15770
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -15687,7 +15772,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
15687
15772
|
set_attributes(svelte_element, svelte_element_data);
|
|
15688
15773
|
}
|
|
15689
15774
|
|
|
15690
|
-
toggle_class(svelte_element, "svelte-
|
|
15775
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
|
15691
15776
|
},
|
|
15692
15777
|
m(target, anchor) {
|
|
15693
15778
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -15741,7 +15826,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
15741
15826
|
set_attributes(svelte_element, svelte_element_data);
|
|
15742
15827
|
}
|
|
15743
15828
|
|
|
15744
|
-
toggle_class(svelte_element, "svelte-
|
|
15829
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
|
15745
15830
|
},
|
|
15746
15831
|
i(local) {
|
|
15747
15832
|
if (current) return;
|
|
@@ -15817,8 +15902,10 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
|
15817
15902
|
let { props = {} } = $$props;
|
|
15818
15903
|
let { layerId = '' } = $$props;
|
|
15819
15904
|
useInjectCustomizeCss(props);
|
|
15905
|
+
const { brandKit } = useBrandKit();
|
|
15820
15906
|
const { attributes, element, handleClick } = useClickable(props);
|
|
15821
|
-
const
|
|
15907
|
+
const themeStyles = getButtonTextThemeStyles(brandKit);
|
|
15908
|
+
const buttonThemeStyle = themeStyles[props.theme ?? 'default'];
|
|
15822
15909
|
const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
|
|
15823
15910
|
|
|
15824
15911
|
$$self.$$set = $$props => {
|
|
@@ -15907,7 +15994,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
|
15907
15994
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
15908
15995
|
|
|
15909
15996
|
function add_css$8(target) {
|
|
15910
|
-
append_styles(target, "svelte-
|
|
15997
|
+
append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
|
|
15911
15998
|
}
|
|
15912
15999
|
|
|
15913
16000
|
// (91:2) {#if hasLabel}
|
|
@@ -15933,7 +16020,7 @@ function create_if_block$3(ctx) {
|
|
|
15933
16020
|
|
|
15934
16021
|
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
|
|
15935
16022
|
? 'close-button-order-one'
|
|
15936
|
-
: '') + " svelte-
|
|
16023
|
+
: '') + " svelte-3mvsv6");
|
|
15937
16024
|
},
|
|
15938
16025
|
m(target, anchor) {
|
|
15939
16026
|
insert_hydration(target, span, anchor);
|
|
@@ -16025,7 +16112,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
16025
16112
|
set_style(svg, "width", "100%");
|
|
16026
16113
|
set_style(svg, "height", "100%");
|
|
16027
16114
|
attr(svg, "fill", /*color*/ ctx[8]);
|
|
16028
|
-
attr(svg, "class", "svelte-
|
|
16115
|
+
attr(svg, "class", "svelte-3mvsv6");
|
|
16029
16116
|
attr(span, "style", /*iconStyle*/ ctx[1]);
|
|
16030
16117
|
|
|
16031
16118
|
if ((/-/).test(/*element*/ ctx[6])) {
|
|
@@ -16034,7 +16121,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
16034
16121
|
set_attributes(svelte_element, svelte_element_data);
|
|
16035
16122
|
}
|
|
16036
16123
|
|
|
16037
|
-
toggle_class(svelte_element, "svelte-
|
|
16124
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
|
16038
16125
|
},
|
|
16039
16126
|
m(target, anchor) {
|
|
16040
16127
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16080,7 +16167,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
16080
16167
|
set_attributes(svelte_element, svelte_element_data);
|
|
16081
16168
|
}
|
|
16082
16169
|
|
|
16083
|
-
toggle_class(svelte_element, "svelte-
|
|
16170
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
|
16084
16171
|
},
|
|
16085
16172
|
d(detaching) {
|
|
16086
16173
|
if (detaching) detach(svelte_element);
|
|
@@ -16284,7 +16371,7 @@ const ICON_SIZE_STYLES = {
|
|
|
16284
16371
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
|
16285
16372
|
|
|
16286
16373
|
function add_css$7(target) {
|
|
16287
|
-
append_styles(target, "svelte-
|
|
16374
|
+
append_styles(target, "svelte-10a9nyt", ".image.svelte-10a9nyt{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-object.svelte-10a9nyt{width:100%;overflow:hidden}.image-img.svelte-10a9nyt{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
|
16288
16375
|
}
|
|
16289
16376
|
|
|
16290
16377
|
// (19:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -16335,9 +16422,9 @@ function create_dynamic_element$2(ctx) {
|
|
|
16335
16422
|
h() {
|
|
16336
16423
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
16337
16424
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
16338
|
-
attr(img, "class", "image-img svelte-
|
|
16425
|
+
attr(img, "class", "image-img svelte-10a9nyt");
|
|
16339
16426
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
|
16340
|
-
attr(object, "class", "image-object svelte-
|
|
16427
|
+
attr(object, "class", "image-object svelte-10a9nyt");
|
|
16341
16428
|
|
|
16342
16429
|
if ((/-/).test(/*element*/ ctx[5])) {
|
|
16343
16430
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -16345,7 +16432,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
16345
16432
|
set_attributes(svelte_element, svelte_element_data);
|
|
16346
16433
|
}
|
|
16347
16434
|
|
|
16348
|
-
toggle_class(svelte_element, "svelte-
|
|
16435
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
|
16349
16436
|
},
|
|
16350
16437
|
m(target, anchor) {
|
|
16351
16438
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16383,7 +16470,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
16383
16470
|
set_attributes(svelte_element, svelte_element_data);
|
|
16384
16471
|
}
|
|
16385
16472
|
|
|
16386
|
-
toggle_class(svelte_element, "svelte-
|
|
16473
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
|
16387
16474
|
},
|
|
16388
16475
|
d(detaching) {
|
|
16389
16476
|
if (detaching) detach(svelte_element);
|
|
@@ -16481,7 +16568,7 @@ class Image extends SvelteComponent {
|
|
|
16481
16568
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
16482
16569
|
|
|
16483
16570
|
function add_css$6(target) {
|
|
16484
|
-
append_styles(target, "svelte-
|
|
16571
|
+
append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
|
|
16485
16572
|
}
|
|
16486
16573
|
|
|
16487
16574
|
// (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -16531,7 +16618,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
16531
16618
|
set_attributes(svelte_element, svelte_element_data);
|
|
16532
16619
|
}
|
|
16533
16620
|
|
|
16534
|
-
toggle_class(svelte_element, "svelte-
|
|
16621
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
16535
16622
|
},
|
|
16536
16623
|
m(target, anchor) {
|
|
16537
16624
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16576,7 +16663,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
16576
16663
|
set_attributes(svelte_element, svelte_element_data);
|
|
16577
16664
|
}
|
|
16578
16665
|
|
|
16579
|
-
toggle_class(svelte_element, "svelte-
|
|
16666
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
16580
16667
|
},
|
|
16581
16668
|
i(local) {
|
|
16582
16669
|
if (current) return;
|
|
@@ -16704,7 +16791,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
|
16704
16791
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
|
16705
16792
|
|
|
16706
16793
|
function add_css$5(target) {
|
|
16707
|
-
append_styles(target, "svelte-
|
|
16794
|
+
append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
|
|
16708
16795
|
}
|
|
16709
16796
|
|
|
16710
16797
|
function get_each_context(ctx, list, i) {
|
|
@@ -16839,7 +16926,7 @@ function create_fragment$5(ctx) {
|
|
|
16839
16926
|
this.h();
|
|
16840
16927
|
},
|
|
16841
16928
|
h() {
|
|
16842
|
-
attr(div0, "class", "container svelte-
|
|
16929
|
+
attr(div0, "class", "container svelte-17ij7ip");
|
|
16843
16930
|
attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
|
|
16844
16931
|
attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
|
|
16845
16932
|
attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
|
|
@@ -17160,32 +17247,32 @@ class Slider extends SvelteComponent {
|
|
|
17160
17247
|
}
|
|
17161
17248
|
}
|
|
17162
17249
|
|
|
17163
|
-
const
|
|
17250
|
+
const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
17164
17251
|
default: {
|
|
17165
|
-
color:
|
|
17252
|
+
color: brandKit.color_text_primary,
|
|
17166
17253
|
},
|
|
17167
17254
|
gray: {
|
|
17168
|
-
color:
|
|
17255
|
+
color: brandKit.color_text_secondary,
|
|
17169
17256
|
},
|
|
17170
17257
|
brand: {
|
|
17171
|
-
color:
|
|
17258
|
+
color: brandKit.color_brand,
|
|
17172
17259
|
},
|
|
17173
17260
|
success: {
|
|
17174
|
-
color:
|
|
17261
|
+
color: brandKit.color_success,
|
|
17175
17262
|
},
|
|
17176
17263
|
warning: {
|
|
17177
|
-
color:
|
|
17264
|
+
color: brandKit.color_warning,
|
|
17178
17265
|
},
|
|
17179
17266
|
danger: {
|
|
17180
|
-
color:
|
|
17267
|
+
color: brandKit.color_danger,
|
|
17181
17268
|
},
|
|
17182
17269
|
info: {
|
|
17183
|
-
color:
|
|
17270
|
+
color: brandKit.color_info,
|
|
17184
17271
|
},
|
|
17185
17272
|
white: {
|
|
17186
|
-
color:
|
|
17273
|
+
color: brandKit.color_white,
|
|
17187
17274
|
},
|
|
17188
|
-
};
|
|
17275
|
+
}));
|
|
17189
17276
|
|
|
17190
17277
|
const TEXT_VARIANTS = {
|
|
17191
17278
|
size: {
|
|
@@ -17245,7 +17332,7 @@ const TEXT_VARIANTS = {
|
|
|
17245
17332
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
|
17246
17333
|
|
|
17247
17334
|
function add_css$4(target) {
|
|
17248
|
-
append_styles(target, "svelte-
|
|
17335
|
+
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
|
17249
17336
|
}
|
|
17250
17337
|
|
|
17251
17338
|
function create_fragment$4(ctx) {
|
|
@@ -17268,7 +17355,7 @@ function create_fragment$4(ctx) {
|
|
|
17268
17355
|
this.h();
|
|
17269
17356
|
},
|
|
17270
17357
|
h() {
|
|
17271
|
-
attr(p, "class", "text svelte-
|
|
17358
|
+
attr(p, "class", "text svelte-vifn7y");
|
|
17272
17359
|
attr(p, "style", /*style*/ ctx[1]);
|
|
17273
17360
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
17274
17361
|
},
|
|
@@ -17300,6 +17387,8 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
17300
17387
|
let { props = { content: '' } } = $$props;
|
|
17301
17388
|
let { layerId = '' } = $$props;
|
|
17302
17389
|
useInjectCustomizeCss(props);
|
|
17390
|
+
const { brandKit } = useBrandKit();
|
|
17391
|
+
const themeStyles = getTextThemeStyles(brandKit);
|
|
17303
17392
|
|
|
17304
17393
|
if (props.fontFamily) {
|
|
17305
17394
|
addFont(props.fontFamily);
|
|
@@ -17307,7 +17396,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
17307
17396
|
|
|
17308
17397
|
const getColor = () => {
|
|
17309
17398
|
if (props.color) return props.color;
|
|
17310
|
-
if (props.theme) return
|
|
17399
|
+
if (props.theme) return themeStyles[props.theme].color;
|
|
17311
17400
|
return undefined;
|
|
17312
17401
|
};
|
|
17313
17402
|
|
|
@@ -17415,34 +17504,34 @@ const TEXT_LINK_SIZE_STYLES = {
|
|
|
17415
17504
|
fontSize: '16px',
|
|
17416
17505
|
},
|
|
17417
17506
|
};
|
|
17418
|
-
const
|
|
17507
|
+
const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
17419
17508
|
default: {
|
|
17420
|
-
color:
|
|
17509
|
+
color: brandKit.color_text_primary,
|
|
17421
17510
|
},
|
|
17422
17511
|
link: {
|
|
17423
|
-
color:
|
|
17512
|
+
color: brandKit.color_link,
|
|
17424
17513
|
},
|
|
17425
17514
|
brand: {
|
|
17426
|
-
color:
|
|
17515
|
+
color: brandKit.color_brand,
|
|
17427
17516
|
},
|
|
17428
17517
|
alert: {
|
|
17429
|
-
color:
|
|
17518
|
+
color: brandKit.color_danger,
|
|
17430
17519
|
},
|
|
17431
17520
|
gray: {
|
|
17432
|
-
color:
|
|
17521
|
+
color: brandKit.color_text_secondary,
|
|
17433
17522
|
},
|
|
17434
17523
|
white: {
|
|
17435
|
-
color:
|
|
17524
|
+
color: brandKit.color_white,
|
|
17436
17525
|
},
|
|
17437
|
-
};
|
|
17526
|
+
}));
|
|
17438
17527
|
|
|
17439
17528
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
|
17440
17529
|
|
|
17441
17530
|
function add_css$3(target) {
|
|
17442
|
-
append_styles(target, "svelte-
|
|
17531
|
+
append_styles(target, "svelte-1y4hh01", ".link.svelte-1y4hh01{-webkit-appearance:none;border:0;background:none;padding:0}.link.svelte-1y4hh01,.link.svelte-1y4hh01:visited,.link.svelte-1y4hh01:link{color:var(--color)}.link.svelte-1y4hh01:hover{color:var(--hover-color)}.link.svelte-1y4hh01:active{color:var(--active-color)}.link.underline-hover-on.svelte-1y4hh01{text-decoration:none}.link.underline-hover-on.svelte-1y4hh01:hover{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01{text-decoration:underline}.link.underline-hover-off.svelte-1y4hh01:hover{text-decoration:none}.link.underline-on.svelte-1y4hh01{text-decoration:underline}.link.underline-off.svelte-1y4hh01{text-decoration:none}");
|
|
17443
17532
|
}
|
|
17444
17533
|
|
|
17445
|
-
// (
|
|
17534
|
+
// (71:2) {#if props.isIcon && props.iconVariant}
|
|
17446
17535
|
function create_if_block$2(ctx) {
|
|
17447
17536
|
let icon;
|
|
17448
17537
|
let current;
|
|
@@ -17496,7 +17585,7 @@ function create_if_block$2(ctx) {
|
|
|
17496
17585
|
};
|
|
17497
17586
|
}
|
|
17498
17587
|
|
|
17499
|
-
// (
|
|
17588
|
+
// (63:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
17500
17589
|
function create_dynamic_element(ctx) {
|
|
17501
17590
|
let svelte_element;
|
|
17502
17591
|
let t;
|
|
@@ -17553,7 +17642,7 @@ function create_dynamic_element(ctx) {
|
|
|
17553
17642
|
set_attributes(svelte_element, svelte_element_data);
|
|
17554
17643
|
}
|
|
17555
17644
|
|
|
17556
|
-
toggle_class(svelte_element, "svelte-
|
|
17645
|
+
toggle_class(svelte_element, "svelte-1y4hh01", true);
|
|
17557
17646
|
},
|
|
17558
17647
|
m(target, anchor) {
|
|
17559
17648
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -17606,7 +17695,7 @@ function create_dynamic_element(ctx) {
|
|
|
17606
17695
|
set_attributes(svelte_element, svelte_element_data);
|
|
17607
17696
|
}
|
|
17608
17697
|
|
|
17609
|
-
toggle_class(svelte_element, "svelte-
|
|
17698
|
+
toggle_class(svelte_element, "svelte-1y4hh01", true);
|
|
17610
17699
|
},
|
|
17611
17700
|
i(local) {
|
|
17612
17701
|
if (current) return;
|
|
@@ -17683,8 +17772,10 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
|
17683
17772
|
let { props = { label: '' } } = $$props;
|
|
17684
17773
|
let { layerId = '' } = $$props;
|
|
17685
17774
|
useInjectCustomizeCss(props);
|
|
17775
|
+
const { brandKit } = useBrandKit();
|
|
17686
17776
|
const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
|
|
17687
|
-
const
|
|
17777
|
+
const themeStyles = getTextLinkThemeStyles(brandKit);
|
|
17778
|
+
const themeStyle = themeStyles[props.theme ?? 'link'];
|
|
17688
17779
|
const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
|
|
17689
17780
|
|
|
17690
17781
|
const underlineClass = (() => {
|
|
@@ -17780,7 +17871,7 @@ const TEXT_LINK_UNDERLINE = {
|
|
|
17780
17871
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
17781
17872
|
|
|
17782
17873
|
function add_css$2(target) {
|
|
17783
|
-
append_styles(target, "svelte-
|
|
17874
|
+
append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
|
17784
17875
|
}
|
|
17785
17876
|
|
|
17786
17877
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -17801,7 +17892,7 @@ function create_if_block$1(ctx) {
|
|
|
17801
17892
|
this.h();
|
|
17802
17893
|
},
|
|
17803
17894
|
h() {
|
|
17804
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
17895
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
|
17805
17896
|
},
|
|
17806
17897
|
m(target, anchor) {
|
|
17807
17898
|
insert_hydration(target, div, anchor);
|
|
@@ -17812,7 +17903,7 @@ function create_if_block$1(ctx) {
|
|
|
17812
17903
|
}
|
|
17813
17904
|
},
|
|
17814
17905
|
p(ctx, dirty) {
|
|
17815
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
17906
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
|
17816
17907
|
attr(div, "class", div_class_value);
|
|
17817
17908
|
}
|
|
17818
17909
|
},
|
|
@@ -17888,7 +17979,7 @@ class BackgroundOverlay extends SvelteComponent {
|
|
|
17888
17979
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
|
17889
17980
|
|
|
17890
17981
|
function add_css$1(target) {
|
|
17891
|
-
append_styles(target, "svelte-
|
|
17982
|
+
append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{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-45ue06{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}}");
|
|
17892
17983
|
}
|
|
17893
17984
|
|
|
17894
17985
|
// (220:0) {:else}
|
|
@@ -18055,7 +18146,7 @@ function create_if_block(ctx) {
|
|
|
18055
18146
|
this.h();
|
|
18056
18147
|
},
|
|
18057
18148
|
h() {
|
|
18058
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
18149
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
|
18059
18150
|
attr(div, "role", "dialog");
|
|
18060
18151
|
attr(div, "aria-modal", "true");
|
|
18061
18152
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
|
@@ -18089,7 +18180,7 @@ function create_if_block(ctx) {
|
|
|
18089
18180
|
}
|
|
18090
18181
|
}
|
|
18091
18182
|
|
|
18092
|
-
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
18183
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
|
18093
18184
|
attr(div, "class", div_class_value);
|
|
18094
18185
|
}
|
|
18095
18186
|
|
|
@@ -18529,7 +18620,7 @@ class Modal extends SvelteComponent {
|
|
|
18529
18620
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
|
18530
18621
|
|
|
18531
18622
|
function add_css(target) {
|
|
18532
|
-
append_styles(target, "svelte-
|
|
18623
|
+
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
|
18533
18624
|
}
|
|
18534
18625
|
|
|
18535
18626
|
function create_fragment(ctx) {
|
|
@@ -18548,7 +18639,7 @@ function create_fragment(ctx) {
|
|
|
18548
18639
|
this.h();
|
|
18549
18640
|
},
|
|
18550
18641
|
h() {
|
|
18551
|
-
attr(div, "class", "code svelte-
|
|
18642
|
+
attr(div, "class", "code svelte-igivoz");
|
|
18552
18643
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
18553
18644
|
},
|
|
18554
18645
|
m(target, anchor) {
|
|
@@ -18678,4 +18769,4 @@ const ROUND_STYLES = {
|
|
|
18678
18769
|
},
|
|
18679
18770
|
};
|
|
18680
18771
|
|
|
18681
|
-
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles,
|
|
18772
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_THEME_STYLES, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, 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, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, CloseButton as FlexCloseButton, Code as FlexCode, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, Modal as FlexModal, Slider as FlexSlider, Text as FlexText, TextLink as FlexTextLink, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, 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, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_STYLES, SHADOW_VARIANT, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, 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, useBrandKit, variables, widget };
|