@plaidev/karte-action-sdk 1.1.189 → 1.1.190-28154239.dabefd64
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/hydrate/index.es.d.ts +6 -6
- package/dist/hydrate/index.es.js +161 -153
- package/dist/index.es.d.ts +6 -6
- package/dist/index.es.js +164 -158
- package/package.json +2 -2
package/dist/hydrate/index.es.js
CHANGED
@@ -488,17 +488,17 @@ const Alignments = ['flex-start', 'center', 'flex-end'];
|
|
488
488
|
/** @internal */
|
489
489
|
const FlexDirections = ['row', 'column'];
|
490
490
|
/** @internal */
|
491
|
-
const ObjectFits = ['
|
491
|
+
const ObjectFits = ['contain', 'cover', 'fill'];
|
492
492
|
/** @internal */
|
493
493
|
const ClipPaths = ['none', 'circle(closest-side)'];
|
494
494
|
/** @internal */
|
495
495
|
const Repeats = ['repeat', 'space', 'round', 'no-repeat'];
|
496
496
|
/** @internal */
|
497
|
-
const BackgroundSizes = ['
|
497
|
+
const BackgroundSizes = ['auto', 'cover', 'contain'];
|
498
498
|
/** @internal */
|
499
499
|
const Cursors = ['default', 'pointer'];
|
500
500
|
/** @internal */
|
501
|
-
const Overflows = ['
|
501
|
+
const Overflows = ['hidden', 'auto', 'visible'];
|
502
502
|
/** @internal */
|
503
503
|
const WritingModes = ['horizontal-tb', 'vertical-lr'];
|
504
504
|
/** @internal */
|
@@ -2544,7 +2544,7 @@ class State extends SvelteComponent {
|
|
2544
2544
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
2545
2545
|
|
2546
2546
|
function add_css$t(target) {
|
2547
|
-
append_styles(target, "svelte-
|
2547
|
+
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
2548
2548
|
}
|
2549
2549
|
|
2550
2550
|
// (23:0) {#if $state === path}
|
@@ -2571,7 +2571,7 @@ function create_if_block$8(ctx) {
|
|
2571
2571
|
},
|
2572
2572
|
h() {
|
2573
2573
|
attr(div, "data-state-path", /*path*/ ctx[0]);
|
2574
|
-
attr(div, "class", "state-item svelte-
|
2574
|
+
attr(div, "class", "state-item svelte-2qb6dm");
|
2575
2575
|
},
|
2576
2576
|
m(target, anchor) {
|
2577
2577
|
insert_hydration(target, div, anchor);
|
@@ -2929,7 +2929,7 @@ function customAnimation(node, { transform, animationStyle, delay = 0, duration
|
|
2929
2929
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
2930
2930
|
|
2931
2931
|
function add_css$s(target) {
|
2932
|
-
append_styles(target, "svelte-
|
2932
|
+
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}");
|
2933
2933
|
}
|
2934
2934
|
|
2935
2935
|
// (9:0) {#if backgroundOverlay}
|
@@ -2949,7 +2949,7 @@ function create_if_block$7(ctx) {
|
|
2949
2949
|
this.h();
|
2950
2950
|
},
|
2951
2951
|
h() {
|
2952
|
-
attr(div, "class", "background svelte-
|
2952
|
+
attr(div, "class", "background svelte-1d4fta");
|
2953
2953
|
},
|
2954
2954
|
m(target, anchor) {
|
2955
2955
|
insert_hydration(target, div, anchor);
|
@@ -3064,7 +3064,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3064
3064
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3065
3065
|
|
3066
3066
|
function add_css$r(target) {
|
3067
|
-
append_styles(target, "svelte-
|
3067
|
+
append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
|
3068
3068
|
}
|
3069
3069
|
|
3070
3070
|
// (50:0) {:else}
|
@@ -3103,7 +3103,7 @@ function create_else_block$3(ctx) {
|
|
3103
3103
|
},
|
3104
3104
|
h() {
|
3105
3105
|
set_attributes(button, button_data);
|
3106
|
-
toggle_class(button, "svelte-
|
3106
|
+
toggle_class(button, "svelte-1tg0tf", true);
|
3107
3107
|
},
|
3108
3108
|
m(target, anchor) {
|
3109
3109
|
insert_hydration(target, button, anchor);
|
@@ -3142,7 +3142,7 @@ function create_else_block$3(ctx) {
|
|
3142
3142
|
dataAttrStopPropagation('click')
|
3143
3143
|
]));
|
3144
3144
|
|
3145
|
-
toggle_class(button, "svelte-
|
3145
|
+
toggle_class(button, "svelte-1tg0tf", true);
|
3146
3146
|
},
|
3147
3147
|
i(local) {
|
3148
3148
|
if (current) return;
|
@@ -3183,7 +3183,7 @@ function create_if_block_2(ctx) {
|
|
3183
3183
|
this.h();
|
3184
3184
|
},
|
3185
3185
|
h() {
|
3186
|
-
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-
|
3186
|
+
attr(div, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
|
3187
3187
|
attr(div, "style", /*style*/ ctx[1]);
|
3188
3188
|
},
|
3189
3189
|
m(target, anchor) {
|
@@ -3281,7 +3281,7 @@ function create_if_block_1$2(ctx) {
|
|
3281
3281
|
},
|
3282
3282
|
h() {
|
3283
3283
|
set_attributes(a, a_data);
|
3284
|
-
toggle_class(a, "svelte-
|
3284
|
+
toggle_class(a, "svelte-1tg0tf", true);
|
3285
3285
|
},
|
3286
3286
|
m(target, anchor) {
|
3287
3287
|
insert_hydration(target, a, anchor);
|
@@ -3321,7 +3321,7 @@ function create_if_block_1$2(ctx) {
|
|
3321
3321
|
dataAttrStopPropagation('click')
|
3322
3322
|
]));
|
3323
3323
|
|
3324
|
-
toggle_class(a, "svelte-
|
3324
|
+
toggle_class(a, "svelte-1tg0tf", true);
|
3325
3325
|
},
|
3326
3326
|
i(local) {
|
3327
3327
|
if (current) return;
|
@@ -3362,7 +3362,7 @@ function create_if_block$6(ctx) {
|
|
3362
3362
|
this.h();
|
3363
3363
|
},
|
3364
3364
|
h() {
|
3365
|
-
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-
|
3365
|
+
attr(div, "class", "" + (BUTTON_CLASS + " _disabled" + " svelte-1tg0tf"));
|
3366
3366
|
attr(div, "style", /*style*/ ctx[1]);
|
3367
3367
|
},
|
3368
3368
|
m(target, anchor) {
|
@@ -3570,7 +3570,7 @@ class Button extends SvelteComponent {
|
|
3570
3570
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
3571
3571
|
|
3572
3572
|
function add_css$q(target) {
|
3573
|
-
append_styles(target, "svelte-
|
3573
|
+
append_styles(target, "svelte-1invh97", ".modal.svelte-1invh97{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1invh97 > .button{flex:auto;display:flex}.close.svelte-1invh97{position:absolute;top:0;right:0}.close.svelte-1invh97 > .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-1invh97 > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1invh97{flex:auto;display:flex;justify-content:center;align-items:center}");
|
3574
3574
|
}
|
3575
3575
|
|
3576
3576
|
// (145:0) {#if visible}
|
@@ -3611,7 +3611,7 @@ function create_if_block$5(ctx) {
|
|
3611
3611
|
this.h();
|
3612
3612
|
},
|
3613
3613
|
h() {
|
3614
|
-
attr(div, "class", "modal svelte-
|
3614
|
+
attr(div, "class", "modal svelte-1invh97");
|
3615
3615
|
attr(div, "role", "dialog");
|
3616
3616
|
attr(div, "aria-modal", "true");
|
3617
3617
|
attr(div, "style", div_style_value = "" + /*pos*/ ctx[16] + " " + /*marginStyle*/ ctx[14] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[17]] + "");
|
@@ -3699,7 +3699,7 @@ function create_if_block_1$1(ctx) {
|
|
3699
3699
|
this.h();
|
3700
3700
|
},
|
3701
3701
|
h() {
|
3702
|
-
attr(div, "class", "close svelte-
|
3702
|
+
attr(div, "class", "close svelte-1invh97");
|
3703
3703
|
set_style(div, "z-index", /*$maximumZindex*/ ctx[20] + 1);
|
3704
3704
|
},
|
3705
3705
|
m(target, anchor) {
|
@@ -3824,7 +3824,7 @@ function create_default_slot$6(ctx) {
|
|
3824
3824
|
this.h();
|
3825
3825
|
},
|
3826
3826
|
h() {
|
3827
|
-
attr(div, "class", "modal-content svelte-
|
3827
|
+
attr(div, "class", "modal-content svelte-1invh97");
|
3828
3828
|
attr(div, "style", /*_style*/ ctx[4]);
|
3829
3829
|
},
|
3830
3830
|
m(target, anchor) {
|
@@ -4334,7 +4334,7 @@ class Grid extends SvelteComponent {
|
|
4334
4334
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
4335
4335
|
|
4336
4336
|
function add_css$p(target) {
|
4337
|
-
append_styles(target, "svelte-
|
4337
|
+
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
4338
4338
|
}
|
4339
4339
|
|
4340
4340
|
function create_fragment$r(ctx) {
|
@@ -4368,8 +4368,8 @@ function create_fragment$r(ctx) {
|
|
4368
4368
|
this.h();
|
4369
4369
|
},
|
4370
4370
|
h() {
|
4371
|
-
attr(div0, "class", "grid-item-inner svelte-
|
4372
|
-
attr(div1, "class", "grid-item svelte-
|
4371
|
+
attr(div0, "class", "grid-item-inner svelte-n7kdl3");
|
4372
|
+
attr(div1, "class", "grid-item svelte-n7kdl3");
|
4373
4373
|
attr(div1, "data-element-id", /*gridItemId*/ ctx[0]);
|
4374
4374
|
attr(div1, "data-grid-item-id", /*gridItemId*/ ctx[0]);
|
4375
4375
|
attr(div1, "style", /*_style*/ ctx[1]);
|
@@ -4691,7 +4691,7 @@ class RenderText extends SvelteComponent {
|
|
4691
4691
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
4692
4692
|
|
4693
4693
|
function add_css$o(target) {
|
4694
|
-
append_styles(target, "svelte-
|
4694
|
+
append_styles(target, "svelte-zde5p8", ".text-element-wrapper.svelte-zde5p8.svelte-zde5p8{position:relative;height:100%}.text-element.svelte-zde5p8.svelte-zde5p8{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000}.text-link-element.svelte-zde5p8.svelte-zde5p8{text-decoration:none;color:inherit}.text-element-inner.svelte-zde5p8.svelte-zde5p8{width:100%;height:auto}.text-direction-vertical.svelte-zde5p8.svelte-zde5p8{writing-mode:vertical-rl}.text-direction-vertical.svelte-zde5p8 .text-element-inner.svelte-zde5p8{width:auto;height:100%}.tooltip.svelte-zde5p8.svelte-zde5p8{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-zde5p8.svelte-zde5p8:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-zde5p8.svelte-zde5p8{display:block}.tooltip-error.svelte-zde5p8.svelte-zde5p8{background-color:#c00}.tooltip-error.svelte-zde5p8.svelte-zde5p8:before{border-bottom:7px solid #c00}");
|
4695
4695
|
}
|
4696
4696
|
|
4697
4697
|
// (86:2) {:else}
|
@@ -4721,8 +4721,8 @@ function create_else_block$1(ctx) {
|
|
4721
4721
|
this.h();
|
4722
4722
|
},
|
4723
4723
|
h() {
|
4724
|
-
attr(div0, "class", "text-element-inner svelte-
|
4725
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
4724
|
+
attr(div0, "class", "text-element-inner svelte-zde5p8");
|
4725
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"));
|
4726
4726
|
attr(div1, "style", /*style*/ ctx[5]);
|
4727
4727
|
},
|
4728
4728
|
m(target, anchor) {
|
@@ -4736,7 +4736,7 @@ function create_else_block$1(ctx) {
|
|
4736
4736
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
4737
4737
|
rendertext.$set(rendertext_changes);
|
4738
4738
|
|
4739
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
4739
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"))) {
|
4740
4740
|
attr(div1, "class", div1_class_value);
|
4741
4741
|
}
|
4742
4742
|
|
@@ -4811,12 +4811,12 @@ function create_if_block$3(ctx) {
|
|
4811
4811
|
this.h();
|
4812
4812
|
},
|
4813
4813
|
h() {
|
4814
|
-
attr(div0, "class", "text-element-inner svelte-
|
4814
|
+
attr(div0, "class", "text-element-inner svelte-zde5p8");
|
4815
4815
|
attr(a, "href", '');
|
4816
|
-
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
4816
|
+
attr(a, "class", a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"));
|
4817
4817
|
attr(a, "style", /*style*/ ctx[5]);
|
4818
|
-
attr(div1, "class", "tooltip svelte-
|
4819
|
-
attr(div2, "class", "tooltip tooltip-error svelte-
|
4818
|
+
attr(div1, "class", "tooltip svelte-zde5p8");
|
4819
|
+
attr(div2, "class", "tooltip tooltip-error svelte-zde5p8");
|
4820
4820
|
},
|
4821
4821
|
m(target, anchor) {
|
4822
4822
|
insert_hydration(target, a, anchor);
|
@@ -4842,7 +4842,7 @@ function create_if_block$3(ctx) {
|
|
4842
4842
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
4843
4843
|
rendertext.$set(rendertext_changes);
|
4844
4844
|
|
4845
|
-
if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
4845
|
+
if (!current || dirty & /*textDirection*/ 2 && a_class_value !== (a_class_value = "" + (null_to_empty(`text-element text-link-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-zde5p8"))) {
|
4846
4846
|
attr(a, "class", a_class_value);
|
4847
4847
|
}
|
4848
4848
|
|
@@ -4904,7 +4904,7 @@ function create_fragment$p(ctx) {
|
|
4904
4904
|
this.h();
|
4905
4905
|
},
|
4906
4906
|
h() {
|
4907
|
-
attr(div, "class", "text-element-wrapper svelte-
|
4907
|
+
attr(div, "class", "text-element-wrapper svelte-zde5p8");
|
4908
4908
|
},
|
4909
4909
|
m(target, anchor) {
|
4910
4910
|
insert_hydration(target, div, anchor);
|
@@ -5069,7 +5069,7 @@ class TextElement extends SvelteComponent {
|
|
5069
5069
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
5070
5070
|
|
5071
5071
|
function add_css$n(target) {
|
5072
|
-
append_styles(target, "svelte-
|
5072
|
+
append_styles(target, "svelte-wb7ek", ".text-button-element.svelte-wb7ek{width:100%;height:100%}.text-button-element.svelte-wb7ek > .button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden}.text-button-element.svelte-wb7ek > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-wb7ek > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-wb7ek > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
5073
5073
|
}
|
5074
5074
|
|
5075
5075
|
// (46:2) <Button onClick={onClick} {style} {eventName}>
|
@@ -5138,7 +5138,7 @@ function create_fragment$o(ctx) {
|
|
5138
5138
|
this.h();
|
5139
5139
|
},
|
5140
5140
|
h() {
|
5141
|
-
attr(div, "class", "text-button-element svelte-
|
5141
|
+
attr(div, "class", "text-button-element svelte-wb7ek");
|
5142
5142
|
},
|
5143
5143
|
m(target, anchor) {
|
5144
5144
|
insert_hydration(target, div, anchor);
|
@@ -5230,12 +5230,13 @@ class TextButtonElement extends SvelteComponent {
|
|
5230
5230
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
5231
5231
|
|
5232
5232
|
function add_css$m(target) {
|
5233
|
-
append_styles(target, "svelte-
|
5233
|
+
append_styles(target, "svelte-1v4alzq", ".image-element.svelte-1v4alzq{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-1v4alzq > .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}.image-element.svelte-1v4alzq > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-1v4alzq > .button:not(._disabled):hover,.image-element.transport.svelte-1v4alzq > .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-1v4alzq{width:100%;height:100%}");
|
5234
5234
|
}
|
5235
5235
|
|
5236
|
-
// (
|
5236
|
+
// (44:2) <Button {onClick} style={_style} {eventName}>
|
5237
5237
|
function create_default_slot$4(ctx) {
|
5238
5238
|
let img;
|
5239
|
+
let img_style_value;
|
5239
5240
|
let img_src_value;
|
5240
5241
|
|
5241
5242
|
return {
|
@@ -5257,11 +5258,11 @@ function create_default_slot$4(ctx) {
|
|
5257
5258
|
this.h();
|
5258
5259
|
},
|
5259
5260
|
h() {
|
5260
|
-
attr(img, "class", "image svelte-
|
5261
|
+
attr(img, "class", "image svelte-1v4alzq");
|
5261
5262
|
attr(img, "loading", "lazy");
|
5262
5263
|
attr(img, "width", "auto");
|
5263
5264
|
attr(img, "height", "auto");
|
5264
|
-
attr(img, "style", /*_imageStyle*/ ctx[
|
5265
|
+
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
5265
5266
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
5266
5267
|
attr(img, "alt", /*alt*/ ctx[1]);
|
5267
5268
|
},
|
@@ -5269,8 +5270,8 @@ function create_default_slot$4(ctx) {
|
|
5269
5270
|
insert_hydration(target, img, anchor);
|
5270
5271
|
},
|
5271
5272
|
p(ctx, dirty) {
|
5272
|
-
if (dirty & /*_imageStyle*/
|
5273
|
-
attr(img, "style",
|
5273
|
+
if (dirty & /*_imageStyle, objectFit*/ 72 && img_style_value !== (img_style_value = `${/*_imageStyle*/ ctx[6]} object-fit: ${/*objectFit*/ ctx[3]};`)) {
|
5274
|
+
attr(img, "style", img_style_value);
|
5274
5275
|
}
|
5275
5276
|
|
5276
5277
|
if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
|
@@ -5295,9 +5296,9 @@ function create_fragment$n(ctx) {
|
|
5295
5296
|
|
5296
5297
|
button = new Button({
|
5297
5298
|
props: {
|
5298
|
-
onClick: /*onClick*/ ctx[
|
5299
|
-
style: /*_style*/ ctx[
|
5300
|
-
eventName: /*eventName*/ ctx[
|
5299
|
+
onClick: /*onClick*/ ctx[4],
|
5300
|
+
style: /*_style*/ ctx[7],
|
5301
|
+
eventName: /*eventName*/ ctx[5],
|
5301
5302
|
$$slots: { default: [create_default_slot$4] },
|
5302
5303
|
$$scope: { ctx }
|
5303
5304
|
}
|
@@ -5317,7 +5318,7 @@ function create_fragment$n(ctx) {
|
|
5317
5318
|
this.h();
|
5318
5319
|
},
|
5319
5320
|
h() {
|
5320
|
-
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
5321
|
+
attr(div, "class", div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq");
|
5321
5322
|
},
|
5322
5323
|
m(target, anchor) {
|
5323
5324
|
insert_hydration(target, div, anchor);
|
@@ -5326,17 +5327,17 @@ function create_fragment$n(ctx) {
|
|
5326
5327
|
},
|
5327
5328
|
p(ctx, [dirty]) {
|
5328
5329
|
const button_changes = {};
|
5329
|
-
if (dirty & /*onClick*/
|
5330
|
-
if (dirty & /*_style*/
|
5331
|
-
if (dirty & /*eventName*/
|
5330
|
+
if (dirty & /*onClick*/ 16) button_changes.onClick = /*onClick*/ ctx[4];
|
5331
|
+
if (dirty & /*_style*/ 128) button_changes.style = /*_style*/ ctx[7];
|
5332
|
+
if (dirty & /*eventName*/ 32) button_changes.eventName = /*eventName*/ ctx[5];
|
5332
5333
|
|
5333
|
-
if (dirty & /*$$scope, _imageStyle, src, alt*/
|
5334
|
+
if (dirty & /*$$scope, _imageStyle, objectFit, src, alt*/ 331) {
|
5334
5335
|
button_changes.$$scope = { dirty, ctx };
|
5335
5336
|
}
|
5336
5337
|
|
5337
5338
|
button.$set(button_changes);
|
5338
5339
|
|
5339
|
-
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-
|
5340
|
+
if (!current || dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "image-element " + (/*transport*/ ctx[2] ? ' transport' : '') + " svelte-1v4alzq")) {
|
5340
5341
|
attr(div, "class", div_class_value);
|
5341
5342
|
}
|
5342
5343
|
},
|
@@ -5360,22 +5361,24 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
5360
5361
|
let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
|
5361
5362
|
let { alt = 'No Image' } = $$props;
|
5362
5363
|
let { transport = false } = $$props;
|
5364
|
+
let { objectFit = 'contain' } = $$props;
|
5363
5365
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
5364
5366
|
let { eventName = '' } = $$props;
|
5365
|
-
let { _imageStyle = '
|
5367
|
+
let { _imageStyle = '' } = $$props;
|
5366
5368
|
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
5367
5369
|
|
5368
5370
|
$$self.$$set = $$props => {
|
5369
5371
|
if ('src' in $$props) $$invalidate(0, src = $$props.src);
|
5370
5372
|
if ('alt' in $$props) $$invalidate(1, alt = $$props.alt);
|
5371
5373
|
if ('transport' in $$props) $$invalidate(2, transport = $$props.transport);
|
5372
|
-
if ('
|
5373
|
-
if ('
|
5374
|
-
if ('
|
5375
|
-
if ('
|
5374
|
+
if ('objectFit' in $$props) $$invalidate(3, objectFit = $$props.objectFit);
|
5375
|
+
if ('onClick' in $$props) $$invalidate(4, onClick = $$props.onClick);
|
5376
|
+
if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
|
5377
|
+
if ('_imageStyle' in $$props) $$invalidate(6, _imageStyle = $$props._imageStyle);
|
5378
|
+
if ('_style' in $$props) $$invalidate(7, _style = $$props._style);
|
5376
5379
|
};
|
5377
5380
|
|
5378
|
-
return [src, alt, transport, onClick, eventName, _imageStyle, _style];
|
5381
|
+
return [src, alt, transport, objectFit, onClick, eventName, _imageStyle, _style];
|
5379
5382
|
}
|
5380
5383
|
|
5381
5384
|
class ImageElement extends SvelteComponent {
|
@@ -5392,10 +5395,11 @@ class ImageElement extends SvelteComponent {
|
|
5392
5395
|
src: 0,
|
5393
5396
|
alt: 1,
|
5394
5397
|
transport: 2,
|
5395
|
-
|
5396
|
-
|
5397
|
-
|
5398
|
-
|
5398
|
+
objectFit: 3,
|
5399
|
+
onClick: 4,
|
5400
|
+
eventName: 5,
|
5401
|
+
_imageStyle: 6,
|
5402
|
+
_style: 7
|
5399
5403
|
},
|
5400
5404
|
add_css$m
|
5401
5405
|
);
|
@@ -5405,7 +5409,7 @@ class ImageElement extends SvelteComponent {
|
|
5405
5409
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
5406
5410
|
|
5407
5411
|
function add_css$l(target) {
|
5408
|
-
append_styles(target, "svelte-
|
5412
|
+
append_styles(target, "svelte-1gh1zvv", ".list.svelte-1gh1zvv{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
5409
5413
|
}
|
5410
5414
|
|
5411
5415
|
function create_fragment$m(ctx) {
|
@@ -5428,7 +5432,7 @@ function create_fragment$m(ctx) {
|
|
5428
5432
|
this.h();
|
5429
5433
|
},
|
5430
5434
|
h() {
|
5431
|
-
attr(div, "class", "list svelte-
|
5435
|
+
attr(div, "class", "list svelte-1gh1zvv");
|
5432
5436
|
attr(div, "style", /*style*/ ctx[0]);
|
5433
5437
|
},
|
5434
5438
|
m(target, anchor) {
|
@@ -5562,7 +5566,7 @@ class List extends SvelteComponent {
|
|
5562
5566
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
5563
5567
|
|
5564
5568
|
function add_css$k(target) {
|
5565
|
-
append_styles(target, "svelte-
|
5569
|
+
append_styles(target, "svelte-pd7cyv", ".list-item.svelte-pd7cyv{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-pd7cyv > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
|
5566
5570
|
}
|
5567
5571
|
|
5568
5572
|
// (67:2) <Button {onClick} style={_style} eventName={clickEventName}>
|
@@ -5645,7 +5649,7 @@ function create_fragment$l(ctx) {
|
|
5645
5649
|
this.h();
|
5646
5650
|
},
|
5647
5651
|
h() {
|
5648
|
-
attr(div, "class", "list-item svelte-
|
5652
|
+
attr(div, "class", "list-item svelte-pd7cyv");
|
5649
5653
|
attr(div, "style", /*listItemStyle*/ ctx[3]);
|
5650
5654
|
},
|
5651
5655
|
m(target, anchor) {
|
@@ -5771,7 +5775,7 @@ class ListItem extends SvelteComponent {
|
|
5771
5775
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
5772
5776
|
|
5773
5777
|
function add_css$j(target) {
|
5774
|
-
append_styles(target, "svelte-
|
5778
|
+
append_styles(target, "svelte-g5f8hw", ".embed.svelte-g5f8hw{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-g5f8hw iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000}");
|
5775
5779
|
}
|
5776
5780
|
|
5777
5781
|
function create_fragment$k(ctx) {
|
@@ -5789,7 +5793,7 @@ function create_fragment$k(ctx) {
|
|
5789
5793
|
this.h();
|
5790
5794
|
},
|
5791
5795
|
h() {
|
5792
|
-
attr(div, "class", "embed svelte-
|
5796
|
+
attr(div, "class", "embed svelte-g5f8hw");
|
5793
5797
|
attr(div, "style", /*_style*/ ctx[1]);
|
5794
5798
|
},
|
5795
5799
|
m(target, anchor) {
|
@@ -5832,7 +5836,7 @@ class EmbedElement extends SvelteComponent {
|
|
5832
5836
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
5833
5837
|
|
5834
5838
|
function add_css$i(target) {
|
5835
|
-
append_styles(target, "svelte-
|
5839
|
+
append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{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}.embed.svelte-1gvn5zq iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
5836
5840
|
}
|
5837
5841
|
|
5838
5842
|
function create_fragment$j(ctx) {
|
@@ -5855,7 +5859,7 @@ function create_fragment$j(ctx) {
|
|
5855
5859
|
},
|
5856
5860
|
h() {
|
5857
5861
|
attr(div0, "class", "karte-player");
|
5858
|
-
attr(div1, "class", "embed svelte-
|
5862
|
+
attr(div1, "class", "embed svelte-1gvn5zq");
|
5859
5863
|
attr(div1, "style", /*_style*/ ctx[0]);
|
5860
5864
|
},
|
5861
5865
|
m(target, anchor) {
|
@@ -6197,7 +6201,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
6197
6201
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
6198
6202
|
|
6199
6203
|
function add_css$h(target) {
|
6200
|
-
append_styles(target, "svelte-
|
6204
|
+
append_styles(target, "svelte-1gvn5zq", ".embed.svelte-1gvn5zq{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}.embed.svelte-1gvn5zq iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
6201
6205
|
}
|
6202
6206
|
|
6203
6207
|
function create_fragment$i(ctx) {
|
@@ -6220,7 +6224,7 @@ function create_fragment$i(ctx) {
|
|
6220
6224
|
},
|
6221
6225
|
h() {
|
6222
6226
|
attr(div0, "class", "karte-player");
|
6223
|
-
attr(div1, "class", "embed svelte-
|
6227
|
+
attr(div1, "class", "embed svelte-1gvn5zq");
|
6224
6228
|
attr(div1, "style", /*_style*/ ctx[0]);
|
6225
6229
|
},
|
6226
6230
|
m(target, anchor) {
|
@@ -6404,7 +6408,7 @@ class MovieVimeoElement extends SvelteComponent {
|
|
6404
6408
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
6405
6409
|
|
6406
6410
|
function add_css$g(target) {
|
6407
|
-
append_styles(target, "svelte-
|
6411
|
+
append_styles(target, "svelte-kyay3k", ".textarea-wrapper.svelte-kyay3k{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-kyay3k{width:100%;resize:none}");
|
6408
6412
|
}
|
6409
6413
|
|
6410
6414
|
function create_fragment$h(ctx) {
|
@@ -6434,12 +6438,12 @@ function create_fragment$h(ctx) {
|
|
6434
6438
|
this.h();
|
6435
6439
|
},
|
6436
6440
|
h() {
|
6437
|
-
attr(textarea, "class", "textarea svelte-
|
6441
|
+
attr(textarea, "class", "textarea svelte-kyay3k");
|
6438
6442
|
textarea.value = /*$value*/ ctx[3];
|
6439
6443
|
textarea.required = /*required*/ ctx[0];
|
6440
6444
|
attr(textarea, "rows", /*rows*/ ctx[1]);
|
6441
6445
|
attr(textarea, "placeholder", /*placeholder*/ ctx[2]);
|
6442
|
-
attr(div, "class", "textarea-wrapper svelte-
|
6446
|
+
attr(div, "class", "textarea-wrapper svelte-kyay3k");
|
6443
6447
|
},
|
6444
6448
|
m(target, anchor) {
|
6445
6449
|
insert_hydration(target, div, anchor);
|
@@ -6535,7 +6539,7 @@ class FormTextarea extends SvelteComponent {
|
|
6535
6539
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
6536
6540
|
|
6537
6541
|
function add_css$f(target) {
|
6538
|
-
append_styles(target, "svelte-
|
6542
|
+
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}");
|
6539
6543
|
}
|
6540
6544
|
|
6541
6545
|
function get_each_context$5(ctx, list, i) {
|
@@ -6591,14 +6595,14 @@ function create_each_block$5(ctx) {
|
|
6591
6595
|
},
|
6592
6596
|
h() {
|
6593
6597
|
attr(input, "type", "radio");
|
6594
|
-
attr(input, "class", "radio-button-input svelte-
|
6598
|
+
attr(input, "class", "radio-button-input svelte-17s08g");
|
6595
6599
|
attr(input, "style", /*buttonStyle*/ ctx[5]);
|
6596
6600
|
attr(input, "name", /*name*/ ctx[0]);
|
6597
6601
|
input.value = input_value_value = /*option*/ ctx[16];
|
6598
6602
|
input.checked = input_checked_value = /*option*/ ctx[16] === /*_value*/ ctx[3];
|
6599
|
-
attr(span, "class", "radio-button-text svelte-
|
6603
|
+
attr(span, "class", "radio-button-text svelte-17s08g");
|
6600
6604
|
attr(span, "style", /*_textStyle*/ ctx[2]);
|
6601
|
-
attr(label, "class", "radio-button svelte-
|
6605
|
+
attr(label, "class", "radio-button svelte-17s08g");
|
6602
6606
|
},
|
6603
6607
|
m(target, anchor) {
|
6604
6608
|
insert_hydration(target, label, anchor);
|
@@ -6677,7 +6681,7 @@ function create_fragment$g(ctx) {
|
|
6677
6681
|
this.h();
|
6678
6682
|
},
|
6679
6683
|
h() {
|
6680
|
-
attr(div, "class", "radio-buttons svelte-
|
6684
|
+
attr(div, "class", "radio-buttons svelte-17s08g");
|
6681
6685
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
6682
6686
|
},
|
6683
6687
|
m(target, anchor) {
|
@@ -6844,7 +6848,7 @@ class FormRadioButtons extends SvelteComponent {
|
|
6844
6848
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
6845
6849
|
|
6846
6850
|
function add_css$e(target) {
|
6847
|
-
append_styles(target, "svelte-
|
6851
|
+
append_styles(target, "svelte-1n4ag74", ".select.svelte-1n4ag74{width:100%;height:100%}.select-select.svelte-1n4ag74{position:relative;appearance:none;width:100%;height:100%}.select-select.svelte-1n4ag74: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-1n4ag74{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}");
|
6848
6852
|
}
|
6849
6853
|
|
6850
6854
|
function get_each_context$4(ctx, list, i) {
|
@@ -7015,10 +7019,10 @@ function create_fragment$f(ctx) {
|
|
7015
7019
|
this.h();
|
7016
7020
|
},
|
7017
7021
|
h() {
|
7018
|
-
attr(select, "class", "select-select svelte-
|
7022
|
+
attr(select, "class", "select-select svelte-1n4ag74");
|
7019
7023
|
attr(select, "style", /*style*/ ctx[3]);
|
7020
|
-
attr(div0, "class", "select-icon svelte-
|
7021
|
-
attr(div1, "class", "select svelte-
|
7024
|
+
attr(div0, "class", "select-icon svelte-1n4ag74");
|
7025
|
+
attr(div1, "class", "select svelte-1n4ag74");
|
7022
7026
|
attr(div1, "style", /*styleVariables*/ ctx[2]);
|
7023
7027
|
},
|
7024
7028
|
m(target, anchor) {
|
@@ -7220,7 +7224,7 @@ class FormSelect extends SvelteComponent {
|
|
7220
7224
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
7221
7225
|
|
7222
7226
|
function add_css$d(target) {
|
7223
|
-
append_styles(target, "svelte-
|
7227
|
+
append_styles(target, "svelte-p15pvn", ".check-boxes.svelte-p15pvn.svelte-p15pvn{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.check-box.svelte-p15pvn.svelte-p15pvn{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-p15pvn.svelte-p15pvn{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-p15pvn.svelte-p15pvn{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-p15pvn.svelte-p15pvn{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-p15pvn.svelte-p15pvn: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-p15pvn.svelte-p15pvn{background-color:var(--color-main-active)}.check-box-check._checked.svelte-p15pvn .check-box-icon.svelte-p15pvn:after{border-color:var(--color-sub-active)}.check-box-text.svelte-p15pvn.svelte-p15pvn{margin-left:0.5em}");
|
7224
7228
|
}
|
7225
7229
|
|
7226
7230
|
function get_each_context$3(ctx, list, i) {
|
@@ -7281,19 +7285,19 @@ function create_each_block$3(ctx) {
|
|
7281
7285
|
this.h();
|
7282
7286
|
},
|
7283
7287
|
h() {
|
7284
|
-
attr(input, "class", "check-box-input svelte-
|
7288
|
+
attr(input, "class", "check-box-input svelte-p15pvn");
|
7285
7289
|
attr(input, "type", "checkbox");
|
7286
7290
|
attr(input, "name", /*name*/ ctx[0]);
|
7287
7291
|
input.checked = input_checked_value = /*isCheckedArray*/ ctx[4][/*i*/ ctx[19]];
|
7288
|
-
attr(span0, "class", "check-box-icon svelte-
|
7292
|
+
attr(span0, "class", "check-box-icon svelte-p15pvn");
|
7289
7293
|
|
7290
7294
|
attr(span1, "class", span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7291
7295
|
? ' _checked'
|
7292
|
-
: ''}`) + " svelte-
|
7296
|
+
: ''}`) + " svelte-p15pvn"));
|
7293
7297
|
|
7294
|
-
attr(span2, "class", "check-box-text svelte-
|
7298
|
+
attr(span2, "class", "check-box-text svelte-p15pvn");
|
7295
7299
|
attr(span2, "style", /*_textStyle*/ ctx[2]);
|
7296
|
-
attr(label, "class", "check-box svelte-
|
7300
|
+
attr(label, "class", "check-box svelte-p15pvn");
|
7297
7301
|
attr(label, "style", /*styleVariables*/ ctx[5]);
|
7298
7302
|
},
|
7299
7303
|
m(target, anchor) {
|
@@ -7325,7 +7329,7 @@ function create_each_block$3(ctx) {
|
|
7325
7329
|
|
7326
7330
|
if (dirty & /*isCheckedArray*/ 16 && span1_class_value !== (span1_class_value = "" + (null_to_empty(`check-box-check${/*isCheckedArray*/ ctx[4][/*i*/ ctx[19]]
|
7327
7331
|
? ' _checked'
|
7328
|
-
: ''}`) + " svelte-
|
7332
|
+
: ''}`) + " svelte-p15pvn"))) {
|
7329
7333
|
attr(span1, "class", span1_class_value);
|
7330
7334
|
}
|
7331
7335
|
|
@@ -7378,7 +7382,7 @@ function create_fragment$e(ctx) {
|
|
7378
7382
|
this.h();
|
7379
7383
|
},
|
7380
7384
|
h() {
|
7381
|
-
attr(div, "class", "check-boxes svelte-
|
7385
|
+
attr(div, "class", "check-boxes svelte-p15pvn");
|
7382
7386
|
attr(div, "style", /*_layoutStyle*/ ctx[1]);
|
7383
7387
|
},
|
7384
7388
|
m(target, anchor) {
|
@@ -7552,7 +7556,7 @@ class FormCheckBoxes extends SvelteComponent {
|
|
7552
7556
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
7553
7557
|
|
7554
7558
|
function add_css$c(target) {
|
7555
|
-
append_styles(target, "svelte-
|
7559
|
+
append_styles(target, "svelte-zy2va9", ".rating-buttons.svelte-zy2va9{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-zy2va9{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}");
|
7556
7560
|
}
|
7557
7561
|
|
7558
7562
|
function get_each_context$2(ctx, list, i) {
|
@@ -7587,7 +7591,7 @@ function create_each_block$2(ctx) {
|
|
7587
7591
|
this.h();
|
7588
7592
|
},
|
7589
7593
|
h() {
|
7590
|
-
attr(button, "class", "rating-button svelte-
|
7594
|
+
attr(button, "class", "rating-button svelte-zy2va9");
|
7591
7595
|
attr(button, "style", button_style_value = /*getTextButtonStyle*/ ctx[4](/*i*/ ctx[12] === /*_value*/ ctx[1]));
|
7592
7596
|
},
|
7593
7597
|
m(target, anchor) {
|
@@ -7650,7 +7654,7 @@ function create_fragment$d(ctx) {
|
|
7650
7654
|
this.h();
|
7651
7655
|
},
|
7652
7656
|
h() {
|
7653
|
-
attr(div, "class", "rating-buttons svelte-
|
7657
|
+
attr(div, "class", "rating-buttons svelte-zy2va9");
|
7654
7658
|
},
|
7655
7659
|
m(target, anchor) {
|
7656
7660
|
insert_hydration(target, div, anchor);
|
@@ -7787,7 +7791,7 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
7787
7791
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
7788
7792
|
|
7789
7793
|
function add_css$b(target) {
|
7790
|
-
append_styles(target, "svelte-
|
7794
|
+
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%)}");
|
7791
7795
|
}
|
7792
7796
|
|
7793
7797
|
function get_each_context$1(ctx, list, i) {
|
@@ -7823,9 +7827,9 @@ function create_each_block$1(ctx) {
|
|
7823
7827
|
},
|
7824
7828
|
h() {
|
7825
7829
|
if (!src_url_equal(img.src, img_src_value = /*ICONS*/ ctx[2][/*i*/ ctx[10]])) attr(img, "src", img_src_value);
|
7826
|
-
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7830
|
+
attr(img, "class", img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"));
|
7827
7831
|
attr(img, "alt", "rate" + /*i*/ ctx[10]);
|
7828
|
-
attr(button, "class", "rating-button svelte-
|
7832
|
+
attr(button, "class", "rating-button svelte-tbunko");
|
7829
7833
|
attr(button, "style", /*buttonStyle*/ ctx[0]);
|
7830
7834
|
},
|
7831
7835
|
m(target, anchor) {
|
@@ -7841,7 +7845,7 @@ function create_each_block$1(ctx) {
|
|
7841
7845
|
p(new_ctx, dirty) {
|
7842
7846
|
ctx = new_ctx;
|
7843
7847
|
|
7844
|
-
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-
|
7848
|
+
if (dirty & /*_value*/ 2 && img_class_value !== (img_class_value = "" + (null_to_empty(`rating-button-image${/*i*/ ctx[10] === /*_value*/ ctx[1] ? ' _active' : ''}`) + " svelte-tbunko"))) {
|
7845
7849
|
attr(img, "class", img_class_value);
|
7846
7850
|
}
|
7847
7851
|
|
@@ -7888,7 +7892,7 @@ function create_fragment$c(ctx) {
|
|
7888
7892
|
this.h();
|
7889
7893
|
},
|
7890
7894
|
h() {
|
7891
|
-
attr(div, "class", "rating-buttons svelte-
|
7895
|
+
attr(div, "class", "rating-buttons svelte-tbunko");
|
7892
7896
|
},
|
7893
7897
|
m(target, anchor) {
|
7894
7898
|
insert_hydration(target, div, anchor);
|
@@ -7996,7 +8000,7 @@ class FormRatingButtonsFace extends SvelteComponent {
|
|
7996
8000
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
7997
8001
|
|
7998
8002
|
function add_css$a(target) {
|
7999
|
-
append_styles(target, "svelte-
|
8003
|
+
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%}");
|
8000
8004
|
}
|
8001
8005
|
|
8002
8006
|
function get_each_context(ctx, list, i) {
|
@@ -8042,9 +8046,9 @@ function create_if_block_1(ctx) {
|
|
8042
8046
|
attr(svg, "viewBox", "0 0 10 16");
|
8043
8047
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8044
8048
|
attr(svg, "style", /*prevIconStyle*/ ctx[10]);
|
8045
|
-
attr(button, "class", "move-button svelte-
|
8049
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8046
8050
|
attr(button, "style", /*_prevButtonContainerStyle*/ ctx[9]);
|
8047
|
-
attr(div, "class", "prev-button-container svelte-
|
8051
|
+
attr(div, "class", "prev-button-container svelte-ji1fh");
|
8048
8052
|
},
|
8049
8053
|
m(target, anchor) {
|
8050
8054
|
insert_hydration(target, div, anchor);
|
@@ -8110,9 +8114,9 @@ function create_if_block$1(ctx) {
|
|
8110
8114
|
attr(svg, "viewBox", "0 0 10 16");
|
8111
8115
|
attr(svg, "xmlns", "http://www.w3.org/2000/svg");
|
8112
8116
|
attr(svg, "style", /*nextIconStyle*/ ctx[8]);
|
8113
|
-
attr(button, "class", "move-button svelte-
|
8117
|
+
attr(button, "class", "move-button svelte-ji1fh");
|
8114
8118
|
attr(button, "style", /*_nextButtonContainerStyle*/ ctx[7]);
|
8115
|
-
attr(div, "class", "next-button-container svelte-
|
8119
|
+
attr(div, "class", "next-button-container svelte-ji1fh");
|
8116
8120
|
},
|
8117
8121
|
m(target, anchor) {
|
8118
8122
|
insert_hydration(target, div, anchor);
|
@@ -8172,9 +8176,9 @@ function create_each_block(ctx) {
|
|
8172
8176
|
this.h();
|
8173
8177
|
},
|
8174
8178
|
h() {
|
8175
|
-
attr(div, "class", "navigation-item-inner circle svelte-
|
8179
|
+
attr(div, "class", "navigation-item-inner circle svelte-ji1fh");
|
8176
8180
|
attr(div, "style", div_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
|
8177
|
-
attr(button, "class", "navigation-item svelte-
|
8181
|
+
attr(button, "class", "navigation-item svelte-ji1fh");
|
8178
8182
|
attr(button, "style", /*navigationItemStyle*/ ctx[6]);
|
8179
8183
|
},
|
8180
8184
|
m(target, anchor) {
|
@@ -8280,14 +8284,14 @@ function create_fragment$b(ctx) {
|
|
8280
8284
|
this.h();
|
8281
8285
|
},
|
8282
8286
|
h() {
|
8283
|
-
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
8287
|
+
attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"));
|
8284
8288
|
attr(div0, "style", /*slideStyle*/ ctx[14]);
|
8285
|
-
attr(div1, "class", "container svelte-
|
8289
|
+
attr(div1, "class", "container svelte-ji1fh");
|
8286
8290
|
attr(div1, "style", /*_style*/ ctx[0]);
|
8287
|
-
attr(div2, "class", "navigation svelte-
|
8291
|
+
attr(div2, "class", "navigation svelte-ji1fh");
|
8288
8292
|
attr(div2, "style", /*navigationStyle*/ ctx[4]);
|
8289
8293
|
set_attributes(div3, div3_data);
|
8290
|
-
toggle_class(div3, "svelte-
|
8294
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
8291
8295
|
},
|
8292
8296
|
m(target, anchor) {
|
8293
8297
|
insert_hydration(target, div3, anchor);
|
@@ -8329,7 +8333,7 @@ function create_fragment$b(ctx) {
|
|
8329
8333
|
}
|
8330
8334
|
}
|
8331
8335
|
|
8332
|
-
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-
|
8336
|
+
if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-ji1fh"))) {
|
8333
8337
|
attr(div0, "class", div0_class_value);
|
8334
8338
|
}
|
8335
8339
|
|
@@ -8395,7 +8399,7 @@ function create_fragment$b(ctx) {
|
|
8395
8399
|
}
|
8396
8400
|
|
8397
8401
|
set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
|
8398
|
-
toggle_class(div3, "svelte-
|
8402
|
+
toggle_class(div3, "svelte-ji1fh", true);
|
8399
8403
|
},
|
8400
8404
|
i(local) {
|
8401
8405
|
if (current) return;
|
@@ -8907,7 +8911,7 @@ class Slide extends SvelteComponent {
|
|
8907
8911
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
8908
8912
|
|
8909
8913
|
function add_css$9(target) {
|
8910
|
-
append_styles(target, "svelte-
|
8914
|
+
append_styles(target, "svelte-1fqq17x", ".item.svelte-1fqq17x{height:100%;flex:none;position:relative}.item.svelte-1fqq17x img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-1fqq17x{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
|
8911
8915
|
}
|
8912
8916
|
|
8913
8917
|
function create_fragment$a(ctx) {
|
@@ -8935,9 +8939,9 @@ function create_fragment$a(ctx) {
|
|
8935
8939
|
this.h();
|
8936
8940
|
},
|
8937
8941
|
h() {
|
8938
|
-
attr(div0, "class", "item-inner svelte-
|
8942
|
+
attr(div0, "class", "item-inner svelte-1fqq17x");
|
8939
8943
|
attr(div0, "style", /*_style*/ ctx[0]);
|
8940
|
-
attr(div1, "class", "item svelte-
|
8944
|
+
attr(div1, "class", "item svelte-1fqq17x");
|
8941
8945
|
attr(div1, "style", /*itemStyle*/ ctx[1]);
|
8942
8946
|
},
|
8943
8947
|
m(target, anchor) {
|
@@ -9063,7 +9067,7 @@ class SlideItem extends SvelteComponent {
|
|
9063
9067
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
9064
9068
|
|
9065
9069
|
function add_css$8(target) {
|
9066
|
-
append_styles(target, "svelte-
|
9070
|
+
append_styles(target, "svelte-192lor2", ".countdown.svelte-192lor2{position:relative;width:100%;height:100%}.countdown-inner.svelte-192lor2{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
|
9067
9071
|
}
|
9068
9072
|
|
9069
9073
|
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
@@ -9094,9 +9098,9 @@ function create_fragment$9(ctx) {
|
|
9094
9098
|
this.h();
|
9095
9099
|
},
|
9096
9100
|
h() {
|
9097
|
-
attr(div0, "class", "countdown-inner svelte-
|
9101
|
+
attr(div0, "class", "countdown-inner svelte-192lor2");
|
9098
9102
|
attr(div0, "style", /*_style*/ ctx[0]);
|
9099
|
-
attr(div1, "class", "countdown svelte-
|
9103
|
+
attr(div1, "class", "countdown svelte-192lor2");
|
9100
9104
|
},
|
9101
9105
|
m(target, anchor) {
|
9102
9106
|
insert_hydration(target, div1, anchor);
|
@@ -9226,7 +9230,7 @@ class Countdown extends SvelteComponent {
|
|
9226
9230
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
9227
9231
|
|
9228
9232
|
function add_css$7(target) {
|
9229
|
-
append_styles(target, "svelte-
|
9233
|
+
append_styles(target, "svelte-6g6etj", ".box.svelte-6g6etj{position:relative;width:100%;height:100%}.box.svelte-6g6etj > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000}");
|
9230
9234
|
}
|
9231
9235
|
|
9232
9236
|
// (24:2) <Button {onClick} style={_style} {eventName}>
|
@@ -9309,7 +9313,7 @@ function create_fragment$8(ctx) {
|
|
9309
9313
|
this.h();
|
9310
9314
|
},
|
9311
9315
|
h() {
|
9312
|
-
attr(div, "class", "box svelte-
|
9316
|
+
attr(div, "class", "box svelte-6g6etj");
|
9313
9317
|
},
|
9314
9318
|
m(target, anchor) {
|
9315
9319
|
insert_hydration(target, div, anchor);
|
@@ -9370,7 +9374,7 @@ class Box extends SvelteComponent {
|
|
9370
9374
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
9371
9375
|
|
9372
9376
|
function add_css$6(target) {
|
9373
|
-
append_styles(target, "svelte-
|
9377
|
+
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)}");
|
9374
9378
|
}
|
9375
9379
|
|
9376
9380
|
// (56:4) {#if svg}
|
@@ -9474,7 +9478,7 @@ function create_fragment$7(ctx) {
|
|
9474
9478
|
this.h();
|
9475
9479
|
},
|
9476
9480
|
h() {
|
9477
|
-
attr(div, "class", "icon svelte-
|
9481
|
+
attr(div, "class", "icon svelte-1mkvcuo");
|
9478
9482
|
},
|
9479
9483
|
m(target, anchor) {
|
9480
9484
|
insert_hydration(target, div, anchor);
|
@@ -9583,7 +9587,7 @@ class IconElement extends SvelteComponent {
|
|
9583
9587
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
9584
9588
|
|
9585
9589
|
function add_css$5(target) {
|
9586
|
-
append_styles(target, "svelte-
|
9590
|
+
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
9587
9591
|
}
|
9588
9592
|
|
9589
9593
|
function create_fragment$6(ctx) {
|
@@ -9619,7 +9623,7 @@ function create_fragment$6(ctx) {
|
|
9619
9623
|
this.h();
|
9620
9624
|
},
|
9621
9625
|
h() {
|
9622
|
-
attr(div, "class", "codeElement svelte-
|
9626
|
+
attr(div, "class", "codeElement svelte-ymsb9l");
|
9623
9627
|
attr(div, "style", /*style*/ ctx[3]);
|
9624
9628
|
},
|
9625
9629
|
m(target, anchor) {
|
@@ -9708,7 +9712,7 @@ class CodeElement extends SvelteComponent {
|
|
9708
9712
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
9709
9713
|
|
9710
9714
|
function add_css$4(target) {
|
9711
|
-
append_styles(target, "svelte-
|
9715
|
+
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
9712
9716
|
}
|
9713
9717
|
|
9714
9718
|
function create_fragment$5(ctx) {
|
@@ -9732,7 +9736,7 @@ function create_fragment$5(ctx) {
|
|
9732
9736
|
this.h();
|
9733
9737
|
},
|
9734
9738
|
h() {
|
9735
|
-
attr(div, "class", "flex svelte-
|
9739
|
+
attr(div, "class", "flex svelte-1e71ejc");
|
9736
9740
|
attr(div, "style", div_style_value = "width:" + /*width*/ ctx[1] + "; height:" + /*height*/ ctx[2] + "; flex-direction:" + /*direction*/ ctx[0] + "; " + /*_style*/ ctx[3]);
|
9737
9741
|
},
|
9738
9742
|
m(target, anchor) {
|
@@ -9829,7 +9833,7 @@ class Flex extends SvelteComponent {
|
|
9829
9833
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
9830
9834
|
|
9831
9835
|
function add_css$3(target) {
|
9832
|
-
append_styles(target, "svelte-
|
9836
|
+
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
9833
9837
|
}
|
9834
9838
|
|
9835
9839
|
function create_fragment$4(ctx) {
|
@@ -9852,7 +9856,7 @@ function create_fragment$4(ctx) {
|
|
9852
9856
|
this.h();
|
9853
9857
|
},
|
9854
9858
|
h() {
|
9855
|
-
attr(div, "class", "flex-item svelte-
|
9859
|
+
attr(div, "class", "flex-item svelte-1p0bk1x");
|
9856
9860
|
attr(div, "style", /*style*/ ctx[0]);
|
9857
9861
|
},
|
9858
9862
|
m(target, anchor) {
|
@@ -10272,7 +10276,7 @@ class GridModalState extends SvelteComponent {
|
|
10272
10276
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
10273
10277
|
|
10274
10278
|
function add_css$2(target) {
|
10275
|
-
append_styles(target, "svelte-
|
10279
|
+
append_styles(target, "svelte-11rpuv5", ".text-block.svelte-11rpuv5.svelte-11rpuv5{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:auto}.text-block-inner.svelte-11rpuv5.svelte-11rpuv5{width:100%;height:auto}.text-direction-vertical.svelte-11rpuv5.svelte-11rpuv5{writing-mode:vertical-rl}.text-direction-vertical.svelte-11rpuv5 .text-block-inner.svelte-11rpuv5{width:auto;height:100%}");
|
10276
10280
|
}
|
10277
10281
|
|
10278
10282
|
function create_fragment$2(ctx) {
|
@@ -10301,8 +10305,8 @@ function create_fragment$2(ctx) {
|
|
10301
10305
|
this.h();
|
10302
10306
|
},
|
10303
10307
|
h() {
|
10304
|
-
attr(div0, "class", "text-block-inner svelte-
|
10305
|
-
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
10308
|
+
attr(div0, "class", "text-block-inner svelte-11rpuv5");
|
10309
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"));
|
10306
10310
|
attr(div1, "style", /*style*/ ctx[2]);
|
10307
10311
|
},
|
10308
10312
|
m(target, anchor) {
|
@@ -10316,7 +10320,7 @@ function create_fragment$2(ctx) {
|
|
10316
10320
|
if (dirty & /*text*/ 1) rendertext_changes.text = /*text*/ ctx[0];
|
10317
10321
|
rendertext.$set(rendertext_changes);
|
10318
10322
|
|
10319
|
-
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-
|
10323
|
+
if (!current || dirty & /*textDirection*/ 2 && div1_class_value !== (div1_class_value = "" + (null_to_empty(`text-block text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-11rpuv5"))) {
|
10320
10324
|
attr(div1, "class", div1_class_value);
|
10321
10325
|
}
|
10322
10326
|
|
@@ -10394,7 +10398,7 @@ class TextBlock extends SvelteComponent {
|
|
10394
10398
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
10395
10399
|
|
10396
10400
|
function add_css$1(target) {
|
10397
|
-
append_styles(target, "svelte-
|
10401
|
+
append_styles(target, "svelte-1t5i3za", ".text-button-block.svelte-1t5i3za{width:100%;height:100%}.text-button.svelte-1t5i3za{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s}.text-button.svelte-1t5i3za:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-1t5i3za:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
10398
10402
|
}
|
10399
10403
|
|
10400
10404
|
function create_fragment$1(ctx) {
|
@@ -10424,9 +10428,9 @@ function create_fragment$1(ctx) {
|
|
10424
10428
|
this.h();
|
10425
10429
|
},
|
10426
10430
|
h() {
|
10427
|
-
attr(button, "class", "text-button svelte-
|
10431
|
+
attr(button, "class", "text-button svelte-1t5i3za");
|
10428
10432
|
attr(button, "style", /*_buttonStyle*/ ctx[1]);
|
10429
|
-
attr(div, "class", "text-button-block svelte-
|
10433
|
+
attr(div, "class", "text-button-block svelte-1t5i3za");
|
10430
10434
|
attr(div, "style", /*_style*/ ctx[2]);
|
10431
10435
|
},
|
10432
10436
|
m(target, anchor) {
|
@@ -10532,12 +10536,13 @@ class TextButtonBlock extends SvelteComponent {
|
|
10532
10536
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
10533
10537
|
|
10534
10538
|
function add_css(target) {
|
10535
|
-
append_styles(target, "svelte-
|
10539
|
+
append_styles(target, "svelte-1um32br", ".image-block.svelte-1um32br{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}.image.svelte-1um32br{width:100%;height:100%}.transport.svelte-1um32br:hover,.transport.svelte-1um32br:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
|
10536
10540
|
}
|
10537
10541
|
|
10538
10542
|
function create_fragment(ctx) {
|
10539
10543
|
let div;
|
10540
10544
|
let img;
|
10545
|
+
let img_style_value;
|
10541
10546
|
let img_src_value;
|
10542
10547
|
let div_class_value;
|
10543
10548
|
let mounted;
|
@@ -10567,28 +10572,28 @@ function create_fragment(ctx) {
|
|
10567
10572
|
this.h();
|
10568
10573
|
},
|
10569
10574
|
h() {
|
10570
|
-
attr(img, "class", "image svelte-
|
10575
|
+
attr(img, "class", "image svelte-1um32br");
|
10571
10576
|
attr(img, "loading", "lazy");
|
10572
10577
|
attr(img, "width", "auto");
|
10573
10578
|
attr(img, "height", "auto");
|
10574
|
-
attr(img, "style", /*_imageStyle*/ ctx[3]);
|
10579
|
+
attr(img, "style", img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`);
|
10575
10580
|
if (!src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) attr(img, "src", img_src_value);
|
10576
10581
|
attr(img, "alt", /*alt*/ ctx[1]);
|
10577
|
-
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
10578
|
-
attr(div, "style", /*_style*/ ctx[
|
10582
|
+
attr(div, "class", div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"));
|
10583
|
+
attr(div, "style", /*_style*/ ctx[5]);
|
10579
10584
|
},
|
10580
10585
|
m(target, anchor) {
|
10581
10586
|
insert_hydration(target, div, anchor);
|
10582
10587
|
append_hydration(div, img);
|
10583
10588
|
|
10584
10589
|
if (!mounted) {
|
10585
|
-
dispose = listen(div, "click", /*click*/ ctx[
|
10590
|
+
dispose = listen(div, "click", /*click*/ ctx[6]);
|
10586
10591
|
mounted = true;
|
10587
10592
|
}
|
10588
10593
|
},
|
10589
10594
|
p(ctx, [dirty]) {
|
10590
|
-
if (dirty & /*_imageStyle*/
|
10591
|
-
attr(img, "style",
|
10595
|
+
if (dirty & /*_imageStyle, objectFit*/ 24 && img_style_value !== (img_style_value = `${/*_imageStyle*/ ctx[4]} object-fit: ${/*objectFit*/ ctx[3]};`)) {
|
10596
|
+
attr(img, "style", img_style_value);
|
10592
10597
|
}
|
10593
10598
|
|
10594
10599
|
if (dirty & /*src*/ 1 && !src_url_equal(img.src, img_src_value = /*src*/ ctx[0])) {
|
@@ -10599,12 +10604,12 @@ function create_fragment(ctx) {
|
|
10599
10604
|
attr(img, "alt", /*alt*/ ctx[1]);
|
10600
10605
|
}
|
10601
10606
|
|
10602
|
-
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-
|
10607
|
+
if (dirty & /*transport*/ 4 && div_class_value !== (div_class_value = "" + (null_to_empty('image-block' + (/*transport*/ ctx[2] ? ' transport' : '')) + " svelte-1um32br"))) {
|
10603
10608
|
attr(div, "class", div_class_value);
|
10604
10609
|
}
|
10605
10610
|
|
10606
|
-
if (dirty & /*_style*/
|
10607
|
-
attr(div, "style", /*_style*/ ctx[
|
10611
|
+
if (dirty & /*_style*/ 32) {
|
10612
|
+
attr(div, "style", /*_style*/ ctx[5]);
|
10608
10613
|
}
|
10609
10614
|
},
|
10610
10615
|
i: noop,
|
@@ -10621,6 +10626,7 @@ function instance($$self, $$props, $$invalidate) {
|
|
10621
10626
|
let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
|
10622
10627
|
let { alt = 'No Image' } = $$props;
|
10623
10628
|
let { transport = false } = $$props;
|
10629
|
+
let { objectFit = 'contain' } = $$props;
|
10624
10630
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
10625
10631
|
|
10626
10632
|
const click = () => {
|
@@ -10632,20 +10638,21 @@ function instance($$self, $$props, $$invalidate) {
|
|
10632
10638
|
};
|
10633
10639
|
|
10634
10640
|
let { eventName = '' } = $$props;
|
10635
|
-
let { _imageStyle = '
|
10641
|
+
let { _imageStyle = '' } = $$props;
|
10636
10642
|
let { _style = '' } = $$props;
|
10637
10643
|
|
10638
10644
|
$$self.$$set = $$props => {
|
10639
10645
|
if ('src' in $$props) $$invalidate(0, src = $$props.src);
|
10640
10646
|
if ('alt' in $$props) $$invalidate(1, alt = $$props.alt);
|
10641
10647
|
if ('transport' in $$props) $$invalidate(2, transport = $$props.transport);
|
10642
|
-
if ('
|
10643
|
-
if ('
|
10644
|
-
if ('
|
10645
|
-
if ('
|
10648
|
+
if ('objectFit' in $$props) $$invalidate(3, objectFit = $$props.objectFit);
|
10649
|
+
if ('onClick' in $$props) $$invalidate(7, onClick = $$props.onClick);
|
10650
|
+
if ('eventName' in $$props) $$invalidate(8, eventName = $$props.eventName);
|
10651
|
+
if ('_imageStyle' in $$props) $$invalidate(4, _imageStyle = $$props._imageStyle);
|
10652
|
+
if ('_style' in $$props) $$invalidate(5, _style = $$props._style);
|
10646
10653
|
};
|
10647
10654
|
|
10648
|
-
return [src, alt, transport, _imageStyle, _style, click, onClick, eventName];
|
10655
|
+
return [src, alt, transport, objectFit, _imageStyle, _style, click, onClick, eventName];
|
10649
10656
|
}
|
10650
10657
|
|
10651
10658
|
class ImageBlock extends SvelteComponent {
|
@@ -10662,10 +10669,11 @@ class ImageBlock extends SvelteComponent {
|
|
10662
10669
|
src: 0,
|
10663
10670
|
alt: 1,
|
10664
10671
|
transport: 2,
|
10665
|
-
|
10666
|
-
|
10667
|
-
|
10668
|
-
|
10672
|
+
objectFit: 3,
|
10673
|
+
onClick: 7,
|
10674
|
+
eventName: 8,
|
10675
|
+
_imageStyle: 4,
|
10676
|
+
_style: 5
|
10669
10677
|
},
|
10670
10678
|
add_css
|
10671
10679
|
);
|