@plaidev/karte-action-sdk 1.1.189 → 1.1.191-28155162.a21279ac
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hydrate/index.es.d.ts +6 -6
- package/dist/hydrate/index.es.js +174 -166
- package/dist/index.es.d.ts +6 -6
- package/dist/index.es.js +177 -171
- 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) {
|
|
@@ -4020,7 +4020,7 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
|
4020
4020
|
let { clickEventValue = null } = $$props;
|
|
4021
4021
|
let { placement = DefaultModalPlacement } = $$props;
|
|
4022
4022
|
let { animation = 'none' } = $$props;
|
|
4023
|
-
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
|
4023
|
+
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
|
|
4024
4024
|
let { elasticity = 'none' } = $$props;
|
|
4025
4025
|
let { onClose = { operation: 'closeApp', args: ['button'] } } = $$props;
|
|
4026
4026
|
let { closeEventName = '' } = $$props;
|
|
@@ -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-13kv866", ".text-element-wrapper.svelte-13kv866.svelte-13kv866{position:relative;height:100%}.text-element.svelte-13kv866.svelte-13kv866{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}.text-link-element.svelte-13kv866.svelte-13kv866{text-decoration:none;color:inherit}.text-element-inner.svelte-13kv866.svelte-13kv866{width:100%;height:auto}.text-direction-vertical.svelte-13kv866.svelte-13kv866{writing-mode:vertical-rl}.text-direction-vertical.svelte-13kv866 .text-element-inner.svelte-13kv866{width:auto;height:100%}.tooltip.svelte-13kv866.svelte-13kv866{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-13kv866.svelte-13kv866:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-13kv866.svelte-13kv866{display:block}.tooltip-error.svelte-13kv866.svelte-13kv866{background-color:#c00}.tooltip-error.svelte-13kv866.svelte-13kv866: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-13kv866");
|
|
4725
|
+
attr(div1, "class", div1_class_value = "" + (null_to_empty(`text-element text-direction-${/*textDirection*/ ctx[1]}`) + " svelte-13kv866"));
|
|
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-13kv866"))) {
|
|
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-13kv866");
|
|
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-13kv866"));
|
|
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-13kv866");
|
|
4819
|
+
attr(div2, "class", "tooltip tooltip-error svelte-13kv866");
|
|
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-13kv866"))) {
|
|
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-13kv866");
|
|
4908
4908
|
},
|
|
4909
4909
|
m(target, anchor) {
|
|
4910
4910
|
insert_hydration(target, div, anchor);
|
|
@@ -4960,7 +4960,7 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
|
4960
4960
|
let { font = SYSTEM_FONT } = $$props;
|
|
4961
4961
|
let { _textStyle = 'font-size:12px; line-height: 1.5;' } = $$props;
|
|
4962
4962
|
let { textDirection = 'horizontal' } = $$props;
|
|
4963
|
-
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
|
4963
|
+
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
|
|
4964
4964
|
let { enableCopy = false } = $$props;
|
|
4965
4965
|
let { eventName = '' } = $$props;
|
|
4966
4966
|
let eventValue = undefined;
|
|
@@ -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 = '
|
|
5366
|
-
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
|
5367
|
+
let { _imageStyle = '' } = $$props;
|
|
5368
|
+
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$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) {
|
|
@@ -5699,7 +5703,7 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
|
5699
5703
|
|
|
5700
5704
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
5701
5705
|
let { clickEventName = '' } = $$props;
|
|
5702
|
-
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
|
5706
|
+
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
|
|
5703
5707
|
|
|
5704
5708
|
onDestroy$1(() => {
|
|
5705
5709
|
unregisterItem(id);
|
|
@@ -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) {
|
|
@@ -5812,7 +5816,7 @@ function create_fragment$k(ctx) {
|
|
|
5812
5816
|
|
|
5813
5817
|
function instance$k($$self, $$props, $$invalidate) {
|
|
5814
5818
|
let { code } = $$props;
|
|
5815
|
-
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
|
5819
|
+
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
|
|
5816
5820
|
|
|
5817
5821
|
$$self.$$set = $$props => {
|
|
5818
5822
|
if ('code' in $$props) $$invalidate(0, code = $$props.code);
|
|
@@ -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) {
|
|
@@ -5914,7 +5918,7 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
|
5914
5918
|
let { start = -1 } = $$props;
|
|
5915
5919
|
let { widget_referrer = '' } = $$props;
|
|
5916
5920
|
let { mute = false } = $$props;
|
|
5917
|
-
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
|
5921
|
+
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
|
|
5918
5922
|
|
|
5919
5923
|
// @ts-ignore
|
|
5920
5924
|
if (!window.YT) {
|
|
@@ -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) {
|
|
@@ -6250,7 +6254,7 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
|
6250
6254
|
let { autoplay = false } = $$props;
|
|
6251
6255
|
let { loop = false } = $$props;
|
|
6252
6256
|
let { mute = false } = $$props;
|
|
6253
|
-
let { _style = "border-width: 0px; border-style: solid; border-color: #000000;" } = $$props;
|
|
6257
|
+
let { _style = "border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;" } = $$props;
|
|
6254
6258
|
|
|
6255
6259
|
// @ts-ignore
|
|
6256
6260
|
if (!window.Vimeo) {
|
|
@@ -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) {
|
|
@@ -9033,7 +9037,7 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
|
9033
9037
|
unregisterItem(id);
|
|
9034
9038
|
});
|
|
9035
9039
|
|
|
9036
|
-
let { _style = 'cursor: default; border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
|
9040
|
+
let { _style = 'cursor: default; border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
|
|
9037
9041
|
let itemWidth = null;
|
|
9038
9042
|
let itemTransform = 0;
|
|
9039
9043
|
|
|
@@ -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);
|
|
@@ -9167,7 +9171,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
|
9167
9171
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
9168
9172
|
let { timeLimit = '2023/12/31 23:59:59' } = $$props;
|
|
9169
9173
|
let { stateOnEnd } = $$props;
|
|
9170
|
-
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
|
9174
|
+
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
|
|
9171
9175
|
let remainingTime;
|
|
9172
9176
|
|
|
9173
9177
|
function onEachSecond() {
|
|
@@ -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);
|
|
@@ -9348,7 +9352,7 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
|
9348
9352
|
let { $$slots: slots = {}, $$scope } = $$props;
|
|
9349
9353
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
|
9350
9354
|
let { eventName = '' } = $$props;
|
|
9351
|
-
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000;' } = $$props;
|
|
9355
|
+
let { _style = 'border-width: 0px; border-style: solid; border-color: #000000; overflow: hidden;' } = $$props;
|
|
9352
9356
|
|
|
9353
9357
|
$$self.$$set = $$props => {
|
|
9354
9358
|
if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
|
|
@@ -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);
|
|
@@ -9525,7 +9529,7 @@ function instance$7($$self, $$props, $$invalidate) {
|
|
|
9525
9529
|
let { eventName = '' } = $$props;
|
|
9526
9530
|
let { size = '20px' } = $$props;
|
|
9527
9531
|
let { color = 'rgba(0, 16, 14, 0.8)' } = $$props;
|
|
9528
|
-
let { _style = '' } = $$props;
|
|
9532
|
+
let { _style = 'overflow: hidden;' } = $$props;
|
|
9529
9533
|
|
|
9530
9534
|
$$self.$$set = $$props => {
|
|
9531
9535
|
if ('icon' in $$props) $$invalidate(4, icon = $$props.icon);
|
|
@@ -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
|
|
|
@@ -10346,7 +10350,7 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
|
10346
10350
|
let { font = SYSTEM_FONT } = $$props;
|
|
10347
10351
|
let { _textStyle = 'font-size:12px; line-height:1.5;' } = $$props;
|
|
10348
10352
|
let { textDirection = 'horizontal' } = $$props;
|
|
10349
|
-
let { _style = '' } = $$props;
|
|
10353
|
+
let { _style = 'overflow: hidden;' } = $$props;
|
|
10350
10354
|
|
|
10351
10355
|
$$self.$$set = $$props => {
|
|
10352
10356
|
if ('text' in $$props) $$invalidate(0, text = $$props.text);
|
|
@@ -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 = '
|
|
10636
|
-
let { _style = '' } = $$props;
|
|
10641
|
+
let { _imageStyle = '' } = $$props;
|
|
10642
|
+
let { _style = 'overflow: hidden;' } = $$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
|
);
|