@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/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, insert, noop, detach, component_subscribe, attr, create_slot, create_component, 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, append, destroy_each, text, set_data, src_url_equal, set_store_value, run_all, HtmlTag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
|
|
4
4
|
import { linear, elasticOut, cubicOut } from 'svelte/easing';
|
|
5
5
|
|
|
@@ -2998,6 +2998,38 @@ class Header extends SvelteComponent {
|
|
|
2998
2998
|
}
|
|
2999
2999
|
}
|
|
3000
3000
|
|
|
3001
|
+
const BRAND_KIT_DEFAULT = {
|
|
3002
|
+
font_family: 'sans-serif, serif, monospace, system-ui',
|
|
3003
|
+
color_text_primary: '#222222',
|
|
3004
|
+
color_text_secondary: '#555555',
|
|
3005
|
+
color_brand: '#33403e',
|
|
3006
|
+
color_link: '#1558d6',
|
|
3007
|
+
color_danger: '#f44336',
|
|
3008
|
+
color_warning: '#ffa726',
|
|
3009
|
+
color_success: '#10b981',
|
|
3010
|
+
color_info: '#29b6f6',
|
|
3011
|
+
color_white: '#FFFFFF',
|
|
3012
|
+
};
|
|
3013
|
+
const getBrandKit = (customBrandKit) => {
|
|
3014
|
+
return {
|
|
3015
|
+
font_family: customBrandKit?.font_family ?? BRAND_KIT_DEFAULT.font_family,
|
|
3016
|
+
color_text_primary: customBrandKit?.color_text_primary ?? BRAND_KIT_DEFAULT.color_text_primary,
|
|
3017
|
+
color_text_secondary: customBrandKit?.color_text_secondary ?? BRAND_KIT_DEFAULT.color_text_secondary,
|
|
3018
|
+
color_brand: customBrandKit?.color_brand ?? BRAND_KIT_DEFAULT.color_brand,
|
|
3019
|
+
color_link: customBrandKit?.color_link ?? BRAND_KIT_DEFAULT.color_link,
|
|
3020
|
+
color_danger: customBrandKit?.color_danger ?? BRAND_KIT_DEFAULT.color_danger,
|
|
3021
|
+
color_warning: customBrandKit?.color_warning ?? BRAND_KIT_DEFAULT.color_warning,
|
|
3022
|
+
color_success: customBrandKit?.color_success ?? BRAND_KIT_DEFAULT.color_success,
|
|
3023
|
+
color_info: customBrandKit?.color_info ?? BRAND_KIT_DEFAULT.color_info,
|
|
3024
|
+
color_white: customBrandKit?.color_white ?? BRAND_KIT_DEFAULT.color_white,
|
|
3025
|
+
};
|
|
3026
|
+
};
|
|
3027
|
+
const useBrandKit = () => {
|
|
3028
|
+
return {
|
|
3029
|
+
brandKit: (getContext('brandKit') || getBrandKit()),
|
|
3030
|
+
};
|
|
3031
|
+
};
|
|
3032
|
+
|
|
3001
3033
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
|
3002
3034
|
|
|
3003
3035
|
function create_fragment$1g(ctx) {
|
|
@@ -3005,8 +3037,8 @@ function create_fragment$1g(ctx) {
|
|
|
3005
3037
|
let t;
|
|
3006
3038
|
let current;
|
|
3007
3039
|
header = new Header({});
|
|
3008
|
-
const default_slot_template = /*#slots*/ ctx[
|
|
3009
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[
|
|
3040
|
+
const default_slot_template = /*#slots*/ ctx[2].default;
|
|
3041
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
|
|
3010
3042
|
|
|
3011
3043
|
return {
|
|
3012
3044
|
c() {
|
|
@@ -3026,15 +3058,15 @@ function create_fragment$1g(ctx) {
|
|
|
3026
3058
|
},
|
|
3027
3059
|
p(ctx, [dirty]) {
|
|
3028
3060
|
if (default_slot) {
|
|
3029
|
-
if (default_slot.p && (!current || dirty & /*$$scope*/
|
|
3061
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
|
|
3030
3062
|
update_slot_base(
|
|
3031
3063
|
default_slot,
|
|
3032
3064
|
default_slot_template,
|
|
3033
3065
|
ctx,
|
|
3034
|
-
/*$$scope*/ ctx[
|
|
3066
|
+
/*$$scope*/ ctx[1],
|
|
3035
3067
|
!current
|
|
3036
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[
|
|
3037
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[
|
|
3068
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
|
|
3069
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
|
|
3038
3070
|
null
|
|
3039
3071
|
);
|
|
3040
3072
|
}
|
|
@@ -3061,25 +3093,28 @@ function create_fragment$1g(ctx) {
|
|
|
3061
3093
|
|
|
3062
3094
|
function instance$1g($$self, $$props, $$invalidate) {
|
|
3063
3095
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
3096
|
+
let { customBrandKit = undefined } = $$props;
|
|
3097
|
+
setContext('brandKit', getBrandKit(customBrandKit));
|
|
3064
3098
|
|
|
3065
3099
|
$$self.$$set = $$props => {
|
|
3066
|
-
if ('
|
|
3100
|
+
if ('customBrandKit' in $$props) $$invalidate(0, customBrandKit = $$props.customBrandKit);
|
|
3101
|
+
if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
|
|
3067
3102
|
};
|
|
3068
3103
|
|
|
3069
|
-
return [$$scope, slots];
|
|
3104
|
+
return [customBrandKit, $$scope, slots];
|
|
3070
3105
|
}
|
|
3071
3106
|
|
|
3072
3107
|
class State extends SvelteComponent {
|
|
3073
3108
|
constructor(options) {
|
|
3074
3109
|
super();
|
|
3075
|
-
init(this, options, instance$1g, create_fragment$1g, safe_not_equal, {});
|
|
3110
|
+
init(this, options, instance$1g, create_fragment$1g, safe_not_equal, { customBrandKit: 0 });
|
|
3076
3111
|
}
|
|
3077
3112
|
}
|
|
3078
3113
|
|
|
3079
3114
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3080
3115
|
|
|
3081
3116
|
function add_css$J(target) {
|
|
3082
|
-
append_styles(target, "svelte-
|
|
3117
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
3083
3118
|
}
|
|
3084
3119
|
|
|
3085
3120
|
// (23:0) {#if $state === path}
|
|
@@ -3096,7 +3131,7 @@ function create_if_block$f(ctx) {
|
|
|
3096
3131
|
t = space();
|
|
3097
3132
|
if (default_slot) default_slot.c();
|
|
3098
3133
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
|
3099
|
-
attr(div, "class", "state-item svelte-
|
|
3134
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
|
3100
3135
|
},
|
|
3101
3136
|
m(target, anchor) {
|
|
3102
3137
|
insert(target, div, anchor);
|
|
@@ -3418,7 +3453,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3418
3453
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3419
3454
|
|
|
3420
3455
|
function add_css$I(target) {
|
|
3421
|
-
append_styles(target, "svelte-
|
|
3456
|
+
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}");
|
|
3422
3457
|
}
|
|
3423
3458
|
|
|
3424
3459
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -3431,7 +3466,7 @@ function create_if_block$e(ctx) {
|
|
|
3431
3466
|
return {
|
|
3432
3467
|
c() {
|
|
3433
3468
|
div = element("div");
|
|
3434
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3469
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"));
|
|
3435
3470
|
},
|
|
3436
3471
|
m(target, anchor) {
|
|
3437
3472
|
insert(target, div, anchor);
|
|
@@ -3442,7 +3477,7 @@ function create_if_block$e(ctx) {
|
|
|
3442
3477
|
}
|
|
3443
3478
|
},
|
|
3444
3479
|
p(ctx, dirty) {
|
|
3445
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
3480
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-1d4fta"))) {
|
|
3446
3481
|
attr(div, "class", div_class_value);
|
|
3447
3482
|
}
|
|
3448
3483
|
},
|
|
@@ -3548,7 +3583,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3548
3583
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3549
3584
|
|
|
3550
3585
|
function add_css$H(target) {
|
|
3551
|
-
append_styles(target, "svelte-
|
|
3586
|
+
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}");
|
|
3552
3587
|
}
|
|
3553
3588
|
|
|
3554
3589
|
// (53:0) {:else}
|
|
@@ -3577,7 +3612,7 @@ function create_else_block$5(ctx) {
|
|
|
3577
3612
|
button = element("button");
|
|
3578
3613
|
if (default_slot) default_slot.c();
|
|
3579
3614
|
set_attributes(button, button_data);
|
|
3580
|
-
toggle_class(button, "svelte-
|
|
3615
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3581
3616
|
},
|
|
3582
3617
|
m(target, anchor) {
|
|
3583
3618
|
insert(target, button, anchor);
|
|
@@ -3616,7 +3651,7 @@ function create_else_block$5(ctx) {
|
|
|
3616
3651
|
dataAttrStopPropagation('click')
|
|
3617
3652
|
]));
|
|
3618
3653
|
|
|
3619
|
-
toggle_class(button, "svelte-
|
|
3654
|
+
toggle_class(button, "svelte-15k4deh", true);
|
|
3620
3655
|
},
|
|
3621
3656
|
i(local) {
|
|
3622
3657
|
if (current) return;
|
|
@@ -3647,7 +3682,7 @@ function create_if_block_2$2(ctx) {
|
|
|
3647
3682
|
c() {
|
|
3648
3683
|
div = element("div");
|
|
3649
3684
|
if (default_slot) default_slot.c();
|
|
3650
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
|
3685
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-15k4deh"));
|
|
3651
3686
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3652
3687
|
},
|
|
3653
3688
|
m(target, anchor) {
|
|
@@ -3731,7 +3766,7 @@ function create_if_block_1$3(ctx) {
|
|
|
3731
3766
|
a = element("a");
|
|
3732
3767
|
if (default_slot) default_slot.c();
|
|
3733
3768
|
set_attributes(a, a_data);
|
|
3734
|
-
toggle_class(a, "svelte-
|
|
3769
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3735
3770
|
},
|
|
3736
3771
|
m(target, anchor) {
|
|
3737
3772
|
insert(target, a, anchor);
|
|
@@ -3773,7 +3808,7 @@ function create_if_block_1$3(ctx) {
|
|
|
3773
3808
|
dataAttrStopPropagation('click')
|
|
3774
3809
|
]));
|
|
3775
3810
|
|
|
3776
|
-
toggle_class(a, "svelte-
|
|
3811
|
+
toggle_class(a, "svelte-15k4deh", true);
|
|
3777
3812
|
},
|
|
3778
3813
|
i(local) {
|
|
3779
3814
|
if (current) return;
|
|
@@ -3804,7 +3839,7 @@ function create_if_block$d(ctx) {
|
|
|
3804
3839
|
c() {
|
|
3805
3840
|
div = element("div");
|
|
3806
3841
|
if (default_slot) default_slot.c();
|
|
3807
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
|
3842
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-15k4deh"));
|
|
3808
3843
|
attr(div, "style", /*style*/ ctx[1]);
|
|
3809
3844
|
},
|
|
3810
3845
|
m(target, anchor) {
|
|
@@ -4013,7 +4048,7 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
4013
4048
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
4014
4049
|
|
|
4015
4050
|
function add_css$G(target) {
|
|
4016
|
-
append_styles(target, "svelte-
|
|
4051
|
+
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}}");
|
|
4017
4052
|
}
|
|
4018
4053
|
|
|
4019
4054
|
// (278:0) {:else}
|
|
@@ -4163,7 +4198,7 @@ function create_if_block$c(ctx) {
|
|
|
4163
4198
|
c() {
|
|
4164
4199
|
div = element("div");
|
|
4165
4200
|
create_component(button.$$.fragment);
|
|
4166
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4201
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"));
|
|
4167
4202
|
attr(div, "role", "dialog");
|
|
4168
4203
|
attr(div, "aria-modal", "true");
|
|
4169
4204
|
attr(div, "style", Array.from(/*modalStyles*/ ctx[23]).join(';'));
|
|
@@ -4187,7 +4222,7 @@ function create_if_block$c(ctx) {
|
|
|
4187
4222
|
|
|
4188
4223
|
button.$set(button_changes);
|
|
4189
4224
|
|
|
4190
|
-
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
4225
|
+
if (!current || dirty[0] & /*useBreakPoint*/ 8 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[3] ? 'modal-bp' : ''].join(' ')) + " svelte-1ijkyzl"))) {
|
|
4191
4226
|
attr(div, "class", div_class_value);
|
|
4192
4227
|
}
|
|
4193
4228
|
},
|
|
@@ -4242,7 +4277,7 @@ function create_if_block_1$2(ctx) {
|
|
|
4242
4277
|
c() {
|
|
4243
4278
|
div = element("div");
|
|
4244
4279
|
create_component(button.$$.fragment);
|
|
4245
|
-
attr(div, "class", "close svelte-
|
|
4280
|
+
attr(div, "class", "close svelte-1ijkyzl");
|
|
4246
4281
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[22] + 1);
|
|
4247
4282
|
},
|
|
4248
4283
|
m(target, anchor) {
|
|
@@ -4331,7 +4366,7 @@ function create_default_slot$6(ctx) {
|
|
|
4331
4366
|
t = space();
|
|
4332
4367
|
div = element("div");
|
|
4333
4368
|
if (default_slot) default_slot.c();
|
|
4334
|
-
attr(div, "class", "modal-content svelte-
|
|
4369
|
+
attr(div, "class", "modal-content svelte-1ijkyzl");
|
|
4335
4370
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
4336
4371
|
},
|
|
4337
4372
|
m(target, anchor) {
|
|
@@ -4982,7 +5017,7 @@ class Grid extends SvelteComponent {
|
|
|
4982
5017
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
4983
5018
|
|
|
4984
5019
|
function add_css$F(target) {
|
|
4985
|
-
append_styles(target, "svelte-
|
|
5020
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
4986
5021
|
}
|
|
4987
5022
|
|
|
4988
5023
|
function create_fragment$1a(ctx) {
|
|
@@ -4997,8 +5032,8 @@ function create_fragment$1a(ctx) {
|
|
|
4997
5032
|
div1 = element("div");
|
|
4998
5033
|
div0 = element("div");
|
|
4999
5034
|
if (default_slot) default_slot.c();
|
|
5000
|
-
attr(div0, "class", "grid-item-inner svelte-
|
|
5001
|
-
attr(div1, "class", "grid-item svelte-
|
|
5035
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
|
5036
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
|
5002
5037
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
|
5003
5038
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
|
5004
5039
|
attr(div1, "style", /*_style*/ ctx[1]);
|
|
@@ -5303,7 +5338,7 @@ class RenderText extends SvelteComponent {
|
|
|
5303
5338
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5304
5339
|
|
|
5305
5340
|
function add_css$E(target) {
|
|
5306
|
-
append_styles(target, "svelte-
|
|
5341
|
+
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}");
|
|
5307
5342
|
}
|
|
5308
5343
|
|
|
5309
5344
|
// (92:2) {:else}
|
|
@@ -5320,8 +5355,8 @@ function create_else_block$2(ctx) {
|
|
|
5320
5355
|
div1 = element("div");
|
|
5321
5356
|
div0 = element("div");
|
|
5322
5357
|
create_component(rendertext.$$.fragment);
|
|
5323
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5324
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5358
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5359
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5325
5360
|
attr(div1, "style", /*style*/ ctx[5]);
|
|
5326
5361
|
},
|
|
5327
5362
|
m(target, anchor) {
|
|
@@ -5335,7 +5370,7 @@ function create_else_block$2(ctx) {
|
|
|
5335
5370
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5336
5371
|
rendertext.$set(rendertext_changes);
|
|
5337
5372
|
|
|
5338
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5373
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"))) {
|
|
5339
5374
|
attr(div1, "class", div1_class_value);
|
|
5340
5375
|
}
|
|
5341
5376
|
|
|
@@ -5385,12 +5420,12 @@ function create_if_block$a(ctx) {
|
|
|
5385
5420
|
t2 = space();
|
|
5386
5421
|
div2 = element("div");
|
|
5387
5422
|
div2.textContent = "コピーできませんでした";
|
|
5388
|
-
attr(div0, "class", "text-element-inner svelte-
|
|
5423
|
+
attr(div0, "class", "text-element-inner svelte-9ixs0b");
|
|
5389
5424
|
attr(a, "href", '');
|
|
5390
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
5425
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-9ixs0b"));
|
|
5391
5426
|
attr(a, "style", /*style*/ ctx[5]);
|
|
5392
|
-
attr(div1, "class", "tooltip svelte-
|
|
5393
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
|
5427
|
+
attr(div1, "class", "tooltip svelte-9ixs0b");
|
|
5428
|
+
attr(div2, "class", "tooltip tooltip-error svelte-9ixs0b");
|
|
5394
5429
|
},
|
|
5395
5430
|
m(target, anchor) {
|
|
5396
5431
|
insert(target, a, anchor);
|
|
@@ -5414,7 +5449,7 @@ function create_if_block$a(ctx) {
|
|
|
5414
5449
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
5415
5450
|
rendertext.$set(rendertext_changes);
|
|
5416
5451
|
|
|
5417
|
-
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-
|
|
5452
|
+
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"))) {
|
|
5418
5453
|
attr(a, "class", a_class_value);
|
|
5419
5454
|
}
|
|
5420
5455
|
|
|
@@ -5466,7 +5501,7 @@ function create_fragment$18(ctx) {
|
|
|
5466
5501
|
c() {
|
|
5467
5502
|
div = element("div");
|
|
5468
5503
|
if_block.c();
|
|
5469
|
-
attr(div, "class", "text-element-wrapper svelte-
|
|
5504
|
+
attr(div, "class", "text-element-wrapper svelte-9ixs0b");
|
|
5470
5505
|
},
|
|
5471
5506
|
m(target, anchor) {
|
|
5472
5507
|
insert(target, div, anchor);
|
|
@@ -5632,7 +5667,7 @@ class TextElement extends SvelteComponent {
|
|
|
5632
5667
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5633
5668
|
|
|
5634
5669
|
function add_css$D(target) {
|
|
5635
|
-
append_styles(target, "svelte-
|
|
5670
|
+
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)}");
|
|
5636
5671
|
}
|
|
5637
5672
|
|
|
5638
5673
|
// (48:2) <Button {onClick} {style} {eventName}>
|
|
@@ -5688,7 +5723,7 @@ function create_fragment$17(ctx) {
|
|
|
5688
5723
|
c() {
|
|
5689
5724
|
div = element("div");
|
|
5690
5725
|
create_component(button.$$.fragment);
|
|
5691
|
-
attr(div, "class", "text-button-element svelte-
|
|
5726
|
+
attr(div, "class", "text-button-element svelte-1vg84sc");
|
|
5692
5727
|
},
|
|
5693
5728
|
m(target, anchor) {
|
|
5694
5729
|
insert(target, div, anchor);
|
|
@@ -5780,7 +5815,7 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5780
5815
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5781
5816
|
|
|
5782
5817
|
function add_css$C(target) {
|
|
5783
|
-
append_styles(target, "svelte-
|
|
5818
|
+
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%}");
|
|
5784
5819
|
}
|
|
5785
5820
|
|
|
5786
5821
|
// (44:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -5792,7 +5827,7 @@ function create_default_slot$4(ctx) {
|
|
|
5792
5827
|
return {
|
|
5793
5828
|
c() {
|
|
5794
5829
|
img = element("img");
|
|
5795
|
-
attr(img, "class", "image svelte-
|
|
5830
|
+
attr(img, "class", "image svelte-t6tu0e");
|
|
5796
5831
|
attr(img, "loading", "lazy");
|
|
5797
5832
|
attr(img, "width", "auto");
|
|
5798
5833
|
attr(img, "height", "auto");
|
|
@@ -5854,7 +5889,7 @@ function create_fragment$16(ctx) {
|
|
|
5854
5889
|
c() {
|
|
5855
5890
|
div = element("div");
|
|
5856
5891
|
create_component(button.$$.fragment);
|
|
5857
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
5892
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e");
|
|
5858
5893
|
},
|
|
5859
5894
|
m(target, anchor) {
|
|
5860
5895
|
insert(target, div, anchor);
|
|
@@ -5873,7 +5908,7 @@ function create_fragment$16(ctx) {
|
|
|
5873
5908
|
|
|
5874
5909
|
button.$set(button_changes);
|
|
5875
5910
|
|
|
5876
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
|
5911
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-t6tu0e")) {
|
|
5877
5912
|
attr(div, "class", div_class_value);
|
|
5878
5913
|
}
|
|
5879
5914
|
},
|
|
@@ -5945,7 +5980,7 @@ class ImageElement extends SvelteComponent {
|
|
|
5945
5980
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
5946
5981
|
|
|
5947
5982
|
function add_css$B(target) {
|
|
5948
|
-
append_styles(target, "svelte-
|
|
5983
|
+
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}");
|
|
5949
5984
|
}
|
|
5950
5985
|
|
|
5951
5986
|
function create_fragment$15(ctx) {
|
|
@@ -5958,7 +5993,7 @@ function create_fragment$15(ctx) {
|
|
|
5958
5993
|
c() {
|
|
5959
5994
|
div = element("div");
|
|
5960
5995
|
if (default_slot) default_slot.c();
|
|
5961
|
-
attr(div, "class", "list svelte-
|
|
5996
|
+
attr(div, "class", "list svelte-aquv6z");
|
|
5962
5997
|
attr(div, "style", /*style*/ ctx[0]);
|
|
5963
5998
|
},
|
|
5964
5999
|
m(target, anchor) {
|
|
@@ -6092,7 +6127,7 @@ class List extends SvelteComponent {
|
|
|
6092
6127
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6093
6128
|
|
|
6094
6129
|
function add_css$A(target) {
|
|
6095
|
-
append_styles(target, "svelte-
|
|
6130
|
+
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}");
|
|
6096
6131
|
}
|
|
6097
6132
|
|
|
6098
6133
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
|
@@ -6162,7 +6197,7 @@ function create_fragment$14(ctx) {
|
|
|
6162
6197
|
c() {
|
|
6163
6198
|
div = element("div");
|
|
6164
6199
|
create_component(button.$$.fragment);
|
|
6165
|
-
attr(div, "class", "list-item svelte-
|
|
6200
|
+
attr(div, "class", "list-item svelte-9n97pe");
|
|
6166
6201
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
|
6167
6202
|
},
|
|
6168
6203
|
m(target, anchor) {
|
|
@@ -6288,7 +6323,7 @@ class ListItem extends SvelteComponent {
|
|
|
6288
6323
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6289
6324
|
|
|
6290
6325
|
function add_css$z(target) {
|
|
6291
|
-
append_styles(target, "svelte-
|
|
6326
|
+
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}");
|
|
6292
6327
|
}
|
|
6293
6328
|
|
|
6294
6329
|
function create_fragment$13(ctx) {
|
|
@@ -6297,7 +6332,7 @@ function create_fragment$13(ctx) {
|
|
|
6297
6332
|
return {
|
|
6298
6333
|
c() {
|
|
6299
6334
|
div = element("div");
|
|
6300
|
-
attr(div, "class", "embed svelte-
|
|
6335
|
+
attr(div, "class", "embed svelte-wocq4p");
|
|
6301
6336
|
attr(div, "style", /*_style*/ ctx[1]);
|
|
6302
6337
|
},
|
|
6303
6338
|
m(target, anchor) {
|
|
@@ -6340,7 +6375,7 @@ class EmbedElement extends SvelteComponent {
|
|
|
6340
6375
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6341
6376
|
|
|
6342
6377
|
function add_css$y(target) {
|
|
6343
|
-
append_styles(target, "svelte-
|
|
6378
|
+
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%}");
|
|
6344
6379
|
}
|
|
6345
6380
|
|
|
6346
6381
|
function create_fragment$12(ctx) {
|
|
@@ -6352,7 +6387,7 @@ function create_fragment$12(ctx) {
|
|
|
6352
6387
|
div1 = element("div");
|
|
6353
6388
|
div0 = element("div");
|
|
6354
6389
|
attr(div0, "class", "karte-player");
|
|
6355
|
-
attr(div1, "class", "embed svelte-
|
|
6390
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6356
6391
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6357
6392
|
},
|
|
6358
6393
|
m(target, anchor) {
|
|
@@ -6694,7 +6729,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6694
6729
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6695
6730
|
|
|
6696
6731
|
function add_css$x(target) {
|
|
6697
|
-
append_styles(target, "svelte-
|
|
6732
|
+
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%}");
|
|
6698
6733
|
}
|
|
6699
6734
|
|
|
6700
6735
|
function create_fragment$11(ctx) {
|
|
@@ -6706,7 +6741,7 @@ function create_fragment$11(ctx) {
|
|
|
6706
6741
|
div1 = element("div");
|
|
6707
6742
|
div0 = element("div");
|
|
6708
6743
|
attr(div0, "class", "karte-player");
|
|
6709
|
-
attr(div1, "class", "embed svelte-
|
|
6744
|
+
attr(div1, "class", "embed svelte-vikz49");
|
|
6710
6745
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
6711
6746
|
},
|
|
6712
6747
|
m(target, anchor) {
|
|
@@ -6890,7 +6925,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
6890
6925
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
6891
6926
|
|
|
6892
6927
|
function add_css$w(target) {
|
|
6893
|
-
append_styles(target, "svelte-
|
|
6928
|
+
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}");
|
|
6894
6929
|
}
|
|
6895
6930
|
|
|
6896
6931
|
function create_fragment$10(ctx) {
|
|
@@ -6903,12 +6938,12 @@ function create_fragment$10(ctx) {
|
|
|
6903
6938
|
c() {
|
|
6904
6939
|
div = element("div");
|
|
6905
6940
|
textarea = element("textarea");
|
|
6906
|
-
attr(textarea, "class", "textarea svelte-
|
|
6941
|
+
attr(textarea, "class", "textarea svelte-zxvkkc");
|
|
6907
6942
|
textarea.value = /*$value*/ ctx[4];
|
|
6908
6943
|
textarea.required = /*required*/ ctx[1];
|
|
6909
6944
|
attr(textarea, "placeholder", /*placeholder*/ ctx[0]);
|
|
6910
6945
|
attr(textarea, "style", /*style*/ ctx[3]);
|
|
6911
|
-
attr(div, "class", "textarea-wrapper svelte-
|
|
6946
|
+
attr(div, "class", "textarea-wrapper svelte-zxvkkc");
|
|
6912
6947
|
attr(div, "style", /*styleVariables*/ ctx[2]);
|
|
6913
6948
|
},
|
|
6914
6949
|
m(target, anchor) {
|
|
@@ -7060,7 +7095,7 @@ class FormTextarea extends SvelteComponent {
|
|
|
7060
7095
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7061
7096
|
|
|
7062
7097
|
function add_css$v(target) {
|
|
7063
|
-
append_styles(target, "svelte-
|
|
7098
|
+
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}");
|
|
7064
7099
|
}
|
|
7065
7100
|
|
|
7066
7101
|
function get_each_context$6(ctx, list, i) {
|
|
@@ -7094,14 +7129,14 @@ function create_each_block$6(ctx) {
|
|
|
7094
7129
|
t1 = text(t1_value);
|
|
7095
7130
|
t2 = space();
|
|
7096
7131
|
attr(input, "type", "radio");
|
|
7097
|
-
attr(input, "class", "radio-button-input svelte-
|
|
7132
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
|
7098
7133
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
|
7099
7134
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7100
7135
|
input.value = input_value_value = /*option*/ ctx[17];
|
|
7101
7136
|
input.checked = input_checked_value = /*option*/ ctx[17] === /*_value*/ ctx[3];
|
|
7102
|
-
attr(span, "class", "radio-button-text svelte-
|
|
7137
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
|
7103
7138
|
attr(span, "style", span_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7104
|
-
attr(label, "class", "radio-button svelte-
|
|
7139
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
|
7105
7140
|
},
|
|
7106
7141
|
m(target, anchor) {
|
|
7107
7142
|
insert(target, label, anchor);
|
|
@@ -7166,7 +7201,7 @@ function create_fragment$$(ctx) {
|
|
|
7166
7201
|
each_blocks[i].c();
|
|
7167
7202
|
}
|
|
7168
7203
|
|
|
7169
|
-
attr(div, "class", "radio-buttons svelte-
|
|
7204
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
|
7170
7205
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7171
7206
|
},
|
|
7172
7207
|
m(target, anchor) {
|
|
@@ -7335,7 +7370,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7335
7370
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7336
7371
|
|
|
7337
7372
|
function add_css$u(target) {
|
|
7338
|
-
append_styles(target, "svelte-
|
|
7373
|
+
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}");
|
|
7339
7374
|
}
|
|
7340
7375
|
|
|
7341
7376
|
function get_each_context$5(ctx, list, i) {
|
|
@@ -7469,10 +7504,10 @@ function create_fragment$_(ctx) {
|
|
|
7469
7504
|
|
|
7470
7505
|
t = space();
|
|
7471
7506
|
div0 = element("div");
|
|
7472
|
-
attr(select, "class", "select-select svelte-
|
|
7507
|
+
attr(select, "class", "select-select svelte-t9ynyj");
|
|
7473
7508
|
attr(select, "style", /*style*/ ctx[3]);
|
|
7474
|
-
attr(div0, "class", "select-icon svelte-
|
|
7475
|
-
attr(div1, "class", "select svelte-
|
|
7509
|
+
attr(div0, "class", "select-icon svelte-t9ynyj");
|
|
7510
|
+
attr(div1, "class", "select svelte-t9ynyj");
|
|
7476
7511
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
|
7477
7512
|
},
|
|
7478
7513
|
m(target, anchor) {
|
|
@@ -7674,7 +7709,7 @@ class FormSelect extends SvelteComponent {
|
|
|
7674
7709
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7675
7710
|
|
|
7676
7711
|
function add_css$t(target) {
|
|
7677
|
-
append_styles(target, "svelte-
|
|
7712
|
+
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}");
|
|
7678
7713
|
}
|
|
7679
7714
|
|
|
7680
7715
|
function get_each_context$4(ctx, list, i) {
|
|
@@ -7713,19 +7748,19 @@ function create_each_block$4(ctx) {
|
|
|
7713
7748
|
span2 = element("span");
|
|
7714
7749
|
t2 = text(t2_value);
|
|
7715
7750
|
t3 = space();
|
|
7716
|
-
attr(input, "class", "check-box-input svelte-
|
|
7751
|
+
attr(input, "class", "check-box-input svelte-1p65cg8");
|
|
7717
7752
|
attr(input, "type", "checkbox");
|
|
7718
7753
|
attr(input, "name", /*name*/ ctx[0]);
|
|
7719
7754
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
|
7720
|
-
attr(span0, "class", "check-box-icon svelte-
|
|
7755
|
+
attr(span0, "class", "check-box-icon svelte-1p65cg8");
|
|
7721
7756
|
|
|
7722
7757
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
7723
7758
|
? ' _checked'
|
|
7724
|
-
: ''}`) + " svelte-
|
|
7759
|
+
: ''}`) + " svelte-1p65cg8"));
|
|
7725
7760
|
|
|
7726
|
-
attr(span2, "class", "check-box-text svelte-
|
|
7761
|
+
attr(span2, "class", "check-box-text svelte-1p65cg8");
|
|
7727
7762
|
attr(span2, "style", span2_style_value = `${/*_textStyle*/ ctx[2]} ${/*fontCss*/ ctx[6]}`);
|
|
7728
|
-
attr(label, "class", "check-box svelte-
|
|
7763
|
+
attr(label, "class", "check-box svelte-1p65cg8");
|
|
7729
7764
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
|
7730
7765
|
},
|
|
7731
7766
|
m(target, anchor) {
|
|
@@ -7757,7 +7792,7 @@ function create_each_block$4(ctx) {
|
|
|
7757
7792
|
|
|
7758
7793
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
|
7759
7794
|
? ' _checked'
|
|
7760
|
-
: ''}`) + " svelte-
|
|
7795
|
+
: ''}`) + " svelte-1p65cg8"))) {
|
|
7761
7796
|
attr(span1, "class", span1_class_value);
|
|
7762
7797
|
}
|
|
7763
7798
|
|
|
@@ -7796,7 +7831,7 @@ function create_fragment$Z(ctx) {
|
|
|
7796
7831
|
each_blocks[i].c();
|
|
7797
7832
|
}
|
|
7798
7833
|
|
|
7799
|
-
attr(div, "class", "check-boxes svelte-
|
|
7834
|
+
attr(div, "class", "check-boxes svelte-1p65cg8");
|
|
7800
7835
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
|
7801
7836
|
},
|
|
7802
7837
|
m(target, anchor) {
|
|
@@ -7971,7 +8006,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
7971
8006
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
7972
8007
|
|
|
7973
8008
|
function add_css$s(target) {
|
|
7974
|
-
append_styles(target, "svelte-
|
|
8009
|
+
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}");
|
|
7975
8010
|
}
|
|
7976
8011
|
|
|
7977
8012
|
function get_each_context$3(ctx, list, i) {
|
|
@@ -7995,7 +8030,7 @@ function create_each_block$3(ctx) {
|
|
|
7995
8030
|
button = element("button");
|
|
7996
8031
|
t0 = text(t0_value);
|
|
7997
8032
|
t1 = space();
|
|
7998
|
-
attr(button, "class", "rating-button svelte-
|
|
8033
|
+
attr(button, "class", "rating-button svelte-1iqf36p");
|
|
7999
8034
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[5](/*i*/ ctx[14] === /*_value*/ ctx[2]));
|
|
8000
8035
|
},
|
|
8001
8036
|
m(target, anchor) {
|
|
@@ -8044,7 +8079,7 @@ function create_fragment$Y(ctx) {
|
|
|
8044
8079
|
each_blocks[i].c();
|
|
8045
8080
|
}
|
|
8046
8081
|
|
|
8047
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8082
|
+
attr(div, "class", "rating-buttons svelte-1iqf36p");
|
|
8048
8083
|
},
|
|
8049
8084
|
m(target, anchor) {
|
|
8050
8085
|
insert(target, div, anchor);
|
|
@@ -8188,7 +8223,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8188
8223
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8189
8224
|
|
|
8190
8225
|
function add_css$r(target) {
|
|
8191
|
-
append_styles(target, "svelte-
|
|
8226
|
+
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%)}");
|
|
8192
8227
|
}
|
|
8193
8228
|
|
|
8194
8229
|
function get_each_context$2(ctx, list, i) {
|
|
@@ -8213,9 +8248,9 @@ function create_each_block$2(ctx) {
|
|
|
8213
8248
|
img = element("img");
|
|
8214
8249
|
t = space();
|
|
8215
8250
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
|
8216
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8251
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
|
8217
8252
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
|
8218
|
-
attr(button, "class", "rating-button svelte-
|
|
8253
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
|
8219
8254
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
|
8220
8255
|
},
|
|
8221
8256
|
m(target, anchor) {
|
|
@@ -8231,7 +8266,7 @@ function create_each_block$2(ctx) {
|
|
|
8231
8266
|
p(new_ctx, dirty) {
|
|
8232
8267
|
ctx = new_ctx;
|
|
8233
8268
|
|
|
8234
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
|
8269
|
+
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"))) {
|
|
8235
8270
|
attr(img, "class", img_class_value);
|
|
8236
8271
|
}
|
|
8237
8272
|
|
|
@@ -8264,7 +8299,7 @@ function create_fragment$X(ctx) {
|
|
|
8264
8299
|
each_blocks[i].c();
|
|
8265
8300
|
}
|
|
8266
8301
|
|
|
8267
|
-
attr(div, "class", "rating-buttons svelte-
|
|
8302
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
|
8268
8303
|
},
|
|
8269
8304
|
m(target, anchor) {
|
|
8270
8305
|
insert(target, div, anchor);
|
|
@@ -8372,7 +8407,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
|
8372
8407
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8373
8408
|
|
|
8374
8409
|
function add_css$q(target) {
|
|
8375
|
-
append_styles(target, "svelte-
|
|
8410
|
+
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}");
|
|
8376
8411
|
}
|
|
8377
8412
|
|
|
8378
8413
|
function create_fragment$W(ctx) {
|
|
@@ -8386,13 +8421,13 @@ function create_fragment$W(ctx) {
|
|
|
8386
8421
|
c() {
|
|
8387
8422
|
div = element("div");
|
|
8388
8423
|
input = element("input");
|
|
8389
|
-
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8424
|
+
attr(input, "class", input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"));
|
|
8390
8425
|
attr(input, "type", "text");
|
|
8391
8426
|
input.value = /*$value*/ ctx[2];
|
|
8392
8427
|
input.required = /*required*/ ctx[0];
|
|
8393
8428
|
attr(input, "placeholder", /*placeholder*/ ctx[1]);
|
|
8394
8429
|
attr(input, "style", /*style*/ ctx[5]);
|
|
8395
|
-
attr(div, "class", "input-wrapper svelte-
|
|
8430
|
+
attr(div, "class", "input-wrapper svelte-h8fqwx");
|
|
8396
8431
|
attr(div, "style", /*styleVariables*/ ctx[4]);
|
|
8397
8432
|
},
|
|
8398
8433
|
m(target, anchor) {
|
|
@@ -8405,7 +8440,7 @@ function create_fragment$W(ctx) {
|
|
|
8405
8440
|
}
|
|
8406
8441
|
},
|
|
8407
8442
|
p(ctx, [dirty]) {
|
|
8408
|
-
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-
|
|
8443
|
+
if (dirty & /*isValidForUI*/ 8 && input_class_value !== (input_class_value = "" + (null_to_empty(['input', /*isValidForUI*/ ctx[3] ? '' : '_error'].join(' ')) + " svelte-h8fqwx"))) {
|
|
8409
8444
|
attr(input, "class", input_class_value);
|
|
8410
8445
|
}
|
|
8411
8446
|
|
|
@@ -8593,7 +8628,7 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8593
8628
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
8594
8629
|
|
|
8595
8630
|
function add_css$p(target) {
|
|
8596
|
-
append_styles(target, "svelte-
|
|
8631
|
+
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}");
|
|
8597
8632
|
}
|
|
8598
8633
|
|
|
8599
8634
|
function create_fragment$V(ctx) {
|
|
@@ -8631,20 +8666,20 @@ function create_fragment$V(ctx) {
|
|
|
8631
8666
|
span1 = element("span");
|
|
8632
8667
|
t4 = text("いいえ");
|
|
8633
8668
|
attr(input0, "type", "radio");
|
|
8634
|
-
attr(input0, "class", "radio-button-input svelte-
|
|
8669
|
+
attr(input0, "class", "radio-button-input svelte-8zbmyo");
|
|
8635
8670
|
attr(input0, "style", /*buttonStyle*/ ctx[2]);
|
|
8636
8671
|
input0.checked = input0_checked_value = /*$value*/ ctx[3] === true;
|
|
8637
|
-
attr(span0, "class", "radio-button-text svelte-
|
|
8672
|
+
attr(span0, "class", "radio-button-text svelte-8zbmyo");
|
|
8638
8673
|
attr(span0, "style", span0_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
8639
|
-
attr(label0, "class", "radio-button svelte-
|
|
8674
|
+
attr(label0, "class", "radio-button svelte-8zbmyo");
|
|
8640
8675
|
attr(input1, "type", "radio");
|
|
8641
|
-
attr(input1, "class", "radio-button-input svelte-
|
|
8676
|
+
attr(input1, "class", "radio-button-input svelte-8zbmyo");
|
|
8642
8677
|
attr(input1, "style", /*buttonStyle*/ ctx[2]);
|
|
8643
8678
|
input1.checked = input1_checked_value = /*$value*/ ctx[3] === false;
|
|
8644
|
-
attr(span1, "class", "radio-button-text svelte-
|
|
8679
|
+
attr(span1, "class", "radio-button-text svelte-8zbmyo");
|
|
8645
8680
|
attr(span1, "style", span1_style_value = `${/*_textStyle*/ ctx[1]} ${/*fontCss*/ ctx[4]}`);
|
|
8646
|
-
attr(label1, "class", "radio-button svelte-
|
|
8647
|
-
attr(div, "class", "radio-buttons svelte-
|
|
8681
|
+
attr(label1, "class", "radio-button svelte-8zbmyo");
|
|
8682
|
+
attr(div, "class", "radio-buttons svelte-8zbmyo");
|
|
8648
8683
|
attr(div, "style", /*_layoutStyle*/ ctx[0]);
|
|
8649
8684
|
},
|
|
8650
8685
|
m(target, anchor) {
|
|
@@ -8812,7 +8847,7 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
8812
8847
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
8813
8848
|
|
|
8814
8849
|
function add_css$o(target) {
|
|
8815
|
-
append_styles(target, "svelte-
|
|
8850
|
+
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%}");
|
|
8816
8851
|
}
|
|
8817
8852
|
|
|
8818
8853
|
function get_each_context$1(ctx, list, i) {
|
|
@@ -8841,9 +8876,9 @@ function create_if_block_1$1(ctx) {
|
|
|
8841
8876
|
attr(svg, "viewBox", "0 0 10 16");
|
|
8842
8877
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
8843
8878
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
|
8844
|
-
attr(button, "class", "move-button svelte-
|
|
8879
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
8845
8880
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
|
8846
|
-
attr(div, "class", "prev-button-container svelte-
|
|
8881
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
|
8847
8882
|
},
|
|
8848
8883
|
m(target, anchor) {
|
|
8849
8884
|
insert(target, div, anchor);
|
|
@@ -8892,9 +8927,9 @@ function create_if_block$8(ctx) {
|
|
|
8892
8927
|
attr(svg, "viewBox", "0 0 10 16");
|
|
8893
8928
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
8894
8929
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
|
8895
|
-
attr(button, "class", "move-button svelte-
|
|
8930
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
|
8896
8931
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
|
8897
|
-
attr(div, "class", "next-button-container svelte-
|
|
8932
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
|
8898
8933
|
},
|
|
8899
8934
|
m(target, anchor) {
|
|
8900
8935
|
insert(target, div, anchor);
|
|
@@ -8942,9 +8977,9 @@ function create_each_block$1(ctx) {
|
|
|
8942
8977
|
button = element("button");
|
|
8943
8978
|
div = element("div");
|
|
8944
8979
|
t = space();
|
|
8945
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
|
8980
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
|
8946
8981
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
|
8947
|
-
attr(button, "class", "navigation-item svelte-
|
|
8982
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
|
8948
8983
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
|
8949
8984
|
},
|
|
8950
8985
|
m(target, anchor) {
|
|
@@ -9021,14 +9056,14 @@ function create_fragment$U(ctx) {
|
|
|
9021
9056
|
each_blocks[i].c();
|
|
9022
9057
|
}
|
|
9023
9058
|
|
|
9024
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9059
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
|
9025
9060
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
|
9026
|
-
attr(div1, "class", "container svelte-
|
|
9061
|
+
attr(div1, "class", "container svelte-ji1fh");
|
|
9027
9062
|
attr(div1, "style", /*_style*/ ctx[0]);
|
|
9028
|
-
attr(div2, "class", "navigation svelte-
|
|
9063
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
|
9029
9064
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
|
9030
9065
|
set_attributes(div3, div3_data);
|
|
9031
|
-
toggle_class(div3, "svelte-
|
|
9066
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9032
9067
|
},
|
|
9033
9068
|
m(target, anchor) {
|
|
9034
9069
|
insert(target, div3, anchor);
|
|
@@ -9070,7 +9105,7 @@ function create_fragment$U(ctx) {
|
|
|
9070
9105
|
}
|
|
9071
9106
|
}
|
|
9072
9107
|
|
|
9073
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
|
9108
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
|
9074
9109
|
attr(div0, "class", div0_class_value);
|
|
9075
9110
|
}
|
|
9076
9111
|
|
|
@@ -9136,7 +9171,7 @@ function create_fragment$U(ctx) {
|
|
|
9136
9171
|
}
|
|
9137
9172
|
|
|
9138
9173
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
|
9139
|
-
toggle_class(div3, "svelte-
|
|
9174
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
|
9140
9175
|
},
|
|
9141
9176
|
i(local) {
|
|
9142
9177
|
if (current) return;
|
|
@@ -9648,7 +9683,7 @@ class Slide extends SvelteComponent {
|
|
|
9648
9683
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
9649
9684
|
|
|
9650
9685
|
function add_css$n(target) {
|
|
9651
|
-
append_styles(target, "svelte-
|
|
9686
|
+
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}");
|
|
9652
9687
|
}
|
|
9653
9688
|
|
|
9654
9689
|
function create_fragment$T(ctx) {
|
|
@@ -9663,9 +9698,9 @@ function create_fragment$T(ctx) {
|
|
|
9663
9698
|
div1 = element("div");
|
|
9664
9699
|
div0 = element("div");
|
|
9665
9700
|
if (default_slot) default_slot.c();
|
|
9666
|
-
attr(div0, "class", "item-inner svelte-
|
|
9701
|
+
attr(div0, "class", "item-inner svelte-9ygf1w");
|
|
9667
9702
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
9668
|
-
attr(div1, "class", "item svelte-
|
|
9703
|
+
attr(div1, "class", "item svelte-9ygf1w");
|
|
9669
9704
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
|
9670
9705
|
},
|
|
9671
9706
|
m(target, anchor) {
|
|
@@ -9791,7 +9826,7 @@ class SlideItem extends SvelteComponent {
|
|
|
9791
9826
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
9792
9827
|
|
|
9793
9828
|
function add_css$m(target) {
|
|
9794
|
-
append_styles(target, "svelte-
|
|
9829
|
+
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}");
|
|
9795
9830
|
}
|
|
9796
9831
|
|
|
9797
9832
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
@@ -9809,9 +9844,9 @@ function create_fragment$S(ctx) {
|
|
|
9809
9844
|
div1 = element("div");
|
|
9810
9845
|
div0 = element("div");
|
|
9811
9846
|
if (default_slot) default_slot.c();
|
|
9812
|
-
attr(div0, "class", "countdown-inner svelte-
|
|
9847
|
+
attr(div0, "class", "countdown-inner svelte-rroxiz");
|
|
9813
9848
|
attr(div0, "style", /*_style*/ ctx[0]);
|
|
9814
|
-
attr(div1, "class", "countdown svelte-
|
|
9849
|
+
attr(div1, "class", "countdown svelte-rroxiz");
|
|
9815
9850
|
},
|
|
9816
9851
|
m(target, anchor) {
|
|
9817
9852
|
insert(target, div1, anchor);
|
|
@@ -9945,7 +9980,7 @@ class Countdown extends SvelteComponent {
|
|
|
9945
9980
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
9946
9981
|
|
|
9947
9982
|
function add_css$l(target) {
|
|
9948
|
-
append_styles(target, "svelte-
|
|
9983
|
+
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}");
|
|
9949
9984
|
}
|
|
9950
9985
|
|
|
9951
9986
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
|
@@ -10015,7 +10050,7 @@ function create_fragment$R(ctx) {
|
|
|
10015
10050
|
c() {
|
|
10016
10051
|
div = element("div");
|
|
10017
10052
|
create_component(button.$$.fragment);
|
|
10018
|
-
attr(div, "class", "box svelte-
|
|
10053
|
+
attr(div, "class", "box svelte-1ccydfy");
|
|
10019
10054
|
},
|
|
10020
10055
|
m(target, anchor) {
|
|
10021
10056
|
insert(target, div, anchor);
|
|
@@ -10076,7 +10111,7 @@ class Box extends SvelteComponent {
|
|
|
10076
10111
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10077
10112
|
|
|
10078
10113
|
function add_css$k(target) {
|
|
10079
|
-
append_styles(target, "svelte-
|
|
10114
|
+
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)}");
|
|
10080
10115
|
}
|
|
10081
10116
|
|
|
10082
10117
|
// (56:4) {#if svg}
|
|
@@ -10158,7 +10193,7 @@ function create_fragment$Q(ctx) {
|
|
|
10158
10193
|
c() {
|
|
10159
10194
|
div = element("div");
|
|
10160
10195
|
create_component(button.$$.fragment);
|
|
10161
|
-
attr(div, "class", "icon svelte-
|
|
10196
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
|
10162
10197
|
},
|
|
10163
10198
|
m(target, anchor) {
|
|
10164
10199
|
insert(target, div, anchor);
|
|
@@ -10267,7 +10302,7 @@ class IconElement extends SvelteComponent {
|
|
|
10267
10302
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10268
10303
|
|
|
10269
10304
|
function add_css$j(target) {
|
|
10270
|
-
append_styles(target, "svelte-
|
|
10305
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10271
10306
|
}
|
|
10272
10307
|
|
|
10273
10308
|
function create_fragment$P(ctx) {
|
|
@@ -10293,7 +10328,7 @@ function create_fragment$P(ctx) {
|
|
|
10293
10328
|
c() {
|
|
10294
10329
|
div = element("div");
|
|
10295
10330
|
if (switch_instance) create_component(switch_instance.$$.fragment);
|
|
10296
|
-
attr(div, "class", "codeElement svelte-
|
|
10331
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
|
10297
10332
|
attr(div, "style", /*style*/ ctx[3]);
|
|
10298
10333
|
},
|
|
10299
10334
|
m(target, anchor) {
|
|
@@ -10382,7 +10417,7 @@ class CodeElement extends SvelteComponent {
|
|
|
10382
10417
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10383
10418
|
|
|
10384
10419
|
function add_css$i(target) {
|
|
10385
|
-
append_styles(target, "svelte-
|
|
10420
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
10386
10421
|
}
|
|
10387
10422
|
|
|
10388
10423
|
function create_fragment$O(ctx) {
|
|
@@ -10396,7 +10431,7 @@ function create_fragment$O(ctx) {
|
|
|
10396
10431
|
c() {
|
|
10397
10432
|
div = element("div");
|
|
10398
10433
|
if (default_slot) default_slot.c();
|
|
10399
|
-
attr(div, "class", "flex svelte-
|
|
10434
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
|
10400
10435
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
|
10401
10436
|
},
|
|
10402
10437
|
m(target, anchor) {
|
|
@@ -10493,7 +10528,7 @@ class Flex extends SvelteComponent {
|
|
|
10493
10528
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
10494
10529
|
|
|
10495
10530
|
function add_css$h(target) {
|
|
10496
|
-
append_styles(target, "svelte-
|
|
10531
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
10497
10532
|
}
|
|
10498
10533
|
|
|
10499
10534
|
function create_fragment$N(ctx) {
|
|
@@ -10506,7 +10541,7 @@ function create_fragment$N(ctx) {
|
|
|
10506
10541
|
c() {
|
|
10507
10542
|
div = element("div");
|
|
10508
10543
|
if (default_slot) default_slot.c();
|
|
10509
|
-
attr(div, "class", "flex-item svelte-
|
|
10544
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
|
10510
10545
|
attr(div, "style", /*style*/ ctx[0]);
|
|
10511
10546
|
},
|
|
10512
10547
|
m(target, anchor) {
|
|
@@ -10914,7 +10949,7 @@ class GridModalState extends SvelteComponent {
|
|
|
10914
10949
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
10915
10950
|
|
|
10916
10951
|
function add_css$g(target) {
|
|
10917
|
-
append_styles(target, "svelte-
|
|
10952
|
+
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%}");
|
|
10918
10953
|
}
|
|
10919
10954
|
|
|
10920
10955
|
function create_fragment$L(ctx) {
|
|
@@ -10930,8 +10965,8 @@ function create_fragment$L(ctx) {
|
|
|
10930
10965
|
div1 = element("div");
|
|
10931
10966
|
div0 = element("div");
|
|
10932
10967
|
create_component(rendertext.$$.fragment);
|
|
10933
|
-
attr(div0, "class", "text-block-inner svelte-
|
|
10934
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
10968
|
+
attr(div0, "class", "text-block-inner svelte-15pej1m");
|
|
10969
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"));
|
|
10935
10970
|
attr(div1, "style", /*style*/ ctx[2]);
|
|
10936
10971
|
},
|
|
10937
10972
|
m(target, anchor) {
|
|
@@ -10945,7 +10980,7 @@ function create_fragment$L(ctx) {
|
|
|
10945
10980
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
|
10946
10981
|
rendertext.$set(rendertext_changes);
|
|
10947
10982
|
|
|
10948
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
|
10983
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-15pej1m"))) {
|
|
10949
10984
|
attr(div1, "class", div1_class_value);
|
|
10950
10985
|
}
|
|
10951
10986
|
|
|
@@ -11023,7 +11058,7 @@ class TextBlock extends SvelteComponent {
|
|
|
11023
11058
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
11024
11059
|
|
|
11025
11060
|
function add_css$f(target) {
|
|
11026
|
-
append_styles(target, "svelte-
|
|
11061
|
+
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)}");
|
|
11027
11062
|
}
|
|
11028
11063
|
|
|
11029
11064
|
function create_fragment$K(ctx) {
|
|
@@ -11040,9 +11075,9 @@ function create_fragment$K(ctx) {
|
|
|
11040
11075
|
div = element("div");
|
|
11041
11076
|
button = element("button");
|
|
11042
11077
|
create_component(rendertext.$$.fragment);
|
|
11043
|
-
attr(button, "class", "text-button svelte-
|
|
11078
|
+
attr(button, "class", "text-button svelte-ff0k6r");
|
|
11044
11079
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
|
11045
|
-
attr(div, "class", "text-button-block svelte-
|
|
11080
|
+
attr(div, "class", "text-button-block svelte-ff0k6r");
|
|
11046
11081
|
attr(div, "style", /*_style*/ ctx[2]);
|
|
11047
11082
|
},
|
|
11048
11083
|
m(target, anchor) {
|
|
@@ -11148,7 +11183,7 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11148
11183
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11149
11184
|
|
|
11150
11185
|
function add_css$e(target) {
|
|
11151
|
-
append_styles(target, "svelte-
|
|
11186
|
+
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)}");
|
|
11152
11187
|
}
|
|
11153
11188
|
|
|
11154
11189
|
function create_fragment$J(ctx) {
|
|
@@ -11164,14 +11199,14 @@ function create_fragment$J(ctx) {
|
|
|
11164
11199
|
c() {
|
|
11165
11200
|
div = element("div");
|
|
11166
11201
|
img = element("img");
|
|
11167
|
-
attr(img, "class", "image svelte-
|
|
11202
|
+
attr(img, "class", "image svelte-1pdw891");
|
|
11168
11203
|
attr(img, "loading", "lazy");
|
|
11169
11204
|
attr(img, "width", "auto");
|
|
11170
11205
|
attr(img, "height", "auto");
|
|
11171
11206
|
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
|
11172
11207
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
|
11173
11208
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11174
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11209
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"));
|
|
11175
11210
|
attr(div, "style", /*_style*/ ctx[5]);
|
|
11176
11211
|
},
|
|
11177
11212
|
m(target, anchor) {
|
|
@@ -11196,7 +11231,7 @@ function create_fragment$J(ctx) {
|
|
|
11196
11231
|
attr(img, "alt", /*alt*/ ctx[1]);
|
|
11197
11232
|
}
|
|
11198
11233
|
|
|
11199
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
|
11234
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1pdw891"))) {
|
|
11200
11235
|
attr(div, "class", div_class_value);
|
|
11201
11236
|
}
|
|
11202
11237
|
|
|
@@ -11287,6 +11322,23 @@ const ROUND_VARIANT = {
|
|
|
11287
11322
|
fulled: 'Full (100%)',
|
|
11288
11323
|
};
|
|
11289
11324
|
|
|
11325
|
+
const AVATAR_SIZE = {
|
|
11326
|
+
extra_small: 'XS（48 x 48）',
|
|
11327
|
+
small: 'S（64 x 64）',
|
|
11328
|
+
medium: 'M（88 x 88）',
|
|
11329
|
+
large: 'L（108 x 108）',
|
|
11330
|
+
extra_large: 'XL（128 x 128）',
|
|
11331
|
+
};
|
|
11332
|
+
const AVATAR_SHAPE = {
|
|
11333
|
+
circle: 'サークル',
|
|
11334
|
+
square: 'スクエア',
|
|
11335
|
+
rounded: 'ラウンド',
|
|
11336
|
+
};
|
|
11337
|
+
const avatarPropsDefault = {
|
|
11338
|
+
size: 'medium',
|
|
11339
|
+
shape: 'circle',
|
|
11340
|
+
};
|
|
11341
|
+
|
|
11290
11342
|
const toHyphenCase = (str) => {
|
|
11291
11343
|
let result = str.replace(/_/g, '-');
|
|
11292
11344
|
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
@@ -11452,13 +11504,36 @@ const useInjectCustomizeCss = (props) => {
|
|
|
11452
11504
|
});
|
|
11453
11505
|
};
|
|
11454
11506
|
|
|
11507
|
+
const AVATAR_SIZE_STYLES = {
|
|
11508
|
+
extra_small: {
|
|
11509
|
+
width: '48px',
|
|
11510
|
+
height: '48px',
|
|
11511
|
+
},
|
|
11512
|
+
small: {
|
|
11513
|
+
width: '64px',
|
|
11514
|
+
height: '64px',
|
|
11515
|
+
},
|
|
11516
|
+
medium: {
|
|
11517
|
+
width: '88px',
|
|
11518
|
+
height: '88px',
|
|
11519
|
+
},
|
|
11520
|
+
large: {
|
|
11521
|
+
width: '108px',
|
|
11522
|
+
height: '108px',
|
|
11523
|
+
},
|
|
11524
|
+
extra_large: {
|
|
11525
|
+
width: '128px',
|
|
11526
|
+
height: '128px',
|
|
11527
|
+
},
|
|
11528
|
+
};
|
|
11529
|
+
|
|
11455
11530
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
11456
11531
|
|
|
11457
11532
|
function add_css$d(target) {
|
|
11458
|
-
append_styles(target, "svelte-
|
|
11533
|
+
append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
|
|
11459
11534
|
}
|
|
11460
11535
|
|
|
11461
|
-
// (
|
|
11536
|
+
// (42:0) <svelte:element {...attributes} this={element} class="avatar" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
11462
11537
|
function create_dynamic_element$8(ctx) {
|
|
11463
11538
|
let svelte_element;
|
|
11464
11539
|
let img;
|
|
@@ -11485,7 +11560,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
11485
11560
|
svelte_element = element(/*element*/ ctx[5]);
|
|
11486
11561
|
img = element("img");
|
|
11487
11562
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
11488
|
-
attr(img, "class", "avatar-image svelte-
|
|
11563
|
+
attr(img, "class", "avatar-image svelte-1krsdyx");
|
|
11489
11564
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
11490
11565
|
attr(img, "style", /*imgStyle*/ ctx[2]);
|
|
11491
11566
|
|
|
@@ -11495,7 +11570,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
11495
11570
|
set_attributes(svelte_element, svelte_element_data);
|
|
11496
11571
|
}
|
|
11497
11572
|
|
|
11498
|
-
toggle_class(svelte_element, "svelte-
|
|
11573
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
|
11499
11574
|
},
|
|
11500
11575
|
m(target, anchor) {
|
|
11501
11576
|
insert(target, svelte_element, anchor);
|
|
@@ -11532,7 +11607,7 @@ function create_dynamic_element$8(ctx) {
|
|
|
11532
11607
|
set_attributes(svelte_element, svelte_element_data);
|
|
11533
11608
|
}
|
|
11534
11609
|
|
|
11535
|
-
toggle_class(svelte_element, "svelte-
|
|
11610
|
+
toggle_class(svelte_element, "svelte-1krsdyx", true);
|
|
11536
11611
|
},
|
|
11537
11612
|
d(detaching) {
|
|
11538
11613
|
if (detaching) detach(svelte_element);
|
|
@@ -11594,15 +11669,21 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
|
11594
11669
|
useInjectCustomizeCss(props);
|
|
11595
11670
|
const { attributes, element, handleClick } = useClickable(props);
|
|
11596
11671
|
|
|
11672
|
+
const avatarSizeStyle = !isNaN(Number(props.size))
|
|
11673
|
+
? {
|
|
11674
|
+
width: `${props.size}px`,
|
|
11675
|
+
height: `${props.size}px`
|
|
11676
|
+
}
|
|
11677
|
+
: AVATAR_SIZE_STYLES[props.size] || AVATAR_SIZE_STYLES[avatarPropsDefault.size];
|
|
11678
|
+
|
|
11597
11679
|
const VARIANTS = {
|
|
11598
11680
|
shape: {
|
|
11599
11681
|
circle: { borderRadius: '100%' },
|
|
11600
|
-
square: { borderRadius: '
|
|
11682
|
+
square: { borderRadius: '0.25em' },
|
|
11683
|
+
rounded: { borderRadius: '1em' }
|
|
11601
11684
|
}
|
|
11602
11685
|
};
|
|
11603
11686
|
|
|
11604
|
-
const size = props.size ?? 64;
|
|
11605
|
-
|
|
11606
11687
|
$$self.$$set = $$props => {
|
|
11607
11688
|
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
11608
11689
|
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
@@ -11611,9 +11692,9 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
|
11611
11692
|
$$self.$$.update = () => {
|
|
11612
11693
|
if ($$self.$$.dirty & /*props*/ 1) {
|
|
11613
11694
|
$$invalidate(3, style = objToStyle({
|
|
11614
|
-
width: `${size}px`,
|
|
11615
|
-
height: `${size}px`,
|
|
11616
11695
|
...VARIANTS.shape[props.shape ?? 'square'],
|
|
11696
|
+
width: props.width ?? avatarSizeStyle.width,
|
|
11697
|
+
height: props.height ?? avatarSizeStyle.height,
|
|
11617
11698
|
...toCssCommon(props),
|
|
11618
11699
|
...toCssBorder(props)
|
|
11619
11700
|
}));
|
|
@@ -11636,18 +11717,6 @@ class Avatar extends SvelteComponent {
|
|
|
11636
11717
|
}
|
|
11637
11718
|
}
|
|
11638
11719
|
|
|
11639
|
-
const AVATAR_SIZE = {
|
|
11640
|
-
extra_small: 'XS（48 x 48）',
|
|
11641
|
-
small: 'S（64 x 64）',
|
|
11642
|
-
medium: 'M（88 x 88）',
|
|
11643
|
-
large: 'L（108 x 108）',
|
|
11644
|
-
extra_large: 'XL（128 x 128）',
|
|
11645
|
-
};
|
|
11646
|
-
const AVATAR_SHAPE = {
|
|
11647
|
-
circle: 'サークル',
|
|
11648
|
-
square: 'スクエア',
|
|
11649
|
-
};
|
|
11650
|
-
|
|
11651
11720
|
const BUTTON_SIZE = {
|
|
11652
11721
|
extra_small: 'XSmall',
|
|
11653
11722
|
small: 'Small',
|
|
@@ -13335,7 +13404,7 @@ const ICON_VARIANTS = {
|
|
|
13335
13404
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
13336
13405
|
|
|
13337
13406
|
function add_css$c(target) {
|
|
13338
|
-
append_styles(target, "svelte-
|
|
13407
|
+
append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
|
|
13339
13408
|
}
|
|
13340
13409
|
|
|
13341
13410
|
// (24:0) <svelte:element {...attributes} this={element} class="icon" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -13383,7 +13452,7 @@ function create_dynamic_element$7(ctx) {
|
|
|
13383
13452
|
set_attributes(svelte_element, svelte_element_data);
|
|
13384
13453
|
}
|
|
13385
13454
|
|
|
13386
|
-
toggle_class(svelte_element, "svelte-
|
|
13455
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
|
13387
13456
|
},
|
|
13388
13457
|
m(target, anchor) {
|
|
13389
13458
|
insert(target, svelte_element, anchor);
|
|
@@ -13436,7 +13505,7 @@ function create_dynamic_element$7(ctx) {
|
|
|
13436
13505
|
set_attributes(svelte_element, svelte_element_data);
|
|
13437
13506
|
}
|
|
13438
13507
|
|
|
13439
|
-
toggle_class(svelte_element, "svelte-
|
|
13508
|
+
toggle_class(svelte_element, "svelte-19rssou", true);
|
|
13440
13509
|
},
|
|
13441
13510
|
i(local) {
|
|
13442
13511
|
if (current) return;
|
|
@@ -13549,39 +13618,43 @@ class Icon extends SvelteComponent {
|
|
|
13549
13618
|
}
|
|
13550
13619
|
}
|
|
13551
13620
|
|
|
13552
|
-
const
|
|
13553
|
-
|
|
13554
|
-
|
|
13555
|
-
|
|
13556
|
-
|
|
13557
|
-
},
|
|
13558
|
-
text_secondary: {
|
|
13559
|
-
main: '#555555',
|
|
13560
|
-
},
|
|
13561
|
-
brand: {
|
|
13562
|
-
main: '#33403e',
|
|
13563
|
-
},
|
|
13564
|
-
link: {
|
|
13565
|
-
main: '#1558d6',
|
|
13566
|
-
},
|
|
13567
|
-
danger: {
|
|
13568
|
-
main: '#f44336',
|
|
13569
|
-
},
|
|
13570
|
-
warning: {
|
|
13571
|
-
main: '#ffa726',
|
|
13572
|
-
},
|
|
13573
|
-
success: {
|
|
13574
|
-
main: '#10b981',
|
|
13575
|
-
},
|
|
13576
|
-
info: {
|
|
13577
|
-
main: '#29b6f6',
|
|
13578
|
-
},
|
|
13579
|
-
white: {
|
|
13580
|
-
main: '#FFFFFF',
|
|
13581
|
-
},
|
|
13582
|
-
},
|
|
13621
|
+
const getPropStyles = (callback) => {
|
|
13622
|
+
return (customBrandKit) => {
|
|
13623
|
+
const brandKit = getBrandKit(customBrandKit);
|
|
13624
|
+
return callback({ brandKit });
|
|
13625
|
+
};
|
|
13583
13626
|
};
|
|
13584
13627
|
|
|
13628
|
+
const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
13629
|
+
default: {
|
|
13630
|
+
backgroundColor: brandKit.color_brand,
|
|
13631
|
+
color: '#FFFFFF',
|
|
13632
|
+
},
|
|
13633
|
+
general: {
|
|
13634
|
+
backgroundColor: '#e8e8e8',
|
|
13635
|
+
color: 'rgba(0, 16, 14, 0.7)',
|
|
13636
|
+
},
|
|
13637
|
+
success: {
|
|
13638
|
+
backgroundColor: brandKit.color_success,
|
|
13639
|
+
color: '#ffffff',
|
|
13640
|
+
},
|
|
13641
|
+
warning: {
|
|
13642
|
+
backgroundColor: brandKit.color_warning,
|
|
13643
|
+
color: '#ffffff',
|
|
13644
|
+
},
|
|
13645
|
+
danger: {
|
|
13646
|
+
backgroundColor: brandKit.color_danger,
|
|
13647
|
+
color: '#FFFFFF',
|
|
13648
|
+
},
|
|
13649
|
+
info: {
|
|
13650
|
+
backgroundColor: brandKit.color_info,
|
|
13651
|
+
color: '#FFFFFF',
|
|
13652
|
+
},
|
|
13653
|
+
white: {
|
|
13654
|
+
backgroundColor: '#FFFFFF',
|
|
13655
|
+
color: brandKit.color_text_primary,
|
|
13656
|
+
},
|
|
13657
|
+
}));
|
|
13585
13658
|
const BUTTON_SIZE_STYLES = {
|
|
13586
13659
|
extra_small: {
|
|
13587
13660
|
height: '32px',
|
|
@@ -13614,35 +13687,37 @@ const BUTTON_SIZE_STYLES = {
|
|
|
13614
13687
|
fontSize: '16px',
|
|
13615
13688
|
},
|
|
13616
13689
|
};
|
|
13617
|
-
const BUTTON_THEME_STYLES = {
|
|
13618
|
-
|
|
13619
|
-
|
|
13620
|
-
|
|
13621
|
-
|
|
13622
|
-
|
|
13623
|
-
|
|
13624
|
-
|
|
13625
|
-
|
|
13626
|
-
|
|
13627
|
-
|
|
13628
|
-
|
|
13629
|
-
|
|
13630
|
-
|
|
13631
|
-
|
|
13632
|
-
|
|
13633
|
-
|
|
13634
|
-
|
|
13635
|
-
|
|
13636
|
-
|
|
13637
|
-
|
|
13638
|
-
|
|
13639
|
-
|
|
13640
|
-
|
|
13641
|
-
|
|
13642
|
-
|
|
13643
|
-
|
|
13644
|
-
|
|
13645
|
-
|
|
13690
|
+
const BUTTON_THEME_STYLES = () => {
|
|
13691
|
+
return {
|
|
13692
|
+
default: {
|
|
13693
|
+
backgroundColor: getBrandKit().color_brand,
|
|
13694
|
+
color: '#FFFFFF',
|
|
13695
|
+
},
|
|
13696
|
+
general: {
|
|
13697
|
+
backgroundColor: '#e8e8e8',
|
|
13698
|
+
color: 'rgba(0, 16, 14, 0.7)',
|
|
13699
|
+
},
|
|
13700
|
+
success: {
|
|
13701
|
+
backgroundColor: getBrandKit().color_success,
|
|
13702
|
+
color: '#ffffff',
|
|
13703
|
+
},
|
|
13704
|
+
warning: {
|
|
13705
|
+
backgroundColor: getBrandKit().color_warning,
|
|
13706
|
+
color: '#ffffff',
|
|
13707
|
+
},
|
|
13708
|
+
danger: {
|
|
13709
|
+
backgroundColor: getBrandKit().color_danger,
|
|
13710
|
+
color: '#FFFFFF',
|
|
13711
|
+
},
|
|
13712
|
+
info: {
|
|
13713
|
+
backgroundColor: getBrandKit().color_info,
|
|
13714
|
+
color: '#FFFFFF',
|
|
13715
|
+
},
|
|
13716
|
+
white: {
|
|
13717
|
+
backgroundColor: '#FFFFFF',
|
|
13718
|
+
color: getBrandKit().color_text_primary,
|
|
13719
|
+
},
|
|
13720
|
+
};
|
|
13646
13721
|
};
|
|
13647
13722
|
const BUTTON_ROUND_STYLES = {
|
|
13648
13723
|
none: {
|
|
@@ -13713,10 +13788,10 @@ function darkenColor(color, percent) {
|
|
|
13713
13788
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
|
13714
13789
|
|
|
13715
13790
|
function add_css$b(target) {
|
|
13716
|
-
append_styles(target, "svelte-
|
|
13791
|
+
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}");
|
|
13717
13792
|
}
|
|
13718
13793
|
|
|
13719
|
-
// (
|
|
13794
|
+
// (52:2) {#if props.isIcon && props.iconVariant}
|
|
13720
13795
|
function create_if_block$6(ctx) {
|
|
13721
13796
|
let div;
|
|
13722
13797
|
let icon;
|
|
@@ -13737,7 +13812,7 @@ function create_if_block$6(ctx) {
|
|
|
13737
13812
|
c() {
|
|
13738
13813
|
div = element("div");
|
|
13739
13814
|
create_component(icon.$$.fragment);
|
|
13740
|
-
attr(div, "class", "button-icon svelte-
|
|
13815
|
+
attr(div, "class", "button-icon svelte-1ix4ul");
|
|
13741
13816
|
},
|
|
13742
13817
|
m(target, anchor) {
|
|
13743
13818
|
insert(target, div, anchor);
|
|
@@ -13772,7 +13847,7 @@ function create_if_block$6(ctx) {
|
|
|
13772
13847
|
};
|
|
13773
13848
|
}
|
|
13774
13849
|
|
|
13775
|
-
// (
|
|
13850
|
+
// (44:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
13776
13851
|
function create_dynamic_element$6(ctx) {
|
|
13777
13852
|
let svelte_element;
|
|
13778
13853
|
let t0;
|
|
@@ -13804,7 +13879,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
13804
13879
|
t0 = space();
|
|
13805
13880
|
span = element("span");
|
|
13806
13881
|
t1 = text(t1_value);
|
|
13807
|
-
attr(span, "class", "button-label svelte-
|
|
13882
|
+
attr(span, "class", "button-label svelte-1ix4ul");
|
|
13808
13883
|
|
|
13809
13884
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
13810
13885
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -13812,7 +13887,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
13812
13887
|
set_attributes(svelte_element, svelte_element_data);
|
|
13813
13888
|
}
|
|
13814
13889
|
|
|
13815
|
-
toggle_class(svelte_element, "svelte-
|
|
13890
|
+
toggle_class(svelte_element, "svelte-1ix4ul", true);
|
|
13816
13891
|
},
|
|
13817
13892
|
m(target, anchor) {
|
|
13818
13893
|
insert(target, svelte_element, anchor);
|
|
@@ -13866,7 +13941,7 @@ function create_dynamic_element$6(ctx) {
|
|
|
13866
13941
|
set_attributes(svelte_element, svelte_element_data);
|
|
13867
13942
|
}
|
|
13868
13943
|
|
|
13869
|
-
toggle_class(svelte_element, "svelte-
|
|
13944
|
+
toggle_class(svelte_element, "svelte-1ix4ul", true);
|
|
13870
13945
|
},
|
|
13871
13946
|
i(local) {
|
|
13872
13947
|
if (current) return;
|
|
@@ -13939,7 +14014,9 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
|
13939
14014
|
let { layerId = '' } = $$props;
|
|
13940
14015
|
useInjectCustomizeCss(props);
|
|
13941
14016
|
const { attributes, element, handleClick } = useClickable(props);
|
|
13942
|
-
const
|
|
14017
|
+
const { brandKit } = useBrandKit();
|
|
14018
|
+
const buttonThemeStyles = getButtonThemeStyles(brandKit);
|
|
14019
|
+
const buttonThemeStyle = buttonThemeStyles[props.theme] || buttonThemeStyles[buttonPropsDefault.theme];
|
|
13943
14020
|
const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
|
|
13944
14021
|
|
|
13945
14022
|
$$self.$$set = $$props => {
|
|
@@ -14037,35 +14114,35 @@ const BUTTON_OUTLINED_SIZE_STYLES = {
|
|
|
14037
14114
|
fontSize: '16px',
|
|
14038
14115
|
},
|
|
14039
14116
|
};
|
|
14040
|
-
const
|
|
14117
|
+
const getButtonOutlinedThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
14041
14118
|
default: {
|
|
14042
|
-
color:
|
|
14043
|
-
borderColor:
|
|
14119
|
+
color: brandKit.color_brand,
|
|
14120
|
+
borderColor: brandKit.color_brand,
|
|
14044
14121
|
backgroundColor: '#FFFFFF',
|
|
14045
14122
|
},
|
|
14046
14123
|
general: {
|
|
14047
|
-
color:
|
|
14048
|
-
borderColor:
|
|
14124
|
+
color: brandKit.color_text_secondary,
|
|
14125
|
+
borderColor: brandKit.color_text_secondary,
|
|
14049
14126
|
backgroundColor: '#FFFFFF',
|
|
14050
14127
|
},
|
|
14051
14128
|
success: {
|
|
14052
|
-
color:
|
|
14053
|
-
borderColor:
|
|
14129
|
+
color: brandKit.color_success,
|
|
14130
|
+
borderColor: brandKit.color_success,
|
|
14054
14131
|
backgroundColor: '#FFFFFF',
|
|
14055
14132
|
},
|
|
14056
14133
|
warning: {
|
|
14057
|
-
color:
|
|
14058
|
-
borderColor:
|
|
14134
|
+
color: brandKit.color_warning,
|
|
14135
|
+
borderColor: brandKit.color_warning,
|
|
14059
14136
|
backgroundColor: '#FFFFFF',
|
|
14060
14137
|
},
|
|
14061
14138
|
danger: {
|
|
14062
|
-
color:
|
|
14063
|
-
borderColor:
|
|
14139
|
+
color: brandKit.color_danger,
|
|
14140
|
+
borderColor: brandKit.color_danger,
|
|
14064
14141
|
backgroundColor: '#FFFFFF',
|
|
14065
14142
|
},
|
|
14066
14143
|
info: {
|
|
14067
|
-
color:
|
|
14068
|
-
borderColor:
|
|
14144
|
+
color: brandKit.color_info,
|
|
14145
|
+
borderColor: brandKit.color_info,
|
|
14069
14146
|
backgroundColor: '#FFFFFF',
|
|
14070
14147
|
},
|
|
14071
14148
|
white: {
|
|
@@ -14073,7 +14150,7 @@ const BUTTON_OUTLINED_THEME_STYLES = {
|
|
|
14073
14150
|
borderColor: '#FFFFFF',
|
|
14074
14151
|
backgroundColor: '#000000',
|
|
14075
14152
|
},
|
|
14076
|
-
};
|
|
14153
|
+
}));
|
|
14077
14154
|
const BUTTON_OUTLINED_ROUND_STYLES = {
|
|
14078
14155
|
none: {
|
|
14079
14156
|
borderRadius: 0,
|
|
@@ -14097,10 +14174,10 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
|
14097
14174
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
|
14098
14175
|
|
|
14099
14176
|
function add_css$a(target) {
|
|
14100
|
-
append_styles(target, "svelte-
|
|
14177
|
+
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}");
|
|
14101
14178
|
}
|
|
14102
14179
|
|
|
14103
|
-
// (
|
|
14180
|
+
// (53:2) {#if props.isIcon && props.iconVariant}
|
|
14104
14181
|
function create_if_block$5(ctx) {
|
|
14105
14182
|
let div;
|
|
14106
14183
|
let icon;
|
|
@@ -14121,7 +14198,7 @@ function create_if_block$5(ctx) {
|
|
|
14121
14198
|
c() {
|
|
14122
14199
|
div = element("div");
|
|
14123
14200
|
create_component(icon.$$.fragment);
|
|
14124
|
-
attr(div, "class", "button-outlined-icon svelte-
|
|
14201
|
+
attr(div, "class", "button-outlined-icon svelte-38fju1");
|
|
14125
14202
|
},
|
|
14126
14203
|
m(target, anchor) {
|
|
14127
14204
|
insert(target, div, anchor);
|
|
@@ -14156,7 +14233,7 @@ function create_if_block$5(ctx) {
|
|
|
14156
14233
|
};
|
|
14157
14234
|
}
|
|
14158
14235
|
|
|
14159
|
-
// (
|
|
14236
|
+
// (45:0) <svelte:element {...attributes} this={element} class="button-outlined" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
14160
14237
|
function create_dynamic_element$5(ctx) {
|
|
14161
14238
|
let svelte_element;
|
|
14162
14239
|
let t0;
|
|
@@ -14188,7 +14265,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
14188
14265
|
t0 = space();
|
|
14189
14266
|
span = element("span");
|
|
14190
14267
|
t1 = text(t1_value);
|
|
14191
|
-
attr(span, "class", "button-outlined-label svelte-
|
|
14268
|
+
attr(span, "class", "button-outlined-label svelte-38fju1");
|
|
14192
14269
|
|
|
14193
14270
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
14194
14271
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -14196,7 +14273,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
14196
14273
|
set_attributes(svelte_element, svelte_element_data);
|
|
14197
14274
|
}
|
|
14198
14275
|
|
|
14199
|
-
toggle_class(svelte_element, "svelte-
|
|
14276
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
|
14200
14277
|
},
|
|
14201
14278
|
m(target, anchor) {
|
|
14202
14279
|
insert(target, svelte_element, anchor);
|
|
@@ -14250,7 +14327,7 @@ function create_dynamic_element$5(ctx) {
|
|
|
14250
14327
|
set_attributes(svelte_element, svelte_element_data);
|
|
14251
14328
|
}
|
|
14252
14329
|
|
|
14253
|
-
toggle_class(svelte_element, "svelte-
|
|
14330
|
+
toggle_class(svelte_element, "svelte-38fju1", true);
|
|
14254
14331
|
},
|
|
14255
14332
|
i(local) {
|
|
14256
14333
|
if (current) return;
|
|
@@ -14322,8 +14399,10 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
|
14322
14399
|
let { props = {} } = $$props;
|
|
14323
14400
|
let { layerId = '' } = $$props;
|
|
14324
14401
|
useInjectCustomizeCss(props);
|
|
14402
|
+
const { brandKit } = useBrandKit();
|
|
14325
14403
|
const { attributes, element, handleClick } = useClickable(props);
|
|
14326
|
-
const
|
|
14404
|
+
const buttonThemeStyles = getButtonOutlinedThemeStyles(brandKit);
|
|
14405
|
+
const buttonThemeStyle = buttonThemeStyles[props.theme ?? buttonOutlinedPropsDefault.theme];
|
|
14327
14406
|
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props.size ?? buttonOutlinedPropsDefault.size];
|
|
14328
14407
|
|
|
14329
14408
|
$$self.$$set = $$props => {
|
|
@@ -14401,48 +14480,48 @@ const BUTTON_TEXT_SIZE_STYLES = {
|
|
|
14401
14480
|
fontSize: '16px',
|
|
14402
14481
|
},
|
|
14403
14482
|
};
|
|
14404
|
-
const
|
|
14483
|
+
const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
14405
14484
|
default: {
|
|
14406
14485
|
backgroundColor: '#f3f4f6',
|
|
14407
|
-
color:
|
|
14486
|
+
color: brandKit.color_brand,
|
|
14408
14487
|
},
|
|
14409
14488
|
link: {
|
|
14410
14489
|
backgroundColor: '#f3f4f6',
|
|
14411
|
-
color:
|
|
14490
|
+
color: brandKit.color_link,
|
|
14412
14491
|
},
|
|
14413
14492
|
general: {
|
|
14414
14493
|
backgroundColor: '#f3f4f6',
|
|
14415
|
-
color:
|
|
14494
|
+
color: brandKit.color_text_primary,
|
|
14416
14495
|
},
|
|
14417
14496
|
success: {
|
|
14418
14497
|
backgroundColor: '#f3f4f6',
|
|
14419
|
-
color:
|
|
14498
|
+
color: brandKit.color_success,
|
|
14420
14499
|
},
|
|
14421
14500
|
warning: {
|
|
14422
14501
|
backgroundColor: '#f3f4f6',
|
|
14423
|
-
color:
|
|
14502
|
+
color: brandKit.color_warning,
|
|
14424
14503
|
},
|
|
14425
14504
|
danger: {
|
|
14426
14505
|
backgroundColor: '#f3f4f6',
|
|
14427
|
-
color:
|
|
14506
|
+
color: brandKit.color_danger,
|
|
14428
14507
|
},
|
|
14429
14508
|
info: {
|
|
14430
14509
|
backgroundColor: '#f3f4f6',
|
|
14431
|
-
color:
|
|
14510
|
+
color: brandKit.color_info,
|
|
14432
14511
|
},
|
|
14433
14512
|
white: {
|
|
14434
14513
|
backgroundColor: '#f3f4f6',
|
|
14435
|
-
color:
|
|
14514
|
+
color: brandKit.color_white,
|
|
14436
14515
|
},
|
|
14437
|
-
};
|
|
14516
|
+
}));
|
|
14438
14517
|
|
|
14439
14518
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
|
14440
14519
|
|
|
14441
14520
|
function add_css$9(target) {
|
|
14442
|
-
append_styles(target, "svelte-
|
|
14521
|
+
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}");
|
|
14443
14522
|
}
|
|
14444
14523
|
|
|
14445
|
-
// (
|
|
14524
|
+
// (49:2) {#if props.isIcon && props.iconVariant}
|
|
14446
14525
|
function create_if_block$4(ctx) {
|
|
14447
14526
|
let div;
|
|
14448
14527
|
let icon;
|
|
@@ -14463,7 +14542,7 @@ function create_if_block$4(ctx) {
|
|
|
14463
14542
|
c() {
|
|
14464
14543
|
div = element("div");
|
|
14465
14544
|
create_component(icon.$$.fragment);
|
|
14466
|
-
attr(div, "class", "button-text-icon svelte-
|
|
14545
|
+
attr(div, "class", "button-text-icon svelte-1xgvp8r");
|
|
14467
14546
|
},
|
|
14468
14547
|
m(target, anchor) {
|
|
14469
14548
|
insert(target, div, anchor);
|
|
@@ -14498,7 +14577,7 @@ function create_if_block$4(ctx) {
|
|
|
14498
14577
|
};
|
|
14499
14578
|
}
|
|
14500
14579
|
|
|
14501
|
-
// (
|
|
14580
|
+
// (41:0) <svelte:element {...attributes} this={element} class="button-text" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
14502
14581
|
function create_dynamic_element$4(ctx) {
|
|
14503
14582
|
let svelte_element;
|
|
14504
14583
|
let t0;
|
|
@@ -14530,7 +14609,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
14530
14609
|
t0 = space();
|
|
14531
14610
|
span = element("span");
|
|
14532
14611
|
t1 = text(t1_value);
|
|
14533
|
-
attr(span, "class", "button-text-label svelte-
|
|
14612
|
+
attr(span, "class", "button-text-label svelte-1xgvp8r");
|
|
14534
14613
|
|
|
14535
14614
|
if ((/-/).test(/*element*/ ctx[4])) {
|
|
14536
14615
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -14538,7 +14617,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
14538
14617
|
set_attributes(svelte_element, svelte_element_data);
|
|
14539
14618
|
}
|
|
14540
14619
|
|
|
14541
|
-
toggle_class(svelte_element, "svelte-
|
|
14620
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
|
14542
14621
|
},
|
|
14543
14622
|
m(target, anchor) {
|
|
14544
14623
|
insert(target, svelte_element, anchor);
|
|
@@ -14592,7 +14671,7 @@ function create_dynamic_element$4(ctx) {
|
|
|
14592
14671
|
set_attributes(svelte_element, svelte_element_data);
|
|
14593
14672
|
}
|
|
14594
14673
|
|
|
14595
|
-
toggle_class(svelte_element, "svelte-
|
|
14674
|
+
toggle_class(svelte_element, "svelte-1xgvp8r", true);
|
|
14596
14675
|
},
|
|
14597
14676
|
i(local) {
|
|
14598
14677
|
if (current) return;
|
|
@@ -14664,8 +14743,10 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
|
14664
14743
|
let { props = {} } = $$props;
|
|
14665
14744
|
let { layerId = '' } = $$props;
|
|
14666
14745
|
useInjectCustomizeCss(props);
|
|
14746
|
+
const { brandKit } = useBrandKit();
|
|
14667
14747
|
const { attributes, element, handleClick } = useClickable(props);
|
|
14668
|
-
const
|
|
14748
|
+
const themeStyles = getButtonTextThemeStyles(brandKit);
|
|
14749
|
+
const buttonThemeStyle = themeStyles[props.theme ?? 'default'];
|
|
14669
14750
|
const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props.size ?? 'medium'];
|
|
14670
14751
|
|
|
14671
14752
|
$$self.$$set = $$props => {
|
|
@@ -14754,7 +14835,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
|
14754
14835
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
14755
14836
|
|
|
14756
14837
|
function add_css$8(target) {
|
|
14757
|
-
append_styles(target, "svelte-
|
|
14838
|
+
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}");
|
|
14758
14839
|
}
|
|
14759
14840
|
|
|
14760
14841
|
// (91:2) {#if hasLabel}
|
|
@@ -14770,7 +14851,7 @@ function create_if_block$3(ctx) {
|
|
|
14770
14851
|
|
|
14771
14852
|
attr(span, "class", "close-button-label " + (/*isLeftLabelPlacement*/ ctx[10]
|
|
14772
14853
|
? 'close-button-order-one'
|
|
14773
|
-
: '') + " svelte-
|
|
14854
|
+
: '') + " svelte-3mvsv6");
|
|
14774
14855
|
},
|
|
14775
14856
|
m(target, anchor) {
|
|
14776
14857
|
insert(target, span, anchor);
|
|
@@ -14830,7 +14911,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
14830
14911
|
set_style(svg, "width", "100%");
|
|
14831
14912
|
set_style(svg, "height", "100%");
|
|
14832
14913
|
attr(svg, "fill", /*color*/ ctx[8]);
|
|
14833
|
-
attr(svg, "class", "svelte-
|
|
14914
|
+
attr(svg, "class", "svelte-3mvsv6");
|
|
14834
14915
|
attr(span, "style", /*iconStyle*/ ctx[1]);
|
|
14835
14916
|
|
|
14836
14917
|
if ((/-/).test(/*element*/ ctx[6])) {
|
|
@@ -14839,7 +14920,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
14839
14920
|
set_attributes(svelte_element, svelte_element_data);
|
|
14840
14921
|
}
|
|
14841
14922
|
|
|
14842
|
-
toggle_class(svelte_element, "svelte-
|
|
14923
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
|
14843
14924
|
},
|
|
14844
14925
|
m(target, anchor) {
|
|
14845
14926
|
insert(target, svelte_element, anchor);
|
|
@@ -14885,7 +14966,7 @@ function create_dynamic_element$3(ctx) {
|
|
|
14885
14966
|
set_attributes(svelte_element, svelte_element_data);
|
|
14886
14967
|
}
|
|
14887
14968
|
|
|
14888
|
-
toggle_class(svelte_element, "svelte-
|
|
14969
|
+
toggle_class(svelte_element, "svelte-3mvsv6", true);
|
|
14889
14970
|
},
|
|
14890
14971
|
d(detaching) {
|
|
14891
14972
|
if (detaching) detach(svelte_element);
|
|
@@ -15085,7 +15166,7 @@ const ICON_SIZE_STYLES = {
|
|
|
15085
15166
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
|
15086
15167
|
|
|
15087
15168
|
function add_css$7(target) {
|
|
15088
|
-
append_styles(target, "svelte-
|
|
15169
|
+
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}");
|
|
15089
15170
|
}
|
|
15090
15171
|
|
|
15091
15172
|
// (19:0) <svelte:element this={element} {...attributes} class="image" {style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -15118,9 +15199,9 @@ function create_dynamic_element$2(ctx) {
|
|
|
15118
15199
|
img = element("img");
|
|
15119
15200
|
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
15120
15201
|
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
15121
|
-
attr(img, "class", "image-img svelte-
|
|
15202
|
+
attr(img, "class", "image-img svelte-10a9nyt");
|
|
15122
15203
|
attr(object, "style", /*objectStyle*/ ctx[2]);
|
|
15123
|
-
attr(object, "class", "image-object svelte-
|
|
15204
|
+
attr(object, "class", "image-object svelte-10a9nyt");
|
|
15124
15205
|
|
|
15125
15206
|
if ((/-/).test(/*element*/ ctx[5])) {
|
|
15126
15207
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
|
@@ -15128,7 +15209,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
15128
15209
|
set_attributes(svelte_element, svelte_element_data);
|
|
15129
15210
|
}
|
|
15130
15211
|
|
|
15131
|
-
toggle_class(svelte_element, "svelte-
|
|
15212
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
|
15132
15213
|
},
|
|
15133
15214
|
m(target, anchor) {
|
|
15134
15215
|
insert(target, svelte_element, anchor);
|
|
@@ -15166,7 +15247,7 @@ function create_dynamic_element$2(ctx) {
|
|
|
15166
15247
|
set_attributes(svelte_element, svelte_element_data);
|
|
15167
15248
|
}
|
|
15168
15249
|
|
|
15169
|
-
toggle_class(svelte_element, "svelte-
|
|
15250
|
+
toggle_class(svelte_element, "svelte-10a9nyt", true);
|
|
15170
15251
|
},
|
|
15171
15252
|
d(detaching) {
|
|
15172
15253
|
if (detaching) detach(svelte_element);
|
|
@@ -15260,7 +15341,7 @@ class Image extends SvelteComponent {
|
|
|
15260
15341
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
15261
15342
|
|
|
15262
15343
|
function add_css$6(target) {
|
|
15263
|
-
append_styles(target, "svelte-
|
|
15344
|
+
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}");
|
|
15264
15345
|
}
|
|
15265
15346
|
|
|
15266
15347
|
// (28:0) <svelte:element {...attributes} this="div" class="layout" style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
@@ -15296,7 +15377,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
15296
15377
|
set_attributes(svelte_element, svelte_element_data);
|
|
15297
15378
|
}
|
|
15298
15379
|
|
|
15299
|
-
toggle_class(svelte_element, "svelte-
|
|
15380
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
15300
15381
|
},
|
|
15301
15382
|
m(target, anchor) {
|
|
15302
15383
|
insert(target, svelte_element, anchor);
|
|
@@ -15341,7 +15422,7 @@ function create_dynamic_element$1(ctx) {
|
|
|
15341
15422
|
set_attributes(svelte_element, svelte_element_data);
|
|
15342
15423
|
}
|
|
15343
15424
|
|
|
15344
|
-
toggle_class(svelte_element, "svelte-
|
|
15425
|
+
toggle_class(svelte_element, "svelte-139vx15", true);
|
|
15345
15426
|
},
|
|
15346
15427
|
i(local) {
|
|
15347
15428
|
if (current) return;
|
|
@@ -15465,7 +15546,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
|
15465
15546
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
|
15466
15547
|
|
|
15467
15548
|
function add_css$5(target) {
|
|
15468
|
-
append_styles(target, "svelte-
|
|
15549
|
+
append_styles(target, "svelte-17ij7ip", ".container.svelte-17ij7ip{-webkit-user-drag:none}");
|
|
15469
15550
|
}
|
|
15470
15551
|
|
|
15471
15552
|
function get_each_context(ctx, list, i) {
|
|
@@ -15567,7 +15648,7 @@ function create_fragment$5(ctx) {
|
|
|
15567
15648
|
each_blocks[i].c();
|
|
15568
15649
|
}
|
|
15569
15650
|
|
|
15570
|
-
attr(div0, "class", "container svelte-
|
|
15651
|
+
attr(div0, "class", "container svelte-17ij7ip");
|
|
15571
15652
|
attr(div0, "style", div0_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
|
|
15572
15653
|
attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
|
|
15573
15654
|
attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
|
|
@@ -15888,32 +15969,32 @@ class Slider extends SvelteComponent {
|
|
|
15888
15969
|
}
|
|
15889
15970
|
}
|
|
15890
15971
|
|
|
15891
|
-
const
|
|
15972
|
+
const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
15892
15973
|
default: {
|
|
15893
|
-
color:
|
|
15974
|
+
color: brandKit.color_text_primary,
|
|
15894
15975
|
},
|
|
15895
15976
|
gray: {
|
|
15896
|
-
color:
|
|
15977
|
+
color: brandKit.color_text_secondary,
|
|
15897
15978
|
},
|
|
15898
15979
|
brand: {
|
|
15899
|
-
color:
|
|
15980
|
+
color: brandKit.color_brand,
|
|
15900
15981
|
},
|
|
15901
15982
|
success: {
|
|
15902
|
-
color:
|
|
15983
|
+
color: brandKit.color_success,
|
|
15903
15984
|
},
|
|
15904
15985
|
warning: {
|
|
15905
|
-
color:
|
|
15986
|
+
color: brandKit.color_warning,
|
|
15906
15987
|
},
|
|
15907
15988
|
danger: {
|
|
15908
|
-
color:
|
|
15989
|
+
color: brandKit.color_danger,
|
|
15909
15990
|
},
|
|
15910
15991
|
info: {
|
|
15911
|
-
color:
|
|
15992
|
+
color: brandKit.color_info,
|
|
15912
15993
|
},
|
|
15913
15994
|
white: {
|
|
15914
|
-
color:
|
|
15995
|
+
color: brandKit.color_white,
|
|
15915
15996
|
},
|
|
15916
|
-
};
|
|
15997
|
+
}));
|
|
15917
15998
|
|
|
15918
15999
|
const TEXT_VARIANTS = {
|
|
15919
16000
|
size: {
|
|
@@ -15973,7 +16054,7 @@ const TEXT_VARIANTS = {
|
|
|
15973
16054
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
|
15974
16055
|
|
|
15975
16056
|
function add_css$4(target) {
|
|
15976
|
-
append_styles(target, "svelte-
|
|
16057
|
+
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
|
15977
16058
|
}
|
|
15978
16059
|
|
|
15979
16060
|
function create_fragment$4(ctx) {
|
|
@@ -15982,7 +16063,7 @@ function create_fragment$4(ctx) {
|
|
|
15982
16063
|
return {
|
|
15983
16064
|
c() {
|
|
15984
16065
|
p = element("p");
|
|
15985
|
-
attr(p, "class", "text svelte-
|
|
16066
|
+
attr(p, "class", "text svelte-vifn7y");
|
|
15986
16067
|
attr(p, "style", /*style*/ ctx[1]);
|
|
15987
16068
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
15988
16069
|
},
|
|
@@ -16014,6 +16095,8 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
16014
16095
|
let { props = { content: '' } } = $$props;
|
|
16015
16096
|
let { layerId = '' } = $$props;
|
|
16016
16097
|
useInjectCustomizeCss(props);
|
|
16098
|
+
const { brandKit } = useBrandKit();
|
|
16099
|
+
const themeStyles = getTextThemeStyles(brandKit);
|
|
16017
16100
|
|
|
16018
16101
|
if (props.fontFamily) {
|
|
16019
16102
|
addFont(props.fontFamily);
|
|
@@ -16021,7 +16104,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
16021
16104
|
|
|
16022
16105
|
const getColor = () => {
|
|
16023
16106
|
if (props.color) return props.color;
|
|
16024
|
-
if (props.theme) return
|
|
16107
|
+
if (props.theme) return themeStyles[props.theme].color;
|
|
16025
16108
|
return undefined;
|
|
16026
16109
|
};
|
|
16027
16110
|
|
|
@@ -16129,34 +16212,34 @@ const TEXT_LINK_SIZE_STYLES = {
|
|
|
16129
16212
|
fontSize: '16px',
|
|
16130
16213
|
},
|
|
16131
16214
|
};
|
|
16132
|
-
const
|
|
16215
|
+
const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
16133
16216
|
default: {
|
|
16134
|
-
color:
|
|
16217
|
+
color: brandKit.color_text_primary,
|
|
16135
16218
|
},
|
|
16136
16219
|
link: {
|
|
16137
|
-
color:
|
|
16220
|
+
color: brandKit.color_link,
|
|
16138
16221
|
},
|
|
16139
16222
|
brand: {
|
|
16140
|
-
color:
|
|
16223
|
+
color: brandKit.color_brand,
|
|
16141
16224
|
},
|
|
16142
16225
|
alert: {
|
|
16143
|
-
color:
|
|
16226
|
+
color: brandKit.color_danger,
|
|
16144
16227
|
},
|
|
16145
16228
|
gray: {
|
|
16146
|
-
color:
|
|
16229
|
+
color: brandKit.color_text_secondary,
|
|
16147
16230
|
},
|
|
16148
16231
|
white: {
|
|
16149
|
-
color:
|
|
16232
|
+
color: brandKit.color_white,
|
|
16150
16233
|
},
|
|
16151
|
-
};
|
|
16234
|
+
}));
|
|
16152
16235
|
|
|
16153
16236
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
|
16154
16237
|
|
|
16155
16238
|
function add_css$3(target) {
|
|
16156
|
-
append_styles(target, "svelte-
|
|
16239
|
+
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}");
|
|
16157
16240
|
}
|
|
16158
16241
|
|
|
16159
|
-
// (
|
|
16242
|
+
// (71:2) {#if props.isIcon && props.iconVariant}
|
|
16160
16243
|
function create_if_block$2(ctx) {
|
|
16161
16244
|
let icon;
|
|
16162
16245
|
let current;
|
|
@@ -16207,7 +16290,7 @@ function create_if_block$2(ctx) {
|
|
|
16207
16290
|
};
|
|
16208
16291
|
}
|
|
16209
16292
|
|
|
16210
|
-
// (
|
|
16293
|
+
// (63:0) <svelte:element {...attributes} this={element} class={`link ${underlineClass}`} style={style} data-layer-id={layerId} on:click={handleClick} >
|
|
16211
16294
|
function create_dynamic_element(ctx) {
|
|
16212
16295
|
let svelte_element;
|
|
16213
16296
|
let t;
|
|
@@ -16246,7 +16329,7 @@ function create_dynamic_element(ctx) {
|
|
|
16246
16329
|
set_attributes(svelte_element, svelte_element_data);
|
|
16247
16330
|
}
|
|
16248
16331
|
|
|
16249
|
-
toggle_class(svelte_element, "svelte-
|
|
16332
|
+
toggle_class(svelte_element, "svelte-1y4hh01", true);
|
|
16250
16333
|
},
|
|
16251
16334
|
m(target, anchor) {
|
|
16252
16335
|
insert(target, svelte_element, anchor);
|
|
@@ -16299,7 +16382,7 @@ function create_dynamic_element(ctx) {
|
|
|
16299
16382
|
set_attributes(svelte_element, svelte_element_data);
|
|
16300
16383
|
}
|
|
16301
16384
|
|
|
16302
|
-
toggle_class(svelte_element, "svelte-
|
|
16385
|
+
toggle_class(svelte_element, "svelte-1y4hh01", true);
|
|
16303
16386
|
},
|
|
16304
16387
|
i(local) {
|
|
16305
16388
|
if (current) return;
|
|
@@ -16372,8 +16455,10 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
|
16372
16455
|
let { props = { label: '' } } = $$props;
|
|
16373
16456
|
let { layerId = '' } = $$props;
|
|
16374
16457
|
useInjectCustomizeCss(props);
|
|
16458
|
+
const { brandKit } = useBrandKit();
|
|
16375
16459
|
const { attributes, element, handleClick } = useClickable({ ...props, element: 'span' });
|
|
16376
|
-
const
|
|
16460
|
+
const themeStyles = getTextLinkThemeStyles(brandKit);
|
|
16461
|
+
const themeStyle = themeStyles[props.theme ?? 'link'];
|
|
16377
16462
|
const sizeStyle = TEXT_LINK_SIZE_STYLES[props.size ?? 'medium'];
|
|
16378
16463
|
|
|
16379
16464
|
const underlineClass = (() => {
|
|
@@ -16469,7 +16554,7 @@ const TEXT_LINK_UNDERLINE = {
|
|
|
16469
16554
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
16470
16555
|
|
|
16471
16556
|
function add_css$2(target) {
|
|
16472
|
-
append_styles(target, "svelte-
|
|
16557
|
+
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}");
|
|
16473
16558
|
}
|
|
16474
16559
|
|
|
16475
16560
|
// (14:0) {#if backgroundOverlay}
|
|
@@ -16482,7 +16567,7 @@ function create_if_block$1(ctx) {
|
|
|
16482
16567
|
return {
|
|
16483
16568
|
c() {
|
|
16484
16569
|
div = element("div");
|
|
16485
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
16570
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"));
|
|
16486
16571
|
},
|
|
16487
16572
|
m(target, anchor) {
|
|
16488
16573
|
insert(target, div, anchor);
|
|
@@ -16493,7 +16578,7 @@ function create_if_block$1(ctx) {
|
|
|
16493
16578
|
}
|
|
16494
16579
|
},
|
|
16495
16580
|
p(ctx, dirty) {
|
|
16496
|
-
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-
|
|
16581
|
+
if (dirty & /*className*/ 2 && div_class_value !== (div_class_value = "" + (null_to_empty(['v2-background', /*className*/ ctx[1] || ''].join(' ')) + " svelte-18nkdjz"))) {
|
|
16497
16582
|
attr(div, "class", div_class_value);
|
|
16498
16583
|
}
|
|
16499
16584
|
},
|
|
@@ -16565,7 +16650,7 @@ class BackgroundOverlay extends SvelteComponent {
|
|
|
16565
16650
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
|
16566
16651
|
|
|
16567
16652
|
function add_css$1(target) {
|
|
16568
|
-
append_styles(target, "svelte-
|
|
16653
|
+
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}}");
|
|
16569
16654
|
}
|
|
16570
16655
|
|
|
16571
16656
|
// (220:0) {:else}
|
|
@@ -16706,7 +16791,7 @@ function create_if_block(ctx) {
|
|
|
16706
16791
|
c() {
|
|
16707
16792
|
div = element("div");
|
|
16708
16793
|
if (default_slot) default_slot.c();
|
|
16709
|
-
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
16794
|
+
attr(div, "class", div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"));
|
|
16710
16795
|
attr(div, "role", "dialog");
|
|
16711
16796
|
attr(div, "aria-modal", "true");
|
|
16712
16797
|
attr(div, "data-layer-id", /*layerId*/ ctx[2]);
|
|
@@ -16740,7 +16825,7 @@ function create_if_block(ctx) {
|
|
|
16740
16825
|
}
|
|
16741
16826
|
}
|
|
16742
16827
|
|
|
16743
|
-
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-
|
|
16828
|
+
if (!current || dirty & /*useBreakPoint*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(['modal', /*useBreakPoint*/ ctx[0] ? 'modal-bp' : ''].join(' ')) + " svelte-45ue06"))) {
|
|
16744
16829
|
attr(div, "class", div_class_value);
|
|
16745
16830
|
}
|
|
16746
16831
|
|
|
@@ -17203,7 +17288,7 @@ class Modal extends SvelteComponent {
|
|
|
17203
17288
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
|
17204
17289
|
|
|
17205
17290
|
function add_css(target) {
|
|
17206
|
-
append_styles(target, "svelte-
|
|
17291
|
+
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
|
17207
17292
|
}
|
|
17208
17293
|
|
|
17209
17294
|
function create_fragment(ctx) {
|
|
@@ -17213,7 +17298,7 @@ function create_fragment(ctx) {
|
|
|
17213
17298
|
return {
|
|
17214
17299
|
c() {
|
|
17215
17300
|
div = element("div");
|
|
17216
|
-
attr(div, "class", "code svelte-
|
|
17301
|
+
attr(div, "class", "code svelte-igivoz");
|
|
17217
17302
|
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
17218
17303
|
},
|
|
17219
17304
|
m(target, anchor) {
|
|
@@ -17343,4 +17428,4 @@ const ROUND_STYLES = {
|
|
|
17343
17428
|
},
|
|
17344
17429
|
};
|
|
17345
17430
|
|
|
17346
|
-
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles,
|
|
17431
|
+
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 };
|