@plaidev/karte-action-sdk 1.1.260 → 1.1.261-28976427.6758d4f1
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 +405 -320
- package/dist/index.es.d.ts +176 -27
- package/dist/index.es.js +405 -320
- package/package.json +1 -1
- package/dist/karte-action-sdk.d.ts +0 -3307
- package/dist/tsdoc-metadata.json +0 -11
- package/meta/karte-action-sdk.api.json +0 -10217
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,7 +3507,7 @@ 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}
|
|
@@ -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);
|
|
@@ -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;
|
|
@@ -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) {
|
|
@@ -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);
|
|
@@ -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;
|
|
@@ -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) {
|
|
@@ -3987,7 +4022,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
3987
4022
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3988
4023
|
|
|
3989
4024
|
function add_css$G(target) {
|
|
3990
|
-
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}}");
|
|
3991
4026
|
}
|
|
3992
4027
|
|
|
3993
4028
|
// (278:0) {:else}
|
|
@@ -4162,7 +4197,7 @@ function create_if_block$c(ctx) {
|
|
|
4162
4197
|
this.h();
|
|
4163
4198
|
},
|
|
4164
4199
|
h() {
|
|
4165
|
-
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"));
|
|
4166
4201
|
attr(div, "role", "dialog");
|
|
4167
4202
|
attr(div, "aria-modal", "true");
|
|
4168
4203
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
|
@@ -4186,7 +4221,7 @@ function create_if_block$c(ctx) {
|
|
|
4186
4221
|
|
|
4187
4222
|
button.$set(button_changes);
|
|
4188
4223
|
|
|
4189
|
-
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"))) {
|
|
4190
4225
|
attr(div, "class", div_class_value);
|
|
4191
4226
|
}
|
|
4192
4227
|
},
|
|
@@ -4251,7 +4286,7 @@ function create_if_block_1$2(ctx) {
|
|
|
4251
4286
|
this.h();
|
|
4252
4287
|
},
|
|
4253
4288
|
h() {
|
|
4254
|
-
attr(div, "class", "close svelte-
|
|
4289
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
|
4255
4290
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
4256
4291
|
},
|
|
4257
4292
|
m(target, anchor) {
|
|
@@ -4376,7 +4411,7 @@ function create_default_slot$6(ctx) {
|
|
|
4376
4411
|
this.h();
|
|
4377
4412
|
},
|
|
4378
4413
|
h() {
|
|
4379
|
-
attr(div, "class", "modal-content svelte-
|
|
4414
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
|
4380
4415
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
4381
4416
|
},
|
|
4382
4417
|
m(target, anchor) {
|
|
@@ -5014,7 +5049,7 @@ class Grid extends SvelteComponent {
|
|
|
5014
5049
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
5015
5050
|
|
|
5016
5051
|
function add_css$F(target) {
|
|
5017
|
-
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}");
|
|
5018
5053
|
}
|
|
5019
5054
|
|
|
5020
5055
|
function create_fragment$1a(ctx) {
|
|
@@ -5048,8 +5083,8 @@ function create_fragment$1a(ctx) {
|
|
|
5048
5083
|
this.h();
|
|
5049
5084
|
},
|
|
5050
5085
|
h() {
|
|
5051
|
-
attr(div0, "class", "grid-item-inner svelte-
|
|
5052
|
-
attr(div1, "class", "grid-item svelte-
|
|
5086
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
|
5087
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
|
5053
5088
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
|
5054
5089
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
|
5055
5090
|
attr(div1, "style", /*_style*/ ctx[1]);
|
|
@@ -5371,7 +5406,7 @@ class RenderText extends SvelteComponent {
|
|
|
5371
5406
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5372
5407
|
|
|
5373
5408
|
function add_css$E(target) {
|
|
5374
|
-
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}");
|
|
5375
5410
|
}
|
|
5376
5411
|
|
|
5377
5412
|
// (92:2) {:else}
|
|
@@ -5401,8 +5436,8 @@ function create_else_block$2(ctx) {
|
|
|
5401
5436
|
this.h();
|
|
5402
5437
|
},
|
|
5403
5438
|
h() {
|
|
5404
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5405
|
-
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"));
|
|
5406
5441
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
5407
5442
|
},
|
|
5408
5443
|
m(target, anchor) {
|
|
@@ -5416,7 +5451,7 @@ function create_else_block$2(ctx) {
|
|
|
5416
5451
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5417
5452
|
rendertext.$set(rendertext_changes);
|
|
5418
5453
|
|
|
5419
|
-
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"))) {
|
|
5420
5455
|
attr(div1, "class", div1_class_value);
|
|
5421
5456
|
}
|
|
5422
5457
|
|
|
@@ -5491,12 +5526,12 @@ function create_if_block$a(ctx) {
|
|
|
5491
5526
|
this.h();
|
|
5492
5527
|
},
|
|
5493
5528
|
h() {
|
|
5494
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5529
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5495
5530
|
attr(a, "href", '');
|
|
5496
|
-
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"));
|
|
5497
5532
|
attr(a, "style", /*style*/ ctx[5]);
|
|
5498
|
-
attr(div1, "class", "tooltip svelte-
|
|
5499
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
|
5533
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
|
5534
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
|
5500
5535
|
},
|
|
5501
5536
|
m(target, anchor) {
|
|
5502
5537
|
insert_hydration(target, a, anchor);
|
|
@@ -5522,7 +5557,7 @@ function create_if_block$a(ctx) {
|
|
|
5522
5557
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5523
5558
|
rendertext.$set(rendertext_changes);
|
|
5524
5559
|
|
|
5525
|
-
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"))) {
|
|
5526
5561
|
attr(a, "class", a_class_value);
|
|
5527
5562
|
}
|
|
5528
5563
|
|
|
@@ -5584,7 +5619,7 @@ function create_fragment$18(ctx) {
|
|
|
5584
5619
|
this.h();
|
|
5585
5620
|
},
|
|
5586
5621
|
h() {
|
|
5587
|
-
attr(div, "class", "text-element-wrapper svelte-
|
|
5622
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
|
5588
5623
|
},
|
|
5589
5624
|
m(target, anchor) {
|
|
5590
5625
|
insert_hydration(target, div, anchor);
|
|
@@ -5750,7 +5785,7 @@ class TextElement extends SvelteComponent {
|
|
|
5750
5785
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5751
5786
|
|
|
5752
5787
|
function add_css$D(target) {
|
|
5753
|
-
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)}");
|
|
5754
5789
|
}
|
|
5755
5790
|
|
|
5756
5791
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5819,7 +5854,7 @@ function create_fragment$17(ctx) {
|
|
|
5819
5854
|
this.h();
|
|
5820
5855
|
},
|
|
5821
5856
|
h() {
|
|
5822
|
-
attr(div, "class", "text-button-element svelte-
|
|
5857
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
|
5823
5858
|
},
|
|
5824
5859
|
m(target, anchor) {
|
|
5825
5860
|
insert_hydration(target, div, anchor);
|
|
@@ -5911,7 +5946,7 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5911
5946
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5912
5947
|
|
|
5913
5948
|
function add_css$C(target) {
|
|
5914
|
-
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%}");
|
|
5915
5950
|
}
|
|
5916
5951
|
|
|
5917
5952
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -5939,7 +5974,7 @@ function create_default_slot$4(ctx) {
|
|
|
5939
5974
|
this.h();
|
|
5940
5975
|
},
|
|
5941
5976
|
h() {
|
|
5942
|
-
attr(img, "class", "image svelte-
|
|
5977
|
+
attr(img, "class", "image svelte-t6tu0e");
|
|
5943
5978
|
attr(img, "loading", "lazy");
|
|
5944
5979
|
attr(img, "width", "auto");
|
|
5945
5980
|
attr(img, "height", "auto");
|
|
@@ -6011,7 +6046,7 @@ function create_fragment$16(ctx) {
|
|
|
6011
6046
|
this.h();
|
|
6012
6047
|
},
|
|
6013
6048
|
h() {
|
|
6014
|
-
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");
|
|
6015
6050
|
},
|
|
6016
6051
|
m(target, anchor) {
|
|
6017
6052
|
insert_hydration(target, div, anchor);
|
|
@@ -6030,7 +6065,7 @@ function create_fragment$16(ctx) {
|
|
|
6030
6065
|
|
|
6031
6066
|
button.$set(button_changes);
|
|
6032
6067
|
|
|
6033
|
-
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")) {
|
|
6034
6069
|
attr(div, "class", div_class_value);
|
|
6035
6070
|
}
|
|
6036
6071
|
},
|
|
@@ -6102,7 +6137,7 @@ class ImageElement extends SvelteComponent {
|
|
|
6102
6137
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
6103
6138
|
|
|
6104
6139
|
function add_css$B(target) {
|
|
6105
|
-
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}");
|
|
6106
6141
|
}
|
|
6107
6142
|
|
|
6108
6143
|
function create_fragment$15(ctx) {
|
|
@@ -6125,7 +6160,7 @@ function create_fragment$15(ctx) {
|
|
|
6125
6160
|
this.h();
|
|
6126
6161
|
},
|
|
6127
6162
|
h() {
|
|
6128
|
-
attr(div, "class", "list svelte-
|
|
6163
|
+
attr(div, "class", "list svelte-aquv6z");
|
|
6129
6164
|
attr(div, "style", /*style*/ ctx[0]);
|
|
6130
6165
|
},
|
|
6131
6166
|
m(target, anchor) {
|
|
@@ -6259,7 +6294,7 @@ class List extends SvelteComponent {
|
|
|
6259
6294
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6260
6295
|
|
|
6261
6296
|
function add_css$A(target) {
|
|
6262
|
-
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}");
|
|
6263
6298
|
}
|
|
6264
6299
|
|
|
6265
6300
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
|
@@ -6342,7 +6377,7 @@ function create_fragment$14(ctx) {
|
|
|
6342
6377
|
this.h();
|
|
6343
6378
|
},
|
|
6344
6379
|
h() {
|
|
6345
|
-
attr(div, "class", "list-item svelte-
|
|
6380
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
|
6346
6381
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
|
6347
6382
|
},
|
|
6348
6383
|
m(target, anchor) {
|
|
@@ -6468,7 +6503,7 @@ class ListItem extends SvelteComponent {
|
|
|
6468
6503
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6469
6504
|
|
|
6470
6505
|
function add_css$z(target) {
|
|
6471
|
-
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}");
|
|
6472
6507
|
}
|
|
6473
6508
|
|
|
6474
6509
|
function create_fragment$13(ctx) {
|
|
@@ -6486,7 +6521,7 @@ function create_fragment$13(ctx) {
|
|
|
6486
6521
|
this.h();
|
|
6487
6522
|
},
|
|
6488
6523
|
h() {
|
|
6489
|
-
attr(div, "class", "embed svelte-
|
|
6524
|
+
attr(div, "class", "embed svelte-wocq4p");
|
|
6490
6525
|
attr(div, "style", /*_style*/ ctx[1]);
|
|
6491
6526
|
},
|
|
6492
6527
|
m(target, anchor) {
|
|
@@ -6529,7 +6564,7 @@ class EmbedElement extends SvelteComponent {
|
|
|
6529
6564
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6530
6565
|
|
|
6531
6566
|
function add_css$y(target) {
|
|
6532
|
-
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%}");
|
|
6533
6568
|
}
|
|
6534
6569
|
|
|
6535
6570
|
function create_fragment$12(ctx) {
|
|
@@ -6552,7 +6587,7 @@ function create_fragment$12(ctx) {
|
|
|
6552
6587
|
},
|
|
6553
6588
|
h() {
|
|
6554
6589
|
attr(div0, "class", "karte-player");
|
|
6555
|
-
attr(div1, "class", "embed svelte-
|
|
6590
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6556
6591
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6557
6592
|
},
|
|
6558
6593
|
m(target, anchor) {
|
|
@@ -6894,7 +6929,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6894
6929
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6895
6930
|
|
|
6896
6931
|
function add_css$x(target) {
|
|
6897
|
-
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%}");
|
|
6898
6933
|
}
|
|
6899
6934
|
|
|
6900
6935
|
function create_fragment$11(ctx) {
|
|
@@ -6917,7 +6952,7 @@ function create_fragment$11(ctx) {
|
|
|
6917
6952
|
},
|
|
6918
6953
|
h() {
|
|
6919
6954
|
attr(div0, "class", "karte-player");
|
|
6920
|
-
attr(div1, "class", "embed svelte-
|
|
6955
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6921
6956
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6922
6957
|
},
|
|
6923
6958
|
m(target, anchor) {
|
|
@@ -7101,7 +7136,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
7101
7136
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
7102
7137
|
|
|
7103
7138
|
function add_css$w(target) {
|
|
7104
|
-
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}");
|
|
7105
7140
|
}
|
|
7106
7141
|
|
|
7107
7142
|
function create_fragment$10(ctx) {
|
|
@@ -7131,12 +7166,12 @@ function create_fragment$10(ctx) {
|
|
|
7131
7166
|
this.h();
|
|
7132
7167
|
},
|
|
7133
7168
|
h() {
|
|
7134
|
-
attr(textarea, "class", "textarea svelte-
|
|
7169
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
|
7135
7170
|
textarea.value = /*$value*/ ctx[4];
|
|
7136
7171
|
textarea.required = /*required*/ ctx[1];
|
|
7137
7172
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
|
7138
7173
|
attr(textarea, "style", /*style*/ ctx[3]);
|
|
7139
|
-
attr(div, "class", "textarea-wrapper svelte-
|
|
7174
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
|
7140
7175
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
|
7141
7176
|
},
|
|
7142
7177
|
m(target, anchor) {
|
|
@@ -7288,7 +7323,7 @@ class FormTextarea extends SvelteComponent {
|
|
|
7288
7323
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7289
7324
|
|
|
7290
7325
|
function add_css$v(target) {
|
|
7291
|
-
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}");
|
|
7292
7327
|
}
|
|
7293
7328
|
|
|
7294
7329
|
function get_each_context$6(ctx, list, i) {
|
|
@@ -7345,14 +7380,14 @@ function create_each_block$6(ctx) {
|
|
|
7345
7380
|
},
|
|
7346
7381
|
h() {
|
|
7347
7382
|
attr(input, "type", "radio");
|
|
7348
|
-
attr(input, "class", "radio-button-input svelte-
|
|
7383
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
|
7349
7384
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
|
7350
7385
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7351
7386
|
input.value = input_value_value = /*option*/ ctx[17];
|
|
7352
7387
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
|
7353
|
-
attr(span, "class", "radio-button-text svelte-
|
|
7388
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
|
7354
7389
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7355
|
-
attr(label, "class", "radio-button svelte-
|
|
7390
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
|
7356
7391
|
},
|
|
7357
7392
|
m(target, anchor) {
|
|
7358
7393
|
insert_hydration(target, label, anchor);
|
|
@@ -7431,7 +7466,7 @@ function create_fragment$$(ctx) {
|
|
|
7431
7466
|
this.h();
|
|
7432
7467
|
},
|
|
7433
7468
|
h() {
|
|
7434
|
-
attr(div, "class", "radio-buttons svelte-
|
|
7469
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
|
7435
7470
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7436
7471
|
},
|
|
7437
7472
|
m(target, anchor) {
|
|
@@ -7600,7 +7635,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7600
7635
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7601
7636
|
|
|
7602
7637
|
function add_css$u(target) {
|
|
7603
|
-
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}");
|
|
7604
7639
|
}
|
|
7605
7640
|
|
|
7606
7641
|
function get_each_context$5(ctx, list, i) {
|
|
@@ -7771,10 +7806,10 @@ function create_fragment$_(ctx) {
|
|
|
7771
7806
|
this.h();
|
|
7772
7807
|
},
|
|
7773
7808
|
h() {
|
|
7774
|
-
attr(select, "class", "select-select svelte-
|
|
7809
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
|
7775
7810
|
attr(select, "style", /*style*/ ctx[3]);
|
|
7776
|
-
attr(div0, "class", "select-icon svelte-
|
|
7777
|
-
attr(div1, "class", "select svelte-
|
|
7811
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
|
7812
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
|
7778
7813
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
|
7779
7814
|
},
|
|
7780
7815
|
m(target, anchor) {
|
|
@@ -7976,7 +8011,7 @@ class FormSelect extends SvelteComponent {
|
|
|
7976
8011
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7977
8012
|
|
|
7978
8013
|
function add_css$t(target) {
|
|
7979
|
-
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}");
|
|
7980
8015
|
}
|
|
7981
8016
|
|
|
7982
8017
|
function get_each_context$4(ctx, list, i) {
|
|
@@ -8038,19 +8073,19 @@ function create_each_block$4(ctx) {
|
|
|
8038
8073
|
this.h();
|
|
8039
8074
|
},
|
|
8040
8075
|
h() {
|
|
8041
|
-
attr(input, "class", "check-box-input svelte-
|
|
8076
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
|
8042
8077
|
attr(input, "type", "checkbox");
|
|
8043
8078
|
attr(input, "name", /*name*/ ctx[0]);
|
|
8044
8079
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
|
8045
|
-
attr(span0, "class", "check-box-icon svelte-
|
|
8080
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
|
8046
8081
|
|
|
8047
8082
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8048
8083
|
? ' _checked'
|
|
8049
|
-
: ''}`) + " svelte-
|
|
8084
|
+
: ''}`) + " svelte-1p65cg8"));
|
|
8050
8085
|
|
|
8051
|
-
attr(span2, "class", "check-box-text svelte-
|
|
8086
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
|
8052
8087
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
8053
|
-
attr(label, "class", "check-box svelte-
|
|
8088
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
|
8054
8089
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
|
8055
8090
|
},
|
|
8056
8091
|
m(target, anchor) {
|
|
@@ -8082,7 +8117,7 @@ function create_each_block$4(ctx) {
|
|
|
8082
8117
|
|
|
8083
8118
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
8084
8119
|
? ' _checked'
|
|
8085
|
-
: ''}`) + " svelte-
|
|
8120
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
|
8086
8121
|
attr(span1, "class", span1_class_value);
|
|
8087
8122
|
}
|
|
8088
8123
|
|
|
@@ -8135,7 +8170,7 @@ function create_fragment$Z(ctx) {
|
|
|
8135
8170
|
this.h();
|
|
8136
8171
|
},
|
|
8137
8172
|
h() {
|
|
8138
|
-
attr(div, "class", "check-boxes svelte-
|
|
8173
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
|
8139
8174
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
8140
8175
|
},
|
|
8141
8176
|
m(target, anchor) {
|
|
@@ -8310,7 +8345,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
8310
8345
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
8311
8346
|
|
|
8312
8347
|
function add_css$s(target) {
|
|
8313
|
-
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}");
|
|
8314
8349
|
}
|
|
8315
8350
|
|
|
8316
8351
|
function get_each_context$3(ctx, list, i) {
|
|
@@ -8345,7 +8380,7 @@ function create_each_block$3(ctx) {
|
|
|
8345
8380
|
this.h();
|
|
8346
8381
|
},
|
|
8347
8382
|
h() {
|
|
8348
|
-
attr(button, "class", "rating-button svelte-
|
|
8383
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
|
8349
8384
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
|
8350
8385
|
},
|
|
8351
8386
|
m(target, anchor) {
|
|
@@ -8408,7 +8443,7 @@ function create_fragment$Y(ctx) {
|
|
|
8408
8443
|
this.h();
|
|
8409
8444
|
},
|
|
8410
8445
|
h() {
|
|
8411
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8446
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
|
8412
8447
|
},
|
|
8413
8448
|
m(target, anchor) {
|
|
8414
8449
|
insert_hydration(target, div, anchor);
|
|
@@ -8552,7 +8587,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8552
8587
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8553
8588
|
|
|
8554
8589
|
function add_css$r(target) {
|
|
8555
|
-
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%)}");
|
|
8556
8591
|
}
|
|
8557
8592
|
|
|
8558
8593
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -8588,9 +8623,9 @@ function create_each_block$2(ctx) {
|
|
|
8588
8623
|
},
|
|
8589
8624
|
h() {
|
|
8590
8625
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
|
8591
|
-
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"));
|
|
8592
8627
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
|
8593
|
-
attr(button, "class", "rating-button svelte-
|
|
8628
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
|
8594
8629
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
|
8595
8630
|
},
|
|
8596
8631
|
m(target, anchor) {
|
|
@@ -8606,7 +8641,7 @@ function create_each_block$2(ctx) {
|
|
|
8606
8641
|
p(new_ctx, dirty) {
|
|
8607
8642
|
ctx = new_ctx;
|
|
8608
8643
|
|
|
8609
|
-
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"))) {
|
|
8610
8645
|
attr(img, "class", img_class_value);
|
|
8611
8646
|
}
|
|
8612
8647
|
|
|
@@ -8653,7 +8688,7 @@ function create_fragment$X(ctx) {
|
|
|
8653
8688
|
this.h();
|
|
8654
8689
|
},
|
|
8655
8690
|
h() {
|
|
8656
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8691
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
|
8657
8692
|
},
|
|
8658
8693
|
m(target, anchor) {
|
|
8659
8694
|
insert_hydration(target, div, anchor);
|
|
@@ -8761,7 +8796,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
8761
8796
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8762
8797
|
|
|
8763
8798
|
function add_css$q(target) {
|
|
8764
|
-
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}");
|
|
8765
8800
|
}
|
|
8766
8801
|
|
|
8767
8802
|
function create_fragment$W(ctx) {
|
|
@@ -8792,13 +8827,13 @@ function create_fragment$W(ctx) {
|
|
|
8792
8827
|
this.h();
|
|
8793
8828
|
},
|
|
8794
8829
|
h() {
|
|
8795
|
-
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"));
|
|
8796
8831
|
attr(input, "type", "text");
|
|
8797
8832
|
input.value = /*$value*/ ctx[2];
|
|
8798
8833
|
input.required = /*required*/ ctx[0];
|
|
8799
8834
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8800
8835
|
attr(input, "style", /*style*/ ctx[5]);
|
|
8801
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8836
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
|
8802
8837
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8803
8838
|
},
|
|
8804
8839
|
m(target, anchor) {
|
|
@@ -8811,7 +8846,7 @@ function create_fragment$W(ctx) {
|
|
|
8811
8846
|
}
|
|
8812
8847
|
},
|
|
8813
8848
|
p(ctx, [dirty]) {
|
|
8814
|
-
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"))) {
|
|
8815
8850
|
attr(input, "class", input_class_value);
|
|
8816
8851
|
}
|
|
8817
8852
|
|
|
@@ -8999,7 +9034,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8999
9034
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
9000
9035
|
|
|
9001
9036
|
function add_css$p(target) {
|
|
9002
|
-
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}");
|
|
9003
9038
|
}
|
|
9004
9039
|
|
|
9005
9040
|
function create_fragment$V(ctx) {
|
|
@@ -9065,20 +9100,20 @@ function create_fragment$V(ctx) {
|
|
|
9065
9100
|
},
|
|
9066
9101
|
h() {
|
|
9067
9102
|
attr(input0, "type", "radio");
|
|
9068
|
-
attr(input0, "class", "radio-button-input svelte-
|
|
9103
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
|
9069
9104
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
|
9070
9105
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
|
9071
|
-
attr(span0, "class", "radio-button-text svelte-
|
|
9106
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
|
9072
9107
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9073
|
-
attr(label0, "class", "radio-button svelte-
|
|
9108
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
|
9074
9109
|
attr(input1, "type", "radio");
|
|
9075
|
-
attr(input1, "class", "radio-button-input svelte-
|
|
9110
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
|
9076
9111
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
|
9077
9112
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
|
9078
|
-
attr(span1, "class", "radio-button-text svelte-
|
|
9113
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
|
9079
9114
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
9080
|
-
attr(label1, "class", "radio-button svelte-
|
|
9081
|
-
attr(div, "class", "radio-buttons svelte-
|
|
9115
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
|
9116
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
|
9082
9117
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
|
9083
9118
|
},
|
|
9084
9119
|
m(target, anchor) {
|
|
@@ -9246,7 +9281,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
9246
9281
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
9247
9282
|
|
|
9248
9283
|
function add_css$o(target) {
|
|
9249
|
-
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%}");
|
|
9250
9285
|
}
|
|
9251
9286
|
|
|
9252
9287
|
function get_each_context$1(ctx, list, i) {
|
|
@@ -9292,9 +9327,9 @@ function create_if_block_1$1(ctx) {
|
|
|
9292
9327
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9293
9328
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9294
9329
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
|
9295
|
-
attr(button, "class", "move-button svelte-
|
|
9330
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9296
9331
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
|
9297
|
-
attr(div, "class", "prev-button-container svelte-
|
|
9332
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
|
9298
9333
|
},
|
|
9299
9334
|
m(target, anchor) {
|
|
9300
9335
|
insert_hydration(target, div, anchor);
|
|
@@ -9360,9 +9395,9 @@ function create_if_block$8(ctx) {
|
|
|
9360
9395
|
attr(svg, "viewBox", "0 0 10 16");
|
|
9361
9396
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
9362
9397
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
|
9363
|
-
attr(button, "class", "move-button svelte-
|
|
9398
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
9364
9399
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
|
9365
|
-
attr(div, "class", "next-button-container svelte-
|
|
9400
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
|
9366
9401
|
},
|
|
9367
9402
|
m(target, anchor) {
|
|
9368
9403
|
insert_hydration(target, div, anchor);
|
|
@@ -9422,9 +9457,9 @@ function create_each_block$1(ctx) {
|
|
|
9422
9457
|
this.h();
|
|
9423
9458
|
},
|
|
9424
9459
|
h() {
|
|
9425
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
|
9460
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
|
9426
9461
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
|
9427
|
-
attr(button, "class", "navigation-item svelte-
|
|
9462
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
|
9428
9463
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
|
9429
9464
|
},
|
|
9430
9465
|
m(target, anchor) {
|
|
@@ -9530,14 +9565,14 @@ function create_fragment$U(ctx) {
|
|
|
9530
9565
|
this.h();
|
|
9531
9566
|
},
|
|
9532
9567
|
h() {
|
|
9533
|
-
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"));
|
|
9534
9569
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
|
9535
|
-
attr(div1, "class", "container svelte-
|
|
9570
|
+
attr(div1, "class", "container svelte-ji1fh");
|
|
9536
9571
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
9537
|
-
attr(div2, "class", "navigation svelte-
|
|
9572
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
|
9538
9573
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
|
9539
9574
|
set_attributes(div3, div3_data);
|
|
9540
|
-
toggle_class(div3, "svelte-
|
|
9575
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9541
9576
|
},
|
|
9542
9577
|
m(target, anchor) {
|
|
9543
9578
|
insert_hydration(target, div3, anchor);
|
|
@@ -9579,7 +9614,7 @@ function create_fragment$U(ctx) {
|
|
|
9579
9614
|
}
|
|
9580
9615
|
}
|
|
9581
9616
|
|
|
9582
|
-
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"))) {
|
|
9583
9618
|
attr(div0, "class", div0_class_value);
|
|
9584
9619
|
}
|
|
9585
9620
|
|
|
@@ -9645,7 +9680,7 @@ function create_fragment$U(ctx) {
|
|
|
9645
9680
|
}
|
|
9646
9681
|
|
|
9647
9682
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
|
9648
|
-
toggle_class(div3, "svelte-
|
|
9683
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9649
9684
|
},
|
|
9650
9685
|
i(local) {
|
|
9651
9686
|
if (current) return;
|
|
@@ -10157,7 +10192,7 @@ class Slide extends SvelteComponent {
|
|
|
10157
10192
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
10158
10193
|
|
|
10159
10194
|
function add_css$n(target) {
|
|
10160
|
-
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}");
|
|
10161
10196
|
}
|
|
10162
10197
|
|
|
10163
10198
|
function create_fragment$T(ctx) {
|
|
@@ -10185,9 +10220,9 @@ function create_fragment$T(ctx) {
|
|
|
10185
10220
|
this.h();
|
|
10186
10221
|
},
|
|
10187
10222
|
h() {
|
|
10188
|
-
attr(div0, "class", "item-inner svelte-
|
|
10223
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
|
10189
10224
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10190
|
-
attr(div1, "class", "item svelte-
|
|
10225
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
|
10191
10226
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
|
10192
10227
|
},
|
|
10193
10228
|
m(target, anchor) {
|
|
@@ -10313,7 +10348,7 @@ class SlideItem extends SvelteComponent {
|
|
|
10313
10348
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
10314
10349
|
|
|
10315
10350
|
function add_css$m(target) {
|
|
10316
|
-
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}");
|
|
10317
10352
|
}
|
|
10318
10353
|
|
|
10319
10354
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
@@ -10344,9 +10379,9 @@ function create_fragment$S(ctx) {
|
|
|
10344
10379
|
this.h();
|
|
10345
10380
|
},
|
|
10346
10381
|
h() {
|
|
10347
|
-
attr(div0, "class", "countdown-inner svelte-
|
|
10382
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
|
10348
10383
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
10349
|
-
attr(div1, "class", "countdown svelte-
|
|
10384
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
|
10350
10385
|
},
|
|
10351
10386
|
m(target, anchor) {
|
|
10352
10387
|
insert_hydration(target, div1, anchor);
|
|
@@ -10476,7 +10511,7 @@ class Countdown extends SvelteComponent {
|
|
|
10476
10511
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
10477
10512
|
|
|
10478
10513
|
function add_css$l(target) {
|
|
10479
|
-
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}");
|
|
10480
10515
|
}
|
|
10481
10516
|
|
|
10482
10517
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -10559,7 +10594,7 @@ function create_fragment$R(ctx) {
|
|
|
10559
10594
|
this.h();
|
|
10560
10595
|
},
|
|
10561
10596
|
h() {
|
|
10562
|
-
attr(div, "class", "box svelte-
|
|
10597
|
+
attr(div, "class", "box svelte-1ccydfy");
|
|
10563
10598
|
},
|
|
10564
10599
|
m(target, anchor) {
|
|
10565
10600
|
insert_hydration(target, div, anchor);
|
|
@@ -10620,7 +10655,7 @@ class Box extends SvelteComponent {
|
|
|
10620
10655
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10621
10656
|
|
|
10622
10657
|
function add_css$k(target) {
|
|
10623
|
-
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)}");
|
|
10624
10659
|
}
|
|
10625
10660
|
|
|
10626
10661
|
// (56:4) {#if svg}
|
|
@@ -10724,7 +10759,7 @@ function create_fragment$Q(ctx) {
|
|
|
10724
10759
|
this.h();
|
|
10725
10760
|
},
|
|
10726
10761
|
h() {
|
|
10727
|
-
attr(div, "class", "icon svelte-
|
|
10762
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
|
10728
10763
|
},
|
|
10729
10764
|
m(target, anchor) {
|
|
10730
10765
|
insert_hydration(target, div, anchor);
|
|
@@ -10833,7 +10868,7 @@ class IconElement extends SvelteComponent {
|
|
|
10833
10868
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10834
10869
|
|
|
10835
10870
|
function add_css$j(target) {
|
|
10836
|
-
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%}");
|
|
10837
10872
|
}
|
|
10838
10873
|
|
|
10839
10874
|
function create_fragment$P(ctx) {
|
|
@@ -10869,7 +10904,7 @@ function create_fragment$P(ctx) {
|
|
|
10869
10904
|
this.h();
|
|
10870
10905
|
},
|
|
10871
10906
|
h() {
|
|
10872
|
-
attr(div, "class", "codeElement svelte-
|
|
10907
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
|
10873
10908
|
attr(div, "style", /*style*/ ctx[3]);
|
|
10874
10909
|
},
|
|
10875
10910
|
m(target, anchor) {
|
|
@@ -10958,7 +10993,7 @@ class CodeElement extends SvelteComponent {
|
|
|
10958
10993
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10959
10994
|
|
|
10960
10995
|
function add_css$i(target) {
|
|
10961
|
-
append_styles(target, "svelte-
|
|
10996
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
10962
10997
|
}
|
|
10963
10998
|
|
|
10964
10999
|
function create_fragment$O(ctx) {
|
|
@@ -10982,7 +11017,7 @@ function create_fragment$O(ctx) {
|
|
|
10982
11017
|
this.h();
|
|
10983
11018
|
},
|
|
10984
11019
|
h() {
|
|
10985
|
-
attr(div, "class", "flex svelte-
|
|
11020
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
|
10986
11021
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
|
10987
11022
|
},
|
|
10988
11023
|
m(target, anchor) {
|
|
@@ -11079,7 +11114,7 @@ class Flex extends SvelteComponent {
|
|
|
11079
11114
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
11080
11115
|
|
|
11081
11116
|
function add_css$h(target) {
|
|
11082
|
-
append_styles(target, "svelte-
|
|
11117
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
11083
11118
|
}
|
|
11084
11119
|
|
|
11085
11120
|
function create_fragment$N(ctx) {
|
|
@@ -11102,7 +11137,7 @@ function create_fragment$N(ctx) {
|
|
|
11102
11137
|
this.h();
|
|
11103
11138
|
},
|
|
11104
11139
|
h() {
|
|
11105
|
-
attr(div, "class", "flex-item svelte-
|
|
11140
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
|
11106
11141
|
attr(div, "style", /*style*/ ctx[0]);
|
|
11107
11142
|
},
|
|
11108
11143
|
m(target, anchor) {
|
|
@@ -11522,7 +11557,7 @@ class GridModalState extends SvelteComponent {
|
|
|
11522
11557
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
11523
11558
|
|
|
11524
11559
|
function add_css$g(target) {
|
|
11525
|
-
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%}");
|
|
11526
11561
|
}
|
|
11527
11562
|
|
|
11528
11563
|
function create_fragment$L(ctx) {
|
|
@@ -11551,8 +11586,8 @@ function create_fragment$L(ctx) {
|
|
|
11551
11586
|
this.h();
|
|
11552
11587
|
},
|
|
11553
11588
|
h() {
|
|
11554
|
-
attr(div0, "class", "text-block-inner svelte-
|
|
11555
|
-
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"));
|
|
11556
11591
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
11557
11592
|
},
|
|
11558
11593
|
m(target, anchor) {
|
|
@@ -11566,7 +11601,7 @@ function create_fragment$L(ctx) {
|
|
|
11566
11601
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
11567
11602
|
rendertext.$set(rendertext_changes);
|
|
11568
11603
|
|
|
11569
|
-
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"))) {
|
|
11570
11605
|
attr(div1, "class", div1_class_value);
|
|
11571
11606
|
}
|
|
11572
11607
|
|
|
@@ -11644,7 +11679,7 @@ class TextBlock extends SvelteComponent {
|
|
|
11644
11679
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
11645
11680
|
|
|
11646
11681
|
function add_css$f(target) {
|
|
11647
|
-
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)}");
|
|
11648
11683
|
}
|
|
11649
11684
|
|
|
11650
11685
|
function create_fragment$K(ctx) {
|
|
@@ -11674,9 +11709,9 @@ function create_fragment$K(ctx) {
|
|
|
11674
11709
|
this.h();
|
|
11675
11710
|
},
|
|
11676
11711
|
h() {
|
|
11677
|
-
attr(button, "class", "text-button svelte-
|
|
11712
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
|
11678
11713
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
11679
|
-
attr(div, "class", "text-button-block svelte-
|
|
11714
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
|
11680
11715
|
attr(div, "style", /*_style*/ ctx[2]);
|
|
11681
11716
|
},
|
|
11682
11717
|
m(target, anchor) {
|
|
@@ -11782,7 +11817,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11782
11817
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11783
11818
|
|
|
11784
11819
|
function add_css$e(target) {
|
|
11785
|
-
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)}");
|
|
11786
11821
|
}
|
|
11787
11822
|
|
|
11788
11823
|
function create_fragment$J(ctx) {
|
|
@@ -11818,14 +11853,14 @@ function create_fragment$J(ctx) {
|
|
|
11818
11853
|
this.h();
|
|
11819
11854
|
},
|
|
11820
11855
|
h() {
|
|
11821
|
-
attr(img, "class", "image svelte-
|
|
11856
|
+
attr(img, "class", "image svelte-1pdw891");
|
|
11822
11857
|
attr(img, "loading", "lazy");
|
|
11823
11858
|
attr(img, "width", "auto");
|
|
11824
11859
|
attr(img, "height", "auto");
|
|
11825
11860
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
|
11826
11861
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
|
11827
11862
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11828
|
-
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"));
|
|
11829
11864
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
11830
11865
|
},
|
|
11831
11866
|
m(target, anchor) {
|
|
@@ -11850,7 +11885,7 @@ function create_fragment$J(ctx) {
|
|
|
11850
11885
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11851
11886
|
}
|
|
11852
11887
|
|
|
11853
|
-
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"))) {
|
|
11854
11889
|
attr(div, "class", div_class_value);
|
|
11855
11890
|
}
|
|
11856
11891
|
|
|
@@ -11941,6 +11976,23 @@ const ROUND_VARIANT = {
|
|
|
11941
11976
|
fulled: 'Full (100%)',
|
|
11942
11977
|
};
|
|
11943
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
|
+
|
|
11944
11996
|
const toHyphenCase = (str) => {
|
|
11945
11997
|
let result = str.replace(/_/g, '-');
|
|
11946
11998
|
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
@@ -12106,13 +12158,36 @@ const useInjectCustomizeCss = (props) => {
|
|
|
12106
12158
|
});
|
|
12107
12159
|
};
|
|
12108
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
|
+
|
|
12109
12184
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
12110
12185
|
|
|
12111
12186
|
function add_css$d(target) {
|
|
12112
|
-
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}");
|
|
12113
12188
|
}
|
|
12114
12189
|
|
|
12115
|
-
// (
|
|
12190
|
+
// (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
12116
12191
|
function create_dynamic_element$8(ctx) {
|
|
12117
12192
|
let svelte_element;
|
|
12118
12193
|
let img;
|
|
@@ -12161,7 +12236,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
12161
12236
|
},
|
|
12162
12237
|
h() {
|
|
12163
12238
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
12164
|
-
attr(img, "class", "avatar-image svelte-
|
|
12239
|
+
attr(img, "class", "avatar-image svelte-1krsdyx");
|
|
12165
12240
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
12166
12241
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
|
12167
12242
|
|
|
@@ -12171,7 +12246,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
12171
12246
|
set_attributes(svelte_element, svelte_element_data);
|
|
12172
12247
|
}
|
|
12173
12248
|
|
|
12174
|
-
toggle_class(svelte_element, "svelte-
|
|
12249
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
|
12175
12250
|
},
|
|
12176
12251
|
m(target, anchor) {
|
|
12177
12252
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -12208,7 +12283,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
12208
12283
|
set_attributes(svelte_element, svelte_element_data);
|
|
12209
12284
|
}
|
|
12210
12285
|
|
|
12211
|
-
toggle_class(svelte_element, "svelte-
|
|
12286
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
|
12212
12287
|
},
|
|
12213
12288
|
d(detaching) {
|
|
12214
12289
|
if (detaching) detach(svelte_element);
|
|
@@ -12274,15 +12349,21 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
|
12274
12349
|
useInjectCustomizeCss(props);
|
|
12275
12350
|
const { attributes, element, handleClick } = useClickable(props);
|
|
12276
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
|
+
|
|
12277
12359
|
const VARIANTS = {
|
|
12278
12360
|
shape: {
|
|
12279
12361
|
circle: { borderRadius: '100%' },
|
|
12280
|
-
square: { borderRadius: '
|
|
12362
|
+
square: { borderRadius: '0.25em' },
|
|
12363
|
+
rounded: { borderRadius: '1em' }
|
|
12281
12364
|
}
|
|
12282
12365
|
};
|
|
12283
12366
|
|
|
12284
|
-
const size = props.size ?? 64;
|
|
12285
|
-
|
|
12286
12367
|
$$self.$$set = $$props => {
|
|
12287
12368
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
12288
12369
|
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
@@ -12291,9 +12372,9 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
|
12291
12372
|
$$self.$$.update = () => {
|
|
12292
12373
|
if ($$self.$$.dirty & /*props*/ 1) {
|
|
12293
12374
|
$$invalidate(3, style = objToStyle({
|
|
12294
|
-
width: `${size}px`,
|
|
12295
|
-
height: `${size}px`,
|
|
12296
12375
|
...VARIANTS.shape[props.shape ?? 'square'],
|
|
12376
|
+
width: props.width ?? avatarSizeStyle.width,
|
|
12377
|
+
height: props.height ?? avatarSizeStyle.height,
|
|
12297
12378
|
...toCssCommon(props),
|
|
12298
12379
|
...toCssBorder(props)
|
|
12299
12380
|
}));
|
|
@@ -12316,18 +12397,6 @@ class Avatar extends SvelteComponent {
|
|
|
12316
12397
|
}
|
|
12317
12398
|
}
|
|
12318
12399
|
|
|
12319
|
-
const AVATAR_SIZE = {
|
|
12320
|
-
extra_small: 'XS（48 x 48）',
|
|
12321
|
-
small: 'S（64 x 64）',
|
|
12322
|
-
medium: 'M（88 x 88）',
|
|
12323
|
-
large: 'L（108 x 108）',
|
|
12324
|
-
extra_large: 'XL（128 x 128）',
|
|
12325
|
-
};
|
|
12326
|
-
const AVATAR_SHAPE = {
|
|
12327
|
-
circle: 'サークル',
|
|
12328
|
-
square: 'スクエア',
|
|
12329
|
-
};
|
|
12330
|
-
|
|
12331
12400
|
const BUTTON_SIZE = {
|
|
12332
12401
|
extra_small: 'XSmall',
|
|
12333
12402
|
small: 'Small',
|
|
@@ -14374,7 +14443,7 @@ const ICON_VARIANTS = {
|
|
|
14374
14443
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
14375
14444
|
|
|
14376
14445
|
function add_css$c(target) {
|
|
14377
|
-
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}");
|
|
14378
14447
|
}
|
|
14379
14448
|
|
|
14380
14449
|
// (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -14436,7 +14505,7 @@ function create_dynamic_element$7(ctx) {
|
|
|
14436
14505
|
set_attributes(svelte_element, svelte_element_data);
|
|
14437
14506
|
}
|
|
14438
14507
|
|
|
14439
|
-
toggle_class(svelte_element, "svelte-
|
|
14508
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
|
14440
14509
|
},
|
|
14441
14510
|
m(target, anchor) {
|
|
14442
14511
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -14489,7 +14558,7 @@ function create_dynamic_element$7(ctx) {
|
|
|
14489
14558
|
set_attributes(svelte_element, svelte_element_data);
|
|
14490
14559
|
}
|
|
14491
14560
|
|
|
14492
|
-
toggle_class(svelte_element, "svelte-
|
|
14561
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
|
14493
14562
|
},
|
|
14494
14563
|
i(local) {
|
|
14495
14564
|
if (current) return;
|
|
@@ -14606,39 +14675,43 @@ class Icon extends SvelteComponent {
|
|
|
14606
14675
|
}
|
|
14607
14676
|
}
|
|
14608
14677
|
|
|
14609
|
-
const
|
|
14610
|
-
|
|
14611
|
-
|
|
14612
|
-
|
|
14613
|
-
|
|
14614
|
-
},
|
|
14615
|
-
text_secondary: {
|
|
14616
|
-
main: '#555555',
|
|
14617
|
-
},
|
|
14618
|
-
brand: {
|
|
14619
|
-
main: '#33403e',
|
|
14620
|
-
},
|
|
14621
|
-
link: {
|
|
14622
|
-
main: '#1558d6',
|
|
14623
|
-
},
|
|
14624
|
-
danger: {
|
|
14625
|
-
main: '#f44336',
|
|
14626
|
-
},
|
|
14627
|
-
warning: {
|
|
14628
|
-
main: '#ffa726',
|
|
14629
|
-
},
|
|
14630
|
-
success: {
|
|
14631
|
-
main: '#10b981',
|
|
14632
|
-
},
|
|
14633
|
-
info: {
|
|
14634
|
-
main: '#29b6f6',
|
|
14635
|
-
},
|
|
14636
|
-
white: {
|
|
14637
|
-
main: '#FFFFFF',
|
|
14638
|
-
},
|
|
14639
|
-
},
|
|
14678
|
+
const getPropStyles = (callback) => {
|
|
14679
|
+
return (customBrandKit) => {
|
|
14680
|
+
const brandKit = getBrandKit(customBrandKit);
|
|
14681
|
+
return callback({ brandKit });
|
|
14682
|
+
};
|
|
14640
14683
|
};
|
|
14641
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
|
+
}));
|
|
14642
14715
|
const BUTTON_SIZE_STYLES = {
|
|
14643
14716
|
extra_small: {
|
|
14644
14717
|
height: '32px',
|
|
@@ -14671,35 +14744,37 @@ const BUTTON_SIZE_STYLES = {
|
|
|
14671
14744
|
fontSize: '16px',
|
|
14672
14745
|
},
|
|
14673
14746
|
};
|
|
14674
|
-
const BUTTON_THEME_STYLES = {
|
|
14675
|
-
|
|
14676
|
-
|
|
14677
|
-
|
|
14678
|
-
|
|
14679
|
-
|
|
14680
|
-
|
|
14681
|
-
|
|
14682
|
-
|
|
14683
|
-
|
|
14684
|
-
|
|
14685
|
-
|
|
14686
|
-
|
|
14687
|
-
|
|
14688
|
-
|
|
14689
|
-
|
|
14690
|
-
|
|
14691
|
-
|
|
14692
|
-
|
|
14693
|
-
|
|
14694
|
-
|
|
14695
|
-
|
|
14696
|
-
|
|
14697
|
-
|
|
14698
|
-
|
|
14699
|
-
|
|
14700
|
-
|
|
14701
|
-
|
|
14702
|
-
|
|
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
|
+
};
|
|
14703
14778
|
};
|
|
14704
14779
|
const BUTTON_ROUND_STYLES = {
|
|
14705
14780
|
none: {
|
|
@@ -14770,10 +14845,10 @@ function darkenColor(color, percent) {
|
|
|
14770
14845
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
|
14771
14846
|
|
|
14772
14847
|
function add_css$b(target) {
|
|
14773
|
-
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}");
|
|
14774
14849
|
}
|
|
14775
14850
|
|
|
14776
|
-
// (
|
|
14851
|
+
// (52:2) {#if props.isIcon && props.iconVariant}
|
|
14777
14852
|
function create_if_block$6(ctx) {
|
|
14778
14853
|
let div;
|
|
14779
14854
|
let icon;
|
|
@@ -14804,7 +14879,7 @@ function create_if_block$6(ctx) {
|
|
|
14804
14879
|
this.h();
|
|
14805
14880
|
},
|
|
14806
14881
|
h() {
|
|
14807
|
-
attr(div, "class", "button-icon svelte-
|
|
14882
|
+
attr(div, "class", "button-icon svelte-1ix4ul");
|
|
14808
14883
|
},
|
|
14809
14884
|
m(target, anchor) {
|
|
14810
14885
|
insert_hydration(target, div, anchor);
|
|
@@ -14839,7 +14914,7 @@ function create_if_block$6(ctx) {
|
|
|
14839
14914
|
};
|
|
14840
14915
|
}
|
|
14841
14916
|
|
|
14842
|
-
// (
|
|
14917
|
+
// (44:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
14843
14918
|
function create_dynamic_element$6(ctx) {
|
|
14844
14919
|
let svelte_element;
|
|
14845
14920
|
let t0;
|
|
@@ -14891,7 +14966,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
14891
14966
|
this.h();
|
|
14892
14967
|
},
|
|
14893
14968
|
h() {
|
|
14894
|
-
attr(span, "class", "button-label svelte-
|
|
14969
|
+
attr(span, "class", "button-label svelte-1ix4ul");
|
|
14895
14970
|
|
|
14896
14971
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
14897
14972
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -14899,7 +14974,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
14899
14974
|
set_attributes(svelte_element, svelte_element_data);
|
|
14900
14975
|
}
|
|
14901
14976
|
|
|
14902
|
-
toggle_class(svelte_element, "svelte-
|
|
14977
|
+
toggle_class(svelte_element, "svelte-1ix4ul", true);
|
|
14903
14978
|
},
|
|
14904
14979
|
m(target, anchor) {
|
|
14905
14980
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -14953,7 +15028,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
14953
15028
|
set_attributes(svelte_element, svelte_element_data);
|
|
14954
15029
|
}
|
|
14955
15030
|
|
|
14956
|
-
toggle_class(svelte_element, "svelte-
|
|
15031
|
+
toggle_class(svelte_element, "svelte-1ix4ul", true);
|
|
14957
15032
|
},
|
|
14958
15033
|
i(local) {
|
|
14959
15034
|
if (current) return;
|
|
@@ -15030,7 +15105,9 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
|
15030
15105
|
let { layerId = '' } = $$props;
|
|
15031
15106
|
useInjectCustomizeCss(props);
|
|
15032
15107
|
const { attributes, element, handleClick } = useClickable(props);
|
|
15033
|
-
const
|
|
15108
|
+
const { brandKit } = useBrandKit();
|
|
15109
|
+
const buttonThemeStyles = getButtonThemeStyles(brandKit);
|
|
15110
|
+
const buttonThemeStyle = buttonThemeStyles[props.theme] || buttonThemeStyles[buttonPropsDefault.theme];
|
|
15034
15111
|
const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
|
|
15035
15112
|
|
|
15036
15113
|
$$self.$$set = $$props => {
|
|
@@ -15128,35 +15205,35 @@ const BUTTON_OUTLINED_SIZE_STYLES = {
|
|
|
15128
15205
|
fontSize: '16px',
|
|
15129
15206
|
},
|
|
15130
15207
|
};
|
|
15131
|
-
const
|
|
15208
|
+
const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
15132
15209
|
default: {
|
|
15133
|
-
color:
|
|
15134
|
-
borderColor:
|
|
15210
|
+
color: brandKit.color_brand,
|
|
15211
|
+
borderColor: brandKit.color_brand,
|
|
15135
15212
|
backgroundColor: '#FFFFFF',
|
|
15136
15213
|
},
|
|
15137
15214
|
general: {
|
|
15138
|
-
color:
|
|
15139
|
-
borderColor:
|
|
15215
|
+
color: brandKit.color_text_secondary,
|
|
15216
|
+
borderColor: brandKit.color_text_secondary,
|
|
15140
15217
|
backgroundColor: '#FFFFFF',
|
|
15141
15218
|
},
|
|
15142
15219
|
success: {
|
|
15143
|
-
color:
|
|
15144
|
-
borderColor:
|
|
15220
|
+
color: brandKit.color_success,
|
|
15221
|
+
borderColor: brandKit.color_success,
|
|
15145
15222
|
backgroundColor: '#FFFFFF',
|
|
15146
15223
|
},
|
|
15147
15224
|
warning: {
|
|
15148
|
-
color:
|
|
15149
|
-
borderColor:
|
|
15225
|
+
color: brandKit.color_warning,
|
|
15226
|
+
borderColor: brandKit.color_warning,
|
|
15150
15227
|
backgroundColor: '#FFFFFF',
|
|
15151
15228
|
},
|
|
15152
15229
|
danger: {
|
|
15153
|
-
color:
|
|
15154
|
-
borderColor:
|
|
15230
|
+
color: brandKit.color_danger,
|
|
15231
|
+
borderColor: brandKit.color_danger,
|
|
15155
15232
|
backgroundColor: '#FFFFFF',
|
|
15156
15233
|
},
|
|
15157
15234
|
info: {
|
|
15158
|
-
color:
|
|
15159
|
-
borderColor:
|
|
15235
|
+
color: brandKit.color_info,
|
|
15236
|
+
borderColor: brandKit.color_info,
|
|
15160
15237
|
backgroundColor: '#FFFFFF',
|
|
15161
15238
|
},
|
|
15162
15239
|
white: {
|
|
@@ -15164,7 +15241,7 @@ const BUTTON_OUTLINED_THEME_STYLES = {
|
|
|
15164
15241
|
borderColor: '#FFFFFF',
|
|
15165
15242
|
backgroundColor: '#000000',
|
|
15166
15243
|
},
|
|
15167
|
-
};
|
|
15244
|
+
}));
|
|
15168
15245
|
const BUTTON_OUTLINED_ROUND_STYLES = {
|
|
15169
15246
|
none: {
|
|
15170
15247
|
borderRadius: 0,
|
|
@@ -15188,10 +15265,10 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
|
15188
15265
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
|
15189
15266
|
|
|
15190
15267
|
function add_css$a(target) {
|
|
15191
|
-
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}");
|
|
15192
15269
|
}
|
|
15193
15270
|
|
|
15194
|
-
// (
|
|
15271
|
+
// (53:2) {#if props.isIcon && props.iconVariant}
|
|
15195
15272
|
function create_if_block$5(ctx) {
|
|
15196
15273
|
let div;
|
|
15197
15274
|
let icon;
|
|
@@ -15222,7 +15299,7 @@ function create_if_block$5(ctx) {
|
|
|
15222
15299
|
this.h();
|
|
15223
15300
|
},
|
|
15224
15301
|
h() {
|
|
15225
|
-
attr(div, "class", "button-outlined-icon svelte-
|
|
15302
|
+
attr(div, "class", "button-outlined-icon svelte-38fju1");
|
|
15226
15303
|
},
|
|
15227
15304
|
m(target, anchor) {
|
|
15228
15305
|
insert_hydration(target, div, anchor);
|
|
@@ -15257,7 +15334,7 @@ function create_if_block$5(ctx) {
|
|
|
15257
15334
|
};
|
|
15258
15335
|
}
|
|
15259
15336
|
|
|
15260
|
-
// (
|
|
15337
|
+
// (45:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
15261
15338
|
function create_dynamic_element$5(ctx) {
|
|
15262
15339
|
let svelte_element;
|
|
15263
15340
|
let t0;
|
|
@@ -15309,7 +15386,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
15309
15386
|
this.h();
|
|
15310
15387
|
},
|
|
15311
15388
|
h() {
|
|
15312
|
-
attr(span, "class", "button-outlined-label svelte-
|
|
15389
|
+
attr(span, "class", "button-outlined-label svelte-38fju1");
|
|
15313
15390
|
|
|
15314
15391
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
15315
15392
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -15317,7 +15394,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
15317
15394
|
set_attributes(svelte_element, svelte_element_data);
|
|
15318
15395
|
}
|
|
15319
15396
|
|
|
15320
|
-
toggle_class(svelte_element, "svelte-
|
|
15397
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
|
15321
15398
|
},
|
|
15322
15399
|
m(target, anchor) {
|
|
15323
15400
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -15371,7 +15448,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
15371
15448
|
set_attributes(svelte_element, svelte_element_data);
|
|
15372
15449
|
}
|
|
15373
15450
|
|
|
15374
|
-
toggle_class(svelte_element, "svelte-
|
|
15451
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
|
15375
15452
|
},
|
|
15376
15453
|
i(local) {
|
|
15377
15454
|
if (current) return;
|
|
@@ -15447,8 +15524,10 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
|
15447
15524
|
let { props = {} } = $$props;
|
|
15448
15525
|
let { layerId = '' } = $$props;
|
|
15449
15526
|
useInjectCustomizeCss(props);
|
|
15527
|
+
const { brandKit } = useBrandKit();
|
|
15450
15528
|
const { attributes, element, handleClick } = useClickable(props);
|
|
15451
|
-
const
|
|
15529
|
+
const buttonThemeStyles = getButtonOutlinedThemeStyles(brandKit);
|
|
15530
|
+
const buttonThemeStyle = buttonThemeStyles[props.theme ?? buttonOutlinedPropsDefault.theme];
|
|
15452
15531
|
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
|
|
15453
15532
|
|
|
15454
15533
|
$$self.$$set = $$props => {
|
|
@@ -15526,48 +15605,48 @@ const BUTTON_TEXT_SIZE_STYLES = {
|
|
|
15526
15605
|
fontSize: '16px',
|
|
15527
15606
|
},
|
|
15528
15607
|
};
|
|
15529
|
-
const
|
|
15608
|
+
const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
15530
15609
|
default: {
|
|
15531
15610
|
backgroundColor: '#f3f4f6',
|
|
15532
|
-
color:
|
|
15611
|
+
color: brandKit.color_brand,
|
|
15533
15612
|
},
|
|
15534
15613
|
link: {
|
|
15535
15614
|
backgroundColor: '#f3f4f6',
|
|
15536
|
-
color:
|
|
15615
|
+
color: brandKit.color_link,
|
|
15537
15616
|
},
|
|
15538
15617
|
general: {
|
|
15539
15618
|
backgroundColor: '#f3f4f6',
|
|
15540
|
-
color:
|
|
15619
|
+
color: brandKit.color_text_primary,
|
|
15541
15620
|
},
|
|
15542
15621
|
success: {
|
|
15543
15622
|
backgroundColor: '#f3f4f6',
|
|
15544
|
-
color:
|
|
15623
|
+
color: brandKit.color_success,
|
|
15545
15624
|
},
|
|
15546
15625
|
warning: {
|
|
15547
15626
|
backgroundColor: '#f3f4f6',
|
|
15548
|
-
color:
|
|
15627
|
+
color: brandKit.color_warning,
|
|
15549
15628
|
},
|
|
15550
15629
|
danger: {
|
|
15551
15630
|
backgroundColor: '#f3f4f6',
|
|
15552
|
-
color:
|
|
15631
|
+
color: brandKit.color_danger,
|
|
15553
15632
|
},
|
|
15554
15633
|
info: {
|
|
15555
15634
|
backgroundColor: '#f3f4f6',
|
|
15556
|
-
color:
|
|
15635
|
+
color: brandKit.color_info,
|
|
15557
15636
|
},
|
|
15558
15637
|
white: {
|
|
15559
15638
|
backgroundColor: '#f3f4f6',
|
|
15560
|
-
color:
|
|
15639
|
+
color: brandKit.color_white,
|
|
15561
15640
|
},
|
|
15562
|
-
};
|
|
15641
|
+
}));
|
|
15563
15642
|
|
|
15564
15643
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
|
15565
15644
|
|
|
15566
15645
|
function add_css$9(target) {
|
|
15567
|
-
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}");
|
|
15568
15647
|
}
|
|
15569
15648
|
|
|
15570
|
-
// (
|
|
15649
|
+
// (49:2) {#if props.isIcon && props.iconVariant}
|
|
15571
15650
|
function create_if_block$4(ctx) {
|
|
15572
15651
|
let div;
|
|
15573
15652
|
let icon;
|
|
@@ -15598,7 +15677,7 @@ function create_if_block$4(ctx) {
|
|
|
15598
15677
|
this.h();
|
|
15599
15678
|
},
|
|
15600
15679
|
h() {
|
|
15601
|
-
attr(div, "class", "button-text-icon svelte-
|
|
15680
|
+
attr(div, "class", "button-text-icon svelte-1xgvp8r");
|
|
15602
15681
|
},
|
|
15603
15682
|
m(target, anchor) {
|
|
15604
15683
|
insert_hydration(target, div, anchor);
|
|
@@ -15633,7 +15712,7 @@ function create_if_block$4(ctx) {
|
|
|
15633
15712
|
};
|
|
15634
15713
|
}
|
|
15635
15714
|
|
|
15636
|
-
// (
|
|
15715
|
+
// (41:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
15637
15716
|
function create_dynamic_element$4(ctx) {
|
|
15638
15717
|
let svelte_element;
|
|
15639
15718
|
let t0;
|
|
@@ -15685,7 +15764,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
15685
15764
|
this.h();
|
|
15686
15765
|
},
|
|
15687
15766
|
h() {
|
|
15688
|
-
attr(span, "class", "button-text-label svelte-
|
|
15767
|
+
attr(span, "class", "button-text-label svelte-1xgvp8r");
|
|
15689
15768
|
|
|
15690
15769
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
15691
15770
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -15693,7 +15772,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
15693
15772
|
set_attributes(svelte_element, svelte_element_data);
|
|
15694
15773
|
}
|
|
15695
15774
|
|
|
15696
|
-
toggle_class(svelte_element, "svelte-
|
|
15775
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
|
15697
15776
|
},
|
|
15698
15777
|
m(target, anchor) {
|
|
15699
15778
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -15747,7 +15826,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
15747
15826
|
set_attributes(svelte_element, svelte_element_data);
|
|
15748
15827
|
}
|
|
15749
15828
|
|
|
15750
|
-
toggle_class(svelte_element, "svelte-
|
|
15829
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
|
15751
15830
|
},
|
|
15752
15831
|
i(local) {
|
|
15753
15832
|
if (current) return;
|
|
@@ -15823,8 +15902,10 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
|
15823
15902
|
let { props = {} } = $$props;
|
|
15824
15903
|
let { layerId = '' } = $$props;
|
|
15825
15904
|
useInjectCustomizeCss(props);
|
|
15905
|
+
const { brandKit } = useBrandKit();
|
|
15826
15906
|
const { attributes, element, handleClick } = useClickable(props);
|
|
15827
|
-
const
|
|
15907
|
+
const themeStyles = getButtonTextThemeStyles(brandKit);
|
|
15908
|
+
const buttonThemeStyle = themeStyles[props.theme ?? 'default'];
|
|
15828
15909
|
const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
|
|
15829
15910
|
|
|
15830
15911
|
$$self.$$set = $$props => {
|
|
@@ -15913,7 +15994,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
|
15913
15994
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
15914
15995
|
|
|
15915
15996
|
function add_css$8(target) {
|
|
15916
|
-
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}");
|
|
15917
15998
|
}
|
|
15918
15999
|
|
|
15919
16000
|
// (91:2) {#if hasLabel}
|
|
@@ -15939,7 +16020,7 @@ function create_if_block$3(ctx) {
|
|
|
15939
16020
|
|
|
15940
16021
|
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
|
|
15941
16022
|
? 'close-button-order-one'
|
|
15942
|
-
: '') + " svelte-
|
|
16023
|
+
: '') + " svelte-3mvsv6");
|
|
15943
16024
|
},
|
|
15944
16025
|
m(target, anchor) {
|
|
15945
16026
|
insert_hydration(target, span, anchor);
|
|
@@ -16031,7 +16112,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
16031
16112
|
set_style(svg, "width", "100%");
|
|
16032
16113
|
set_style(svg, "height", "100%");
|
|
16033
16114
|
attr(svg, "fill", /*color*/ ctx[8]);
|
|
16034
|
-
attr(svg, "class", "svelte-
|
|
16115
|
+
attr(svg, "class", "svelte-3mvsv6");
|
|
16035
16116
|
attr(span, "style", /*iconStyle*/ ctx[1]);
|
|
16036
16117
|
|
|
16037
16118
|
if ((/-/).test(/*element*/ ctx[6])) {
|
|
@@ -16040,7 +16121,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
16040
16121
|
set_attributes(svelte_element, svelte_element_data);
|
|
16041
16122
|
}
|
|
16042
16123
|
|
|
16043
|
-
toggle_class(svelte_element, "svelte-
|
|
16124
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
|
16044
16125
|
},
|
|
16045
16126
|
m(target, anchor) {
|
|
16046
16127
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16086,7 +16167,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
16086
16167
|
set_attributes(svelte_element, svelte_element_data);
|
|
16087
16168
|
}
|
|
16088
16169
|
|
|
16089
|
-
toggle_class(svelte_element, "svelte-
|
|
16170
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
|
16090
16171
|
},
|
|
16091
16172
|
d(detaching) {
|
|
16092
16173
|
if (detaching) detach(svelte_element);
|
|
@@ -16290,7 +16371,7 @@ const ICON_SIZE_STYLES = {
|
|
|
16290
16371
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
|
16291
16372
|
|
|
16292
16373
|
function add_css$7(target) {
|
|
16293
|
-
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}");
|
|
16294
16375
|
}
|
|
16295
16376
|
|
|
16296
16377
|
// (19:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -16341,9 +16422,9 @@ function create_dynamic_element$2(ctx) {
|
|
|
16341
16422
|
h() {
|
|
16342
16423
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
16343
16424
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
16344
|
-
attr(img, "class", "image-img svelte-
|
|
16425
|
+
attr(img, "class", "image-img svelte-10a9nyt");
|
|
16345
16426
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
|
16346
|
-
attr(object, "class", "image-object svelte-
|
|
16427
|
+
attr(object, "class", "image-object svelte-10a9nyt");
|
|
16347
16428
|
|
|
16348
16429
|
if ((/-/).test(/*element*/ ctx[5])) {
|
|
16349
16430
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -16351,7 +16432,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
16351
16432
|
set_attributes(svelte_element, svelte_element_data);
|
|
16352
16433
|
}
|
|
16353
16434
|
|
|
16354
|
-
toggle_class(svelte_element, "svelte-
|
|
16435
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
|
16355
16436
|
},
|
|
16356
16437
|
m(target, anchor) {
|
|
16357
16438
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16389,7 +16470,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
16389
16470
|
set_attributes(svelte_element, svelte_element_data);
|
|
16390
16471
|
}
|
|
16391
16472
|
|
|
16392
|
-
toggle_class(svelte_element, "svelte-
|
|
16473
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
|
16393
16474
|
},
|
|
16394
16475
|
d(detaching) {
|
|
16395
16476
|
if (detaching) detach(svelte_element);
|
|
@@ -16487,7 +16568,7 @@ class Image extends SvelteComponent {
|
|
|
16487
16568
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
16488
16569
|
|
|
16489
16570
|
function add_css$6(target) {
|
|
16490
|
-
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}");
|
|
16491
16572
|
}
|
|
16492
16573
|
|
|
16493
16574
|
// (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -16537,7 +16618,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
16537
16618
|
set_attributes(svelte_element, svelte_element_data);
|
|
16538
16619
|
}
|
|
16539
16620
|
|
|
16540
|
-
toggle_class(svelte_element, "svelte-
|
|
16621
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
16541
16622
|
},
|
|
16542
16623
|
m(target, anchor) {
|
|
16543
16624
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -16582,7 +16663,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
16582
16663
|
set_attributes(svelte_element, svelte_element_data);
|
|
16583
16664
|
}
|
|
16584
16665
|
|
|
16585
|
-
toggle_class(svelte_element, "svelte-
|
|
16666
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
16586
16667
|
},
|
|
16587
16668
|
i(local) {
|
|
16588
16669
|
if (current) return;
|
|
@@ -16710,7 +16791,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
|
16710
16791
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
|
16711
16792
|
|
|
16712
16793
|
function add_css$5(target) {
|
|
16713
|
-
append_styles(target, "svelte-
|
|
16794
|
+
append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
|
|
16714
16795
|
}
|
|
16715
16796
|
|
|
16716
16797
|
function get_each_context(ctx, list, i) {
|
|
@@ -16845,7 +16926,7 @@ function create_fragment$5(ctx) {
|
|
|
16845
16926
|
this.h();
|
|
16846
16927
|
},
|
|
16847
16928
|
h() {
|
|
16848
|
-
attr(div0, "class", "container svelte-
|
|
16929
|
+
attr(div0, "class", "container svelte-17ij7ip");
|
|
16849
16930
|
attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
|
|
16850
16931
|
attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
|
|
16851
16932
|
attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
|
|
@@ -17166,32 +17247,32 @@ class Slider extends SvelteComponent {
|
|
|
17166
17247
|
}
|
|
17167
17248
|
}
|
|
17168
17249
|
|
|
17169
|
-
const
|
|
17250
|
+
const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
17170
17251
|
default: {
|
|
17171
|
-
color:
|
|
17252
|
+
color: brandKit.color_text_primary,
|
|
17172
17253
|
},
|
|
17173
17254
|
gray: {
|
|
17174
|
-
color:
|
|
17255
|
+
color: brandKit.color_text_secondary,
|
|
17175
17256
|
},
|
|
17176
17257
|
brand: {
|
|
17177
|
-
color:
|
|
17258
|
+
color: brandKit.color_brand,
|
|
17178
17259
|
},
|
|
17179
17260
|
success: {
|
|
17180
|
-
color:
|
|
17261
|
+
color: brandKit.color_success,
|
|
17181
17262
|
},
|
|
17182
17263
|
warning: {
|
|
17183
|
-
color:
|
|
17264
|
+
color: brandKit.color_warning,
|
|
17184
17265
|
},
|
|
17185
17266
|
danger: {
|
|
17186
|
-
color:
|
|
17267
|
+
color: brandKit.color_danger,
|
|
17187
17268
|
},
|
|
17188
17269
|
info: {
|
|
17189
|
-
color:
|
|
17270
|
+
color: brandKit.color_info,
|
|
17190
17271
|
},
|
|
17191
17272
|
white: {
|
|
17192
|
-
color:
|
|
17273
|
+
color: brandKit.color_white,
|
|
17193
17274
|
},
|
|
17194
|
-
};
|
|
17275
|
+
}));
|
|
17195
17276
|
|
|
17196
17277
|
const TEXT_VARIANTS = {
|
|
17197
17278
|
size: {
|
|
@@ -17251,7 +17332,7 @@ const TEXT_VARIANTS = {
|
|
|
17251
17332
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
|
17252
17333
|
|
|
17253
17334
|
function add_css$4(target) {
|
|
17254
|
-
append_styles(target, "svelte-
|
|
17335
|
+
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
|
17255
17336
|
}
|
|
17256
17337
|
|
|
17257
17338
|
function create_fragment$4(ctx) {
|
|
@@ -17274,7 +17355,7 @@ function create_fragment$4(ctx) {
|
|
|
17274
17355
|
this.h();
|
|
17275
17356
|
},
|
|
17276
17357
|
h() {
|
|
17277
|
-
attr(p, "class", "text svelte-
|
|
17358
|
+
attr(p, "class", "text svelte-vifn7y");
|
|
17278
17359
|
attr(p, "style", /*style*/ ctx[1]);
|
|
17279
17360
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
17280
17361
|
},
|
|
@@ -17306,6 +17387,8 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
17306
17387
|
let { props = { content: '' } } = $$props;
|
|
17307
17388
|
let { layerId = '' } = $$props;
|
|
17308
17389
|
useInjectCustomizeCss(props);
|
|
17390
|
+
const { brandKit } = useBrandKit();
|
|
17391
|
+
const themeStyles = getTextThemeStyles(brandKit);
|
|
17309
17392
|
|
|
17310
17393
|
if (props.fontFamily) {
|
|
17311
17394
|
addFont(props.fontFamily);
|
|
@@ -17313,7 +17396,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
17313
17396
|
|
|
17314
17397
|
const getColor = () => {
|
|
17315
17398
|
if (props.color) return props.color;
|
|
17316
|
-
if (props.theme) return
|
|
17399
|
+
if (props.theme) return themeStyles[props.theme].color;
|
|
17317
17400
|
return undefined;
|
|
17318
17401
|
};
|
|
17319
17402
|
|
|
@@ -17421,34 +17504,34 @@ const TEXT_LINK_SIZE_STYLES = {
|
|
|
17421
17504
|
fontSize: '16px',
|
|
17422
17505
|
},
|
|
17423
17506
|
};
|
|
17424
|
-
const
|
|
17507
|
+
const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
17425
17508
|
default: {
|
|
17426
|
-
color:
|
|
17509
|
+
color: brandKit.color_text_primary,
|
|
17427
17510
|
},
|
|
17428
17511
|
link: {
|
|
17429
|
-
color:
|
|
17512
|
+
color: brandKit.color_link,
|
|
17430
17513
|
},
|
|
17431
17514
|
brand: {
|
|
17432
|
-
color:
|
|
17515
|
+
color: brandKit.color_brand,
|
|
17433
17516
|
},
|
|
17434
17517
|
alert: {
|
|
17435
|
-
color:
|
|
17518
|
+
color: brandKit.color_danger,
|
|
17436
17519
|
},
|
|
17437
17520
|
gray: {
|
|
17438
|
-
color:
|
|
17521
|
+
color: brandKit.color_text_secondary,
|
|
17439
17522
|
},
|
|
17440
17523
|
white: {
|
|
17441
|
-
color:
|
|
17524
|
+
color: brandKit.color_white,
|
|
17442
17525
|
},
|
|
17443
|
-
};
|
|
17526
|
+
}));
|
|
17444
17527
|
|
|
17445
17528
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
|
17446
17529
|
|
|
17447
17530
|
function add_css$3(target) {
|
|
17448
|
-
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}");
|
|
17449
17532
|
}
|
|
17450
17533
|
|
|
17451
|
-
// (
|
|
17534
|
+
// (71:2) {#if props.isIcon && props.iconVariant}
|
|
17452
17535
|
function create_if_block$2(ctx) {
|
|
17453
17536
|
let icon;
|
|
17454
17537
|
let current;
|
|
@@ -17502,7 +17585,7 @@ function create_if_block$2(ctx) {
|
|
|
17502
17585
|
};
|
|
17503
17586
|
}
|
|
17504
17587
|
|
|
17505
|
-
// (
|
|
17588
|
+
// (63:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
17506
17589
|
function create_dynamic_element(ctx) {
|
|
17507
17590
|
let svelte_element;
|
|
17508
17591
|
let t;
|
|
@@ -17559,7 +17642,7 @@ function create_dynamic_element(ctx) {
|
|
|
17559
17642
|
set_attributes(svelte_element, svelte_element_data);
|
|
17560
17643
|
}
|
|
17561
17644
|
|
|
17562
|
-
toggle_class(svelte_element, "svelte-
|
|
17645
|
+
toggle_class(svelte_element, "svelte-1y4hh01", true);
|
|
17563
17646
|
},
|
|
17564
17647
|
m(target, anchor) {
|
|
17565
17648
|
insert_hydration(target, svelte_element, anchor);
|
|
@@ -17612,7 +17695,7 @@ function create_dynamic_element(ctx) {
|
|
|
17612
17695
|
set_attributes(svelte_element, svelte_element_data);
|
|
17613
17696
|
}
|
|
17614
17697
|
|
|
17615
|
-
toggle_class(svelte_element, "svelte-
|
|
17698
|
+
toggle_class(svelte_element, "svelte-1y4hh01", true);
|
|
17616
17699
|
},
|
|
17617
17700
|
i(local) {
|
|
17618
17701
|
if (current) return;
|
|
@@ -17689,8 +17772,10 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
|
17689
17772
|
let { props = { label: '' } } = $$props;
|
|
17690
17773
|
let { layerId = '' } = $$props;
|
|
17691
17774
|
useInjectCustomizeCss(props);
|
|
17775
|
+
const { brandKit } = useBrandKit();
|
|
17692
17776
|
const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
|
|
17693
|
-
const
|
|
17777
|
+
const themeStyles = getTextLinkThemeStyles(brandKit);
|
|
17778
|
+
const themeStyle = themeStyles[props.theme ?? 'link'];
|
|
17694
17779
|
const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
|
|
17695
17780
|
|
|
17696
17781
|
const underlineClass = (() => {
|
|
@@ -17786,7 +17871,7 @@ const TEXT_LINK_UNDERLINE = {
|
|
|
17786
17871
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
17787
17872
|
|
|
17788
17873
|
function add_css$2(target) {
|
|
17789
|
-
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}");
|
|
17790
17875
|
}
|
|
17791
17876
|
|
|
17792
17877
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -17807,7 +17892,7 @@ function create_if_block$1(ctx) {
|
|
|
17807
17892
|
this.h();
|
|
17808
17893
|
},
|
|
17809
17894
|
h() {
|
|
17810
|
-
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"));
|
|
17811
17896
|
},
|
|
17812
17897
|
m(target, anchor) {
|
|
17813
17898
|
insert_hydration(target, div, anchor);
|
|
@@ -17818,7 +17903,7 @@ function create_if_block$1(ctx) {
|
|
|
17818
17903
|
}
|
|
17819
17904
|
},
|
|
17820
17905
|
p(ctx, dirty) {
|
|
17821
|
-
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"))) {
|
|
17822
17907
|
attr(div, "class", div_class_value);
|
|
17823
17908
|
}
|
|
17824
17909
|
},
|
|
@@ -17894,7 +17979,7 @@ class BackgroundOverlay extends SvelteComponent {
|
|
|
17894
17979
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
|
17895
17980
|
|
|
17896
17981
|
function add_css$1(target) {
|
|
17897
|
-
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}}");
|
|
17898
17983
|
}
|
|
17899
17984
|
|
|
17900
17985
|
// (220:0) {:else}
|
|
@@ -18061,7 +18146,7 @@ function create_if_block(ctx) {
|
|
|
18061
18146
|
this.h();
|
|
18062
18147
|
},
|
|
18063
18148
|
h() {
|
|
18064
|
-
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"));
|
|
18065
18150
|
attr(div, "role", "dialog");
|
|
18066
18151
|
attr(div, "aria-modal", "true");
|
|
18067
18152
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
|
@@ -18095,7 +18180,7 @@ function create_if_block(ctx) {
|
|
|
18095
18180
|
}
|
|
18096
18181
|
}
|
|
18097
18182
|
|
|
18098
|
-
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"))) {
|
|
18099
18184
|
attr(div, "class", div_class_value);
|
|
18100
18185
|
}
|
|
18101
18186
|
|
|
@@ -18535,7 +18620,7 @@ class Modal extends SvelteComponent {
|
|
|
18535
18620
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
|
18536
18621
|
|
|
18537
18622
|
function add_css(target) {
|
|
18538
|
-
append_styles(target, "svelte-
|
|
18623
|
+
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
|
18539
18624
|
}
|
|
18540
18625
|
|
|
18541
18626
|
function create_fragment(ctx) {
|
|
@@ -18554,7 +18639,7 @@ function create_fragment(ctx) {
|
|
|
18554
18639
|
this.h();
|
|
18555
18640
|
},
|
|
18556
18641
|
h() {
|
|
18557
|
-
attr(div, "class", "code svelte-
|
|
18642
|
+
attr(div, "class", "code svelte-igivoz");
|
|
18558
18643
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
18559
18644
|
},
|
|
18560
18645
|
m(target, anchor) {
|
|
@@ -18684,4 +18769,4 @@ const ROUND_STYLES = {
|
|
|
18684
18769
|
},
|
|
18685
18770
|
};
|
|
18686
18771
|
|
|
18687
|
-
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 };
|