@plaidev/karte-action-sdk 1.1.227 → 1.1.228
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +7 -0
- package/dist/hydrate/index.es.js +3108 -230
- package/dist/index.es.d.ts +7 -0
- package/dist/index.es.js +2679 -233
- package/meta/karte-action-sdk.api.json +2 -2
- package/package.json +1 -1
- package/dist/karte-action-sdk.d.ts +0 -2671
- package/dist/tsdoc-metadata.json +0 -11
package/dist/index.es.js
CHANGED
|
@@ -18,7 +18,10 @@ const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
|
|
|
18
18
|
/** @internal */
|
|
19
19
|
const DEVICE_IDS = ['PC', 'SP'];
|
|
20
20
|
/** @internal */
|
|
21
|
-
const DEVICE_QUERIES = {
|
|
21
|
+
const DEVICE_QUERIES = {
|
|
22
|
+
PC: 'screen and (min-width: 641px)',
|
|
23
|
+
SP: 'screen and (max-width: 640px)',
|
|
24
|
+
};
|
|
22
25
|
// -------- The following codes are deprecated --------
|
|
23
26
|
/**
|
|
24
27
|
* 非推奨
|
|
@@ -2871,7 +2874,7 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
|
2871
2874
|
|
|
2872
2875
|
/* src/components/Header.svelte generated by Svelte v3.53.1 */
|
|
2873
2876
|
|
|
2874
|
-
function create_if_block$
|
|
2877
|
+
function create_if_block$d(ctx) {
|
|
2875
2878
|
let link;
|
|
2876
2879
|
|
|
2877
2880
|
return {
|
|
@@ -2895,9 +2898,9 @@ function create_if_block$9(ctx) {
|
|
|
2895
2898
|
};
|
|
2896
2899
|
}
|
|
2897
2900
|
|
|
2898
|
-
function create_fragment$
|
|
2901
|
+
function create_fragment$15(ctx) {
|
|
2899
2902
|
let head;
|
|
2900
|
-
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$
|
|
2903
|
+
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$d(ctx);
|
|
2901
2904
|
|
|
2902
2905
|
return {
|
|
2903
2906
|
c() {
|
|
@@ -2913,7 +2916,7 @@ function create_fragment$A(ctx) {
|
|
|
2913
2916
|
if (if_block) {
|
|
2914
2917
|
if_block.p(ctx, dirty);
|
|
2915
2918
|
} else {
|
|
2916
|
-
if_block = create_if_block$
|
|
2919
|
+
if_block = create_if_block$d(ctx);
|
|
2917
2920
|
if_block.c();
|
|
2918
2921
|
if_block.m(head, null);
|
|
2919
2922
|
}
|
|
@@ -2931,7 +2934,7 @@ function create_fragment$A(ctx) {
|
|
|
2931
2934
|
};
|
|
2932
2935
|
}
|
|
2933
2936
|
|
|
2934
|
-
function instance$
|
|
2937
|
+
function instance$15($$self, $$props, $$invalidate) {
|
|
2935
2938
|
let $fonts;
|
|
2936
2939
|
component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
|
|
2937
2940
|
let googleFontUrl = '';
|
|
@@ -2960,13 +2963,13 @@ function instance$A($$self, $$props, $$invalidate) {
|
|
|
2960
2963
|
class Header extends SvelteComponent {
|
|
2961
2964
|
constructor(options) {
|
|
2962
2965
|
super();
|
|
2963
|
-
init(this, options, instance$
|
|
2966
|
+
init(this, options, instance$15, create_fragment$15, safe_not_equal, {});
|
|
2964
2967
|
}
|
|
2965
2968
|
}
|
|
2966
2969
|
|
|
2967
2970
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
|
2968
2971
|
|
|
2969
|
-
function create_fragment$
|
|
2972
|
+
function create_fragment$14(ctx) {
|
|
2970
2973
|
let header;
|
|
2971
2974
|
let t;
|
|
2972
2975
|
let current;
|
|
@@ -3025,7 +3028,7 @@ function create_fragment$z(ctx) {
|
|
|
3025
3028
|
};
|
|
3026
3029
|
}
|
|
3027
3030
|
|
|
3028
|
-
function instance$
|
|
3031
|
+
function instance$14($$self, $$props, $$invalidate) {
|
|
3029
3032
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
3030
3033
|
|
|
3031
3034
|
$$self.$$set = $$props => {
|
|
@@ -3038,18 +3041,18 @@ function instance$z($$self, $$props, $$invalidate) {
|
|
|
3038
3041
|
class State extends SvelteComponent {
|
|
3039
3042
|
constructor(options) {
|
|
3040
3043
|
super();
|
|
3041
|
-
init(this, options, instance$
|
|
3044
|
+
init(this, options, instance$14, create_fragment$14, safe_not_equal, {});
|
|
3042
3045
|
}
|
|
3043
3046
|
}
|
|
3044
3047
|
|
|
3045
3048
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3046
3049
|
|
|
3047
|
-
function add_css$
|
|
3050
|
+
function add_css$w(target) {
|
|
3048
3051
|
append_styles(target, "svelte-1amihue", ".state-item.svelte-1amihue{position:absolute;display:none}");
|
|
3049
3052
|
}
|
|
3050
3053
|
|
|
3051
3054
|
// (23:0) {#if $state === path}
|
|
3052
|
-
function create_if_block$
|
|
3055
|
+
function create_if_block$c(ctx) {
|
|
3053
3056
|
let div;
|
|
3054
3057
|
let t;
|
|
3055
3058
|
let current;
|
|
@@ -3111,10 +3114,10 @@ function create_if_block$8(ctx) {
|
|
|
3111
3114
|
};
|
|
3112
3115
|
}
|
|
3113
3116
|
|
|
3114
|
-
function create_fragment$
|
|
3117
|
+
function create_fragment$13(ctx) {
|
|
3115
3118
|
let if_block_anchor;
|
|
3116
3119
|
let current;
|
|
3117
|
-
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$
|
|
3120
|
+
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$c(ctx);
|
|
3118
3121
|
|
|
3119
3122
|
return {
|
|
3120
3123
|
c() {
|
|
@@ -3135,7 +3138,7 @@ function create_fragment$y(ctx) {
|
|
|
3135
3138
|
transition_in(if_block, 1);
|
|
3136
3139
|
}
|
|
3137
3140
|
} else {
|
|
3138
|
-
if_block = create_if_block$
|
|
3141
|
+
if_block = create_if_block$c(ctx);
|
|
3139
3142
|
if_block.c();
|
|
3140
3143
|
transition_in(if_block, 1);
|
|
3141
3144
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
@@ -3172,7 +3175,7 @@ function getStateItemContext() {
|
|
|
3172
3175
|
return getContext(STATE_ITEM_CONTEXT_KEY);
|
|
3173
3176
|
}
|
|
3174
3177
|
|
|
3175
|
-
function instance$
|
|
3178
|
+
function instance$13($$self, $$props, $$invalidate) {
|
|
3176
3179
|
let $state;
|
|
3177
3180
|
component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
|
|
3178
3181
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
@@ -3198,7 +3201,7 @@ function instance$y($$self, $$props, $$invalidate) {
|
|
|
3198
3201
|
class StateItem extends SvelteComponent {
|
|
3199
3202
|
constructor(options) {
|
|
3200
3203
|
super();
|
|
3201
|
-
init(this, options, instance$
|
|
3204
|
+
init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$w);
|
|
3202
3205
|
}
|
|
3203
3206
|
}
|
|
3204
3207
|
|
|
@@ -3383,12 +3386,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3383
3386
|
|
|
3384
3387
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3385
3388
|
|
|
3386
|
-
function add_css$
|
|
3389
|
+
function add_css$v(target) {
|
|
3387
3390
|
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}");
|
|
3388
3391
|
}
|
|
3389
3392
|
|
|
3390
3393
|
// (14:0) {#if backgroundOverlay}
|
|
3391
|
-
function create_if_block$
|
|
3394
|
+
function create_if_block$b(ctx) {
|
|
3392
3395
|
let div;
|
|
3393
3396
|
let div_class_value;
|
|
3394
3397
|
let mounted;
|
|
@@ -3420,9 +3423,9 @@ function create_if_block$7(ctx) {
|
|
|
3420
3423
|
};
|
|
3421
3424
|
}
|
|
3422
3425
|
|
|
3423
|
-
function create_fragment$
|
|
3426
|
+
function create_fragment$12(ctx) {
|
|
3424
3427
|
let if_block_anchor;
|
|
3425
|
-
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$
|
|
3428
|
+
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$b(ctx);
|
|
3426
3429
|
|
|
3427
3430
|
return {
|
|
3428
3431
|
c() {
|
|
@@ -3438,7 +3441,7 @@ function create_fragment$x(ctx) {
|
|
|
3438
3441
|
if (if_block) {
|
|
3439
3442
|
if_block.p(ctx, dirty);
|
|
3440
3443
|
} else {
|
|
3441
|
-
if_block = create_if_block$
|
|
3444
|
+
if_block = create_if_block$b(ctx);
|
|
3442
3445
|
if_block.c();
|
|
3443
3446
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
3444
3447
|
}
|
|
@@ -3456,7 +3459,7 @@ function create_fragment$x(ctx) {
|
|
|
3456
3459
|
};
|
|
3457
3460
|
}
|
|
3458
3461
|
|
|
3459
|
-
function instance$
|
|
3462
|
+
function instance$12($$self, $$props, $$invalidate) {
|
|
3460
3463
|
let { backgroundOverlay = false } = $$props;
|
|
3461
3464
|
let { class: className = undefined } = $$props;
|
|
3462
3465
|
const dispatch = createEventDispatcher();
|
|
@@ -3473,7 +3476,7 @@ function instance$x($$self, $$props, $$invalidate) {
|
|
|
3473
3476
|
class BackgroundOverlay extends SvelteComponent {
|
|
3474
3477
|
constructor(options) {
|
|
3475
3478
|
super();
|
|
3476
|
-
init(this, options, instance$
|
|
3479
|
+
init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$v);
|
|
3477
3480
|
}
|
|
3478
3481
|
}
|
|
3479
3482
|
|
|
@@ -3513,7 +3516,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3513
3516
|
|
|
3514
3517
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3515
3518
|
|
|
3516
|
-
function add_css$
|
|
3519
|
+
function add_css$u(target) {
|
|
3517
3520
|
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}");
|
|
3518
3521
|
}
|
|
3519
3522
|
|
|
@@ -3760,7 +3763,7 @@ function create_if_block_1$2(ctx) {
|
|
|
3760
3763
|
}
|
|
3761
3764
|
|
|
3762
3765
|
// (31:0) {#if disabled}
|
|
3763
|
-
function create_if_block$
|
|
3766
|
+
function create_if_block$a(ctx) {
|
|
3764
3767
|
let div;
|
|
3765
3768
|
let current;
|
|
3766
3769
|
const default_slot_template = /*#slots*/ ctx[9].default;
|
|
@@ -3818,12 +3821,12 @@ function create_if_block$6(ctx) {
|
|
|
3818
3821
|
};
|
|
3819
3822
|
}
|
|
3820
3823
|
|
|
3821
|
-
function create_fragment$
|
|
3824
|
+
function create_fragment$11(ctx) {
|
|
3822
3825
|
let current_block_type_index;
|
|
3823
3826
|
let if_block;
|
|
3824
3827
|
let if_block_anchor;
|
|
3825
3828
|
let current;
|
|
3826
|
-
const if_block_creators = [create_if_block$
|
|
3829
|
+
const if_block_creators = [create_if_block$a, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
|
|
3827
3830
|
const if_blocks = [];
|
|
3828
3831
|
|
|
3829
3832
|
function select_block_type(ctx, dirty) {
|
|
@@ -3891,7 +3894,7 @@ function create_fragment$w(ctx) {
|
|
|
3891
3894
|
|
|
3892
3895
|
const BUTTON_CLASS = 'button';
|
|
3893
3896
|
|
|
3894
|
-
function instance$
|
|
3897
|
+
function instance$11($$self, $$props, $$invalidate) {
|
|
3895
3898
|
let disabled;
|
|
3896
3899
|
let $valuesAreValid;
|
|
3897
3900
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
@@ -3950,15 +3953,15 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
|
3950
3953
|
];
|
|
3951
3954
|
}
|
|
3952
3955
|
|
|
3953
|
-
class Button extends SvelteComponent {
|
|
3956
|
+
let Button$1 = class Button extends SvelteComponent {
|
|
3954
3957
|
constructor(options) {
|
|
3955
3958
|
super();
|
|
3956
3959
|
|
|
3957
3960
|
init(
|
|
3958
3961
|
this,
|
|
3959
3962
|
options,
|
|
3960
|
-
instance$
|
|
3961
|
-
create_fragment$
|
|
3963
|
+
instance$11,
|
|
3964
|
+
create_fragment$11,
|
|
3962
3965
|
safe_not_equal,
|
|
3963
3966
|
{
|
|
3964
3967
|
onClick: 0,
|
|
@@ -3966,18 +3969,18 @@ class Button extends SvelteComponent {
|
|
|
3966
3969
|
eventValue: 6,
|
|
3967
3970
|
style: 1
|
|
3968
3971
|
},
|
|
3969
|
-
add_css$
|
|
3972
|
+
add_css$u
|
|
3970
3973
|
);
|
|
3971
3974
|
}
|
|
3972
|
-
}
|
|
3975
|
+
};
|
|
3973
3976
|
|
|
3974
3977
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3975
3978
|
|
|
3976
|
-
function add_css$
|
|
3979
|
+
function add_css$t(target) {
|
|
3977
3980
|
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}}");
|
|
3978
3981
|
}
|
|
3979
3982
|
|
|
3980
|
-
// (
|
|
3983
|
+
// (277:0) {:else}
|
|
3981
3984
|
function create_else_block$3(ctx) {
|
|
3982
3985
|
let backgroundoverlay;
|
|
3983
3986
|
let current;
|
|
@@ -4021,7 +4024,7 @@ function create_else_block$3(ctx) {
|
|
|
4021
4024
|
};
|
|
4022
4025
|
}
|
|
4023
4026
|
|
|
4024
|
-
// (
|
|
4027
|
+
// (266:24)
|
|
4025
4028
|
function create_if_block_3(ctx) {
|
|
4026
4029
|
let backgroundoverlay0;
|
|
4027
4030
|
let t;
|
|
@@ -4090,7 +4093,7 @@ function create_if_block_3(ctx) {
|
|
|
4090
4093
|
};
|
|
4091
4094
|
}
|
|
4092
4095
|
|
|
4093
|
-
// (
|
|
4096
|
+
// (264:0) {#if isPreview()}
|
|
4094
4097
|
function create_if_block_2(ctx) {
|
|
4095
4098
|
return {
|
|
4096
4099
|
c: noop,
|
|
@@ -4102,15 +4105,15 @@ function create_if_block_2(ctx) {
|
|
|
4102
4105
|
};
|
|
4103
4106
|
}
|
|
4104
4107
|
|
|
4105
|
-
// (
|
|
4106
|
-
function create_if_block$
|
|
4108
|
+
// (280:0) {#if visible}
|
|
4109
|
+
function create_if_block$9(ctx) {
|
|
4107
4110
|
let div;
|
|
4108
4111
|
let button;
|
|
4109
4112
|
let div_class_value;
|
|
4110
4113
|
let div_intro;
|
|
4111
4114
|
let current;
|
|
4112
4115
|
|
|
4113
|
-
button = new Button({
|
|
4116
|
+
button = new Button$1({
|
|
4114
4117
|
props: {
|
|
4115
4118
|
onClick: /*onClick*/ ctx[0],
|
|
4116
4119
|
eventName: /*clickEventName*/ ctx[1],
|
|
@@ -4181,13 +4184,13 @@ function create_if_block$5(ctx) {
|
|
|
4181
4184
|
};
|
|
4182
4185
|
}
|
|
4183
4186
|
|
|
4184
|
-
// (
|
|
4187
|
+
// (293:6) {#if closable}
|
|
4185
4188
|
function create_if_block_1$1(ctx) {
|
|
4186
4189
|
let div;
|
|
4187
4190
|
let button;
|
|
4188
4191
|
let current;
|
|
4189
4192
|
|
|
4190
|
-
button = new Button({
|
|
4193
|
+
button = new Button$1({
|
|
4191
4194
|
props: {
|
|
4192
4195
|
onClick: /*onClose*/ ctx[6],
|
|
4193
4196
|
style: /*_closeStyle*/ ctx[10],
|
|
@@ -4243,7 +4246,7 @@ function create_if_block_1$1(ctx) {
|
|
|
4243
4246
|
};
|
|
4244
4247
|
}
|
|
4245
4248
|
|
|
4246
|
-
// (
|
|
4249
|
+
// (295:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue} >
|
|
4247
4250
|
function create_default_slot_1$1(ctx) {
|
|
4248
4251
|
let svg;
|
|
4249
4252
|
let path;
|
|
@@ -4276,7 +4279,7 @@ function create_default_slot_1$1(ctx) {
|
|
|
4276
4279
|
};
|
|
4277
4280
|
}
|
|
4278
4281
|
|
|
4279
|
-
// (
|
|
4282
|
+
// (292:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
|
|
4280
4283
|
function create_default_slot$6(ctx) {
|
|
4281
4284
|
let t;
|
|
4282
4285
|
let div;
|
|
@@ -4368,7 +4371,7 @@ function create_default_slot$6(ctx) {
|
|
|
4368
4371
|
};
|
|
4369
4372
|
}
|
|
4370
4373
|
|
|
4371
|
-
function create_fragment$
|
|
4374
|
+
function create_fragment$10(ctx) {
|
|
4372
4375
|
let show_if;
|
|
4373
4376
|
let current_block_type_index;
|
|
4374
4377
|
let if_block0;
|
|
@@ -4389,7 +4392,7 @@ function create_fragment$v(ctx) {
|
|
|
4389
4392
|
|
|
4390
4393
|
current_block_type_index = select_block_type(ctx);
|
|
4391
4394
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
|
4392
|
-
let if_block1 = /*visible*/ ctx[16] && create_if_block$
|
|
4395
|
+
let if_block1 = /*visible*/ ctx[16] && create_if_block$9(ctx);
|
|
4393
4396
|
|
|
4394
4397
|
return {
|
|
4395
4398
|
c() {
|
|
@@ -4449,7 +4452,7 @@ function create_fragment$v(ctx) {
|
|
|
4449
4452
|
transition_in(if_block1, 1);
|
|
4450
4453
|
}
|
|
4451
4454
|
} else {
|
|
4452
|
-
if_block1 = create_if_block$
|
|
4455
|
+
if_block1 = create_if_block$9(ctx);
|
|
4453
4456
|
if_block1.c();
|
|
4454
4457
|
transition_in(if_block1, 1);
|
|
4455
4458
|
if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
|
|
@@ -4486,7 +4489,7 @@ function create_fragment$v(ctx) {
|
|
|
4486
4489
|
};
|
|
4487
4490
|
}
|
|
4488
4491
|
|
|
4489
|
-
function instance$
|
|
4492
|
+
function instance$10($$self, $$props, $$invalidate) {
|
|
4490
4493
|
let close;
|
|
4491
4494
|
let closable;
|
|
4492
4495
|
let backgroundClick;
|
|
@@ -4661,10 +4664,9 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
|
4661
4664
|
DEVICE_IDS.forEach(deviceId => {
|
|
4662
4665
|
if (useBreakPoint) {
|
|
4663
4666
|
const positionWithBp = breakPoint[deviceId]?.placement?.position;
|
|
4664
|
-
const mediaQuery = DEVICE_QUERIES[deviceId];
|
|
4665
4667
|
|
|
4666
4668
|
transforms.push({
|
|
4667
|
-
query:
|
|
4669
|
+
query: DEVICE_QUERIES[deviceId],
|
|
4668
4670
|
...getTransform(positionWithBp)
|
|
4669
4671
|
});
|
|
4670
4672
|
|
|
@@ -4798,8 +4800,8 @@ class Modal extends SvelteComponent {
|
|
|
4798
4800
|
init(
|
|
4799
4801
|
this,
|
|
4800
4802
|
options,
|
|
4801
|
-
instance$
|
|
4802
|
-
create_fragment$
|
|
4803
|
+
instance$10,
|
|
4804
|
+
create_fragment$10,
|
|
4803
4805
|
safe_not_equal,
|
|
4804
4806
|
{
|
|
4805
4807
|
onClick: 0,
|
|
@@ -4817,7 +4819,7 @@ class Modal extends SvelteComponent {
|
|
|
4817
4819
|
closeButtonColor: 9,
|
|
4818
4820
|
_closeStyle: 10
|
|
4819
4821
|
},
|
|
4820
|
-
add_css$
|
|
4822
|
+
add_css$t,
|
|
4821
4823
|
[-1, -1]
|
|
4822
4824
|
);
|
|
4823
4825
|
}
|
|
@@ -4825,7 +4827,7 @@ class Modal extends SvelteComponent {
|
|
|
4825
4827
|
|
|
4826
4828
|
/* src/components/Grid.svelte generated by Svelte v3.53.1 */
|
|
4827
4829
|
|
|
4828
|
-
function create_fragment
|
|
4830
|
+
function create_fragment$$(ctx) {
|
|
4829
4831
|
let div;
|
|
4830
4832
|
let current;
|
|
4831
4833
|
const default_slot_template = /*#slots*/ ctx[8].default;
|
|
@@ -4883,7 +4885,7 @@ function create_fragment$u(ctx) {
|
|
|
4883
4885
|
};
|
|
4884
4886
|
}
|
|
4885
4887
|
|
|
4886
|
-
function instance
|
|
4888
|
+
function instance$$($$self, $$props, $$invalidate) {
|
|
4887
4889
|
let _style;
|
|
4888
4890
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
4889
4891
|
let { width = '512px' } = $$props;
|
|
@@ -4928,7 +4930,7 @@ class Grid extends SvelteComponent {
|
|
|
4928
4930
|
constructor(options) {
|
|
4929
4931
|
super();
|
|
4930
4932
|
|
|
4931
|
-
init(this, options, instance
|
|
4933
|
+
init(this, options, instance$$, create_fragment$$, safe_not_equal, {
|
|
4932
4934
|
width: 1,
|
|
4933
4935
|
height: 2,
|
|
4934
4936
|
rows: 3,
|
|
@@ -4941,11 +4943,11 @@ class Grid extends SvelteComponent {
|
|
|
4941
4943
|
|
|
4942
4944
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
4943
4945
|
|
|
4944
|
-
function add_css$
|
|
4946
|
+
function add_css$s(target) {
|
|
4945
4947
|
append_styles(target, "svelte-1cryhmb", ".grid-item.svelte-1cryhmb{word-break:break-all;position:relative}.grid-item-inner.svelte-1cryhmb{position:absolute;inset:0}");
|
|
4946
4948
|
}
|
|
4947
4949
|
|
|
4948
|
-
function create_fragment$
|
|
4950
|
+
function create_fragment$_(ctx) {
|
|
4949
4951
|
let div1;
|
|
4950
4952
|
let div0;
|
|
4951
4953
|
let current;
|
|
@@ -5019,7 +5021,7 @@ function create_fragment$t(ctx) {
|
|
|
5019
5021
|
|
|
5020
5022
|
const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
|
|
5021
5023
|
|
|
5022
|
-
function instance$
|
|
5024
|
+
function instance$_($$self, $$props, $$invalidate) {
|
|
5023
5025
|
let _style;
|
|
5024
5026
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
5025
5027
|
let { x1 } = $$props;
|
|
@@ -5068,8 +5070,8 @@ class GridItem extends SvelteComponent {
|
|
|
5068
5070
|
init(
|
|
5069
5071
|
this,
|
|
5070
5072
|
options,
|
|
5071
|
-
instance$
|
|
5072
|
-
create_fragment$
|
|
5073
|
+
instance$_,
|
|
5074
|
+
create_fragment$_,
|
|
5073
5075
|
safe_not_equal,
|
|
5074
5076
|
{
|
|
5075
5077
|
x1: 2,
|
|
@@ -5080,7 +5082,7 @@ class GridItem extends SvelteComponent {
|
|
|
5080
5082
|
background: 7,
|
|
5081
5083
|
gridItemId: 0
|
|
5082
5084
|
},
|
|
5083
|
-
add_css$
|
|
5085
|
+
add_css$s
|
|
5084
5086
|
);
|
|
5085
5087
|
}
|
|
5086
5088
|
}
|
|
@@ -5115,7 +5117,7 @@ function create_else_block$2(ctx) {
|
|
|
5115
5117
|
}
|
|
5116
5118
|
|
|
5117
5119
|
// (11:2) {#if item.match(regexp)}
|
|
5118
|
-
function create_if_block$
|
|
5120
|
+
function create_if_block$8(ctx) {
|
|
5119
5121
|
let br;
|
|
5120
5122
|
|
|
5121
5123
|
return {
|
|
@@ -5140,7 +5142,7 @@ function create_each_block$6(ctx) {
|
|
|
5140
5142
|
function select_block_type(ctx, dirty) {
|
|
5141
5143
|
if (dirty & /*items*/ 1) show_if = null;
|
|
5142
5144
|
if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
|
|
5143
|
-
if (show_if) return create_if_block$
|
|
5145
|
+
if (show_if) return create_if_block$8;
|
|
5144
5146
|
return create_else_block$2;
|
|
5145
5147
|
}
|
|
5146
5148
|
|
|
@@ -5176,7 +5178,7 @@ function create_each_block$6(ctx) {
|
|
|
5176
5178
|
};
|
|
5177
5179
|
}
|
|
5178
5180
|
|
|
5179
|
-
function create_fragment$
|
|
5181
|
+
function create_fragment$Z(ctx) {
|
|
5180
5182
|
let each_1_anchor;
|
|
5181
5183
|
let each_value = /*items*/ ctx[0];
|
|
5182
5184
|
let each_blocks = [];
|
|
@@ -5235,7 +5237,7 @@ function create_fragment$s(ctx) {
|
|
|
5235
5237
|
|
|
5236
5238
|
const regexp = /(\r?\n)/;
|
|
5237
5239
|
|
|
5238
|
-
function instance$
|
|
5240
|
+
function instance$Z($$self, $$props, $$invalidate) {
|
|
5239
5241
|
let items;
|
|
5240
5242
|
let { text = 'サンプルSample' } = $$props;
|
|
5241
5243
|
|
|
@@ -5256,13 +5258,13 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
5256
5258
|
class RenderText extends SvelteComponent {
|
|
5257
5259
|
constructor(options) {
|
|
5258
5260
|
super();
|
|
5259
|
-
init(this, options, instance$
|
|
5261
|
+
init(this, options, instance$Z, create_fragment$Z, safe_not_equal, { text: 1 });
|
|
5260
5262
|
}
|
|
5261
5263
|
}
|
|
5262
5264
|
|
|
5263
5265
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5264
5266
|
|
|
5265
|
-
function add_css$
|
|
5267
|
+
function add_css$r(target) {
|
|
5266
5268
|
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}");
|
|
5267
5269
|
}
|
|
5268
5270
|
|
|
@@ -5320,7 +5322,7 @@ function create_else_block$1(ctx) {
|
|
|
5320
5322
|
}
|
|
5321
5323
|
|
|
5322
5324
|
// (80:2) {#if enableCopy}
|
|
5323
|
-
function create_if_block$
|
|
5325
|
+
function create_if_block$7(ctx) {
|
|
5324
5326
|
let a;
|
|
5325
5327
|
let div0;
|
|
5326
5328
|
let rendertext;
|
|
@@ -5406,12 +5408,12 @@ function create_if_block$3(ctx) {
|
|
|
5406
5408
|
};
|
|
5407
5409
|
}
|
|
5408
5410
|
|
|
5409
|
-
function create_fragment$
|
|
5411
|
+
function create_fragment$Y(ctx) {
|
|
5410
5412
|
let div;
|
|
5411
5413
|
let current_block_type_index;
|
|
5412
5414
|
let if_block;
|
|
5413
5415
|
let current;
|
|
5414
|
-
const if_block_creators = [create_if_block$
|
|
5416
|
+
const if_block_creators = [create_if_block$7, create_else_block$1];
|
|
5415
5417
|
const if_blocks = [];
|
|
5416
5418
|
|
|
5417
5419
|
function select_block_type(ctx, dirty) {
|
|
@@ -5476,7 +5478,7 @@ function create_fragment$r(ctx) {
|
|
|
5476
5478
|
};
|
|
5477
5479
|
}
|
|
5478
5480
|
|
|
5479
|
-
function instance$
|
|
5481
|
+
function instance$Y($$self, $$props, $$invalidate) {
|
|
5480
5482
|
let style;
|
|
5481
5483
|
let { text = 'テキストのコンテンツ' } = $$props;
|
|
5482
5484
|
let { font = SYSTEM_FONT } = $$props;
|
|
@@ -5572,8 +5574,8 @@ class TextElement extends SvelteComponent {
|
|
|
5572
5574
|
init(
|
|
5573
5575
|
this,
|
|
5574
5576
|
options,
|
|
5575
|
-
instance$
|
|
5576
|
-
create_fragment$
|
|
5577
|
+
instance$Y,
|
|
5578
|
+
create_fragment$Y,
|
|
5577
5579
|
safe_not_equal,
|
|
5578
5580
|
{
|
|
5579
5581
|
text: 0,
|
|
@@ -5584,14 +5586,14 @@ class TextElement extends SvelteComponent {
|
|
|
5584
5586
|
enableCopy: 2,
|
|
5585
5587
|
eventName: 10
|
|
5586
5588
|
},
|
|
5587
|
-
add_css$
|
|
5589
|
+
add_css$r
|
|
5588
5590
|
);
|
|
5589
5591
|
}
|
|
5590
5592
|
}
|
|
5591
5593
|
|
|
5592
5594
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5593
5595
|
|
|
5594
|
-
function add_css$
|
|
5596
|
+
function add_css$q(target) {
|
|
5595
5597
|
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)}");
|
|
5596
5598
|
}
|
|
5597
5599
|
|
|
@@ -5629,12 +5631,12 @@ function create_default_slot$5(ctx) {
|
|
|
5629
5631
|
};
|
|
5630
5632
|
}
|
|
5631
5633
|
|
|
5632
|
-
function create_fragment$
|
|
5634
|
+
function create_fragment$X(ctx) {
|
|
5633
5635
|
let div;
|
|
5634
5636
|
let button;
|
|
5635
5637
|
let current;
|
|
5636
5638
|
|
|
5637
|
-
button = new Button({
|
|
5639
|
+
button = new Button$1({
|
|
5638
5640
|
props: {
|
|
5639
5641
|
onClick: /*onClick*/ ctx[1],
|
|
5640
5642
|
style: /*style*/ ctx[3],
|
|
@@ -5683,7 +5685,7 @@ function create_fragment$q(ctx) {
|
|
|
5683
5685
|
};
|
|
5684
5686
|
}
|
|
5685
5687
|
|
|
5686
|
-
function instance$
|
|
5688
|
+
function instance$X($$self, $$props, $$invalidate) {
|
|
5687
5689
|
let style;
|
|
5688
5690
|
let { text = 'ボタンのラベル' } = $$props;
|
|
5689
5691
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
@@ -5721,8 +5723,8 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5721
5723
|
init(
|
|
5722
5724
|
this,
|
|
5723
5725
|
options,
|
|
5724
|
-
instance$
|
|
5725
|
-
create_fragment$
|
|
5726
|
+
instance$X,
|
|
5727
|
+
create_fragment$X,
|
|
5726
5728
|
safe_not_equal,
|
|
5727
5729
|
{
|
|
5728
5730
|
text: 0,
|
|
@@ -5732,14 +5734,14 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5732
5734
|
_buttonStyle: 5,
|
|
5733
5735
|
_style: 6
|
|
5734
5736
|
},
|
|
5735
|
-
add_css$
|
|
5737
|
+
add_css$q
|
|
5736
5738
|
);
|
|
5737
5739
|
}
|
|
5738
5740
|
}
|
|
5739
5741
|
|
|
5740
5742
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5741
5743
|
|
|
5742
|
-
function add_css$
|
|
5744
|
+
function add_css$p(target) {
|
|
5743
5745
|
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%}");
|
|
5744
5746
|
}
|
|
5745
5747
|
|
|
@@ -5794,13 +5796,13 @@ function create_default_slot$4(ctx) {
|
|
|
5794
5796
|
};
|
|
5795
5797
|
}
|
|
5796
5798
|
|
|
5797
|
-
function create_fragment$
|
|
5799
|
+
function create_fragment$W(ctx) {
|
|
5798
5800
|
let div;
|
|
5799
5801
|
let button;
|
|
5800
5802
|
let div_class_value;
|
|
5801
5803
|
let current;
|
|
5802
5804
|
|
|
5803
|
-
button = new Button({
|
|
5805
|
+
button = new Button$1({
|
|
5804
5806
|
props: {
|
|
5805
5807
|
onClick: /*onClick*/ ctx[4],
|
|
5806
5808
|
style: /*_style*/ ctx[7],
|
|
@@ -5853,7 +5855,7 @@ function create_fragment$p(ctx) {
|
|
|
5853
5855
|
};
|
|
5854
5856
|
}
|
|
5855
5857
|
|
|
5856
|
-
function instance$
|
|
5858
|
+
function instance$W($$self, $$props, $$invalidate) {
|
|
5857
5859
|
let { src = '' } = $$props;
|
|
5858
5860
|
let { alt = '画像の説明' } = $$props;
|
|
5859
5861
|
let { transport = false } = $$props;
|
|
@@ -5884,8 +5886,8 @@ class ImageElement extends SvelteComponent {
|
|
|
5884
5886
|
init(
|
|
5885
5887
|
this,
|
|
5886
5888
|
options,
|
|
5887
|
-
instance$
|
|
5888
|
-
create_fragment$
|
|
5889
|
+
instance$W,
|
|
5890
|
+
create_fragment$W,
|
|
5889
5891
|
safe_not_equal,
|
|
5890
5892
|
{
|
|
5891
5893
|
src: 0,
|
|
@@ -5897,18 +5899,18 @@ class ImageElement extends SvelteComponent {
|
|
|
5897
5899
|
_imageStyle: 6,
|
|
5898
5900
|
_style: 7
|
|
5899
5901
|
},
|
|
5900
|
-
add_css$
|
|
5902
|
+
add_css$p
|
|
5901
5903
|
);
|
|
5902
5904
|
}
|
|
5903
5905
|
}
|
|
5904
5906
|
|
|
5905
5907
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
5906
5908
|
|
|
5907
|
-
function add_css$
|
|
5909
|
+
function add_css$o(target) {
|
|
5908
5910
|
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}");
|
|
5909
5911
|
}
|
|
5910
5912
|
|
|
5911
|
-
function create_fragment$
|
|
5913
|
+
function create_fragment$V(ctx) {
|
|
5912
5914
|
let div;
|
|
5913
5915
|
let current;
|
|
5914
5916
|
const default_slot_template = /*#slots*/ ctx[6].default;
|
|
@@ -5968,7 +5970,7 @@ function create_fragment$o(ctx) {
|
|
|
5968
5970
|
|
|
5969
5971
|
const LIST_CONTEXT_KEY = Symbol();
|
|
5970
5972
|
|
|
5971
|
-
function instance$
|
|
5973
|
+
function instance$V($$self, $$props, $$invalidate) {
|
|
5972
5974
|
let style;
|
|
5973
5975
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
5974
5976
|
let { direction = 'vertical' } = $$props;
|
|
@@ -6035,8 +6037,8 @@ class List extends SvelteComponent {
|
|
|
6035
6037
|
init(
|
|
6036
6038
|
this,
|
|
6037
6039
|
options,
|
|
6038
|
-
instance$
|
|
6039
|
-
create_fragment$
|
|
6040
|
+
instance$V,
|
|
6041
|
+
create_fragment$V,
|
|
6040
6042
|
safe_not_equal,
|
|
6041
6043
|
{
|
|
6042
6044
|
direction: 1,
|
|
@@ -6044,14 +6046,14 @@ class List extends SvelteComponent {
|
|
|
6044
6046
|
background: 3,
|
|
6045
6047
|
_style: 4
|
|
6046
6048
|
},
|
|
6047
|
-
add_css$
|
|
6049
|
+
add_css$o
|
|
6048
6050
|
);
|
|
6049
6051
|
}
|
|
6050
6052
|
}
|
|
6051
6053
|
|
|
6052
6054
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6053
6055
|
|
|
6054
|
-
function add_css$
|
|
6056
|
+
function add_css$n(target) {
|
|
6055
6057
|
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}");
|
|
6056
6058
|
}
|
|
6057
6059
|
|
|
@@ -6103,12 +6105,12 @@ function create_default_slot$3(ctx) {
|
|
|
6103
6105
|
};
|
|
6104
6106
|
}
|
|
6105
6107
|
|
|
6106
|
-
function create_fragment$
|
|
6108
|
+
function create_fragment$U(ctx) {
|
|
6107
6109
|
let div;
|
|
6108
6110
|
let button;
|
|
6109
6111
|
let current;
|
|
6110
6112
|
|
|
6111
|
-
button = new Button({
|
|
6113
|
+
button = new Button$1({
|
|
6112
6114
|
props: {
|
|
6113
6115
|
onClick: /*onClick*/ ctx[0],
|
|
6114
6116
|
style: /*_style*/ ctx[2],
|
|
@@ -6162,7 +6164,7 @@ function create_fragment$n(ctx) {
|
|
|
6162
6164
|
};
|
|
6163
6165
|
}
|
|
6164
6166
|
|
|
6165
|
-
function instance$
|
|
6167
|
+
function instance$U($$self, $$props, $$invalidate) {
|
|
6166
6168
|
let listItemStyle;
|
|
6167
6169
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
6168
6170
|
const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
|
|
@@ -6241,17 +6243,17 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
|
6241
6243
|
class ListItem extends SvelteComponent {
|
|
6242
6244
|
constructor(options) {
|
|
6243
6245
|
super();
|
|
6244
|
-
init(this, options, instance$
|
|
6246
|
+
init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$n);
|
|
6245
6247
|
}
|
|
6246
6248
|
}
|
|
6247
6249
|
|
|
6248
6250
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6249
6251
|
|
|
6250
|
-
function add_css$
|
|
6252
|
+
function add_css$m(target) {
|
|
6251
6253
|
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}");
|
|
6252
6254
|
}
|
|
6253
6255
|
|
|
6254
|
-
function create_fragment$
|
|
6256
|
+
function create_fragment$T(ctx) {
|
|
6255
6257
|
let div;
|
|
6256
6258
|
|
|
6257
6259
|
return {
|
|
@@ -6278,7 +6280,7 @@ function create_fragment$m(ctx) {
|
|
|
6278
6280
|
};
|
|
6279
6281
|
}
|
|
6280
6282
|
|
|
6281
|
-
function instance$
|
|
6283
|
+
function instance$T($$self, $$props, $$invalidate) {
|
|
6282
6284
|
let { code } = $$props;
|
|
6283
6285
|
let { _style = '' } = $$props;
|
|
6284
6286
|
|
|
@@ -6293,17 +6295,17 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
6293
6295
|
class EmbedElement extends SvelteComponent {
|
|
6294
6296
|
constructor(options) {
|
|
6295
6297
|
super();
|
|
6296
|
-
init(this, options, instance$
|
|
6298
|
+
init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$m);
|
|
6297
6299
|
}
|
|
6298
6300
|
}
|
|
6299
6301
|
|
|
6300
6302
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6301
6303
|
|
|
6302
|
-
function add_css$
|
|
6304
|
+
function add_css$l(target) {
|
|
6303
6305
|
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%}");
|
|
6304
6306
|
}
|
|
6305
6307
|
|
|
6306
|
-
function create_fragment$
|
|
6308
|
+
function create_fragment$S(ctx) {
|
|
6307
6309
|
let div1;
|
|
6308
6310
|
let div0;
|
|
6309
6311
|
|
|
@@ -6344,7 +6346,7 @@ function _setValue(obj, key, value) {
|
|
|
6344
6346
|
}
|
|
6345
6347
|
}
|
|
6346
6348
|
|
|
6347
|
-
function instance$
|
|
6349
|
+
function instance$S($$self, $$props, $$invalidate) {
|
|
6348
6350
|
let $system;
|
|
6349
6351
|
component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
|
|
6350
6352
|
let { videoId = 'wt0OjOeX-JA' } = $$props;
|
|
@@ -6615,8 +6617,8 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6615
6617
|
init(
|
|
6616
6618
|
this,
|
|
6617
6619
|
options,
|
|
6618
|
-
instance$
|
|
6619
|
-
create_fragment$
|
|
6620
|
+
instance$S,
|
|
6621
|
+
create_fragment$S,
|
|
6620
6622
|
safe_not_equal,
|
|
6621
6623
|
{
|
|
6622
6624
|
videoId: 2,
|
|
@@ -6645,7 +6647,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6645
6647
|
mute: 25,
|
|
6646
6648
|
_style: 0
|
|
6647
6649
|
},
|
|
6648
|
-
add_css$
|
|
6650
|
+
add_css$l,
|
|
6649
6651
|
[-1, -1]
|
|
6650
6652
|
);
|
|
6651
6653
|
}
|
|
@@ -6653,11 +6655,11 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6653
6655
|
|
|
6654
6656
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6655
6657
|
|
|
6656
|
-
function add_css$
|
|
6658
|
+
function add_css$k(target) {
|
|
6657
6659
|
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%}");
|
|
6658
6660
|
}
|
|
6659
6661
|
|
|
6660
|
-
function create_fragment$
|
|
6662
|
+
function create_fragment$R(ctx) {
|
|
6661
6663
|
let div1;
|
|
6662
6664
|
let div0;
|
|
6663
6665
|
|
|
@@ -6688,7 +6690,7 @@ function create_fragment$k(ctx) {
|
|
|
6688
6690
|
};
|
|
6689
6691
|
}
|
|
6690
6692
|
|
|
6691
|
-
function instance$
|
|
6693
|
+
function instance$R($$self, $$props, $$invalidate) {
|
|
6692
6694
|
let $system;
|
|
6693
6695
|
component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
|
|
6694
6696
|
let { videoId = "201239468" } = $$props;
|
|
@@ -6831,8 +6833,8 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
6831
6833
|
init(
|
|
6832
6834
|
this,
|
|
6833
6835
|
options,
|
|
6834
|
-
instance$
|
|
6835
|
-
create_fragment$
|
|
6836
|
+
instance$R,
|
|
6837
|
+
create_fragment$R,
|
|
6836
6838
|
safe_not_equal,
|
|
6837
6839
|
{
|
|
6838
6840
|
videoId: 2,
|
|
@@ -6842,18 +6844,18 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
6842
6844
|
mute: 6,
|
|
6843
6845
|
_style: 0
|
|
6844
6846
|
},
|
|
6845
|
-
add_css$
|
|
6847
|
+
add_css$k
|
|
6846
6848
|
);
|
|
6847
6849
|
}
|
|
6848
6850
|
}
|
|
6849
6851
|
|
|
6850
6852
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
6851
6853
|
|
|
6852
|
-
function add_css$
|
|
6854
|
+
function add_css$j(target) {
|
|
6853
6855
|
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}");
|
|
6854
6856
|
}
|
|
6855
6857
|
|
|
6856
|
-
function create_fragment$
|
|
6858
|
+
function create_fragment$Q(ctx) {
|
|
6857
6859
|
let div;
|
|
6858
6860
|
let textarea;
|
|
6859
6861
|
let mounted;
|
|
@@ -6911,7 +6913,7 @@ function create_fragment$j(ctx) {
|
|
|
6911
6913
|
};
|
|
6912
6914
|
}
|
|
6913
6915
|
|
|
6914
|
-
function instance$
|
|
6916
|
+
function instance$Q($$self, $$props, $$invalidate) {
|
|
6915
6917
|
let style;
|
|
6916
6918
|
let styleVariables;
|
|
6917
6919
|
let $value;
|
|
@@ -6999,8 +7001,8 @@ class FormTextarea extends SvelteComponent {
|
|
|
6999
7001
|
init(
|
|
7000
7002
|
this,
|
|
7001
7003
|
options,
|
|
7002
|
-
instance$
|
|
7003
|
-
create_fragment$
|
|
7004
|
+
instance$Q,
|
|
7005
|
+
create_fragment$Q,
|
|
7004
7006
|
safe_not_equal,
|
|
7005
7007
|
{
|
|
7006
7008
|
name: 7,
|
|
@@ -7012,14 +7014,14 @@ class FormTextarea extends SvelteComponent {
|
|
|
7012
7014
|
_textStyle: 11,
|
|
7013
7015
|
_placeholderStyle: 12
|
|
7014
7016
|
},
|
|
7015
|
-
add_css$
|
|
7017
|
+
add_css$j
|
|
7016
7018
|
);
|
|
7017
7019
|
}
|
|
7018
7020
|
}
|
|
7019
7021
|
|
|
7020
7022
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7021
7023
|
|
|
7022
|
-
function add_css$
|
|
7024
|
+
function add_css$i(target) {
|
|
7023
7025
|
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}");
|
|
7024
7026
|
}
|
|
7025
7027
|
|
|
@@ -7109,7 +7111,7 @@ function create_each_block$5(ctx) {
|
|
|
7109
7111
|
};
|
|
7110
7112
|
}
|
|
7111
7113
|
|
|
7112
|
-
function create_fragment$
|
|
7114
|
+
function create_fragment$P(ctx) {
|
|
7113
7115
|
let div;
|
|
7114
7116
|
let each_value = /*_options*/ ctx[4];
|
|
7115
7117
|
let each_blocks = [];
|
|
@@ -7173,7 +7175,7 @@ function create_fragment$i(ctx) {
|
|
|
7173
7175
|
};
|
|
7174
7176
|
}
|
|
7175
7177
|
|
|
7176
|
-
function instance$
|
|
7178
|
+
function instance$P($$self, $$props, $$invalidate) {
|
|
7177
7179
|
let _options;
|
|
7178
7180
|
let buttonStyle;
|
|
7179
7181
|
let _value;
|
|
@@ -7273,8 +7275,8 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7273
7275
|
init(
|
|
7274
7276
|
this,
|
|
7275
7277
|
options,
|
|
7276
|
-
instance$
|
|
7277
|
-
create_fragment$
|
|
7278
|
+
instance$P,
|
|
7279
|
+
create_fragment$P,
|
|
7278
7280
|
safe_not_equal,
|
|
7279
7281
|
{
|
|
7280
7282
|
name: 0,
|
|
@@ -7287,14 +7289,14 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7287
7289
|
buttonColor: 13,
|
|
7288
7290
|
buttonColorActive: 14
|
|
7289
7291
|
},
|
|
7290
|
-
add_css$
|
|
7292
|
+
add_css$i
|
|
7291
7293
|
);
|
|
7292
7294
|
}
|
|
7293
7295
|
}
|
|
7294
7296
|
|
|
7295
7297
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7296
7298
|
|
|
7297
|
-
function add_css$
|
|
7299
|
+
function add_css$h(target) {
|
|
7298
7300
|
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}");
|
|
7299
7301
|
}
|
|
7300
7302
|
|
|
@@ -7326,7 +7328,7 @@ function create_else_block(ctx) {
|
|
|
7326
7328
|
}
|
|
7327
7329
|
|
|
7328
7330
|
// (105:10) {#if option}
|
|
7329
|
-
function create_if_block$
|
|
7331
|
+
function create_if_block$6(ctx) {
|
|
7330
7332
|
let t_value = /*option*/ ctx[19] + "";
|
|
7331
7333
|
let t;
|
|
7332
7334
|
|
|
@@ -7354,7 +7356,7 @@ function create_each_block$4(ctx) {
|
|
|
7354
7356
|
let option_selected_value;
|
|
7355
7357
|
|
|
7356
7358
|
function select_block_type(ctx, dirty) {
|
|
7357
|
-
if (/*option*/ ctx[19]) return create_if_block$
|
|
7359
|
+
if (/*option*/ ctx[19]) return create_if_block$6;
|
|
7358
7360
|
return create_else_block;
|
|
7359
7361
|
}
|
|
7360
7362
|
|
|
@@ -7404,7 +7406,7 @@ function create_each_block$4(ctx) {
|
|
|
7404
7406
|
};
|
|
7405
7407
|
}
|
|
7406
7408
|
|
|
7407
|
-
function create_fragment$
|
|
7409
|
+
function create_fragment$O(ctx) {
|
|
7408
7410
|
let div1;
|
|
7409
7411
|
let select;
|
|
7410
7412
|
let t;
|
|
@@ -7494,7 +7496,7 @@ function create_fragment$h(ctx) {
|
|
|
7494
7496
|
};
|
|
7495
7497
|
}
|
|
7496
7498
|
|
|
7497
|
-
function instance$
|
|
7499
|
+
function instance$O($$self, $$props, $$invalidate) {
|
|
7498
7500
|
let _options;
|
|
7499
7501
|
let style;
|
|
7500
7502
|
let styleVariables;
|
|
@@ -7610,8 +7612,8 @@ class FormSelect extends SvelteComponent {
|
|
|
7610
7612
|
init(
|
|
7611
7613
|
this,
|
|
7612
7614
|
options,
|
|
7613
|
-
instance$
|
|
7614
|
-
create_fragment$
|
|
7615
|
+
instance$O,
|
|
7616
|
+
create_fragment$O,
|
|
7615
7617
|
safe_not_equal,
|
|
7616
7618
|
{
|
|
7617
7619
|
name: 7,
|
|
@@ -7626,14 +7628,14 @@ class FormSelect extends SvelteComponent {
|
|
|
7626
7628
|
iconColor: 15,
|
|
7627
7629
|
iconSize: 16
|
|
7628
7630
|
},
|
|
7629
|
-
add_css$
|
|
7631
|
+
add_css$h
|
|
7630
7632
|
);
|
|
7631
7633
|
}
|
|
7632
7634
|
}
|
|
7633
7635
|
|
|
7634
7636
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7635
7637
|
|
|
7636
|
-
function add_css$
|
|
7638
|
+
function add_css$g(target) {
|
|
7637
7639
|
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}");
|
|
7638
7640
|
}
|
|
7639
7641
|
|
|
@@ -7739,7 +7741,7 @@ function create_each_block$3(ctx) {
|
|
|
7739
7741
|
};
|
|
7740
7742
|
}
|
|
7741
7743
|
|
|
7742
|
-
function create_fragment$
|
|
7744
|
+
function create_fragment$N(ctx) {
|
|
7743
7745
|
let div;
|
|
7744
7746
|
let each_value = /*_options*/ ctx[3];
|
|
7745
7747
|
let each_blocks = [];
|
|
@@ -7803,7 +7805,7 @@ function create_fragment$g(ctx) {
|
|
|
7803
7805
|
};
|
|
7804
7806
|
}
|
|
7805
7807
|
|
|
7806
|
-
function instance$
|
|
7808
|
+
function instance$N($$self, $$props, $$invalidate) {
|
|
7807
7809
|
let _options;
|
|
7808
7810
|
let styleVariables;
|
|
7809
7811
|
let isCheckedArray;
|
|
@@ -7909,8 +7911,8 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
7909
7911
|
init(
|
|
7910
7912
|
this,
|
|
7911
7913
|
options,
|
|
7912
|
-
instance$
|
|
7913
|
-
create_fragment$
|
|
7914
|
+
instance$N,
|
|
7915
|
+
create_fragment$N,
|
|
7914
7916
|
safe_not_equal,
|
|
7915
7917
|
{
|
|
7916
7918
|
name: 0,
|
|
@@ -7923,14 +7925,14 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
7923
7925
|
buttonColor: 13,
|
|
7924
7926
|
buttonColorActive: 14
|
|
7925
7927
|
},
|
|
7926
|
-
add_css$
|
|
7928
|
+
add_css$g
|
|
7927
7929
|
);
|
|
7928
7930
|
}
|
|
7929
7931
|
}
|
|
7930
7932
|
|
|
7931
7933
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
7932
7934
|
|
|
7933
|
-
function add_css$
|
|
7935
|
+
function add_css$f(target) {
|
|
7934
7936
|
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}");
|
|
7935
7937
|
}
|
|
7936
7938
|
|
|
@@ -7987,7 +7989,7 @@ function create_each_block$2(ctx) {
|
|
|
7987
7989
|
};
|
|
7988
7990
|
}
|
|
7989
7991
|
|
|
7990
|
-
function create_fragment$
|
|
7992
|
+
function create_fragment$M(ctx) {
|
|
7991
7993
|
let div;
|
|
7992
7994
|
let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
|
|
7993
7995
|
let each_blocks = [];
|
|
@@ -8046,7 +8048,7 @@ function create_fragment$f(ctx) {
|
|
|
8046
8048
|
};
|
|
8047
8049
|
}
|
|
8048
8050
|
|
|
8049
|
-
function instance$
|
|
8051
|
+
function instance$M($$self, $$props, $$invalidate) {
|
|
8050
8052
|
let _value;
|
|
8051
8053
|
let $value;
|
|
8052
8054
|
let { name = '' } = $$props;
|
|
@@ -8128,8 +8130,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8128
8130
|
init(
|
|
8129
8131
|
this,
|
|
8130
8132
|
options,
|
|
8131
|
-
instance$
|
|
8132
|
-
create_fragment$
|
|
8133
|
+
instance$M,
|
|
8134
|
+
create_fragment$M,
|
|
8133
8135
|
safe_not_equal,
|
|
8134
8136
|
{
|
|
8135
8137
|
name: 6,
|
|
@@ -8140,14 +8142,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8140
8142
|
buttonStyle: 9,
|
|
8141
8143
|
buttonActiveStyle: 10
|
|
8142
8144
|
},
|
|
8143
|
-
add_css$
|
|
8145
|
+
add_css$f
|
|
8144
8146
|
);
|
|
8145
8147
|
}
|
|
8146
8148
|
}
|
|
8147
8149
|
|
|
8148
8150
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8149
8151
|
|
|
8150
|
-
function add_css$
|
|
8152
|
+
function add_css$e(target) {
|
|
8151
8153
|
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%)}");
|
|
8152
8154
|
}
|
|
8153
8155
|
|
|
@@ -8207,7 +8209,7 @@ function create_each_block$1(ctx) {
|
|
|
8207
8209
|
};
|
|
8208
8210
|
}
|
|
8209
8211
|
|
|
8210
|
-
function create_fragment$
|
|
8212
|
+
function create_fragment$L(ctx) {
|
|
8211
8213
|
let div;
|
|
8212
8214
|
let each_value = [...Array(count).keys()].reverse().map(func);
|
|
8213
8215
|
let each_blocks = [];
|
|
@@ -8269,7 +8271,7 @@ function create_fragment$e(ctx) {
|
|
|
8269
8271
|
const count = 5;
|
|
8270
8272
|
const func = i => i + 1;
|
|
8271
8273
|
|
|
8272
|
-
function instance$
|
|
8274
|
+
function instance$L($$self, $$props, $$invalidate) {
|
|
8273
8275
|
let _value;
|
|
8274
8276
|
let buttonStyle;
|
|
8275
8277
|
let $value;
|
|
@@ -8325,17 +8327,17 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
|
8325
8327
|
class FormRatingButtonsFace extends SvelteComponent {
|
|
8326
8328
|
constructor(options) {
|
|
8327
8329
|
super();
|
|
8328
|
-
init(this, options, instance$
|
|
8330
|
+
init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$e);
|
|
8329
8331
|
}
|
|
8330
8332
|
}
|
|
8331
8333
|
|
|
8332
8334
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8333
8335
|
|
|
8334
|
-
function add_css$
|
|
8336
|
+
function add_css$d(target) {
|
|
8335
8337
|
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}");
|
|
8336
8338
|
}
|
|
8337
8339
|
|
|
8338
|
-
function create_fragment$
|
|
8340
|
+
function create_fragment$K(ctx) {
|
|
8339
8341
|
let div;
|
|
8340
8342
|
let input;
|
|
8341
8343
|
let input_class_value;
|
|
@@ -8399,7 +8401,7 @@ function create_fragment$d(ctx) {
|
|
|
8399
8401
|
};
|
|
8400
8402
|
}
|
|
8401
8403
|
|
|
8402
|
-
function instance$
|
|
8404
|
+
function instance$K($$self, $$props, $$invalidate) {
|
|
8403
8405
|
let style;
|
|
8404
8406
|
let styleVariables;
|
|
8405
8407
|
let isValidForUI;
|
|
@@ -8530,8 +8532,8 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8530
8532
|
init(
|
|
8531
8533
|
this,
|
|
8532
8534
|
options,
|
|
8533
|
-
instance$
|
|
8534
|
-
create_fragment$
|
|
8535
|
+
instance$K,
|
|
8536
|
+
create_fragment$K,
|
|
8535
8537
|
safe_not_equal,
|
|
8536
8538
|
{
|
|
8537
8539
|
field: 9,
|
|
@@ -8545,18 +8547,18 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8545
8547
|
_textStyle: 15,
|
|
8546
8548
|
_placeholderStyle: 16
|
|
8547
8549
|
},
|
|
8548
|
-
add_css$
|
|
8550
|
+
add_css$d
|
|
8549
8551
|
);
|
|
8550
8552
|
}
|
|
8551
8553
|
}
|
|
8552
8554
|
|
|
8553
8555
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
8554
8556
|
|
|
8555
|
-
function add_css$
|
|
8557
|
+
function add_css$c(target) {
|
|
8556
8558
|
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}");
|
|
8557
8559
|
}
|
|
8558
8560
|
|
|
8559
|
-
function create_fragment$
|
|
8561
|
+
function create_fragment$J(ctx) {
|
|
8560
8562
|
let div;
|
|
8561
8563
|
let label0;
|
|
8562
8564
|
let input0;
|
|
@@ -8669,7 +8671,7 @@ function create_fragment$c(ctx) {
|
|
|
8669
8671
|
};
|
|
8670
8672
|
}
|
|
8671
8673
|
|
|
8672
|
-
function instance$
|
|
8674
|
+
function instance$J($$self, $$props, $$invalidate) {
|
|
8673
8675
|
let buttonStyle;
|
|
8674
8676
|
let $value;
|
|
8675
8677
|
let { field = 'subscription' } = $$props;
|
|
@@ -8751,8 +8753,8 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
8751
8753
|
init(
|
|
8752
8754
|
this,
|
|
8753
8755
|
options,
|
|
8754
|
-
instance$
|
|
8755
|
-
create_fragment$
|
|
8756
|
+
instance$J,
|
|
8757
|
+
create_fragment$J,
|
|
8756
8758
|
safe_not_equal,
|
|
8757
8759
|
{
|
|
8758
8760
|
field: 6,
|
|
@@ -8764,14 +8766,14 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
8764
8766
|
buttonColor: 10,
|
|
8765
8767
|
buttonColorActive: 11
|
|
8766
8768
|
},
|
|
8767
|
-
add_css$
|
|
8769
|
+
add_css$c
|
|
8768
8770
|
);
|
|
8769
8771
|
}
|
|
8770
8772
|
}
|
|
8771
8773
|
|
|
8772
8774
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
8773
8775
|
|
|
8774
|
-
function add_css$
|
|
8776
|
+
function add_css$b(target) {
|
|
8775
8777
|
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%}");
|
|
8776
8778
|
}
|
|
8777
8779
|
|
|
@@ -8834,7 +8836,7 @@ function create_if_block_1(ctx) {
|
|
|
8834
8836
|
}
|
|
8835
8837
|
|
|
8836
8838
|
// (380:2) {#if isVisibleNextButton}
|
|
8837
|
-
function create_if_block$
|
|
8839
|
+
function create_if_block$5(ctx) {
|
|
8838
8840
|
let div;
|
|
8839
8841
|
let button;
|
|
8840
8842
|
let svg;
|
|
@@ -8936,7 +8938,7 @@ function create_each_block(ctx) {
|
|
|
8936
8938
|
};
|
|
8937
8939
|
}
|
|
8938
8940
|
|
|
8939
|
-
function create_fragment$
|
|
8941
|
+
function create_fragment$I(ctx) {
|
|
8940
8942
|
let div3;
|
|
8941
8943
|
let div1;
|
|
8942
8944
|
let div0;
|
|
@@ -8949,7 +8951,7 @@ function create_fragment$b(ctx) {
|
|
|
8949
8951
|
const default_slot_template = /*#slots*/ ctx[32].default;
|
|
8950
8952
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
|
|
8951
8953
|
let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
|
|
8952
|
-
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$
|
|
8954
|
+
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$5(ctx);
|
|
8953
8955
|
let each_value = /*items*/ ctx[1];
|
|
8954
8956
|
let each_blocks = [];
|
|
8955
8957
|
|
|
@@ -9059,7 +9061,7 @@ function create_fragment$b(ctx) {
|
|
|
9059
9061
|
if (if_block1) {
|
|
9060
9062
|
if_block1.p(ctx, dirty);
|
|
9061
9063
|
} else {
|
|
9062
|
-
if_block1 = create_if_block$
|
|
9064
|
+
if_block1 = create_if_block$5(ctx);
|
|
9063
9065
|
if_block1.c();
|
|
9064
9066
|
if_block1.m(div3, t2);
|
|
9065
9067
|
}
|
|
@@ -9131,7 +9133,7 @@ function calcPositionIndex(shift, index, length) {
|
|
|
9131
9133
|
}
|
|
9132
9134
|
}
|
|
9133
9135
|
|
|
9134
|
-
function instance$
|
|
9136
|
+
function instance$I($$self, $$props, $$invalidate) {
|
|
9135
9137
|
let slideStyle;
|
|
9136
9138
|
let slideClass;
|
|
9137
9139
|
let _loop;
|
|
@@ -9584,8 +9586,8 @@ class Slide extends SvelteComponent {
|
|
|
9584
9586
|
init(
|
|
9585
9587
|
this,
|
|
9586
9588
|
options,
|
|
9587
|
-
instance$
|
|
9588
|
-
create_fragment$
|
|
9589
|
+
instance$I,
|
|
9590
|
+
create_fragment$I,
|
|
9589
9591
|
safe_not_equal,
|
|
9590
9592
|
{
|
|
9591
9593
|
loop: 18,
|
|
@@ -9599,7 +9601,7 @@ class Slide extends SvelteComponent {
|
|
|
9599
9601
|
navigationButton: 25,
|
|
9600
9602
|
navigationEdgePosition: 26
|
|
9601
9603
|
},
|
|
9602
|
-
add_css$
|
|
9604
|
+
add_css$b,
|
|
9603
9605
|
[-1, -1, -1]
|
|
9604
9606
|
);
|
|
9605
9607
|
}
|
|
@@ -9607,11 +9609,11 @@ class Slide extends SvelteComponent {
|
|
|
9607
9609
|
|
|
9608
9610
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
9609
9611
|
|
|
9610
|
-
function add_css$
|
|
9612
|
+
function add_css$a(target) {
|
|
9611
9613
|
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}");
|
|
9612
9614
|
}
|
|
9613
9615
|
|
|
9614
|
-
function create_fragment$
|
|
9616
|
+
function create_fragment$H(ctx) {
|
|
9615
9617
|
let div1;
|
|
9616
9618
|
let div0;
|
|
9617
9619
|
let current;
|
|
@@ -9678,7 +9680,7 @@ function create_fragment$a(ctx) {
|
|
|
9678
9680
|
};
|
|
9679
9681
|
}
|
|
9680
9682
|
|
|
9681
|
-
function instance$
|
|
9683
|
+
function instance$H($$self, $$props, $$invalidate) {
|
|
9682
9684
|
let itemStyle;
|
|
9683
9685
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
9684
9686
|
const { registerItem, unregisterItem } = getContext('SLIDE');
|
|
@@ -9744,20 +9746,20 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
|
9744
9746
|
class SlideItem extends SvelteComponent {
|
|
9745
9747
|
constructor(options) {
|
|
9746
9748
|
super();
|
|
9747
|
-
init(this, options, instance$
|
|
9749
|
+
init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$a);
|
|
9748
9750
|
}
|
|
9749
9751
|
}
|
|
9750
9752
|
|
|
9751
9753
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
9752
9754
|
|
|
9753
|
-
function add_css$
|
|
9755
|
+
function add_css$9(target) {
|
|
9754
9756
|
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}");
|
|
9755
9757
|
}
|
|
9756
9758
|
|
|
9757
9759
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
|
9758
9760
|
const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
|
|
9759
9761
|
|
|
9760
|
-
function create_fragment$
|
|
9762
|
+
function create_fragment$G(ctx) {
|
|
9761
9763
|
let div1;
|
|
9762
9764
|
let div0;
|
|
9763
9765
|
let current;
|
|
@@ -9837,7 +9839,7 @@ function formatTimeDiff(ms) {
|
|
|
9837
9839
|
};
|
|
9838
9840
|
}
|
|
9839
9841
|
|
|
9840
|
-
function instance$
|
|
9842
|
+
function instance$G($$self, $$props, $$invalidate) {
|
|
9841
9843
|
let countdown;
|
|
9842
9844
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
9843
9845
|
let { timeLimit = '2023/12/31 23:59:59' } = $$props;
|
|
@@ -9898,13 +9900,13 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
|
9898
9900
|
class Countdown extends SvelteComponent {
|
|
9899
9901
|
constructor(options) {
|
|
9900
9902
|
super();
|
|
9901
|
-
init(this, options, instance$
|
|
9903
|
+
init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$9);
|
|
9902
9904
|
}
|
|
9903
9905
|
}
|
|
9904
9906
|
|
|
9905
9907
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
9906
9908
|
|
|
9907
|
-
function add_css$
|
|
9909
|
+
function add_css$8(target) {
|
|
9908
9910
|
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}");
|
|
9909
9911
|
}
|
|
9910
9912
|
|
|
@@ -9956,12 +9958,12 @@ function create_default_slot$2(ctx) {
|
|
|
9956
9958
|
};
|
|
9957
9959
|
}
|
|
9958
9960
|
|
|
9959
|
-
function create_fragment$
|
|
9961
|
+
function create_fragment$F(ctx) {
|
|
9960
9962
|
let div;
|
|
9961
9963
|
let button;
|
|
9962
9964
|
let current;
|
|
9963
9965
|
|
|
9964
|
-
button = new Button({
|
|
9966
|
+
button = new Button$1({
|
|
9965
9967
|
props: {
|
|
9966
9968
|
onClick: /*onClick*/ ctx[0],
|
|
9967
9969
|
style: /*_style*/ ctx[2],
|
|
@@ -10010,7 +10012,7 @@ function create_fragment$8(ctx) {
|
|
|
10010
10012
|
};
|
|
10011
10013
|
}
|
|
10012
10014
|
|
|
10013
|
-
function instance$
|
|
10015
|
+
function instance$F($$self, $$props, $$invalidate) {
|
|
10014
10016
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
10015
10017
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
10016
10018
|
let { eventName = '' } = $$props;
|
|
@@ -10029,18 +10031,18 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
10029
10031
|
class Box extends SvelteComponent {
|
|
10030
10032
|
constructor(options) {
|
|
10031
10033
|
super();
|
|
10032
|
-
init(this, options, instance$
|
|
10034
|
+
init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$8);
|
|
10033
10035
|
}
|
|
10034
10036
|
}
|
|
10035
10037
|
|
|
10036
10038
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10037
10039
|
|
|
10038
|
-
function add_css$
|
|
10040
|
+
function add_css$7(target) {
|
|
10039
10041
|
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)}");
|
|
10040
10042
|
}
|
|
10041
10043
|
|
|
10042
10044
|
// (56:4) {#if svg}
|
|
10043
|
-
function create_if_block(ctx) {
|
|
10045
|
+
function create_if_block$4(ctx) {
|
|
10044
10046
|
let html_tag;
|
|
10045
10047
|
let html_anchor;
|
|
10046
10048
|
|
|
@@ -10067,7 +10069,7 @@ function create_if_block(ctx) {
|
|
|
10067
10069
|
// (55:2) <Button {onClick} {style} {eventName}>
|
|
10068
10070
|
function create_default_slot$1(ctx) {
|
|
10069
10071
|
let if_block_anchor;
|
|
10070
|
-
let if_block = /*svg*/ ctx[3] && create_if_block(ctx);
|
|
10072
|
+
let if_block = /*svg*/ ctx[3] && create_if_block$4(ctx);
|
|
10071
10073
|
|
|
10072
10074
|
return {
|
|
10073
10075
|
c() {
|
|
@@ -10083,7 +10085,7 @@ function create_default_slot$1(ctx) {
|
|
|
10083
10085
|
if (if_block) {
|
|
10084
10086
|
if_block.p(ctx, dirty);
|
|
10085
10087
|
} else {
|
|
10086
|
-
if_block = create_if_block(ctx);
|
|
10088
|
+
if_block = create_if_block$4(ctx);
|
|
10087
10089
|
if_block.c();
|
|
10088
10090
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
10089
10091
|
}
|
|
@@ -10099,12 +10101,12 @@ function create_default_slot$1(ctx) {
|
|
|
10099
10101
|
};
|
|
10100
10102
|
}
|
|
10101
10103
|
|
|
10102
|
-
function create_fragment$
|
|
10104
|
+
function create_fragment$E(ctx) {
|
|
10103
10105
|
let div;
|
|
10104
10106
|
let button;
|
|
10105
10107
|
let current;
|
|
10106
10108
|
|
|
10107
|
-
button = new Button({
|
|
10109
|
+
button = new Button$1({
|
|
10108
10110
|
props: {
|
|
10109
10111
|
onClick: /*onClick*/ ctx[0],
|
|
10110
10112
|
style: /*style*/ ctx[2],
|
|
@@ -10160,7 +10162,7 @@ function parseData(dataUrl) {
|
|
|
10160
10162
|
return decodeURIComponent(data).replaceAll('\'', '"');
|
|
10161
10163
|
}
|
|
10162
10164
|
|
|
10163
|
-
function instance$
|
|
10165
|
+
function instance$E($$self, $$props, $$invalidate) {
|
|
10164
10166
|
let svg;
|
|
10165
10167
|
let styleVariables;
|
|
10166
10168
|
let style;
|
|
@@ -10208,8 +10210,8 @@ class IconElement extends SvelteComponent {
|
|
|
10208
10210
|
init(
|
|
10209
10211
|
this,
|
|
10210
10212
|
options,
|
|
10211
|
-
instance$
|
|
10212
|
-
create_fragment$
|
|
10213
|
+
instance$E,
|
|
10214
|
+
create_fragment$E,
|
|
10213
10215
|
safe_not_equal,
|
|
10214
10216
|
{
|
|
10215
10217
|
icon: 4,
|
|
@@ -10219,18 +10221,18 @@ class IconElement extends SvelteComponent {
|
|
|
10219
10221
|
color: 6,
|
|
10220
10222
|
_style: 7
|
|
10221
10223
|
},
|
|
10222
|
-
add_css$
|
|
10224
|
+
add_css$7
|
|
10223
10225
|
);
|
|
10224
10226
|
}
|
|
10225
10227
|
}
|
|
10226
10228
|
|
|
10227
10229
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10228
10230
|
|
|
10229
|
-
function add_css$
|
|
10231
|
+
function add_css$6(target) {
|
|
10230
10232
|
append_styles(target, "svelte-1ng2n51", ".codeElement.svelte-1ng2n51{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10231
10233
|
}
|
|
10232
10234
|
|
|
10233
|
-
function create_fragment$
|
|
10235
|
+
function create_fragment$D(ctx) {
|
|
10234
10236
|
let div;
|
|
10235
10237
|
let switch_instance;
|
|
10236
10238
|
let current;
|
|
@@ -10310,7 +10312,7 @@ function create_fragment$6(ctx) {
|
|
|
10310
10312
|
};
|
|
10311
10313
|
}
|
|
10312
10314
|
|
|
10313
|
-
function instance$
|
|
10315
|
+
function instance$D($$self, $$props, $$invalidate) {
|
|
10314
10316
|
let $data,
|
|
10315
10317
|
$$unsubscribe_data = noop,
|
|
10316
10318
|
$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
|
|
@@ -10335,17 +10337,17 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
|
10335
10337
|
class CodeElement extends SvelteComponent {
|
|
10336
10338
|
constructor(options) {
|
|
10337
10339
|
super();
|
|
10338
|
-
init(this, options, instance$
|
|
10340
|
+
init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$6);
|
|
10339
10341
|
}
|
|
10340
10342
|
}
|
|
10341
10343
|
|
|
10342
10344
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10343
10345
|
|
|
10344
|
-
function add_css$
|
|
10346
|
+
function add_css$5(target) {
|
|
10345
10347
|
append_styles(target, "svelte-9v2qdg", ".flex.svelte-9v2qdg{display:flex}");
|
|
10346
10348
|
}
|
|
10347
10349
|
|
|
10348
|
-
function create_fragment$
|
|
10350
|
+
function create_fragment$C(ctx) {
|
|
10349
10351
|
let div;
|
|
10350
10352
|
let div_style_value;
|
|
10351
10353
|
let current;
|
|
@@ -10410,7 +10412,7 @@ function getFlexContext() {
|
|
|
10410
10412
|
return getContext(FlexContextKey);
|
|
10411
10413
|
}
|
|
10412
10414
|
|
|
10413
|
-
function instance$
|
|
10415
|
+
function instance$C($$self, $$props, $$invalidate) {
|
|
10414
10416
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
10415
10417
|
let { direction = 'row' } = $$props;
|
|
10416
10418
|
let { width = '100%' } = $$props;
|
|
@@ -10436,8 +10438,8 @@ class Flex extends SvelteComponent {
|
|
|
10436
10438
|
init(
|
|
10437
10439
|
this,
|
|
10438
10440
|
options,
|
|
10439
|
-
instance$
|
|
10440
|
-
create_fragment$
|
|
10441
|
+
instance$C,
|
|
10442
|
+
create_fragment$C,
|
|
10441
10443
|
safe_not_equal,
|
|
10442
10444
|
{
|
|
10443
10445
|
direction: 0,
|
|
@@ -10445,18 +10447,18 @@ class Flex extends SvelteComponent {
|
|
|
10445
10447
|
height: 2,
|
|
10446
10448
|
_style: 3
|
|
10447
10449
|
},
|
|
10448
|
-
add_css$
|
|
10450
|
+
add_css$5
|
|
10449
10451
|
);
|
|
10450
10452
|
}
|
|
10451
10453
|
}
|
|
10452
10454
|
|
|
10453
10455
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
10454
10456
|
|
|
10455
|
-
function add_css$
|
|
10457
|
+
function add_css$4(target) {
|
|
10456
10458
|
append_styles(target, "svelte-164ah5d", ".flex-item.svelte-164ah5d{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
10457
10459
|
}
|
|
10458
10460
|
|
|
10459
|
-
function create_fragment$
|
|
10461
|
+
function create_fragment$B(ctx) {
|
|
10460
10462
|
let div;
|
|
10461
10463
|
let current;
|
|
10462
10464
|
const default_slot_template = /*#slots*/ ctx[4].default;
|
|
@@ -10514,7 +10516,7 @@ function create_fragment$4(ctx) {
|
|
|
10514
10516
|
};
|
|
10515
10517
|
}
|
|
10516
10518
|
|
|
10517
|
-
function instance$
|
|
10519
|
+
function instance$B($$self, $$props, $$invalidate) {
|
|
10518
10520
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
10519
10521
|
let { length } = $$props;
|
|
10520
10522
|
let { _style = '' } = $$props;
|
|
@@ -10557,7 +10559,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
|
10557
10559
|
class FlexItem extends SvelteComponent {
|
|
10558
10560
|
constructor(options) {
|
|
10559
10561
|
super();
|
|
10560
|
-
init(this, options, instance$
|
|
10562
|
+
init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$4);
|
|
10561
10563
|
}
|
|
10562
10564
|
}
|
|
10563
10565
|
|
|
@@ -10732,7 +10734,7 @@ function create_default_slot(ctx) {
|
|
|
10732
10734
|
};
|
|
10733
10735
|
}
|
|
10734
10736
|
|
|
10735
|
-
function create_fragment$
|
|
10737
|
+
function create_fragment$A(ctx) {
|
|
10736
10738
|
let stateitem;
|
|
10737
10739
|
let current;
|
|
10738
10740
|
|
|
@@ -10777,7 +10779,7 @@ function create_fragment$3(ctx) {
|
|
|
10777
10779
|
};
|
|
10778
10780
|
}
|
|
10779
10781
|
|
|
10780
|
-
function instance$
|
|
10782
|
+
function instance$A($$self, $$props, $$invalidate) {
|
|
10781
10783
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
10782
10784
|
let { path } = $$props;
|
|
10783
10785
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
@@ -10848,7 +10850,7 @@ class GridModalState extends SvelteComponent {
|
|
|
10848
10850
|
constructor(options) {
|
|
10849
10851
|
super();
|
|
10850
10852
|
|
|
10851
|
-
init(this, options, instance$
|
|
10853
|
+
init(this, options, instance$A, create_fragment$A, safe_not_equal, {
|
|
10852
10854
|
path: 0,
|
|
10853
10855
|
onClick: 1,
|
|
10854
10856
|
clickEventName: 2,
|
|
@@ -10873,11 +10875,11 @@ class GridModalState extends SvelteComponent {
|
|
|
10873
10875
|
|
|
10874
10876
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
10875
10877
|
|
|
10876
|
-
function add_css$
|
|
10878
|
+
function add_css$3(target) {
|
|
10877
10879
|
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%}");
|
|
10878
10880
|
}
|
|
10879
10881
|
|
|
10880
|
-
function create_fragment$
|
|
10882
|
+
function create_fragment$z(ctx) {
|
|
10881
10883
|
let div1;
|
|
10882
10884
|
let div0;
|
|
10883
10885
|
let rendertext;
|
|
@@ -10929,7 +10931,7 @@ function create_fragment$2(ctx) {
|
|
|
10929
10931
|
};
|
|
10930
10932
|
}
|
|
10931
10933
|
|
|
10932
|
-
function instance$
|
|
10934
|
+
function instance$z($$self, $$props, $$invalidate) {
|
|
10933
10935
|
let style;
|
|
10934
10936
|
let { text = 'サンプルSample' } = $$props;
|
|
10935
10937
|
let { font = SYSTEM_FONT } = $$props;
|
|
@@ -10965,8 +10967,8 @@ class TextBlock extends SvelteComponent {
|
|
|
10965
10967
|
init(
|
|
10966
10968
|
this,
|
|
10967
10969
|
options,
|
|
10968
|
-
instance$
|
|
10969
|
-
create_fragment$
|
|
10970
|
+
instance$z,
|
|
10971
|
+
create_fragment$z,
|
|
10970
10972
|
safe_not_equal,
|
|
10971
10973
|
{
|
|
10972
10974
|
text: 0,
|
|
@@ -10975,18 +10977,18 @@ class TextBlock extends SvelteComponent {
|
|
|
10975
10977
|
textDirection: 1,
|
|
10976
10978
|
_style: 5
|
|
10977
10979
|
},
|
|
10978
|
-
add_css$
|
|
10980
|
+
add_css$3
|
|
10979
10981
|
);
|
|
10980
10982
|
}
|
|
10981
10983
|
}
|
|
10982
10984
|
|
|
10983
10985
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
10984
10986
|
|
|
10985
|
-
function add_css$
|
|
10987
|
+
function add_css$2(target) {
|
|
10986
10988
|
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)}");
|
|
10987
10989
|
}
|
|
10988
10990
|
|
|
10989
|
-
function create_fragment$
|
|
10991
|
+
function create_fragment$y(ctx) {
|
|
10990
10992
|
let div;
|
|
10991
10993
|
let button;
|
|
10992
10994
|
let rendertext;
|
|
@@ -11047,7 +11049,7 @@ function create_fragment$1(ctx) {
|
|
|
11047
11049
|
};
|
|
11048
11050
|
}
|
|
11049
11051
|
|
|
11050
|
-
function instance$
|
|
11052
|
+
function instance$y($$self, $$props, $$invalidate) {
|
|
11051
11053
|
let { text = 'ボタンラベル' } = $$props;
|
|
11052
11054
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
11053
11055
|
|
|
@@ -11089,8 +11091,8 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11089
11091
|
init(
|
|
11090
11092
|
this,
|
|
11091
11093
|
options,
|
|
11092
|
-
instance$
|
|
11093
|
-
create_fragment$
|
|
11094
|
+
instance$y,
|
|
11095
|
+
create_fragment$y,
|
|
11094
11096
|
safe_not_equal,
|
|
11095
11097
|
{
|
|
11096
11098
|
text: 0,
|
|
@@ -11100,18 +11102,18 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11100
11102
|
_buttonStyle: 1,
|
|
11101
11103
|
_style: 2
|
|
11102
11104
|
},
|
|
11103
|
-
add_css$
|
|
11105
|
+
add_css$2
|
|
11104
11106
|
);
|
|
11105
11107
|
}
|
|
11106
11108
|
}
|
|
11107
11109
|
|
|
11108
11110
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11109
11111
|
|
|
11110
|
-
function add_css(target) {
|
|
11112
|
+
function add_css$1(target) {
|
|
11111
11113
|
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)}");
|
|
11112
11114
|
}
|
|
11113
11115
|
|
|
11114
|
-
function create_fragment(ctx) {
|
|
11116
|
+
function create_fragment$x(ctx) {
|
|
11115
11117
|
let div;
|
|
11116
11118
|
let img;
|
|
11117
11119
|
let img_style_value;
|
|
@@ -11174,7 +11176,7 @@ function create_fragment(ctx) {
|
|
|
11174
11176
|
};
|
|
11175
11177
|
}
|
|
11176
11178
|
|
|
11177
|
-
function instance($$self, $$props, $$invalidate) {
|
|
11179
|
+
function instance$x($$self, $$props, $$invalidate) {
|
|
11178
11180
|
let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
|
|
11179
11181
|
let { alt = 'No Image' } = $$props;
|
|
11180
11182
|
let { transport = false } = $$props;
|
|
@@ -11214,8 +11216,8 @@ class ImageBlock extends SvelteComponent {
|
|
|
11214
11216
|
init(
|
|
11215
11217
|
this,
|
|
11216
11218
|
options,
|
|
11217
|
-
instance,
|
|
11218
|
-
create_fragment,
|
|
11219
|
+
instance$x,
|
|
11220
|
+
create_fragment$x,
|
|
11219
11221
|
safe_not_equal,
|
|
11220
11222
|
{
|
|
11221
11223
|
src: 0,
|
|
@@ -11227,9 +11229,2453 @@ class ImageBlock extends SvelteComponent {
|
|
|
11227
11229
|
_imageStyle: 4,
|
|
11228
11230
|
_style: 5
|
|
11229
11231
|
},
|
|
11230
|
-
add_css
|
|
11232
|
+
add_css$1
|
|
11231
11233
|
);
|
|
11232
11234
|
}
|
|
11233
11235
|
}
|
|
11234
11236
|
|
|
11235
|
-
|
|
11237
|
+
/* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
|
|
11238
|
+
|
|
11239
|
+
function create_fragment$w(ctx) {
|
|
11240
|
+
let svg;
|
|
11241
|
+
let path;
|
|
11242
|
+
|
|
11243
|
+
return {
|
|
11244
|
+
c() {
|
|
11245
|
+
svg = svg_element("svg");
|
|
11246
|
+
path = svg_element("path");
|
|
11247
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11248
|
+
attr(path, "d", "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z");
|
|
11249
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11250
|
+
set_style(svg, "width", "100%");
|
|
11251
|
+
set_style(svg, "height", "100%");
|
|
11252
|
+
attr(svg, "viewBox", "0 0 384 512");
|
|
11253
|
+
},
|
|
11254
|
+
m(target, anchor) {
|
|
11255
|
+
insert(target, svg, anchor);
|
|
11256
|
+
append(svg, path);
|
|
11257
|
+
},
|
|
11258
|
+
p(ctx, [dirty]) {
|
|
11259
|
+
if (dirty & /*color*/ 1) {
|
|
11260
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11261
|
+
}
|
|
11262
|
+
},
|
|
11263
|
+
i: noop,
|
|
11264
|
+
o: noop,
|
|
11265
|
+
d(detaching) {
|
|
11266
|
+
if (detaching) detach(svg);
|
|
11267
|
+
}
|
|
11268
|
+
};
|
|
11269
|
+
}
|
|
11270
|
+
|
|
11271
|
+
function instance$w($$self, $$props, $$invalidate) {
|
|
11272
|
+
let { color } = $$props;
|
|
11273
|
+
|
|
11274
|
+
$$self.$$set = $$props => {
|
|
11275
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11276
|
+
};
|
|
11277
|
+
|
|
11278
|
+
return [color];
|
|
11279
|
+
}
|
|
11280
|
+
|
|
11281
|
+
class IconArrowDown extends SvelteComponent {
|
|
11282
|
+
constructor(options) {
|
|
11283
|
+
super();
|
|
11284
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
|
|
11285
|
+
}
|
|
11286
|
+
}
|
|
11287
|
+
|
|
11288
|
+
/* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
|
|
11289
|
+
|
|
11290
|
+
function create_fragment$v(ctx) {
|
|
11291
|
+
let svg;
|
|
11292
|
+
let path;
|
|
11293
|
+
|
|
11294
|
+
return {
|
|
11295
|
+
c() {
|
|
11296
|
+
svg = svg_element("svg");
|
|
11297
|
+
path = svg_element("path");
|
|
11298
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11299
|
+
attr(path, "d", "M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z");
|
|
11300
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11301
|
+
set_style(svg, "width", "100%");
|
|
11302
|
+
set_style(svg, "height", "100%");
|
|
11303
|
+
attr(svg, "viewBox", "0 0 384 512");
|
|
11304
|
+
},
|
|
11305
|
+
m(target, anchor) {
|
|
11306
|
+
insert(target, svg, anchor);
|
|
11307
|
+
append(svg, path);
|
|
11308
|
+
},
|
|
11309
|
+
p(ctx, [dirty]) {
|
|
11310
|
+
if (dirty & /*color*/ 1) {
|
|
11311
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11312
|
+
}
|
|
11313
|
+
},
|
|
11314
|
+
i: noop,
|
|
11315
|
+
o: noop,
|
|
11316
|
+
d(detaching) {
|
|
11317
|
+
if (detaching) detach(svg);
|
|
11318
|
+
}
|
|
11319
|
+
};
|
|
11320
|
+
}
|
|
11321
|
+
|
|
11322
|
+
function instance$v($$self, $$props, $$invalidate) {
|
|
11323
|
+
let { color } = $$props;
|
|
11324
|
+
|
|
11325
|
+
$$self.$$set = $$props => {
|
|
11326
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11327
|
+
};
|
|
11328
|
+
|
|
11329
|
+
return [color];
|
|
11330
|
+
}
|
|
11331
|
+
|
|
11332
|
+
class IconArrowUp extends SvelteComponent {
|
|
11333
|
+
constructor(options) {
|
|
11334
|
+
super();
|
|
11335
|
+
init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
|
|
11336
|
+
}
|
|
11337
|
+
}
|
|
11338
|
+
|
|
11339
|
+
/* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
|
|
11340
|
+
|
|
11341
|
+
function create_fragment$u(ctx) {
|
|
11342
|
+
let svg;
|
|
11343
|
+
let path;
|
|
11344
|
+
|
|
11345
|
+
return {
|
|
11346
|
+
c() {
|
|
11347
|
+
svg = svg_element("svg");
|
|
11348
|
+
path = svg_element("path");
|
|
11349
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11350
|
+
attr(path, "d", "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z");
|
|
11351
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11352
|
+
set_style(svg, "width", "100%");
|
|
11353
|
+
set_style(svg, "height", "100%");
|
|
11354
|
+
attr(svg, "viewBox", "0 0 640 512");
|
|
11355
|
+
},
|
|
11356
|
+
m(target, anchor) {
|
|
11357
|
+
insert(target, svg, anchor);
|
|
11358
|
+
append(svg, path);
|
|
11359
|
+
},
|
|
11360
|
+
p(ctx, [dirty]) {
|
|
11361
|
+
if (dirty & /*color*/ 1) {
|
|
11362
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11363
|
+
}
|
|
11364
|
+
},
|
|
11365
|
+
i: noop,
|
|
11366
|
+
o: noop,
|
|
11367
|
+
d(detaching) {
|
|
11368
|
+
if (detaching) detach(svg);
|
|
11369
|
+
}
|
|
11370
|
+
};
|
|
11371
|
+
}
|
|
11372
|
+
|
|
11373
|
+
function instance$u($$self, $$props, $$invalidate) {
|
|
11374
|
+
let { color } = $$props;
|
|
11375
|
+
|
|
11376
|
+
$$self.$$set = $$props => {
|
|
11377
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11378
|
+
};
|
|
11379
|
+
|
|
11380
|
+
return [color];
|
|
11381
|
+
}
|
|
11382
|
+
|
|
11383
|
+
class IconUsers extends SvelteComponent {
|
|
11384
|
+
constructor(options) {
|
|
11385
|
+
super();
|
|
11386
|
+
init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
|
|
11387
|
+
}
|
|
11388
|
+
}
|
|
11389
|
+
|
|
11390
|
+
/* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
|
|
11391
|
+
|
|
11392
|
+
function create_fragment$t(ctx) {
|
|
11393
|
+
let svg;
|
|
11394
|
+
let path;
|
|
11395
|
+
|
|
11396
|
+
return {
|
|
11397
|
+
c() {
|
|
11398
|
+
svg = svg_element("svg");
|
|
11399
|
+
path = svg_element("path");
|
|
11400
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11401
|
+
attr(path, "d", "M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z");
|
|
11402
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11403
|
+
set_style(svg, "width", "100%");
|
|
11404
|
+
set_style(svg, "height", "100%");
|
|
11405
|
+
attr(svg, "viewBox", "0 0 448 512");
|
|
11406
|
+
},
|
|
11407
|
+
m(target, anchor) {
|
|
11408
|
+
insert(target, svg, anchor);
|
|
11409
|
+
append(svg, path);
|
|
11410
|
+
},
|
|
11411
|
+
p(ctx, [dirty]) {
|
|
11412
|
+
if (dirty & /*color*/ 1) {
|
|
11413
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11414
|
+
}
|
|
11415
|
+
},
|
|
11416
|
+
i: noop,
|
|
11417
|
+
o: noop,
|
|
11418
|
+
d(detaching) {
|
|
11419
|
+
if (detaching) detach(svg);
|
|
11420
|
+
}
|
|
11421
|
+
};
|
|
11422
|
+
}
|
|
11423
|
+
|
|
11424
|
+
function instance$t($$self, $$props, $$invalidate) {
|
|
11425
|
+
let { color } = $$props;
|
|
11426
|
+
|
|
11427
|
+
$$self.$$set = $$props => {
|
|
11428
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11429
|
+
};
|
|
11430
|
+
|
|
11431
|
+
return [color];
|
|
11432
|
+
}
|
|
11433
|
+
|
|
11434
|
+
class IconArrowLeft extends SvelteComponent {
|
|
11435
|
+
constructor(options) {
|
|
11436
|
+
super();
|
|
11437
|
+
init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
|
|
11438
|
+
}
|
|
11439
|
+
}
|
|
11440
|
+
|
|
11441
|
+
/* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
|
|
11442
|
+
|
|
11443
|
+
function create_fragment$s(ctx) {
|
|
11444
|
+
let svg;
|
|
11445
|
+
let path;
|
|
11446
|
+
|
|
11447
|
+
return {
|
|
11448
|
+
c() {
|
|
11449
|
+
svg = svg_element("svg");
|
|
11450
|
+
path = svg_element("path");
|
|
11451
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11452
|
+
attr(path, "d", "M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z");
|
|
11453
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11454
|
+
set_style(svg, "width", "100%");
|
|
11455
|
+
set_style(svg, "height", "100%");
|
|
11456
|
+
attr(svg, "viewBox", "0 0 448 512");
|
|
11457
|
+
},
|
|
11458
|
+
m(target, anchor) {
|
|
11459
|
+
insert(target, svg, anchor);
|
|
11460
|
+
append(svg, path);
|
|
11461
|
+
},
|
|
11462
|
+
p(ctx, [dirty]) {
|
|
11463
|
+
if (dirty & /*color*/ 1) {
|
|
11464
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11465
|
+
}
|
|
11466
|
+
},
|
|
11467
|
+
i: noop,
|
|
11468
|
+
o: noop,
|
|
11469
|
+
d(detaching) {
|
|
11470
|
+
if (detaching) detach(svg);
|
|
11471
|
+
}
|
|
11472
|
+
};
|
|
11473
|
+
}
|
|
11474
|
+
|
|
11475
|
+
function instance$s($$self, $$props, $$invalidate) {
|
|
11476
|
+
let { color } = $$props;
|
|
11477
|
+
|
|
11478
|
+
$$self.$$set = $$props => {
|
|
11479
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11480
|
+
};
|
|
11481
|
+
|
|
11482
|
+
return [color];
|
|
11483
|
+
}
|
|
11484
|
+
|
|
11485
|
+
class IconArrowRight extends SvelteComponent {
|
|
11486
|
+
constructor(options) {
|
|
11487
|
+
super();
|
|
11488
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
|
|
11489
|
+
}
|
|
11490
|
+
}
|
|
11491
|
+
|
|
11492
|
+
/* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
|
|
11493
|
+
|
|
11494
|
+
function create_fragment$r(ctx) {
|
|
11495
|
+
let svg;
|
|
11496
|
+
let path;
|
|
11497
|
+
|
|
11498
|
+
return {
|
|
11499
|
+
c() {
|
|
11500
|
+
svg = svg_element("svg");
|
|
11501
|
+
path = svg_element("path");
|
|
11502
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11503
|
+
attr(path, "d", "M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z");
|
|
11504
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11505
|
+
set_style(svg, "width", "100%");
|
|
11506
|
+
set_style(svg, "height", "100%");
|
|
11507
|
+
attr(svg, "viewBox", "0 0 448 512");
|
|
11508
|
+
},
|
|
11509
|
+
m(target, anchor) {
|
|
11510
|
+
insert(target, svg, anchor);
|
|
11511
|
+
append(svg, path);
|
|
11512
|
+
},
|
|
11513
|
+
p(ctx, [dirty]) {
|
|
11514
|
+
if (dirty & /*color*/ 1) {
|
|
11515
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11516
|
+
}
|
|
11517
|
+
},
|
|
11518
|
+
i: noop,
|
|
11519
|
+
o: noop,
|
|
11520
|
+
d(detaching) {
|
|
11521
|
+
if (detaching) detach(svg);
|
|
11522
|
+
}
|
|
11523
|
+
};
|
|
11524
|
+
}
|
|
11525
|
+
|
|
11526
|
+
function instance$r($$self, $$props, $$invalidate) {
|
|
11527
|
+
let { color } = $$props;
|
|
11528
|
+
|
|
11529
|
+
$$self.$$set = $$props => {
|
|
11530
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11531
|
+
};
|
|
11532
|
+
|
|
11533
|
+
return [color];
|
|
11534
|
+
}
|
|
11535
|
+
|
|
11536
|
+
class IconBell extends SvelteComponent {
|
|
11537
|
+
constructor(options) {
|
|
11538
|
+
super();
|
|
11539
|
+
init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
|
|
11540
|
+
}
|
|
11541
|
+
}
|
|
11542
|
+
|
|
11543
|
+
/* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
|
|
11544
|
+
|
|
11545
|
+
function create_fragment$q(ctx) {
|
|
11546
|
+
let svg;
|
|
11547
|
+
let path;
|
|
11548
|
+
|
|
11549
|
+
return {
|
|
11550
|
+
c() {
|
|
11551
|
+
svg = svg_element("svg");
|
|
11552
|
+
path = svg_element("path");
|
|
11553
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11554
|
+
attr(path, "d", "M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z");
|
|
11555
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11556
|
+
set_style(svg, "width", "100%");
|
|
11557
|
+
set_style(svg, "height", "100%");
|
|
11558
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
11559
|
+
},
|
|
11560
|
+
m(target, anchor) {
|
|
11561
|
+
insert(target, svg, anchor);
|
|
11562
|
+
append(svg, path);
|
|
11563
|
+
},
|
|
11564
|
+
p(ctx, [dirty]) {
|
|
11565
|
+
if (dirty & /*color*/ 1) {
|
|
11566
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11567
|
+
}
|
|
11568
|
+
},
|
|
11569
|
+
i: noop,
|
|
11570
|
+
o: noop,
|
|
11571
|
+
d(detaching) {
|
|
11572
|
+
if (detaching) detach(svg);
|
|
11573
|
+
}
|
|
11574
|
+
};
|
|
11575
|
+
}
|
|
11576
|
+
|
|
11577
|
+
function instance$q($$self, $$props, $$invalidate) {
|
|
11578
|
+
let { color } = $$props;
|
|
11579
|
+
|
|
11580
|
+
$$self.$$set = $$props => {
|
|
11581
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11582
|
+
};
|
|
11583
|
+
|
|
11584
|
+
return [color];
|
|
11585
|
+
}
|
|
11586
|
+
|
|
11587
|
+
class IconArrowUpFromSquare extends SvelteComponent {
|
|
11588
|
+
constructor(options) {
|
|
11589
|
+
super();
|
|
11590
|
+
init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
|
|
11591
|
+
}
|
|
11592
|
+
}
|
|
11593
|
+
|
|
11594
|
+
/* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
|
|
11595
|
+
|
|
11596
|
+
function create_fragment$p(ctx) {
|
|
11597
|
+
let svg;
|
|
11598
|
+
let path;
|
|
11599
|
+
|
|
11600
|
+
return {
|
|
11601
|
+
c() {
|
|
11602
|
+
svg = svg_element("svg");
|
|
11603
|
+
path = svg_element("path");
|
|
11604
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11605
|
+
attr(path, "d", "M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z");
|
|
11606
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11607
|
+
set_style(svg, "width", "100%");
|
|
11608
|
+
set_style(svg, "height", "100%");
|
|
11609
|
+
attr(svg, "viewBox", "0 0 576 512");
|
|
11610
|
+
},
|
|
11611
|
+
m(target, anchor) {
|
|
11612
|
+
insert(target, svg, anchor);
|
|
11613
|
+
append(svg, path);
|
|
11614
|
+
},
|
|
11615
|
+
p(ctx, [dirty]) {
|
|
11616
|
+
if (dirty & /*color*/ 1) {
|
|
11617
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11618
|
+
}
|
|
11619
|
+
},
|
|
11620
|
+
i: noop,
|
|
11621
|
+
o: noop,
|
|
11622
|
+
d(detaching) {
|
|
11623
|
+
if (detaching) detach(svg);
|
|
11624
|
+
}
|
|
11625
|
+
};
|
|
11626
|
+
}
|
|
11627
|
+
|
|
11628
|
+
function instance$p($$self, $$props, $$invalidate) {
|
|
11629
|
+
let { color } = $$props;
|
|
11630
|
+
|
|
11631
|
+
$$self.$$set = $$props => {
|
|
11632
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11633
|
+
};
|
|
11634
|
+
|
|
11635
|
+
return [color];
|
|
11636
|
+
}
|
|
11637
|
+
|
|
11638
|
+
class IconTicket extends SvelteComponent {
|
|
11639
|
+
constructor(options) {
|
|
11640
|
+
super();
|
|
11641
|
+
init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
|
|
11642
|
+
}
|
|
11643
|
+
}
|
|
11644
|
+
|
|
11645
|
+
/* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
|
|
11646
|
+
|
|
11647
|
+
function create_fragment$o(ctx) {
|
|
11648
|
+
let svg;
|
|
11649
|
+
let path;
|
|
11650
|
+
|
|
11651
|
+
return {
|
|
11652
|
+
c() {
|
|
11653
|
+
svg = svg_element("svg");
|
|
11654
|
+
path = svg_element("path");
|
|
11655
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11656
|
+
attr(path, "d", "M48 0C21.5 0 0 21.5 0 48V368c0 26.5 21.5 48 48 48H64c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H48zM416 160h50.7L544 237.3V256H416V160zM112 416a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm368-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z");
|
|
11657
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11658
|
+
set_style(svg, "width", "100%");
|
|
11659
|
+
set_style(svg, "height", "100%");
|
|
11660
|
+
attr(svg, "viewBox", "0 0 640 512");
|
|
11661
|
+
},
|
|
11662
|
+
m(target, anchor) {
|
|
11663
|
+
insert(target, svg, anchor);
|
|
11664
|
+
append(svg, path);
|
|
11665
|
+
},
|
|
11666
|
+
p(ctx, [dirty]) {
|
|
11667
|
+
if (dirty & /*color*/ 1) {
|
|
11668
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11669
|
+
}
|
|
11670
|
+
},
|
|
11671
|
+
i: noop,
|
|
11672
|
+
o: noop,
|
|
11673
|
+
d(detaching) {
|
|
11674
|
+
if (detaching) detach(svg);
|
|
11675
|
+
}
|
|
11676
|
+
};
|
|
11677
|
+
}
|
|
11678
|
+
|
|
11679
|
+
function instance$o($$self, $$props, $$invalidate) {
|
|
11680
|
+
let { color } = $$props;
|
|
11681
|
+
|
|
11682
|
+
$$self.$$set = $$props => {
|
|
11683
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11684
|
+
};
|
|
11685
|
+
|
|
11686
|
+
return [color];
|
|
11687
|
+
}
|
|
11688
|
+
|
|
11689
|
+
class IconTrack extends SvelteComponent {
|
|
11690
|
+
constructor(options) {
|
|
11691
|
+
super();
|
|
11692
|
+
init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
|
|
11693
|
+
}
|
|
11694
|
+
}
|
|
11695
|
+
|
|
11696
|
+
/* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
|
|
11697
|
+
|
|
11698
|
+
function create_fragment$n(ctx) {
|
|
11699
|
+
let svg;
|
|
11700
|
+
let path;
|
|
11701
|
+
|
|
11702
|
+
return {
|
|
11703
|
+
c() {
|
|
11704
|
+
svg = svg_element("svg");
|
|
11705
|
+
path = svg_element("path");
|
|
11706
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11707
|
+
attr(path, "d", "M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z");
|
|
11708
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11709
|
+
set_style(svg, "width", "100%");
|
|
11710
|
+
set_style(svg, "height", "100%");
|
|
11711
|
+
attr(svg, "viewBox", "0 0 576 512");
|
|
11712
|
+
},
|
|
11713
|
+
m(target, anchor) {
|
|
11714
|
+
insert(target, svg, anchor);
|
|
11715
|
+
append(svg, path);
|
|
11716
|
+
},
|
|
11717
|
+
p(ctx, [dirty]) {
|
|
11718
|
+
if (dirty & /*color*/ 1) {
|
|
11719
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11720
|
+
}
|
|
11721
|
+
},
|
|
11722
|
+
i: noop,
|
|
11723
|
+
o: noop,
|
|
11724
|
+
d(detaching) {
|
|
11725
|
+
if (detaching) detach(svg);
|
|
11726
|
+
}
|
|
11727
|
+
};
|
|
11728
|
+
}
|
|
11729
|
+
|
|
11730
|
+
function instance$n($$self, $$props, $$invalidate) {
|
|
11731
|
+
let { color } = $$props;
|
|
11732
|
+
|
|
11733
|
+
$$self.$$set = $$props => {
|
|
11734
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11735
|
+
};
|
|
11736
|
+
|
|
11737
|
+
return [color];
|
|
11738
|
+
}
|
|
11739
|
+
|
|
11740
|
+
class IconCartShopping extends SvelteComponent {
|
|
11741
|
+
constructor(options) {
|
|
11742
|
+
super();
|
|
11743
|
+
init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
|
|
11744
|
+
}
|
|
11745
|
+
}
|
|
11746
|
+
|
|
11747
|
+
/* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
|
|
11748
|
+
|
|
11749
|
+
function create_fragment$m(ctx) {
|
|
11750
|
+
let svg;
|
|
11751
|
+
let path;
|
|
11752
|
+
|
|
11753
|
+
return {
|
|
11754
|
+
c() {
|
|
11755
|
+
svg = svg_element("svg");
|
|
11756
|
+
path = svg_element("path");
|
|
11757
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11758
|
+
attr(path, "d", "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z");
|
|
11759
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11760
|
+
set_style(svg, "width", "100%");
|
|
11761
|
+
set_style(svg, "height", "100%");
|
|
11762
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
11763
|
+
},
|
|
11764
|
+
m(target, anchor) {
|
|
11765
|
+
insert(target, svg, anchor);
|
|
11766
|
+
append(svg, path);
|
|
11767
|
+
},
|
|
11768
|
+
p(ctx, [dirty]) {
|
|
11769
|
+
if (dirty & /*color*/ 1) {
|
|
11770
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11771
|
+
}
|
|
11772
|
+
},
|
|
11773
|
+
i: noop,
|
|
11774
|
+
o: noop,
|
|
11775
|
+
d(detaching) {
|
|
11776
|
+
if (detaching) detach(svg);
|
|
11777
|
+
}
|
|
11778
|
+
};
|
|
11779
|
+
}
|
|
11780
|
+
|
|
11781
|
+
function instance$m($$self, $$props, $$invalidate) {
|
|
11782
|
+
let { color } = $$props;
|
|
11783
|
+
|
|
11784
|
+
$$self.$$set = $$props => {
|
|
11785
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11786
|
+
};
|
|
11787
|
+
|
|
11788
|
+
return [color];
|
|
11789
|
+
}
|
|
11790
|
+
|
|
11791
|
+
class IconCircle extends SvelteComponent {
|
|
11792
|
+
constructor(options) {
|
|
11793
|
+
super();
|
|
11794
|
+
init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
|
|
11795
|
+
}
|
|
11796
|
+
}
|
|
11797
|
+
|
|
11798
|
+
/* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
|
|
11799
|
+
|
|
11800
|
+
function create_fragment$l(ctx) {
|
|
11801
|
+
let svg;
|
|
11802
|
+
let path;
|
|
11803
|
+
|
|
11804
|
+
return {
|
|
11805
|
+
c() {
|
|
11806
|
+
svg = svg_element("svg");
|
|
11807
|
+
path = svg_element("path");
|
|
11808
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11809
|
+
attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z");
|
|
11810
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11811
|
+
set_style(svg, "width", "100%");
|
|
11812
|
+
set_style(svg, "height", "100%");
|
|
11813
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
11814
|
+
},
|
|
11815
|
+
m(target, anchor) {
|
|
11816
|
+
insert(target, svg, anchor);
|
|
11817
|
+
append(svg, path);
|
|
11818
|
+
},
|
|
11819
|
+
p(ctx, [dirty]) {
|
|
11820
|
+
if (dirty & /*color*/ 1) {
|
|
11821
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11822
|
+
}
|
|
11823
|
+
},
|
|
11824
|
+
i: noop,
|
|
11825
|
+
o: noop,
|
|
11826
|
+
d(detaching) {
|
|
11827
|
+
if (detaching) detach(svg);
|
|
11828
|
+
}
|
|
11829
|
+
};
|
|
11830
|
+
}
|
|
11831
|
+
|
|
11832
|
+
function instance$l($$self, $$props, $$invalidate) {
|
|
11833
|
+
let { color } = $$props;
|
|
11834
|
+
|
|
11835
|
+
$$self.$$set = $$props => {
|
|
11836
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11837
|
+
};
|
|
11838
|
+
|
|
11839
|
+
return [color];
|
|
11840
|
+
}
|
|
11841
|
+
|
|
11842
|
+
class IconCircleQuestion extends SvelteComponent {
|
|
11843
|
+
constructor(options) {
|
|
11844
|
+
super();
|
|
11845
|
+
init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
|
|
11846
|
+
}
|
|
11847
|
+
}
|
|
11848
|
+
|
|
11849
|
+
/* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
|
|
11850
|
+
|
|
11851
|
+
function create_fragment$k(ctx) {
|
|
11852
|
+
let svg;
|
|
11853
|
+
let path;
|
|
11854
|
+
|
|
11855
|
+
return {
|
|
11856
|
+
c() {
|
|
11857
|
+
svg = svg_element("svg");
|
|
11858
|
+
path = svg_element("path");
|
|
11859
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11860
|
+
attr(path, "d", "M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z");
|
|
11861
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11862
|
+
set_style(svg, "width", "100%");
|
|
11863
|
+
set_style(svg, "height", "100%");
|
|
11864
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
11865
|
+
},
|
|
11866
|
+
m(target, anchor) {
|
|
11867
|
+
insert(target, svg, anchor);
|
|
11868
|
+
append(svg, path);
|
|
11869
|
+
},
|
|
11870
|
+
p(ctx, [dirty]) {
|
|
11871
|
+
if (dirty & /*color*/ 1) {
|
|
11872
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11873
|
+
}
|
|
11874
|
+
},
|
|
11875
|
+
i: noop,
|
|
11876
|
+
o: noop,
|
|
11877
|
+
d(detaching) {
|
|
11878
|
+
if (detaching) detach(svg);
|
|
11879
|
+
}
|
|
11880
|
+
};
|
|
11881
|
+
}
|
|
11882
|
+
|
|
11883
|
+
function instance$k($$self, $$props, $$invalidate) {
|
|
11884
|
+
let { color } = $$props;
|
|
11885
|
+
|
|
11886
|
+
$$self.$$set = $$props => {
|
|
11887
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11888
|
+
};
|
|
11889
|
+
|
|
11890
|
+
return [color];
|
|
11891
|
+
}
|
|
11892
|
+
|
|
11893
|
+
class IconCheck extends SvelteComponent {
|
|
11894
|
+
constructor(options) {
|
|
11895
|
+
super();
|
|
11896
|
+
init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
|
|
11897
|
+
}
|
|
11898
|
+
}
|
|
11899
|
+
|
|
11900
|
+
/* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
|
|
11901
|
+
|
|
11902
|
+
function create_fragment$j(ctx) {
|
|
11903
|
+
let svg;
|
|
11904
|
+
let path;
|
|
11905
|
+
|
|
11906
|
+
return {
|
|
11907
|
+
c() {
|
|
11908
|
+
svg = svg_element("svg");
|
|
11909
|
+
path = svg_element("path");
|
|
11910
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11911
|
+
attr(path, "d", "M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z");
|
|
11912
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11913
|
+
set_style(svg, "width", "100%");
|
|
11914
|
+
set_style(svg, "height", "100%");
|
|
11915
|
+
attr(svg, "viewBox", "0 0 320 512");
|
|
11916
|
+
},
|
|
11917
|
+
m(target, anchor) {
|
|
11918
|
+
insert(target, svg, anchor);
|
|
11919
|
+
append(svg, path);
|
|
11920
|
+
},
|
|
11921
|
+
p(ctx, [dirty]) {
|
|
11922
|
+
if (dirty & /*color*/ 1) {
|
|
11923
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11924
|
+
}
|
|
11925
|
+
},
|
|
11926
|
+
i: noop,
|
|
11927
|
+
o: noop,
|
|
11928
|
+
d(detaching) {
|
|
11929
|
+
if (detaching) detach(svg);
|
|
11930
|
+
}
|
|
11931
|
+
};
|
|
11932
|
+
}
|
|
11933
|
+
|
|
11934
|
+
function instance$j($$self, $$props, $$invalidate) {
|
|
11935
|
+
let { color } = $$props;
|
|
11936
|
+
|
|
11937
|
+
$$self.$$set = $$props => {
|
|
11938
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11939
|
+
};
|
|
11940
|
+
|
|
11941
|
+
return [color];
|
|
11942
|
+
}
|
|
11943
|
+
|
|
11944
|
+
class IconXMark extends SvelteComponent {
|
|
11945
|
+
constructor(options) {
|
|
11946
|
+
super();
|
|
11947
|
+
init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
|
|
11948
|
+
}
|
|
11949
|
+
}
|
|
11950
|
+
|
|
11951
|
+
/* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
|
|
11952
|
+
|
|
11953
|
+
function create_fragment$i(ctx) {
|
|
11954
|
+
let svg;
|
|
11955
|
+
let path;
|
|
11956
|
+
|
|
11957
|
+
return {
|
|
11958
|
+
c() {
|
|
11959
|
+
svg = svg_element("svg");
|
|
11960
|
+
path = svg_element("path");
|
|
11961
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11962
|
+
attr(path, "d", "M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z");
|
|
11963
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11964
|
+
set_style(svg, "width", "100%");
|
|
11965
|
+
set_style(svg, "height", "100%");
|
|
11966
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
11967
|
+
},
|
|
11968
|
+
m(target, anchor) {
|
|
11969
|
+
insert(target, svg, anchor);
|
|
11970
|
+
append(svg, path);
|
|
11971
|
+
},
|
|
11972
|
+
p(ctx, [dirty]) {
|
|
11973
|
+
if (dirty & /*color*/ 1) {
|
|
11974
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
11975
|
+
}
|
|
11976
|
+
},
|
|
11977
|
+
i: noop,
|
|
11978
|
+
o: noop,
|
|
11979
|
+
d(detaching) {
|
|
11980
|
+
if (detaching) detach(svg);
|
|
11981
|
+
}
|
|
11982
|
+
};
|
|
11983
|
+
}
|
|
11984
|
+
|
|
11985
|
+
function instance$i($$self, $$props, $$invalidate) {
|
|
11986
|
+
let { color } = $$props;
|
|
11987
|
+
|
|
11988
|
+
$$self.$$set = $$props => {
|
|
11989
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
11990
|
+
};
|
|
11991
|
+
|
|
11992
|
+
return [color];
|
|
11993
|
+
}
|
|
11994
|
+
|
|
11995
|
+
class IconPaperPlane extends SvelteComponent {
|
|
11996
|
+
constructor(options) {
|
|
11997
|
+
super();
|
|
11998
|
+
init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
|
|
11999
|
+
}
|
|
12000
|
+
}
|
|
12001
|
+
|
|
12002
|
+
/* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
|
|
12003
|
+
|
|
12004
|
+
function create_fragment$h(ctx) {
|
|
12005
|
+
let svg;
|
|
12006
|
+
let path;
|
|
12007
|
+
|
|
12008
|
+
return {
|
|
12009
|
+
c() {
|
|
12010
|
+
svg = svg_element("svg");
|
|
12011
|
+
path = svg_element("path");
|
|
12012
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12013
|
+
attr(path, "d", "M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z");
|
|
12014
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12015
|
+
set_style(svg, "width", "100%");
|
|
12016
|
+
set_style(svg, "height", "100%");
|
|
12017
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
12018
|
+
},
|
|
12019
|
+
m(target, anchor) {
|
|
12020
|
+
insert(target, svg, anchor);
|
|
12021
|
+
append(svg, path);
|
|
12022
|
+
},
|
|
12023
|
+
p(ctx, [dirty]) {
|
|
12024
|
+
if (dirty & /*color*/ 1) {
|
|
12025
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12026
|
+
}
|
|
12027
|
+
},
|
|
12028
|
+
i: noop,
|
|
12029
|
+
o: noop,
|
|
12030
|
+
d(detaching) {
|
|
12031
|
+
if (detaching) detach(svg);
|
|
12032
|
+
}
|
|
12033
|
+
};
|
|
12034
|
+
}
|
|
12035
|
+
|
|
12036
|
+
function instance$h($$self, $$props, $$invalidate) {
|
|
12037
|
+
let { color } = $$props;
|
|
12038
|
+
|
|
12039
|
+
$$self.$$set = $$props => {
|
|
12040
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12041
|
+
};
|
|
12042
|
+
|
|
12043
|
+
return [color];
|
|
12044
|
+
}
|
|
12045
|
+
|
|
12046
|
+
class IconCopy extends SvelteComponent {
|
|
12047
|
+
constructor(options) {
|
|
12048
|
+
super();
|
|
12049
|
+
init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
|
|
12050
|
+
}
|
|
12051
|
+
}
|
|
12052
|
+
|
|
12053
|
+
/* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
|
|
12054
|
+
|
|
12055
|
+
function create_fragment$g(ctx) {
|
|
12056
|
+
let svg;
|
|
12057
|
+
let path;
|
|
12058
|
+
|
|
12059
|
+
return {
|
|
12060
|
+
c() {
|
|
12061
|
+
svg = svg_element("svg");
|
|
12062
|
+
path = svg_element("path");
|
|
12063
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12064
|
+
attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z");
|
|
12065
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12066
|
+
set_style(svg, "width", "100%");
|
|
12067
|
+
set_style(svg, "height", "100%");
|
|
12068
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
12069
|
+
},
|
|
12070
|
+
m(target, anchor) {
|
|
12071
|
+
insert(target, svg, anchor);
|
|
12072
|
+
append(svg, path);
|
|
12073
|
+
},
|
|
12074
|
+
p(ctx, [dirty]) {
|
|
12075
|
+
if (dirty & /*color*/ 1) {
|
|
12076
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12077
|
+
}
|
|
12078
|
+
},
|
|
12079
|
+
i: noop,
|
|
12080
|
+
o: noop,
|
|
12081
|
+
d(detaching) {
|
|
12082
|
+
if (detaching) detach(svg);
|
|
12083
|
+
}
|
|
12084
|
+
};
|
|
12085
|
+
}
|
|
12086
|
+
|
|
12087
|
+
function instance$g($$self, $$props, $$invalidate) {
|
|
12088
|
+
let { color } = $$props;
|
|
12089
|
+
|
|
12090
|
+
$$self.$$set = $$props => {
|
|
12091
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12092
|
+
};
|
|
12093
|
+
|
|
12094
|
+
return [color];
|
|
12095
|
+
}
|
|
12096
|
+
|
|
12097
|
+
class IconCircleXMark extends SvelteComponent {
|
|
12098
|
+
constructor(options) {
|
|
12099
|
+
super();
|
|
12100
|
+
init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
|
|
12101
|
+
}
|
|
12102
|
+
}
|
|
12103
|
+
|
|
12104
|
+
/* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
|
|
12105
|
+
|
|
12106
|
+
function create_fragment$f(ctx) {
|
|
12107
|
+
let svg;
|
|
12108
|
+
let path;
|
|
12109
|
+
|
|
12110
|
+
return {
|
|
12111
|
+
c() {
|
|
12112
|
+
svg = svg_element("svg");
|
|
12113
|
+
path = svg_element("path");
|
|
12114
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12115
|
+
attr(path, "d", "M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z");
|
|
12116
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12117
|
+
set_style(svg, "width", "100%");
|
|
12118
|
+
set_style(svg, "height", "100%");
|
|
12119
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
12120
|
+
},
|
|
12121
|
+
m(target, anchor) {
|
|
12122
|
+
insert(target, svg, anchor);
|
|
12123
|
+
append(svg, path);
|
|
12124
|
+
},
|
|
12125
|
+
p(ctx, [dirty]) {
|
|
12126
|
+
if (dirty & /*color*/ 1) {
|
|
12127
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12128
|
+
}
|
|
12129
|
+
},
|
|
12130
|
+
i: noop,
|
|
12131
|
+
o: noop,
|
|
12132
|
+
d(detaching) {
|
|
12133
|
+
if (detaching) detach(svg);
|
|
12134
|
+
}
|
|
12135
|
+
};
|
|
12136
|
+
}
|
|
12137
|
+
|
|
12138
|
+
function instance$f($$self, $$props, $$invalidate) {
|
|
12139
|
+
let { color } = $$props;
|
|
12140
|
+
|
|
12141
|
+
$$self.$$set = $$props => {
|
|
12142
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12143
|
+
};
|
|
12144
|
+
|
|
12145
|
+
return [color];
|
|
12146
|
+
}
|
|
12147
|
+
|
|
12148
|
+
class IconHeart extends SvelteComponent {
|
|
12149
|
+
constructor(options) {
|
|
12150
|
+
super();
|
|
12151
|
+
init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
|
|
12152
|
+
}
|
|
12153
|
+
}
|
|
12154
|
+
|
|
12155
|
+
/* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
|
|
12156
|
+
|
|
12157
|
+
function create_fragment$e(ctx) {
|
|
12158
|
+
let svg;
|
|
12159
|
+
let path;
|
|
12160
|
+
|
|
12161
|
+
return {
|
|
12162
|
+
c() {
|
|
12163
|
+
svg = svg_element("svg");
|
|
12164
|
+
path = svg_element("path");
|
|
12165
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12166
|
+
attr(path, "d", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z");
|
|
12167
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12168
|
+
set_style(svg, "width", "100%");
|
|
12169
|
+
set_style(svg, "height", "100%");
|
|
12170
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
12171
|
+
},
|
|
12172
|
+
m(target, anchor) {
|
|
12173
|
+
insert(target, svg, anchor);
|
|
12174
|
+
append(svg, path);
|
|
12175
|
+
},
|
|
12176
|
+
p(ctx, [dirty]) {
|
|
12177
|
+
if (dirty & /*color*/ 1) {
|
|
12178
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12179
|
+
}
|
|
12180
|
+
},
|
|
12181
|
+
i: noop,
|
|
12182
|
+
o: noop,
|
|
12183
|
+
d(detaching) {
|
|
12184
|
+
if (detaching) detach(svg);
|
|
12185
|
+
}
|
|
12186
|
+
};
|
|
12187
|
+
}
|
|
12188
|
+
|
|
12189
|
+
function instance$e($$self, $$props, $$invalidate) {
|
|
12190
|
+
let { color } = $$props;
|
|
12191
|
+
|
|
12192
|
+
$$self.$$set = $$props => {
|
|
12193
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12194
|
+
};
|
|
12195
|
+
|
|
12196
|
+
return [color];
|
|
12197
|
+
}
|
|
12198
|
+
|
|
12199
|
+
class IconMagnifyingGrass extends SvelteComponent {
|
|
12200
|
+
constructor(options) {
|
|
12201
|
+
super();
|
|
12202
|
+
init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
|
|
12203
|
+
}
|
|
12204
|
+
}
|
|
12205
|
+
|
|
12206
|
+
/* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
|
|
12207
|
+
|
|
12208
|
+
function create_fragment$d(ctx) {
|
|
12209
|
+
let svg;
|
|
12210
|
+
let path;
|
|
12211
|
+
|
|
12212
|
+
return {
|
|
12213
|
+
c() {
|
|
12214
|
+
svg = svg_element("svg");
|
|
12215
|
+
path = svg_element("path");
|
|
12216
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12217
|
+
attr(path, "d", "M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z");
|
|
12218
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12219
|
+
set_style(svg, "width", "100%");
|
|
12220
|
+
set_style(svg, "height", "100%");
|
|
12221
|
+
attr(svg, "viewBox", "0 0 576 512");
|
|
12222
|
+
},
|
|
12223
|
+
m(target, anchor) {
|
|
12224
|
+
insert(target, svg, anchor);
|
|
12225
|
+
append(svg, path);
|
|
12226
|
+
},
|
|
12227
|
+
p(ctx, [dirty]) {
|
|
12228
|
+
if (dirty & /*color*/ 1) {
|
|
12229
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12230
|
+
}
|
|
12231
|
+
},
|
|
12232
|
+
i: noop,
|
|
12233
|
+
o: noop,
|
|
12234
|
+
d(detaching) {
|
|
12235
|
+
if (detaching) detach(svg);
|
|
12236
|
+
}
|
|
12237
|
+
};
|
|
12238
|
+
}
|
|
12239
|
+
|
|
12240
|
+
function instance$d($$self, $$props, $$invalidate) {
|
|
12241
|
+
let { color } = $$props;
|
|
12242
|
+
|
|
12243
|
+
$$self.$$set = $$props => {
|
|
12244
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12245
|
+
};
|
|
12246
|
+
|
|
12247
|
+
return [color];
|
|
12248
|
+
}
|
|
12249
|
+
|
|
12250
|
+
class IconStar extends SvelteComponent {
|
|
12251
|
+
constructor(options) {
|
|
12252
|
+
super();
|
|
12253
|
+
init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
|
|
12254
|
+
}
|
|
12255
|
+
}
|
|
12256
|
+
|
|
12257
|
+
/* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
|
|
12258
|
+
|
|
12259
|
+
function create_fragment$c(ctx) {
|
|
12260
|
+
let svg;
|
|
12261
|
+
let path;
|
|
12262
|
+
|
|
12263
|
+
return {
|
|
12264
|
+
c() {
|
|
12265
|
+
svg = svg_element("svg");
|
|
12266
|
+
path = svg_element("path");
|
|
12267
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12268
|
+
attr(path, "d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z");
|
|
12269
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12270
|
+
set_style(svg, "width", "100%");
|
|
12271
|
+
set_style(svg, "height", "100%");
|
|
12272
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
12273
|
+
},
|
|
12274
|
+
m(target, anchor) {
|
|
12275
|
+
insert(target, svg, anchor);
|
|
12276
|
+
append(svg, path);
|
|
12277
|
+
},
|
|
12278
|
+
p(ctx, [dirty]) {
|
|
12279
|
+
if (dirty & /*color*/ 1) {
|
|
12280
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12281
|
+
}
|
|
12282
|
+
},
|
|
12283
|
+
i: noop,
|
|
12284
|
+
o: noop,
|
|
12285
|
+
d(detaching) {
|
|
12286
|
+
if (detaching) detach(svg);
|
|
12287
|
+
}
|
|
12288
|
+
};
|
|
12289
|
+
}
|
|
12290
|
+
|
|
12291
|
+
function instance$c($$self, $$props, $$invalidate) {
|
|
12292
|
+
let { color } = $$props;
|
|
12293
|
+
|
|
12294
|
+
$$self.$$set = $$props => {
|
|
12295
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12296
|
+
};
|
|
12297
|
+
|
|
12298
|
+
return [color];
|
|
12299
|
+
}
|
|
12300
|
+
|
|
12301
|
+
class IconCircleInfo extends SvelteComponent {
|
|
12302
|
+
constructor(options) {
|
|
12303
|
+
super();
|
|
12304
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
|
|
12305
|
+
}
|
|
12306
|
+
}
|
|
12307
|
+
|
|
12308
|
+
/* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
|
|
12309
|
+
|
|
12310
|
+
function create_fragment$b(ctx) {
|
|
12311
|
+
let svg;
|
|
12312
|
+
let path;
|
|
12313
|
+
|
|
12314
|
+
return {
|
|
12315
|
+
c() {
|
|
12316
|
+
svg = svg_element("svg");
|
|
12317
|
+
path = svg_element("path");
|
|
12318
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12319
|
+
attr(path, "d", "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z");
|
|
12320
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12321
|
+
set_style(svg, "width", "100%");
|
|
12322
|
+
set_style(svg, "height", "100%");
|
|
12323
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
12324
|
+
},
|
|
12325
|
+
m(target, anchor) {
|
|
12326
|
+
insert(target, svg, anchor);
|
|
12327
|
+
append(svg, path);
|
|
12328
|
+
},
|
|
12329
|
+
p(ctx, [dirty]) {
|
|
12330
|
+
if (dirty & /*color*/ 1) {
|
|
12331
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12332
|
+
}
|
|
12333
|
+
},
|
|
12334
|
+
i: noop,
|
|
12335
|
+
o: noop,
|
|
12336
|
+
d(detaching) {
|
|
12337
|
+
if (detaching) detach(svg);
|
|
12338
|
+
}
|
|
12339
|
+
};
|
|
12340
|
+
}
|
|
12341
|
+
|
|
12342
|
+
function instance$b($$self, $$props, $$invalidate) {
|
|
12343
|
+
let { color } = $$props;
|
|
12344
|
+
|
|
12345
|
+
$$self.$$set = $$props => {
|
|
12346
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12347
|
+
};
|
|
12348
|
+
|
|
12349
|
+
return [color];
|
|
12350
|
+
}
|
|
12351
|
+
|
|
12352
|
+
class IconEnvelope extends SvelteComponent {
|
|
12353
|
+
constructor(options) {
|
|
12354
|
+
super();
|
|
12355
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
|
|
12356
|
+
}
|
|
12357
|
+
}
|
|
12358
|
+
|
|
12359
|
+
/* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
|
|
12360
|
+
|
|
12361
|
+
function create_fragment$a(ctx) {
|
|
12362
|
+
let svg;
|
|
12363
|
+
let path;
|
|
12364
|
+
|
|
12365
|
+
return {
|
|
12366
|
+
c() {
|
|
12367
|
+
svg = svg_element("svg");
|
|
12368
|
+
path = svg_element("path");
|
|
12369
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12370
|
+
attr(path, "d", "M190.5 68.8L225.3 128H224 152c-22.1 0-40-17.9-40-40s17.9-40 40-40h2.2c14.9 0 28.8 7.9 36.3 20.8zM64 88c0 14.4 3.5 28 9.6 40H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41C215.7 16.9 186.1 0 154.2 0H152C103.4 0 64 39.4 64 88zm336 0c0 22.1-17.9 40-40 40H288h-1.3l34.8-59.2C329.1 55.9 342.9 48 357.8 48H360c22.1 0 40 17.9 40 40zM32 288V464c0 26.5 21.5 48 48 48H224V288H32zM288 512H432c26.5 0 48-21.5 48-48V288H288V512z");
|
|
12371
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12372
|
+
set_style(svg, "width", "100%");
|
|
12373
|
+
set_style(svg, "height", "100%");
|
|
12374
|
+
attr(svg, "viewBox", "0 0 512 512");
|
|
12375
|
+
},
|
|
12376
|
+
m(target, anchor) {
|
|
12377
|
+
insert(target, svg, anchor);
|
|
12378
|
+
append(svg, path);
|
|
12379
|
+
},
|
|
12380
|
+
p(ctx, [dirty]) {
|
|
12381
|
+
if (dirty & /*color*/ 1) {
|
|
12382
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12383
|
+
}
|
|
12384
|
+
},
|
|
12385
|
+
i: noop,
|
|
12386
|
+
o: noop,
|
|
12387
|
+
d(detaching) {
|
|
12388
|
+
if (detaching) detach(svg);
|
|
12389
|
+
}
|
|
12390
|
+
};
|
|
12391
|
+
}
|
|
12392
|
+
|
|
12393
|
+
function instance$a($$self, $$props, $$invalidate) {
|
|
12394
|
+
let { color } = $$props;
|
|
12395
|
+
|
|
12396
|
+
$$self.$$set = $$props => {
|
|
12397
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12398
|
+
};
|
|
12399
|
+
|
|
12400
|
+
return [color];
|
|
12401
|
+
}
|
|
12402
|
+
|
|
12403
|
+
class IconGift extends SvelteComponent {
|
|
12404
|
+
constructor(options) {
|
|
12405
|
+
super();
|
|
12406
|
+
init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
|
|
12407
|
+
}
|
|
12408
|
+
}
|
|
12409
|
+
|
|
12410
|
+
/* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
|
|
12411
|
+
|
|
12412
|
+
function create_fragment$9(ctx) {
|
|
12413
|
+
let svg;
|
|
12414
|
+
let path;
|
|
12415
|
+
|
|
12416
|
+
return {
|
|
12417
|
+
c() {
|
|
12418
|
+
svg = svg_element("svg");
|
|
12419
|
+
path = svg_element("path");
|
|
12420
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12421
|
+
attr(path, "d", "M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z");
|
|
12422
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12423
|
+
attr(svg, "width", "100%");
|
|
12424
|
+
attr(svg, "height", "100%");
|
|
12425
|
+
attr(svg, "viewBox", "0 0 448 512");
|
|
12426
|
+
},
|
|
12427
|
+
m(target, anchor) {
|
|
12428
|
+
insert(target, svg, anchor);
|
|
12429
|
+
append(svg, path);
|
|
12430
|
+
},
|
|
12431
|
+
p(ctx, [dirty]) {
|
|
12432
|
+
if (dirty & /*color*/ 1) {
|
|
12433
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12434
|
+
}
|
|
12435
|
+
},
|
|
12436
|
+
i: noop,
|
|
12437
|
+
o: noop,
|
|
12438
|
+
d(detaching) {
|
|
12439
|
+
if (detaching) detach(svg);
|
|
12440
|
+
}
|
|
12441
|
+
};
|
|
12442
|
+
}
|
|
12443
|
+
|
|
12444
|
+
function instance$9($$self, $$props, $$invalidate) {
|
|
12445
|
+
let { color } = $$props;
|
|
12446
|
+
|
|
12447
|
+
$$self.$$set = $$props => {
|
|
12448
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12449
|
+
};
|
|
12450
|
+
|
|
12451
|
+
return [color];
|
|
12452
|
+
}
|
|
12453
|
+
|
|
12454
|
+
class IconPaperclip extends SvelteComponent {
|
|
12455
|
+
constructor(options) {
|
|
12456
|
+
super();
|
|
12457
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
|
|
12458
|
+
}
|
|
12459
|
+
}
|
|
12460
|
+
|
|
12461
|
+
/* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
|
|
12462
|
+
|
|
12463
|
+
function create_fragment$8(ctx) {
|
|
12464
|
+
let svg;
|
|
12465
|
+
let path;
|
|
12466
|
+
|
|
12467
|
+
return {
|
|
12468
|
+
c() {
|
|
12469
|
+
svg = svg_element("svg");
|
|
12470
|
+
path = svg_element("path");
|
|
12471
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12472
|
+
attr(path, "d", "M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z");
|
|
12473
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12474
|
+
attr(svg, "width", "100%");
|
|
12475
|
+
attr(svg, "height", "100%");
|
|
12476
|
+
attr(svg, "viewBox", "0 0 448 512");
|
|
12477
|
+
},
|
|
12478
|
+
m(target, anchor) {
|
|
12479
|
+
insert(target, svg, anchor);
|
|
12480
|
+
append(svg, path);
|
|
12481
|
+
},
|
|
12482
|
+
p(ctx, [dirty]) {
|
|
12483
|
+
if (dirty & /*color*/ 1) {
|
|
12484
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12485
|
+
}
|
|
12486
|
+
},
|
|
12487
|
+
i: noop,
|
|
12488
|
+
o: noop,
|
|
12489
|
+
d(detaching) {
|
|
12490
|
+
if (detaching) detach(svg);
|
|
12491
|
+
}
|
|
12492
|
+
};
|
|
12493
|
+
}
|
|
12494
|
+
|
|
12495
|
+
function instance$8($$self, $$props, $$invalidate) {
|
|
12496
|
+
let { color } = $$props;
|
|
12497
|
+
|
|
12498
|
+
$$self.$$set = $$props => {
|
|
12499
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12500
|
+
};
|
|
12501
|
+
|
|
12502
|
+
return [color];
|
|
12503
|
+
}
|
|
12504
|
+
|
|
12505
|
+
class IconFire extends SvelteComponent {
|
|
12506
|
+
constructor(options) {
|
|
12507
|
+
super();
|
|
12508
|
+
init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
|
|
12509
|
+
}
|
|
12510
|
+
}
|
|
12511
|
+
|
|
12512
|
+
/* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
|
|
12513
|
+
|
|
12514
|
+
function create_fragment$7(ctx) {
|
|
12515
|
+
let svg;
|
|
12516
|
+
let path;
|
|
12517
|
+
|
|
12518
|
+
return {
|
|
12519
|
+
c() {
|
|
12520
|
+
svg = svg_element("svg");
|
|
12521
|
+
path = svg_element("path");
|
|
12522
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12523
|
+
attr(path, "d", "M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z");
|
|
12524
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12525
|
+
attr(svg, "width", "100%");
|
|
12526
|
+
attr(svg, "height", "100%");
|
|
12527
|
+
attr(svg, "viewBox", "0 0 640 512");
|
|
12528
|
+
},
|
|
12529
|
+
m(target, anchor) {
|
|
12530
|
+
insert(target, svg, anchor);
|
|
12531
|
+
append(svg, path);
|
|
12532
|
+
},
|
|
12533
|
+
p(ctx, [dirty]) {
|
|
12534
|
+
if (dirty & /*color*/ 1) {
|
|
12535
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12536
|
+
}
|
|
12537
|
+
},
|
|
12538
|
+
i: noop,
|
|
12539
|
+
o: noop,
|
|
12540
|
+
d(detaching) {
|
|
12541
|
+
if (detaching) detach(svg);
|
|
12542
|
+
}
|
|
12543
|
+
};
|
|
12544
|
+
}
|
|
12545
|
+
|
|
12546
|
+
function instance$7($$self, $$props, $$invalidate) {
|
|
12547
|
+
let { color } = $$props;
|
|
12548
|
+
|
|
12549
|
+
$$self.$$set = $$props => {
|
|
12550
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12551
|
+
};
|
|
12552
|
+
|
|
12553
|
+
return [color];
|
|
12554
|
+
}
|
|
12555
|
+
|
|
12556
|
+
class IconLink extends SvelteComponent {
|
|
12557
|
+
constructor(options) {
|
|
12558
|
+
super();
|
|
12559
|
+
init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
|
|
12560
|
+
}
|
|
12561
|
+
}
|
|
12562
|
+
|
|
12563
|
+
const ICON_SIZE = {
|
|
12564
|
+
x_small: {
|
|
12565
|
+
label: 'X Small',
|
|
12566
|
+
value: '12px',
|
|
12567
|
+
},
|
|
12568
|
+
small: {
|
|
12569
|
+
label: 'Small',
|
|
12570
|
+
value: '16px',
|
|
12571
|
+
},
|
|
12572
|
+
medium: {
|
|
12573
|
+
label: 'Medium',
|
|
12574
|
+
value: '20px',
|
|
12575
|
+
},
|
|
12576
|
+
large: {
|
|
12577
|
+
label: 'Large',
|
|
12578
|
+
value: '24px',
|
|
12579
|
+
},
|
|
12580
|
+
x_large: {
|
|
12581
|
+
label: 'X Large',
|
|
12582
|
+
value: '32px',
|
|
12583
|
+
},
|
|
12584
|
+
x2_large: {
|
|
12585
|
+
label: '2X Large',
|
|
12586
|
+
value: '40px',
|
|
12587
|
+
},
|
|
12588
|
+
x3_large: {
|
|
12589
|
+
label: '3X Large',
|
|
12590
|
+
value: '48px',
|
|
12591
|
+
},
|
|
12592
|
+
};
|
|
12593
|
+
const ICON_VARIANTS = {
|
|
12594
|
+
arrow_down: IconArrowDown,
|
|
12595
|
+
arrow_up: IconArrowUp,
|
|
12596
|
+
arrow_left: IconArrowLeft,
|
|
12597
|
+
arrow_right: IconArrowRight,
|
|
12598
|
+
arrow_up_from_square: IconArrowUpFromSquare,
|
|
12599
|
+
bell: IconBell,
|
|
12600
|
+
cart_shopping: IconCartShopping,
|
|
12601
|
+
check: IconCheck,
|
|
12602
|
+
circle: IconCircle,
|
|
12603
|
+
circle_info: IconCircleInfo,
|
|
12604
|
+
circle_question: IconCircleQuestion,
|
|
12605
|
+
circle_x_mark: IconCircleXMark,
|
|
12606
|
+
copy: IconCopy,
|
|
12607
|
+
envelope: IconEnvelope,
|
|
12608
|
+
// facebook: IconFacebook,
|
|
12609
|
+
fire: IconFire,
|
|
12610
|
+
gift: IconGift,
|
|
12611
|
+
heart: IconHeart,
|
|
12612
|
+
link: IconLink,
|
|
12613
|
+
magnifying_grass: IconMagnifyingGrass,
|
|
12614
|
+
paperclip: IconPaperclip,
|
|
12615
|
+
paper_plane: IconPaperPlane,
|
|
12616
|
+
star: IconStar,
|
|
12617
|
+
ticket: IconTicket,
|
|
12618
|
+
truck: IconTrack,
|
|
12619
|
+
users: IconUsers,
|
|
12620
|
+
x_mark: IconXMark,
|
|
12621
|
+
};
|
|
12622
|
+
// @ts-ignore
|
|
12623
|
+
[
|
|
12624
|
+
{
|
|
12625
|
+
id: 'variant',
|
|
12626
|
+
name: 'アイコン',
|
|
12627
|
+
type: 'icon',
|
|
12628
|
+
},
|
|
12629
|
+
{
|
|
12630
|
+
id: 'color',
|
|
12631
|
+
name: 'カラー',
|
|
12632
|
+
type: 'color',
|
|
12633
|
+
},
|
|
12634
|
+
{
|
|
12635
|
+
id: 'size',
|
|
12636
|
+
name: 'サイズ',
|
|
12637
|
+
type: 'select',
|
|
12638
|
+
options: Object.keys(ICON_SIZE).map(key => ({
|
|
12639
|
+
label: ICON_SIZE[key].label,
|
|
12640
|
+
value: ICON_SIZE[key].value,
|
|
12641
|
+
})),
|
|
12642
|
+
},
|
|
12643
|
+
];
|
|
12644
|
+
|
|
12645
|
+
const toHyphenCase = (str) => {
|
|
12646
|
+
let result = str.replace(/_/g, '-');
|
|
12647
|
+
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
12648
|
+
return result;
|
|
12649
|
+
};
|
|
12650
|
+
const objToStyle = (obj) => {
|
|
12651
|
+
const styles = Object.entries(obj)
|
|
12652
|
+
.map(([key, value]) => {
|
|
12653
|
+
if (value === undefined)
|
|
12654
|
+
return '';
|
|
12655
|
+
return `${toHyphenCase(key)}: ${value};`;
|
|
12656
|
+
})
|
|
12657
|
+
.filter(v => v !== '');
|
|
12658
|
+
return styles.join(' ');
|
|
12659
|
+
};
|
|
12660
|
+
|
|
12661
|
+
/* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
12662
|
+
|
|
12663
|
+
function create_if_block$3(ctx) {
|
|
12664
|
+
let div;
|
|
12665
|
+
let switch_instance;
|
|
12666
|
+
let div_style_value;
|
|
12667
|
+
let current;
|
|
12668
|
+
var switch_value = /*IconComponent*/ ctx[3];
|
|
12669
|
+
|
|
12670
|
+
function switch_props(ctx) {
|
|
12671
|
+
return {
|
|
12672
|
+
props: { color: /*props*/ ctx[1].color ?? '#333' }
|
|
12673
|
+
};
|
|
12674
|
+
}
|
|
12675
|
+
|
|
12676
|
+
if (switch_value) {
|
|
12677
|
+
switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
|
|
12678
|
+
}
|
|
12679
|
+
|
|
12680
|
+
return {
|
|
12681
|
+
c() {
|
|
12682
|
+
div = element("div");
|
|
12683
|
+
if (switch_instance) create_component(switch_instance.$$.fragment);
|
|
12684
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
12685
|
+
attr(div, "data-component-id", "icon");
|
|
12686
|
+
attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
|
|
12687
|
+
},
|
|
12688
|
+
m(target, anchor) {
|
|
12689
|
+
insert(target, div, anchor);
|
|
12690
|
+
if (switch_instance) mount_component(switch_instance, div, null);
|
|
12691
|
+
current = true;
|
|
12692
|
+
},
|
|
12693
|
+
p(ctx, dirty) {
|
|
12694
|
+
const switch_instance_changes = {};
|
|
12695
|
+
if (dirty & /*props*/ 2) switch_instance_changes.color = /*props*/ ctx[1].color ?? '#333';
|
|
12696
|
+
|
|
12697
|
+
if (switch_value !== (switch_value = /*IconComponent*/ ctx[3])) {
|
|
12698
|
+
if (switch_instance) {
|
|
12699
|
+
group_outros();
|
|
12700
|
+
const old_component = switch_instance;
|
|
12701
|
+
|
|
12702
|
+
transition_out(old_component.$$.fragment, 1, 0, () => {
|
|
12703
|
+
destroy_component(old_component, 1);
|
|
12704
|
+
});
|
|
12705
|
+
|
|
12706
|
+
check_outros();
|
|
12707
|
+
}
|
|
12708
|
+
|
|
12709
|
+
if (switch_value) {
|
|
12710
|
+
switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
|
|
12711
|
+
create_component(switch_instance.$$.fragment);
|
|
12712
|
+
transition_in(switch_instance.$$.fragment, 1);
|
|
12713
|
+
mount_component(switch_instance, div, null);
|
|
12714
|
+
} else {
|
|
12715
|
+
switch_instance = null;
|
|
12716
|
+
}
|
|
12717
|
+
} else if (switch_value) {
|
|
12718
|
+
switch_instance.$set(switch_instance_changes);
|
|
12719
|
+
}
|
|
12720
|
+
|
|
12721
|
+
if (!current || dirty & /*layerId*/ 1) {
|
|
12722
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
12723
|
+
}
|
|
12724
|
+
|
|
12725
|
+
if (!current || dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
|
|
12726
|
+
attr(div, "style", div_style_value);
|
|
12727
|
+
}
|
|
12728
|
+
},
|
|
12729
|
+
i(local) {
|
|
12730
|
+
if (current) return;
|
|
12731
|
+
if (switch_instance) transition_in(switch_instance.$$.fragment, local);
|
|
12732
|
+
current = true;
|
|
12733
|
+
},
|
|
12734
|
+
o(local) {
|
|
12735
|
+
if (switch_instance) transition_out(switch_instance.$$.fragment, local);
|
|
12736
|
+
current = false;
|
|
12737
|
+
},
|
|
12738
|
+
d(detaching) {
|
|
12739
|
+
if (detaching) detach(div);
|
|
12740
|
+
if (switch_instance) destroy_component(switch_instance);
|
|
12741
|
+
}
|
|
12742
|
+
};
|
|
12743
|
+
}
|
|
12744
|
+
|
|
12745
|
+
function create_fragment$6(ctx) {
|
|
12746
|
+
let if_block_anchor;
|
|
12747
|
+
let current;
|
|
12748
|
+
let if_block = /*IconComponent*/ ctx[3] && create_if_block$3(ctx);
|
|
12749
|
+
|
|
12750
|
+
return {
|
|
12751
|
+
c() {
|
|
12752
|
+
if (if_block) if_block.c();
|
|
12753
|
+
if_block_anchor = empty();
|
|
12754
|
+
},
|
|
12755
|
+
m(target, anchor) {
|
|
12756
|
+
if (if_block) if_block.m(target, anchor);
|
|
12757
|
+
insert(target, if_block_anchor, anchor);
|
|
12758
|
+
current = true;
|
|
12759
|
+
},
|
|
12760
|
+
p(ctx, [dirty]) {
|
|
12761
|
+
if (/*IconComponent*/ ctx[3]) {
|
|
12762
|
+
if (if_block) {
|
|
12763
|
+
if_block.p(ctx, dirty);
|
|
12764
|
+
|
|
12765
|
+
if (dirty & /*IconComponent*/ 8) {
|
|
12766
|
+
transition_in(if_block, 1);
|
|
12767
|
+
}
|
|
12768
|
+
} else {
|
|
12769
|
+
if_block = create_if_block$3(ctx);
|
|
12770
|
+
if_block.c();
|
|
12771
|
+
transition_in(if_block, 1);
|
|
12772
|
+
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
12773
|
+
}
|
|
12774
|
+
} else if (if_block) {
|
|
12775
|
+
group_outros();
|
|
12776
|
+
|
|
12777
|
+
transition_out(if_block, 1, 1, () => {
|
|
12778
|
+
if_block = null;
|
|
12779
|
+
});
|
|
12780
|
+
|
|
12781
|
+
check_outros();
|
|
12782
|
+
}
|
|
12783
|
+
},
|
|
12784
|
+
i(local) {
|
|
12785
|
+
if (current) return;
|
|
12786
|
+
transition_in(if_block);
|
|
12787
|
+
current = true;
|
|
12788
|
+
},
|
|
12789
|
+
o(local) {
|
|
12790
|
+
transition_out(if_block);
|
|
12791
|
+
current = false;
|
|
12792
|
+
},
|
|
12793
|
+
d(detaching) {
|
|
12794
|
+
if (if_block) if_block.d(detaching);
|
|
12795
|
+
if (detaching) detach(if_block_anchor);
|
|
12796
|
+
}
|
|
12797
|
+
};
|
|
12798
|
+
}
|
|
12799
|
+
|
|
12800
|
+
function instance$6($$self, $$props, $$invalidate) {
|
|
12801
|
+
let style;
|
|
12802
|
+
let IconComponent;
|
|
12803
|
+
let { layerId } = $$props;
|
|
12804
|
+
let { props } = $$props;
|
|
12805
|
+
let { overrideStyle } = $$props;
|
|
12806
|
+
|
|
12807
|
+
$$self.$$set = $$props => {
|
|
12808
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
12809
|
+
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
12810
|
+
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
12811
|
+
};
|
|
12812
|
+
|
|
12813
|
+
$$self.$$.update = () => {
|
|
12814
|
+
if ($$self.$$.dirty & /*props*/ 2) {
|
|
12815
|
+
$$invalidate(4, style = objToStyle({
|
|
12816
|
+
display: 'inline-flex',
|
|
12817
|
+
alignItems: 'center',
|
|
12818
|
+
overflow: 'hidden',
|
|
12819
|
+
width: 'auto',
|
|
12820
|
+
minWidth: props.size,
|
|
12821
|
+
height: props.size
|
|
12822
|
+
}));
|
|
12823
|
+
}
|
|
12824
|
+
|
|
12825
|
+
if ($$self.$$.dirty & /*props*/ 2) {
|
|
12826
|
+
$$invalidate(3, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
|
|
12827
|
+
}
|
|
12828
|
+
};
|
|
12829
|
+
|
|
12830
|
+
return [layerId, props, overrideStyle, IconComponent, style];
|
|
12831
|
+
}
|
|
12832
|
+
|
|
12833
|
+
class Icon extends SvelteComponent {
|
|
12834
|
+
constructor(options) {
|
|
12835
|
+
super();
|
|
12836
|
+
init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
|
|
12837
|
+
}
|
|
12838
|
+
}
|
|
12839
|
+
|
|
12840
|
+
/* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
|
|
12841
|
+
|
|
12842
|
+
function add_css(target) {
|
|
12843
|
+
append_styles(target, "svelte-1uf4vt5", ".v2-button.svelte-1uf4vt5{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-1uf4vt5{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
12844
|
+
}
|
|
12845
|
+
|
|
12846
|
+
// (116:2) {#if (props.isIcon && props.iconVariant)}
|
|
12847
|
+
function create_if_block$2(ctx) {
|
|
12848
|
+
let div;
|
|
12849
|
+
let icon;
|
|
12850
|
+
let current;
|
|
12851
|
+
|
|
12852
|
+
icon = new Icon({
|
|
12853
|
+
props: {
|
|
12854
|
+
layerId: undefined,
|
|
12855
|
+
overrideStyle: undefined,
|
|
12856
|
+
props: {
|
|
12857
|
+
variant: /*props*/ ctx[1].iconVariant,
|
|
12858
|
+
size: '1em',
|
|
12859
|
+
color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
|
|
12860
|
+
}
|
|
12861
|
+
}
|
|
12862
|
+
});
|
|
12863
|
+
|
|
12864
|
+
return {
|
|
12865
|
+
c() {
|
|
12866
|
+
div = element("div");
|
|
12867
|
+
create_component(icon.$$.fragment);
|
|
12868
|
+
attr(div, "class", "v2-button-icon svelte-1uf4vt5");
|
|
12869
|
+
},
|
|
12870
|
+
m(target, anchor) {
|
|
12871
|
+
insert(target, div, anchor);
|
|
12872
|
+
mount_component(icon, div, null);
|
|
12873
|
+
current = true;
|
|
12874
|
+
},
|
|
12875
|
+
p(ctx, dirty) {
|
|
12876
|
+
const icon_changes = {};
|
|
12877
|
+
|
|
12878
|
+
if (dirty & /*props*/ 2) icon_changes.props = {
|
|
12879
|
+
variant: /*props*/ ctx[1].iconVariant,
|
|
12880
|
+
size: '1em',
|
|
12881
|
+
color: /*VARIANTS*/ ctx[4].color[/*props*/ ctx[1].color ?? 'default'].color
|
|
12882
|
+
};
|
|
12883
|
+
|
|
12884
|
+
icon.$set(icon_changes);
|
|
12885
|
+
},
|
|
12886
|
+
i(local) {
|
|
12887
|
+
if (current) return;
|
|
12888
|
+
transition_in(icon.$$.fragment, local);
|
|
12889
|
+
current = true;
|
|
12890
|
+
},
|
|
12891
|
+
o(local) {
|
|
12892
|
+
transition_out(icon.$$.fragment, local);
|
|
12893
|
+
current = false;
|
|
12894
|
+
},
|
|
12895
|
+
d(detaching) {
|
|
12896
|
+
if (detaching) detach(div);
|
|
12897
|
+
destroy_component(icon);
|
|
12898
|
+
}
|
|
12899
|
+
};
|
|
12900
|
+
}
|
|
12901
|
+
|
|
12902
|
+
function create_fragment$5(ctx) {
|
|
12903
|
+
let button;
|
|
12904
|
+
let t0;
|
|
12905
|
+
let span;
|
|
12906
|
+
let t1_value = /*props*/ ctx[1].label + "";
|
|
12907
|
+
let t1;
|
|
12908
|
+
let button_style_value;
|
|
12909
|
+
let current;
|
|
12910
|
+
let if_block = /*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant && create_if_block$2(ctx);
|
|
12911
|
+
|
|
12912
|
+
return {
|
|
12913
|
+
c() {
|
|
12914
|
+
button = element("button");
|
|
12915
|
+
if (if_block) if_block.c();
|
|
12916
|
+
t0 = space();
|
|
12917
|
+
span = element("span");
|
|
12918
|
+
t1 = text(t1_value);
|
|
12919
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
12920
|
+
attr(button, "style", button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '));
|
|
12921
|
+
attr(button, "class", "v2-button svelte-1uf4vt5");
|
|
12922
|
+
},
|
|
12923
|
+
m(target, anchor) {
|
|
12924
|
+
insert(target, button, anchor);
|
|
12925
|
+
if (if_block) if_block.m(button, null);
|
|
12926
|
+
append(button, t0);
|
|
12927
|
+
append(button, span);
|
|
12928
|
+
append(span, t1);
|
|
12929
|
+
current = true;
|
|
12930
|
+
},
|
|
12931
|
+
p(ctx, [dirty]) {
|
|
12932
|
+
if (/*props*/ ctx[1].isIcon && /*props*/ ctx[1].iconVariant) {
|
|
12933
|
+
if (if_block) {
|
|
12934
|
+
if_block.p(ctx, dirty);
|
|
12935
|
+
|
|
12936
|
+
if (dirty & /*props*/ 2) {
|
|
12937
|
+
transition_in(if_block, 1);
|
|
12938
|
+
}
|
|
12939
|
+
} else {
|
|
12940
|
+
if_block = create_if_block$2(ctx);
|
|
12941
|
+
if_block.c();
|
|
12942
|
+
transition_in(if_block, 1);
|
|
12943
|
+
if_block.m(button, t0);
|
|
12944
|
+
}
|
|
12945
|
+
} else if (if_block) {
|
|
12946
|
+
group_outros();
|
|
12947
|
+
|
|
12948
|
+
transition_out(if_block, 1, 1, () => {
|
|
12949
|
+
if_block = null;
|
|
12950
|
+
});
|
|
12951
|
+
|
|
12952
|
+
check_outros();
|
|
12953
|
+
}
|
|
12954
|
+
|
|
12955
|
+
if ((!current || dirty & /*props*/ 2) && t1_value !== (t1_value = /*props*/ ctx[1].label + "")) set_data(t1, t1_value);
|
|
12956
|
+
|
|
12957
|
+
if (!current || dirty & /*layerId*/ 1) {
|
|
12958
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
12959
|
+
}
|
|
12960
|
+
|
|
12961
|
+
if (!current || dirty & /*style, overrideStyle*/ 12 && button_style_value !== (button_style_value = [/*style*/ ctx[3], /*overrideStyle*/ ctx[2]].join(' '))) {
|
|
12962
|
+
attr(button, "style", button_style_value);
|
|
12963
|
+
}
|
|
12964
|
+
},
|
|
12965
|
+
i(local) {
|
|
12966
|
+
if (current) return;
|
|
12967
|
+
transition_in(if_block);
|
|
12968
|
+
current = true;
|
|
12969
|
+
},
|
|
12970
|
+
o(local) {
|
|
12971
|
+
transition_out(if_block);
|
|
12972
|
+
current = false;
|
|
12973
|
+
},
|
|
12974
|
+
d(detaching) {
|
|
12975
|
+
if (detaching) detach(button);
|
|
12976
|
+
if (if_block) if_block.d();
|
|
12977
|
+
}
|
|
12978
|
+
};
|
|
12979
|
+
}
|
|
12980
|
+
|
|
12981
|
+
function instance$5($$self, $$props, $$invalidate) {
|
|
12982
|
+
let style;
|
|
12983
|
+
|
|
12984
|
+
const VARIANTS = {
|
|
12985
|
+
size: {
|
|
12986
|
+
extra_small: {
|
|
12987
|
+
minHeight: '32px',
|
|
12988
|
+
paddingInline: '12px',
|
|
12989
|
+
fontSize: '12px',
|
|
12990
|
+
paddingBlock: '8px',
|
|
12991
|
+
lineHeight: 1.5,
|
|
12992
|
+
borderRadius: '4px'
|
|
12993
|
+
},
|
|
12994
|
+
small: {
|
|
12995
|
+
minHeight: '36px',
|
|
12996
|
+
paddingInline: '16px',
|
|
12997
|
+
fontSize: '13px',
|
|
12998
|
+
paddingBlock: '8px',
|
|
12999
|
+
lineHeight: 1.5,
|
|
13000
|
+
borderRadius: '4px'
|
|
13001
|
+
},
|
|
13002
|
+
// 'min-h-10 px-6 text-sm py-2 leading-[150%]'
|
|
13003
|
+
medium: {
|
|
13004
|
+
minHeight: '40px',
|
|
13005
|
+
paddingInline: '24px',
|
|
13006
|
+
fontSize: '14px',
|
|
13007
|
+
paddingBlock: '8px',
|
|
13008
|
+
lineHeight: 1.5,
|
|
13009
|
+
borderRadius: '4px'
|
|
13010
|
+
},
|
|
13011
|
+
// 'min-h-14 px-8 text-lg py-3 leading-[150%]'
|
|
13012
|
+
large: {
|
|
13013
|
+
minHeight: '48px',
|
|
13014
|
+
paddingInline: '32px',
|
|
13015
|
+
fontSize: '16px',
|
|
13016
|
+
paddingBlock: '10px',
|
|
13017
|
+
lineHeight: 1.5,
|
|
13018
|
+
borderRadius: '4px'
|
|
13019
|
+
},
|
|
13020
|
+
extra_large: {
|
|
13021
|
+
minHeight: '56px',
|
|
13022
|
+
paddingInline: '40px',
|
|
13023
|
+
fontSize: '17px',
|
|
13024
|
+
paddingBlock: '12px',
|
|
13025
|
+
lineHeight: 1.5,
|
|
13026
|
+
borderRadius: '4px'
|
|
13027
|
+
}
|
|
13028
|
+
},
|
|
13029
|
+
color: {
|
|
13030
|
+
theme: {
|
|
13031
|
+
backgroundColor: 'rgba(18,160,160,1)',
|
|
13032
|
+
color: '#FFFFFF',
|
|
13033
|
+
fontWeight: 'bold'
|
|
13034
|
+
},
|
|
13035
|
+
default: {
|
|
13036
|
+
backgroundColor: '#33403e',
|
|
13037
|
+
color: '#FFFFFF',
|
|
13038
|
+
fontWeight: 'bold'
|
|
13039
|
+
}, // 'bg-action-default hover:bg-action-default-hover text-default'
|
|
13040
|
+
transparent: {
|
|
13041
|
+
backgroundColor: 'rgba(255, 255, 255, 0)',
|
|
13042
|
+
color: '#00100ea1',
|
|
13043
|
+
fontWeight: 'bold'
|
|
13044
|
+
}, // 'bg-action-default hover:bg-action-default-hover text-default'
|
|
13045
|
+
alert: {
|
|
13046
|
+
backgroundColor: 'rgb(242,83,32,1)',
|
|
13047
|
+
color: '#FFFFFF',
|
|
13048
|
+
fontWeight: 'bold'
|
|
13049
|
+
}, // 'bg-negative hover:bg-negative-hover text-primitive-white font-bold'
|
|
13050
|
+
|
|
13051
|
+
},
|
|
13052
|
+
round: {
|
|
13053
|
+
none: { borderRadius: 0 },
|
|
13054
|
+
default: {},
|
|
13055
|
+
fulled: { borderRadius: '56px' }
|
|
13056
|
+
},
|
|
13057
|
+
wrap: {
|
|
13058
|
+
nowrap: { whiteSpace: 'nowrap' },
|
|
13059
|
+
wrap: { whiteSpace: 'pre-wrap' }
|
|
13060
|
+
}
|
|
13061
|
+
};
|
|
13062
|
+
|
|
13063
|
+
let { layerId } = $$props;
|
|
13064
|
+
let { props } = $$props;
|
|
13065
|
+
let { overrideStyle } = $$props;
|
|
13066
|
+
|
|
13067
|
+
$$self.$$set = $$props => {
|
|
13068
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
13069
|
+
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
13070
|
+
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
13071
|
+
};
|
|
13072
|
+
|
|
13073
|
+
$$self.$$.update = () => {
|
|
13074
|
+
if ($$self.$$.dirty & /*props*/ 2) {
|
|
13075
|
+
$$invalidate(3, style = objToStyle({
|
|
13076
|
+
...{
|
|
13077
|
+
display: 'inline-flex',
|
|
13078
|
+
gap: '0.65em',
|
|
13079
|
+
alignItems: 'center',
|
|
13080
|
+
justifyContent: 'center',
|
|
13081
|
+
outline: 0,
|
|
13082
|
+
border: 0,
|
|
13083
|
+
transition: 'background-color 0.12s, border-color 0.12s, color 0.12s'
|
|
13084
|
+
},
|
|
13085
|
+
width: props.width,
|
|
13086
|
+
...VARIANTS.size[props.size ?? 'medium'],
|
|
13087
|
+
...VARIANTS.color[props.color ?? 'default'],
|
|
13088
|
+
...VARIANTS.wrap[props.wrap ?? 'nowrap'],
|
|
13089
|
+
...VARIANTS.round[props.round ?? 'default'],
|
|
13090
|
+
...props.iconAngle
|
|
13091
|
+
? { flexDirection: props.iconAngle }
|
|
13092
|
+
: {}
|
|
13093
|
+
}));
|
|
13094
|
+
}
|
|
13095
|
+
};
|
|
13096
|
+
|
|
13097
|
+
return [layerId, props, overrideStyle, style, VARIANTS];
|
|
13098
|
+
}
|
|
13099
|
+
|
|
13100
|
+
class Button extends SvelteComponent {
|
|
13101
|
+
constructor(options) {
|
|
13102
|
+
super();
|
|
13103
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 }, add_css);
|
|
13104
|
+
}
|
|
13105
|
+
}
|
|
13106
|
+
|
|
13107
|
+
const toCssBorder = (p) => {
|
|
13108
|
+
return {
|
|
13109
|
+
borderStyle: p?.style,
|
|
13110
|
+
borderColor: p?.color,
|
|
13111
|
+
borderWidth: p ? `${p.size}px` : undefined,
|
|
13112
|
+
};
|
|
13113
|
+
};
|
|
13114
|
+
const toCssPosition = (p) => {
|
|
13115
|
+
return {
|
|
13116
|
+
position: p?.position ?? 'static',
|
|
13117
|
+
top: p?.top,
|
|
13118
|
+
left: p?.left,
|
|
13119
|
+
bottom: p?.bottom,
|
|
13120
|
+
right: p?.right,
|
|
13121
|
+
};
|
|
13122
|
+
};
|
|
13123
|
+
|
|
13124
|
+
/* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
13125
|
+
|
|
13126
|
+
function create_fragment$4(ctx) {
|
|
13127
|
+
let div;
|
|
13128
|
+
let current;
|
|
13129
|
+
const default_slot_template = /*#slots*/ ctx[4].default;
|
|
13130
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
|
|
13131
|
+
|
|
13132
|
+
return {
|
|
13133
|
+
c() {
|
|
13134
|
+
div = element("div");
|
|
13135
|
+
if (default_slot) default_slot.c();
|
|
13136
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13137
|
+
attr(div, "data-component-name", "layout");
|
|
13138
|
+
attr(div, "style", /*style*/ ctx[1]);
|
|
13139
|
+
},
|
|
13140
|
+
m(target, anchor) {
|
|
13141
|
+
insert(target, div, anchor);
|
|
13142
|
+
|
|
13143
|
+
if (default_slot) {
|
|
13144
|
+
default_slot.m(div, null);
|
|
13145
|
+
}
|
|
13146
|
+
|
|
13147
|
+
current = true;
|
|
13148
|
+
},
|
|
13149
|
+
p(ctx, [dirty]) {
|
|
13150
|
+
if (default_slot) {
|
|
13151
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
|
|
13152
|
+
update_slot_base(
|
|
13153
|
+
default_slot,
|
|
13154
|
+
default_slot_template,
|
|
13155
|
+
ctx,
|
|
13156
|
+
/*$$scope*/ ctx[3],
|
|
13157
|
+
!current
|
|
13158
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
|
|
13159
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
|
|
13160
|
+
null
|
|
13161
|
+
);
|
|
13162
|
+
}
|
|
13163
|
+
}
|
|
13164
|
+
|
|
13165
|
+
if (!current || dirty & /*layerId*/ 1) {
|
|
13166
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13167
|
+
}
|
|
13168
|
+
|
|
13169
|
+
if (!current || dirty & /*style*/ 2) {
|
|
13170
|
+
attr(div, "style", /*style*/ ctx[1]);
|
|
13171
|
+
}
|
|
13172
|
+
},
|
|
13173
|
+
i(local) {
|
|
13174
|
+
if (current) return;
|
|
13175
|
+
transition_in(default_slot, local);
|
|
13176
|
+
current = true;
|
|
13177
|
+
},
|
|
13178
|
+
o(local) {
|
|
13179
|
+
transition_out(default_slot, local);
|
|
13180
|
+
current = false;
|
|
13181
|
+
},
|
|
13182
|
+
d(detaching) {
|
|
13183
|
+
if (detaching) detach(div);
|
|
13184
|
+
if (default_slot) default_slot.d(detaching);
|
|
13185
|
+
}
|
|
13186
|
+
};
|
|
13187
|
+
}
|
|
13188
|
+
|
|
13189
|
+
function instance$4($$self, $$props, $$invalidate) {
|
|
13190
|
+
let style;
|
|
13191
|
+
let { $$slots: slots = {}, $$scope } = $$props;
|
|
13192
|
+
let { layerId = undefined } = $$props;
|
|
13193
|
+
let { props = {} } = $$props;
|
|
13194
|
+
|
|
13195
|
+
$$self.$$set = $$props => {
|
|
13196
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
13197
|
+
if ('props' in $$props) $$invalidate(2, props = $$props.props);
|
|
13198
|
+
if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
|
|
13199
|
+
};
|
|
13200
|
+
|
|
13201
|
+
$$self.$$.update = () => {
|
|
13202
|
+
if ($$self.$$.dirty & /*props*/ 4) {
|
|
13203
|
+
$$invalidate(1, style = objToStyle({
|
|
13204
|
+
display: props.display ?? 'flex',
|
|
13205
|
+
flexDirection: props.direction,
|
|
13206
|
+
alignItems: props.align,
|
|
13207
|
+
justifyContent: props.justify,
|
|
13208
|
+
rowGap: props.rowGap,
|
|
13209
|
+
columnGap: props.columnGap,
|
|
13210
|
+
backgroundColor: props.backgroundColor,
|
|
13211
|
+
boxShadow: props.shadow,
|
|
13212
|
+
paddingTop: props.paddingTop,
|
|
13213
|
+
paddingLeft: props.paddingLeft,
|
|
13214
|
+
paddingRight: props.paddingRight,
|
|
13215
|
+
paddingBottom: props.paddingBottom,
|
|
13216
|
+
borderRadius: props.borderRadius,
|
|
13217
|
+
width: props.width,
|
|
13218
|
+
...toCssPosition(props),
|
|
13219
|
+
...toCssBorder(props.border),
|
|
13220
|
+
...props.backgroundImage && {
|
|
13221
|
+
backgroundImage: `url(${props.backgroundImage})`,
|
|
13222
|
+
backgroundSize: 'cover'
|
|
13223
|
+
}
|
|
13224
|
+
}));
|
|
13225
|
+
}
|
|
13226
|
+
};
|
|
13227
|
+
|
|
13228
|
+
return [layerId, style, props, $$scope, slots];
|
|
13229
|
+
}
|
|
13230
|
+
|
|
13231
|
+
class Layout extends SvelteComponent {
|
|
13232
|
+
constructor(options) {
|
|
13233
|
+
super();
|
|
13234
|
+
init(this, options, instance$4, create_fragment$4, safe_not_equal, { layerId: 0, props: 2 });
|
|
13235
|
+
}
|
|
13236
|
+
}
|
|
13237
|
+
|
|
13238
|
+
/* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
|
|
13239
|
+
|
|
13240
|
+
function create_fragment$3(ctx) {
|
|
13241
|
+
let p;
|
|
13242
|
+
|
|
13243
|
+
return {
|
|
13244
|
+
c() {
|
|
13245
|
+
p = element("p");
|
|
13246
|
+
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13247
|
+
attr(p, "style", /*style*/ ctx[1]);
|
|
13248
|
+
},
|
|
13249
|
+
m(target, anchor) {
|
|
13250
|
+
insert(target, p, anchor);
|
|
13251
|
+
p.innerHTML = /*escapedHTML*/ ctx[2];
|
|
13252
|
+
},
|
|
13253
|
+
p(ctx, [dirty]) {
|
|
13254
|
+
if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
|
|
13255
|
+
if (dirty & /*layerId*/ 1) {
|
|
13256
|
+
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13257
|
+
}
|
|
13258
|
+
|
|
13259
|
+
if (dirty & /*style*/ 2) {
|
|
13260
|
+
attr(p, "style", /*style*/ ctx[1]);
|
|
13261
|
+
}
|
|
13262
|
+
},
|
|
13263
|
+
i: noop,
|
|
13264
|
+
o: noop,
|
|
13265
|
+
d(detaching) {
|
|
13266
|
+
if (detaching) detach(p);
|
|
13267
|
+
}
|
|
13268
|
+
};
|
|
13269
|
+
}
|
|
13270
|
+
|
|
13271
|
+
function instance$3($$self, $$props, $$invalidate) {
|
|
13272
|
+
let escapedHTML;
|
|
13273
|
+
let style;
|
|
13274
|
+
let { layerId } = $$props;
|
|
13275
|
+
let { props } = $$props;
|
|
13276
|
+
|
|
13277
|
+
$$self.$$set = $$props => {
|
|
13278
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
13279
|
+
if ('props' in $$props) $$invalidate(3, props = $$props.props);
|
|
13280
|
+
};
|
|
13281
|
+
|
|
13282
|
+
$$self.$$.update = () => {
|
|
13283
|
+
if ($$self.$$.dirty & /*props*/ 8) {
|
|
13284
|
+
$$invalidate(2, escapedHTML = props.content.replace(/&/g, '<').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\n/g, '<br />'));
|
|
13285
|
+
}
|
|
13286
|
+
|
|
13287
|
+
if ($$self.$$.dirty & /*props*/ 8) {
|
|
13288
|
+
$$invalidate(1, style = objToStyle({
|
|
13289
|
+
margin: 0,
|
|
13290
|
+
position: props?.position ?? 'static',
|
|
13291
|
+
fontWeight: props.fontWeight,
|
|
13292
|
+
fontSize: props.fontSize,
|
|
13293
|
+
textAlign: props.align,
|
|
13294
|
+
wordBreak: 'break-all',
|
|
13295
|
+
backgroundColor: props.backgroundColor,
|
|
13296
|
+
paddingTop: props.paddingTop,
|
|
13297
|
+
paddingLeft: props.paddingLeft,
|
|
13298
|
+
paddingRight: props.paddingRight,
|
|
13299
|
+
paddingBottom: props.paddingBottom,
|
|
13300
|
+
borderRadius: props.borderRadius,
|
|
13301
|
+
width: props.width,
|
|
13302
|
+
...toCssPosition(props)
|
|
13303
|
+
}));
|
|
13304
|
+
}
|
|
13305
|
+
};
|
|
13306
|
+
|
|
13307
|
+
return [layerId, style, escapedHTML, props];
|
|
13308
|
+
}
|
|
13309
|
+
|
|
13310
|
+
class Text extends SvelteComponent {
|
|
13311
|
+
constructor(options) {
|
|
13312
|
+
super();
|
|
13313
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 3 });
|
|
13314
|
+
}
|
|
13315
|
+
}
|
|
13316
|
+
|
|
13317
|
+
/* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
13318
|
+
|
|
13319
|
+
function create_if_block$1(ctx) {
|
|
13320
|
+
let div;
|
|
13321
|
+
let img;
|
|
13322
|
+
let img_src_value;
|
|
13323
|
+
let div_style_value;
|
|
13324
|
+
|
|
13325
|
+
return {
|
|
13326
|
+
c() {
|
|
13327
|
+
div = element("div");
|
|
13328
|
+
img = element("img");
|
|
13329
|
+
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
|
|
13330
|
+
attr(img, "alt", "");
|
|
13331
|
+
attr(img, "style", /*imgStyle*/ ctx[3]);
|
|
13332
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13333
|
+
attr(div, "data-component-id", "avatar");
|
|
13334
|
+
attr(div, "style", div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '));
|
|
13335
|
+
},
|
|
13336
|
+
m(target, anchor) {
|
|
13337
|
+
insert(target, div, anchor);
|
|
13338
|
+
append(div, img);
|
|
13339
|
+
},
|
|
13340
|
+
p(ctx, dirty) {
|
|
13341
|
+
if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
|
|
13342
|
+
attr(img, "src", img_src_value);
|
|
13343
|
+
}
|
|
13344
|
+
|
|
13345
|
+
if (dirty & /*imgStyle*/ 8) {
|
|
13346
|
+
attr(img, "style", /*imgStyle*/ ctx[3]);
|
|
13347
|
+
}
|
|
13348
|
+
|
|
13349
|
+
if (dirty & /*layerId*/ 1) {
|
|
13350
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13351
|
+
}
|
|
13352
|
+
|
|
13353
|
+
if (dirty & /*style, overrideStyle*/ 20 && div_style_value !== (div_style_value = [/*style*/ ctx[4], /*overrideStyle*/ ctx[2]].join(' '))) {
|
|
13354
|
+
attr(div, "style", div_style_value);
|
|
13355
|
+
}
|
|
13356
|
+
},
|
|
13357
|
+
d(detaching) {
|
|
13358
|
+
if (detaching) detach(div);
|
|
13359
|
+
}
|
|
13360
|
+
};
|
|
13361
|
+
}
|
|
13362
|
+
|
|
13363
|
+
function create_fragment$2(ctx) {
|
|
13364
|
+
let if_block_anchor;
|
|
13365
|
+
let if_block = /*props*/ ctx[1].image && create_if_block$1(ctx);
|
|
13366
|
+
|
|
13367
|
+
return {
|
|
13368
|
+
c() {
|
|
13369
|
+
if (if_block) if_block.c();
|
|
13370
|
+
if_block_anchor = empty();
|
|
13371
|
+
},
|
|
13372
|
+
m(target, anchor) {
|
|
13373
|
+
if (if_block) if_block.m(target, anchor);
|
|
13374
|
+
insert(target, if_block_anchor, anchor);
|
|
13375
|
+
},
|
|
13376
|
+
p(ctx, [dirty]) {
|
|
13377
|
+
if (/*props*/ ctx[1].image) {
|
|
13378
|
+
if (if_block) {
|
|
13379
|
+
if_block.p(ctx, dirty);
|
|
13380
|
+
} else {
|
|
13381
|
+
if_block = create_if_block$1(ctx);
|
|
13382
|
+
if_block.c();
|
|
13383
|
+
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
13384
|
+
}
|
|
13385
|
+
} else if (if_block) {
|
|
13386
|
+
if_block.d(1);
|
|
13387
|
+
if_block = null;
|
|
13388
|
+
}
|
|
13389
|
+
},
|
|
13390
|
+
i: noop,
|
|
13391
|
+
o: noop,
|
|
13392
|
+
d(detaching) {
|
|
13393
|
+
if (if_block) if_block.d(detaching);
|
|
13394
|
+
if (detaching) detach(if_block_anchor);
|
|
13395
|
+
}
|
|
13396
|
+
};
|
|
13397
|
+
}
|
|
13398
|
+
|
|
13399
|
+
function instance$2($$self, $$props, $$invalidate) {
|
|
13400
|
+
let style;
|
|
13401
|
+
let imgStyle;
|
|
13402
|
+
let { layerId } = $$props;
|
|
13403
|
+
let { props } = $$props;
|
|
13404
|
+
let { overrideStyle } = $$props;
|
|
13405
|
+
|
|
13406
|
+
const VARIANTS = {
|
|
13407
|
+
shape: {
|
|
13408
|
+
circle: { borderRadius: '100%' },
|
|
13409
|
+
square: { borderRadius: '4px' }
|
|
13410
|
+
}
|
|
13411
|
+
};
|
|
13412
|
+
|
|
13413
|
+
const size = props.size ?? 64;
|
|
13414
|
+
|
|
13415
|
+
$$self.$$set = $$props => {
|
|
13416
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
13417
|
+
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
13418
|
+
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
13419
|
+
};
|
|
13420
|
+
|
|
13421
|
+
$$self.$$.update = () => {
|
|
13422
|
+
if ($$self.$$.dirty & /*props*/ 2) {
|
|
13423
|
+
$$invalidate(4, style = objToStyle({
|
|
13424
|
+
display: 'flex',
|
|
13425
|
+
alignItems: 'center',
|
|
13426
|
+
overflow: 'hidden',
|
|
13427
|
+
flexShrink: 0,
|
|
13428
|
+
width: `${size}px`,
|
|
13429
|
+
height: `${size}px`,
|
|
13430
|
+
...VARIANTS.shape[props.shape ?? 'square'],
|
|
13431
|
+
...props.bordered && { border: `1px solid #dbdbdb` }
|
|
13432
|
+
}));
|
|
13433
|
+
}
|
|
13434
|
+
};
|
|
13435
|
+
|
|
13436
|
+
$$invalidate(3, imgStyle = objToStyle({
|
|
13437
|
+
width: '100%',
|
|
13438
|
+
height: '100%',
|
|
13439
|
+
objectFit: 'cover'
|
|
13440
|
+
}));
|
|
13441
|
+
|
|
13442
|
+
return [layerId, props, overrideStyle, imgStyle, style];
|
|
13443
|
+
}
|
|
13444
|
+
|
|
13445
|
+
class Avatar extends SvelteComponent {
|
|
13446
|
+
constructor(options) {
|
|
13447
|
+
super();
|
|
13448
|
+
init(this, options, instance$2, create_fragment$2, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
|
|
13449
|
+
}
|
|
13450
|
+
}
|
|
13451
|
+
|
|
13452
|
+
/* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
|
|
13453
|
+
|
|
13454
|
+
function create_if_block(ctx) {
|
|
13455
|
+
let div;
|
|
13456
|
+
let object;
|
|
13457
|
+
let img;
|
|
13458
|
+
let img_src_value;
|
|
13459
|
+
let div_style_value;
|
|
13460
|
+
|
|
13461
|
+
return {
|
|
13462
|
+
c() {
|
|
13463
|
+
div = element("div");
|
|
13464
|
+
object = element("object");
|
|
13465
|
+
img = element("img");
|
|
13466
|
+
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
|
|
13467
|
+
attr(img, "alt", "");
|
|
13468
|
+
attr(img, "style", /*imgStyle*/ ctx[3]);
|
|
13469
|
+
attr(object, "style", /*objectStyle*/ ctx[4]);
|
|
13470
|
+
attr(object, "title", "");
|
|
13471
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13472
|
+
attr(div, "style", div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '));
|
|
13473
|
+
},
|
|
13474
|
+
m(target, anchor) {
|
|
13475
|
+
insert(target, div, anchor);
|
|
13476
|
+
append(div, object);
|
|
13477
|
+
append(object, img);
|
|
13478
|
+
},
|
|
13479
|
+
p(ctx, dirty) {
|
|
13480
|
+
if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
|
|
13481
|
+
attr(img, "src", img_src_value);
|
|
13482
|
+
}
|
|
13483
|
+
|
|
13484
|
+
if (dirty & /*imgStyle*/ 8) {
|
|
13485
|
+
attr(img, "style", /*imgStyle*/ ctx[3]);
|
|
13486
|
+
}
|
|
13487
|
+
|
|
13488
|
+
if (dirty & /*objectStyle*/ 16) {
|
|
13489
|
+
attr(object, "style", /*objectStyle*/ ctx[4]);
|
|
13490
|
+
}
|
|
13491
|
+
|
|
13492
|
+
if (dirty & /*layerId*/ 1) {
|
|
13493
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13494
|
+
}
|
|
13495
|
+
|
|
13496
|
+
if (dirty & /*style, overrideStyle*/ 36 && div_style_value !== (div_style_value = [/*style*/ ctx[5], /*overrideStyle*/ ctx[2]].join(' '))) {
|
|
13497
|
+
attr(div, "style", div_style_value);
|
|
13498
|
+
}
|
|
13499
|
+
},
|
|
13500
|
+
d(detaching) {
|
|
13501
|
+
if (detaching) detach(div);
|
|
13502
|
+
}
|
|
13503
|
+
};
|
|
13504
|
+
}
|
|
13505
|
+
|
|
13506
|
+
function create_fragment$1(ctx) {
|
|
13507
|
+
let if_block_anchor;
|
|
13508
|
+
let if_block = /*props*/ ctx[1].image && create_if_block(ctx);
|
|
13509
|
+
|
|
13510
|
+
return {
|
|
13511
|
+
c() {
|
|
13512
|
+
if (if_block) if_block.c();
|
|
13513
|
+
if_block_anchor = empty();
|
|
13514
|
+
},
|
|
13515
|
+
m(target, anchor) {
|
|
13516
|
+
if (if_block) if_block.m(target, anchor);
|
|
13517
|
+
insert(target, if_block_anchor, anchor);
|
|
13518
|
+
},
|
|
13519
|
+
p(ctx, [dirty]) {
|
|
13520
|
+
if (/*props*/ ctx[1].image) {
|
|
13521
|
+
if (if_block) {
|
|
13522
|
+
if_block.p(ctx, dirty);
|
|
13523
|
+
} else {
|
|
13524
|
+
if_block = create_if_block(ctx);
|
|
13525
|
+
if_block.c();
|
|
13526
|
+
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
13527
|
+
}
|
|
13528
|
+
} else if (if_block) {
|
|
13529
|
+
if_block.d(1);
|
|
13530
|
+
if_block = null;
|
|
13531
|
+
}
|
|
13532
|
+
},
|
|
13533
|
+
i: noop,
|
|
13534
|
+
o: noop,
|
|
13535
|
+
d(detaching) {
|
|
13536
|
+
if (if_block) if_block.d(detaching);
|
|
13537
|
+
if (detaching) detach(if_block_anchor);
|
|
13538
|
+
}
|
|
13539
|
+
};
|
|
13540
|
+
}
|
|
13541
|
+
|
|
13542
|
+
function instance$1($$self, $$props, $$invalidate) {
|
|
13543
|
+
let style;
|
|
13544
|
+
let objectStyle;
|
|
13545
|
+
let imgStyle;
|
|
13546
|
+
let { layerId } = $$props;
|
|
13547
|
+
let { props } = $$props;
|
|
13548
|
+
let { overrideStyle } = $$props;
|
|
13549
|
+
|
|
13550
|
+
$$self.$$set = $$props => {
|
|
13551
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
13552
|
+
if ('props' in $$props) $$invalidate(1, props = $$props.props);
|
|
13553
|
+
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
13554
|
+
};
|
|
13555
|
+
|
|
13556
|
+
$$self.$$.update = () => {
|
|
13557
|
+
if ($$self.$$.dirty & /*props*/ 2) {
|
|
13558
|
+
$$invalidate(5, style = objToStyle({
|
|
13559
|
+
width: props.width,
|
|
13560
|
+
display: 'flex',
|
|
13561
|
+
maxWidth: '100%',
|
|
13562
|
+
alignItems: 'center',
|
|
13563
|
+
justifyContent: 'center',
|
|
13564
|
+
overflow: 'hidden',
|
|
13565
|
+
wordBreak: 'break-all'
|
|
13566
|
+
}));
|
|
13567
|
+
}
|
|
13568
|
+
|
|
13569
|
+
if ($$self.$$.dirty & /*props*/ 2) {
|
|
13570
|
+
$$invalidate(4, objectStyle = objToStyle({
|
|
13571
|
+
width: '100%',
|
|
13572
|
+
aspectRatio: props.aspect,
|
|
13573
|
+
overflow: 'hidden'
|
|
13574
|
+
}));
|
|
13575
|
+
}
|
|
13576
|
+
};
|
|
13577
|
+
|
|
13578
|
+
$$invalidate(3, imgStyle = objToStyle({
|
|
13579
|
+
width: '100%',
|
|
13580
|
+
height: '100%',
|
|
13581
|
+
objectFit: 'cover',
|
|
13582
|
+
userSelect: 'none'
|
|
13583
|
+
}));
|
|
13584
|
+
|
|
13585
|
+
return [layerId, props, overrideStyle, imgStyle, objectStyle, style];
|
|
13586
|
+
}
|
|
13587
|
+
|
|
13588
|
+
class Image extends SvelteComponent {
|
|
13589
|
+
constructor(options) {
|
|
13590
|
+
super();
|
|
13591
|
+
init(this, options, instance$1, create_fragment$1, safe_not_equal, { layerId: 0, props: 1, overrideStyle: 2 });
|
|
13592
|
+
}
|
|
13593
|
+
}
|
|
13594
|
+
|
|
13595
|
+
/* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
13596
|
+
|
|
13597
|
+
function create_fragment(ctx) {
|
|
13598
|
+
let button;
|
|
13599
|
+
let svg;
|
|
13600
|
+
let path;
|
|
13601
|
+
let button_style_value;
|
|
13602
|
+
|
|
13603
|
+
return {
|
|
13604
|
+
c() {
|
|
13605
|
+
button = element("button");
|
|
13606
|
+
svg = svg_element("svg");
|
|
13607
|
+
path = svg_element("path");
|
|
13608
|
+
attr(path, "d", "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z");
|
|
13609
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
13610
|
+
set_style(svg, "width", "75%");
|
|
13611
|
+
set_style(svg, "height", "75%");
|
|
13612
|
+
attr(svg, "viewBox", "0 0 50 50");
|
|
13613
|
+
attr(svg, "fill", "#666666");
|
|
13614
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13615
|
+
attr(button, "style", button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '));
|
|
13616
|
+
},
|
|
13617
|
+
m(target, anchor) {
|
|
13618
|
+
insert(target, button, anchor);
|
|
13619
|
+
append(button, svg);
|
|
13620
|
+
append(svg, path);
|
|
13621
|
+
},
|
|
13622
|
+
p(ctx, [dirty]) {
|
|
13623
|
+
if (dirty & /*layerId*/ 1) {
|
|
13624
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
13625
|
+
}
|
|
13626
|
+
|
|
13627
|
+
if (dirty & /*style, overrideStyle*/ 6 && button_style_value !== (button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '))) {
|
|
13628
|
+
attr(button, "style", button_style_value);
|
|
13629
|
+
}
|
|
13630
|
+
},
|
|
13631
|
+
i: noop,
|
|
13632
|
+
o: noop,
|
|
13633
|
+
d(detaching) {
|
|
13634
|
+
if (detaching) detach(button);
|
|
13635
|
+
}
|
|
13636
|
+
};
|
|
13637
|
+
}
|
|
13638
|
+
|
|
13639
|
+
function instance($$self, $$props, $$invalidate) {
|
|
13640
|
+
let style;
|
|
13641
|
+
let { layerId } = $$props;
|
|
13642
|
+
let { props } = $$props;
|
|
13643
|
+
let { overrideStyle } = $$props;
|
|
13644
|
+
const size = props.size ?? 24;
|
|
13645
|
+
|
|
13646
|
+
$$self.$$set = $$props => {
|
|
13647
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
13648
|
+
if ('props' in $$props) $$invalidate(3, props = $$props.props);
|
|
13649
|
+
if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
|
|
13650
|
+
};
|
|
13651
|
+
|
|
13652
|
+
$$self.$$.update = () => {
|
|
13653
|
+
if ($$self.$$.dirty & /*props*/ 8) {
|
|
13654
|
+
$$invalidate(2, style = objToStyle({
|
|
13655
|
+
display: 'inline-flex',
|
|
13656
|
+
alignItems: 'center',
|
|
13657
|
+
justifyContent: 'center',
|
|
13658
|
+
borderRadius: '100%',
|
|
13659
|
+
background: 'none',
|
|
13660
|
+
border: 0,
|
|
13661
|
+
outline: 0,
|
|
13662
|
+
transition: 'background-color 0.12s, border-color 0.12s, color 0.12s',
|
|
13663
|
+
width: `${size}px`,
|
|
13664
|
+
height: `${size}px`,
|
|
13665
|
+
...props.bordered && { border: '1px solid #666' },
|
|
13666
|
+
...toCssPosition(props)
|
|
13667
|
+
}));
|
|
13668
|
+
}
|
|
13669
|
+
};
|
|
13670
|
+
|
|
13671
|
+
return [layerId, overrideStyle, style, props];
|
|
13672
|
+
}
|
|
13673
|
+
|
|
13674
|
+
class CloseButton extends SvelteComponent {
|
|
13675
|
+
constructor(options) {
|
|
13676
|
+
super();
|
|
13677
|
+
init(this, options, instance, create_fragment, safe_not_equal, { layerId: 0, props: 3, overrideStyle: 1 });
|
|
13678
|
+
}
|
|
13679
|
+
}
|
|
13680
|
+
|
|
13681
|
+
export { ACTION_HOOK_LABEL, Alignments, AnimationStyles, BackgroundSizes, Box, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexDirections, FlexItem, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYOUT_COMPONENT_NAMES, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, Avatar as V2Avatar, Button as V2Button, CloseButton as V2CloseButton, Icon as V2Icon, Image as V2Image, Layout as V2Layout, Text as V2Text, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, beforeUpdate, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, variables, widget };
|