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