@plaidev/karte-action-sdk 1.1.232-28658179.8f1dd9a9 → 1.1.232-28684891.17fd688b
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +262 -4
- package/dist/hydrate/index.es.js +767 -795
- package/dist/index.es.d.ts +262 -4
- package/dist/index.es.js +703 -738
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
|
@@ -2818,7 +2818,7 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
|
2818
2818
|
|
|
2819
2819
|
/* src/components/Header.svelte generated by Svelte v3.53.1 */
|
|
2820
2820
|
|
|
2821
|
-
function create_if_block$
|
|
2821
|
+
function create_if_block$b(ctx) {
|
|
2822
2822
|
let link;
|
|
2823
2823
|
|
|
2824
2824
|
return {
|
|
@@ -2851,7 +2851,7 @@ function create_if_block$d(ctx) {
|
|
|
2851
2851
|
|
|
2852
2852
|
function create_fragment$15(ctx) {
|
|
2853
2853
|
let head;
|
|
2854
|
-
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$
|
|
2854
|
+
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$b(ctx);
|
|
2855
2855
|
|
|
2856
2856
|
return {
|
|
2857
2857
|
c() {
|
|
@@ -2873,7 +2873,7 @@ function create_fragment$15(ctx) {
|
|
|
2873
2873
|
if (if_block) {
|
|
2874
2874
|
if_block.p(ctx, dirty);
|
|
2875
2875
|
} else {
|
|
2876
|
-
if_block = create_if_block$
|
|
2876
|
+
if_block = create_if_block$b(ctx);
|
|
2877
2877
|
if_block.c();
|
|
2878
2878
|
if_block.m(head, null);
|
|
2879
2879
|
}
|
|
@@ -3010,12 +3010,12 @@ class State extends SvelteComponent {
|
|
|
3010
3010
|
|
|
3011
3011
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
|
3012
3012
|
|
|
3013
|
-
function add_css$
|
|
3013
|
+
function add_css$C(target) {
|
|
3014
3014
|
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
|
3015
3015
|
}
|
|
3016
3016
|
|
|
3017
3017
|
// (23:0) {#if $state === path}
|
|
3018
|
-
function create_if_block$
|
|
3018
|
+
function create_if_block$a(ctx) {
|
|
3019
3019
|
let div;
|
|
3020
3020
|
let t;
|
|
3021
3021
|
let current;
|
|
@@ -3090,7 +3090,7 @@ function create_if_block$c(ctx) {
|
|
|
3090
3090
|
function create_fragment$13(ctx) {
|
|
3091
3091
|
let if_block_anchor;
|
|
3092
3092
|
let current;
|
|
3093
|
-
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$
|
|
3093
|
+
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$a(ctx);
|
|
3094
3094
|
|
|
3095
3095
|
return {
|
|
3096
3096
|
c() {
|
|
@@ -3115,7 +3115,7 @@ function create_fragment$13(ctx) {
|
|
|
3115
3115
|
transition_in(if_block, 1);
|
|
3116
3116
|
}
|
|
3117
3117
|
} else {
|
|
3118
|
-
if_block = create_if_block$
|
|
3118
|
+
if_block = create_if_block$a(ctx);
|
|
3119
3119
|
if_block.c();
|
|
3120
3120
|
transition_in(if_block, 1);
|
|
3121
3121
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
@@ -3178,7 +3178,7 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
|
3178
3178
|
class StateItem extends SvelteComponent {
|
|
3179
3179
|
constructor(options) {
|
|
3180
3180
|
super();
|
|
3181
|
-
init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$
|
|
3181
|
+
init(this, options, instance$13, create_fragment$13, safe_not_equal, { path: 0 }, add_css$C);
|
|
3182
3182
|
}
|
|
3183
3183
|
}
|
|
3184
3184
|
|
|
@@ -3304,12 +3304,12 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
|
3304
3304
|
|
|
3305
3305
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
|
3306
3306
|
|
|
3307
|
-
function add_css$
|
|
3307
|
+
function add_css$B(target) {
|
|
3308
3308
|
append_styles(target, "svelte-1d4fta", ".background.svelte-1d4fta{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
|
3309
3309
|
}
|
|
3310
3310
|
|
|
3311
3311
|
// (14:0) {#if backgroundOverlay}
|
|
3312
|
-
function create_if_block$
|
|
3312
|
+
function create_if_block$9(ctx) {
|
|
3313
3313
|
let div;
|
|
3314
3314
|
let div_class_value;
|
|
3315
3315
|
let mounted;
|
|
@@ -3351,7 +3351,7 @@ function create_if_block$b(ctx) {
|
|
|
3351
3351
|
|
|
3352
3352
|
function create_fragment$12(ctx) {
|
|
3353
3353
|
let if_block_anchor;
|
|
3354
|
-
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$
|
|
3354
|
+
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$9(ctx);
|
|
3355
3355
|
|
|
3356
3356
|
return {
|
|
3357
3357
|
c() {
|
|
@@ -3371,7 +3371,7 @@ function create_fragment$12(ctx) {
|
|
|
3371
3371
|
if (if_block) {
|
|
3372
3372
|
if_block.p(ctx, dirty);
|
|
3373
3373
|
} else {
|
|
3374
|
-
if_block = create_if_block$
|
|
3374
|
+
if_block = create_if_block$9(ctx);
|
|
3375
3375
|
if_block.c();
|
|
3376
3376
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
3377
3377
|
}
|
|
@@ -3406,7 +3406,7 @@ function instance$12($$self, $$props, $$invalidate) {
|
|
|
3406
3406
|
class BackgroundOverlay extends SvelteComponent {
|
|
3407
3407
|
constructor(options) {
|
|
3408
3408
|
super();
|
|
3409
|
-
init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$
|
|
3409
|
+
init(this, options, instance$12, create_fragment$12, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$B);
|
|
3410
3410
|
}
|
|
3411
3411
|
}
|
|
3412
3412
|
|
|
@@ -3446,7 +3446,7 @@ function checkStopPropagation(eventName, handler) {
|
|
|
3446
3446
|
|
|
3447
3447
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
|
3448
3448
|
|
|
3449
|
-
function add_css$
|
|
3449
|
+
function add_css$A(target) {
|
|
3450
3450
|
append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
|
|
3451
3451
|
}
|
|
3452
3452
|
|
|
@@ -3729,7 +3729,7 @@ function create_if_block_1$2(ctx) {
|
|
|
3729
3729
|
}
|
|
3730
3730
|
|
|
3731
3731
|
// (31:0) {#if disabled}
|
|
3732
|
-
function create_if_block$
|
|
3732
|
+
function create_if_block$8(ctx) {
|
|
3733
3733
|
let div;
|
|
3734
3734
|
let current;
|
|
3735
3735
|
const default_slot_template = /*#slots*/ ctx[9].default;
|
|
@@ -3802,7 +3802,7 @@ function create_fragment$11(ctx) {
|
|
|
3802
3802
|
let if_block;
|
|
3803
3803
|
let if_block_anchor;
|
|
3804
3804
|
let current;
|
|
3805
|
-
const if_block_creators = [create_if_block$
|
|
3805
|
+
const if_block_creators = [create_if_block$8, create_if_block_1$2, create_if_block_2$1, create_else_block$4];
|
|
3806
3806
|
const if_blocks = [];
|
|
3807
3807
|
|
|
3808
3808
|
function select_block_type(ctx, dirty) {
|
|
@@ -3949,14 +3949,14 @@ let Button$1 = class Button extends SvelteComponent {
|
|
|
3949
3949
|
eventValue: 6,
|
|
3950
3950
|
style: 1
|
|
3951
3951
|
},
|
|
3952
|
-
add_css$
|
|
3952
|
+
add_css$A
|
|
3953
3953
|
);
|
|
3954
3954
|
}
|
|
3955
3955
|
};
|
|
3956
3956
|
|
|
3957
3957
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
|
3958
3958
|
|
|
3959
|
-
function add_css$
|
|
3959
|
+
function add_css$z(target) {
|
|
3960
3960
|
append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
|
3961
3961
|
}
|
|
3962
3962
|
|
|
@@ -4095,7 +4095,7 @@ function create_if_block_2(ctx) {
|
|
|
4095
4095
|
}
|
|
4096
4096
|
|
|
4097
4097
|
// (280:0) {#if visible}
|
|
4098
|
-
function create_if_block$
|
|
4098
|
+
function create_if_block$7(ctx) {
|
|
4099
4099
|
let div;
|
|
4100
4100
|
let button;
|
|
4101
4101
|
let div_class_value;
|
|
@@ -4443,7 +4443,7 @@ function create_fragment$10(ctx) {
|
|
|
4443
4443
|
|
|
4444
4444
|
current_block_type_index = select_block_type(ctx);
|
|
4445
4445
|
if_block0 = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
|
|
4446
|
-
let if_block1 = /*visible*/ ctx[16] && create_if_block$
|
|
4446
|
+
let if_block1 = /*visible*/ ctx[16] && create_if_block$7(ctx);
|
|
4447
4447
|
|
|
4448
4448
|
return {
|
|
4449
4449
|
c() {
|
|
@@ -4509,7 +4509,7 @@ function create_fragment$10(ctx) {
|
|
|
4509
4509
|
transition_in(if_block1, 1);
|
|
4510
4510
|
}
|
|
4511
4511
|
} else {
|
|
4512
|
-
if_block1 = create_if_block$
|
|
4512
|
+
if_block1 = create_if_block$7(ctx);
|
|
4513
4513
|
if_block1.c();
|
|
4514
4514
|
transition_in(if_block1, 1);
|
|
4515
4515
|
if_block1.m(if_block1_anchor.parentNode, if_block1_anchor);
|
|
@@ -4847,7 +4847,7 @@ class Modal extends SvelteComponent {
|
|
|
4847
4847
|
closeButtonColor: 9,
|
|
4848
4848
|
_closeStyle: 10
|
|
4849
4849
|
},
|
|
4850
|
-
add_css$
|
|
4850
|
+
add_css$z,
|
|
4851
4851
|
[-1, -1]
|
|
4852
4852
|
);
|
|
4853
4853
|
}
|
|
@@ -4981,7 +4981,7 @@ class Grid extends SvelteComponent {
|
|
|
4981
4981
|
|
|
4982
4982
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
|
4983
4983
|
|
|
4984
|
-
function add_css$
|
|
4984
|
+
function add_css$y(target) {
|
|
4985
4985
|
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
|
4986
4986
|
}
|
|
4987
4987
|
|
|
@@ -5139,7 +5139,7 @@ class GridItem extends SvelteComponent {
|
|
|
5139
5139
|
background: 7,
|
|
5140
5140
|
gridItemId: 0
|
|
5141
5141
|
},
|
|
5142
|
-
add_css$
|
|
5142
|
+
add_css$y
|
|
5143
5143
|
);
|
|
5144
5144
|
}
|
|
5145
5145
|
}
|
|
@@ -5177,7 +5177,7 @@ function create_else_block$2(ctx) {
|
|
|
5177
5177
|
}
|
|
5178
5178
|
|
|
5179
5179
|
// (11:2) {#if item.match(regexp)}
|
|
5180
|
-
function create_if_block$
|
|
5180
|
+
function create_if_block$6(ctx) {
|
|
5181
5181
|
let br;
|
|
5182
5182
|
|
|
5183
5183
|
return {
|
|
@@ -5205,7 +5205,7 @@ function create_each_block$6(ctx) {
|
|
|
5205
5205
|
function select_block_type(ctx, dirty) {
|
|
5206
5206
|
if (dirty & /*items*/ 1) show_if = null;
|
|
5207
5207
|
if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
|
|
5208
|
-
if (show_if) return create_if_block$
|
|
5208
|
+
if (show_if) return create_if_block$6;
|
|
5209
5209
|
return create_else_block$2;
|
|
5210
5210
|
}
|
|
5211
5211
|
|
|
@@ -5338,7 +5338,7 @@ class RenderText extends SvelteComponent {
|
|
|
5338
5338
|
|
|
5339
5339
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
|
5340
5340
|
|
|
5341
|
-
function add_css$
|
|
5341
|
+
function add_css$x(target) {
|
|
5342
5342
|
append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
|
|
5343
5343
|
}
|
|
5344
5344
|
|
|
@@ -5409,7 +5409,7 @@ function create_else_block$1(ctx) {
|
|
|
5409
5409
|
}
|
|
5410
5410
|
|
|
5411
5411
|
// (80:2) {#if enableCopy}
|
|
5412
|
-
function create_if_block$
|
|
5412
|
+
function create_if_block$5(ctx) {
|
|
5413
5413
|
let a;
|
|
5414
5414
|
let div0;
|
|
5415
5415
|
let rendertext;
|
|
@@ -5527,7 +5527,7 @@ function create_fragment$Y(ctx) {
|
|
|
5527
5527
|
let current_block_type_index;
|
|
5528
5528
|
let if_block;
|
|
5529
5529
|
let current;
|
|
5530
|
-
const if_block_creators = [create_if_block$
|
|
5530
|
+
const if_block_creators = [create_if_block$5, create_else_block$1];
|
|
5531
5531
|
const if_blocks = [];
|
|
5532
5532
|
|
|
5533
5533
|
function select_block_type(ctx, dirty) {
|
|
@@ -5710,14 +5710,14 @@ class TextElement extends SvelteComponent {
|
|
|
5710
5710
|
enableCopy: 2,
|
|
5711
5711
|
eventName: 10
|
|
5712
5712
|
},
|
|
5713
|
-
add_css$
|
|
5713
|
+
add_css$x
|
|
5714
5714
|
);
|
|
5715
5715
|
}
|
|
5716
5716
|
}
|
|
5717
5717
|
|
|
5718
5718
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
|
5719
5719
|
|
|
5720
|
-
function add_css$
|
|
5720
|
+
function add_css$w(target) {
|
|
5721
5721
|
append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
|
5722
5722
|
}
|
|
5723
5723
|
|
|
@@ -5871,14 +5871,14 @@ class TextButtonElement extends SvelteComponent {
|
|
|
5871
5871
|
_buttonStyle: 5,
|
|
5872
5872
|
_style: 6
|
|
5873
5873
|
},
|
|
5874
|
-
add_css$
|
|
5874
|
+
add_css$w
|
|
5875
5875
|
);
|
|
5876
5876
|
}
|
|
5877
5877
|
}
|
|
5878
5878
|
|
|
5879
5879
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
|
5880
5880
|
|
|
5881
|
-
function add_css$
|
|
5881
|
+
function add_css$v(target) {
|
|
5882
5882
|
append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
|
|
5883
5883
|
}
|
|
5884
5884
|
|
|
@@ -6062,14 +6062,14 @@ class ImageElement extends SvelteComponent {
|
|
|
6062
6062
|
_imageStyle: 6,
|
|
6063
6063
|
_style: 7
|
|
6064
6064
|
},
|
|
6065
|
-
add_css$
|
|
6065
|
+
add_css$v
|
|
6066
6066
|
);
|
|
6067
6067
|
}
|
|
6068
6068
|
}
|
|
6069
6069
|
|
|
6070
6070
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
|
6071
6071
|
|
|
6072
|
-
function add_css$
|
|
6072
|
+
function add_css$u(target) {
|
|
6073
6073
|
append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
|
6074
6074
|
}
|
|
6075
6075
|
|
|
@@ -6219,14 +6219,14 @@ class List extends SvelteComponent {
|
|
|
6219
6219
|
background: 3,
|
|
6220
6220
|
_style: 4
|
|
6221
6221
|
},
|
|
6222
|
-
add_css$
|
|
6222
|
+
add_css$u
|
|
6223
6223
|
);
|
|
6224
6224
|
}
|
|
6225
6225
|
}
|
|
6226
6226
|
|
|
6227
6227
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
|
6228
6228
|
|
|
6229
|
-
function add_css$
|
|
6229
|
+
function add_css$t(target) {
|
|
6230
6230
|
append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
6231
6231
|
}
|
|
6232
6232
|
|
|
@@ -6429,13 +6429,13 @@ function instance$U($$self, $$props, $$invalidate) {
|
|
|
6429
6429
|
class ListItem extends SvelteComponent {
|
|
6430
6430
|
constructor(options) {
|
|
6431
6431
|
super();
|
|
6432
|
-
init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$
|
|
6432
|
+
init(this, options, instance$U, create_fragment$U, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$t);
|
|
6433
6433
|
}
|
|
6434
6434
|
}
|
|
6435
6435
|
|
|
6436
6436
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
|
6437
6437
|
|
|
6438
|
-
function add_css$
|
|
6438
|
+
function add_css$s(target) {
|
|
6439
6439
|
append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
6440
6440
|
}
|
|
6441
6441
|
|
|
@@ -6490,13 +6490,13 @@ function instance$T($$self, $$props, $$invalidate) {
|
|
|
6490
6490
|
class EmbedElement extends SvelteComponent {
|
|
6491
6491
|
constructor(options) {
|
|
6492
6492
|
super();
|
|
6493
|
-
init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$
|
|
6493
|
+
init(this, options, instance$T, create_fragment$T, safe_not_equal, { code: 0, _style: 1 }, add_css$s);
|
|
6494
6494
|
}
|
|
6495
6495
|
}
|
|
6496
6496
|
|
|
6497
6497
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
|
6498
6498
|
|
|
6499
|
-
function add_css$
|
|
6499
|
+
function add_css$r(target) {
|
|
6500
6500
|
append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
|
6501
6501
|
}
|
|
6502
6502
|
|
|
@@ -6853,7 +6853,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6853
6853
|
mute: 25,
|
|
6854
6854
|
_style: 0
|
|
6855
6855
|
},
|
|
6856
|
-
add_css$
|
|
6856
|
+
add_css$r,
|
|
6857
6857
|
[-1, -1]
|
|
6858
6858
|
);
|
|
6859
6859
|
}
|
|
@@ -6861,7 +6861,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
|
6861
6861
|
|
|
6862
6862
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
|
6863
6863
|
|
|
6864
|
-
function add_css$
|
|
6864
|
+
function add_css$q(target) {
|
|
6865
6865
|
append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
|
6866
6866
|
}
|
|
6867
6867
|
|
|
@@ -7061,14 +7061,14 @@ class MovieVimeoElement extends SvelteComponent {
|
|
|
7061
7061
|
mute: 6,
|
|
7062
7062
|
_style: 0
|
|
7063
7063
|
},
|
|
7064
|
-
add_css$
|
|
7064
|
+
add_css$q
|
|
7065
7065
|
);
|
|
7066
7066
|
}
|
|
7067
7067
|
}
|
|
7068
7068
|
|
|
7069
7069
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
|
7070
7070
|
|
|
7071
|
-
function add_css$
|
|
7071
|
+
function add_css$p(target) {
|
|
7072
7072
|
append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
|
|
7073
7073
|
}
|
|
7074
7074
|
|
|
@@ -7248,14 +7248,14 @@ class FormTextarea extends SvelteComponent {
|
|
|
7248
7248
|
_textStyle: 11,
|
|
7249
7249
|
_placeholderStyle: 12
|
|
7250
7250
|
},
|
|
7251
|
-
add_css$
|
|
7251
|
+
add_css$p
|
|
7252
7252
|
);
|
|
7253
7253
|
}
|
|
7254
7254
|
}
|
|
7255
7255
|
|
|
7256
7256
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
|
7257
7257
|
|
|
7258
|
-
function add_css$
|
|
7258
|
+
function add_css$o(target) {
|
|
7259
7259
|
append_styles(target, "svelte-17s08g", ".radio-buttons.svelte-17s08g{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-17s08g{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-17s08g{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-17s08g:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18,160,160,.08),0px 1px 4px -1px rgba(18,160,160,.24)}.radio-button-text.svelte-17s08g{margin-left:0.5em}");
|
|
7260
7260
|
}
|
|
7261
7261
|
|
|
@@ -7560,14 +7560,14 @@ class FormRadioButtons extends SvelteComponent {
|
|
|
7560
7560
|
buttonColor: 13,
|
|
7561
7561
|
buttonColorActive: 14
|
|
7562
7562
|
},
|
|
7563
|
-
add_css$
|
|
7563
|
+
add_css$o
|
|
7564
7564
|
);
|
|
7565
7565
|
}
|
|
7566
7566
|
}
|
|
7567
7567
|
|
|
7568
7568
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
|
7569
7569
|
|
|
7570
|
-
function add_css$
|
|
7570
|
+
function add_css$n(target) {
|
|
7571
7571
|
append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
|
|
7572
7572
|
}
|
|
7573
7573
|
|
|
@@ -7602,7 +7602,7 @@ function create_else_block(ctx) {
|
|
|
7602
7602
|
}
|
|
7603
7603
|
|
|
7604
7604
|
// (105:10) {#if option}
|
|
7605
|
-
function create_if_block$
|
|
7605
|
+
function create_if_block$4(ctx) {
|
|
7606
7606
|
let t_value = /*option*/ ctx[19] + "";
|
|
7607
7607
|
let t;
|
|
7608
7608
|
|
|
@@ -7633,7 +7633,7 @@ function create_each_block$4(ctx) {
|
|
|
7633
7633
|
let option_selected_value;
|
|
7634
7634
|
|
|
7635
7635
|
function select_block_type(ctx, dirty) {
|
|
7636
|
-
if (/*option*/ ctx[19]) return create_if_block$
|
|
7636
|
+
if (/*option*/ ctx[19]) return create_if_block$4;
|
|
7637
7637
|
return create_else_block;
|
|
7638
7638
|
}
|
|
7639
7639
|
|
|
@@ -7936,14 +7936,14 @@ class FormSelect extends SvelteComponent {
|
|
|
7936
7936
|
iconColor: 15,
|
|
7937
7937
|
iconSize: 16
|
|
7938
7938
|
},
|
|
7939
|
-
add_css$
|
|
7939
|
+
add_css$n
|
|
7940
7940
|
);
|
|
7941
7941
|
}
|
|
7942
7942
|
}
|
|
7943
7943
|
|
|
7944
7944
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
|
7945
7945
|
|
|
7946
|
-
function add_css$
|
|
7946
|
+
function add_css$m(target) {
|
|
7947
7947
|
append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
|
|
7948
7948
|
}
|
|
7949
7949
|
|
|
@@ -8270,14 +8270,14 @@ class FormCheckBoxes extends SvelteComponent {
|
|
|
8270
8270
|
buttonColor: 13,
|
|
8271
8271
|
buttonColorActive: 14
|
|
8272
8272
|
},
|
|
8273
|
-
add_css$
|
|
8273
|
+
add_css$m
|
|
8274
8274
|
);
|
|
8275
8275
|
}
|
|
8276
8276
|
}
|
|
8277
8277
|
|
|
8278
8278
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
|
8279
8279
|
|
|
8280
|
-
function add_css$
|
|
8280
|
+
function add_css$l(target) {
|
|
8281
8281
|
append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
|
|
8282
8282
|
}
|
|
8283
8283
|
|
|
@@ -8512,14 +8512,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
|
8512
8512
|
buttonStyle: 9,
|
|
8513
8513
|
buttonActiveStyle: 10
|
|
8514
8514
|
},
|
|
8515
|
-
add_css$
|
|
8515
|
+
add_css$l
|
|
8516
8516
|
);
|
|
8517
8517
|
}
|
|
8518
8518
|
}
|
|
8519
8519
|
|
|
8520
8520
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
|
8521
8521
|
|
|
8522
|
-
function add_css$
|
|
8522
|
+
function add_css$k(target) {
|
|
8523
8523
|
append_styles(target, "svelte-tbunko", ".rating-buttons.svelte-tbunko{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-tbunko{appearance:none;background:none;border:none;margin:0;padding:0}.rating-button-image.svelte-tbunko{cursor:pointer;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.rating-button-image.svelte-tbunko:not(._active){filter:grayscale(100%)}");
|
|
8524
8524
|
}
|
|
8525
8525
|
|
|
@@ -8722,13 +8722,13 @@ function instance$L($$self, $$props, $$invalidate) {
|
|
|
8722
8722
|
class FormRatingButtonsFace extends SvelteComponent {
|
|
8723
8723
|
constructor(options) {
|
|
8724
8724
|
super();
|
|
8725
|
-
init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$
|
|
8725
|
+
init(this, options, instance$L, create_fragment$L, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$k);
|
|
8726
8726
|
}
|
|
8727
8727
|
}
|
|
8728
8728
|
|
|
8729
8729
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
|
8730
8730
|
|
|
8731
|
-
function add_css$
|
|
8731
|
+
function add_css$j(target) {
|
|
8732
8732
|
append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
|
8733
8733
|
}
|
|
8734
8734
|
|
|
@@ -8959,14 +8959,14 @@ class FormIdentifyInput extends SvelteComponent {
|
|
|
8959
8959
|
_textStyle: 15,
|
|
8960
8960
|
_placeholderStyle: 16
|
|
8961
8961
|
},
|
|
8962
|
-
add_css$
|
|
8962
|
+
add_css$j
|
|
8963
8963
|
);
|
|
8964
8964
|
}
|
|
8965
8965
|
}
|
|
8966
8966
|
|
|
8967
8967
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
|
8968
8968
|
|
|
8969
|
-
function add_css$
|
|
8969
|
+
function add_css$i(target) {
|
|
8970
8970
|
append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
|
|
8971
8971
|
}
|
|
8972
8972
|
|
|
@@ -9206,14 +9206,14 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
|
9206
9206
|
buttonColor: 10,
|
|
9207
9207
|
buttonColorActive: 11
|
|
9208
9208
|
},
|
|
9209
|
-
add_css$
|
|
9209
|
+
add_css$i
|
|
9210
9210
|
);
|
|
9211
9211
|
}
|
|
9212
9212
|
}
|
|
9213
9213
|
|
|
9214
9214
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
|
9215
9215
|
|
|
9216
|
-
function add_css$
|
|
9216
|
+
function add_css$h(target) {
|
|
9217
9217
|
append_styles(target, "svelte-ji1fh", ".root.svelte-ji1fh{width:100%;height:100%;position:relative}.container.svelte-ji1fh{width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000}.slide.svelte-ji1fh{height:100%;position:absolute;display:flex}.transition.svelte-ji1fh{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-ji1fh{height:100%;flex:none}.prev-button-container.svelte-ji1fh,.next-button-container.svelte-ji1fh{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button-container.svelte-ji1fh{left:0}.next-button-container.svelte-ji1fh{right:0}.move-button.svelte-ji1fh{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;border:none;background:none;margin:0;padding:0}.navigation.svelte-ji1fh{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-ji1fh{flex-shrink:0;cursor:pointer;border:none;background:none;margin:0;padding:0;appearance:none}.navigation-item-inner.circle.svelte-ji1fh{border-radius:51%}");
|
|
9218
9218
|
}
|
|
9219
9219
|
|
|
@@ -9293,7 +9293,7 @@ function create_if_block_1(ctx) {
|
|
|
9293
9293
|
}
|
|
9294
9294
|
|
|
9295
9295
|
// (380:2) {#if isVisibleNextButton}
|
|
9296
|
-
function create_if_block$
|
|
9296
|
+
function create_if_block$3(ctx) {
|
|
9297
9297
|
let div;
|
|
9298
9298
|
let button;
|
|
9299
9299
|
let svg;
|
|
@@ -9437,7 +9437,7 @@ function create_fragment$I(ctx) {
|
|
|
9437
9437
|
const default_slot_template = /*#slots*/ ctx[32].default;
|
|
9438
9438
|
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
|
|
9439
9439
|
let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
|
|
9440
|
-
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$
|
|
9440
|
+
let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$3(ctx);
|
|
9441
9441
|
let each_value = /*items*/ ctx[1];
|
|
9442
9442
|
let each_blocks = [];
|
|
9443
9443
|
|
|
@@ -9576,7 +9576,7 @@ function create_fragment$I(ctx) {
|
|
|
9576
9576
|
if (if_block1) {
|
|
9577
9577
|
if_block1.p(ctx, dirty);
|
|
9578
9578
|
} else {
|
|
9579
|
-
if_block1 = create_if_block$
|
|
9579
|
+
if_block1 = create_if_block$3(ctx);
|
|
9580
9580
|
if_block1.c();
|
|
9581
9581
|
if_block1.m(div3, t2);
|
|
9582
9582
|
}
|
|
@@ -10116,7 +10116,7 @@ class Slide extends SvelteComponent {
|
|
|
10116
10116
|
navigationButton: 25,
|
|
10117
10117
|
navigationEdgePosition: 26
|
|
10118
10118
|
},
|
|
10119
|
-
add_css$
|
|
10119
|
+
add_css$h,
|
|
10120
10120
|
[-1, -1, -1]
|
|
10121
10121
|
);
|
|
10122
10122
|
}
|
|
@@ -10124,7 +10124,7 @@ class Slide extends SvelteComponent {
|
|
|
10124
10124
|
|
|
10125
10125
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
|
10126
10126
|
|
|
10127
|
-
function add_css$
|
|
10127
|
+
function add_css$g(target) {
|
|
10128
10128
|
append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
|
|
10129
10129
|
}
|
|
10130
10130
|
|
|
@@ -10274,13 +10274,13 @@ function instance$H($$self, $$props, $$invalidate) {
|
|
|
10274
10274
|
class SlideItem extends SvelteComponent {
|
|
10275
10275
|
constructor(options) {
|
|
10276
10276
|
super();
|
|
10277
|
-
init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$
|
|
10277
|
+
init(this, options, instance$H, create_fragment$H, safe_not_equal, { _style: 0 }, add_css$g);
|
|
10278
10278
|
}
|
|
10279
10279
|
}
|
|
10280
10280
|
|
|
10281
10281
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
|
10282
10282
|
|
|
10283
|
-
function add_css$
|
|
10283
|
+
function add_css$f(target) {
|
|
10284
10284
|
append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
10285
10285
|
}
|
|
10286
10286
|
|
|
@@ -10437,13 +10437,13 @@ function instance$G($$self, $$props, $$invalidate) {
|
|
|
10437
10437
|
class Countdown extends SvelteComponent {
|
|
10438
10438
|
constructor(options) {
|
|
10439
10439
|
super();
|
|
10440
|
-
init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$
|
|
10440
|
+
init(this, options, instance$G, create_fragment$G, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$f);
|
|
10441
10441
|
}
|
|
10442
10442
|
}
|
|
10443
10443
|
|
|
10444
10444
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
|
10445
10445
|
|
|
10446
|
-
function add_css$
|
|
10446
|
+
function add_css$e(target) {
|
|
10447
10447
|
append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
|
10448
10448
|
}
|
|
10449
10449
|
|
|
@@ -10581,18 +10581,18 @@ function instance$F($$self, $$props, $$invalidate) {
|
|
|
10581
10581
|
class Box extends SvelteComponent {
|
|
10582
10582
|
constructor(options) {
|
|
10583
10583
|
super();
|
|
10584
|
-
init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$
|
|
10584
|
+
init(this, options, instance$F, create_fragment$F, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$e);
|
|
10585
10585
|
}
|
|
10586
10586
|
}
|
|
10587
10587
|
|
|
10588
10588
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
|
10589
10589
|
|
|
10590
|
-
function add_css$
|
|
10590
|
+
function add_css$d(target) {
|
|
10591
10591
|
append_styles(target, "svelte-1mkvcuo", ".icon.svelte-1mkvcuo{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon.svelte-1mkvcuo > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;overflow:hidden}.icon.svelte-1mkvcuo > .button._disabled{cursor:not-allowed !important;opacity:0.2}.icon.svelte-1mkvcuo svg{width:var(--width);height:var(--height);color:var(--color);stroke:var(--stroke);fill:var(--fill)}");
|
|
10592
10592
|
}
|
|
10593
10593
|
|
|
10594
10594
|
// (56:4) {#if svg}
|
|
10595
|
-
function create_if_block$
|
|
10595
|
+
function create_if_block$2(ctx) {
|
|
10596
10596
|
let html_tag;
|
|
10597
10597
|
let html_anchor;
|
|
10598
10598
|
|
|
@@ -10627,7 +10627,7 @@ function create_if_block$4(ctx) {
|
|
|
10627
10627
|
// (55:2) <Button {onClick} {style} {eventName}>
|
|
10628
10628
|
function create_default_slot$1(ctx) {
|
|
10629
10629
|
let if_block_anchor;
|
|
10630
|
-
let if_block = /*svg*/ ctx[3] && create_if_block$
|
|
10630
|
+
let if_block = /*svg*/ ctx[3] && create_if_block$2(ctx);
|
|
10631
10631
|
|
|
10632
10632
|
return {
|
|
10633
10633
|
c() {
|
|
@@ -10647,7 +10647,7 @@ function create_default_slot$1(ctx) {
|
|
|
10647
10647
|
if (if_block) {
|
|
10648
10648
|
if_block.p(ctx, dirty);
|
|
10649
10649
|
} else {
|
|
10650
|
-
if_block = create_if_block$
|
|
10650
|
+
if_block = create_if_block$2(ctx);
|
|
10651
10651
|
if_block.c();
|
|
10652
10652
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
10653
10653
|
}
|
|
@@ -10793,14 +10793,14 @@ class IconElement extends SvelteComponent {
|
|
|
10793
10793
|
color: 6,
|
|
10794
10794
|
_style: 7
|
|
10795
10795
|
},
|
|
10796
|
-
add_css$
|
|
10796
|
+
add_css$d
|
|
10797
10797
|
);
|
|
10798
10798
|
}
|
|
10799
10799
|
}
|
|
10800
10800
|
|
|
10801
10801
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
|
10802
10802
|
|
|
10803
|
-
function add_css$
|
|
10803
|
+
function add_css$c(target) {
|
|
10804
10804
|
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
|
10805
10805
|
}
|
|
10806
10806
|
|
|
@@ -10919,13 +10919,13 @@ function instance$D($$self, $$props, $$invalidate) {
|
|
|
10919
10919
|
class CodeElement extends SvelteComponent {
|
|
10920
10920
|
constructor(options) {
|
|
10921
10921
|
super();
|
|
10922
|
-
init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$
|
|
10922
|
+
init(this, options, instance$D, create_fragment$D, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$c);
|
|
10923
10923
|
}
|
|
10924
10924
|
}
|
|
10925
10925
|
|
|
10926
10926
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
|
10927
10927
|
|
|
10928
|
-
function add_css$
|
|
10928
|
+
function add_css$b(target) {
|
|
10929
10929
|
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
|
10930
10930
|
}
|
|
10931
10931
|
|
|
@@ -11039,14 +11039,14 @@ class Flex extends SvelteComponent {
|
|
|
11039
11039
|
height: 2,
|
|
11040
11040
|
_style: 3
|
|
11041
11041
|
},
|
|
11042
|
-
add_css$
|
|
11042
|
+
add_css$b
|
|
11043
11043
|
);
|
|
11044
11044
|
}
|
|
11045
11045
|
}
|
|
11046
11046
|
|
|
11047
11047
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
|
11048
11048
|
|
|
11049
|
-
function add_css$
|
|
11049
|
+
function add_css$a(target) {
|
|
11050
11050
|
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
|
11051
11051
|
}
|
|
11052
11052
|
|
|
@@ -11161,7 +11161,7 @@ function instance$B($$self, $$props, $$invalidate) {
|
|
|
11161
11161
|
class FlexItem extends SvelteComponent {
|
|
11162
11162
|
constructor(options) {
|
|
11163
11163
|
super();
|
|
11164
|
-
init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$
|
|
11164
|
+
init(this, options, instance$B, create_fragment$B, safe_not_equal, { length: 1, _style: 2 }, add_css$a);
|
|
11165
11165
|
}
|
|
11166
11166
|
}
|
|
11167
11167
|
|
|
@@ -11489,7 +11489,7 @@ class GridModalState extends SvelteComponent {
|
|
|
11489
11489
|
|
|
11490
11490
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
|
11491
11491
|
|
|
11492
|
-
function add_css$
|
|
11492
|
+
function add_css$9(target) {
|
|
11493
11493
|
append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
|
|
11494
11494
|
}
|
|
11495
11495
|
|
|
@@ -11604,14 +11604,14 @@ class TextBlock extends SvelteComponent {
|
|
|
11604
11604
|
textDirection: 1,
|
|
11605
11605
|
_style: 5
|
|
11606
11606
|
},
|
|
11607
|
-
add_css$
|
|
11607
|
+
add_css$9
|
|
11608
11608
|
);
|
|
11609
11609
|
}
|
|
11610
11610
|
}
|
|
11611
11611
|
|
|
11612
11612
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
|
11613
11613
|
|
|
11614
|
-
function add_css$
|
|
11614
|
+
function add_css$8(target) {
|
|
11615
11615
|
append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
|
11616
11616
|
}
|
|
11617
11617
|
|
|
@@ -11742,14 +11742,14 @@ class TextButtonBlock extends SvelteComponent {
|
|
|
11742
11742
|
_buttonStyle: 1,
|
|
11743
11743
|
_style: 2
|
|
11744
11744
|
},
|
|
11745
|
-
add_css$
|
|
11745
|
+
add_css$8
|
|
11746
11746
|
);
|
|
11747
11747
|
}
|
|
11748
11748
|
}
|
|
11749
11749
|
|
|
11750
11750
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
|
11751
11751
|
|
|
11752
|
-
function add_css$
|
|
11752
|
+
function add_css$7(target) {
|
|
11753
11753
|
append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
|
|
11754
11754
|
}
|
|
11755
11755
|
|
|
@@ -11889,78 +11889,239 @@ class ImageBlock extends SvelteComponent {
|
|
|
11889
11889
|
_imageStyle: 4,
|
|
11890
11890
|
_style: 5
|
|
11891
11891
|
},
|
|
11892
|
-
add_css$
|
|
11892
|
+
add_css$7
|
|
11893
11893
|
);
|
|
11894
11894
|
}
|
|
11895
11895
|
}
|
|
11896
11896
|
|
|
11897
|
-
|
|
11897
|
+
const COMPONENT_PARAMETER_TYPES = {
|
|
11898
|
+
TEXT: 'text',
|
|
11899
|
+
MULTILINE_TEXT: 'multiline_text',
|
|
11900
|
+
SELECT: 'select',
|
|
11901
|
+
RADIO: 'radio',
|
|
11902
|
+
CHECKBOX: 'checkbox',
|
|
11903
|
+
BOOLEAN: 'boolean',
|
|
11904
|
+
IMAGE: 'image',
|
|
11905
|
+
NUMBER: 'number',
|
|
11906
|
+
WIDTH: 'width',
|
|
11907
|
+
ASPECT: 'aspect',
|
|
11908
|
+
COLOR: 'color',
|
|
11909
|
+
ICON: 'icon',
|
|
11910
|
+
};
|
|
11911
|
+
|
|
11912
|
+
const toHyphenCase = (str) => {
|
|
11913
|
+
let result = str.replace(/_/g, '-');
|
|
11914
|
+
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
11915
|
+
return result;
|
|
11916
|
+
};
|
|
11917
|
+
const objToStyle = (obj) => {
|
|
11918
|
+
const styles = Object.entries(obj)
|
|
11919
|
+
.map(([key, value]) => {
|
|
11920
|
+
if (value === undefined)
|
|
11921
|
+
return '';
|
|
11922
|
+
return `${toHyphenCase(key)}: ${value};`;
|
|
11923
|
+
})
|
|
11924
|
+
.filter(v => v !== '');
|
|
11925
|
+
return styles.join(' ');
|
|
11926
|
+
};
|
|
11927
|
+
|
|
11928
|
+
const toCssPosition = (p) => {
|
|
11929
|
+
return {
|
|
11930
|
+
position: p?.position ?? 'static',
|
|
11931
|
+
top: p?.top,
|
|
11932
|
+
left: p?.left,
|
|
11933
|
+
bottom: p?.bottom,
|
|
11934
|
+
right: p?.right,
|
|
11935
|
+
};
|
|
11936
|
+
};
|
|
11937
|
+
const toCssCommon = (p) => {
|
|
11938
|
+
return {
|
|
11939
|
+
...toCssPosition(p),
|
|
11940
|
+
};
|
|
11941
|
+
};
|
|
11942
|
+
const toCssBorder = (p) => {
|
|
11943
|
+
const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
|
|
11944
|
+
if (borderWidth === null)
|
|
11945
|
+
return {};
|
|
11946
|
+
return {
|
|
11947
|
+
borderColor: p?.borderColor,
|
|
11948
|
+
borderStyle: 'solid',
|
|
11949
|
+
borderTopWidth: p?.borderTopWidth,
|
|
11950
|
+
borderLeftWidth: p?.borderLeftWidth,
|
|
11951
|
+
borderRightWidth: p?.borderRightWidth,
|
|
11952
|
+
borderBottomWidth: p?.borderBottomWidth,
|
|
11953
|
+
};
|
|
11954
|
+
};
|
|
11955
|
+
const toCssPadding = (p) => {
|
|
11956
|
+
return {
|
|
11957
|
+
paddingTop: p?.paddingTop,
|
|
11958
|
+
paddingLeft: p?.paddingLeft,
|
|
11959
|
+
paddingRight: p?.paddingRight,
|
|
11960
|
+
paddingBottom: p?.paddingBottom,
|
|
11961
|
+
};
|
|
11962
|
+
};
|
|
11963
|
+
const toCssBackgroundImage = (p) => {
|
|
11964
|
+
const url = p?.backgroundImageUrl;
|
|
11965
|
+
return {
|
|
11966
|
+
backgroundImage: url ? `url(${url})` : undefined,
|
|
11967
|
+
backgroundSize: url ? 'cover' : undefined,
|
|
11968
|
+
};
|
|
11969
|
+
};
|
|
11970
|
+
const toCssBackgroundColor = (p) => {
|
|
11971
|
+
return {
|
|
11972
|
+
backgroundColor: p?.backgroundColor,
|
|
11973
|
+
};
|
|
11974
|
+
};
|
|
11975
|
+
const toCssRadius = (p) => {
|
|
11976
|
+
return {
|
|
11977
|
+
borderTopLeftRadius: p?.borderTopLeftRadius,
|
|
11978
|
+
borderTopRightRadius: p?.borderTopRightRadius,
|
|
11979
|
+
borderBottomLeftRadius: p?.borderBottomLeftRadius,
|
|
11980
|
+
borderBottomRightRadius: p?.borderBottomRightRadius,
|
|
11981
|
+
};
|
|
11982
|
+
};
|
|
11983
|
+
const toCssShadow = (p) => {
|
|
11984
|
+
return {
|
|
11985
|
+
boxShadow: p?.shadow,
|
|
11986
|
+
};
|
|
11987
|
+
};
|
|
11988
|
+
|
|
11989
|
+
/* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
11990
|
+
|
|
11991
|
+
function add_css$6(target) {
|
|
11992
|
+
append_styles(target, "svelte-17xar9h", ".avatar.svelte-17xar9h{display:flex;align-items:center;overflow:hidden;flex-shrink:0}");
|
|
11993
|
+
}
|
|
11898
11994
|
|
|
11899
11995
|
function create_fragment$w(ctx) {
|
|
11900
|
-
let
|
|
11901
|
-
let
|
|
11996
|
+
let div;
|
|
11997
|
+
let img;
|
|
11998
|
+
let img_src_value;
|
|
11999
|
+
let img_alt_value;
|
|
11902
12000
|
|
|
11903
12001
|
return {
|
|
11904
12002
|
c() {
|
|
11905
|
-
|
|
11906
|
-
|
|
12003
|
+
div = element("div");
|
|
12004
|
+
img = element("img");
|
|
11907
12005
|
this.h();
|
|
11908
12006
|
},
|
|
11909
12007
|
l(nodes) {
|
|
11910
|
-
|
|
11911
|
-
|
|
11912
|
-
|
|
11913
|
-
|
|
11914
|
-
|
|
12008
|
+
div = claim_element(nodes, "DIV", {
|
|
12009
|
+
class: true,
|
|
12010
|
+
"data-layer-id": true,
|
|
12011
|
+
style: true
|
|
12012
|
+
});
|
|
12013
|
+
|
|
12014
|
+
var div_nodes = children(div);
|
|
12015
|
+
img = claim_element(div_nodes, "IMG", { src: true, alt: true, style: true });
|
|
12016
|
+
div_nodes.forEach(detach);
|
|
11915
12017
|
this.h();
|
|
11916
12018
|
},
|
|
11917
12019
|
h() {
|
|
11918
|
-
|
|
11919
|
-
attr(
|
|
11920
|
-
attr(
|
|
11921
|
-
|
|
11922
|
-
|
|
11923
|
-
attr(
|
|
12020
|
+
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
12021
|
+
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
12022
|
+
attr(img, "style", /*imgStyle*/ ctx[2]);
|
|
12023
|
+
attr(div, "class", "avatar svelte-17xar9h");
|
|
12024
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
12025
|
+
attr(div, "style", /*style*/ ctx[3]);
|
|
11924
12026
|
},
|
|
11925
12027
|
m(target, anchor) {
|
|
11926
|
-
insert_hydration(target,
|
|
11927
|
-
append_hydration(
|
|
12028
|
+
insert_hydration(target, div, anchor);
|
|
12029
|
+
append_hydration(div, img);
|
|
11928
12030
|
},
|
|
11929
12031
|
p(ctx, [dirty]) {
|
|
11930
|
-
if (dirty & /*
|
|
11931
|
-
attr(
|
|
12032
|
+
if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
|
|
12033
|
+
attr(img, "src", img_src_value);
|
|
12034
|
+
}
|
|
12035
|
+
|
|
12036
|
+
if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
|
|
12037
|
+
attr(img, "alt", img_alt_value);
|
|
12038
|
+
}
|
|
12039
|
+
|
|
12040
|
+
if (dirty & /*imgStyle*/ 4) {
|
|
12041
|
+
attr(img, "style", /*imgStyle*/ ctx[2]);
|
|
12042
|
+
}
|
|
12043
|
+
|
|
12044
|
+
if (dirty & /*layerId*/ 2) {
|
|
12045
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
12046
|
+
}
|
|
12047
|
+
|
|
12048
|
+
if (dirty & /*style*/ 8) {
|
|
12049
|
+
attr(div, "style", /*style*/ ctx[3]);
|
|
11932
12050
|
}
|
|
11933
12051
|
},
|
|
11934
12052
|
i: noop,
|
|
11935
12053
|
o: noop,
|
|
11936
12054
|
d(detaching) {
|
|
11937
|
-
if (detaching) detach(
|
|
12055
|
+
if (detaching) detach(div);
|
|
11938
12056
|
}
|
|
11939
12057
|
};
|
|
11940
12058
|
}
|
|
11941
12059
|
|
|
11942
12060
|
function instance$w($$self, $$props, $$invalidate) {
|
|
11943
|
-
let
|
|
12061
|
+
let style;
|
|
12062
|
+
let imgStyle;
|
|
12063
|
+
let { props = {} } = $$props;
|
|
12064
|
+
let { layerId = '' } = $$props;
|
|
11944
12065
|
|
|
11945
|
-
|
|
11946
|
-
|
|
12066
|
+
const VARIANTS = {
|
|
12067
|
+
shape: {
|
|
12068
|
+
circle: { borderRadius: '100%' },
|
|
12069
|
+
square: { borderRadius: '4px' }
|
|
12070
|
+
}
|
|
11947
12071
|
};
|
|
11948
12072
|
|
|
11949
|
-
|
|
11950
|
-
}
|
|
11951
|
-
|
|
11952
|
-
class IconArrowDown extends SvelteComponent {
|
|
11953
|
-
constructor(options) {
|
|
11954
|
-
super();
|
|
11955
|
-
init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
|
|
11956
|
-
}
|
|
11957
|
-
}
|
|
11958
|
-
|
|
11959
|
-
/* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
|
|
12073
|
+
const size = props.size ?? 64;
|
|
11960
12074
|
|
|
11961
|
-
|
|
11962
|
-
|
|
11963
|
-
|
|
12075
|
+
$$self.$$set = $$props => {
|
|
12076
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
12077
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
12078
|
+
};
|
|
12079
|
+
|
|
12080
|
+
$$self.$$.update = () => {
|
|
12081
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
12082
|
+
$$invalidate(3, style = objToStyle({
|
|
12083
|
+
width: `${size}px`,
|
|
12084
|
+
height: `${size}px`,
|
|
12085
|
+
...VARIANTS.shape[props.shape ?? 'square'],
|
|
12086
|
+
...props.bordered && { border: `1px solid #dbdbdb` },
|
|
12087
|
+
...toCssCommon(props)
|
|
12088
|
+
}));
|
|
12089
|
+
}
|
|
12090
|
+
};
|
|
12091
|
+
|
|
12092
|
+
$$invalidate(2, imgStyle = objToStyle({
|
|
12093
|
+
width: '100%',
|
|
12094
|
+
height: '100%',
|
|
12095
|
+
objectFit: 'cover'
|
|
12096
|
+
}));
|
|
12097
|
+
|
|
12098
|
+
return [props, layerId, imgStyle, style];
|
|
12099
|
+
}
|
|
12100
|
+
|
|
12101
|
+
class Avatar extends SvelteComponent {
|
|
12102
|
+
constructor(options) {
|
|
12103
|
+
super();
|
|
12104
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { props: 0, layerId: 1 }, add_css$6);
|
|
12105
|
+
}
|
|
12106
|
+
}
|
|
12107
|
+
|
|
12108
|
+
const AVATAR_SIZE = {
|
|
12109
|
+
extra_small: 'XS（48 x 48）',
|
|
12110
|
+
small: 'S（64 x 64）',
|
|
12111
|
+
medium: 'M（88 x 88）',
|
|
12112
|
+
large: 'L（108 x 108）',
|
|
12113
|
+
extra_large: 'XL（128 x 128）',
|
|
12114
|
+
};
|
|
12115
|
+
const AVATAR_SHAPE = {
|
|
12116
|
+
circle: 'サークル',
|
|
12117
|
+
square: 'スクエア',
|
|
12118
|
+
};
|
|
12119
|
+
|
|
12120
|
+
/* src/components-v2/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
|
|
12121
|
+
|
|
12122
|
+
function create_fragment$v(ctx) {
|
|
12123
|
+
let svg;
|
|
12124
|
+
let path;
|
|
11964
12125
|
|
|
11965
12126
|
return {
|
|
11966
12127
|
c() {
|
|
@@ -11978,7 +12139,7 @@ function create_fragment$v(ctx) {
|
|
|
11978
12139
|
},
|
|
11979
12140
|
h() {
|
|
11980
12141
|
attr(path, "fill", /*color*/ ctx[0]);
|
|
11981
|
-
attr(path, "d", "
|
|
12142
|
+
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");
|
|
11982
12143
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
11983
12144
|
set_style(svg, "width", "100%");
|
|
11984
12145
|
set_style(svg, "height", "100%");
|
|
@@ -12011,19 +12172,81 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
|
12011
12172
|
return [color];
|
|
12012
12173
|
}
|
|
12013
12174
|
|
|
12014
|
-
class
|
|
12175
|
+
class IconArrowDown extends SvelteComponent {
|
|
12015
12176
|
constructor(options) {
|
|
12016
12177
|
super();
|
|
12017
12178
|
init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
|
|
12018
12179
|
}
|
|
12019
12180
|
}
|
|
12020
12181
|
|
|
12021
|
-
/* src/components-v2/icon/variants/
|
|
12182
|
+
/* src/components-v2/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
|
|
12022
12183
|
|
|
12023
12184
|
function create_fragment$u(ctx) {
|
|
12024
12185
|
let svg;
|
|
12025
12186
|
let path;
|
|
12026
12187
|
|
|
12188
|
+
return {
|
|
12189
|
+
c() {
|
|
12190
|
+
svg = svg_element("svg");
|
|
12191
|
+
path = svg_element("path");
|
|
12192
|
+
this.h();
|
|
12193
|
+
},
|
|
12194
|
+
l(nodes) {
|
|
12195
|
+
svg = claim_svg_element(nodes, "svg", { xmlns: true, style: true, viewBox: true });
|
|
12196
|
+
var svg_nodes = children(svg);
|
|
12197
|
+
path = claim_svg_element(svg_nodes, "path", { fill: true, d: true });
|
|
12198
|
+
children(path).forEach(detach);
|
|
12199
|
+
svg_nodes.forEach(detach);
|
|
12200
|
+
this.h();
|
|
12201
|
+
},
|
|
12202
|
+
h() {
|
|
12203
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12204
|
+
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");
|
|
12205
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
12206
|
+
set_style(svg, "width", "100%");
|
|
12207
|
+
set_style(svg, "height", "100%");
|
|
12208
|
+
attr(svg, "viewBox", "0 0 384 512");
|
|
12209
|
+
},
|
|
12210
|
+
m(target, anchor) {
|
|
12211
|
+
insert_hydration(target, svg, anchor);
|
|
12212
|
+
append_hydration(svg, path);
|
|
12213
|
+
},
|
|
12214
|
+
p(ctx, [dirty]) {
|
|
12215
|
+
if (dirty & /*color*/ 1) {
|
|
12216
|
+
attr(path, "fill", /*color*/ ctx[0]);
|
|
12217
|
+
}
|
|
12218
|
+
},
|
|
12219
|
+
i: noop,
|
|
12220
|
+
o: noop,
|
|
12221
|
+
d(detaching) {
|
|
12222
|
+
if (detaching) detach(svg);
|
|
12223
|
+
}
|
|
12224
|
+
};
|
|
12225
|
+
}
|
|
12226
|
+
|
|
12227
|
+
function instance$u($$self, $$props, $$invalidate) {
|
|
12228
|
+
let { color } = $$props;
|
|
12229
|
+
|
|
12230
|
+
$$self.$$set = $$props => {
|
|
12231
|
+
if ('color' in $$props) $$invalidate(0, color = $$props.color);
|
|
12232
|
+
};
|
|
12233
|
+
|
|
12234
|
+
return [color];
|
|
12235
|
+
}
|
|
12236
|
+
|
|
12237
|
+
class IconArrowUp extends SvelteComponent {
|
|
12238
|
+
constructor(options) {
|
|
12239
|
+
super();
|
|
12240
|
+
init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
|
|
12241
|
+
}
|
|
12242
|
+
}
|
|
12243
|
+
|
|
12244
|
+
/* src/components-v2/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
|
|
12245
|
+
|
|
12246
|
+
function create_fragment$t(ctx) {
|
|
12247
|
+
let svg;
|
|
12248
|
+
let path;
|
|
12249
|
+
|
|
12027
12250
|
return {
|
|
12028
12251
|
c() {
|
|
12029
12252
|
svg = svg_element("svg");
|
|
@@ -12063,7 +12286,7 @@ function create_fragment$u(ctx) {
|
|
|
12063
12286
|
};
|
|
12064
12287
|
}
|
|
12065
12288
|
|
|
12066
|
-
function instance$
|
|
12289
|
+
function instance$t($$self, $$props, $$invalidate) {
|
|
12067
12290
|
let { color } = $$props;
|
|
12068
12291
|
|
|
12069
12292
|
$$self.$$set = $$props => {
|
|
@@ -12076,13 +12299,13 @@ function instance$u($$self, $$props, $$invalidate) {
|
|
|
12076
12299
|
class IconUsers extends SvelteComponent {
|
|
12077
12300
|
constructor(options) {
|
|
12078
12301
|
super();
|
|
12079
|
-
init(this, options, instance$
|
|
12302
|
+
init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
|
|
12080
12303
|
}
|
|
12081
12304
|
}
|
|
12082
12305
|
|
|
12083
12306
|
/* src/components-v2/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
|
|
12084
12307
|
|
|
12085
|
-
function create_fragment$
|
|
12308
|
+
function create_fragment$s(ctx) {
|
|
12086
12309
|
let svg;
|
|
12087
12310
|
let path;
|
|
12088
12311
|
|
|
@@ -12125,7 +12348,7 @@ function create_fragment$t(ctx) {
|
|
|
12125
12348
|
};
|
|
12126
12349
|
}
|
|
12127
12350
|
|
|
12128
|
-
function instance$
|
|
12351
|
+
function instance$s($$self, $$props, $$invalidate) {
|
|
12129
12352
|
let { color } = $$props;
|
|
12130
12353
|
|
|
12131
12354
|
$$self.$$set = $$props => {
|
|
@@ -12138,13 +12361,13 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
12138
12361
|
class IconArrowLeft extends SvelteComponent {
|
|
12139
12362
|
constructor(options) {
|
|
12140
12363
|
super();
|
|
12141
|
-
init(this, options, instance$
|
|
12364
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
|
|
12142
12365
|
}
|
|
12143
12366
|
}
|
|
12144
12367
|
|
|
12145
12368
|
/* src/components-v2/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
|
|
12146
12369
|
|
|
12147
|
-
function create_fragment$
|
|
12370
|
+
function create_fragment$r(ctx) {
|
|
12148
12371
|
let svg;
|
|
12149
12372
|
let path;
|
|
12150
12373
|
|
|
@@ -12187,7 +12410,7 @@ function create_fragment$s(ctx) {
|
|
|
12187
12410
|
};
|
|
12188
12411
|
}
|
|
12189
12412
|
|
|
12190
|
-
function instance$
|
|
12413
|
+
function instance$r($$self, $$props, $$invalidate) {
|
|
12191
12414
|
let { color } = $$props;
|
|
12192
12415
|
|
|
12193
12416
|
$$self.$$set = $$props => {
|
|
@@ -12200,13 +12423,13 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
|
12200
12423
|
class IconArrowRight extends SvelteComponent {
|
|
12201
12424
|
constructor(options) {
|
|
12202
12425
|
super();
|
|
12203
|
-
init(this, options, instance$
|
|
12426
|
+
init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
|
|
12204
12427
|
}
|
|
12205
12428
|
}
|
|
12206
12429
|
|
|
12207
12430
|
/* src/components-v2/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
|
|
12208
12431
|
|
|
12209
|
-
function create_fragment$
|
|
12432
|
+
function create_fragment$q(ctx) {
|
|
12210
12433
|
let svg;
|
|
12211
12434
|
let path;
|
|
12212
12435
|
|
|
@@ -12249,7 +12472,7 @@ function create_fragment$r(ctx) {
|
|
|
12249
12472
|
};
|
|
12250
12473
|
}
|
|
12251
12474
|
|
|
12252
|
-
function instance$
|
|
12475
|
+
function instance$q($$self, $$props, $$invalidate) {
|
|
12253
12476
|
let { color } = $$props;
|
|
12254
12477
|
|
|
12255
12478
|
$$self.$$set = $$props => {
|
|
@@ -12262,13 +12485,13 @@ function instance$r($$self, $$props, $$invalidate) {
|
|
|
12262
12485
|
class IconBell extends SvelteComponent {
|
|
12263
12486
|
constructor(options) {
|
|
12264
12487
|
super();
|
|
12265
|
-
init(this, options, instance$
|
|
12488
|
+
init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
|
|
12266
12489
|
}
|
|
12267
12490
|
}
|
|
12268
12491
|
|
|
12269
12492
|
/* src/components-v2/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
|
|
12270
12493
|
|
|
12271
|
-
function create_fragment$
|
|
12494
|
+
function create_fragment$p(ctx) {
|
|
12272
12495
|
let svg;
|
|
12273
12496
|
let path;
|
|
12274
12497
|
|
|
@@ -12311,7 +12534,7 @@ function create_fragment$q(ctx) {
|
|
|
12311
12534
|
};
|
|
12312
12535
|
}
|
|
12313
12536
|
|
|
12314
|
-
function instance$
|
|
12537
|
+
function instance$p($$self, $$props, $$invalidate) {
|
|
12315
12538
|
let { color } = $$props;
|
|
12316
12539
|
|
|
12317
12540
|
$$self.$$set = $$props => {
|
|
@@ -12324,13 +12547,13 @@ function instance$q($$self, $$props, $$invalidate) {
|
|
|
12324
12547
|
class IconArrowUpFromSquare extends SvelteComponent {
|
|
12325
12548
|
constructor(options) {
|
|
12326
12549
|
super();
|
|
12327
|
-
init(this, options, instance$
|
|
12550
|
+
init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
|
|
12328
12551
|
}
|
|
12329
12552
|
}
|
|
12330
12553
|
|
|
12331
12554
|
/* src/components-v2/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
|
|
12332
12555
|
|
|
12333
|
-
function create_fragment$
|
|
12556
|
+
function create_fragment$o(ctx) {
|
|
12334
12557
|
let svg;
|
|
12335
12558
|
let path;
|
|
12336
12559
|
|
|
@@ -12373,7 +12596,7 @@ function create_fragment$p(ctx) {
|
|
|
12373
12596
|
};
|
|
12374
12597
|
}
|
|
12375
12598
|
|
|
12376
|
-
function instance$
|
|
12599
|
+
function instance$o($$self, $$props, $$invalidate) {
|
|
12377
12600
|
let { color } = $$props;
|
|
12378
12601
|
|
|
12379
12602
|
$$self.$$set = $$props => {
|
|
@@ -12386,13 +12609,13 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
12386
12609
|
class IconTicket extends SvelteComponent {
|
|
12387
12610
|
constructor(options) {
|
|
12388
12611
|
super();
|
|
12389
|
-
init(this, options, instance$
|
|
12612
|
+
init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
|
|
12390
12613
|
}
|
|
12391
12614
|
}
|
|
12392
12615
|
|
|
12393
12616
|
/* src/components-v2/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
|
|
12394
12617
|
|
|
12395
|
-
function create_fragment$
|
|
12618
|
+
function create_fragment$n(ctx) {
|
|
12396
12619
|
let svg;
|
|
12397
12620
|
let path;
|
|
12398
12621
|
|
|
@@ -12435,7 +12658,7 @@ function create_fragment$o(ctx) {
|
|
|
12435
12658
|
};
|
|
12436
12659
|
}
|
|
12437
12660
|
|
|
12438
|
-
function instance$
|
|
12661
|
+
function instance$n($$self, $$props, $$invalidate) {
|
|
12439
12662
|
let { color } = $$props;
|
|
12440
12663
|
|
|
12441
12664
|
$$self.$$set = $$props => {
|
|
@@ -12448,13 +12671,13 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
|
12448
12671
|
class IconTrack extends SvelteComponent {
|
|
12449
12672
|
constructor(options) {
|
|
12450
12673
|
super();
|
|
12451
|
-
init(this, options, instance$
|
|
12674
|
+
init(this, options, instance$n, create_fragment$n, safe_not_equal, { color: 0 });
|
|
12452
12675
|
}
|
|
12453
12676
|
}
|
|
12454
12677
|
|
|
12455
12678
|
/* src/components-v2/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
|
|
12456
12679
|
|
|
12457
|
-
function create_fragment$
|
|
12680
|
+
function create_fragment$m(ctx) {
|
|
12458
12681
|
let svg;
|
|
12459
12682
|
let path;
|
|
12460
12683
|
|
|
@@ -12497,7 +12720,7 @@ function create_fragment$n(ctx) {
|
|
|
12497
12720
|
};
|
|
12498
12721
|
}
|
|
12499
12722
|
|
|
12500
|
-
function instance$
|
|
12723
|
+
function instance$m($$self, $$props, $$invalidate) {
|
|
12501
12724
|
let { color } = $$props;
|
|
12502
12725
|
|
|
12503
12726
|
$$self.$$set = $$props => {
|
|
@@ -12510,13 +12733,13 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
|
12510
12733
|
class IconCartShopping extends SvelteComponent {
|
|
12511
12734
|
constructor(options) {
|
|
12512
12735
|
super();
|
|
12513
|
-
init(this, options, instance$
|
|
12736
|
+
init(this, options, instance$m, create_fragment$m, safe_not_equal, { color: 0 });
|
|
12514
12737
|
}
|
|
12515
12738
|
}
|
|
12516
12739
|
|
|
12517
12740
|
/* src/components-v2/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
|
|
12518
12741
|
|
|
12519
|
-
function create_fragment$
|
|
12742
|
+
function create_fragment$l(ctx) {
|
|
12520
12743
|
let svg;
|
|
12521
12744
|
let path;
|
|
12522
12745
|
|
|
@@ -12559,7 +12782,7 @@ function create_fragment$m(ctx) {
|
|
|
12559
12782
|
};
|
|
12560
12783
|
}
|
|
12561
12784
|
|
|
12562
|
-
function instance$
|
|
12785
|
+
function instance$l($$self, $$props, $$invalidate) {
|
|
12563
12786
|
let { color } = $$props;
|
|
12564
12787
|
|
|
12565
12788
|
$$self.$$set = $$props => {
|
|
@@ -12572,13 +12795,13 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
|
12572
12795
|
class IconCircle extends SvelteComponent {
|
|
12573
12796
|
constructor(options) {
|
|
12574
12797
|
super();
|
|
12575
|
-
init(this, options, instance$
|
|
12798
|
+
init(this, options, instance$l, create_fragment$l, safe_not_equal, { color: 0 });
|
|
12576
12799
|
}
|
|
12577
12800
|
}
|
|
12578
12801
|
|
|
12579
12802
|
/* src/components-v2/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
|
|
12580
12803
|
|
|
12581
|
-
function create_fragment$
|
|
12804
|
+
function create_fragment$k(ctx) {
|
|
12582
12805
|
let svg;
|
|
12583
12806
|
let path;
|
|
12584
12807
|
|
|
@@ -12621,7 +12844,7 @@ function create_fragment$l(ctx) {
|
|
|
12621
12844
|
};
|
|
12622
12845
|
}
|
|
12623
12846
|
|
|
12624
|
-
function instance$
|
|
12847
|
+
function instance$k($$self, $$props, $$invalidate) {
|
|
12625
12848
|
let { color } = $$props;
|
|
12626
12849
|
|
|
12627
12850
|
$$self.$$set = $$props => {
|
|
@@ -12634,13 +12857,13 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
12634
12857
|
class IconCircleQuestion extends SvelteComponent {
|
|
12635
12858
|
constructor(options) {
|
|
12636
12859
|
super();
|
|
12637
|
-
init(this, options, instance$
|
|
12860
|
+
init(this, options, instance$k, create_fragment$k, safe_not_equal, { color: 0 });
|
|
12638
12861
|
}
|
|
12639
12862
|
}
|
|
12640
12863
|
|
|
12641
12864
|
/* src/components-v2/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
|
|
12642
12865
|
|
|
12643
|
-
function create_fragment$
|
|
12866
|
+
function create_fragment$j(ctx) {
|
|
12644
12867
|
let svg;
|
|
12645
12868
|
let path;
|
|
12646
12869
|
|
|
@@ -12683,7 +12906,7 @@ function create_fragment$k(ctx) {
|
|
|
12683
12906
|
};
|
|
12684
12907
|
}
|
|
12685
12908
|
|
|
12686
|
-
function instance$
|
|
12909
|
+
function instance$j($$self, $$props, $$invalidate) {
|
|
12687
12910
|
let { color } = $$props;
|
|
12688
12911
|
|
|
12689
12912
|
$$self.$$set = $$props => {
|
|
@@ -12696,13 +12919,13 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
|
12696
12919
|
class IconCheck extends SvelteComponent {
|
|
12697
12920
|
constructor(options) {
|
|
12698
12921
|
super();
|
|
12699
|
-
init(this, options, instance$
|
|
12922
|
+
init(this, options, instance$j, create_fragment$j, safe_not_equal, { color: 0 });
|
|
12700
12923
|
}
|
|
12701
12924
|
}
|
|
12702
12925
|
|
|
12703
12926
|
/* src/components-v2/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
|
|
12704
12927
|
|
|
12705
|
-
function create_fragment$
|
|
12928
|
+
function create_fragment$i(ctx) {
|
|
12706
12929
|
let svg;
|
|
12707
12930
|
let path;
|
|
12708
12931
|
|
|
@@ -12745,7 +12968,7 @@ function create_fragment$j(ctx) {
|
|
|
12745
12968
|
};
|
|
12746
12969
|
}
|
|
12747
12970
|
|
|
12748
|
-
function instance$
|
|
12971
|
+
function instance$i($$self, $$props, $$invalidate) {
|
|
12749
12972
|
let { color } = $$props;
|
|
12750
12973
|
|
|
12751
12974
|
$$self.$$set = $$props => {
|
|
@@ -12758,13 +12981,13 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
|
12758
12981
|
class IconXMark extends SvelteComponent {
|
|
12759
12982
|
constructor(options) {
|
|
12760
12983
|
super();
|
|
12761
|
-
init(this, options, instance$
|
|
12984
|
+
init(this, options, instance$i, create_fragment$i, safe_not_equal, { color: 0 });
|
|
12762
12985
|
}
|
|
12763
12986
|
}
|
|
12764
12987
|
|
|
12765
12988
|
/* src/components-v2/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
|
|
12766
12989
|
|
|
12767
|
-
function create_fragment$
|
|
12990
|
+
function create_fragment$h(ctx) {
|
|
12768
12991
|
let svg;
|
|
12769
12992
|
let path;
|
|
12770
12993
|
|
|
@@ -12807,7 +13030,7 @@ function create_fragment$i(ctx) {
|
|
|
12807
13030
|
};
|
|
12808
13031
|
}
|
|
12809
13032
|
|
|
12810
|
-
function instance$
|
|
13033
|
+
function instance$h($$self, $$props, $$invalidate) {
|
|
12811
13034
|
let { color } = $$props;
|
|
12812
13035
|
|
|
12813
13036
|
$$self.$$set = $$props => {
|
|
@@ -12820,13 +13043,13 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
|
12820
13043
|
class IconPaperPlane extends SvelteComponent {
|
|
12821
13044
|
constructor(options) {
|
|
12822
13045
|
super();
|
|
12823
|
-
init(this, options, instance$
|
|
13046
|
+
init(this, options, instance$h, create_fragment$h, safe_not_equal, { color: 0 });
|
|
12824
13047
|
}
|
|
12825
13048
|
}
|
|
12826
13049
|
|
|
12827
13050
|
/* src/components-v2/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
|
|
12828
13051
|
|
|
12829
|
-
function create_fragment$
|
|
13052
|
+
function create_fragment$g(ctx) {
|
|
12830
13053
|
let svg;
|
|
12831
13054
|
let path;
|
|
12832
13055
|
|
|
@@ -12869,7 +13092,7 @@ function create_fragment$h(ctx) {
|
|
|
12869
13092
|
};
|
|
12870
13093
|
}
|
|
12871
13094
|
|
|
12872
|
-
function instance$
|
|
13095
|
+
function instance$g($$self, $$props, $$invalidate) {
|
|
12873
13096
|
let { color } = $$props;
|
|
12874
13097
|
|
|
12875
13098
|
$$self.$$set = $$props => {
|
|
@@ -12882,13 +13105,13 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
|
12882
13105
|
class IconCopy extends SvelteComponent {
|
|
12883
13106
|
constructor(options) {
|
|
12884
13107
|
super();
|
|
12885
|
-
init(this, options, instance$
|
|
13108
|
+
init(this, options, instance$g, create_fragment$g, safe_not_equal, { color: 0 });
|
|
12886
13109
|
}
|
|
12887
13110
|
}
|
|
12888
13111
|
|
|
12889
13112
|
/* src/components-v2/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
|
|
12890
13113
|
|
|
12891
|
-
function create_fragment$
|
|
13114
|
+
function create_fragment$f(ctx) {
|
|
12892
13115
|
let svg;
|
|
12893
13116
|
let path;
|
|
12894
13117
|
|
|
@@ -12931,7 +13154,7 @@ function create_fragment$g(ctx) {
|
|
|
12931
13154
|
};
|
|
12932
13155
|
}
|
|
12933
13156
|
|
|
12934
|
-
function instance$
|
|
13157
|
+
function instance$f($$self, $$props, $$invalidate) {
|
|
12935
13158
|
let { color } = $$props;
|
|
12936
13159
|
|
|
12937
13160
|
$$self.$$set = $$props => {
|
|
@@ -12944,13 +13167,13 @@ function instance$g($$self, $$props, $$invalidate) {
|
|
|
12944
13167
|
class IconCircleXMark extends SvelteComponent {
|
|
12945
13168
|
constructor(options) {
|
|
12946
13169
|
super();
|
|
12947
|
-
init(this, options, instance$
|
|
13170
|
+
init(this, options, instance$f, create_fragment$f, safe_not_equal, { color: 0 });
|
|
12948
13171
|
}
|
|
12949
13172
|
}
|
|
12950
13173
|
|
|
12951
13174
|
/* src/components-v2/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
|
|
12952
13175
|
|
|
12953
|
-
function create_fragment$
|
|
13176
|
+
function create_fragment$e(ctx) {
|
|
12954
13177
|
let svg;
|
|
12955
13178
|
let path;
|
|
12956
13179
|
|
|
@@ -12993,7 +13216,7 @@ function create_fragment$f(ctx) {
|
|
|
12993
13216
|
};
|
|
12994
13217
|
}
|
|
12995
13218
|
|
|
12996
|
-
function instance$
|
|
13219
|
+
function instance$e($$self, $$props, $$invalidate) {
|
|
12997
13220
|
let { color } = $$props;
|
|
12998
13221
|
|
|
12999
13222
|
$$self.$$set = $$props => {
|
|
@@ -13006,13 +13229,13 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
|
13006
13229
|
class IconHeart extends SvelteComponent {
|
|
13007
13230
|
constructor(options) {
|
|
13008
13231
|
super();
|
|
13009
|
-
init(this, options, instance$
|
|
13232
|
+
init(this, options, instance$e, create_fragment$e, safe_not_equal, { color: 0 });
|
|
13010
13233
|
}
|
|
13011
13234
|
}
|
|
13012
13235
|
|
|
13013
13236
|
/* src/components-v2/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
|
|
13014
13237
|
|
|
13015
|
-
function create_fragment$
|
|
13238
|
+
function create_fragment$d(ctx) {
|
|
13016
13239
|
let svg;
|
|
13017
13240
|
let path;
|
|
13018
13241
|
|
|
@@ -13055,7 +13278,7 @@ function create_fragment$e(ctx) {
|
|
|
13055
13278
|
};
|
|
13056
13279
|
}
|
|
13057
13280
|
|
|
13058
|
-
function instance$
|
|
13281
|
+
function instance$d($$self, $$props, $$invalidate) {
|
|
13059
13282
|
let { color } = $$props;
|
|
13060
13283
|
|
|
13061
13284
|
$$self.$$set = $$props => {
|
|
@@ -13068,13 +13291,13 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
|
13068
13291
|
class IconMagnifyingGrass extends SvelteComponent {
|
|
13069
13292
|
constructor(options) {
|
|
13070
13293
|
super();
|
|
13071
|
-
init(this, options, instance$
|
|
13294
|
+
init(this, options, instance$d, create_fragment$d, safe_not_equal, { color: 0 });
|
|
13072
13295
|
}
|
|
13073
13296
|
}
|
|
13074
13297
|
|
|
13075
13298
|
/* src/components-v2/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
|
|
13076
13299
|
|
|
13077
|
-
function create_fragment$
|
|
13300
|
+
function create_fragment$c(ctx) {
|
|
13078
13301
|
let svg;
|
|
13079
13302
|
let path;
|
|
13080
13303
|
|
|
@@ -13117,7 +13340,7 @@ function create_fragment$d(ctx) {
|
|
|
13117
13340
|
};
|
|
13118
13341
|
}
|
|
13119
13342
|
|
|
13120
|
-
function instance$
|
|
13343
|
+
function instance$c($$self, $$props, $$invalidate) {
|
|
13121
13344
|
let { color } = $$props;
|
|
13122
13345
|
|
|
13123
13346
|
$$self.$$set = $$props => {
|
|
@@ -13130,13 +13353,13 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
|
13130
13353
|
class IconStar extends SvelteComponent {
|
|
13131
13354
|
constructor(options) {
|
|
13132
13355
|
super();
|
|
13133
|
-
init(this, options, instance$
|
|
13356
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { color: 0 });
|
|
13134
13357
|
}
|
|
13135
13358
|
}
|
|
13136
13359
|
|
|
13137
13360
|
/* src/components-v2/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
|
|
13138
13361
|
|
|
13139
|
-
function create_fragment$
|
|
13362
|
+
function create_fragment$b(ctx) {
|
|
13140
13363
|
let svg;
|
|
13141
13364
|
let path;
|
|
13142
13365
|
|
|
@@ -13179,7 +13402,7 @@ function create_fragment$c(ctx) {
|
|
|
13179
13402
|
};
|
|
13180
13403
|
}
|
|
13181
13404
|
|
|
13182
|
-
function instance$
|
|
13405
|
+
function instance$b($$self, $$props, $$invalidate) {
|
|
13183
13406
|
let { color } = $$props;
|
|
13184
13407
|
|
|
13185
13408
|
$$self.$$set = $$props => {
|
|
@@ -13192,13 +13415,13 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
|
13192
13415
|
class IconCircleInfo extends SvelteComponent {
|
|
13193
13416
|
constructor(options) {
|
|
13194
13417
|
super();
|
|
13195
|
-
init(this, options, instance$
|
|
13418
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { color: 0 });
|
|
13196
13419
|
}
|
|
13197
13420
|
}
|
|
13198
13421
|
|
|
13199
13422
|
/* src/components-v2/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
|
|
13200
13423
|
|
|
13201
|
-
function create_fragment$
|
|
13424
|
+
function create_fragment$a(ctx) {
|
|
13202
13425
|
let svg;
|
|
13203
13426
|
let path;
|
|
13204
13427
|
|
|
@@ -13241,7 +13464,7 @@ function create_fragment$b(ctx) {
|
|
|
13241
13464
|
};
|
|
13242
13465
|
}
|
|
13243
13466
|
|
|
13244
|
-
function instance$
|
|
13467
|
+
function instance$a($$self, $$props, $$invalidate) {
|
|
13245
13468
|
let { color } = $$props;
|
|
13246
13469
|
|
|
13247
13470
|
$$self.$$set = $$props => {
|
|
@@ -13254,13 +13477,13 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
|
13254
13477
|
class IconEnvelope extends SvelteComponent {
|
|
13255
13478
|
constructor(options) {
|
|
13256
13479
|
super();
|
|
13257
|
-
init(this, options, instance$
|
|
13480
|
+
init(this, options, instance$a, create_fragment$a, safe_not_equal, { color: 0 });
|
|
13258
13481
|
}
|
|
13259
13482
|
}
|
|
13260
13483
|
|
|
13261
13484
|
/* src/components-v2/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
|
|
13262
13485
|
|
|
13263
|
-
function create_fragment$
|
|
13486
|
+
function create_fragment$9(ctx) {
|
|
13264
13487
|
let svg;
|
|
13265
13488
|
let path;
|
|
13266
13489
|
|
|
@@ -13303,7 +13526,7 @@ function create_fragment$a(ctx) {
|
|
|
13303
13526
|
};
|
|
13304
13527
|
}
|
|
13305
13528
|
|
|
13306
|
-
function instance$
|
|
13529
|
+
function instance$9($$self, $$props, $$invalidate) {
|
|
13307
13530
|
let { color } = $$props;
|
|
13308
13531
|
|
|
13309
13532
|
$$self.$$set = $$props => {
|
|
@@ -13316,13 +13539,13 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
|
13316
13539
|
class IconGift extends SvelteComponent {
|
|
13317
13540
|
constructor(options) {
|
|
13318
13541
|
super();
|
|
13319
|
-
init(this, options, instance$
|
|
13542
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { color: 0 });
|
|
13320
13543
|
}
|
|
13321
13544
|
}
|
|
13322
13545
|
|
|
13323
13546
|
/* src/components-v2/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
|
|
13324
13547
|
|
|
13325
|
-
function create_fragment$
|
|
13548
|
+
function create_fragment$8(ctx) {
|
|
13326
13549
|
let svg;
|
|
13327
13550
|
let path;
|
|
13328
13551
|
|
|
@@ -13371,7 +13594,7 @@ function create_fragment$9(ctx) {
|
|
|
13371
13594
|
};
|
|
13372
13595
|
}
|
|
13373
13596
|
|
|
13374
|
-
function instance$
|
|
13597
|
+
function instance$8($$self, $$props, $$invalidate) {
|
|
13375
13598
|
let { color } = $$props;
|
|
13376
13599
|
|
|
13377
13600
|
$$self.$$set = $$props => {
|
|
@@ -13384,13 +13607,13 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
|
13384
13607
|
class IconPaperclip extends SvelteComponent {
|
|
13385
13608
|
constructor(options) {
|
|
13386
13609
|
super();
|
|
13387
|
-
init(this, options, instance$
|
|
13610
|
+
init(this, options, instance$8, create_fragment$8, safe_not_equal, { color: 0 });
|
|
13388
13611
|
}
|
|
13389
13612
|
}
|
|
13390
13613
|
|
|
13391
13614
|
/* src/components-v2/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
|
|
13392
13615
|
|
|
13393
|
-
function create_fragment$
|
|
13616
|
+
function create_fragment$7(ctx) {
|
|
13394
13617
|
let svg;
|
|
13395
13618
|
let path;
|
|
13396
13619
|
|
|
@@ -13439,7 +13662,7 @@ function create_fragment$8(ctx) {
|
|
|
13439
13662
|
};
|
|
13440
13663
|
}
|
|
13441
13664
|
|
|
13442
|
-
function instance$
|
|
13665
|
+
function instance$7($$self, $$props, $$invalidate) {
|
|
13443
13666
|
let { color } = $$props;
|
|
13444
13667
|
|
|
13445
13668
|
$$self.$$set = $$props => {
|
|
@@ -13452,13 +13675,13 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
13452
13675
|
class IconFire extends SvelteComponent {
|
|
13453
13676
|
constructor(options) {
|
|
13454
13677
|
super();
|
|
13455
|
-
init(this, options, instance$
|
|
13678
|
+
init(this, options, instance$7, create_fragment$7, safe_not_equal, { color: 0 });
|
|
13456
13679
|
}
|
|
13457
13680
|
}
|
|
13458
13681
|
|
|
13459
13682
|
/* src/components-v2/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
|
|
13460
13683
|
|
|
13461
|
-
function create_fragment$
|
|
13684
|
+
function create_fragment$6(ctx) {
|
|
13462
13685
|
let svg;
|
|
13463
13686
|
let path;
|
|
13464
13687
|
|
|
@@ -13507,7 +13730,7 @@ function create_fragment$7(ctx) {
|
|
|
13507
13730
|
};
|
|
13508
13731
|
}
|
|
13509
13732
|
|
|
13510
|
-
function instance$
|
|
13733
|
+
function instance$6($$self, $$props, $$invalidate) {
|
|
13511
13734
|
let { color } = $$props;
|
|
13512
13735
|
|
|
13513
13736
|
$$self.$$set = $$props => {
|
|
@@ -13520,7 +13743,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
13520
13743
|
class IconLink extends SvelteComponent {
|
|
13521
13744
|
constructor(options) {
|
|
13522
13745
|
super();
|
|
13523
|
-
init(this, options, instance$
|
|
13746
|
+
init(this, options, instance$6, create_fragment$6, safe_not_equal, { color: 0 });
|
|
13524
13747
|
}
|
|
13525
13748
|
}
|
|
13526
13749
|
|
|
@@ -13584,7 +13807,7 @@ const ICON_VARIANTS = {
|
|
|
13584
13807
|
x_mark: IconXMark,
|
|
13585
13808
|
};
|
|
13586
13809
|
// @ts-ignore
|
|
13587
|
-
[
|
|
13810
|
+
const ICON_PARAMS = [
|
|
13588
13811
|
{
|
|
13589
13812
|
id: 'variant',
|
|
13590
13813
|
name: 'アイコン',
|
|
@@ -13606,95 +13829,22 @@ const ICON_VARIANTS = {
|
|
|
13606
13829
|
},
|
|
13607
13830
|
];
|
|
13608
13831
|
|
|
13609
|
-
const toHyphenCase = (str) => {
|
|
13610
|
-
let result = str.replace(/_/g, '-');
|
|
13611
|
-
result = result.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
13612
|
-
return result;
|
|
13613
|
-
};
|
|
13614
|
-
const objToStyle = (obj) => {
|
|
13615
|
-
const styles = Object.entries(obj)
|
|
13616
|
-
.map(([key, value]) => {
|
|
13617
|
-
if (value === undefined)
|
|
13618
|
-
return '';
|
|
13619
|
-
return `${toHyphenCase(key)}: ${value};`;
|
|
13620
|
-
})
|
|
13621
|
-
.filter(v => v !== '');
|
|
13622
|
-
return styles.join(' ');
|
|
13623
|
-
};
|
|
13624
|
-
|
|
13625
|
-
const toCssPosition = (p) => {
|
|
13626
|
-
return {
|
|
13627
|
-
position: p?.position ?? 'static',
|
|
13628
|
-
top: p?.top,
|
|
13629
|
-
left: p?.left,
|
|
13630
|
-
bottom: p?.bottom,
|
|
13631
|
-
right: p?.right,
|
|
13632
|
-
};
|
|
13633
|
-
};
|
|
13634
|
-
const toCssCommon = (p) => {
|
|
13635
|
-
return {
|
|
13636
|
-
...toCssPosition(p),
|
|
13637
|
-
};
|
|
13638
|
-
};
|
|
13639
|
-
const toCssBorder = (p) => {
|
|
13640
|
-
const borderWidth = p?.borderTopWidth ?? p?.borderRightWidth ?? p?.borderLeftWidth ?? p?.borderBottomWidth ?? null;
|
|
13641
|
-
if (borderWidth === null)
|
|
13642
|
-
return {};
|
|
13643
|
-
return {
|
|
13644
|
-
borderColor: p?.borderColor,
|
|
13645
|
-
borderStyle: 'solid',
|
|
13646
|
-
borderTopWidth: p?.borderTopWidth,
|
|
13647
|
-
borderLeftWidth: p?.borderLeftWidth,
|
|
13648
|
-
borderRightWidth: p?.borderRightWidth,
|
|
13649
|
-
borderBottomWidth: p?.borderBottomWidth,
|
|
13650
|
-
};
|
|
13651
|
-
};
|
|
13652
|
-
const toCssPadding = (p) => {
|
|
13653
|
-
return {
|
|
13654
|
-
paddingTop: p?.paddingTop,
|
|
13655
|
-
paddingLeft: p?.paddingLeft,
|
|
13656
|
-
paddingRight: p?.paddingRight,
|
|
13657
|
-
paddingBottom: p?.paddingBottom,
|
|
13658
|
-
};
|
|
13659
|
-
};
|
|
13660
|
-
const toCssBackgroundImage = (p) => {
|
|
13661
|
-
const url = p?.backgroundImageUrl;
|
|
13662
|
-
return {
|
|
13663
|
-
backgroundImage: url ? `url(${url})` : undefined,
|
|
13664
|
-
backgroundSize: url ? 'cover' : undefined,
|
|
13665
|
-
};
|
|
13666
|
-
};
|
|
13667
|
-
const toCssBackgroundColor = (p) => {
|
|
13668
|
-
return {
|
|
13669
|
-
backgroundColor: p?.backgroundColor,
|
|
13670
|
-
};
|
|
13671
|
-
};
|
|
13672
|
-
const toCssRadius = (p) => {
|
|
13673
|
-
return {
|
|
13674
|
-
borderTopLeftRadius: p?.borderTopLeftRadius,
|
|
13675
|
-
borderTopRightRadius: p?.borderTopRightRadius,
|
|
13676
|
-
borderBottomLeftRadius: p?.borderBottomLeftRadius,
|
|
13677
|
-
borderBottomRightRadius: p?.borderBottomRightRadius,
|
|
13678
|
-
};
|
|
13679
|
-
};
|
|
13680
|
-
const toCssShadow = (p) => {
|
|
13681
|
-
return {
|
|
13682
|
-
boxShadow: p?.shadow,
|
|
13683
|
-
};
|
|
13684
|
-
};
|
|
13685
|
-
|
|
13686
13832
|
/* src/components-v2/icon/Icon.svelte generated by Svelte v3.53.1 */
|
|
13687
13833
|
|
|
13688
|
-
function
|
|
13834
|
+
function add_css$5(target) {
|
|
13835
|
+
append_styles(target, "svelte-1mx2edd", ".icon.svelte-1mx2edd{display:inline-flex;align-items:center;overflow:hidden;width:auto}");
|
|
13836
|
+
}
|
|
13837
|
+
|
|
13838
|
+
// (15:0) {#if (IconComponent)}
|
|
13839
|
+
function create_if_block$1(ctx) {
|
|
13689
13840
|
let div;
|
|
13690
13841
|
let switch_instance;
|
|
13691
|
-
let div_style_value;
|
|
13692
13842
|
let current;
|
|
13693
|
-
var switch_value = /*IconComponent*/ ctx[
|
|
13843
|
+
var switch_value = /*IconComponent*/ ctx[2];
|
|
13694
13844
|
|
|
13695
13845
|
function switch_props(ctx) {
|
|
13696
13846
|
return {
|
|
13697
|
-
props: { color: /*props*/ ctx[
|
|
13847
|
+
props: { color: /*props*/ ctx[0].color ?? '#333' }
|
|
13698
13848
|
};
|
|
13699
13849
|
}
|
|
13700
13850
|
|
|
@@ -13711,7 +13861,7 @@ function create_if_block$3(ctx) {
|
|
|
13711
13861
|
l(nodes) {
|
|
13712
13862
|
div = claim_element(nodes, "DIV", {
|
|
13713
13863
|
"data-layer-id": true,
|
|
13714
|
-
|
|
13864
|
+
class: true,
|
|
13715
13865
|
style: true
|
|
13716
13866
|
});
|
|
13717
13867
|
|
|
@@ -13721,9 +13871,9 @@ function create_if_block$3(ctx) {
|
|
|
13721
13871
|
this.h();
|
|
13722
13872
|
},
|
|
13723
13873
|
h() {
|
|
13724
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[
|
|
13725
|
-
attr(div, "
|
|
13726
|
-
attr(div, "style",
|
|
13874
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
13875
|
+
attr(div, "class", "icon svelte-1mx2edd");
|
|
13876
|
+
attr(div, "style", /*style*/ ctx[3]);
|
|
13727
13877
|
},
|
|
13728
13878
|
m(target, anchor) {
|
|
13729
13879
|
insert_hydration(target, div, anchor);
|
|
@@ -13732,9 +13882,9 @@ function create_if_block$3(ctx) {
|
|
|
13732
13882
|
},
|
|
13733
13883
|
p(ctx, dirty) {
|
|
13734
13884
|
const switch_instance_changes = {};
|
|
13735
|
-
if (dirty & /*props*/
|
|
13885
|
+
if (dirty & /*props*/ 1) switch_instance_changes.color = /*props*/ ctx[0].color ?? '#333';
|
|
13736
13886
|
|
|
13737
|
-
if (switch_value !== (switch_value = /*IconComponent*/ ctx[
|
|
13887
|
+
if (switch_value !== (switch_value = /*IconComponent*/ ctx[2])) {
|
|
13738
13888
|
if (switch_instance) {
|
|
13739
13889
|
group_outros();
|
|
13740
13890
|
const old_component = switch_instance;
|
|
@@ -13758,12 +13908,12 @@ function create_if_block$3(ctx) {
|
|
|
13758
13908
|
switch_instance.$set(switch_instance_changes);
|
|
13759
13909
|
}
|
|
13760
13910
|
|
|
13761
|
-
if (!current || dirty & /*layerId*/
|
|
13762
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[
|
|
13911
|
+
if (!current || dirty & /*layerId*/ 2) {
|
|
13912
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
13763
13913
|
}
|
|
13764
13914
|
|
|
13765
|
-
if (!current || dirty & /*style
|
|
13766
|
-
attr(div, "style",
|
|
13915
|
+
if (!current || dirty & /*style*/ 8) {
|
|
13916
|
+
attr(div, "style", /*style*/ ctx[3]);
|
|
13767
13917
|
}
|
|
13768
13918
|
},
|
|
13769
13919
|
i(local) {
|
|
@@ -13782,10 +13932,10 @@ function create_if_block$3(ctx) {
|
|
|
13782
13932
|
};
|
|
13783
13933
|
}
|
|
13784
13934
|
|
|
13785
|
-
function create_fragment$
|
|
13935
|
+
function create_fragment$5(ctx) {
|
|
13786
13936
|
let if_block_anchor;
|
|
13787
13937
|
let current;
|
|
13788
|
-
let if_block = /*IconComponent*/ ctx[
|
|
13938
|
+
let if_block = /*IconComponent*/ ctx[2] && create_if_block$1(ctx);
|
|
13789
13939
|
|
|
13790
13940
|
return {
|
|
13791
13941
|
c() {
|
|
@@ -13802,15 +13952,15 @@ function create_fragment$6(ctx) {
|
|
|
13802
13952
|
current = true;
|
|
13803
13953
|
},
|
|
13804
13954
|
p(ctx, [dirty]) {
|
|
13805
|
-
if (/*IconComponent*/ ctx[
|
|
13955
|
+
if (/*IconComponent*/ ctx[2]) {
|
|
13806
13956
|
if (if_block) {
|
|
13807
13957
|
if_block.p(ctx, dirty);
|
|
13808
13958
|
|
|
13809
|
-
if (dirty & /*IconComponent*/
|
|
13959
|
+
if (dirty & /*IconComponent*/ 4) {
|
|
13810
13960
|
transition_in(if_block, 1);
|
|
13811
13961
|
}
|
|
13812
13962
|
} else {
|
|
13813
|
-
if_block = create_if_block$
|
|
13963
|
+
if_block = create_if_block$1(ctx);
|
|
13814
13964
|
if_block.c();
|
|
13815
13965
|
transition_in(if_block, 1);
|
|
13816
13966
|
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
@@ -13841,67 +13991,60 @@ function create_fragment$6(ctx) {
|
|
|
13841
13991
|
};
|
|
13842
13992
|
}
|
|
13843
13993
|
|
|
13844
|
-
function instance$
|
|
13994
|
+
function instance$5($$self, $$props, $$invalidate) {
|
|
13845
13995
|
let style;
|
|
13846
13996
|
let IconComponent;
|
|
13847
|
-
let { layerId } = $$props;
|
|
13848
13997
|
let { props = {} } = $$props;
|
|
13849
|
-
let {
|
|
13998
|
+
let { layerId = '' } = $$props;
|
|
13850
13999
|
|
|
13851
14000
|
$$self.$$set = $$props => {
|
|
13852
|
-
if ('
|
|
13853
|
-
if ('
|
|
13854
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
14001
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
14002
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
13855
14003
|
};
|
|
13856
14004
|
|
|
13857
14005
|
$$self.$$.update = () => {
|
|
13858
|
-
if ($$self.$$.dirty & /*props*/
|
|
13859
|
-
$$invalidate(
|
|
13860
|
-
display: 'inline-flex',
|
|
13861
|
-
alignItems: 'center',
|
|
13862
|
-
overflow: 'hidden',
|
|
13863
|
-
width: 'auto',
|
|
14006
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
14007
|
+
$$invalidate(3, style = objToStyle({
|
|
13864
14008
|
minWidth: props.size,
|
|
14009
|
+
width: props.size,
|
|
13865
14010
|
height: props.size,
|
|
13866
14011
|
...toCssCommon(props)
|
|
13867
14012
|
}));
|
|
13868
14013
|
}
|
|
13869
14014
|
|
|
13870
|
-
if ($$self.$$.dirty & /*props*/
|
|
13871
|
-
$$invalidate(
|
|
14015
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
14016
|
+
$$invalidate(2, IconComponent = ICON_VARIANTS[props.variant] ?? undefined);
|
|
13872
14017
|
}
|
|
13873
14018
|
};
|
|
13874
14019
|
|
|
13875
|
-
return [
|
|
14020
|
+
return [props, layerId, IconComponent, style];
|
|
13876
14021
|
}
|
|
13877
14022
|
|
|
13878
14023
|
class Icon extends SvelteComponent {
|
|
13879
14024
|
constructor(options) {
|
|
13880
14025
|
super();
|
|
13881
|
-
init(this, options, instance$
|
|
14026
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { props: 0, layerId: 1 }, add_css$5);
|
|
13882
14027
|
}
|
|
13883
14028
|
}
|
|
13884
14029
|
|
|
13885
14030
|
/* src/components-v2/button/Button.svelte generated by Svelte v3.53.1 */
|
|
13886
14031
|
|
|
13887
|
-
function add_css(target) {
|
|
13888
|
-
append_styles(target, "svelte-
|
|
14032
|
+
function add_css$4(target) {
|
|
14033
|
+
append_styles(target, "svelte-kz1c6t", ".v2-button.svelte-kz1c6t{display:inline-flex;align-content:center;justify-content:center;gap:0.65em;cursor:pointer;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.v2-button-icon.svelte-kz1c6t{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
|
13889
14034
|
}
|
|
13890
14035
|
|
|
13891
|
-
// (
|
|
13892
|
-
function create_if_block
|
|
14036
|
+
// (127:2) {#if (props.isIcon && props.iconVariant)}
|
|
14037
|
+
function create_if_block(ctx) {
|
|
13893
14038
|
let div;
|
|
13894
14039
|
let icon;
|
|
13895
14040
|
let current;
|
|
13896
14041
|
|
|
13897
14042
|
icon = new Icon({
|
|
13898
14043
|
props: {
|
|
13899
|
-
layerId: undefined,
|
|
13900
|
-
overrideStyle: undefined,
|
|
13901
14044
|
props: {
|
|
13902
|
-
variant: /*props*/ ctx[
|
|
14045
|
+
variant: /*props*/ ctx[0].iconVariant,
|
|
13903
14046
|
size: '1em',
|
|
13904
|
-
color: /*VARIANTS*/ ctx[
|
|
14047
|
+
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
|
13905
14048
|
}
|
|
13906
14049
|
}
|
|
13907
14050
|
});
|
|
@@ -13920,7 +14063,7 @@ function create_if_block$2(ctx) {
|
|
|
13920
14063
|
this.h();
|
|
13921
14064
|
},
|
|
13922
14065
|
h() {
|
|
13923
|
-
attr(div, "class", "v2-button-icon svelte-
|
|
14066
|
+
attr(div, "class", "v2-button-icon svelte-kz1c6t");
|
|
13924
14067
|
},
|
|
13925
14068
|
m(target, anchor) {
|
|
13926
14069
|
insert_hydration(target, div, anchor);
|
|
@@ -13930,10 +14073,10 @@ function create_if_block$2(ctx) {
|
|
|
13930
14073
|
p(ctx, dirty) {
|
|
13931
14074
|
const icon_changes = {};
|
|
13932
14075
|
|
|
13933
|
-
if (dirty & /*props*/
|
|
13934
|
-
variant: /*props*/ ctx[
|
|
14076
|
+
if (dirty & /*props*/ 1) icon_changes.props = {
|
|
14077
|
+
variant: /*props*/ ctx[0].iconVariant,
|
|
13935
14078
|
size: '1em',
|
|
13936
|
-
color: /*VARIANTS*/ ctx[
|
|
14079
|
+
color: /*VARIANTS*/ ctx[3].color[/*props*/ ctx[0].color ?? 'default'].color
|
|
13937
14080
|
};
|
|
13938
14081
|
|
|
13939
14082
|
icon.$set(icon_changes);
|
|
@@ -13954,17 +14097,16 @@ function create_if_block$2(ctx) {
|
|
|
13954
14097
|
};
|
|
13955
14098
|
}
|
|
13956
14099
|
|
|
13957
|
-
function create_fragment$
|
|
14100
|
+
function create_fragment$4(ctx) {
|
|
13958
14101
|
let button;
|
|
13959
14102
|
let t0;
|
|
13960
14103
|
let span;
|
|
13961
|
-
let t1_value = /*props*/ ctx[
|
|
14104
|
+
let t1_value = /*props*/ ctx[0].label + "";
|
|
13962
14105
|
let t1;
|
|
13963
|
-
let button_style_value;
|
|
13964
14106
|
let current;
|
|
13965
14107
|
let mounted;
|
|
13966
14108
|
let dispose;
|
|
13967
|
-
let if_block = /*props*/ ctx[
|
|
14109
|
+
let if_block = /*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant && create_if_block(ctx);
|
|
13968
14110
|
|
|
13969
14111
|
return {
|
|
13970
14112
|
c() {
|
|
@@ -13993,9 +14135,9 @@ function create_fragment$5(ctx) {
|
|
|
13993
14135
|
this.h();
|
|
13994
14136
|
},
|
|
13995
14137
|
h() {
|
|
13996
|
-
attr(button, "data-layer-id", /*layerId*/ ctx[
|
|
13997
|
-
attr(button, "style",
|
|
13998
|
-
attr(button, "class", "v2-button svelte-
|
|
14138
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14139
|
+
attr(button, "style", /*style*/ ctx[2]);
|
|
14140
|
+
attr(button, "class", "v2-button svelte-kz1c6t");
|
|
13999
14141
|
},
|
|
14000
14142
|
m(target, anchor) {
|
|
14001
14143
|
insert_hydration(target, button, anchor);
|
|
@@ -14006,20 +14148,20 @@ function create_fragment$5(ctx) {
|
|
|
14006
14148
|
current = true;
|
|
14007
14149
|
|
|
14008
14150
|
if (!mounted) {
|
|
14009
|
-
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[
|
|
14151
|
+
dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[4]));
|
|
14010
14152
|
mounted = true;
|
|
14011
14153
|
}
|
|
14012
14154
|
},
|
|
14013
14155
|
p(ctx, [dirty]) {
|
|
14014
|
-
if (/*props*/ ctx[
|
|
14156
|
+
if (/*props*/ ctx[0].isIcon && /*props*/ ctx[0].iconVariant) {
|
|
14015
14157
|
if (if_block) {
|
|
14016
14158
|
if_block.p(ctx, dirty);
|
|
14017
14159
|
|
|
14018
|
-
if (dirty & /*props*/
|
|
14160
|
+
if (dirty & /*props*/ 1) {
|
|
14019
14161
|
transition_in(if_block, 1);
|
|
14020
14162
|
}
|
|
14021
14163
|
} else {
|
|
14022
|
-
if_block = create_if_block
|
|
14164
|
+
if_block = create_if_block(ctx);
|
|
14023
14165
|
if_block.c();
|
|
14024
14166
|
transition_in(if_block, 1);
|
|
14025
14167
|
if_block.m(button, t0);
|
|
@@ -14034,14 +14176,14 @@ function create_fragment$5(ctx) {
|
|
|
14034
14176
|
check_outros();
|
|
14035
14177
|
}
|
|
14036
14178
|
|
|
14037
|
-
if ((!current || dirty & /*props*/
|
|
14179
|
+
if ((!current || dirty & /*props*/ 1) && t1_value !== (t1_value = /*props*/ ctx[0].label + "")) set_data(t1, t1_value);
|
|
14038
14180
|
|
|
14039
|
-
if (!current || dirty & /*layerId*/
|
|
14040
|
-
attr(button, "data-layer-id", /*layerId*/ ctx[
|
|
14181
|
+
if (!current || dirty & /*layerId*/ 2) {
|
|
14182
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14041
14183
|
}
|
|
14042
14184
|
|
|
14043
|
-
if (!current || dirty & /*style
|
|
14044
|
-
attr(button, "style",
|
|
14185
|
+
if (!current || dirty & /*style*/ 4) {
|
|
14186
|
+
attr(button, "style", /*style*/ ctx[2]);
|
|
14045
14187
|
}
|
|
14046
14188
|
},
|
|
14047
14189
|
i(local) {
|
|
@@ -14062,14 +14204,13 @@ function create_fragment$5(ctx) {
|
|
|
14062
14204
|
};
|
|
14063
14205
|
}
|
|
14064
14206
|
|
|
14065
|
-
function instance$
|
|
14207
|
+
function instance$4($$self, $$props, $$invalidate) {
|
|
14066
14208
|
let style;
|
|
14067
|
-
let { layerId = '' } = $$props;
|
|
14068
14209
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
14069
14210
|
let { eventName = '' } = $$props;
|
|
14070
14211
|
let { eventValue = undefined } = $$props;
|
|
14071
14212
|
let { props = {} } = $$props;
|
|
14072
|
-
let {
|
|
14213
|
+
let { layerId = '' } = $$props;
|
|
14073
14214
|
|
|
14074
14215
|
const VARIANTS = {
|
|
14075
14216
|
size: {
|
|
@@ -14102,7 +14243,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14102
14243
|
large: {
|
|
14103
14244
|
minHeight: '48px',
|
|
14104
14245
|
paddingInline: '32px',
|
|
14105
|
-
fontSize: '
|
|
14246
|
+
fontSize: '14px',
|
|
14106
14247
|
paddingBlock: '10px',
|
|
14107
14248
|
lineHeight: 1.5,
|
|
14108
14249
|
borderRadius: '4px'
|
|
@@ -14159,17 +14300,16 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14159
14300
|
}
|
|
14160
14301
|
|
|
14161
14302
|
$$self.$$set = $$props => {
|
|
14162
|
-
if ('
|
|
14163
|
-
if ('
|
|
14164
|
-
if ('
|
|
14165
|
-
if ('
|
|
14166
|
-
if ('
|
|
14167
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
14303
|
+
if ('onClick' in $$props) $$invalidate(5, onClick = $$props.onClick);
|
|
14304
|
+
if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
|
|
14305
|
+
if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
|
|
14306
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
14307
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
14168
14308
|
};
|
|
14169
14309
|
|
|
14170
14310
|
$$self.$$.update = () => {
|
|
14171
|
-
if ($$self.$$.dirty & /*props*/
|
|
14172
|
-
$$invalidate(
|
|
14311
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
14312
|
+
$$invalidate(2, style = objToStyle({
|
|
14173
14313
|
display: 'inline-flex',
|
|
14174
14314
|
gap: '0.65em',
|
|
14175
14315
|
alignItems: 'center',
|
|
@@ -14190,17 +14330,7 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
|
14190
14330
|
}
|
|
14191
14331
|
};
|
|
14192
14332
|
|
|
14193
|
-
return [
|
|
14194
|
-
layerId,
|
|
14195
|
-
props,
|
|
14196
|
-
overrideStyle,
|
|
14197
|
-
style,
|
|
14198
|
-
VARIANTS,
|
|
14199
|
-
handleClick,
|
|
14200
|
-
onClick,
|
|
14201
|
-
eventName,
|
|
14202
|
-
eventValue
|
|
14203
|
-
];
|
|
14333
|
+
return [props, layerId, style, VARIANTS, handleClick, onClick, eventName, eventValue];
|
|
14204
14334
|
}
|
|
14205
14335
|
|
|
14206
14336
|
class Button extends SvelteComponent {
|
|
@@ -14210,653 +14340,495 @@ class Button extends SvelteComponent {
|
|
|
14210
14340
|
init(
|
|
14211
14341
|
this,
|
|
14212
14342
|
options,
|
|
14213
|
-
instance$
|
|
14214
|
-
create_fragment$
|
|
14343
|
+
instance$4,
|
|
14344
|
+
create_fragment$4,
|
|
14215
14345
|
safe_not_equal,
|
|
14216
14346
|
{
|
|
14217
|
-
|
|
14218
|
-
|
|
14219
|
-
|
|
14220
|
-
|
|
14221
|
-
|
|
14222
|
-
overrideStyle: 2
|
|
14347
|
+
onClick: 5,
|
|
14348
|
+
eventName: 6,
|
|
14349
|
+
eventValue: 7,
|
|
14350
|
+
props: 0,
|
|
14351
|
+
layerId: 1
|
|
14223
14352
|
},
|
|
14224
|
-
add_css
|
|
14353
|
+
add_css$4
|
|
14225
14354
|
);
|
|
14226
14355
|
}
|
|
14227
14356
|
}
|
|
14228
14357
|
|
|
14229
|
-
|
|
14358
|
+
const BUTTON_SIZE = {
|
|
14359
|
+
extra_small: 'XSmall',
|
|
14360
|
+
small: 'Small',
|
|
14361
|
+
medium: 'Medium',
|
|
14362
|
+
large: 'Large',
|
|
14363
|
+
extra_large: 'XLarge',
|
|
14364
|
+
};
|
|
14365
|
+
const BUTTON_COLOR = {
|
|
14366
|
+
default: 'デフォルト',
|
|
14367
|
+
theme: 'テーマカラー',
|
|
14368
|
+
alert: 'アラート',
|
|
14369
|
+
transparent: '背景なし',
|
|
14370
|
+
};
|
|
14371
|
+
const BUTTON_ROUND = {
|
|
14372
|
+
default: 'デフォルト',
|
|
14373
|
+
none: 'なし',
|
|
14374
|
+
fulled: '円形',
|
|
14375
|
+
};
|
|
14376
|
+
const BUTTON_LINK_TARGET = {
|
|
14377
|
+
_self: '画面内遷移',
|
|
14378
|
+
_blank: '別タブで開く',
|
|
14379
|
+
};
|
|
14380
|
+
const BUTTON_ICON_ANGLE = {
|
|
14381
|
+
row: '左側',
|
|
14382
|
+
'row-reverse': '右側',
|
|
14383
|
+
};
|
|
14230
14384
|
|
|
14231
|
-
|
|
14232
|
-
|
|
14233
|
-
|
|
14234
|
-
|
|
14235
|
-
|
|
14385
|
+
/* src/components-v2/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
|
14386
|
+
|
|
14387
|
+
function add_css$3(target) {
|
|
14388
|
+
append_styles(target, "svelte-1dgpo5m", ".close-button.svelte-1dgpo5m{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;background:none;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}");
|
|
14389
|
+
}
|
|
14390
|
+
|
|
14391
|
+
function create_fragment$3(ctx) {
|
|
14392
|
+
let button;
|
|
14393
|
+
let svg;
|
|
14394
|
+
let path;
|
|
14236
14395
|
|
|
14237
14396
|
return {
|
|
14238
14397
|
c() {
|
|
14239
|
-
|
|
14240
|
-
|
|
14398
|
+
button = element("button");
|
|
14399
|
+
svg = svg_element("svg");
|
|
14400
|
+
path = svg_element("path");
|
|
14241
14401
|
this.h();
|
|
14242
14402
|
},
|
|
14243
14403
|
l(nodes) {
|
|
14244
|
-
|
|
14404
|
+
button = claim_element(nodes, "BUTTON", {
|
|
14245
14405
|
"data-layer-id": true,
|
|
14246
|
-
|
|
14406
|
+
class: true,
|
|
14247
14407
|
style: true
|
|
14248
14408
|
});
|
|
14249
14409
|
|
|
14250
|
-
var
|
|
14251
|
-
|
|
14252
|
-
|
|
14410
|
+
var button_nodes = children(button);
|
|
14411
|
+
|
|
14412
|
+
svg = claim_svg_element(button_nodes, "svg", {
|
|
14413
|
+
xmlns: true,
|
|
14414
|
+
style: true,
|
|
14415
|
+
viewBox: true,
|
|
14416
|
+
fill: true
|
|
14417
|
+
});
|
|
14418
|
+
|
|
14419
|
+
var svg_nodes = children(svg);
|
|
14420
|
+
path = claim_svg_element(svg_nodes, "path", { d: true });
|
|
14421
|
+
children(path).forEach(detach);
|
|
14422
|
+
svg_nodes.forEach(detach);
|
|
14423
|
+
button_nodes.forEach(detach);
|
|
14253
14424
|
this.h();
|
|
14254
14425
|
},
|
|
14255
14426
|
h() {
|
|
14256
|
-
attr(
|
|
14257
|
-
attr(
|
|
14258
|
-
|
|
14427
|
+
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");
|
|
14428
|
+
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
|
14429
|
+
set_style(svg, "width", "75%");
|
|
14430
|
+
set_style(svg, "height", "75%");
|
|
14431
|
+
attr(svg, "viewBox", "0 0 50 50");
|
|
14432
|
+
attr(svg, "fill", "#666666");
|
|
14433
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14434
|
+
attr(button, "class", "close-button svelte-1dgpo5m");
|
|
14435
|
+
attr(button, "style", /*style*/ ctx[1]);
|
|
14259
14436
|
},
|
|
14260
14437
|
m(target, anchor) {
|
|
14261
|
-
insert_hydration(target,
|
|
14262
|
-
|
|
14263
|
-
|
|
14264
|
-
default_slot.m(div, null);
|
|
14265
|
-
}
|
|
14266
|
-
|
|
14267
|
-
current = true;
|
|
14438
|
+
insert_hydration(target, button, anchor);
|
|
14439
|
+
append_hydration(button, svg);
|
|
14440
|
+
append_hydration(svg, path);
|
|
14268
14441
|
},
|
|
14269
14442
|
p(ctx, [dirty]) {
|
|
14270
|
-
if (
|
|
14271
|
-
|
|
14272
|
-
update_slot_base(
|
|
14273
|
-
default_slot,
|
|
14274
|
-
default_slot_template,
|
|
14275
|
-
ctx,
|
|
14276
|
-
/*$$scope*/ ctx[3],
|
|
14277
|
-
!current
|
|
14278
|
-
? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
|
|
14279
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
|
|
14280
|
-
null
|
|
14281
|
-
);
|
|
14282
|
-
}
|
|
14283
|
-
}
|
|
14284
|
-
|
|
14285
|
-
if (!current || dirty & /*layerId*/ 1) {
|
|
14286
|
-
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14443
|
+
if (dirty & /*layerId*/ 1) {
|
|
14444
|
+
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14287
14445
|
}
|
|
14288
14446
|
|
|
14289
|
-
if (
|
|
14290
|
-
attr(
|
|
14447
|
+
if (dirty & /*style*/ 2) {
|
|
14448
|
+
attr(button, "style", /*style*/ ctx[1]);
|
|
14291
14449
|
}
|
|
14292
14450
|
},
|
|
14293
|
-
i
|
|
14294
|
-
|
|
14295
|
-
transition_in(default_slot, local);
|
|
14296
|
-
current = true;
|
|
14297
|
-
},
|
|
14298
|
-
o(local) {
|
|
14299
|
-
transition_out(default_slot, local);
|
|
14300
|
-
current = false;
|
|
14301
|
-
},
|
|
14451
|
+
i: noop,
|
|
14452
|
+
o: noop,
|
|
14302
14453
|
d(detaching) {
|
|
14303
|
-
if (detaching) detach(
|
|
14304
|
-
if (default_slot) default_slot.d(detaching);
|
|
14454
|
+
if (detaching) detach(button);
|
|
14305
14455
|
}
|
|
14306
14456
|
};
|
|
14307
14457
|
}
|
|
14308
14458
|
|
|
14309
|
-
function instance$
|
|
14459
|
+
function instance$3($$self, $$props, $$invalidate) {
|
|
14310
14460
|
let style;
|
|
14311
|
-
let { $$slots: slots = {}, $$scope } = $$props;
|
|
14312
|
-
let { layerId = undefined } = $$props;
|
|
14313
14461
|
let { props = {} } = $$props;
|
|
14462
|
+
let { layerId = '' } = $$props;
|
|
14463
|
+
const size = props.size ?? 24;
|
|
14314
14464
|
|
|
14315
14465
|
$$self.$$set = $$props => {
|
|
14316
|
-
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14317
14466
|
if ('props' in $$props) $$invalidate(2, props = $$props.props);
|
|
14318
|
-
if ('
|
|
14467
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14319
14468
|
};
|
|
14320
14469
|
|
|
14321
14470
|
$$self.$$.update = () => {
|
|
14322
14471
|
if ($$self.$$.dirty & /*props*/ 4) {
|
|
14323
14472
|
$$invalidate(1, style = objToStyle({
|
|
14324
|
-
|
|
14325
|
-
|
|
14326
|
-
|
|
14327
|
-
|
|
14328
|
-
rowGap: props.rowGap,
|
|
14329
|
-
columnGap: props.columnGap,
|
|
14330
|
-
width: props.width,
|
|
14331
|
-
...toCssShadow(props),
|
|
14332
|
-
...toCssRadius(props),
|
|
14333
|
-
...toCssBackgroundImage(props.backgroundImage),
|
|
14334
|
-
...toCssBackgroundColor(props),
|
|
14335
|
-
...toCssCommon(props),
|
|
14336
|
-
...toCssPadding(props),
|
|
14337
|
-
...toCssBorder(props)
|
|
14473
|
+
width: `${size}px`,
|
|
14474
|
+
height: `${size}px`,
|
|
14475
|
+
...props.bordered && { border: '1px solid #666' },
|
|
14476
|
+
...toCssCommon(props)
|
|
14338
14477
|
}));
|
|
14339
14478
|
}
|
|
14340
14479
|
};
|
|
14341
14480
|
|
|
14342
|
-
return [layerId, style, props
|
|
14481
|
+
return [layerId, style, props];
|
|
14343
14482
|
}
|
|
14344
14483
|
|
|
14345
|
-
class
|
|
14484
|
+
class CloseButton extends SvelteComponent {
|
|
14346
14485
|
constructor(options) {
|
|
14347
14486
|
super();
|
|
14348
|
-
init(this, options, instance$
|
|
14487
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 2, layerId: 0 }, add_css$3);
|
|
14349
14488
|
}
|
|
14350
14489
|
}
|
|
14351
14490
|
|
|
14352
|
-
/* src/components-v2/
|
|
14491
|
+
/* src/components-v2/image/Image.svelte generated by Svelte v3.53.1 */
|
|
14353
14492
|
|
|
14354
|
-
function
|
|
14355
|
-
|
|
14356
|
-
|
|
14357
|
-
|
|
14358
|
-
|
|
14359
|
-
|
|
14360
|
-
|
|
14361
|
-
|
|
14362
|
-
|
|
14363
|
-
|
|
14364
|
-
var p_nodes = children(p);
|
|
14365
|
-
p_nodes.forEach(detach);
|
|
14366
|
-
this.h();
|
|
14367
|
-
},
|
|
14368
|
-
h() {
|
|
14369
|
-
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14370
|
-
attr(p, "style", /*style*/ ctx[1]);
|
|
14371
|
-
},
|
|
14372
|
-
m(target, anchor) {
|
|
14373
|
-
insert_hydration(target, p, anchor);
|
|
14374
|
-
p.innerHTML = /*escapedHTML*/ ctx[2];
|
|
14375
|
-
},
|
|
14376
|
-
p(ctx, [dirty]) {
|
|
14377
|
-
if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
|
|
14378
|
-
if (dirty & /*layerId*/ 1) {
|
|
14379
|
-
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14380
|
-
}
|
|
14381
|
-
|
|
14382
|
-
if (dirty & /*style*/ 2) {
|
|
14383
|
-
attr(p, "style", /*style*/ ctx[1]);
|
|
14384
|
-
}
|
|
14385
|
-
},
|
|
14386
|
-
i: noop,
|
|
14387
|
-
o: noop,
|
|
14388
|
-
d(detaching) {
|
|
14389
|
-
if (detaching) detach(p);
|
|
14390
|
-
}
|
|
14391
|
-
};
|
|
14392
|
-
}
|
|
14393
|
-
|
|
14394
|
-
function instance$3($$self, $$props, $$invalidate) {
|
|
14395
|
-
let escapedHTML;
|
|
14396
|
-
let style;
|
|
14397
|
-
let { layerId } = $$props;
|
|
14398
|
-
let { props = { content: '' } } = $$props;
|
|
14399
|
-
|
|
14400
|
-
$$self.$$set = $$props => {
|
|
14401
|
-
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14402
|
-
if ('props' in $$props) $$invalidate(3, props = $$props.props);
|
|
14403
|
-
};
|
|
14404
|
-
|
|
14405
|
-
$$self.$$.update = () => {
|
|
14406
|
-
if ($$self.$$.dirty & /*props*/ 8) {
|
|
14407
|
-
$$invalidate(2, escapedHTML = props.content.replace(/&/g, '<').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\n/g, '<br />'));
|
|
14408
|
-
}
|
|
14409
|
-
|
|
14410
|
-
if ($$self.$$.dirty & /*props*/ 8) {
|
|
14411
|
-
$$invalidate(1, style = objToStyle({
|
|
14412
|
-
margin: 0,
|
|
14413
|
-
position: props?.position ?? 'static',
|
|
14414
|
-
fontWeight: props.fontWeight,
|
|
14415
|
-
fontSize: props.fontSize,
|
|
14416
|
-
color: props.color,
|
|
14417
|
-
textAlign: props.align,
|
|
14418
|
-
wordBreak: 'break-all',
|
|
14419
|
-
width: props.width,
|
|
14420
|
-
...toCssRadius(props),
|
|
14421
|
-
...toCssBackgroundColor(props),
|
|
14422
|
-
...toCssCommon(props),
|
|
14423
|
-
...toCssPosition(props),
|
|
14424
|
-
...toCssBorder(props)
|
|
14425
|
-
}));
|
|
14426
|
-
}
|
|
14427
|
-
};
|
|
14428
|
-
|
|
14429
|
-
return [layerId, style, escapedHTML, props];
|
|
14430
|
-
}
|
|
14431
|
-
|
|
14432
|
-
class Text extends SvelteComponent {
|
|
14433
|
-
constructor(options) {
|
|
14434
|
-
super();
|
|
14435
|
-
init(this, options, instance$3, create_fragment$3, safe_not_equal, { layerId: 0, props: 3 });
|
|
14436
|
-
}
|
|
14437
|
-
}
|
|
14438
|
-
|
|
14439
|
-
/* src/components-v2/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
|
14440
|
-
|
|
14441
|
-
function create_if_block$1(ctx) {
|
|
14442
|
-
let div;
|
|
14443
|
-
let img;
|
|
14444
|
-
let img_src_value;
|
|
14445
|
-
let div_style_value;
|
|
14493
|
+
function add_css$2(target) {
|
|
14494
|
+
append_styles(target, "svelte-vojroc", ".image.svelte-vojroc{display:flex;max-width:100%;align-items:center;justify-content:center;overflow:hidden}.image-object.svelte-vojroc{width:100%;overflow:hidden}.image-img.svelte-vojroc{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none}");
|
|
14495
|
+
}
|
|
14496
|
+
|
|
14497
|
+
function create_fragment$2(ctx) {
|
|
14498
|
+
let div;
|
|
14499
|
+
let object;
|
|
14500
|
+
let img;
|
|
14501
|
+
let img_src_value;
|
|
14502
|
+
let img_alt_value;
|
|
14446
14503
|
|
|
14447
14504
|
return {
|
|
14448
14505
|
c() {
|
|
14449
14506
|
div = element("div");
|
|
14507
|
+
object = element("object");
|
|
14450
14508
|
img = element("img");
|
|
14451
14509
|
this.h();
|
|
14452
14510
|
},
|
|
14453
14511
|
l(nodes) {
|
|
14454
14512
|
div = claim_element(nodes, "DIV", {
|
|
14455
14513
|
"data-layer-id": true,
|
|
14456
|
-
|
|
14514
|
+
class: true,
|
|
14457
14515
|
style: true
|
|
14458
14516
|
});
|
|
14459
14517
|
|
|
14460
14518
|
var div_nodes = children(div);
|
|
14461
|
-
|
|
14519
|
+
object = claim_element(div_nodes, "OBJECT", { style: true, class: true });
|
|
14520
|
+
var object_nodes = children(object);
|
|
14521
|
+
img = claim_element(object_nodes, "IMG", { src: true, alt: true, class: true });
|
|
14522
|
+
object_nodes.forEach(detach);
|
|
14462
14523
|
div_nodes.forEach(detach);
|
|
14463
14524
|
this.h();
|
|
14464
14525
|
},
|
|
14465
14526
|
h() {
|
|
14466
|
-
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[
|
|
14467
|
-
attr(img, "alt",
|
|
14468
|
-
attr(img, "
|
|
14469
|
-
attr(
|
|
14470
|
-
attr(
|
|
14471
|
-
attr(div, "
|
|
14527
|
+
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) attr(img, "src", img_src_value);
|
|
14528
|
+
attr(img, "alt", img_alt_value = /*props*/ ctx[0].alt);
|
|
14529
|
+
attr(img, "class", "image-img svelte-vojroc");
|
|
14530
|
+
attr(object, "style", /*objectStyle*/ ctx[2]);
|
|
14531
|
+
attr(object, "class", "image-object svelte-vojroc");
|
|
14532
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14533
|
+
attr(div, "class", "image svelte-vojroc");
|
|
14534
|
+
attr(div, "style", /*style*/ ctx[3]);
|
|
14472
14535
|
},
|
|
14473
14536
|
m(target, anchor) {
|
|
14474
14537
|
insert_hydration(target, div, anchor);
|
|
14475
|
-
append_hydration(div,
|
|
14538
|
+
append_hydration(div, object);
|
|
14539
|
+
append_hydration(object, img);
|
|
14476
14540
|
},
|
|
14477
|
-
p(ctx, dirty) {
|
|
14478
|
-
if (dirty & /*props*/
|
|
14541
|
+
p(ctx, [dirty]) {
|
|
14542
|
+
if (dirty & /*props*/ 1 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[0].image)) {
|
|
14479
14543
|
attr(img, "src", img_src_value);
|
|
14480
14544
|
}
|
|
14481
14545
|
|
|
14482
|
-
if (dirty & /*
|
|
14483
|
-
attr(img, "
|
|
14546
|
+
if (dirty & /*props*/ 1 && img_alt_value !== (img_alt_value = /*props*/ ctx[0].alt)) {
|
|
14547
|
+
attr(img, "alt", img_alt_value);
|
|
14484
14548
|
}
|
|
14485
14549
|
|
|
14486
|
-
if (dirty & /*
|
|
14487
|
-
attr(
|
|
14550
|
+
if (dirty & /*objectStyle*/ 4) {
|
|
14551
|
+
attr(object, "style", /*objectStyle*/ ctx[2]);
|
|
14488
14552
|
}
|
|
14489
14553
|
|
|
14490
|
-
if (dirty & /*
|
|
14491
|
-
attr(div, "
|
|
14554
|
+
if (dirty & /*layerId*/ 2) {
|
|
14555
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[1]);
|
|
14492
14556
|
}
|
|
14493
|
-
},
|
|
14494
|
-
d(detaching) {
|
|
14495
|
-
if (detaching) detach(div);
|
|
14496
|
-
}
|
|
14497
|
-
};
|
|
14498
|
-
}
|
|
14499
14557
|
|
|
14500
|
-
|
|
14501
|
-
|
|
14502
|
-
let if_block = /*props*/ ctx[1].image && create_if_block$1(ctx);
|
|
14503
|
-
|
|
14504
|
-
return {
|
|
14505
|
-
c() {
|
|
14506
|
-
if (if_block) if_block.c();
|
|
14507
|
-
if_block_anchor = empty();
|
|
14508
|
-
},
|
|
14509
|
-
l(nodes) {
|
|
14510
|
-
if (if_block) if_block.l(nodes);
|
|
14511
|
-
if_block_anchor = empty();
|
|
14512
|
-
},
|
|
14513
|
-
m(target, anchor) {
|
|
14514
|
-
if (if_block) if_block.m(target, anchor);
|
|
14515
|
-
insert_hydration(target, if_block_anchor, anchor);
|
|
14516
|
-
},
|
|
14517
|
-
p(ctx, [dirty]) {
|
|
14518
|
-
if (/*props*/ ctx[1].image) {
|
|
14519
|
-
if (if_block) {
|
|
14520
|
-
if_block.p(ctx, dirty);
|
|
14521
|
-
} else {
|
|
14522
|
-
if_block = create_if_block$1(ctx);
|
|
14523
|
-
if_block.c();
|
|
14524
|
-
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
14525
|
-
}
|
|
14526
|
-
} else if (if_block) {
|
|
14527
|
-
if_block.d(1);
|
|
14528
|
-
if_block = null;
|
|
14558
|
+
if (dirty & /*style*/ 8) {
|
|
14559
|
+
attr(div, "style", /*style*/ ctx[3]);
|
|
14529
14560
|
}
|
|
14530
14561
|
},
|
|
14531
14562
|
i: noop,
|
|
14532
14563
|
o: noop,
|
|
14533
14564
|
d(detaching) {
|
|
14534
|
-
if (
|
|
14535
|
-
if (detaching) detach(if_block_anchor);
|
|
14565
|
+
if (detaching) detach(div);
|
|
14536
14566
|
}
|
|
14537
14567
|
};
|
|
14538
14568
|
}
|
|
14539
14569
|
|
|
14540
14570
|
function instance$2($$self, $$props, $$invalidate) {
|
|
14541
14571
|
let style;
|
|
14542
|
-
let
|
|
14543
|
-
let { layerId = '' } = $$props;
|
|
14572
|
+
let objectStyle;
|
|
14544
14573
|
let { props = {} } = $$props;
|
|
14545
|
-
let {
|
|
14546
|
-
|
|
14547
|
-
const VARIANTS = {
|
|
14548
|
-
shape: {
|
|
14549
|
-
circle: { borderRadius: '100%' },
|
|
14550
|
-
square: { borderRadius: '4px' }
|
|
14551
|
-
}
|
|
14552
|
-
};
|
|
14553
|
-
|
|
14554
|
-
const size = props.size ?? 64;
|
|
14574
|
+
let { layerId = '' } = $$props;
|
|
14555
14575
|
|
|
14556
14576
|
$$self.$$set = $$props => {
|
|
14557
|
-
if ('
|
|
14558
|
-
if ('
|
|
14559
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
14577
|
+
if ('props' in $$props) $$invalidate(0, props = $$props.props);
|
|
14578
|
+
if ('layerId' in $$props) $$invalidate(1, layerId = $$props.layerId);
|
|
14560
14579
|
};
|
|
14561
14580
|
|
|
14562
14581
|
$$self.$$.update = () => {
|
|
14563
|
-
if ($$self.$$.dirty & /*props*/
|
|
14564
|
-
$$invalidate(
|
|
14565
|
-
|
|
14566
|
-
alignItems: 'center',
|
|
14567
|
-
overflow: 'hidden',
|
|
14568
|
-
flexShrink: 0,
|
|
14569
|
-
width: `${size}px`,
|
|
14570
|
-
height: `${size}px`,
|
|
14571
|
-
...VARIANTS.shape[props.shape ?? 'square'],
|
|
14572
|
-
...props.bordered && { border: `1px solid #dbdbdb` },
|
|
14582
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
14583
|
+
$$invalidate(3, style = objToStyle({
|
|
14584
|
+
width: props.width ?? '100%',
|
|
14573
14585
|
...toCssCommon(props)
|
|
14574
14586
|
}));
|
|
14575
14587
|
}
|
|
14576
|
-
};
|
|
14577
14588
|
|
|
14578
|
-
|
|
14579
|
-
|
|
14580
|
-
|
|
14581
|
-
|
|
14582
|
-
}));
|
|
14589
|
+
if ($$self.$$.dirty & /*props*/ 1) {
|
|
14590
|
+
$$invalidate(2, objectStyle = objToStyle({ aspectRatio: props.aspect }));
|
|
14591
|
+
}
|
|
14592
|
+
};
|
|
14583
14593
|
|
|
14584
|
-
return [
|
|
14594
|
+
return [props, layerId, objectStyle, style];
|
|
14585
14595
|
}
|
|
14586
14596
|
|
|
14587
|
-
class
|
|
14597
|
+
class Image extends SvelteComponent {
|
|
14588
14598
|
constructor(options) {
|
|
14589
14599
|
super();
|
|
14590
|
-
init(this, options, instance$2, create_fragment$2, safe_not_equal, {
|
|
14600
|
+
init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 0, layerId: 1 }, add_css$2);
|
|
14591
14601
|
}
|
|
14592
14602
|
}
|
|
14593
14603
|
|
|
14594
|
-
/* src/components-v2/
|
|
14604
|
+
/* src/components-v2/layout/Layout.svelte generated by Svelte v3.53.1 */
|
|
14595
14605
|
|
|
14596
|
-
function
|
|
14606
|
+
function add_css$1(target) {
|
|
14607
|
+
append_styles(target, "svelte-1g6q4hu", ".layout.svelte-1g6q4hu{margin:0}");
|
|
14608
|
+
}
|
|
14609
|
+
|
|
14610
|
+
function create_fragment$1(ctx) {
|
|
14597
14611
|
let div;
|
|
14598
|
-
let
|
|
14599
|
-
|
|
14600
|
-
|
|
14601
|
-
let div_style_value;
|
|
14612
|
+
let current;
|
|
14613
|
+
const default_slot_template = /*#slots*/ ctx[4].default;
|
|
14614
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[3], null);
|
|
14602
14615
|
|
|
14603
14616
|
return {
|
|
14604
14617
|
c() {
|
|
14605
14618
|
div = element("div");
|
|
14606
|
-
|
|
14607
|
-
img = element("img");
|
|
14619
|
+
if (default_slot) default_slot.c();
|
|
14608
14620
|
this.h();
|
|
14609
14621
|
},
|
|
14610
14622
|
l(nodes) {
|
|
14611
|
-
div = claim_element(nodes, "DIV", {
|
|
14623
|
+
div = claim_element(nodes, "DIV", {
|
|
14624
|
+
"data-layer-id": true,
|
|
14625
|
+
class: true,
|
|
14626
|
+
style: true
|
|
14627
|
+
});
|
|
14628
|
+
|
|
14612
14629
|
var div_nodes = children(div);
|
|
14613
|
-
|
|
14614
|
-
var object_nodes = children(object);
|
|
14615
|
-
img = claim_element(object_nodes, "IMG", { src: true, alt: true, style: true });
|
|
14616
|
-
object_nodes.forEach(detach);
|
|
14630
|
+
if (default_slot) default_slot.l(div_nodes);
|
|
14617
14631
|
div_nodes.forEach(detach);
|
|
14618
14632
|
this.h();
|
|
14619
14633
|
},
|
|
14620
14634
|
h() {
|
|
14621
|
-
if (!src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) attr(img, "src", img_src_value);
|
|
14622
|
-
attr(img, "alt", "");
|
|
14623
|
-
attr(img, "style", /*imgStyle*/ ctx[3]);
|
|
14624
|
-
attr(object, "style", /*objectStyle*/ ctx[4]);
|
|
14625
|
-
attr(object, "title", "");
|
|
14626
14635
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14627
|
-
attr(div, "
|
|
14636
|
+
attr(div, "class", "layout svelte-1g6q4hu");
|
|
14637
|
+
attr(div, "style", /*style*/ ctx[1]);
|
|
14628
14638
|
},
|
|
14629
14639
|
m(target, anchor) {
|
|
14630
14640
|
insert_hydration(target, div, anchor);
|
|
14631
|
-
append_hydration(div, object);
|
|
14632
|
-
append_hydration(object, img);
|
|
14633
|
-
},
|
|
14634
|
-
p(ctx, dirty) {
|
|
14635
|
-
if (dirty & /*props*/ 2 && !src_url_equal(img.src, img_src_value = /*props*/ ctx[1].image)) {
|
|
14636
|
-
attr(img, "src", img_src_value);
|
|
14637
|
-
}
|
|
14638
14641
|
|
|
14639
|
-
if (
|
|
14640
|
-
|
|
14642
|
+
if (default_slot) {
|
|
14643
|
+
default_slot.m(div, null);
|
|
14641
14644
|
}
|
|
14642
14645
|
|
|
14643
|
-
|
|
14644
|
-
|
|
14646
|
+
current = true;
|
|
14647
|
+
},
|
|
14648
|
+
p(ctx, [dirty]) {
|
|
14649
|
+
if (default_slot) {
|
|
14650
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 8)) {
|
|
14651
|
+
update_slot_base(
|
|
14652
|
+
default_slot,
|
|
14653
|
+
default_slot_template,
|
|
14654
|
+
ctx,
|
|
14655
|
+
/*$$scope*/ ctx[3],
|
|
14656
|
+
!current
|
|
14657
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[3])
|
|
14658
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[3], dirty, null),
|
|
14659
|
+
null
|
|
14660
|
+
);
|
|
14661
|
+
}
|
|
14645
14662
|
}
|
|
14646
14663
|
|
|
14647
|
-
if (dirty & /*layerId*/ 1) {
|
|
14664
|
+
if (!current || dirty & /*layerId*/ 1) {
|
|
14648
14665
|
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14649
14666
|
}
|
|
14650
14667
|
|
|
14651
|
-
if (dirty & /*style
|
|
14652
|
-
attr(div, "style",
|
|
14668
|
+
if (!current || dirty & /*style*/ 2) {
|
|
14669
|
+
attr(div, "style", /*style*/ ctx[1]);
|
|
14653
14670
|
}
|
|
14654
14671
|
},
|
|
14655
|
-
|
|
14656
|
-
if (
|
|
14657
|
-
|
|
14658
|
-
|
|
14659
|
-
}
|
|
14660
|
-
|
|
14661
|
-
function create_fragment$1(ctx) {
|
|
14662
|
-
let if_block_anchor;
|
|
14663
|
-
let if_block = /*props*/ ctx[1].image && create_if_block(ctx);
|
|
14664
|
-
|
|
14665
|
-
return {
|
|
14666
|
-
c() {
|
|
14667
|
-
if (if_block) if_block.c();
|
|
14668
|
-
if_block_anchor = empty();
|
|
14669
|
-
},
|
|
14670
|
-
l(nodes) {
|
|
14671
|
-
if (if_block) if_block.l(nodes);
|
|
14672
|
-
if_block_anchor = empty();
|
|
14673
|
-
},
|
|
14674
|
-
m(target, anchor) {
|
|
14675
|
-
if (if_block) if_block.m(target, anchor);
|
|
14676
|
-
insert_hydration(target, if_block_anchor, anchor);
|
|
14672
|
+
i(local) {
|
|
14673
|
+
if (current) return;
|
|
14674
|
+
transition_in(default_slot, local);
|
|
14675
|
+
current = true;
|
|
14677
14676
|
},
|
|
14678
|
-
|
|
14679
|
-
|
|
14680
|
-
|
|
14681
|
-
if_block.p(ctx, dirty);
|
|
14682
|
-
} else {
|
|
14683
|
-
if_block = create_if_block(ctx);
|
|
14684
|
-
if_block.c();
|
|
14685
|
-
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
|
14686
|
-
}
|
|
14687
|
-
} else if (if_block) {
|
|
14688
|
-
if_block.d(1);
|
|
14689
|
-
if_block = null;
|
|
14690
|
-
}
|
|
14677
|
+
o(local) {
|
|
14678
|
+
transition_out(default_slot, local);
|
|
14679
|
+
current = false;
|
|
14691
14680
|
},
|
|
14692
|
-
i: noop,
|
|
14693
|
-
o: noop,
|
|
14694
14681
|
d(detaching) {
|
|
14695
|
-
if (
|
|
14696
|
-
if (
|
|
14682
|
+
if (detaching) detach(div);
|
|
14683
|
+
if (default_slot) default_slot.d(detaching);
|
|
14697
14684
|
}
|
|
14698
14685
|
};
|
|
14699
14686
|
}
|
|
14700
14687
|
|
|
14701
14688
|
function instance$1($$self, $$props, $$invalidate) {
|
|
14702
14689
|
let style;
|
|
14703
|
-
let
|
|
14704
|
-
let imgStyle;
|
|
14705
|
-
let { layerId } = $$props;
|
|
14690
|
+
let { $$slots: slots = {}, $$scope } = $$props;
|
|
14706
14691
|
let { props = {} } = $$props;
|
|
14707
|
-
let {
|
|
14692
|
+
let { layerId = '' } = $$props;
|
|
14708
14693
|
|
|
14709
14694
|
$$self.$$set = $$props => {
|
|
14695
|
+
if ('props' in $$props) $$invalidate(2, props = $$props.props);
|
|
14710
14696
|
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14711
|
-
if ('
|
|
14712
|
-
if ('overrideStyle' in $$props) $$invalidate(2, overrideStyle = $$props.overrideStyle);
|
|
14697
|
+
if ('$$scope' in $$props) $$invalidate(3, $$scope = $$props.$$scope);
|
|
14713
14698
|
};
|
|
14714
14699
|
|
|
14715
14700
|
$$self.$$.update = () => {
|
|
14716
|
-
if ($$self.$$.dirty & /*props*/
|
|
14717
|
-
$$invalidate(
|
|
14701
|
+
if ($$self.$$.dirty & /*props*/ 4) {
|
|
14702
|
+
$$invalidate(1, style = objToStyle({
|
|
14703
|
+
display: props.display ?? 'flex',
|
|
14704
|
+
flexDirection: props.direction,
|
|
14705
|
+
alignItems: props.align,
|
|
14706
|
+
justifyContent: props.justify,
|
|
14707
|
+
rowGap: props.rowGap,
|
|
14708
|
+
columnGap: props.columnGap,
|
|
14718
14709
|
width: props.width,
|
|
14719
|
-
|
|
14720
|
-
|
|
14721
|
-
|
|
14722
|
-
|
|
14723
|
-
|
|
14724
|
-
|
|
14725
|
-
...
|
|
14726
|
-
}));
|
|
14727
|
-
}
|
|
14728
|
-
|
|
14729
|
-
if ($$self.$$.dirty & /*props*/ 2) {
|
|
14730
|
-
$$invalidate(4, objectStyle = objToStyle({
|
|
14731
|
-
width: '100%',
|
|
14732
|
-
aspectRatio: props.aspect,
|
|
14733
|
-
overflow: 'hidden'
|
|
14710
|
+
...toCssShadow(props),
|
|
14711
|
+
...toCssRadius(props),
|
|
14712
|
+
...toCssBackgroundImage(props),
|
|
14713
|
+
...toCssBackgroundColor(props),
|
|
14714
|
+
...toCssCommon(props),
|
|
14715
|
+
...toCssPadding(props),
|
|
14716
|
+
...toCssBorder(props)
|
|
14734
14717
|
}));
|
|
14735
14718
|
}
|
|
14736
14719
|
};
|
|
14737
14720
|
|
|
14738
|
-
|
|
14739
|
-
width: '100%',
|
|
14740
|
-
height: '100%',
|
|
14741
|
-
objectFit: 'cover',
|
|
14742
|
-
userSelect: 'none'
|
|
14743
|
-
}));
|
|
14744
|
-
|
|
14745
|
-
return [layerId, props, overrideStyle, imgStyle, objectStyle, style];
|
|
14721
|
+
return [layerId, style, props, $$scope, slots];
|
|
14746
14722
|
}
|
|
14747
14723
|
|
|
14748
|
-
class
|
|
14724
|
+
class Layout extends SvelteComponent {
|
|
14749
14725
|
constructor(options) {
|
|
14750
14726
|
super();
|
|
14751
|
-
init(this, options, instance$1, create_fragment$1, safe_not_equal, {
|
|
14727
|
+
init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 2, layerId: 0 }, add_css$1);
|
|
14752
14728
|
}
|
|
14753
14729
|
}
|
|
14754
14730
|
|
|
14755
|
-
|
|
14731
|
+
const LAYOUT_DISPLAY_TYPE = ['inline-flex', 'flex', 'block'];
|
|
14732
|
+
const LAYOUT_DIRECTION = ['column', 'column-reverse', 'row', 'row-reverse'];
|
|
14733
|
+
const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end'];
|
|
14734
|
+
const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
14735
|
+
|
|
14736
|
+
/* src/components-v2/text/Text.svelte generated by Svelte v3.53.1 */
|
|
14737
|
+
|
|
14738
|
+
function add_css(target) {
|
|
14739
|
+
append_styles(target, "svelte-1vl0c87", ".text.svelte-1vl0c87{margin:0;word-break:break-all}");
|
|
14740
|
+
}
|
|
14756
14741
|
|
|
14757
14742
|
function create_fragment(ctx) {
|
|
14758
|
-
let
|
|
14759
|
-
let svg;
|
|
14760
|
-
let path;
|
|
14761
|
-
let button_style_value;
|
|
14743
|
+
let p;
|
|
14762
14744
|
|
|
14763
14745
|
return {
|
|
14764
14746
|
c() {
|
|
14765
|
-
|
|
14766
|
-
svg = svg_element("svg");
|
|
14767
|
-
path = svg_element("path");
|
|
14747
|
+
p = element("p");
|
|
14768
14748
|
this.h();
|
|
14769
14749
|
},
|
|
14770
14750
|
l(nodes) {
|
|
14771
|
-
|
|
14772
|
-
|
|
14773
|
-
|
|
14774
|
-
|
|
14775
|
-
xmlns: true,
|
|
14776
|
-
style: true,
|
|
14777
|
-
viewBox: true,
|
|
14778
|
-
fill: true
|
|
14751
|
+
p = claim_element(nodes, "P", {
|
|
14752
|
+
"data-layer-id": true,
|
|
14753
|
+
class: true,
|
|
14754
|
+
style: true
|
|
14779
14755
|
});
|
|
14780
14756
|
|
|
14781
|
-
var
|
|
14782
|
-
|
|
14783
|
-
children(path).forEach(detach);
|
|
14784
|
-
svg_nodes.forEach(detach);
|
|
14785
|
-
button_nodes.forEach(detach);
|
|
14757
|
+
var p_nodes = children(p);
|
|
14758
|
+
p_nodes.forEach(detach);
|
|
14786
14759
|
this.h();
|
|
14787
14760
|
},
|
|
14788
14761
|
h() {
|
|
14789
|
-
attr(
|
|
14790
|
-
attr(
|
|
14791
|
-
|
|
14792
|
-
set_style(svg, "height", "75%");
|
|
14793
|
-
attr(svg, "viewBox", "0 0 50 50");
|
|
14794
|
-
attr(svg, "fill", "#666666");
|
|
14795
|
-
attr(button, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14796
|
-
attr(button, "style", button_style_value = [/*style*/ ctx[2], /*overrideStyle*/ ctx[1]].join(' '));
|
|
14762
|
+
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14763
|
+
attr(p, "class", "text svelte-1vl0c87");
|
|
14764
|
+
attr(p, "style", /*style*/ ctx[1]);
|
|
14797
14765
|
},
|
|
14798
14766
|
m(target, anchor) {
|
|
14799
|
-
insert_hydration(target,
|
|
14800
|
-
|
|
14801
|
-
append_hydration(svg, path);
|
|
14767
|
+
insert_hydration(target, p, anchor);
|
|
14768
|
+
p.innerHTML = /*escapedHTML*/ ctx[2];
|
|
14802
14769
|
},
|
|
14803
14770
|
p(ctx, [dirty]) {
|
|
14771
|
+
if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
|
|
14804
14772
|
if (dirty & /*layerId*/ 1) {
|
|
14805
|
-
attr(
|
|
14773
|
+
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
|
14806
14774
|
}
|
|
14807
14775
|
|
|
14808
|
-
if (dirty & /*style
|
|
14809
|
-
attr(
|
|
14776
|
+
if (dirty & /*style*/ 2) {
|
|
14777
|
+
attr(p, "style", /*style*/ ctx[1]);
|
|
14810
14778
|
}
|
|
14811
14779
|
},
|
|
14812
14780
|
i: noop,
|
|
14813
14781
|
o: noop,
|
|
14814
14782
|
d(detaching) {
|
|
14815
|
-
if (detaching) detach(
|
|
14783
|
+
if (detaching) detach(p);
|
|
14816
14784
|
}
|
|
14817
14785
|
};
|
|
14818
14786
|
}
|
|
14819
14787
|
|
|
14820
14788
|
function instance($$self, $$props, $$invalidate) {
|
|
14789
|
+
let escapedHTML;
|
|
14821
14790
|
let style;
|
|
14822
|
-
let {
|
|
14823
|
-
let {
|
|
14824
|
-
let { overrideStyle } = $$props;
|
|
14825
|
-
const size = props.size ?? 24;
|
|
14791
|
+
let { props = { content: '' } } = $$props;
|
|
14792
|
+
let { layerId = '' } = $$props;
|
|
14826
14793
|
|
|
14827
14794
|
$$self.$$set = $$props => {
|
|
14828
|
-
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14829
14795
|
if ('props' in $$props) $$invalidate(3, props = $$props.props);
|
|
14830
|
-
if ('
|
|
14796
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
|
14831
14797
|
};
|
|
14832
14798
|
|
|
14833
14799
|
$$self.$$.update = () => {
|
|
14834
14800
|
if ($$self.$$.dirty & /*props*/ 8) {
|
|
14835
|
-
$$invalidate(2,
|
|
14836
|
-
|
|
14837
|
-
|
|
14838
|
-
|
|
14839
|
-
|
|
14840
|
-
|
|
14841
|
-
|
|
14842
|
-
|
|
14843
|
-
|
|
14844
|
-
|
|
14845
|
-
|
|
14846
|
-
...props
|
|
14847
|
-
...
|
|
14801
|
+
$$invalidate(2, escapedHTML = props.content.replace(/&/g, '<').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\n/g, '<br />'));
|
|
14802
|
+
}
|
|
14803
|
+
|
|
14804
|
+
if ($$self.$$.dirty & /*props*/ 8) {
|
|
14805
|
+
$$invalidate(1, style = objToStyle({
|
|
14806
|
+
position: props?.position ?? 'static',
|
|
14807
|
+
fontWeight: props.fontWeight,
|
|
14808
|
+
fontSize: props.fontSize,
|
|
14809
|
+
color: props.color,
|
|
14810
|
+
textAlign: props.align,
|
|
14811
|
+
width: props.width,
|
|
14812
|
+
...toCssRadius(props),
|
|
14813
|
+
...toCssBackgroundColor(props),
|
|
14814
|
+
...toCssCommon(props),
|
|
14815
|
+
...toCssPosition(props),
|
|
14816
|
+
...toCssBorder(props)
|
|
14848
14817
|
}));
|
|
14849
14818
|
}
|
|
14850
14819
|
};
|
|
14851
14820
|
|
|
14852
|
-
return [layerId,
|
|
14821
|
+
return [layerId, style, escapedHTML, props];
|
|
14853
14822
|
}
|
|
14854
14823
|
|
|
14855
|
-
class
|
|
14824
|
+
class Text extends SvelteComponent {
|
|
14856
14825
|
constructor(options) {
|
|
14857
14826
|
super();
|
|
14858
|
-
init(this, options, instance, create_fragment, safe_not_equal, {
|
|
14827
|
+
init(this, options, instance, create_fragment, safe_not_equal, { props: 3, layerId: 0 }, add_css);
|
|
14859
14828
|
}
|
|
14860
14829
|
}
|
|
14861
14830
|
|
|
14862
|
-
|
|
14831
|
+
const LAYER_TEXT_ALIGN_VALUES = ['center', 'left', 'right'];
|
|
14832
|
+
const LAYER_TEXT_FONT_WEIGHT_VALUES = ['bold', 'normal'];
|
|
14833
|
+
|
|
14834
|
+
export { ACTION_HOOK_LABEL, AVATAR_SHAPE, AVATAR_SIZE, Alignments, AnimationStyles, BUTTON_COLOR, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_ROUND, BUTTON_SIZE, BackgroundSizes, Box, COMPONENT_PARAMETER_TYPES, 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, ICON_PARAMS, ICON_SIZE, ICON_VARIANTS, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, 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 };
|