@plaidev/karte-action-sdk 1.1.262-29008967.165cd23d → 1.1.262-29016950.d6ccaa08
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 +145 -104
- package/dist/hydrate/index.es.js +1159 -534
- package/dist/index.es.d.ts +145 -104
- package/dist/index.es.js +1111 -530
- package/dist/templates.cjs.js +3 -0
- package/dist/templates.js +3 -0
- package/package.json +1 -1
package/dist/hydrate/index.es.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { writable, get } from 'svelte/store';
|
2
2
|
import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, getContext, setContext, createEventDispatcher } from 'svelte';
|
3
|
-
import { SvelteComponent, init, safe_not_equal,
|
3
|
+
import { SvelteComponent, init, safe_not_equal, empty, head_selector, detach, append_hydration, noop, component_subscribe, element, claim_element, attr, insert_hydration, create_slot, create_component, space, claim_component, claim_space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, group_outros, check_outros, children, null_to_empty, listen, assign, set_attributes, toggle_class, get_spread_update, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, destroy_each, text, claim_text, set_data, src_url_equal, set_store_value, run_all, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe, set_custom_element_data_map } from 'svelte/internal';
|
4
4
|
import 'svelte/easing';
|
5
5
|
|
6
6
|
var sdk = /*#__PURE__*/Object.freeze({
|
@@ -26,7 +26,7 @@ var sdk = /*#__PURE__*/Object.freeze({
|
|
26
26
|
get BUTTON_TEXT_SIZE_STYLES () { return BUTTON_TEXT_SIZE_STYLES; },
|
27
27
|
get BUTTON_TEXT_THEME () { return BUTTON_TEXT_THEME; },
|
28
28
|
get BUTTON_THEME () { return BUTTON_THEME; },
|
29
|
-
get
|
29
|
+
get BUTTON_VARIANT () { return BUTTON_VARIANT; },
|
30
30
|
get BUTTON_WRAP_STYLES () { return BUTTON_WRAP_STYLES; },
|
31
31
|
get BackgroundSizes () { return BackgroundSizes; },
|
32
32
|
get Box () { return Box; },
|
@@ -59,13 +59,17 @@ var sdk = /*#__PURE__*/Object.freeze({
|
|
59
59
|
get EmbedElement () { return EmbedElement; },
|
60
60
|
get FONT_FAMILY_VARIANT () { return FONT_FAMILY_VARIANT; },
|
61
61
|
get FONT_FAMILY_VARIANTS () { return FONT_FAMILY_VARIANTS; },
|
62
|
+
get FONT_FAMILY_VARIANT_GROUPS () { return FONT_FAMILY_VARIANT_GROUPS; },
|
62
63
|
get Flex () { return Flex; },
|
63
64
|
get FlexAvatar () { return Avatar; },
|
64
65
|
get FlexButton () { return Button; },
|
65
66
|
get FlexButtonOutlined () { return ButtonOutlined; },
|
66
67
|
get FlexButtonText () { return ButtonText; },
|
68
|
+
get FlexClipCopy () { return ClipCopy; },
|
67
69
|
get FlexCloseButton () { return CloseButton; },
|
68
70
|
get FlexCode () { return Code; },
|
71
|
+
get FlexCountDown () { return CountDown; },
|
72
|
+
get FlexCountDownValue () { return CountDownValue; },
|
69
73
|
get FlexDirections () { return FlexDirections; },
|
70
74
|
get FlexIcon () { return Icon; },
|
71
75
|
get FlexImage () { return Image; },
|
@@ -469,7 +473,7 @@ function makeGoogleFontUrl(fonts, texts) {
|
|
469
473
|
if (texts) {
|
470
474
|
texts.forEach(text => params.push(`text=${text}`));
|
471
475
|
}
|
472
|
-
fonts.forEach(font => params.push(`family=${font.replace(/['"]/g, '').replace(/ /g, '+')}`));
|
476
|
+
fonts.forEach(font => params.push(`family=${font.replace(/['"]/g, '').replace(/ /g, '+')}:wght@400;700`));
|
473
477
|
return `https://fonts.googleapis.com/css2?${params.join('&')}`;
|
474
478
|
}
|
475
479
|
/**
|
@@ -1106,10 +1110,18 @@ const addFont = (font) => {
|
|
1106
1110
|
if (font === SYSTEM_FONT) {
|
1107
1111
|
return;
|
1108
1112
|
}
|
1113
|
+
const SYSTEM_FONTS = SYSTEM_FONT.split(',').map(v => v.trim());
|
1114
|
+
const _fonts = font.split(', ');
|
1109
1115
|
fonts.update(current => {
|
1110
|
-
|
1111
|
-
|
1112
|
-
|
1116
|
+
_fonts.forEach(_f => {
|
1117
|
+
const name = _f.replace(/["']/g, '');
|
1118
|
+
if (SYSTEM_FONTS.some(v => v === name)) {
|
1119
|
+
return;
|
1120
|
+
}
|
1121
|
+
if (!current.includes(name)) {
|
1122
|
+
current.push(name);
|
1123
|
+
}
|
1124
|
+
});
|
1113
1125
|
return current;
|
1114
1126
|
});
|
1115
1127
|
};
|
@@ -3111,24 +3123,24 @@ function create_if_block$h(ctx) {
|
|
3111
3123
|
};
|
3112
3124
|
}
|
3113
3125
|
|
3114
|
-
function create_fragment$
|
3115
|
-
let
|
3126
|
+
function create_fragment$1s(ctx) {
|
3127
|
+
let if_block_anchor;
|
3116
3128
|
let if_block = /*googleFontUrl*/ ctx[0] && create_if_block$h(ctx);
|
3117
3129
|
|
3118
3130
|
return {
|
3119
3131
|
c() {
|
3120
|
-
head = element("head");
|
3121
3132
|
if (if_block) if_block.c();
|
3133
|
+
if_block_anchor = empty();
|
3122
3134
|
},
|
3123
3135
|
l(nodes) {
|
3124
|
-
|
3125
|
-
var head_nodes = children(head);
|
3136
|
+
const head_nodes = head_selector('svelte-16cot5i', document.head);
|
3126
3137
|
if (if_block) if_block.l(head_nodes);
|
3138
|
+
if_block_anchor = empty();
|
3127
3139
|
head_nodes.forEach(detach);
|
3128
3140
|
},
|
3129
3141
|
m(target, anchor) {
|
3130
|
-
|
3131
|
-
|
3142
|
+
if (if_block) if_block.m(document.head, null);
|
3143
|
+
append_hydration(document.head, if_block_anchor);
|
3132
3144
|
},
|
3133
3145
|
p(ctx, [dirty]) {
|
3134
3146
|
if (/*googleFontUrl*/ ctx[0]) {
|
@@ -3137,7 +3149,7 @@ function create_fragment$1p(ctx) {
|
|
3137
3149
|
} else {
|
3138
3150
|
if_block = create_if_block$h(ctx);
|
3139
3151
|
if_block.c();
|
3140
|
-
if_block.m(
|
3152
|
+
if_block.m(if_block_anchor.parentNode, if_block_anchor);
|
3141
3153
|
}
|
3142
3154
|
} else if (if_block) {
|
3143
3155
|
if_block.d(1);
|
@@ -3147,13 +3159,13 @@ function create_fragment$1p(ctx) {
|
|
3147
3159
|
i: noop,
|
3148
3160
|
o: noop,
|
3149
3161
|
d(detaching) {
|
3150
|
-
if (
|
3151
|
-
|
3162
|
+
if (if_block) if_block.d(detaching);
|
3163
|
+
detach(if_block_anchor);
|
3152
3164
|
}
|
3153
3165
|
};
|
3154
3166
|
}
|
3155
3167
|
|
3156
|
-
function instance$
|
3168
|
+
function instance$1s($$self, $$props, $$invalidate) {
|
3157
3169
|
let $fonts;
|
3158
3170
|
component_subscribe($$self, fonts, $$value => $$invalidate(1, $fonts = $$value));
|
3159
3171
|
let googleFontUrl = '';
|
@@ -3183,7 +3195,7 @@ function instance$1p($$self, $$props, $$invalidate) {
|
|
3183
3195
|
class Header extends SvelteComponent {
|
3184
3196
|
constructor(options) {
|
3185
3197
|
super();
|
3186
|
-
init(this, options, instance$
|
3198
|
+
init(this, options, instance$1s, create_fragment$1s, safe_not_equal, {});
|
3187
3199
|
}
|
3188
3200
|
}
|
3189
3201
|
|
@@ -3221,7 +3233,7 @@ const useBrandKit = () => {
|
|
3221
3233
|
|
3222
3234
|
/* src/components/State.svelte generated by Svelte v3.53.1 */
|
3223
3235
|
|
3224
|
-
function create_fragment$
|
3236
|
+
function create_fragment$1r(ctx) {
|
3225
3237
|
let header;
|
3226
3238
|
let t;
|
3227
3239
|
let current;
|
@@ -3285,7 +3297,7 @@ function create_fragment$1o(ctx) {
|
|
3285
3297
|
};
|
3286
3298
|
}
|
3287
3299
|
|
3288
|
-
function instance$
|
3300
|
+
function instance$1r($$self, $$props, $$invalidate) {
|
3289
3301
|
let { $$slots: slots = {}, $$scope } = $$props;
|
3290
3302
|
let { customBrandKit = undefined } = $$props;
|
3291
3303
|
setContext('brandKit', getBrandKit(customBrandKit));
|
@@ -3301,13 +3313,13 @@ function instance$1o($$self, $$props, $$invalidate) {
|
|
3301
3313
|
class State extends SvelteComponent {
|
3302
3314
|
constructor(options) {
|
3303
3315
|
super();
|
3304
|
-
init(this, options, instance$
|
3316
|
+
init(this, options, instance$1r, create_fragment$1r, safe_not_equal, { customBrandKit: 0 });
|
3305
3317
|
}
|
3306
3318
|
}
|
3307
3319
|
|
3308
3320
|
/* src/components/StateItem.svelte generated by Svelte v3.53.1 */
|
3309
3321
|
|
3310
|
-
function add_css$
|
3322
|
+
function add_css$S(target) {
|
3311
3323
|
append_styles(target, "svelte-2qb6dm", ".state-item.svelte-2qb6dm{position:absolute;display:none}");
|
3312
3324
|
}
|
3313
3325
|
|
@@ -3384,7 +3396,7 @@ function create_if_block$g(ctx) {
|
|
3384
3396
|
};
|
3385
3397
|
}
|
3386
3398
|
|
3387
|
-
function create_fragment$
|
3399
|
+
function create_fragment$1q(ctx) {
|
3388
3400
|
let if_block_anchor;
|
3389
3401
|
let current;
|
3390
3402
|
let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$g(ctx);
|
@@ -3449,7 +3461,7 @@ function getStateItemContext() {
|
|
3449
3461
|
return getContext(STATE_ITEM_CONTEXT_KEY);
|
3450
3462
|
}
|
3451
3463
|
|
3452
|
-
function instance$
|
3464
|
+
function instance$1q($$self, $$props, $$invalidate) {
|
3453
3465
|
let $state;
|
3454
3466
|
component_subscribe($$self, state, $$value => $$invalidate(1, $state = $$value));
|
3455
3467
|
let { $$slots: slots = {}, $$scope } = $$props;
|
@@ -3475,7 +3487,7 @@ function instance$1n($$self, $$props, $$invalidate) {
|
|
3475
3487
|
class StateItem extends SvelteComponent {
|
3476
3488
|
constructor(options) {
|
3477
3489
|
super();
|
3478
|
-
init(this, options, instance$
|
3490
|
+
init(this, options, instance$1q, create_fragment$1q, safe_not_equal, { path: 0 }, add_css$S);
|
3479
3491
|
}
|
3480
3492
|
}
|
3481
3493
|
|
@@ -3601,7 +3613,7 @@ function customAnimation(node, { transforms, animationStyle, delay = 0, duration
|
|
3601
3613
|
|
3602
3614
|
/* src/components/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
3603
3615
|
|
3604
|
-
function add_css$
|
3616
|
+
function add_css$R(target) {
|
3605
3617
|
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}");
|
3606
3618
|
}
|
3607
3619
|
|
@@ -3646,7 +3658,7 @@ function create_if_block$f(ctx) {
|
|
3646
3658
|
};
|
3647
3659
|
}
|
3648
3660
|
|
3649
|
-
function create_fragment$
|
3661
|
+
function create_fragment$1p(ctx) {
|
3650
3662
|
let if_block_anchor;
|
3651
3663
|
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$f(ctx);
|
3652
3664
|
|
@@ -3686,7 +3698,7 @@ function create_fragment$1m(ctx) {
|
|
3686
3698
|
};
|
3687
3699
|
}
|
3688
3700
|
|
3689
|
-
function instance$
|
3701
|
+
function instance$1p($$self, $$props, $$invalidate) {
|
3690
3702
|
let { backgroundOverlay = false } = $$props;
|
3691
3703
|
let { class: className = undefined } = $$props;
|
3692
3704
|
const dispatch = createEventDispatcher();
|
@@ -3703,7 +3715,7 @@ function instance$1m($$self, $$props, $$invalidate) {
|
|
3703
3715
|
let BackgroundOverlay$1 = class BackgroundOverlay extends SvelteComponent {
|
3704
3716
|
constructor(options) {
|
3705
3717
|
super();
|
3706
|
-
init(this, options, instance$
|
3718
|
+
init(this, options, instance$1p, create_fragment$1p, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$R);
|
3707
3719
|
}
|
3708
3720
|
};
|
3709
3721
|
|
@@ -3743,7 +3755,7 @@ function checkStopPropagation(eventName, handler) {
|
|
3743
3755
|
|
3744
3756
|
/* src/components/Button.svelte generated by Svelte v3.53.1 */
|
3745
3757
|
|
3746
|
-
function add_css$
|
3758
|
+
function add_css$Q(target) {
|
3747
3759
|
append_styles(target, "svelte-15k4deh", ".button.svelte-15k4deh{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-15k4deh:link,.button.svelte-15k4deh:visited,.button.svelte-15k4deh:active,.button.svelte-15k4deh:hover{color:inherit}");
|
3748
3760
|
}
|
3749
3761
|
|
@@ -4094,7 +4106,7 @@ function create_if_block$e(ctx) {
|
|
4094
4106
|
};
|
4095
4107
|
}
|
4096
4108
|
|
4097
|
-
function create_fragment$
|
4109
|
+
function create_fragment$1o(ctx) {
|
4098
4110
|
let current_block_type_index;
|
4099
4111
|
let if_block;
|
4100
4112
|
let if_block_anchor;
|
@@ -4171,7 +4183,7 @@ function create_fragment$1l(ctx) {
|
|
4171
4183
|
|
4172
4184
|
const BUTTON_CLASS = 'button';
|
4173
4185
|
|
4174
|
-
function instance$
|
4186
|
+
function instance$1o($$self, $$props, $$invalidate) {
|
4175
4187
|
let disabled;
|
4176
4188
|
let $valuesAreValid;
|
4177
4189
|
let { $$slots: slots = {}, $$scope } = $$props;
|
@@ -4241,8 +4253,8 @@ let Button$1 = class Button extends SvelteComponent {
|
|
4241
4253
|
init(
|
4242
4254
|
this,
|
4243
4255
|
options,
|
4244
|
-
instance$
|
4245
|
-
create_fragment$
|
4256
|
+
instance$1o,
|
4257
|
+
create_fragment$1o,
|
4246
4258
|
safe_not_equal,
|
4247
4259
|
{
|
4248
4260
|
onClick: 0,
|
@@ -4251,14 +4263,14 @@ let Button$1 = class Button extends SvelteComponent {
|
|
4251
4263
|
style: 1,
|
4252
4264
|
isModalCloseButton: 7
|
4253
4265
|
},
|
4254
|
-
add_css$
|
4266
|
+
add_css$Q
|
4255
4267
|
);
|
4256
4268
|
}
|
4257
4269
|
};
|
4258
4270
|
|
4259
4271
|
/* src/components/Modal.svelte generated by Svelte v3.53.1 */
|
4260
4272
|
|
4261
|
-
function add_css$
|
4273
|
+
function add_css$P(target) {
|
4262
4274
|
append_styles(target, "svelte-1ijkyzl", ".modal.svelte-1ijkyzl{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-1ijkyzl > .button{flex:auto;display:flex}.close.svelte-1ijkyzl{position:absolute;top:0;right:0}.close.svelte-1ijkyzl > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-1ijkyzl > .button:hover{transform:rotate(90deg)}.modal-content.svelte-1ijkyzl{flex:auto;display:flex;justify-content:center;align-items:center;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}@media screen and (min-width: 641px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-1ijkyzl{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
4263
4275
|
}
|
4264
4276
|
|
@@ -4725,7 +4737,7 @@ function create_default_slot$7(ctx) {
|
|
4725
4737
|
};
|
4726
4738
|
}
|
4727
4739
|
|
4728
|
-
function create_fragment$
|
4740
|
+
function create_fragment$1n(ctx) {
|
4729
4741
|
let show_if;
|
4730
4742
|
let current_block_type_index;
|
4731
4743
|
let if_block0;
|
@@ -4849,7 +4861,7 @@ function create_fragment$1k(ctx) {
|
|
4849
4861
|
};
|
4850
4862
|
}
|
4851
4863
|
|
4852
|
-
function instance$
|
4864
|
+
function instance$1n($$self, $$props, $$invalidate) {
|
4853
4865
|
let close;
|
4854
4866
|
let closable;
|
4855
4867
|
let backgroundClick;
|
@@ -5132,8 +5144,8 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
5132
5144
|
init(
|
5133
5145
|
this,
|
5134
5146
|
options,
|
5135
|
-
instance$
|
5136
|
-
create_fragment$
|
5147
|
+
instance$1n,
|
5148
|
+
create_fragment$1n,
|
5137
5149
|
safe_not_equal,
|
5138
5150
|
{
|
5139
5151
|
onClick: 0,
|
@@ -5151,7 +5163,7 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
5151
5163
|
closeButtonColor: 9,
|
5152
5164
|
_closeStyle: 10
|
5153
5165
|
},
|
5154
|
-
add_css$
|
5166
|
+
add_css$P,
|
5155
5167
|
[-1, -1]
|
5156
5168
|
);
|
5157
5169
|
}
|
@@ -5159,7 +5171,7 @@ let Modal$1 = class Modal extends SvelteComponent {
|
|
5159
5171
|
|
5160
5172
|
/* src/components/Grid.svelte generated by Svelte v3.53.1 */
|
5161
5173
|
|
5162
|
-
function create_fragment$
|
5174
|
+
function create_fragment$1m(ctx) {
|
5163
5175
|
let div;
|
5164
5176
|
let current;
|
5165
5177
|
const default_slot_template = /*#slots*/ ctx[8].default;
|
@@ -5227,7 +5239,7 @@ function create_fragment$1j(ctx) {
|
|
5227
5239
|
};
|
5228
5240
|
}
|
5229
5241
|
|
5230
|
-
function instance$
|
5242
|
+
function instance$1m($$self, $$props, $$invalidate) {
|
5231
5243
|
let _style;
|
5232
5244
|
let { $$slots: slots = {}, $$scope } = $$props;
|
5233
5245
|
let { width = '512px' } = $$props;
|
@@ -5272,7 +5284,7 @@ class Grid extends SvelteComponent {
|
|
5272
5284
|
constructor(options) {
|
5273
5285
|
super();
|
5274
5286
|
|
5275
|
-
init(this, options, instance$
|
5287
|
+
init(this, options, instance$1m, create_fragment$1m, safe_not_equal, {
|
5276
5288
|
width: 1,
|
5277
5289
|
height: 2,
|
5278
5290
|
rows: 3,
|
@@ -5285,11 +5297,11 @@ class Grid extends SvelteComponent {
|
|
5285
5297
|
|
5286
5298
|
/* src/components/GridItem.svelte generated by Svelte v3.53.1 */
|
5287
5299
|
|
5288
|
-
function add_css$
|
5300
|
+
function add_css$O(target) {
|
5289
5301
|
append_styles(target, "svelte-n7kdl3", ".grid-item.svelte-n7kdl3{word-break:break-all;position:relative}.grid-item-inner.svelte-n7kdl3{position:absolute;inset:0}");
|
5290
5302
|
}
|
5291
5303
|
|
5292
|
-
function create_fragment$
|
5304
|
+
function create_fragment$1l(ctx) {
|
5293
5305
|
let div1;
|
5294
5306
|
let div0;
|
5295
5307
|
let current;
|
@@ -5382,7 +5394,7 @@ function create_fragment$1i(ctx) {
|
|
5382
5394
|
|
5383
5395
|
const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
|
5384
5396
|
|
5385
|
-
function instance$
|
5397
|
+
function instance$1l($$self, $$props, $$invalidate) {
|
5386
5398
|
let _style;
|
5387
5399
|
let { $$slots: slots = {}, $$scope } = $$props;
|
5388
5400
|
let { x1 } = $$props;
|
@@ -5431,8 +5443,8 @@ class GridItem extends SvelteComponent {
|
|
5431
5443
|
init(
|
5432
5444
|
this,
|
5433
5445
|
options,
|
5434
|
-
instance$
|
5435
|
-
create_fragment$
|
5446
|
+
instance$1l,
|
5447
|
+
create_fragment$1l,
|
5436
5448
|
safe_not_equal,
|
5437
5449
|
{
|
5438
5450
|
x1: 2,
|
@@ -5443,7 +5455,7 @@ class GridItem extends SvelteComponent {
|
|
5443
5455
|
background: 7,
|
5444
5456
|
gridItemId: 0
|
5445
5457
|
},
|
5446
|
-
add_css$
|
5458
|
+
add_css$O
|
5447
5459
|
);
|
5448
5460
|
}
|
5449
5461
|
}
|
@@ -5549,7 +5561,7 @@ function create_each_block$8(ctx) {
|
|
5549
5561
|
};
|
5550
5562
|
}
|
5551
5563
|
|
5552
|
-
function create_fragment$
|
5564
|
+
function create_fragment$1k(ctx) {
|
5553
5565
|
let each_1_anchor;
|
5554
5566
|
let each_value = /*items*/ ctx[0];
|
5555
5567
|
let each_blocks = [];
|
@@ -5615,7 +5627,7 @@ function create_fragment$1h(ctx) {
|
|
5615
5627
|
|
5616
5628
|
const regexp = /(\r?\n)/;
|
5617
5629
|
|
5618
|
-
function instance$
|
5630
|
+
function instance$1k($$self, $$props, $$invalidate) {
|
5619
5631
|
let items;
|
5620
5632
|
let { text = 'サンプルSample' } = $$props;
|
5621
5633
|
|
@@ -5636,13 +5648,13 @@ function instance$1h($$self, $$props, $$invalidate) {
|
|
5636
5648
|
class RenderText extends SvelteComponent {
|
5637
5649
|
constructor(options) {
|
5638
5650
|
super();
|
5639
|
-
init(this, options, instance$
|
5651
|
+
init(this, options, instance$1k, create_fragment$1k, safe_not_equal, { text: 1 });
|
5640
5652
|
}
|
5641
5653
|
}
|
5642
5654
|
|
5643
5655
|
/* src/components/TextElement.svelte generated by Svelte v3.53.1 */
|
5644
5656
|
|
5645
|
-
function add_css$
|
5657
|
+
function add_css$N(target) {
|
5646
5658
|
append_styles(target, "svelte-9ixs0b", ".text-element-wrapper.svelte-9ixs0b.svelte-9ixs0b{position:relative;height:100%}.text-element.svelte-9ixs0b.svelte-9ixs0b{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;margin:0px;padding:0px;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden;font-size:12px;line-height:1.5}.text-link-element.svelte-9ixs0b.svelte-9ixs0b{text-decoration:none;color:inherit}.text-element-inner.svelte-9ixs0b.svelte-9ixs0b{width:100%;height:auto}.text-direction-vertical.svelte-9ixs0b.svelte-9ixs0b{writing-mode:vertical-rl}.text-direction-vertical.svelte-9ixs0b .text-element-inner.svelte-9ixs0b{width:auto;height:100%}.tooltip.svelte-9ixs0b.svelte-9ixs0b{display:none;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;background-color:#3d4948;white-space:nowrap;padding:4px 8px 4px 8px;border-radius:4px;font-size:12px;z-index:2147483647}.tooltip.svelte-9ixs0b.svelte-9ixs0b:before{content:'';position:absolute;top:-13px;left:50%;margin-left:-7px;border:7px solid transparent;border-bottom:7px solid #3d4948}.tooltip.show.svelte-9ixs0b.svelte-9ixs0b{display:block}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b{background-color:#c00}.tooltip-error.svelte-9ixs0b.svelte-9ixs0b:before{border-bottom:7px solid #c00}");
|
5647
5659
|
}
|
5648
5660
|
|
@@ -5826,7 +5838,7 @@ function create_if_block$b(ctx) {
|
|
5826
5838
|
};
|
5827
5839
|
}
|
5828
5840
|
|
5829
|
-
function create_fragment$
|
5841
|
+
function create_fragment$1j(ctx) {
|
5830
5842
|
let div;
|
5831
5843
|
let current_block_type_index;
|
5832
5844
|
let if_block;
|
@@ -5906,7 +5918,7 @@ function create_fragment$1g(ctx) {
|
|
5906
5918
|
};
|
5907
5919
|
}
|
5908
5920
|
|
5909
|
-
function instance$
|
5921
|
+
function instance$1j($$self, $$props, $$invalidate) {
|
5910
5922
|
let style;
|
5911
5923
|
let { text = 'テキストのコンテンツ' } = $$props;
|
5912
5924
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -6002,8 +6014,8 @@ class TextElement extends SvelteComponent {
|
|
6002
6014
|
init(
|
6003
6015
|
this,
|
6004
6016
|
options,
|
6005
|
-
instance$
|
6006
|
-
create_fragment$
|
6017
|
+
instance$1j,
|
6018
|
+
create_fragment$1j,
|
6007
6019
|
safe_not_equal,
|
6008
6020
|
{
|
6009
6021
|
text: 0,
|
@@ -6014,14 +6026,14 @@ class TextElement extends SvelteComponent {
|
|
6014
6026
|
enableCopy: 2,
|
6015
6027
|
eventName: 10
|
6016
6028
|
},
|
6017
|
-
add_css$
|
6029
|
+
add_css$N
|
6018
6030
|
);
|
6019
6031
|
}
|
6020
6032
|
}
|
6021
6033
|
|
6022
6034
|
/* src/components/TextButtonElement.svelte generated by Svelte v3.53.1 */
|
6023
6035
|
|
6024
|
-
function add_css$
|
6036
|
+
function add_css$M(target) {
|
6025
6037
|
append_styles(target, "svelte-1vg84sc", ".text-button-element.svelte-1vg84sc{width:100%;height:100%}.text-button-element.svelte-1vg84sc > .button{display:flex;width:100%;height:100%;border:none;box-shadow:transparent;box-sizing:border-box;transition:box-shadow 0.2s;white-space:pre-wrap;overflow:hidden;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5;background-color:#33403e;border-radius:4px;cursor:pointer;border-width:0px;border-style:solid;border-color:#000000}.text-button-element.svelte-1vg84sc > .button._disabled{cursor:not-allowed !important;opacity:0.2}.text-button-element.svelte-1vg84sc > .button:not(._disabled):active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button-element.svelte-1vg84sc > .button:not(._disabled):hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
6026
6038
|
}
|
6027
6039
|
|
@@ -6062,7 +6074,7 @@ function create_default_slot$6(ctx) {
|
|
6062
6074
|
};
|
6063
6075
|
}
|
6064
6076
|
|
6065
|
-
function create_fragment$
|
6077
|
+
function create_fragment$1i(ctx) {
|
6066
6078
|
let div;
|
6067
6079
|
let button;
|
6068
6080
|
let current;
|
@@ -6126,7 +6138,7 @@ function create_fragment$1f(ctx) {
|
|
6126
6138
|
};
|
6127
6139
|
}
|
6128
6140
|
|
6129
|
-
function instance$
|
6141
|
+
function instance$1i($$self, $$props, $$invalidate) {
|
6130
6142
|
let style;
|
6131
6143
|
let { text = 'ボタンのラベル' } = $$props;
|
6132
6144
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
@@ -6164,8 +6176,8 @@ class TextButtonElement extends SvelteComponent {
|
|
6164
6176
|
init(
|
6165
6177
|
this,
|
6166
6178
|
options,
|
6167
|
-
instance$
|
6168
|
-
create_fragment$
|
6179
|
+
instance$1i,
|
6180
|
+
create_fragment$1i,
|
6169
6181
|
safe_not_equal,
|
6170
6182
|
{
|
6171
6183
|
text: 0,
|
@@ -6175,14 +6187,14 @@ class TextButtonElement extends SvelteComponent {
|
|
6175
6187
|
_buttonStyle: 5,
|
6176
6188
|
_style: 6
|
6177
6189
|
},
|
6178
|
-
add_css$
|
6190
|
+
add_css$M
|
6179
6191
|
);
|
6180
6192
|
}
|
6181
6193
|
}
|
6182
6194
|
|
6183
6195
|
/* src/components/ImageElement.svelte generated by Svelte v3.53.1 */
|
6184
6196
|
|
6185
|
-
function add_css$
|
6197
|
+
function add_css$L(target) {
|
6186
6198
|
append_styles(target, "svelte-t6tu0e", ".image-element.svelte-t6tu0e{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.image-element.svelte-t6tu0e > .button{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image-element.svelte-t6tu0e > .button._disabled{cursor:not-allowed !important;opacity:0.2}.image-element.transport.svelte-t6tu0e > .button:not(._disabled):hover,.image-element.transport.svelte-t6tu0e > .button:not(._disabled):focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}.image.svelte-t6tu0e{width:100%;height:100%}");
|
6187
6199
|
}
|
6188
6200
|
|
@@ -6253,7 +6265,7 @@ function create_default_slot$5(ctx) {
|
|
6253
6265
|
};
|
6254
6266
|
}
|
6255
6267
|
|
6256
|
-
function create_fragment$
|
6268
|
+
function create_fragment$1h(ctx) {
|
6257
6269
|
let div;
|
6258
6270
|
let button;
|
6259
6271
|
let div_class_value;
|
@@ -6322,7 +6334,7 @@ function create_fragment$1e(ctx) {
|
|
6322
6334
|
};
|
6323
6335
|
}
|
6324
6336
|
|
6325
|
-
function instance$
|
6337
|
+
function instance$1h($$self, $$props, $$invalidate) {
|
6326
6338
|
let { src = '' } = $$props;
|
6327
6339
|
let { alt = '画像の説明' } = $$props;
|
6328
6340
|
let { transport = false } = $$props;
|
@@ -6353,8 +6365,8 @@ class ImageElement extends SvelteComponent {
|
|
6353
6365
|
init(
|
6354
6366
|
this,
|
6355
6367
|
options,
|
6356
|
-
instance$
|
6357
|
-
create_fragment$
|
6368
|
+
instance$1h,
|
6369
|
+
create_fragment$1h,
|
6358
6370
|
safe_not_equal,
|
6359
6371
|
{
|
6360
6372
|
src: 0,
|
@@ -6366,18 +6378,18 @@ class ImageElement extends SvelteComponent {
|
|
6366
6378
|
_imageStyle: 6,
|
6367
6379
|
_style: 7
|
6368
6380
|
},
|
6369
|
-
add_css$
|
6381
|
+
add_css$L
|
6370
6382
|
);
|
6371
6383
|
}
|
6372
6384
|
}
|
6373
6385
|
|
6374
6386
|
/* src/components/List.svelte generated by Svelte v3.53.1 */
|
6375
6387
|
|
6376
|
-
function add_css$
|
6388
|
+
function add_css$K(target) {
|
6377
6389
|
append_styles(target, "svelte-aquv6z", ".list.svelte-aquv6z{display:flex;width:100%;height:100%;overflow:hidden;border-width:0px;border-style:solid;border-color:#000000}");
|
6378
6390
|
}
|
6379
6391
|
|
6380
|
-
function create_fragment$
|
6392
|
+
function create_fragment$1g(ctx) {
|
6381
6393
|
let div;
|
6382
6394
|
let current;
|
6383
6395
|
const default_slot_template = /*#slots*/ ctx[6].default;
|
@@ -6447,7 +6459,7 @@ function create_fragment$1d(ctx) {
|
|
6447
6459
|
|
6448
6460
|
const LIST_CONTEXT_KEY = Symbol();
|
6449
6461
|
|
6450
|
-
function instance$
|
6462
|
+
function instance$1g($$self, $$props, $$invalidate) {
|
6451
6463
|
let style;
|
6452
6464
|
let { $$slots: slots = {}, $$scope } = $$props;
|
6453
6465
|
let { direction = 'vertical' } = $$props;
|
@@ -6514,8 +6526,8 @@ let List$1 = class List extends SvelteComponent {
|
|
6514
6526
|
init(
|
6515
6527
|
this,
|
6516
6528
|
options,
|
6517
|
-
instance$
|
6518
|
-
create_fragment$
|
6529
|
+
instance$1g,
|
6530
|
+
create_fragment$1g,
|
6519
6531
|
safe_not_equal,
|
6520
6532
|
{
|
6521
6533
|
direction: 1,
|
@@ -6523,14 +6535,14 @@ let List$1 = class List extends SvelteComponent {
|
|
6523
6535
|
background: 3,
|
6524
6536
|
_style: 4
|
6525
6537
|
},
|
6526
|
-
add_css$
|
6538
|
+
add_css$K
|
6527
6539
|
);
|
6528
6540
|
}
|
6529
6541
|
};
|
6530
6542
|
|
6531
6543
|
/* src/components/ListItem.svelte generated by Svelte v3.53.1 */
|
6532
6544
|
|
6533
|
-
function add_css$
|
6545
|
+
function add_css$J(target) {
|
6534
6546
|
append_styles(target, "svelte-9n97pe", ".list-item.svelte-9n97pe{flex:auto;box-sizing:border-box;min-width:0;min-height:0;position:relative}.list-item.svelte-9n97pe > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
6535
6547
|
}
|
6536
6548
|
|
@@ -6585,7 +6597,7 @@ function create_default_slot$4(ctx) {
|
|
6585
6597
|
};
|
6586
6598
|
}
|
6587
6599
|
|
6588
|
-
function create_fragment$
|
6600
|
+
function create_fragment$1f(ctx) {
|
6589
6601
|
let div;
|
6590
6602
|
let button;
|
6591
6603
|
let current;
|
@@ -6654,7 +6666,7 @@ function create_fragment$1c(ctx) {
|
|
6654
6666
|
};
|
6655
6667
|
}
|
6656
6668
|
|
6657
|
-
function instance$
|
6669
|
+
function instance$1f($$self, $$props, $$invalidate) {
|
6658
6670
|
let listItemStyle;
|
6659
6671
|
let { $$slots: slots = {}, $$scope } = $$props;
|
6660
6672
|
const { separator, background, direction, registerItem, unregisterItem } = getContext(LIST_CONTEXT_KEY);
|
@@ -6733,17 +6745,17 @@ function instance$1c($$self, $$props, $$invalidate) {
|
|
6733
6745
|
let ListItem$1 = class ListItem extends SvelteComponent {
|
6734
6746
|
constructor(options) {
|
6735
6747
|
super();
|
6736
|
-
init(this, options, instance$
|
6748
|
+
init(this, options, instance$1f, create_fragment$1f, safe_not_equal, { onClick: 0, clickEventName: 1, _style: 2 }, add_css$J);
|
6737
6749
|
}
|
6738
6750
|
};
|
6739
6751
|
|
6740
6752
|
/* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
|
6741
6753
|
|
6742
|
-
function add_css$
|
6754
|
+
function add_css$I(target) {
|
6743
6755
|
append_styles(target, "svelte-wocq4p", ".embed.svelte-wocq4p{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-wocq4p iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
6744
6756
|
}
|
6745
6757
|
|
6746
|
-
function create_fragment$
|
6758
|
+
function create_fragment$1e(ctx) {
|
6747
6759
|
let div;
|
6748
6760
|
|
6749
6761
|
return {
|
@@ -6779,7 +6791,7 @@ function create_fragment$1b(ctx) {
|
|
6779
6791
|
};
|
6780
6792
|
}
|
6781
6793
|
|
6782
|
-
function instance$
|
6794
|
+
function instance$1e($$self, $$props, $$invalidate) {
|
6783
6795
|
let { code } = $$props;
|
6784
6796
|
let { _style = '' } = $$props;
|
6785
6797
|
|
@@ -6794,17 +6806,17 @@ function instance$1b($$self, $$props, $$invalidate) {
|
|
6794
6806
|
class EmbedElement extends SvelteComponent {
|
6795
6807
|
constructor(options) {
|
6796
6808
|
super();
|
6797
|
-
init(this, options, instance$
|
6809
|
+
init(this, options, instance$1e, create_fragment$1e, safe_not_equal, { code: 0, _style: 1 }, add_css$I);
|
6798
6810
|
}
|
6799
6811
|
}
|
6800
6812
|
|
6801
6813
|
/* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
|
6802
6814
|
|
6803
|
-
function add_css$
|
6815
|
+
function add_css$H(target) {
|
6804
6816
|
append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
6805
6817
|
}
|
6806
6818
|
|
6807
|
-
function create_fragment$
|
6819
|
+
function create_fragment$1d(ctx) {
|
6808
6820
|
let div1;
|
6809
6821
|
let div0;
|
6810
6822
|
|
@@ -6856,7 +6868,7 @@ function _setValue(obj, key, value) {
|
|
6856
6868
|
}
|
6857
6869
|
}
|
6858
6870
|
|
6859
|
-
function instance$
|
6871
|
+
function instance$1d($$self, $$props, $$invalidate) {
|
6860
6872
|
let $system;
|
6861
6873
|
component_subscribe($$self, system, $$value => $$invalidate(31, $system = $$value));
|
6862
6874
|
let { videoId = 'wt0OjOeX-JA' } = $$props;
|
@@ -7127,8 +7139,8 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
7127
7139
|
init(
|
7128
7140
|
this,
|
7129
7141
|
options,
|
7130
|
-
instance$
|
7131
|
-
create_fragment$
|
7142
|
+
instance$1d,
|
7143
|
+
create_fragment$1d,
|
7132
7144
|
safe_not_equal,
|
7133
7145
|
{
|
7134
7146
|
videoId: 2,
|
@@ -7157,7 +7169,7 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
7157
7169
|
mute: 25,
|
7158
7170
|
_style: 0
|
7159
7171
|
},
|
7160
|
-
add_css$
|
7172
|
+
add_css$H,
|
7161
7173
|
[-1, -1]
|
7162
7174
|
);
|
7163
7175
|
}
|
@@ -7165,11 +7177,11 @@ class MovieYouTubeElement extends SvelteComponent {
|
|
7165
7177
|
|
7166
7178
|
/* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
|
7167
7179
|
|
7168
|
-
function add_css$
|
7180
|
+
function add_css$G(target) {
|
7169
7181
|
append_styles(target, "svelte-vikz49", ".embed.svelte-vikz49{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.embed.svelte-vikz49 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
|
7170
7182
|
}
|
7171
7183
|
|
7172
|
-
function create_fragment$
|
7184
|
+
function create_fragment$1c(ctx) {
|
7173
7185
|
let div1;
|
7174
7186
|
let div0;
|
7175
7187
|
|
@@ -7211,7 +7223,7 @@ function create_fragment$19(ctx) {
|
|
7211
7223
|
};
|
7212
7224
|
}
|
7213
7225
|
|
7214
|
-
function instance$
|
7226
|
+
function instance$1c($$self, $$props, $$invalidate) {
|
7215
7227
|
let $system;
|
7216
7228
|
component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
|
7217
7229
|
let { videoId = "201239468" } = $$props;
|
@@ -7354,8 +7366,8 @@ class MovieVimeoElement extends SvelteComponent {
|
|
7354
7366
|
init(
|
7355
7367
|
this,
|
7356
7368
|
options,
|
7357
|
-
instance$
|
7358
|
-
create_fragment$
|
7369
|
+
instance$1c,
|
7370
|
+
create_fragment$1c,
|
7359
7371
|
safe_not_equal,
|
7360
7372
|
{
|
7361
7373
|
videoId: 2,
|
@@ -7365,18 +7377,18 @@ class MovieVimeoElement extends SvelteComponent {
|
|
7365
7377
|
mute: 6,
|
7366
7378
|
_style: 0
|
7367
7379
|
},
|
7368
|
-
add_css$
|
7380
|
+
add_css$G
|
7369
7381
|
);
|
7370
7382
|
}
|
7371
7383
|
}
|
7372
7384
|
|
7373
7385
|
/* src/components/FormTextarea.svelte generated by Svelte v3.53.1 */
|
7374
7386
|
|
7375
|
-
function add_css$
|
7387
|
+
function add_css$F(target) {
|
7376
7388
|
append_styles(target, "svelte-zxvkkc", ".textarea-wrapper.svelte-zxvkkc{display:flex;align-items:center;width:100%;height:100%}.textarea.svelte-zxvkkc{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.textarea.svelte-zxvkkc::placeholder{color:var(--placeholder-color)}.textarea.svelte-zxvkkc:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}");
|
7377
7389
|
}
|
7378
7390
|
|
7379
|
-
function create_fragment$
|
7391
|
+
function create_fragment$1b(ctx) {
|
7380
7392
|
let div;
|
7381
7393
|
let textarea;
|
7382
7394
|
let mounted;
|
@@ -7451,7 +7463,7 @@ function create_fragment$18(ctx) {
|
|
7451
7463
|
};
|
7452
7464
|
}
|
7453
7465
|
|
7454
|
-
function instance$
|
7466
|
+
function instance$1b($$self, $$props, $$invalidate) {
|
7455
7467
|
let style;
|
7456
7468
|
let styleVariables;
|
7457
7469
|
let $value;
|
@@ -7539,8 +7551,8 @@ class FormTextarea extends SvelteComponent {
|
|
7539
7551
|
init(
|
7540
7552
|
this,
|
7541
7553
|
options,
|
7542
|
-
instance$
|
7543
|
-
create_fragment$
|
7554
|
+
instance$1b,
|
7555
|
+
create_fragment$1b,
|
7544
7556
|
safe_not_equal,
|
7545
7557
|
{
|
7546
7558
|
name: 7,
|
@@ -7552,14 +7564,14 @@ class FormTextarea extends SvelteComponent {
|
|
7552
7564
|
_textStyle: 11,
|
7553
7565
|
_placeholderStyle: 12
|
7554
7566
|
},
|
7555
|
-
add_css$
|
7567
|
+
add_css$F
|
7556
7568
|
);
|
7557
7569
|
}
|
7558
7570
|
}
|
7559
7571
|
|
7560
7572
|
/* src/components/FormRadioButtons.svelte generated by Svelte v3.53.1 */
|
7561
7573
|
|
7562
|
-
function add_css$
|
7574
|
+
function add_css$E(target) {
|
7563
7575
|
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}");
|
7564
7576
|
}
|
7565
7577
|
|
@@ -7672,7 +7684,7 @@ function create_each_block$7(ctx) {
|
|
7672
7684
|
};
|
7673
7685
|
}
|
7674
7686
|
|
7675
|
-
function create_fragment$
|
7687
|
+
function create_fragment$1a(ctx) {
|
7676
7688
|
let div;
|
7677
7689
|
let each_value = /*_options*/ ctx[4];
|
7678
7690
|
let each_blocks = [];
|
@@ -7750,7 +7762,7 @@ function create_fragment$17(ctx) {
|
|
7750
7762
|
};
|
7751
7763
|
}
|
7752
7764
|
|
7753
|
-
function instance$
|
7765
|
+
function instance$1a($$self, $$props, $$invalidate) {
|
7754
7766
|
let _options;
|
7755
7767
|
let buttonStyle;
|
7756
7768
|
let _value;
|
@@ -7850,8 +7862,8 @@ class FormRadioButtons extends SvelteComponent {
|
|
7850
7862
|
init(
|
7851
7863
|
this,
|
7852
7864
|
options,
|
7853
|
-
instance$
|
7854
|
-
create_fragment$
|
7865
|
+
instance$1a,
|
7866
|
+
create_fragment$1a,
|
7855
7867
|
safe_not_equal,
|
7856
7868
|
{
|
7857
7869
|
name: 0,
|
@@ -7864,14 +7876,14 @@ class FormRadioButtons extends SvelteComponent {
|
|
7864
7876
|
buttonColor: 13,
|
7865
7877
|
buttonColorActive: 14
|
7866
7878
|
},
|
7867
|
-
add_css$
|
7879
|
+
add_css$E
|
7868
7880
|
);
|
7869
7881
|
}
|
7870
7882
|
}
|
7871
7883
|
|
7872
7884
|
/* src/components/FormSelect.svelte generated by Svelte v3.53.1 */
|
7873
7885
|
|
7874
|
-
function add_css$
|
7886
|
+
function add_css$D(target) {
|
7875
7887
|
append_styles(target, "svelte-t9ynyj", ".select.svelte-t9ynyj{width:100%;height:100%}.select-select.svelte-t9ynyj{position:relative;appearance:none;width:100%;height:100%;cursor:pointer;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:0 0 0 10px;font-size:12px;line-height:1.5}.select-select.svelte-t9ynyj:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.select-icon.svelte-t9ynyj{position:absolute;width:calc(var(--icon-size) / 1.41);height:calc(var(--icon-size) / 1.41);top:calc(50% - calc(var(--icon-size) / 4));right:calc(var(--icon-size) * 1.2);box-sizing:border-box;border-right:solid 2px var(--icon-color);border-top:solid 2px var(--icon-color);transform:translateY(-35.4%) rotate(135deg);pointer-events:none}");
|
7876
7888
|
}
|
7877
7889
|
|
@@ -7998,7 +8010,7 @@ function create_each_block$6(ctx) {
|
|
7998
8010
|
};
|
7999
8011
|
}
|
8000
8012
|
|
8001
|
-
function create_fragment$
|
8013
|
+
function create_fragment$19(ctx) {
|
8002
8014
|
let div1;
|
8003
8015
|
let select;
|
8004
8016
|
let t;
|
@@ -8108,7 +8120,7 @@ function create_fragment$16(ctx) {
|
|
8108
8120
|
};
|
8109
8121
|
}
|
8110
8122
|
|
8111
|
-
function instance$
|
8123
|
+
function instance$19($$self, $$props, $$invalidate) {
|
8112
8124
|
let _options;
|
8113
8125
|
let style;
|
8114
8126
|
let styleVariables;
|
@@ -8224,8 +8236,8 @@ class FormSelect extends SvelteComponent {
|
|
8224
8236
|
init(
|
8225
8237
|
this,
|
8226
8238
|
options,
|
8227
|
-
instance$
|
8228
|
-
create_fragment$
|
8239
|
+
instance$19,
|
8240
|
+
create_fragment$19,
|
8229
8241
|
safe_not_equal,
|
8230
8242
|
{
|
8231
8243
|
name: 7,
|
@@ -8240,14 +8252,14 @@ class FormSelect extends SvelteComponent {
|
|
8240
8252
|
iconColor: 15,
|
8241
8253
|
iconSize: 16
|
8242
8254
|
},
|
8243
|
-
add_css$
|
8255
|
+
add_css$D
|
8244
8256
|
);
|
8245
8257
|
}
|
8246
8258
|
}
|
8247
8259
|
|
8248
8260
|
/* src/components/FormCheckBoxes.svelte generated by Svelte v3.53.1 */
|
8249
8261
|
|
8250
|
-
function add_css$
|
8262
|
+
function add_css$C(target) {
|
8251
8263
|
append_styles(target, "svelte-1p65cg8", ".check-boxes.svelte-1p65cg8.svelte-1p65cg8{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%;gap:0px}.check-box.svelte-1p65cg8.svelte-1p65cg8{display:flex;align-items:center;position:relative;cursor:pointer}.check-box-input.svelte-1p65cg8.svelte-1p65cg8{width:var(--size);height:var(--size);margin:0;position:absolute;appearance:none;cursor:pointer}.check-box-check.svelte-1p65cg8.svelte-1p65cg8{display:inline-flex;background-color:var(--color-main);width:var(--size);height:var(--size);border-radius:calc(var(--size) / 4);justify-content:center;align-items:center;flex:none}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8{display:inline-block;--icon-size:calc(var(--size) * 3 / 4);width:var(--icon-size);height:var(--icon-size)}.check-box-icon.svelte-1p65cg8.svelte-1p65cg8:after{content:'';display:block;box-sizing:border-box;width:45%;height:91%;transform:translate(60%, -8%) rotate(45deg);border-style:none solid solid none;border-width:2px;border-color:var(--color-sub)}.check-box-check._checked.svelte-1p65cg8.svelte-1p65cg8{background-color:var(--color-main-active)}.check-box-check._checked.svelte-1p65cg8 .check-box-icon.svelte-1p65cg8:after{border-color:var(--color-sub-active)}.check-box-text.svelte-1p65cg8.svelte-1p65cg8{margin-left:0.5em;color:#333;font-size:12px;line-height:1.5}");
|
8252
8264
|
}
|
8253
8265
|
|
@@ -8376,7 +8388,7 @@ function create_each_block$5(ctx) {
|
|
8376
8388
|
};
|
8377
8389
|
}
|
8378
8390
|
|
8379
|
-
function create_fragment$
|
8391
|
+
function create_fragment$18(ctx) {
|
8380
8392
|
let div;
|
8381
8393
|
let each_value = /*_options*/ ctx[3];
|
8382
8394
|
let each_blocks = [];
|
@@ -8454,7 +8466,7 @@ function create_fragment$15(ctx) {
|
|
8454
8466
|
};
|
8455
8467
|
}
|
8456
8468
|
|
8457
|
-
function instance$
|
8469
|
+
function instance$18($$self, $$props, $$invalidate) {
|
8458
8470
|
let _options;
|
8459
8471
|
let styleVariables;
|
8460
8472
|
let isCheckedArray;
|
@@ -8560,8 +8572,8 @@ class FormCheckBoxes extends SvelteComponent {
|
|
8560
8572
|
init(
|
8561
8573
|
this,
|
8562
8574
|
options,
|
8563
|
-
instance$
|
8564
|
-
create_fragment$
|
8575
|
+
instance$18,
|
8576
|
+
create_fragment$18,
|
8565
8577
|
safe_not_equal,
|
8566
8578
|
{
|
8567
8579
|
name: 0,
|
@@ -8574,14 +8586,14 @@ class FormCheckBoxes extends SvelteComponent {
|
|
8574
8586
|
buttonColor: 13,
|
8575
8587
|
buttonColorActive: 14
|
8576
8588
|
},
|
8577
|
-
add_css$
|
8589
|
+
add_css$C
|
8578
8590
|
);
|
8579
8591
|
}
|
8580
8592
|
}
|
8581
8593
|
|
8582
8594
|
/* src/components/FormRatingButtonsNumber.svelte generated by Svelte v3.53.1 */
|
8583
8595
|
|
8584
|
-
function add_css$
|
8596
|
+
function add_css$B(target) {
|
8585
8597
|
append_styles(target, "svelte-1iqf36p", ".rating-buttons.svelte-1iqf36p{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.rating-button.svelte-1iqf36p{cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color 0.2s, box-shadow 0.2s;appearance:none;background:none;border:none;margin:0;padding:0}");
|
8586
8598
|
}
|
8587
8599
|
|
@@ -8649,7 +8661,7 @@ function create_each_block$4(ctx) {
|
|
8649
8661
|
};
|
8650
8662
|
}
|
8651
8663
|
|
8652
|
-
function create_fragment$
|
8664
|
+
function create_fragment$17(ctx) {
|
8653
8665
|
let div;
|
8654
8666
|
let each_value = [...Array(/*count*/ ctx[0]).keys()].map(/*func*/ ctx[12]);
|
8655
8667
|
let each_blocks = [];
|
@@ -8722,7 +8734,7 @@ function create_fragment$14(ctx) {
|
|
8722
8734
|
};
|
8723
8735
|
}
|
8724
8736
|
|
8725
|
-
function instance$
|
8737
|
+
function instance$17($$self, $$props, $$invalidate) {
|
8726
8738
|
let _value;
|
8727
8739
|
let $value;
|
8728
8740
|
let { name = '' } = $$props;
|
@@ -8804,8 +8816,8 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8804
8816
|
init(
|
8805
8817
|
this,
|
8806
8818
|
options,
|
8807
|
-
instance$
|
8808
|
-
create_fragment$
|
8819
|
+
instance$17,
|
8820
|
+
create_fragment$17,
|
8809
8821
|
safe_not_equal,
|
8810
8822
|
{
|
8811
8823
|
name: 6,
|
@@ -8816,14 +8828,14 @@ class FormRatingButtonsNumber extends SvelteComponent {
|
|
8816
8828
|
buttonStyle: 9,
|
8817
8829
|
buttonActiveStyle: 10
|
8818
8830
|
},
|
8819
|
-
add_css$
|
8831
|
+
add_css$B
|
8820
8832
|
);
|
8821
8833
|
}
|
8822
8834
|
}
|
8823
8835
|
|
8824
8836
|
/* src/components/FormRatingButtonsFace.svelte generated by Svelte v3.53.1 */
|
8825
8837
|
|
8826
|
-
function add_css$
|
8838
|
+
function add_css$A(target) {
|
8827
8839
|
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%)}");
|
8828
8840
|
}
|
8829
8841
|
|
@@ -8894,7 +8906,7 @@ function create_each_block$3(ctx) {
|
|
8894
8906
|
};
|
8895
8907
|
}
|
8896
8908
|
|
8897
|
-
function create_fragment$
|
8909
|
+
function create_fragment$16(ctx) {
|
8898
8910
|
let div;
|
8899
8911
|
let each_value = [...Array(count).keys()].reverse().map(func);
|
8900
8912
|
let each_blocks = [];
|
@@ -8970,7 +8982,7 @@ function create_fragment$13(ctx) {
|
|
8970
8982
|
const count = 5;
|
8971
8983
|
const func = i => i + 1;
|
8972
8984
|
|
8973
|
-
function instance$
|
8985
|
+
function instance$16($$self, $$props, $$invalidate) {
|
8974
8986
|
let _value;
|
8975
8987
|
let buttonStyle;
|
8976
8988
|
let $value;
|
@@ -9026,17 +9038,17 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
9026
9038
|
class FormRatingButtonsFace extends SvelteComponent {
|
9027
9039
|
constructor(options) {
|
9028
9040
|
super();
|
9029
|
-
init(this, options, instance$
|
9041
|
+
init(this, options, instance$16, create_fragment$16, safe_not_equal, { name: 5, required: 6, size: 7 }, add_css$A);
|
9030
9042
|
}
|
9031
9043
|
}
|
9032
9044
|
|
9033
9045
|
/* src/components/FormIdentifyInput.svelte generated by Svelte v3.53.1 */
|
9034
9046
|
|
9035
|
-
function add_css$
|
9047
|
+
function add_css$z(target) {
|
9036
9048
|
append_styles(target, "svelte-h8fqwx", ".input-wrapper.svelte-h8fqwx{display:flex;align-items:center;width:100%;height:100%}.input.svelte-h8fqwx{width:100%;height:100%;box-sizing:border-box;resize:none;appearance:none;background-color:#fff;border:solid 2px #ccc;border-radius:6px;padding:6px 10px 6px 10px;font-size:12px;line-height:1.5}.input.svelte-h8fqwx::placeholder{color:var(--placeholder-color)}.input.svelte-h8fqwx:focus{outline:none;border-width:var(--focus-border-width) !important;border-color:var(--focus-border-color) !important;border-style:var(--focus-border-style) !important}.input._error.svelte-h8fqwx{outline:none;border-width:var(--error-border-width) !important;border-color:var(--error-border-color) !important;border-style:var(--error-border-style) !important}");
|
9037
9049
|
}
|
9038
9050
|
|
9039
|
-
function create_fragment$
|
9051
|
+
function create_fragment$15(ctx) {
|
9040
9052
|
let div;
|
9041
9053
|
let input;
|
9042
9054
|
let input_class_value;
|
@@ -9117,7 +9129,7 @@ function create_fragment$12(ctx) {
|
|
9117
9129
|
};
|
9118
9130
|
}
|
9119
9131
|
|
9120
|
-
function instance$
|
9132
|
+
function instance$15($$self, $$props, $$invalidate) {
|
9121
9133
|
let style;
|
9122
9134
|
let styleVariables;
|
9123
9135
|
let isValidForUI;
|
@@ -9248,8 +9260,8 @@ class FormIdentifyInput extends SvelteComponent {
|
|
9248
9260
|
init(
|
9249
9261
|
this,
|
9250
9262
|
options,
|
9251
|
-
instance$
|
9252
|
-
create_fragment$
|
9263
|
+
instance$15,
|
9264
|
+
create_fragment$15,
|
9253
9265
|
safe_not_equal,
|
9254
9266
|
{
|
9255
9267
|
field: 9,
|
@@ -9263,18 +9275,18 @@ class FormIdentifyInput extends SvelteComponent {
|
|
9263
9275
|
_textStyle: 15,
|
9264
9276
|
_placeholderStyle: 16
|
9265
9277
|
},
|
9266
|
-
add_css$
|
9278
|
+
add_css$z
|
9267
9279
|
);
|
9268
9280
|
}
|
9269
9281
|
}
|
9270
9282
|
|
9271
9283
|
/* src/components/FormIdentifyChoices.svelte generated by Svelte v3.53.1 */
|
9272
9284
|
|
9273
|
-
function add_css$
|
9285
|
+
function add_css$y(target) {
|
9274
9286
|
append_styles(target, "svelte-8zbmyo", ".radio-buttons.svelte-8zbmyo{display:flex;justify-content:space-between;flex-direction:column;width:100%;height:100%}.radio-button.svelte-8zbmyo{cursor:pointer;display:flex;align-items:center}.radio-button-input.svelte-8zbmyo{appearance:none;margin:0;box-sizing:border-box;border-radius:var(--size);position:relative;width:var(--size);height:var(--size);border:solid calc(var(--size) / 3) var(--color-main);background-color:var(--color-sub);cursor:pointer;flex:none}.radio-button-input.svelte-8zbmyo:checked{border:solid calc(var(--size) / 3) var(--color-main-active);background-color:var(--color-sub-active);box-shadow:0px 1px 8px 2px rgba(18, 160, 160, 0.08), 0px 1px 4px -1px rgba(18, 160, 160, 0.24)}.radio-button-text.svelte-8zbmyo{margin-left:0.5em}");
|
9275
9287
|
}
|
9276
9288
|
|
9277
|
-
function create_fragment$
|
9289
|
+
function create_fragment$14(ctx) {
|
9278
9290
|
let div;
|
9279
9291
|
let label0;
|
9280
9292
|
let input0;
|
@@ -9415,7 +9427,7 @@ function create_fragment$11(ctx) {
|
|
9415
9427
|
};
|
9416
9428
|
}
|
9417
9429
|
|
9418
|
-
function instance$
|
9430
|
+
function instance$14($$self, $$props, $$invalidate) {
|
9419
9431
|
let buttonStyle;
|
9420
9432
|
let $value;
|
9421
9433
|
let { field = 'subscription' } = $$props;
|
@@ -9497,8 +9509,8 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
9497
9509
|
init(
|
9498
9510
|
this,
|
9499
9511
|
options,
|
9500
|
-
instance$
|
9501
|
-
create_fragment$
|
9512
|
+
instance$14,
|
9513
|
+
create_fragment$14,
|
9502
9514
|
safe_not_equal,
|
9503
9515
|
{
|
9504
9516
|
field: 6,
|
@@ -9510,14 +9522,14 @@ class FormIdentifyChoices extends SvelteComponent {
|
|
9510
9522
|
buttonColor: 10,
|
9511
9523
|
buttonColorActive: 11
|
9512
9524
|
},
|
9513
|
-
add_css$
|
9525
|
+
add_css$y
|
9514
9526
|
);
|
9515
9527
|
}
|
9516
9528
|
}
|
9517
9529
|
|
9518
9530
|
/* src/components/Slide.svelte generated by Svelte v3.53.1 */
|
9519
9531
|
|
9520
|
-
function add_css$
|
9532
|
+
function add_css$x(target) {
|
9521
9533
|
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%}");
|
9522
9534
|
}
|
9523
9535
|
|
@@ -9728,7 +9740,7 @@ function create_each_block$2(ctx) {
|
|
9728
9740
|
};
|
9729
9741
|
}
|
9730
9742
|
|
9731
|
-
function create_fragment$
|
9743
|
+
function create_fragment$13(ctx) {
|
9732
9744
|
let div3;
|
9733
9745
|
let div1;
|
9734
9746
|
let div0;
|
@@ -9952,7 +9964,7 @@ function calcPositionIndex(shift, index, length) {
|
|
9952
9964
|
}
|
9953
9965
|
}
|
9954
9966
|
|
9955
|
-
function instance$
|
9967
|
+
function instance$13($$self, $$props, $$invalidate) {
|
9956
9968
|
let slideStyle;
|
9957
9969
|
let slideClass;
|
9958
9970
|
let _loop;
|
@@ -10405,8 +10417,8 @@ class Slide extends SvelteComponent {
|
|
10405
10417
|
init(
|
10406
10418
|
this,
|
10407
10419
|
options,
|
10408
|
-
instance$
|
10409
|
-
create_fragment$
|
10420
|
+
instance$13,
|
10421
|
+
create_fragment$13,
|
10410
10422
|
safe_not_equal,
|
10411
10423
|
{
|
10412
10424
|
loop: 18,
|
@@ -10420,7 +10432,7 @@ class Slide extends SvelteComponent {
|
|
10420
10432
|
navigationButton: 25,
|
10421
10433
|
navigationEdgePosition: 26
|
10422
10434
|
},
|
10423
|
-
add_css$
|
10435
|
+
add_css$x,
|
10424
10436
|
[-1, -1, -1]
|
10425
10437
|
);
|
10426
10438
|
}
|
@@ -10428,11 +10440,11 @@ class Slide extends SvelteComponent {
|
|
10428
10440
|
|
10429
10441
|
/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
|
10430
10442
|
|
10431
|
-
function add_css$
|
10443
|
+
function add_css$w(target) {
|
10432
10444
|
append_styles(target, "svelte-9ygf1w", ".item.svelte-9ygf1w{height:100%;flex:none;position:relative}.item.svelte-9ygf1w img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-9ygf1w{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;cursor:default;overflow:hidden}");
|
10433
10445
|
}
|
10434
10446
|
|
10435
|
-
function create_fragment
|
10447
|
+
function create_fragment$12(ctx) {
|
10436
10448
|
let div1;
|
10437
10449
|
let div0;
|
10438
10450
|
let current;
|
@@ -10512,7 +10524,7 @@ function create_fragment$$(ctx) {
|
|
10512
10524
|
};
|
10513
10525
|
}
|
10514
10526
|
|
10515
|
-
function instance
|
10527
|
+
function instance$12($$self, $$props, $$invalidate) {
|
10516
10528
|
let itemStyle;
|
10517
10529
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10518
10530
|
const { registerItem, unregisterItem } = getContext('SLIDE');
|
@@ -10578,25 +10590,25 @@ function instance$$($$self, $$props, $$invalidate) {
|
|
10578
10590
|
class SlideItem extends SvelteComponent {
|
10579
10591
|
constructor(options) {
|
10580
10592
|
super();
|
10581
|
-
init(this, options, instance
|
10593
|
+
init(this, options, instance$12, create_fragment$12, safe_not_equal, { _style: 0 }, add_css$w);
|
10582
10594
|
}
|
10583
10595
|
}
|
10584
10596
|
|
10585
10597
|
/* src/components/Countdown.svelte generated by Svelte v3.53.1 */
|
10586
10598
|
|
10587
|
-
function add_css$
|
10599
|
+
function add_css$v(target) {
|
10588
10600
|
append_styles(target, "svelte-rroxiz", ".countdown.svelte-rroxiz{position:relative;width:100%;height:100%}.countdown-inner.svelte-rroxiz{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
10589
10601
|
}
|
10590
10602
|
|
10591
|
-
const get_default_slot_changes = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
10592
|
-
const get_default_slot_context = ctx => ({ countdown: /*countdown*/ ctx[1] });
|
10603
|
+
const get_default_slot_changes$1 = dirty => ({ countdown: dirty & /*countdown*/ 2 });
|
10604
|
+
const get_default_slot_context$1 = ctx => ({ countdown: /*countdown*/ ctx[1] });
|
10593
10605
|
|
10594
|
-
function create_fragment$
|
10606
|
+
function create_fragment$11(ctx) {
|
10595
10607
|
let div1;
|
10596
10608
|
let div0;
|
10597
10609
|
let current;
|
10598
10610
|
const default_slot_template = /*#slots*/ ctx[6].default;
|
10599
|
-
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], get_default_slot_context);
|
10611
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], get_default_slot_context$1);
|
10600
10612
|
|
10601
10613
|
return {
|
10602
10614
|
c() {
|
@@ -10640,8 +10652,8 @@ function create_fragment$_(ctx) {
|
|
10640
10652
|
/*$$scope*/ ctx[5],
|
10641
10653
|
!current
|
10642
10654
|
? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
|
10643
|
-
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, get_default_slot_changes),
|
10644
|
-
get_default_slot_context
|
10655
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, get_default_slot_changes$1),
|
10656
|
+
get_default_slot_context$1
|
10645
10657
|
);
|
10646
10658
|
}
|
10647
10659
|
}
|
@@ -10666,11 +10678,11 @@ function create_fragment$_(ctx) {
|
|
10666
10678
|
};
|
10667
10679
|
}
|
10668
10680
|
|
10669
|
-
function calcRemainingTime(limit) {
|
10681
|
+
function calcRemainingTime$1(limit) {
|
10670
10682
|
return limit - new Date().getTime();
|
10671
10683
|
}
|
10672
10684
|
|
10673
|
-
function formatTimeDiff(ms) {
|
10685
|
+
function formatTimeDiff$1(ms) {
|
10674
10686
|
const diffDay = Math.floor(ms / 1000 / 60 / 60 / 24);
|
10675
10687
|
const diffHour = Math.floor(ms / 1000 / 60 / 60) % 24;
|
10676
10688
|
const diffMin = Math.floor(ms / 1000 / 60) % 60;
|
@@ -10684,7 +10696,7 @@ function formatTimeDiff(ms) {
|
|
10684
10696
|
};
|
10685
10697
|
}
|
10686
10698
|
|
10687
|
-
function instance$
|
10699
|
+
function instance$11($$self, $$props, $$invalidate) {
|
10688
10700
|
let countdown;
|
10689
10701
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10690
10702
|
let { timeLimit = '2023/12/31 23:59:59' } = $$props;
|
@@ -10693,12 +10705,12 @@ function instance$_($$self, $$props, $$invalidate) {
|
|
10693
10705
|
let remainingTime;
|
10694
10706
|
|
10695
10707
|
function onEachSecond() {
|
10696
|
-
const _remainingTime = calcRemainingTime(new Date(timeLimit).getTime());
|
10708
|
+
const _remainingTime = calcRemainingTime$1(new Date(timeLimit).getTime());
|
10697
10709
|
|
10698
10710
|
if (_remainingTime > 0) {
|
10699
|
-
$$invalidate(4, remainingTime = formatTimeDiff(_remainingTime));
|
10711
|
+
$$invalidate(4, remainingTime = formatTimeDiff$1(_remainingTime));
|
10700
10712
|
} else {
|
10701
|
-
$$invalidate(4, remainingTime = formatTimeDiff(0));
|
10713
|
+
$$invalidate(4, remainingTime = formatTimeDiff$1(0));
|
10702
10714
|
}
|
10703
10715
|
}
|
10704
10716
|
|
@@ -10741,13 +10753,13 @@ function instance$_($$self, $$props, $$invalidate) {
|
|
10741
10753
|
class Countdown extends SvelteComponent {
|
10742
10754
|
constructor(options) {
|
10743
10755
|
super();
|
10744
|
-
init(this, options, instance$
|
10756
|
+
init(this, options, instance$11, create_fragment$11, safe_not_equal, { timeLimit: 2, stateOnEnd: 3, _style: 0 }, add_css$v);
|
10745
10757
|
}
|
10746
10758
|
}
|
10747
10759
|
|
10748
10760
|
/* src/components/Box.svelte generated by Svelte v3.53.1 */
|
10749
10761
|
|
10750
|
-
function add_css$
|
10762
|
+
function add_css$u(target) {
|
10751
10763
|
append_styles(target, "svelte-1ccydfy", ".box.svelte-1ccydfy{position:relative;width:100%;height:100%}.box.svelte-1ccydfy > .button{position:absolute;inset:0;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}");
|
10752
10764
|
}
|
10753
10765
|
|
@@ -10802,7 +10814,7 @@ function create_default_slot$3(ctx) {
|
|
10802
10814
|
};
|
10803
10815
|
}
|
10804
10816
|
|
10805
|
-
function create_fragment$
|
10817
|
+
function create_fragment$10(ctx) {
|
10806
10818
|
let div;
|
10807
10819
|
let button;
|
10808
10820
|
let current;
|
@@ -10866,7 +10878,7 @@ function create_fragment$Z(ctx) {
|
|
10866
10878
|
};
|
10867
10879
|
}
|
10868
10880
|
|
10869
|
-
function instance$
|
10881
|
+
function instance$10($$self, $$props, $$invalidate) {
|
10870
10882
|
let { $$slots: slots = {}, $$scope } = $$props;
|
10871
10883
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
10872
10884
|
let { eventName = '' } = $$props;
|
@@ -10885,13 +10897,13 @@ function instance$Z($$self, $$props, $$invalidate) {
|
|
10885
10897
|
class Box extends SvelteComponent {
|
10886
10898
|
constructor(options) {
|
10887
10899
|
super();
|
10888
|
-
init(this, options, instance$
|
10900
|
+
init(this, options, instance$10, create_fragment$10, safe_not_equal, { onClick: 0, eventName: 1, _style: 2 }, add_css$u);
|
10889
10901
|
}
|
10890
10902
|
}
|
10891
10903
|
|
10892
10904
|
/* src/components/IconElement.svelte generated by Svelte v3.53.1 */
|
10893
10905
|
|
10894
|
-
function add_css$
|
10906
|
+
function add_css$t(target) {
|
10895
10907
|
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)}");
|
10896
10908
|
}
|
10897
10909
|
|
@@ -10967,7 +10979,7 @@ function create_default_slot$2(ctx) {
|
|
10967
10979
|
};
|
10968
10980
|
}
|
10969
10981
|
|
10970
|
-
function create_fragment
|
10982
|
+
function create_fragment$$(ctx) {
|
10971
10983
|
let div;
|
10972
10984
|
let button;
|
10973
10985
|
let current;
|
@@ -11038,7 +11050,7 @@ function parseData(dataUrl) {
|
|
11038
11050
|
return decodeURIComponent(data).replaceAll('\'', '"');
|
11039
11051
|
}
|
11040
11052
|
|
11041
|
-
function instance
|
11053
|
+
function instance$$($$self, $$props, $$invalidate) {
|
11042
11054
|
let svg;
|
11043
11055
|
let styleVariables;
|
11044
11056
|
let style;
|
@@ -11086,8 +11098,8 @@ class IconElement extends SvelteComponent {
|
|
11086
11098
|
init(
|
11087
11099
|
this,
|
11088
11100
|
options,
|
11089
|
-
instance
|
11090
|
-
create_fragment
|
11101
|
+
instance$$,
|
11102
|
+
create_fragment$$,
|
11091
11103
|
safe_not_equal,
|
11092
11104
|
{
|
11093
11105
|
icon: 4,
|
@@ -11097,18 +11109,18 @@ class IconElement extends SvelteComponent {
|
|
11097
11109
|
color: 6,
|
11098
11110
|
_style: 7
|
11099
11111
|
},
|
11100
|
-
add_css$
|
11112
|
+
add_css$t
|
11101
11113
|
);
|
11102
11114
|
}
|
11103
11115
|
}
|
11104
11116
|
|
11105
11117
|
/* src/components/CodeElement.svelte generated by Svelte v3.53.1 */
|
11106
11118
|
|
11107
|
-
function add_css$
|
11119
|
+
function add_css$s(target) {
|
11108
11120
|
append_styles(target, "svelte-ymsb9l", ".codeElement.svelte-ymsb9l{box-sizing:border-box;margin:0px;padding:0px;width:100%;height:100%}");
|
11109
11121
|
}
|
11110
11122
|
|
11111
|
-
function create_fragment$
|
11123
|
+
function create_fragment$_(ctx) {
|
11112
11124
|
let div;
|
11113
11125
|
let switch_instance;
|
11114
11126
|
let current;
|
@@ -11198,7 +11210,7 @@ function create_fragment$X(ctx) {
|
|
11198
11210
|
};
|
11199
11211
|
}
|
11200
11212
|
|
11201
|
-
function instance$
|
11213
|
+
function instance$_($$self, $$props, $$invalidate) {
|
11202
11214
|
let $data,
|
11203
11215
|
$$unsubscribe_data = noop,
|
11204
11216
|
$$subscribe_data = () => ($$unsubscribe_data(), $$unsubscribe_data = subscribe(data, $$value => $$invalidate(4, $data = $$value)), data);
|
@@ -11223,17 +11235,17 @@ function instance$X($$self, $$props, $$invalidate) {
|
|
11223
11235
|
class CodeElement extends SvelteComponent {
|
11224
11236
|
constructor(options) {
|
11225
11237
|
super();
|
11226
|
-
init(this, options, instance$
|
11238
|
+
init(this, options, instance$_, create_fragment$_, safe_not_equal, { name: 0, component: 1, data: 2, style: 3 }, add_css$s);
|
11227
11239
|
}
|
11228
11240
|
}
|
11229
11241
|
|
11230
11242
|
/* src/components/Flex.svelte generated by Svelte v3.53.1 */
|
11231
11243
|
|
11232
|
-
function add_css$
|
11244
|
+
function add_css$r(target) {
|
11233
11245
|
append_styles(target, "svelte-1e71ejc", ".flex.svelte-1e71ejc{display:flex}");
|
11234
11246
|
}
|
11235
11247
|
|
11236
|
-
function create_fragment$
|
11248
|
+
function create_fragment$Z(ctx) {
|
11237
11249
|
let div;
|
11238
11250
|
let div_style_value;
|
11239
11251
|
let current;
|
@@ -11308,7 +11320,7 @@ function getFlexContext() {
|
|
11308
11320
|
return getContext(FlexContextKey);
|
11309
11321
|
}
|
11310
11322
|
|
11311
|
-
function instance$
|
11323
|
+
function instance$Z($$self, $$props, $$invalidate) {
|
11312
11324
|
let { $$slots: slots = {}, $$scope } = $$props;
|
11313
11325
|
let { direction = 'row' } = $$props;
|
11314
11326
|
let { width = '100%' } = $$props;
|
@@ -11334,8 +11346,8 @@ class Flex extends SvelteComponent {
|
|
11334
11346
|
init(
|
11335
11347
|
this,
|
11336
11348
|
options,
|
11337
|
-
instance$
|
11338
|
-
create_fragment$
|
11349
|
+
instance$Z,
|
11350
|
+
create_fragment$Z,
|
11339
11351
|
safe_not_equal,
|
11340
11352
|
{
|
11341
11353
|
direction: 0,
|
@@ -11343,18 +11355,18 @@ class Flex extends SvelteComponent {
|
|
11343
11355
|
height: 2,
|
11344
11356
|
_style: 3
|
11345
11357
|
},
|
11346
|
-
add_css$
|
11358
|
+
add_css$r
|
11347
11359
|
);
|
11348
11360
|
}
|
11349
11361
|
}
|
11350
11362
|
|
11351
11363
|
/* src/components/FlexItem.svelte generated by Svelte v3.53.1 */
|
11352
11364
|
|
11353
|
-
function add_css$
|
11365
|
+
function add_css$q(target) {
|
11354
11366
|
append_styles(target, "svelte-1p0bk1x", ".flex-item.svelte-1p0bk1x{max-width:100%;max-height:100%;position:relative;isolation:isolate}");
|
11355
11367
|
}
|
11356
11368
|
|
11357
|
-
function create_fragment$
|
11369
|
+
function create_fragment$Y(ctx) {
|
11358
11370
|
let div;
|
11359
11371
|
let current;
|
11360
11372
|
const default_slot_template = /*#slots*/ ctx[4].default;
|
@@ -11422,7 +11434,7 @@ function create_fragment$V(ctx) {
|
|
11422
11434
|
};
|
11423
11435
|
}
|
11424
11436
|
|
11425
|
-
function instance$
|
11437
|
+
function instance$Y($$self, $$props, $$invalidate) {
|
11426
11438
|
let { $$slots: slots = {}, $$scope } = $$props;
|
11427
11439
|
let { length } = $$props;
|
11428
11440
|
let { _style = '' } = $$props;
|
@@ -11465,7 +11477,7 @@ function instance$V($$self, $$props, $$invalidate) {
|
|
11465
11477
|
class FlexItem extends SvelteComponent {
|
11466
11478
|
constructor(options) {
|
11467
11479
|
super();
|
11468
|
-
init(this, options, instance$
|
11480
|
+
init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { length: 1, _style: 2 }, add_css$q);
|
11469
11481
|
}
|
11470
11482
|
}
|
11471
11483
|
|
@@ -11649,7 +11661,7 @@ function create_default_slot$1(ctx) {
|
|
11649
11661
|
};
|
11650
11662
|
}
|
11651
11663
|
|
11652
|
-
function create_fragment$
|
11664
|
+
function create_fragment$X(ctx) {
|
11653
11665
|
let stateitem;
|
11654
11666
|
let current;
|
11655
11667
|
|
@@ -11697,7 +11709,7 @@ function create_fragment$U(ctx) {
|
|
11697
11709
|
};
|
11698
11710
|
}
|
11699
11711
|
|
11700
|
-
function instance$
|
11712
|
+
function instance$X($$self, $$props, $$invalidate) {
|
11701
11713
|
let { $$slots: slots = {}, $$scope } = $$props;
|
11702
11714
|
let { path } = $$props;
|
11703
11715
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
@@ -11768,7 +11780,7 @@ class GridModalState extends SvelteComponent {
|
|
11768
11780
|
constructor(options) {
|
11769
11781
|
super();
|
11770
11782
|
|
11771
|
-
init(this, options, instance$
|
11783
|
+
init(this, options, instance$X, create_fragment$X, safe_not_equal, {
|
11772
11784
|
path: 0,
|
11773
11785
|
onClick: 1,
|
11774
11786
|
clickEventName: 2,
|
@@ -11793,11 +11805,11 @@ class GridModalState extends SvelteComponent {
|
|
11793
11805
|
|
11794
11806
|
/* src/components/TextBlock.svelte generated by Svelte v3.53.1 */
|
11795
11807
|
|
11796
|
-
function add_css$
|
11808
|
+
function add_css$p(target) {
|
11797
11809
|
append_styles(target, "svelte-15pej1m", ".text-block.svelte-15pej1m.svelte-15pej1m{display:flex;position:relative;width:100%;height:100%;box-sizing:border-box;white-space:pre-wrap;overflow:hidden}.text-block-inner.svelte-15pej1m.svelte-15pej1m{width:100%;height:auto}.text-direction-vertical.svelte-15pej1m.svelte-15pej1m{writing-mode:vertical-rl}.text-direction-vertical.svelte-15pej1m .text-block-inner.svelte-15pej1m{width:auto;height:100%}");
|
11798
11810
|
}
|
11799
11811
|
|
11800
|
-
function create_fragment$
|
11812
|
+
function create_fragment$W(ctx) {
|
11801
11813
|
let div1;
|
11802
11814
|
let div0;
|
11803
11815
|
let rendertext;
|
@@ -11862,7 +11874,7 @@ function create_fragment$T(ctx) {
|
|
11862
11874
|
};
|
11863
11875
|
}
|
11864
11876
|
|
11865
|
-
function instance$
|
11877
|
+
function instance$W($$self, $$props, $$invalidate) {
|
11866
11878
|
let style;
|
11867
11879
|
let { text = 'サンプルSample' } = $$props;
|
11868
11880
|
let { font = SYSTEM_FONT } = $$props;
|
@@ -11898,8 +11910,8 @@ class TextBlock extends SvelteComponent {
|
|
11898
11910
|
init(
|
11899
11911
|
this,
|
11900
11912
|
options,
|
11901
|
-
instance$
|
11902
|
-
create_fragment$
|
11913
|
+
instance$W,
|
11914
|
+
create_fragment$W,
|
11903
11915
|
safe_not_equal,
|
11904
11916
|
{
|
11905
11917
|
text: 0,
|
@@ -11908,18 +11920,18 @@ class TextBlock extends SvelteComponent {
|
|
11908
11920
|
textDirection: 1,
|
11909
11921
|
_style: 5
|
11910
11922
|
},
|
11911
|
-
add_css$
|
11923
|
+
add_css$p
|
11912
11924
|
);
|
11913
11925
|
}
|
11914
11926
|
}
|
11915
11927
|
|
11916
11928
|
/* src/components/TextButtonBlock.svelte generated by Svelte v3.53.1 */
|
11917
11929
|
|
11918
|
-
function add_css$
|
11930
|
+
function add_css$o(target) {
|
11919
11931
|
append_styles(target, "svelte-ff0k6r", ".text-button-block.svelte-ff0k6r{width:100%;height:100%;background-color:#000000;border-radius:4px}.text-button.svelte-ff0k6r{display:flex;width:100%;height:100%;background-color:transparent;border:none;box-shadow:transparent;box-sizing:border-box;cursor:pointer;transition:box-shadow 0.2s;color:#ffffff;font-size:14px;font-weight:bold;justify-content:center;align-items:center;padding:1px 6px 1px 6px;line-height:1.5}.text-button.svelte-ff0k6r:active{box-shadow:inset 0 0 100px 100px rgba(0, 0, 0, 0.3)}.text-button.svelte-ff0k6r:hover{box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.3)}");
|
11920
11932
|
}
|
11921
11933
|
|
11922
|
-
function create_fragment$
|
11934
|
+
function create_fragment$V(ctx) {
|
11923
11935
|
let div;
|
11924
11936
|
let button;
|
11925
11937
|
let rendertext;
|
@@ -11993,7 +12005,7 @@ function create_fragment$S(ctx) {
|
|
11993
12005
|
};
|
11994
12006
|
}
|
11995
12007
|
|
11996
|
-
function instance$
|
12008
|
+
function instance$V($$self, $$props, $$invalidate) {
|
11997
12009
|
let { text = 'ボタンラベル' } = $$props;
|
11998
12010
|
let { onClick = { operation: 'none', args: [] } } = $$props;
|
11999
12011
|
|
@@ -12035,8 +12047,8 @@ class TextButtonBlock extends SvelteComponent {
|
|
12035
12047
|
init(
|
12036
12048
|
this,
|
12037
12049
|
options,
|
12038
|
-
instance$
|
12039
|
-
create_fragment$
|
12050
|
+
instance$V,
|
12051
|
+
create_fragment$V,
|
12040
12052
|
safe_not_equal,
|
12041
12053
|
{
|
12042
12054
|
text: 0,
|
@@ -12046,18 +12058,18 @@ class TextButtonBlock extends SvelteComponent {
|
|
12046
12058
|
_buttonStyle: 1,
|
12047
12059
|
_style: 2
|
12048
12060
|
},
|
12049
|
-
add_css$
|
12061
|
+
add_css$o
|
12050
12062
|
);
|
12051
12063
|
}
|
12052
12064
|
}
|
12053
12065
|
|
12054
12066
|
/* src/components/ImageBlock.svelte generated by Svelte v3.53.1 */
|
12055
12067
|
|
12056
|
-
function add_css$
|
12068
|
+
function add_css$n(target) {
|
12057
12069
|
append_styles(target, "svelte-1pdw891", ".image-block.svelte-1pdw891{display:flex;position:relative;width:100%;height:100%;max-width:100%;max-height:100%;justify-content:center;align-items:center;white-space:nowrap;box-sizing:border-box;border-width:0px;border-style:solid;border-color:#000000;overflow:hidden}.image.svelte-1pdw891{width:100%;height:100%}.transport.svelte-1pdw891:hover,.transport.svelte-1pdw891:focus{opacity:0.75;box-shadow:0 5px 16px rgba(0, 0, 0, 0.1), 0 8px 28px rgba(0, 0, 0, 0.16)}");
|
12058
12070
|
}
|
12059
12071
|
|
12060
|
-
function create_fragment$
|
12072
|
+
function create_fragment$U(ctx) {
|
12061
12073
|
let div;
|
12062
12074
|
let img;
|
12063
12075
|
let img_style_value;
|
@@ -12140,7 +12152,7 @@ function create_fragment$R(ctx) {
|
|
12140
12152
|
};
|
12141
12153
|
}
|
12142
12154
|
|
12143
|
-
function instance$
|
12155
|
+
function instance$U($$self, $$props, $$invalidate) {
|
12144
12156
|
let { src = 'https://admin.karte.io/action-editor2/public/images/no_image_en.svg' } = $$props;
|
12145
12157
|
let { alt = 'No Image' } = $$props;
|
12146
12158
|
let { transport = false } = $$props;
|
@@ -12180,8 +12192,8 @@ class ImageBlock extends SvelteComponent {
|
|
12180
12192
|
init(
|
12181
12193
|
this,
|
12182
12194
|
options,
|
12183
|
-
instance$
|
12184
|
-
create_fragment$
|
12195
|
+
instance$U,
|
12196
|
+
create_fragment$U,
|
12185
12197
|
safe_not_equal,
|
12186
12198
|
{
|
12187
12199
|
src: 0,
|
@@ -12193,7 +12205,7 @@ class ImageBlock extends SvelteComponent {
|
|
12193
12205
|
_imageStyle: 4,
|
12194
12206
|
_style: 5
|
12195
12207
|
},
|
12196
|
-
add_css$
|
12208
|
+
add_css$n
|
12197
12209
|
);
|
12198
12210
|
}
|
12199
12211
|
}
|
@@ -12302,12 +12314,13 @@ const ASPECT_VARIANT = {
|
|
12302
12314
|
},
|
12303
12315
|
};
|
12304
12316
|
const ASPECT_VARIANTS = toVariantArray(ASPECT_VARIANT);
|
12305
|
-
|
12306
|
-
// FontFamily
|
12307
|
-
// ================================
|
12308
|
-
const createFontVariant = (font) => {
|
12317
|
+
const createFontVariant = (font, lang, type) => {
|
12309
12318
|
return {
|
12310
12319
|
name: font,
|
12320
|
+
meta: {
|
12321
|
+
lang,
|
12322
|
+
type,
|
12323
|
+
},
|
12311
12324
|
getProps: () => ({
|
12312
12325
|
fontFamily: font,
|
12313
12326
|
}),
|
@@ -12316,31 +12329,57 @@ const createFontVariant = (font) => {
|
|
12316
12329
|
const FONT_FAMILY_VARIANT = {
|
12317
12330
|
default: {
|
12318
12331
|
name: `デフォルト`,
|
12332
|
+
meta: {
|
12333
|
+
type: 'kaku',
|
12334
|
+
lang: 'ja',
|
12335
|
+
},
|
12319
12336
|
getProps: brandKit => ({
|
12320
12337
|
fontFamily: brandKit?.font_family ?? SYSTEM_FONT,
|
12321
12338
|
}),
|
12322
12339
|
},
|
12323
|
-
noto_sans_jp: createFontVariant('Noto Sans JP'),
|
12324
|
-
sawarabi_gothic: createFontVariant('Sawarabi Gothic'),
|
12325
|
-
zen_kaku_gothic: createFontVariant('Zen
|
12326
|
-
kosugi: createFontVariant('Kosugi'),
|
12327
|
-
biz_udp_gothic: createFontVariant('BIZ UDPGothic'),
|
12328
|
-
open_sans: createFontVariant('Open Sans'),
|
12329
|
-
|
12330
|
-
|
12331
|
-
|
12332
|
-
|
12333
|
-
|
12334
|
-
|
12335
|
-
|
12336
|
-
|
12337
|
-
|
12338
|
-
|
12339
|
-
|
12340
|
-
|
12341
|
-
|
12340
|
+
noto_sans_jp: createFontVariant('Noto Sans JP', 'ja', 'kaku'),
|
12341
|
+
sawarabi_gothic: createFontVariant('Sawarabi Gothic', 'ja', 'kaku'),
|
12342
|
+
zen_kaku_gothic: createFontVariant('Zen Kaku Gothic', 'ja', 'kaku'),
|
12343
|
+
kosugi: createFontVariant('Kosugi', 'ja', 'kaku'),
|
12344
|
+
biz_udp_gothic: createFontVariant('BIZ UDPGothic', 'ja', 'kaku'),
|
12345
|
+
open_sans: createFontVariant('Open Sans', 'ja', 'kaku'),
|
12346
|
+
sans_serif: createFontVariant('sans-serif', 'ja', 'kaku'),
|
12347
|
+
m_plus_rounded_1c: createFontVariant('M PLUS Rounded 1c', 'ja', 'maru'),
|
12348
|
+
m_plus_1p: createFontVariant('M PLUS 1p', 'ja', 'maru'),
|
12349
|
+
zen_maru_gothic: createFontVariant('Zen Maru Gothic', 'ja', 'maru'),
|
12350
|
+
kosugi_maru: createFontVariant('Kosugi Maru', 'ja', 'maru'),
|
12351
|
+
noto_serif_jp: createFontVariant('Noto Serif JP', 'ja', 'min'),
|
12352
|
+
shippori_micho: createFontVariant('Shippori Mincho', 'ja', 'min'),
|
12353
|
+
biz_udp_micho: createFontVariant('BIZ UDPMincho', 'ja', 'min'),
|
12354
|
+
serif: createFontVariant('serif', 'ja', 'min'),
|
12355
|
+
roboto: createFontVariant('Roboto', 'en', 'kaku'),
|
12356
|
+
lato: createFontVariant('Lato', 'en', 'kaku'),
|
12357
|
+
poppins: createFontVariant('Poppins', 'en', 'kaku'),
|
12358
|
+
raleway: createFontVariant('Raleway', 'en', 'kaku'),
|
12359
|
+
nunito: createFontVariant('Nunito', 'en', 'kaku'),
|
12360
|
+
lora: createFontVariant('Lora', 'en', 'kaku'),
|
12361
|
+
monospace: createFontVariant('monospace', 'en', 'kaku'),
|
12362
|
+
system_ui: createFontVariant('system-ui', 'en', 'kaku'),
|
12342
12363
|
};
|
12343
12364
|
const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
|
12365
|
+
const FONT_FAMILY_VARIANT_GROUPS = [
|
12366
|
+
{
|
12367
|
+
label: '日本語 / 角ゴシック',
|
12368
|
+
variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'ja' && v.meta?.type === 'kaku'),
|
12369
|
+
},
|
12370
|
+
{
|
12371
|
+
label: '日本語 / 丸ゴシック',
|
12372
|
+
variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'ja' && v.meta?.type === 'maru'),
|
12373
|
+
},
|
12374
|
+
{
|
12375
|
+
label: '日本語 / 明朝',
|
12376
|
+
variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'ja' && v.meta?.type === 'min'),
|
12377
|
+
},
|
12378
|
+
{
|
12379
|
+
label: '英語',
|
12380
|
+
variants: FONT_FAMILY_VARIANTS.filter(v => v.meta?.lang === 'en'),
|
12381
|
+
},
|
12382
|
+
];
|
12344
12383
|
// ================================
|
12345
12384
|
// Shadow
|
12346
12385
|
// ================================
|
@@ -12548,7 +12587,7 @@ const AVATAR_SIZE_STYLES = {
|
|
12548
12587
|
|
12549
12588
|
/* src/components-flex/avatar/Avatar.svelte generated by Svelte v3.53.1 */
|
12550
12589
|
|
12551
|
-
function add_css$
|
12590
|
+
function add_css$m(target) {
|
12552
12591
|
append_styles(target, "svelte-1krsdyx", ".avatar.svelte-1krsdyx{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0}");
|
12553
12592
|
}
|
12554
12593
|
|
@@ -12658,7 +12697,7 @@ function create_dynamic_element$b(ctx) {
|
|
12658
12697
|
};
|
12659
12698
|
}
|
12660
12699
|
|
12661
|
-
function create_fragment$
|
12700
|
+
function create_fragment$T(ctx) {
|
12662
12701
|
let previous_tag = /*element*/ ctx[5];
|
12663
12702
|
let svelte_element_anchor;
|
12664
12703
|
let svelte_element = /*element*/ ctx[5] && create_dynamic_element$b(ctx);
|
@@ -12706,7 +12745,7 @@ function create_fragment$Q(ctx) {
|
|
12706
12745
|
};
|
12707
12746
|
}
|
12708
12747
|
|
12709
|
-
function instance$
|
12748
|
+
function instance$T($$self, $$props, $$invalidate) {
|
12710
12749
|
let style;
|
12711
12750
|
let imgStyle;
|
12712
12751
|
let { props = {} } = $$props;
|
@@ -12758,25 +12797,33 @@ function instance$Q($$self, $$props, $$invalidate) {
|
|
12758
12797
|
class Avatar extends SvelteComponent {
|
12759
12798
|
constructor(options) {
|
12760
12799
|
super();
|
12761
|
-
init(this, options, instance$
|
12800
|
+
init(this, options, instance$T, create_fragment$T, safe_not_equal, { props: 0, layerId: 1 }, add_css$m);
|
12762
12801
|
}
|
12763
12802
|
}
|
12764
12803
|
|
12765
12804
|
const BUTTON_SIZE = {
|
12766
|
-
extra_small: '
|
12767
|
-
small: '
|
12768
|
-
medium: '
|
12769
|
-
large: '
|
12770
|
-
extra_large: '
|
12805
|
+
extra_small: 'エクストラ スモール',
|
12806
|
+
small: 'スモール',
|
12807
|
+
medium: 'ミディアム',
|
12808
|
+
large: 'ラージ',
|
12809
|
+
extra_large: 'エクストラ ラージ',
|
12771
12810
|
};
|
12772
12811
|
const BUTTON_THEME = {
|
12773
|
-
default: '
|
12774
|
-
general: '
|
12775
|
-
|
12776
|
-
|
12777
|
-
|
12778
|
-
|
12779
|
-
|
12812
|
+
default: 'ノーマル / ブランド',
|
12813
|
+
general: 'ノーマル / ジェネラル',
|
12814
|
+
danger: 'ノーマル / アラート',
|
12815
|
+
white: 'ノーマル / ホワイト',
|
12816
|
+
default_outline: 'アウトライン / ブランド',
|
12817
|
+
general_outline: 'アウトライン / ジェネラル',
|
12818
|
+
danger_outline: 'アウトライン / アラート',
|
12819
|
+
default_text: 'テキスト / ブランド',
|
12820
|
+
general_text: 'テキスト / ジェネラル',
|
12821
|
+
danger_text: 'テキスト / アラート',
|
12822
|
+
};
|
12823
|
+
const BUTTON_VARIANT = {
|
12824
|
+
normal: 'ノーマル',
|
12825
|
+
outline: 'アウトライン',
|
12826
|
+
text: 'テキスト',
|
12780
12827
|
};
|
12781
12828
|
const BUTTON_ROUND = {
|
12782
12829
|
default: 'デフォルト',
|
@@ -12802,7 +12849,7 @@ const buttonPropsDefault = {
|
|
12802
12849
|
|
12803
12850
|
/* src/components-flex/icon/variants/IconArrowDown.svelte generated by Svelte v3.53.1 */
|
12804
12851
|
|
12805
|
-
function create_fragment$
|
12852
|
+
function create_fragment$S(ctx) {
|
12806
12853
|
let svg;
|
12807
12854
|
let path;
|
12808
12855
|
|
@@ -12845,7 +12892,7 @@ function create_fragment$P(ctx) {
|
|
12845
12892
|
};
|
12846
12893
|
}
|
12847
12894
|
|
12848
|
-
function instance$
|
12895
|
+
function instance$S($$self, $$props, $$invalidate) {
|
12849
12896
|
let { color } = $$props;
|
12850
12897
|
|
12851
12898
|
$$self.$$set = $$props => {
|
@@ -12858,13 +12905,13 @@ function instance$P($$self, $$props, $$invalidate) {
|
|
12858
12905
|
class IconArrowDown extends SvelteComponent {
|
12859
12906
|
constructor(options) {
|
12860
12907
|
super();
|
12861
|
-
init(this, options, instance$
|
12908
|
+
init(this, options, instance$S, create_fragment$S, safe_not_equal, { color: 0 });
|
12862
12909
|
}
|
12863
12910
|
}
|
12864
12911
|
|
12865
12912
|
/* src/components-flex/icon/variants/IconArrowUp.svelte generated by Svelte v3.53.1 */
|
12866
12913
|
|
12867
|
-
function create_fragment$
|
12914
|
+
function create_fragment$R(ctx) {
|
12868
12915
|
let svg;
|
12869
12916
|
let path;
|
12870
12917
|
|
@@ -12907,7 +12954,7 @@ function create_fragment$O(ctx) {
|
|
12907
12954
|
};
|
12908
12955
|
}
|
12909
12956
|
|
12910
|
-
function instance$
|
12957
|
+
function instance$R($$self, $$props, $$invalidate) {
|
12911
12958
|
let { color } = $$props;
|
12912
12959
|
|
12913
12960
|
$$self.$$set = $$props => {
|
@@ -12920,13 +12967,13 @@ function instance$O($$self, $$props, $$invalidate) {
|
|
12920
12967
|
class IconArrowUp extends SvelteComponent {
|
12921
12968
|
constructor(options) {
|
12922
12969
|
super();
|
12923
|
-
init(this, options, instance$
|
12970
|
+
init(this, options, instance$R, create_fragment$R, safe_not_equal, { color: 0 });
|
12924
12971
|
}
|
12925
12972
|
}
|
12926
12973
|
|
12927
12974
|
/* src/components-flex/icon/variants/IconUsers.svelte generated by Svelte v3.53.1 */
|
12928
12975
|
|
12929
|
-
function create_fragment$
|
12976
|
+
function create_fragment$Q(ctx) {
|
12930
12977
|
let svg;
|
12931
12978
|
let path;
|
12932
12979
|
|
@@ -12969,7 +13016,7 @@ function create_fragment$N(ctx) {
|
|
12969
13016
|
};
|
12970
13017
|
}
|
12971
13018
|
|
12972
|
-
function instance$
|
13019
|
+
function instance$Q($$self, $$props, $$invalidate) {
|
12973
13020
|
let { color } = $$props;
|
12974
13021
|
|
12975
13022
|
$$self.$$set = $$props => {
|
@@ -12982,13 +13029,13 @@ function instance$N($$self, $$props, $$invalidate) {
|
|
12982
13029
|
class IconUsers extends SvelteComponent {
|
12983
13030
|
constructor(options) {
|
12984
13031
|
super();
|
12985
|
-
init(this, options, instance$
|
13032
|
+
init(this, options, instance$Q, create_fragment$Q, safe_not_equal, { color: 0 });
|
12986
13033
|
}
|
12987
13034
|
}
|
12988
13035
|
|
12989
13036
|
/* src/components-flex/icon/variants/IconArrowLeft.svelte generated by Svelte v3.53.1 */
|
12990
13037
|
|
12991
|
-
function create_fragment$
|
13038
|
+
function create_fragment$P(ctx) {
|
12992
13039
|
let svg;
|
12993
13040
|
let path;
|
12994
13041
|
|
@@ -13031,7 +13078,7 @@ function create_fragment$M(ctx) {
|
|
13031
13078
|
};
|
13032
13079
|
}
|
13033
13080
|
|
13034
|
-
function instance$
|
13081
|
+
function instance$P($$self, $$props, $$invalidate) {
|
13035
13082
|
let { color } = $$props;
|
13036
13083
|
|
13037
13084
|
$$self.$$set = $$props => {
|
@@ -13044,13 +13091,13 @@ function instance$M($$self, $$props, $$invalidate) {
|
|
13044
13091
|
class IconArrowLeft extends SvelteComponent {
|
13045
13092
|
constructor(options) {
|
13046
13093
|
super();
|
13047
|
-
init(this, options, instance$
|
13094
|
+
init(this, options, instance$P, create_fragment$P, safe_not_equal, { color: 0 });
|
13048
13095
|
}
|
13049
13096
|
}
|
13050
13097
|
|
13051
13098
|
/* src/components-flex/icon/variants/IconArrowRight.svelte generated by Svelte v3.53.1 */
|
13052
13099
|
|
13053
|
-
function create_fragment$
|
13100
|
+
function create_fragment$O(ctx) {
|
13054
13101
|
let svg;
|
13055
13102
|
let path;
|
13056
13103
|
|
@@ -13093,7 +13140,7 @@ function create_fragment$L(ctx) {
|
|
13093
13140
|
};
|
13094
13141
|
}
|
13095
13142
|
|
13096
|
-
function instance$
|
13143
|
+
function instance$O($$self, $$props, $$invalidate) {
|
13097
13144
|
let { color } = $$props;
|
13098
13145
|
|
13099
13146
|
$$self.$$set = $$props => {
|
@@ -13106,13 +13153,13 @@ function instance$L($$self, $$props, $$invalidate) {
|
|
13106
13153
|
class IconArrowRight extends SvelteComponent {
|
13107
13154
|
constructor(options) {
|
13108
13155
|
super();
|
13109
|
-
init(this, options, instance$
|
13156
|
+
init(this, options, instance$O, create_fragment$O, safe_not_equal, { color: 0 });
|
13110
13157
|
}
|
13111
13158
|
}
|
13112
13159
|
|
13113
13160
|
/* src/components-flex/icon/variants/IconBell.svelte generated by Svelte v3.53.1 */
|
13114
13161
|
|
13115
|
-
function create_fragment$
|
13162
|
+
function create_fragment$N(ctx) {
|
13116
13163
|
let svg;
|
13117
13164
|
let path;
|
13118
13165
|
|
@@ -13155,7 +13202,7 @@ function create_fragment$K(ctx) {
|
|
13155
13202
|
};
|
13156
13203
|
}
|
13157
13204
|
|
13158
|
-
function instance$
|
13205
|
+
function instance$N($$self, $$props, $$invalidate) {
|
13159
13206
|
let { color } = $$props;
|
13160
13207
|
|
13161
13208
|
$$self.$$set = $$props => {
|
@@ -13168,13 +13215,13 @@ function instance$K($$self, $$props, $$invalidate) {
|
|
13168
13215
|
class IconBell extends SvelteComponent {
|
13169
13216
|
constructor(options) {
|
13170
13217
|
super();
|
13171
|
-
init(this, options, instance$
|
13218
|
+
init(this, options, instance$N, create_fragment$N, safe_not_equal, { color: 0 });
|
13172
13219
|
}
|
13173
13220
|
}
|
13174
13221
|
|
13175
13222
|
/* src/components-flex/icon/variants/IconArrowUpFromSquare.svelte generated by Svelte v3.53.1 */
|
13176
13223
|
|
13177
|
-
function create_fragment$
|
13224
|
+
function create_fragment$M(ctx) {
|
13178
13225
|
let svg;
|
13179
13226
|
let path;
|
13180
13227
|
|
@@ -13217,7 +13264,7 @@ function create_fragment$J(ctx) {
|
|
13217
13264
|
};
|
13218
13265
|
}
|
13219
13266
|
|
13220
|
-
function instance$
|
13267
|
+
function instance$M($$self, $$props, $$invalidate) {
|
13221
13268
|
let { color } = $$props;
|
13222
13269
|
|
13223
13270
|
$$self.$$set = $$props => {
|
@@ -13230,13 +13277,13 @@ function instance$J($$self, $$props, $$invalidate) {
|
|
13230
13277
|
class IconArrowUpFromSquare extends SvelteComponent {
|
13231
13278
|
constructor(options) {
|
13232
13279
|
super();
|
13233
|
-
init(this, options, instance$
|
13280
|
+
init(this, options, instance$M, create_fragment$M, safe_not_equal, { color: 0 });
|
13234
13281
|
}
|
13235
13282
|
}
|
13236
13283
|
|
13237
13284
|
/* src/components-flex/icon/variants/IconTicket.svelte generated by Svelte v3.53.1 */
|
13238
13285
|
|
13239
|
-
function create_fragment$
|
13286
|
+
function create_fragment$L(ctx) {
|
13240
13287
|
let svg;
|
13241
13288
|
let path;
|
13242
13289
|
|
@@ -13279,7 +13326,7 @@ function create_fragment$I(ctx) {
|
|
13279
13326
|
};
|
13280
13327
|
}
|
13281
13328
|
|
13282
|
-
function instance$
|
13329
|
+
function instance$L($$self, $$props, $$invalidate) {
|
13283
13330
|
let { color } = $$props;
|
13284
13331
|
|
13285
13332
|
$$self.$$set = $$props => {
|
@@ -13292,13 +13339,13 @@ function instance$I($$self, $$props, $$invalidate) {
|
|
13292
13339
|
class IconTicket extends SvelteComponent {
|
13293
13340
|
constructor(options) {
|
13294
13341
|
super();
|
13295
|
-
init(this, options, instance$
|
13342
|
+
init(this, options, instance$L, create_fragment$L, safe_not_equal, { color: 0 });
|
13296
13343
|
}
|
13297
13344
|
}
|
13298
13345
|
|
13299
13346
|
/* src/components-flex/icon/variants/IconTrack.svelte generated by Svelte v3.53.1 */
|
13300
13347
|
|
13301
|
-
function create_fragment$
|
13348
|
+
function create_fragment$K(ctx) {
|
13302
13349
|
let svg;
|
13303
13350
|
let path;
|
13304
13351
|
|
@@ -13341,7 +13388,7 @@ function create_fragment$H(ctx) {
|
|
13341
13388
|
};
|
13342
13389
|
}
|
13343
13390
|
|
13344
|
-
function instance$
|
13391
|
+
function instance$K($$self, $$props, $$invalidate) {
|
13345
13392
|
let { color } = $$props;
|
13346
13393
|
|
13347
13394
|
$$self.$$set = $$props => {
|
@@ -13354,13 +13401,13 @@ function instance$H($$self, $$props, $$invalidate) {
|
|
13354
13401
|
class IconTrack extends SvelteComponent {
|
13355
13402
|
constructor(options) {
|
13356
13403
|
super();
|
13357
|
-
init(this, options, instance$
|
13404
|
+
init(this, options, instance$K, create_fragment$K, safe_not_equal, { color: 0 });
|
13358
13405
|
}
|
13359
13406
|
}
|
13360
13407
|
|
13361
13408
|
/* src/components-flex/icon/variants/IconCartShopping.svelte generated by Svelte v3.53.1 */
|
13362
13409
|
|
13363
|
-
function create_fragment$
|
13410
|
+
function create_fragment$J(ctx) {
|
13364
13411
|
let svg;
|
13365
13412
|
let path;
|
13366
13413
|
|
@@ -13403,7 +13450,7 @@ function create_fragment$G(ctx) {
|
|
13403
13450
|
};
|
13404
13451
|
}
|
13405
13452
|
|
13406
|
-
function instance$
|
13453
|
+
function instance$J($$self, $$props, $$invalidate) {
|
13407
13454
|
let { color } = $$props;
|
13408
13455
|
|
13409
13456
|
$$self.$$set = $$props => {
|
@@ -13416,13 +13463,13 @@ function instance$G($$self, $$props, $$invalidate) {
|
|
13416
13463
|
class IconCartShopping extends SvelteComponent {
|
13417
13464
|
constructor(options) {
|
13418
13465
|
super();
|
13419
|
-
init(this, options, instance$
|
13466
|
+
init(this, options, instance$J, create_fragment$J, safe_not_equal, { color: 0 });
|
13420
13467
|
}
|
13421
13468
|
}
|
13422
13469
|
|
13423
13470
|
/* src/components-flex/icon/variants/IconCircle.svelte generated by Svelte v3.53.1 */
|
13424
13471
|
|
13425
|
-
function create_fragment$
|
13472
|
+
function create_fragment$I(ctx) {
|
13426
13473
|
let svg;
|
13427
13474
|
let path;
|
13428
13475
|
|
@@ -13465,7 +13512,7 @@ function create_fragment$F(ctx) {
|
|
13465
13512
|
};
|
13466
13513
|
}
|
13467
13514
|
|
13468
|
-
function instance$
|
13515
|
+
function instance$I($$self, $$props, $$invalidate) {
|
13469
13516
|
let { color } = $$props;
|
13470
13517
|
|
13471
13518
|
$$self.$$set = $$props => {
|
@@ -13478,13 +13525,13 @@ function instance$F($$self, $$props, $$invalidate) {
|
|
13478
13525
|
class IconCircle extends SvelteComponent {
|
13479
13526
|
constructor(options) {
|
13480
13527
|
super();
|
13481
|
-
init(this, options, instance$
|
13528
|
+
init(this, options, instance$I, create_fragment$I, safe_not_equal, { color: 0 });
|
13482
13529
|
}
|
13483
13530
|
}
|
13484
13531
|
|
13485
13532
|
/* src/components-flex/icon/variants/IconCircleQuestion.svelte generated by Svelte v3.53.1 */
|
13486
13533
|
|
13487
|
-
function create_fragment$
|
13534
|
+
function create_fragment$H(ctx) {
|
13488
13535
|
let svg;
|
13489
13536
|
let path;
|
13490
13537
|
|
@@ -13527,7 +13574,7 @@ function create_fragment$E(ctx) {
|
|
13527
13574
|
};
|
13528
13575
|
}
|
13529
13576
|
|
13530
|
-
function instance$
|
13577
|
+
function instance$H($$self, $$props, $$invalidate) {
|
13531
13578
|
let { color } = $$props;
|
13532
13579
|
|
13533
13580
|
$$self.$$set = $$props => {
|
@@ -13540,13 +13587,13 @@ function instance$E($$self, $$props, $$invalidate) {
|
|
13540
13587
|
class IconCircleQuestion extends SvelteComponent {
|
13541
13588
|
constructor(options) {
|
13542
13589
|
super();
|
13543
|
-
init(this, options, instance$
|
13590
|
+
init(this, options, instance$H, create_fragment$H, safe_not_equal, { color: 0 });
|
13544
13591
|
}
|
13545
13592
|
}
|
13546
13593
|
|
13547
13594
|
/* src/components-flex/icon/variants/IconCheck.svelte generated by Svelte v3.53.1 */
|
13548
13595
|
|
13549
|
-
function create_fragment$
|
13596
|
+
function create_fragment$G(ctx) {
|
13550
13597
|
let svg;
|
13551
13598
|
let path;
|
13552
13599
|
|
@@ -13589,7 +13636,7 @@ function create_fragment$D(ctx) {
|
|
13589
13636
|
};
|
13590
13637
|
}
|
13591
13638
|
|
13592
|
-
function instance$
|
13639
|
+
function instance$G($$self, $$props, $$invalidate) {
|
13593
13640
|
let { color } = $$props;
|
13594
13641
|
|
13595
13642
|
$$self.$$set = $$props => {
|
@@ -13602,13 +13649,13 @@ function instance$D($$self, $$props, $$invalidate) {
|
|
13602
13649
|
class IconCheck extends SvelteComponent {
|
13603
13650
|
constructor(options) {
|
13604
13651
|
super();
|
13605
|
-
init(this, options, instance$
|
13652
|
+
init(this, options, instance$G, create_fragment$G, safe_not_equal, { color: 0 });
|
13606
13653
|
}
|
13607
13654
|
}
|
13608
13655
|
|
13609
13656
|
/* src/components-flex/icon/variants/IconXMark.svelte generated by Svelte v3.53.1 */
|
13610
13657
|
|
13611
|
-
function create_fragment$
|
13658
|
+
function create_fragment$F(ctx) {
|
13612
13659
|
let svg;
|
13613
13660
|
let path;
|
13614
13661
|
|
@@ -13651,7 +13698,7 @@ function create_fragment$C(ctx) {
|
|
13651
13698
|
};
|
13652
13699
|
}
|
13653
13700
|
|
13654
|
-
function instance$
|
13701
|
+
function instance$F($$self, $$props, $$invalidate) {
|
13655
13702
|
let { color } = $$props;
|
13656
13703
|
|
13657
13704
|
$$self.$$set = $$props => {
|
@@ -13664,13 +13711,13 @@ function instance$C($$self, $$props, $$invalidate) {
|
|
13664
13711
|
class IconXMark extends SvelteComponent {
|
13665
13712
|
constructor(options) {
|
13666
13713
|
super();
|
13667
|
-
init(this, options, instance$
|
13714
|
+
init(this, options, instance$F, create_fragment$F, safe_not_equal, { color: 0 });
|
13668
13715
|
}
|
13669
13716
|
}
|
13670
13717
|
|
13671
13718
|
/* src/components-flex/icon/variants/IconPaperPlane.svelte generated by Svelte v3.53.1 */
|
13672
13719
|
|
13673
|
-
function create_fragment$
|
13720
|
+
function create_fragment$E(ctx) {
|
13674
13721
|
let svg;
|
13675
13722
|
let path;
|
13676
13723
|
|
@@ -13713,7 +13760,7 @@ function create_fragment$B(ctx) {
|
|
13713
13760
|
};
|
13714
13761
|
}
|
13715
13762
|
|
13716
|
-
function instance$
|
13763
|
+
function instance$E($$self, $$props, $$invalidate) {
|
13717
13764
|
let { color } = $$props;
|
13718
13765
|
|
13719
13766
|
$$self.$$set = $$props => {
|
@@ -13726,13 +13773,13 @@ function instance$B($$self, $$props, $$invalidate) {
|
|
13726
13773
|
class IconPaperPlane extends SvelteComponent {
|
13727
13774
|
constructor(options) {
|
13728
13775
|
super();
|
13729
|
-
init(this, options, instance$
|
13776
|
+
init(this, options, instance$E, create_fragment$E, safe_not_equal, { color: 0 });
|
13730
13777
|
}
|
13731
13778
|
}
|
13732
13779
|
|
13733
13780
|
/* src/components-flex/icon/variants/IconCopy.svelte generated by Svelte v3.53.1 */
|
13734
13781
|
|
13735
|
-
function create_fragment$
|
13782
|
+
function create_fragment$D(ctx) {
|
13736
13783
|
let svg;
|
13737
13784
|
let path;
|
13738
13785
|
|
@@ -13775,7 +13822,7 @@ function create_fragment$A(ctx) {
|
|
13775
13822
|
};
|
13776
13823
|
}
|
13777
13824
|
|
13778
|
-
function instance$
|
13825
|
+
function instance$D($$self, $$props, $$invalidate) {
|
13779
13826
|
let { color } = $$props;
|
13780
13827
|
|
13781
13828
|
$$self.$$set = $$props => {
|
@@ -13788,13 +13835,13 @@ function instance$A($$self, $$props, $$invalidate) {
|
|
13788
13835
|
class IconCopy extends SvelteComponent {
|
13789
13836
|
constructor(options) {
|
13790
13837
|
super();
|
13791
|
-
init(this, options, instance$
|
13838
|
+
init(this, options, instance$D, create_fragment$D, safe_not_equal, { color: 0 });
|
13792
13839
|
}
|
13793
13840
|
}
|
13794
13841
|
|
13795
13842
|
/* src/components-flex/icon/variants/IconCircleXMark.svelte generated by Svelte v3.53.1 */
|
13796
13843
|
|
13797
|
-
function create_fragment$
|
13844
|
+
function create_fragment$C(ctx) {
|
13798
13845
|
let svg;
|
13799
13846
|
let path;
|
13800
13847
|
|
@@ -13837,7 +13884,7 @@ function create_fragment$z(ctx) {
|
|
13837
13884
|
};
|
13838
13885
|
}
|
13839
13886
|
|
13840
|
-
function instance$
|
13887
|
+
function instance$C($$self, $$props, $$invalidate) {
|
13841
13888
|
let { color } = $$props;
|
13842
13889
|
|
13843
13890
|
$$self.$$set = $$props => {
|
@@ -13850,13 +13897,13 @@ function instance$z($$self, $$props, $$invalidate) {
|
|
13850
13897
|
class IconCircleXMark extends SvelteComponent {
|
13851
13898
|
constructor(options) {
|
13852
13899
|
super();
|
13853
|
-
init(this, options, instance$
|
13900
|
+
init(this, options, instance$C, create_fragment$C, safe_not_equal, { color: 0 });
|
13854
13901
|
}
|
13855
13902
|
}
|
13856
13903
|
|
13857
13904
|
/* src/components-flex/icon/variants/IconHeart.svelte generated by Svelte v3.53.1 */
|
13858
13905
|
|
13859
|
-
function create_fragment$
|
13906
|
+
function create_fragment$B(ctx) {
|
13860
13907
|
let svg;
|
13861
13908
|
let path;
|
13862
13909
|
|
@@ -13899,7 +13946,7 @@ function create_fragment$y(ctx) {
|
|
13899
13946
|
};
|
13900
13947
|
}
|
13901
13948
|
|
13902
|
-
function instance$
|
13949
|
+
function instance$B($$self, $$props, $$invalidate) {
|
13903
13950
|
let { color } = $$props;
|
13904
13951
|
|
13905
13952
|
$$self.$$set = $$props => {
|
@@ -13912,13 +13959,13 @@ function instance$y($$self, $$props, $$invalidate) {
|
|
13912
13959
|
class IconHeart extends SvelteComponent {
|
13913
13960
|
constructor(options) {
|
13914
13961
|
super();
|
13915
|
-
init(this, options, instance$
|
13962
|
+
init(this, options, instance$B, create_fragment$B, safe_not_equal, { color: 0 });
|
13916
13963
|
}
|
13917
13964
|
}
|
13918
13965
|
|
13919
13966
|
/* src/components-flex/icon/variants/IconMagnifyingGrass.svelte generated by Svelte v3.53.1 */
|
13920
13967
|
|
13921
|
-
function create_fragment$
|
13968
|
+
function create_fragment$A(ctx) {
|
13922
13969
|
let svg;
|
13923
13970
|
let path;
|
13924
13971
|
|
@@ -13961,7 +14008,7 @@ function create_fragment$x(ctx) {
|
|
13961
14008
|
};
|
13962
14009
|
}
|
13963
14010
|
|
13964
|
-
function instance$
|
14011
|
+
function instance$A($$self, $$props, $$invalidate) {
|
13965
14012
|
let { color } = $$props;
|
13966
14013
|
|
13967
14014
|
$$self.$$set = $$props => {
|
@@ -13974,13 +14021,13 @@ function instance$x($$self, $$props, $$invalidate) {
|
|
13974
14021
|
class IconMagnifyingGrass extends SvelteComponent {
|
13975
14022
|
constructor(options) {
|
13976
14023
|
super();
|
13977
|
-
init(this, options, instance$
|
14024
|
+
init(this, options, instance$A, create_fragment$A, safe_not_equal, { color: 0 });
|
13978
14025
|
}
|
13979
14026
|
}
|
13980
14027
|
|
13981
14028
|
/* src/components-flex/icon/variants/IconStar.svelte generated by Svelte v3.53.1 */
|
13982
14029
|
|
13983
|
-
function create_fragment$
|
14030
|
+
function create_fragment$z(ctx) {
|
13984
14031
|
let svg;
|
13985
14032
|
let path;
|
13986
14033
|
|
@@ -14023,7 +14070,7 @@ function create_fragment$w(ctx) {
|
|
14023
14070
|
};
|
14024
14071
|
}
|
14025
14072
|
|
14026
|
-
function instance$
|
14073
|
+
function instance$z($$self, $$props, $$invalidate) {
|
14027
14074
|
let { color } = $$props;
|
14028
14075
|
|
14029
14076
|
$$self.$$set = $$props => {
|
@@ -14036,13 +14083,13 @@ function instance$w($$self, $$props, $$invalidate) {
|
|
14036
14083
|
class IconStar extends SvelteComponent {
|
14037
14084
|
constructor(options) {
|
14038
14085
|
super();
|
14039
|
-
init(this, options, instance$
|
14086
|
+
init(this, options, instance$z, create_fragment$z, safe_not_equal, { color: 0 });
|
14040
14087
|
}
|
14041
14088
|
}
|
14042
14089
|
|
14043
14090
|
/* src/components-flex/icon/variants/IconCircleInfo.svelte generated by Svelte v3.53.1 */
|
14044
14091
|
|
14045
|
-
function create_fragment$
|
14092
|
+
function create_fragment$y(ctx) {
|
14046
14093
|
let svg;
|
14047
14094
|
let path;
|
14048
14095
|
|
@@ -14085,7 +14132,7 @@ function create_fragment$v(ctx) {
|
|
14085
14132
|
};
|
14086
14133
|
}
|
14087
14134
|
|
14088
|
-
function instance$
|
14135
|
+
function instance$y($$self, $$props, $$invalidate) {
|
14089
14136
|
let { color } = $$props;
|
14090
14137
|
|
14091
14138
|
$$self.$$set = $$props => {
|
@@ -14098,13 +14145,13 @@ function instance$v($$self, $$props, $$invalidate) {
|
|
14098
14145
|
class IconCircleInfo extends SvelteComponent {
|
14099
14146
|
constructor(options) {
|
14100
14147
|
super();
|
14101
|
-
init(this, options, instance$
|
14148
|
+
init(this, options, instance$y, create_fragment$y, safe_not_equal, { color: 0 });
|
14102
14149
|
}
|
14103
14150
|
}
|
14104
14151
|
|
14105
14152
|
/* src/components-flex/icon/variants/IconEnvelope.svelte generated by Svelte v3.53.1 */
|
14106
14153
|
|
14107
|
-
function create_fragment$
|
14154
|
+
function create_fragment$x(ctx) {
|
14108
14155
|
let svg;
|
14109
14156
|
let path;
|
14110
14157
|
|
@@ -14147,7 +14194,7 @@ function create_fragment$u(ctx) {
|
|
14147
14194
|
};
|
14148
14195
|
}
|
14149
14196
|
|
14150
|
-
function instance$
|
14197
|
+
function instance$x($$self, $$props, $$invalidate) {
|
14151
14198
|
let { color } = $$props;
|
14152
14199
|
|
14153
14200
|
$$self.$$set = $$props => {
|
@@ -14160,13 +14207,13 @@ function instance$u($$self, $$props, $$invalidate) {
|
|
14160
14207
|
class IconEnvelope extends SvelteComponent {
|
14161
14208
|
constructor(options) {
|
14162
14209
|
super();
|
14163
|
-
init(this, options, instance$
|
14210
|
+
init(this, options, instance$x, create_fragment$x, safe_not_equal, { color: 0 });
|
14164
14211
|
}
|
14165
14212
|
}
|
14166
14213
|
|
14167
14214
|
/* src/components-flex/icon/variants/IconGift.svelte generated by Svelte v3.53.1 */
|
14168
14215
|
|
14169
|
-
function create_fragment$
|
14216
|
+
function create_fragment$w(ctx) {
|
14170
14217
|
let svg;
|
14171
14218
|
let path;
|
14172
14219
|
|
@@ -14209,7 +14256,7 @@ function create_fragment$t(ctx) {
|
|
14209
14256
|
};
|
14210
14257
|
}
|
14211
14258
|
|
14212
|
-
function instance$
|
14259
|
+
function instance$w($$self, $$props, $$invalidate) {
|
14213
14260
|
let { color } = $$props;
|
14214
14261
|
|
14215
14262
|
$$self.$$set = $$props => {
|
@@ -14222,13 +14269,13 @@ function instance$t($$self, $$props, $$invalidate) {
|
|
14222
14269
|
class IconGift extends SvelteComponent {
|
14223
14270
|
constructor(options) {
|
14224
14271
|
super();
|
14225
|
-
init(this, options, instance$
|
14272
|
+
init(this, options, instance$w, create_fragment$w, safe_not_equal, { color: 0 });
|
14226
14273
|
}
|
14227
14274
|
}
|
14228
14275
|
|
14229
14276
|
/* src/components-flex/icon/variants/IconPaperclip.svelte generated by Svelte v3.53.1 */
|
14230
14277
|
|
14231
|
-
function create_fragment$
|
14278
|
+
function create_fragment$v(ctx) {
|
14232
14279
|
let svg;
|
14233
14280
|
let path;
|
14234
14281
|
|
@@ -14277,7 +14324,7 @@ function create_fragment$s(ctx) {
|
|
14277
14324
|
};
|
14278
14325
|
}
|
14279
14326
|
|
14280
|
-
function instance$
|
14327
|
+
function instance$v($$self, $$props, $$invalidate) {
|
14281
14328
|
let { color } = $$props;
|
14282
14329
|
|
14283
14330
|
$$self.$$set = $$props => {
|
@@ -14290,13 +14337,13 @@ function instance$s($$self, $$props, $$invalidate) {
|
|
14290
14337
|
class IconPaperclip extends SvelteComponent {
|
14291
14338
|
constructor(options) {
|
14292
14339
|
super();
|
14293
|
-
init(this, options, instance$
|
14340
|
+
init(this, options, instance$v, create_fragment$v, safe_not_equal, { color: 0 });
|
14294
14341
|
}
|
14295
14342
|
}
|
14296
14343
|
|
14297
14344
|
/* src/components-flex/icon/variants/IconFire.svelte generated by Svelte v3.53.1 */
|
14298
14345
|
|
14299
|
-
function create_fragment$
|
14346
|
+
function create_fragment$u(ctx) {
|
14300
14347
|
let svg;
|
14301
14348
|
let path;
|
14302
14349
|
|
@@ -14345,7 +14392,7 @@ function create_fragment$r(ctx) {
|
|
14345
14392
|
};
|
14346
14393
|
}
|
14347
14394
|
|
14348
|
-
function instance$
|
14395
|
+
function instance$u($$self, $$props, $$invalidate) {
|
14349
14396
|
let { color } = $$props;
|
14350
14397
|
|
14351
14398
|
$$self.$$set = $$props => {
|
@@ -14358,13 +14405,13 @@ function instance$r($$self, $$props, $$invalidate) {
|
|
14358
14405
|
class IconFire extends SvelteComponent {
|
14359
14406
|
constructor(options) {
|
14360
14407
|
super();
|
14361
|
-
init(this, options, instance$
|
14408
|
+
init(this, options, instance$u, create_fragment$u, safe_not_equal, { color: 0 });
|
14362
14409
|
}
|
14363
14410
|
}
|
14364
14411
|
|
14365
14412
|
/* src/components-flex/icon/variants/IconLink.svelte generated by Svelte v3.53.1 */
|
14366
14413
|
|
14367
|
-
function create_fragment$
|
14414
|
+
function create_fragment$t(ctx) {
|
14368
14415
|
let svg;
|
14369
14416
|
let path;
|
14370
14417
|
|
@@ -14413,7 +14460,7 @@ function create_fragment$q(ctx) {
|
|
14413
14460
|
};
|
14414
14461
|
}
|
14415
14462
|
|
14416
|
-
function instance$
|
14463
|
+
function instance$t($$self, $$props, $$invalidate) {
|
14417
14464
|
let { color } = $$props;
|
14418
14465
|
|
14419
14466
|
$$self.$$set = $$props => {
|
@@ -14426,13 +14473,13 @@ function instance$q($$self, $$props, $$invalidate) {
|
|
14426
14473
|
class IconLink extends SvelteComponent {
|
14427
14474
|
constructor(options) {
|
14428
14475
|
super();
|
14429
|
-
init(this, options, instance$
|
14476
|
+
init(this, options, instance$t, create_fragment$t, safe_not_equal, { color: 0 });
|
14430
14477
|
}
|
14431
14478
|
}
|
14432
14479
|
|
14433
14480
|
/* src/components-flex/icon/variants/IconBuildings.svelte generated by Svelte v3.53.1 */
|
14434
14481
|
|
14435
|
-
function create_fragment$
|
14482
|
+
function create_fragment$s(ctx) {
|
14436
14483
|
let svg;
|
14437
14484
|
let path;
|
14438
14485
|
|
@@ -14475,7 +14522,7 @@ function create_fragment$p(ctx) {
|
|
14475
14522
|
};
|
14476
14523
|
}
|
14477
14524
|
|
14478
|
-
function instance$
|
14525
|
+
function instance$s($$self, $$props, $$invalidate) {
|
14479
14526
|
let { color } = $$props;
|
14480
14527
|
|
14481
14528
|
$$self.$$set = $$props => {
|
@@ -14488,13 +14535,13 @@ function instance$p($$self, $$props, $$invalidate) {
|
|
14488
14535
|
class IconBuildings extends SvelteComponent {
|
14489
14536
|
constructor(options) {
|
14490
14537
|
super();
|
14491
|
-
init(this, options, instance$
|
14538
|
+
init(this, options, instance$s, create_fragment$s, safe_not_equal, { color: 0 });
|
14492
14539
|
}
|
14493
14540
|
}
|
14494
14541
|
|
14495
14542
|
/* src/components-flex/icon/variants/IconChevronsRight.svelte generated by Svelte v3.53.1 */
|
14496
14543
|
|
14497
|
-
function create_fragment$
|
14544
|
+
function create_fragment$r(ctx) {
|
14498
14545
|
let svg;
|
14499
14546
|
let path;
|
14500
14547
|
|
@@ -14537,7 +14584,7 @@ function create_fragment$o(ctx) {
|
|
14537
14584
|
};
|
14538
14585
|
}
|
14539
14586
|
|
14540
|
-
function instance$
|
14587
|
+
function instance$r($$self, $$props, $$invalidate) {
|
14541
14588
|
let { color } = $$props;
|
14542
14589
|
|
14543
14590
|
$$self.$$set = $$props => {
|
@@ -14550,13 +14597,13 @@ function instance$o($$self, $$props, $$invalidate) {
|
|
14550
14597
|
class IconChevronsRight extends SvelteComponent {
|
14551
14598
|
constructor(options) {
|
14552
14599
|
super();
|
14553
|
-
init(this, options, instance$
|
14600
|
+
init(this, options, instance$r, create_fragment$r, safe_not_equal, { color: 0 });
|
14554
14601
|
}
|
14555
14602
|
}
|
14556
14603
|
|
14557
14604
|
/* src/components-flex/icon/variants/IconChevronRight.svelte generated by Svelte v3.53.1 */
|
14558
14605
|
|
14559
|
-
function create_fragment$
|
14606
|
+
function create_fragment$q(ctx) {
|
14560
14607
|
let svg;
|
14561
14608
|
let path;
|
14562
14609
|
|
@@ -14599,7 +14646,7 @@ function create_fragment$n(ctx) {
|
|
14599
14646
|
};
|
14600
14647
|
}
|
14601
14648
|
|
14602
|
-
function instance$
|
14649
|
+
function instance$q($$self, $$props, $$invalidate) {
|
14603
14650
|
let { color } = $$props;
|
14604
14651
|
|
14605
14652
|
$$self.$$set = $$props => {
|
@@ -14612,13 +14659,13 @@ function instance$n($$self, $$props, $$invalidate) {
|
|
14612
14659
|
class IconChevronRight extends SvelteComponent {
|
14613
14660
|
constructor(options) {
|
14614
14661
|
super();
|
14615
|
-
init(this, options, instance$
|
14662
|
+
init(this, options, instance$q, create_fragment$q, safe_not_equal, { color: 0 });
|
14616
14663
|
}
|
14617
14664
|
}
|
14618
14665
|
|
14619
14666
|
/* src/components-flex/icon/variants/IconPhone.svelte generated by Svelte v3.53.1 */
|
14620
14667
|
|
14621
|
-
function create_fragment$
|
14668
|
+
function create_fragment$p(ctx) {
|
14622
14669
|
let svg;
|
14623
14670
|
let path;
|
14624
14671
|
|
@@ -14661,7 +14708,7 @@ function create_fragment$m(ctx) {
|
|
14661
14708
|
};
|
14662
14709
|
}
|
14663
14710
|
|
14664
|
-
function instance$
|
14711
|
+
function instance$p($$self, $$props, $$invalidate) {
|
14665
14712
|
let { color } = $$props;
|
14666
14713
|
|
14667
14714
|
$$self.$$set = $$props => {
|
@@ -14674,13 +14721,13 @@ function instance$m($$self, $$props, $$invalidate) {
|
|
14674
14721
|
class IconPhone extends SvelteComponent {
|
14675
14722
|
constructor(options) {
|
14676
14723
|
super();
|
14677
|
-
init(this, options, instance$
|
14724
|
+
init(this, options, instance$p, create_fragment$p, safe_not_equal, { color: 0 });
|
14678
14725
|
}
|
14679
14726
|
}
|
14680
14727
|
|
14681
14728
|
/* src/components-flex/icon/variants/IconLocationDot.svelte generated by Svelte v3.53.1 */
|
14682
14729
|
|
14683
|
-
function create_fragment$
|
14730
|
+
function create_fragment$o(ctx) {
|
14684
14731
|
let svg;
|
14685
14732
|
let path;
|
14686
14733
|
|
@@ -14723,7 +14770,7 @@ function create_fragment$l(ctx) {
|
|
14723
14770
|
};
|
14724
14771
|
}
|
14725
14772
|
|
14726
|
-
function instance$
|
14773
|
+
function instance$o($$self, $$props, $$invalidate) {
|
14727
14774
|
let { color } = $$props;
|
14728
14775
|
|
14729
14776
|
$$self.$$set = $$props => {
|
@@ -14736,7 +14783,7 @@ function instance$l($$self, $$props, $$invalidate) {
|
|
14736
14783
|
class IconLocationDot extends SvelteComponent {
|
14737
14784
|
constructor(options) {
|
14738
14785
|
super();
|
14739
|
-
init(this, options, instance$
|
14786
|
+
init(this, options, instance$o, create_fragment$o, safe_not_equal, { color: 0 });
|
14740
14787
|
}
|
14741
14788
|
}
|
14742
14789
|
|
@@ -14807,7 +14854,7 @@ const ICON_VARIANTS = {
|
|
14807
14854
|
|
14808
14855
|
/* src/components-flex/icon/Icon.svelte generated by Svelte v3.53.1 */
|
14809
14856
|
|
14810
|
-
function add_css$
|
14857
|
+
function add_css$l(target) {
|
14811
14858
|
append_styles(target, "svelte-19rssou", ".icon.svelte-19rssou{display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none}");
|
14812
14859
|
}
|
14813
14860
|
|
@@ -14943,7 +14990,7 @@ function create_dynamic_element$a(ctx) {
|
|
14943
14990
|
};
|
14944
14991
|
}
|
14945
14992
|
|
14946
|
-
function create_fragment$
|
14993
|
+
function create_fragment$n(ctx) {
|
14947
14994
|
let previous_tag = /*element*/ ctx[5];
|
14948
14995
|
let svelte_element_anchor;
|
14949
14996
|
let svelte_element = /*element*/ ctx[5] && create_dynamic_element$a(ctx);
|
@@ -14993,7 +15040,7 @@ function create_fragment$k(ctx) {
|
|
14993
15040
|
};
|
14994
15041
|
}
|
14995
15042
|
|
14996
|
-
function instance$
|
15043
|
+
function instance$n($$self, $$props, $$invalidate) {
|
14997
15044
|
let style;
|
14998
15045
|
let IconComponent;
|
14999
15046
|
let { props = {} } = $$props;
|
@@ -15036,7 +15083,7 @@ function instance$k($$self, $$props, $$invalidate) {
|
|
15036
15083
|
class Icon extends SvelteComponent {
|
15037
15084
|
constructor(options) {
|
15038
15085
|
super();
|
15039
|
-
init(this, options, instance$
|
15086
|
+
init(this, options, instance$n, create_fragment$n, safe_not_equal, { props: 0, layerId: 1 }, add_css$l);
|
15040
15087
|
}
|
15041
15088
|
}
|
15042
15089
|
|
@@ -15049,34 +15096,71 @@ const getPropStyles = (callback) => {
|
|
15049
15096
|
|
15050
15097
|
const getButtonThemeStyles = getPropStyles(({ brandKit }) => ({
|
15051
15098
|
default: {
|
15099
|
+
variant: 'normal',
|
15052
15100
|
backgroundColor: brandKit.color_brand,
|
15053
15101
|
color: '#FFFFFF',
|
15054
15102
|
},
|
15055
15103
|
general: {
|
15104
|
+
variant: 'normal',
|
15056
15105
|
backgroundColor: '#e8e8e8',
|
15057
15106
|
color: 'rgba(0, 16, 14, 0.7)',
|
15058
15107
|
},
|
15059
|
-
success: {
|
15060
|
-
|
15061
|
-
|
15062
|
-
},
|
15063
|
-
warning: {
|
15064
|
-
|
15065
|
-
|
15066
|
-
},
|
15108
|
+
// success: {
|
15109
|
+
// backgroundColor: brandKit.color_success,
|
15110
|
+
// color: '#ffffff',
|
15111
|
+
// },
|
15112
|
+
// warning: {
|
15113
|
+
// backgroundColor: brandKit.color_warning,
|
15114
|
+
// color: '#ffffff',
|
15115
|
+
// },
|
15067
15116
|
danger: {
|
15117
|
+
variant: 'normal',
|
15068
15118
|
backgroundColor: brandKit.color_danger,
|
15069
15119
|
color: '#FFFFFF',
|
15070
15120
|
},
|
15071
|
-
info: {
|
15072
|
-
|
15073
|
-
|
15074
|
-
},
|
15121
|
+
// info: {
|
15122
|
+
// backgroundColor: brandKit.color_info,
|
15123
|
+
// color: '#FFFFFF',
|
15124
|
+
// },
|
15075
15125
|
white: {
|
15126
|
+
variant: 'normal',
|
15076
15127
|
backgroundColor: '#FFFFFF',
|
15077
15128
|
color: brandKit.color_text_primary,
|
15078
15129
|
},
|
15079
|
-
|
15130
|
+
default_outline: {
|
15131
|
+
variant: 'outline',
|
15132
|
+
color: brandKit.color_brand,
|
15133
|
+
borderColor: brandKit.color_brand,
|
15134
|
+
backgroundColor: 'rgba(255, 255, 255, 0)',
|
15135
|
+
},
|
15136
|
+
general_outline: {
|
15137
|
+
variant: 'outline',
|
15138
|
+
color: brandKit.color_text_secondary,
|
15139
|
+
borderColor: brandKit.color_text_secondary,
|
15140
|
+
backgroundColor: 'rgba(255, 255, 255, 0)',
|
15141
|
+
},
|
15142
|
+
danger_outline: {
|
15143
|
+
variant: 'outline',
|
15144
|
+
color: brandKit.color_danger,
|
15145
|
+
borderColor: brandKit.color_danger,
|
15146
|
+
backgroundColor: 'rgba(255, 255, 255, 0)',
|
15147
|
+
},
|
15148
|
+
default_text: {
|
15149
|
+
variant: 'text',
|
15150
|
+
backgroundColor: 'rgba(255, 255, 255, 0)',
|
15151
|
+
color: brandKit.color_brand,
|
15152
|
+
},
|
15153
|
+
general_text: {
|
15154
|
+
variant: 'text',
|
15155
|
+
backgroundColor: 'rgba(255, 255, 255, 0)',
|
15156
|
+
color: brandKit.color_text_primary,
|
15157
|
+
},
|
15158
|
+
danger_text: {
|
15159
|
+
variant: 'text',
|
15160
|
+
backgroundColor: 'rgba(255, 255, 255, 0)',
|
15161
|
+
color: brandKit.color_danger,
|
15162
|
+
},
|
15163
|
+
}));
|
15080
15164
|
const BUTTON_SIZE_STYLES = {
|
15081
15165
|
extra_small: {
|
15082
15166
|
height: '32px',
|
@@ -15109,38 +15193,6 @@ const BUTTON_SIZE_STYLES = {
|
|
15109
15193
|
fontSize: '16px',
|
15110
15194
|
},
|
15111
15195
|
};
|
15112
|
-
const BUTTON_THEME_STYLES = () => {
|
15113
|
-
return {
|
15114
|
-
default: {
|
15115
|
-
backgroundColor: getBrandKit().color_brand,
|
15116
|
-
color: '#FFFFFF',
|
15117
|
-
},
|
15118
|
-
general: {
|
15119
|
-
backgroundColor: '#e8e8e8',
|
15120
|
-
color: 'rgba(0, 16, 14, 0.7)',
|
15121
|
-
},
|
15122
|
-
success: {
|
15123
|
-
backgroundColor: getBrandKit().color_success,
|
15124
|
-
color: '#ffffff',
|
15125
|
-
},
|
15126
|
-
warning: {
|
15127
|
-
backgroundColor: getBrandKit().color_warning,
|
15128
|
-
color: '#ffffff',
|
15129
|
-
},
|
15130
|
-
danger: {
|
15131
|
-
backgroundColor: getBrandKit().color_danger,
|
15132
|
-
color: '#FFFFFF',
|
15133
|
-
},
|
15134
|
-
info: {
|
15135
|
-
backgroundColor: getBrandKit().color_info,
|
15136
|
-
color: '#FFFFFF',
|
15137
|
-
},
|
15138
|
-
white: {
|
15139
|
-
backgroundColor: '#FFFFFF',
|
15140
|
-
color: getBrandKit().color_text_primary,
|
15141
|
-
},
|
15142
|
-
};
|
15143
|
-
};
|
15144
15196
|
const BUTTON_ROUND_STYLES = {
|
15145
15197
|
none: {
|
15146
15198
|
borderRadius: 0,
|
@@ -15209,11 +15261,11 @@ function darkenColor(color, percent) {
|
|
15209
15261
|
|
15210
15262
|
/* src/components-flex/button/Button.svelte generated by Svelte v3.53.1 */
|
15211
15263
|
|
15212
|
-
function add_css$
|
15213
|
-
append_styles(target, "svelte-
|
15264
|
+
function add_css$k(target) {
|
15265
|
+
append_styles(target, "svelte-o2gomt", ".button.svelte-o2gomt{display:inline-flex;gap:0.8em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color)}.button.svelte-o2gomt:hover{background-color:var(--hover-bg-color);border-color:var(--hover-border-color)}.button-icon.svelte-o2gomt{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
15214
15266
|
}
|
15215
15267
|
|
15216
|
-
// (
|
15268
|
+
// (86:2) {#if props.isIcon && props.iconVariant}
|
15217
15269
|
function create_if_block$7(ctx) {
|
15218
15270
|
let div;
|
15219
15271
|
let icon;
|
@@ -15244,7 +15296,7 @@ function create_if_block$7(ctx) {
|
|
15244
15296
|
this.h();
|
15245
15297
|
},
|
15246
15298
|
h() {
|
15247
|
-
attr(div, "class", "button-icon svelte-
|
15299
|
+
attr(div, "class", "button-icon svelte-o2gomt");
|
15248
15300
|
},
|
15249
15301
|
m(target, anchor) {
|
15250
15302
|
insert_hydration(target, div, anchor);
|
@@ -15279,7 +15331,7 @@ function create_if_block$7(ctx) {
|
|
15279
15331
|
};
|
15280
15332
|
}
|
15281
15333
|
|
15282
|
-
// (
|
15334
|
+
// (77:0) <svelte:element {...attributes} this={element} class="button" style={style} data-layer-id={layerId} data-variant={variant} on:click={handleClick} >
|
15283
15335
|
function create_dynamic_element$9(ctx) {
|
15284
15336
|
let svelte_element;
|
15285
15337
|
let t0;
|
@@ -15295,7 +15347,8 @@ function create_dynamic_element$9(ctx) {
|
|
15295
15347
|
/*attributes*/ ctx[3],
|
15296
15348
|
{ class: "button" },
|
15297
15349
|
{ style: /*style*/ ctx[2] },
|
15298
|
-
{ "data-layer-id": /*layerId*/ ctx[1] }
|
15350
|
+
{ "data-layer-id": /*layerId*/ ctx[1] },
|
15351
|
+
{ "data-variant": /*variant*/ ctx[7] }
|
15299
15352
|
];
|
15300
15353
|
|
15301
15354
|
let svelte_element_data = {};
|
@@ -15317,7 +15370,8 @@ function create_dynamic_element$9(ctx) {
|
|
15317
15370
|
svelte_element = claim_element(nodes, (/*element*/ ctx[4] || 'null').toUpperCase(), {
|
15318
15371
|
class: true,
|
15319
15372
|
style: true,
|
15320
|
-
"data-layer-id": true
|
15373
|
+
"data-layer-id": true,
|
15374
|
+
"data-variant": true
|
15321
15375
|
});
|
15322
15376
|
|
15323
15377
|
var svelte_element_nodes = children(svelte_element);
|
@@ -15331,7 +15385,7 @@ function create_dynamic_element$9(ctx) {
|
|
15331
15385
|
this.h();
|
15332
15386
|
},
|
15333
15387
|
h() {
|
15334
|
-
attr(span, "class", "button-label
|
15388
|
+
attr(span, "class", "button-label");
|
15335
15389
|
|
15336
15390
|
if ((/-/).test(/*element*/ ctx[4])) {
|
15337
15391
|
set_custom_element_data_map(svelte_element, svelte_element_data);
|
@@ -15339,7 +15393,7 @@ function create_dynamic_element$9(ctx) {
|
|
15339
15393
|
set_attributes(svelte_element, svelte_element_data);
|
15340
15394
|
}
|
15341
15395
|
|
15342
|
-
toggle_class(svelte_element, "svelte-
|
15396
|
+
toggle_class(svelte_element, "svelte-o2gomt", true);
|
15343
15397
|
},
|
15344
15398
|
m(target, anchor) {
|
15345
15399
|
insert_hydration(target, svelte_element, anchor);
|
@@ -15384,7 +15438,8 @@ function create_dynamic_element$9(ctx) {
|
|
15384
15438
|
/*attributes*/ ctx[3],
|
15385
15439
|
{ class: "button" },
|
15386
15440
|
(!current || dirty & /*style*/ 4) && { style: /*style*/ ctx[2] },
|
15387
|
-
(!current || dirty & /*layerId*/ 2) && { "data-layer-id": /*layerId*/ ctx[1] }
|
15441
|
+
(!current || dirty & /*layerId*/ 2) && { "data-layer-id": /*layerId*/ ctx[1] },
|
15442
|
+
{ "data-variant": /*variant*/ ctx[7] }
|
15388
15443
|
]);
|
15389
15444
|
|
15390
15445
|
if ((/-/).test(/*element*/ ctx[4])) {
|
@@ -15393,7 +15448,7 @@ function create_dynamic_element$9(ctx) {
|
|
15393
15448
|
set_attributes(svelte_element, svelte_element_data);
|
15394
15449
|
}
|
15395
15450
|
|
15396
|
-
toggle_class(svelte_element, "svelte-
|
15451
|
+
toggle_class(svelte_element, "svelte-o2gomt", true);
|
15397
15452
|
},
|
15398
15453
|
i(local) {
|
15399
15454
|
if (current) return;
|
@@ -15413,7 +15468,7 @@ function create_dynamic_element$9(ctx) {
|
|
15413
15468
|
};
|
15414
15469
|
}
|
15415
15470
|
|
15416
|
-
function create_fragment$
|
15471
|
+
function create_fragment$m(ctx) {
|
15417
15472
|
let previous_tag = /*element*/ ctx[4];
|
15418
15473
|
let svelte_element_anchor;
|
15419
15474
|
let svelte_element = /*element*/ ctx[4] && create_dynamic_element$9(ctx);
|
@@ -15463,7 +15518,7 @@ function create_fragment$j(ctx) {
|
|
15463
15518
|
};
|
15464
15519
|
}
|
15465
15520
|
|
15466
|
-
function instance$
|
15521
|
+
function instance$m($$self, $$props, $$invalidate) {
|
15467
15522
|
let variables;
|
15468
15523
|
let style;
|
15469
15524
|
let { props = {} } = $$props;
|
@@ -15473,6 +15528,16 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
15473
15528
|
const { brandKit } = useBrandKit();
|
15474
15529
|
const buttonThemeStyles = getButtonThemeStyles(brandKit);
|
15475
15530
|
const buttonThemeStyle = buttonThemeStyles[props.theme] || buttonThemeStyles[buttonPropsDefault.theme];
|
15531
|
+
|
15532
|
+
const variant = (() => {
|
15533
|
+
switch (props.variant ?? buttonThemeStyle?.variant) {
|
15534
|
+
case 'outline':
|
15535
|
+
return 'outline';
|
15536
|
+
case 'text':
|
15537
|
+
return 'text';
|
15538
|
+
}
|
15539
|
+
})();
|
15540
|
+
|
15476
15541
|
const buttonSizeStyle = BUTTON_SIZE_STYLES[props.size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
|
15477
15542
|
|
15478
15543
|
$$self.$$set = $$props => {
|
@@ -15482,16 +15547,39 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
15482
15547
|
|
15483
15548
|
$$self.$$.update = () => {
|
15484
15549
|
if ($$self.$$.dirty & /*props*/ 1) {
|
15485
|
-
$$invalidate(
|
15486
|
-
|
15487
|
-
|
15488
|
-
|
15550
|
+
$$invalidate(8, variables = (() => {
|
15551
|
+
switch (variant) {
|
15552
|
+
case "outline":
|
15553
|
+
return {
|
15554
|
+
'--color': props.color ?? buttonThemeStyle.color,
|
15555
|
+
'--border-color': props.borderColor ?? props.color ?? buttonThemeStyle.borderColor,
|
15556
|
+
'--bg-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
|
15557
|
+
'--hover-border-color': props.borderColor ?? props.color ?? buttonThemeStyle.borderColor,
|
15558
|
+
'--hover-bg-color': '#f3f4f6'
|
15559
|
+
};
|
15560
|
+
case 'text':
|
15561
|
+
return {
|
15562
|
+
'--color': props.color ?? buttonThemeStyle.color,
|
15563
|
+
'--border-color': 'rgba(255,255,255,0)',
|
15564
|
+
'--bg-color': 'rgba(255,255,255,0)',
|
15565
|
+
'--hover-border-color': '#f3f4f6',
|
15566
|
+
'--hover-bg-color': '#f3f4f6'
|
15567
|
+
};
|
15568
|
+
default:
|
15569
|
+
return {
|
15570
|
+
'--color': props.color ?? buttonThemeStyle.color,
|
15571
|
+
'--border-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
|
15572
|
+
'--bg-color': props.backgroundColor ?? buttonThemeStyle.backgroundColor,
|
15573
|
+
'--hover-border-color': darkenColor(props.backgroundColor ?? buttonThemeStyle.backgroundColor, 0.16),
|
15574
|
+
'--hover-bg-color': darkenColor(props.backgroundColor ?? buttonThemeStyle.backgroundColor, 0.16)
|
15575
|
+
};
|
15576
|
+
}
|
15577
|
+
})());
|
15489
15578
|
}
|
15490
15579
|
|
15491
|
-
if ($$self.$$.dirty & /*props, variables*/
|
15580
|
+
if ($$self.$$.dirty & /*props, variables*/ 257) {
|
15492
15581
|
$$invalidate(2, style = objToStyle({
|
15493
15582
|
width: props.width,
|
15494
|
-
color: props.color ?? buttonThemeStyle.color,
|
15495
15583
|
fontWeight: props.fontWeight ?? 'bold',
|
15496
15584
|
...BUTTON_WRAP_STYLES[props.wrap ?? buttonPropsDefault.wrap],
|
15497
15585
|
...BUTTON_ROUND_STYLES[props.round ?? buttonPropsDefault.round],
|
@@ -15518,6 +15606,7 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
15518
15606
|
element,
|
15519
15607
|
handleClick,
|
15520
15608
|
buttonThemeStyle,
|
15609
|
+
variant,
|
15521
15610
|
variables
|
15522
15611
|
];
|
15523
15612
|
}
|
@@ -15525,7 +15614,7 @@ function instance$j($$self, $$props, $$invalidate) {
|
|
15525
15614
|
class Button extends SvelteComponent {
|
15526
15615
|
constructor(options) {
|
15527
15616
|
super();
|
15528
|
-
init(this, options, instance$
|
15617
|
+
init(this, options, instance$m, create_fragment$m, safe_not_equal, { props: 0, layerId: 1 }, add_css$k);
|
15529
15618
|
}
|
15530
15619
|
}
|
15531
15620
|
|
@@ -15629,7 +15718,7 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
15629
15718
|
|
15630
15719
|
/* src/components-flex/button-outlined/ButtonOutlined.svelte generated by Svelte v3.53.1 */
|
15631
15720
|
|
15632
|
-
function add_css$
|
15721
|
+
function add_css$j(target) {
|
15633
15722
|
append_styles(target, "svelte-38fju1", ".button-outlined.svelte-38fju1{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border-width:1px;border-style:solid;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:var(--bg-color)}.button-outlined.svelte-38fju1:hover{background-color:var(--hover-bg-color)}.button-outlined-icon.svelte-38fju1{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em}");
|
15634
15723
|
}
|
15635
15724
|
|
@@ -15833,7 +15922,7 @@ function create_dynamic_element$8(ctx) {
|
|
15833
15922
|
};
|
15834
15923
|
}
|
15835
15924
|
|
15836
|
-
function create_fragment$
|
15925
|
+
function create_fragment$l(ctx) {
|
15837
15926
|
let previous_tag = /*element*/ ctx[4];
|
15838
15927
|
let svelte_element_anchor;
|
15839
15928
|
let svelte_element = /*element*/ ctx[4] && create_dynamic_element$8(ctx);
|
@@ -15883,7 +15972,7 @@ function create_fragment$i(ctx) {
|
|
15883
15972
|
};
|
15884
15973
|
}
|
15885
15974
|
|
15886
|
-
function instance$
|
15975
|
+
function instance$l($$self, $$props, $$invalidate) {
|
15887
15976
|
let variables;
|
15888
15977
|
let style;
|
15889
15978
|
let { props = {} } = $$props;
|
@@ -15946,7 +16035,7 @@ function instance$i($$self, $$props, $$invalidate) {
|
|
15946
16035
|
class ButtonOutlined extends SvelteComponent {
|
15947
16036
|
constructor(options) {
|
15948
16037
|
super();
|
15949
|
-
init(this, options, instance$
|
16038
|
+
init(this, options, instance$l, create_fragment$l, safe_not_equal, { props: 0, layerId: 1 }, add_css$j);
|
15950
16039
|
}
|
15951
16040
|
}
|
15952
16041
|
|
@@ -16007,7 +16096,7 @@ const getButtonTextThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
16007
16096
|
|
16008
16097
|
/* src/components-flex/button-text/ButtonText.svelte generated by Svelte v3.53.1 */
|
16009
16098
|
|
16010
|
-
function add_css$
|
16099
|
+
function add_css$i(target) {
|
16011
16100
|
append_styles(target, "svelte-1xgvp8r", ".button-text.svelte-1xgvp8r{display:inline-flex;gap:0.65em;align-items:center;justify-content:center;text-decoration:none;outline:0;border:0;line-height:1.5;transition:background-color 0.12s, border-color 0.12s, color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0)}.button-text.svelte-1xgvp8r:hover{background-color:var(--hover-bg-color)}.button-text-icon.svelte-1xgvp8r{display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em}");
|
16012
16101
|
}
|
16013
16102
|
|
@@ -16211,7 +16300,7 @@ function create_dynamic_element$7(ctx) {
|
|
16211
16300
|
};
|
16212
16301
|
}
|
16213
16302
|
|
16214
|
-
function create_fragment$
|
16303
|
+
function create_fragment$k(ctx) {
|
16215
16304
|
let previous_tag = /*element*/ ctx[4];
|
16216
16305
|
let svelte_element_anchor;
|
16217
16306
|
let svelte_element = /*element*/ ctx[4] && create_dynamic_element$7(ctx);
|
@@ -16261,7 +16350,7 @@ function create_fragment$h(ctx) {
|
|
16261
16350
|
};
|
16262
16351
|
}
|
16263
16352
|
|
16264
|
-
function instance$
|
16353
|
+
function instance$k($$self, $$props, $$invalidate) {
|
16265
16354
|
let variables;
|
16266
16355
|
let style;
|
16267
16356
|
let { props = {} } = $$props;
|
@@ -16320,7 +16409,7 @@ function instance$h($$self, $$props, $$invalidate) {
|
|
16320
16409
|
class ButtonText extends SvelteComponent {
|
16321
16410
|
constructor(options) {
|
16322
16411
|
super();
|
16323
|
-
init(this, options, instance$
|
16412
|
+
init(this, options, instance$k, create_fragment$k, safe_not_equal, { props: 0, layerId: 1 }, add_css$i);
|
16324
16413
|
}
|
16325
16414
|
}
|
16326
16415
|
|
@@ -16358,7 +16447,7 @@ const CLOSE_BUTTON_LABEL_PLACEMENT = {
|
|
16358
16447
|
|
16359
16448
|
/* src/components-flex/close-button/CloseButton.svelte generated by Svelte v3.53.1 */
|
16360
16449
|
|
16361
|
-
function add_css$
|
16450
|
+
function add_css$h(target) {
|
16362
16451
|
append_styles(target, "svelte-3mvsv6", ".close-button.svelte-3mvsv6.svelte-3mvsv6{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:8px;border-radius:100%;background:none;cursor:pointer;border:0;outline:0;transition:background-color 0.12s, border-color 0.12s, color 0.12s}.close-button.svelte-3mvsv6 svg.svelte-3mvsv6{transition:transform 0.12s}.close-button.svelte-3mvsv6:hover svg.svelte-3mvsv6{transform:rotate(90deg)}.close-button-order-one.svelte-3mvsv6.svelte-3mvsv6{order:1}.close-button-order-two.svelte-3mvsv6.svelte-3mvsv6{order:2}");
|
16363
16452
|
}
|
16364
16453
|
|
@@ -16543,7 +16632,7 @@ function create_dynamic_element$6(ctx) {
|
|
16543
16632
|
};
|
16544
16633
|
}
|
16545
16634
|
|
16546
|
-
function create_fragment$
|
16635
|
+
function create_fragment$j(ctx) {
|
16547
16636
|
let previous_tag = /*element*/ ctx[6];
|
16548
16637
|
let svelte_element_anchor;
|
16549
16638
|
let svelte_element = /*element*/ ctx[6] && create_dynamic_element$6(ctx);
|
@@ -16591,7 +16680,7 @@ function create_fragment$g(ctx) {
|
|
16591
16680
|
};
|
16592
16681
|
}
|
16593
16682
|
|
16594
|
-
function instance$
|
16683
|
+
function instance$j($$self, $$props, $$invalidate) {
|
16595
16684
|
let hasLabel;
|
16596
16685
|
let style;
|
16597
16686
|
let labelStyle;
|
@@ -16688,8 +16777,8 @@ class CloseButton extends SvelteComponent {
|
|
16688
16777
|
init(
|
16689
16778
|
this,
|
16690
16779
|
options,
|
16691
|
-
instance$
|
16692
|
-
create_fragment$
|
16780
|
+
instance$j,
|
16781
|
+
create_fragment$j,
|
16693
16782
|
safe_not_equal,
|
16694
16783
|
{
|
16695
16784
|
props: 11,
|
@@ -16697,7 +16786,7 @@ class CloseButton extends SvelteComponent {
|
|
16697
16786
|
eventName: 12,
|
16698
16787
|
eventValue: 13
|
16699
16788
|
},
|
16700
|
-
add_css$
|
16789
|
+
add_css$h
|
16701
16790
|
);
|
16702
16791
|
}
|
16703
16792
|
}
|
@@ -16735,7 +16824,7 @@ const ICON_SIZE_STYLES = {
|
|
16735
16824
|
|
16736
16825
|
/* src/components-flex/image/Image.svelte generated by Svelte v3.53.1 */
|
16737
16826
|
|
16738
|
-
function add_css$
|
16827
|
+
function add_css$g(target) {
|
16739
16828
|
append_styles(target, "svelte-gzaieg", ".image.svelte-gzaieg{max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-img.svelte-gzaieg{vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}");
|
16740
16829
|
}
|
16741
16830
|
|
@@ -16833,7 +16922,7 @@ function create_dynamic_element$5(ctx) {
|
|
16833
16922
|
};
|
16834
16923
|
}
|
16835
16924
|
|
16836
|
-
function create_fragment$
|
16925
|
+
function create_fragment$i(ctx) {
|
16837
16926
|
let previous_tag = /*element*/ ctx[4];
|
16838
16927
|
let svelte_element_anchor;
|
16839
16928
|
let svelte_element = /*element*/ ctx[4] && create_dynamic_element$5(ctx);
|
@@ -16881,7 +16970,7 @@ function create_fragment$f(ctx) {
|
|
16881
16970
|
};
|
16882
16971
|
}
|
16883
16972
|
|
16884
|
-
function instance$
|
16973
|
+
function instance$i($$self, $$props, $$invalidate) {
|
16885
16974
|
let style;
|
16886
16975
|
let { props = {} } = $$props;
|
16887
16976
|
let { layerId = '' } = $$props;
|
@@ -16921,7 +17010,7 @@ function instance$f($$self, $$props, $$invalidate) {
|
|
16921
17010
|
class Image extends SvelteComponent {
|
16922
17011
|
constructor(options) {
|
16923
17012
|
super();
|
16924
|
-
init(this, options, instance$
|
17013
|
+
init(this, options, instance$i, create_fragment$i, safe_not_equal, { props: 0, layerId: 1 }, add_css$g);
|
16925
17014
|
}
|
16926
17015
|
}
|
16927
17016
|
|
@@ -16945,7 +17034,7 @@ const IMAGE_ASPECT_VARIANTS = {
|
|
16945
17034
|
|
16946
17035
|
/* src/components-flex/layout/Layout.svelte generated by Svelte v3.53.1 */
|
16947
17036
|
|
16948
|
-
function add_css$
|
17037
|
+
function add_css$f(target) {
|
16949
17038
|
append_styles(target, "svelte-139vx15", ".layout.svelte-139vx15{text-decoration:none;color:inherit}.layout[data-clickable=true].svelte-139vx15{cursor:pointer}.layout[data-clickable=true].svelte-139vx15:hover{opacity:0.8}");
|
16950
17039
|
}
|
16951
17040
|
|
@@ -17061,7 +17150,7 @@ function create_dynamic_element$4(ctx) {
|
|
17061
17150
|
};
|
17062
17151
|
}
|
17063
17152
|
|
17064
|
-
function create_fragment$
|
17153
|
+
function create_fragment$h(ctx) {
|
17065
17154
|
let previous_tag = "div";
|
17066
17155
|
let svelte_element_anchor;
|
17067
17156
|
let current;
|
@@ -17115,7 +17204,7 @@ function create_fragment$e(ctx) {
|
|
17115
17204
|
};
|
17116
17205
|
}
|
17117
17206
|
|
17118
|
-
function instance$
|
17207
|
+
function instance$h($$self, $$props, $$invalidate) {
|
17119
17208
|
let style;
|
17120
17209
|
let { $$slots: slots = {}, $$scope } = $$props;
|
17121
17210
|
let { props = {} } = $$props;
|
@@ -17157,7 +17246,7 @@ function instance$e($$self, $$props, $$invalidate) {
|
|
17157
17246
|
class Layout extends SvelteComponent {
|
17158
17247
|
constructor(options) {
|
17159
17248
|
super();
|
17160
|
-
init(this, options, instance$
|
17249
|
+
init(this, options, instance$h, create_fragment$h, safe_not_equal, { props: 4, layerId: 0 }, add_css$f);
|
17161
17250
|
}
|
17162
17251
|
}
|
17163
17252
|
|
@@ -17168,7 +17257,7 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
|
|
17168
17257
|
|
17169
17258
|
/* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
|
17170
17259
|
|
17171
|
-
function add_css$
|
17260
|
+
function add_css$e(target) {
|
17172
17261
|
append_styles(target, "svelte-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
|
17173
17262
|
}
|
17174
17263
|
|
@@ -17179,7 +17268,7 @@ function get_each_context$1(ctx, list, i) {
|
|
17179
17268
|
return child_ctx;
|
17180
17269
|
}
|
17181
17270
|
|
17182
|
-
// (
|
17271
|
+
// (175:4) {#each indicators ?? [] as indicator, i}
|
17183
17272
|
function create_each_block$1(ctx) {
|
17184
17273
|
let button;
|
17185
17274
|
let i_1;
|
@@ -17252,7 +17341,7 @@ function create_each_block$1(ctx) {
|
|
17252
17341
|
};
|
17253
17342
|
}
|
17254
17343
|
|
17255
|
-
function create_fragment$
|
17344
|
+
function create_fragment$g(ctx) {
|
17256
17345
|
let div1;
|
17257
17346
|
let ul;
|
17258
17347
|
let ul_style_value;
|
@@ -17418,7 +17507,7 @@ function create_fragment$d(ctx) {
|
|
17418
17507
|
};
|
17419
17508
|
}
|
17420
17509
|
|
17421
|
-
function instance$
|
17510
|
+
function instance$g($$self, $$props, $$invalidate) {
|
17422
17511
|
let indicators;
|
17423
17512
|
let itemWidthPercentage;
|
17424
17513
|
let style;
|
@@ -17429,6 +17518,7 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17429
17518
|
let { layerId } = $$props;
|
17430
17519
|
let { props } = $$props;
|
17431
17520
|
let { overrideStyle } = $$props;
|
17521
|
+
useInjectCustomizeCss(props);
|
17432
17522
|
let slotElement;
|
17433
17523
|
let currentIndex = 0;
|
17434
17524
|
let isDragging = false;
|
@@ -17658,13 +17748,13 @@ function instance$d($$self, $$props, $$invalidate) {
|
|
17658
17748
|
class Slider extends SvelteComponent {
|
17659
17749
|
constructor(options) {
|
17660
17750
|
super();
|
17661
|
-
init(this, options, instance$
|
17751
|
+
init(this, options, instance$g, create_fragment$g, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$e, [-1, -1]);
|
17662
17752
|
}
|
17663
17753
|
}
|
17664
17754
|
|
17665
17755
|
/* src/components-flex/slider/SliderItem.svelte generated by Svelte v3.53.1 */
|
17666
17756
|
|
17667
|
-
function add_css$
|
17757
|
+
function add_css$d(target) {
|
17668
17758
|
append_styles(target, "svelte-1amglxo", ".slider-item.svelte-1amglxo{overflow:hidden}.slider-item-inner.svelte-1amglxo{text-decoration:none;background:none;border:0;margin:0;padding:0;color:inherit;-webkit-user-drag:none;user-select:none}");
|
17669
17759
|
}
|
17670
17760
|
|
@@ -17763,7 +17853,7 @@ function create_dynamic_element$3(ctx) {
|
|
17763
17853
|
};
|
17764
17854
|
}
|
17765
17855
|
|
17766
|
-
function create_fragment$
|
17856
|
+
function create_fragment$f(ctx) {
|
17767
17857
|
let li;
|
17768
17858
|
let previous_tag = /*element*/ ctx[2];
|
17769
17859
|
let current;
|
@@ -17832,7 +17922,7 @@ function create_fragment$c(ctx) {
|
|
17832
17922
|
};
|
17833
17923
|
}
|
17834
17924
|
|
17835
|
-
function instance$
|
17925
|
+
function instance$f($$self, $$props, $$invalidate) {
|
17836
17926
|
let { $$slots: slots = {}, $$scope } = $$props;
|
17837
17927
|
let { layerId } = $$props;
|
17838
17928
|
let { props } = $$props;
|
@@ -17851,7 +17941,7 @@ function instance$c($$self, $$props, $$invalidate) {
|
|
17851
17941
|
class SliderItem extends SvelteComponent {
|
17852
17942
|
constructor(options) {
|
17853
17943
|
super();
|
17854
|
-
init(this, options, instance$
|
17944
|
+
init(this, options, instance$f, create_fragment$f, safe_not_equal, { layerId: 0, props: 4 }, add_css$d);
|
17855
17945
|
}
|
17856
17946
|
}
|
17857
17947
|
|
@@ -17884,11 +17974,11 @@ const getTextThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
17884
17974
|
|
17885
17975
|
const TEXT_VARIANTS = {
|
17886
17976
|
size: {
|
17887
|
-
extra_small: {
|
17888
|
-
|
17889
|
-
|
17890
|
-
|
17891
|
-
},
|
17977
|
+
// extra_small: {
|
17978
|
+
// fontSize: '10px',
|
17979
|
+
// lineHeight: 1.7,
|
17980
|
+
// fontWeight: 'normal',
|
17981
|
+
// },
|
17892
17982
|
small: {
|
17893
17983
|
fontSize: '12px',
|
17894
17984
|
lineHeight: 1.7,
|
@@ -17904,11 +17994,11 @@ const TEXT_VARIANTS = {
|
|
17904
17994
|
lineHeight: 1.7,
|
17905
17995
|
fontWeight: 'normal',
|
17906
17996
|
},
|
17907
|
-
extra_large: {
|
17908
|
-
|
17909
|
-
|
17910
|
-
|
17911
|
-
},
|
17997
|
+
// extra_large: {
|
17998
|
+
// fontSize: '18px',
|
17999
|
+
// lineHeight: 1.7,
|
18000
|
+
// fontWeight: 'normal',
|
18001
|
+
// },
|
17912
18002
|
heading_extra_small: {
|
17913
18003
|
fontSize: '14px',
|
17914
18004
|
lineHeight: 1.5,
|
@@ -17929,21 +18019,21 @@ const TEXT_VARIANTS = {
|
|
17929
18019
|
lineHeight: 1.5,
|
17930
18020
|
fontWeight: 'bold',
|
17931
18021
|
},
|
17932
|
-
heading_extra_large: {
|
17933
|
-
|
17934
|
-
|
17935
|
-
|
17936
|
-
},
|
18022
|
+
// heading_extra_large: {
|
18023
|
+
// fontSize: '22px',
|
18024
|
+
// lineHeight: 1.5,
|
18025
|
+
// fontWeight: 'bold',
|
18026
|
+
// },
|
17937
18027
|
},
|
17938
18028
|
};
|
17939
18029
|
|
17940
18030
|
/* src/components-flex/text/Text.svelte generated by Svelte v3.53.1 */
|
17941
18031
|
|
17942
|
-
function add_css$
|
18032
|
+
function add_css$c(target) {
|
17943
18033
|
append_styles(target, "svelte-vifn7y", ".text.svelte-vifn7y{margin:0;word-break:break-all;text-decoration:none}");
|
17944
18034
|
}
|
17945
18035
|
|
17946
|
-
function create_fragment$
|
18036
|
+
function create_fragment$e(ctx) {
|
17947
18037
|
let p;
|
17948
18038
|
|
17949
18039
|
return {
|
@@ -17954,8 +18044,8 @@ function create_fragment$b(ctx) {
|
|
17954
18044
|
l(nodes) {
|
17955
18045
|
p = claim_element(nodes, "P", {
|
17956
18046
|
class: true,
|
17957
|
-
|
17958
|
-
|
18047
|
+
"data-layer-id": true,
|
18048
|
+
style: true
|
17959
18049
|
});
|
17960
18050
|
|
17961
18051
|
var p_nodes = children(p);
|
@@ -17964,8 +18054,8 @@ function create_fragment$b(ctx) {
|
|
17964
18054
|
},
|
17965
18055
|
h() {
|
17966
18056
|
attr(p, "class", "text svelte-vifn7y");
|
17967
|
-
attr(p, "style", /*style*/ ctx[1]);
|
17968
18057
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
18058
|
+
attr(p, "style", /*style*/ ctx[1]);
|
17969
18059
|
},
|
17970
18060
|
m(target, anchor) {
|
17971
18061
|
insert_hydration(target, p, anchor);
|
@@ -17973,13 +18063,13 @@ function create_fragment$b(ctx) {
|
|
17973
18063
|
},
|
17974
18064
|
p(ctx, [dirty]) {
|
17975
18065
|
if (dirty & /*escapedHTML*/ 4) p.innerHTML = /*escapedHTML*/ ctx[2];
|
17976
|
-
if (dirty & /*style*/ 2) {
|
17977
|
-
attr(p, "style", /*style*/ ctx[1]);
|
17978
|
-
}
|
17979
|
-
|
17980
18066
|
if (dirty & /*layerId*/ 1) {
|
17981
18067
|
attr(p, "data-layer-id", /*layerId*/ ctx[0]);
|
17982
18068
|
}
|
18069
|
+
|
18070
|
+
if (dirty & /*style*/ 2) {
|
18071
|
+
attr(p, "style", /*style*/ ctx[1]);
|
18072
|
+
}
|
17983
18073
|
},
|
17984
18074
|
i: noop,
|
17985
18075
|
o: noop,
|
@@ -17989,7 +18079,7 @@ function create_fragment$b(ctx) {
|
|
17989
18079
|
};
|
17990
18080
|
}
|
17991
18081
|
|
17992
|
-
function instance$
|
18082
|
+
function instance$e($$self, $$props, $$invalidate) {
|
17993
18083
|
let escapedHTML;
|
17994
18084
|
let style;
|
17995
18085
|
let { props = { content: '' } } = $$props;
|
@@ -18055,13 +18145,14 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
18055
18145
|
position: props?.position ?? 'static',
|
18056
18146
|
textAlign: props.align,
|
18057
18147
|
width: props.width,
|
18058
|
-
fontFamily
|
18148
|
+
fontFamily,
|
18059
18149
|
color: getColor(),
|
18060
18150
|
...getCssSize(),
|
18061
18151
|
...toCssRadius(props),
|
18062
18152
|
...toCssBackgroundColor(props),
|
18063
18153
|
...toCssCommon(props),
|
18064
18154
|
...toCssPosition(props),
|
18155
|
+
...toCssPadding(props),
|
18065
18156
|
...toCssBorder(props)
|
18066
18157
|
}));
|
18067
18158
|
}
|
@@ -18073,17 +18164,17 @@ function instance$b($$self, $$props, $$invalidate) {
|
|
18073
18164
|
class Text extends SvelteComponent {
|
18074
18165
|
constructor(options) {
|
18075
18166
|
super();
|
18076
|
-
init(this, options, instance$
|
18167
|
+
init(this, options, instance$e, create_fragment$e, safe_not_equal, { props: 3, layerId: 0 }, add_css$c);
|
18077
18168
|
}
|
18078
18169
|
}
|
18079
18170
|
|
18080
18171
|
/* src/components-flex/rich-text/RichText.svelte generated by Svelte v3.53.1 */
|
18081
18172
|
|
18082
|
-
function add_css$
|
18173
|
+
function add_css$b(target) {
|
18083
18174
|
append_styles(target, "svelte-dxr423", ".rich-text.svelte-dxr423 p{margin:0;word-break:break-all;text-decoration:none}.rich-text.svelte-dxr423 p + p{margin-top:0.75em}");
|
18084
18175
|
}
|
18085
18176
|
|
18086
|
-
function create_fragment$
|
18177
|
+
function create_fragment$d(ctx) {
|
18087
18178
|
let div;
|
18088
18179
|
let raw_value = /*props*/ ctx[0].content + "";
|
18089
18180
|
|
@@ -18130,7 +18221,7 @@ function create_fragment$a(ctx) {
|
|
18130
18221
|
};
|
18131
18222
|
}
|
18132
18223
|
|
18133
|
-
function instance$
|
18224
|
+
function instance$d($$self, $$props, $$invalidate) {
|
18134
18225
|
let style;
|
18135
18226
|
let { props = { content: '' } } = $$props;
|
18136
18227
|
let { layerId = '' } = $$props;
|
@@ -18206,31 +18297,32 @@ function instance$a($$self, $$props, $$invalidate) {
|
|
18206
18297
|
class RichText extends SvelteComponent {
|
18207
18298
|
constructor(options) {
|
18208
18299
|
super();
|
18209
|
-
init(this, options, instance$
|
18300
|
+
init(this, options, instance$d, create_fragment$d, safe_not_equal, { props: 0, layerId: 1 }, add_css$b);
|
18210
18301
|
}
|
18211
18302
|
}
|
18212
18303
|
|
18213
18304
|
const LAYER_TEXT_SIZE = {
|
18214
|
-
extra_small: 'ExtraSmall',
|
18215
|
-
small: '
|
18216
|
-
medium: '
|
18217
|
-
large: '
|
18218
|
-
extra_large: 'ExtraLarge'
|
18219
|
-
|
18220
|
-
|
18221
|
-
|
18222
|
-
|
18223
|
-
|
18305
|
+
// extra_small: 'ExtraSmall',
|
18306
|
+
small: '本文 / スモール',
|
18307
|
+
medium: '本文 / ミディアム',
|
18308
|
+
large: '本文 / ラージ',
|
18309
|
+
// extra_large: 'ExtraLarge'
|
18310
|
+
// MEMO(curtis): 後から調整した関係で見出しは命名と実体を一つずらしている
|
18311
|
+
heading_extra_small: '見出し / スモール',
|
18312
|
+
heading_small: '見出し / ミディアム',
|
18313
|
+
heading_medium: '見出し / ラージ',
|
18314
|
+
heading_large: '見出し / エクストララージ',
|
18315
|
+
// heading_extra_large: 'HeadingExtraLarge',
|
18224
18316
|
};
|
18225
18317
|
const TEXT_THEME = {
|
18226
|
-
default: '
|
18227
|
-
gray: '
|
18228
|
-
brand: '
|
18229
|
-
success: '
|
18230
|
-
warning: '
|
18231
|
-
danger: '
|
18232
|
-
info: '
|
18233
|
-
white: '
|
18318
|
+
default: 'デフォルト',
|
18319
|
+
gray: 'グレー',
|
18320
|
+
brand: 'ブランド',
|
18321
|
+
success: 'サクセス',
|
18322
|
+
warning: 'ワーニング',
|
18323
|
+
danger: 'アラート',
|
18324
|
+
info: 'インフォ',
|
18325
|
+
white: 'ホワイト',
|
18234
18326
|
};
|
18235
18327
|
const TEXT_STYLE = {
|
18236
18328
|
normal: 'normal',
|
@@ -18274,7 +18366,7 @@ const getTextLinkThemeStyles = getPropStyles(({ brandKit }) => ({
|
|
18274
18366
|
|
18275
18367
|
/* src/components-flex/text-link/TextLink.svelte generated by Svelte v3.53.1 */
|
18276
18368
|
|
18277
|
-
function add_css$
|
18369
|
+
function add_css$a(target) {
|
18278
18370
|
append_styles(target, "svelte-dc9m5n", ".link.svelte-dc9m5n{-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex}.link.svelte-dc9m5n,.link.svelte-dc9m5n:visited,.link.svelte-dc9m5n:link{color:var(--color)}.link.svelte-dc9m5n:hover{color:var(--hover-color)}.link.svelte-dc9m5n:active{color:var(--active-color)}.link.underline-hover-on.svelte-dc9m5n{text-decoration:none}.link.underline-hover-on.svelte-dc9m5n:hover{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n{text-decoration:underline}.link.underline-hover-off.svelte-dc9m5n:hover{text-decoration:none}.link.underline-on.svelte-dc9m5n{text-decoration:underline}.link.underline-off.svelte-dc9m5n{text-decoration:none}");
|
18279
18371
|
}
|
18280
18372
|
|
@@ -18462,7 +18554,7 @@ function create_dynamic_element$2(ctx) {
|
|
18462
18554
|
};
|
18463
18555
|
}
|
18464
18556
|
|
18465
|
-
function create_fragment$
|
18557
|
+
function create_fragment$c(ctx) {
|
18466
18558
|
let previous_tag = /*element*/ ctx[5];
|
18467
18559
|
let svelte_element_anchor;
|
18468
18560
|
let svelte_element = /*element*/ ctx[5] && create_dynamic_element$2(ctx);
|
@@ -18512,7 +18604,7 @@ function create_fragment$9(ctx) {
|
|
18512
18604
|
};
|
18513
18605
|
}
|
18514
18606
|
|
18515
|
-
function instance$
|
18607
|
+
function instance$c($$self, $$props, $$invalidate) {
|
18516
18608
|
let escapedHTML;
|
18517
18609
|
let variables;
|
18518
18610
|
let style;
|
@@ -18602,7 +18694,7 @@ function instance$9($$self, $$props, $$invalidate) {
|
|
18602
18694
|
class TextLink extends SvelteComponent {
|
18603
18695
|
constructor(options) {
|
18604
18696
|
super();
|
18605
|
-
init(this, options, instance$
|
18697
|
+
init(this, options, instance$c, create_fragment$c, safe_not_equal, { props: 0, layerId: 1 }, add_css$a);
|
18606
18698
|
}
|
18607
18699
|
}
|
18608
18700
|
|
@@ -18628,7 +18720,7 @@ const TEXT_LINK_UNDERLINE = {
|
|
18628
18720
|
|
18629
18721
|
/* src/components-flex/background-overlay/BackgroundOverlay.svelte generated by Svelte v3.53.1 */
|
18630
18722
|
|
18631
|
-
function add_css$
|
18723
|
+
function add_css$9(target) {
|
18632
18724
|
append_styles(target, "svelte-18nkdjz", ".v2-background.svelte-18nkdjz{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646}");
|
18633
18725
|
}
|
18634
18726
|
|
@@ -18673,7 +18765,7 @@ function create_if_block$2(ctx) {
|
|
18673
18765
|
};
|
18674
18766
|
}
|
18675
18767
|
|
18676
|
-
function create_fragment$
|
18768
|
+
function create_fragment$b(ctx) {
|
18677
18769
|
let if_block_anchor;
|
18678
18770
|
let if_block = /*backgroundOverlay*/ ctx[0] && create_if_block$2(ctx);
|
18679
18771
|
|
@@ -18713,7 +18805,7 @@ function create_fragment$8(ctx) {
|
|
18713
18805
|
};
|
18714
18806
|
}
|
18715
18807
|
|
18716
|
-
function instance$
|
18808
|
+
function instance$b($$self, $$props, $$invalidate) {
|
18717
18809
|
let { backgroundOverlay = false } = $$props;
|
18718
18810
|
let { class: className = undefined } = $$props;
|
18719
18811
|
const dispatch = createEventDispatcher();
|
@@ -18730,13 +18822,13 @@ function instance$8($$self, $$props, $$invalidate) {
|
|
18730
18822
|
class BackgroundOverlay extends SvelteComponent {
|
18731
18823
|
constructor(options) {
|
18732
18824
|
super();
|
18733
|
-
init(this, options, instance$
|
18825
|
+
init(this, options, instance$b, create_fragment$b, safe_not_equal, { backgroundOverlay: 0, class: 1 }, add_css$9);
|
18734
18826
|
}
|
18735
18827
|
}
|
18736
18828
|
|
18737
18829
|
/* src/components-flex/modal/Modal.svelte generated by Svelte v3.53.1 */
|
18738
18830
|
|
18739
|
-
function add_css$
|
18831
|
+
function add_css$8(target) {
|
18740
18832
|
append_styles(target, "svelte-45ue06", "*{box-sizing:border-box}.modal.svelte-45ue06{position:fixed;z-index:2147483647;display:flex}.modal.svelte-45ue06 > .button{flex:auto;display:flex}@media screen and (min-width: 641px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-pc) !important;width:var(--modal-bp-width-pc) !important;top:var(--modal-bp-top-pc) !important;left:var(--modal-bp-left-pc) !important;bottom:var(--modal-bp-bottom-pc) !important;right:var(--modal-bp-right-pc) !important;transform:var(--modal-bp-transform-pc);margin:var(--modal-bp-margin-pc) !important}.background-bp-pc{display:block}.background-bp-sp{display:none}}@media screen and (max-width: 640px){.modal-bp.svelte-45ue06{height:var(--modal-bp-height-sp) !important;width:var(--modal-bp-width-sp) !important;top:var(--modal-bp-top-sp) !important;left:var(--modal-bp-left-sp) !important;bottom:var(--modal-bp-bottom-sp) !important;right:var(--modal-bp-right-sp) !important;transform:var(--modal-bp-transform-sp);margin:var(--modal-bp-margin-sp) !important}.background-bp-pc{display:none}.background-bp-sp{display:block}}");
|
18741
18833
|
}
|
18742
18834
|
|
@@ -18975,7 +19067,7 @@ function create_if_block$1(ctx) {
|
|
18975
19067
|
};
|
18976
19068
|
}
|
18977
19069
|
|
18978
|
-
function create_fragment$
|
19070
|
+
function create_fragment$a(ctx) {
|
18979
19071
|
let show_if;
|
18980
19072
|
let current_block_type_index;
|
18981
19073
|
let if_block0;
|
@@ -19099,7 +19191,7 @@ function create_fragment$7(ctx) {
|
|
19099
19191
|
};
|
19100
19192
|
}
|
19101
19193
|
|
19102
|
-
function instance$
|
19194
|
+
function instance$a($$self, $$props, $$invalidate) {
|
19103
19195
|
let close;
|
19104
19196
|
let backgroundClick;
|
19105
19197
|
let backgroundClickPC;
|
@@ -19362,8 +19454,8 @@ class Modal extends SvelteComponent {
|
|
19362
19454
|
init(
|
19363
19455
|
this,
|
19364
19456
|
options,
|
19365
|
-
instance$
|
19366
|
-
create_fragment$
|
19457
|
+
instance$a,
|
19458
|
+
create_fragment$a,
|
19367
19459
|
safe_not_equal,
|
19368
19460
|
{
|
19369
19461
|
useBreakPoint: 0,
|
@@ -19375,18 +19467,18 @@ class Modal extends SvelteComponent {
|
|
19375
19467
|
closeEventValue: 18,
|
19376
19468
|
layerId: 2
|
19377
19469
|
},
|
19378
|
-
add_css$
|
19470
|
+
add_css$8
|
19379
19471
|
);
|
19380
19472
|
}
|
19381
19473
|
}
|
19382
19474
|
|
19383
19475
|
/* src/components-flex/code/Code.svelte generated by Svelte v3.53.1 */
|
19384
19476
|
|
19385
|
-
function add_css$
|
19477
|
+
function add_css$7(target) {
|
19386
19478
|
append_styles(target, "svelte-igivoz", ".code.svelte-igivoz{flex-grow:1;flex-shrink:0;align-self:stretch}");
|
19387
19479
|
}
|
19388
19480
|
|
19389
|
-
function create_fragment$
|
19481
|
+
function create_fragment$9(ctx) {
|
19390
19482
|
let div;
|
19391
19483
|
let raw_value = /*props*/ ctx[0].rawHtml + "";
|
19392
19484
|
|
@@ -19428,7 +19520,7 @@ function unescapeBraces(str) {
|
|
19428
19520
|
return str.replace(/\\([{}])/g, '$1');
|
19429
19521
|
}
|
19430
19522
|
|
19431
|
-
function instance$
|
19523
|
+
function instance$9($$self, $$props, $$invalidate) {
|
19432
19524
|
let { props = {} } = $$props;
|
19433
19525
|
let { layerId = '' } = $$props;
|
19434
19526
|
|
@@ -19475,7 +19567,7 @@ function instance$6($$self, $$props, $$invalidate) {
|
|
19475
19567
|
class Code extends SvelteComponent {
|
19476
19568
|
constructor(options) {
|
19477
19569
|
super();
|
19478
|
-
init(this, options, instance$
|
19570
|
+
init(this, options, instance$9, create_fragment$9, safe_not_equal, { props: 0, layerId: 1 }, add_css$7);
|
19479
19571
|
}
|
19480
19572
|
}
|
19481
19573
|
|
@@ -19483,11 +19575,11 @@ const LIST_ITEM_CONTEXT_KEY = 'ListItemContext';
|
|
19483
19575
|
|
19484
19576
|
/* src/components-flex/list/List.svelte generated by Svelte v3.53.1 */
|
19485
19577
|
|
19486
|
-
function add_css$
|
19578
|
+
function add_css$6(target) {
|
19487
19579
|
append_styles(target, "svelte-v2vy6p", ".list.svelte-v2vy6p{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;--border-width:0;--border-style:solit;--border-color:rgba(255, 255, 255, 0);border-top-width:var(--border-width);border-top-style:var(--border-style);border-top-color:var(--border-color);border-bottom-width:var(--border-width);border-bottom-style:var(--border-style);border-bottom-color:var(--border-color)}");
|
19488
19580
|
}
|
19489
19581
|
|
19490
|
-
function create_fragment$
|
19582
|
+
function create_fragment$8(ctx) {
|
19491
19583
|
let ul;
|
19492
19584
|
let current;
|
19493
19585
|
const default_slot_template = /*#slots*/ ctx[5].default;
|
@@ -19565,13 +19657,13 @@ function create_fragment$5(ctx) {
|
|
19565
19657
|
};
|
19566
19658
|
}
|
19567
19659
|
|
19568
|
-
function instance$
|
19660
|
+
function instance$8($$self, $$props, $$invalidate) {
|
19569
19661
|
let variables;
|
19570
19662
|
let style;
|
19571
19663
|
let { $$slots: slots = {}, $$scope } = $$props;
|
19572
19664
|
let { layerId } = $$props;
|
19573
19665
|
let { props } = $$props;
|
19574
|
-
|
19666
|
+
useInjectCustomizeCss(props);
|
19575
19667
|
|
19576
19668
|
setContext(LIST_ITEM_CONTEXT_KEY, {
|
19577
19669
|
paddingTop: props.itemPaddingTop,
|
@@ -19618,13 +19710,13 @@ function instance$5($$self, $$props, $$invalidate) {
|
|
19618
19710
|
class List extends SvelteComponent {
|
19619
19711
|
constructor(options) {
|
19620
19712
|
super();
|
19621
|
-
init(this, options, instance$
|
19713
|
+
init(this, options, instance$8, create_fragment$8, safe_not_equal, { layerId: 0, props: 2 }, add_css$6);
|
19622
19714
|
}
|
19623
19715
|
}
|
19624
19716
|
|
19625
19717
|
/* src/components-flex/list/ListItem.svelte generated by Svelte v3.53.1 */
|
19626
19718
|
|
19627
|
-
function add_css$
|
19719
|
+
function add_css$5(target) {
|
19628
19720
|
append_styles(target, "svelte-1223veg", ".list-item.svelte-1223veg{margin:0;padding:0}.list-item-inner.svelte-1223veg{display:flex;align-items:center;width:100%;text-decoration:none;color:inherit}.list-item-inner.svelte-1223veg:hover{opacity:0.8}.list-item.svelte-1223veg:not(:first-child){border-top-width:var(--list-item-border-width);border-top-style:var(--list-item-border-style);border-top-color:var(--list-item-border-color)}");
|
19629
19721
|
}
|
19630
19722
|
|
@@ -19733,7 +19825,7 @@ function create_dynamic_element$1(ctx) {
|
|
19733
19825
|
};
|
19734
19826
|
}
|
19735
19827
|
|
19736
|
-
function create_fragment$
|
19828
|
+
function create_fragment$7(ctx) {
|
19737
19829
|
let li;
|
19738
19830
|
let previous_tag = /*element*/ ctx[4];
|
19739
19831
|
let current;
|
@@ -19812,7 +19904,7 @@ function create_fragment$4(ctx) {
|
|
19812
19904
|
};
|
19813
19905
|
}
|
19814
19906
|
|
19815
|
-
function instance$
|
19907
|
+
function instance$7($$self, $$props, $$invalidate) {
|
19816
19908
|
let variables;
|
19817
19909
|
let style;
|
19818
19910
|
let innerStyle;
|
@@ -19870,7 +19962,7 @@ function instance$4($$self, $$props, $$invalidate) {
|
|
19870
19962
|
class ListItem extends SvelteComponent {
|
19871
19963
|
constructor(options) {
|
19872
19964
|
super();
|
19873
|
-
init(this, options, instance$
|
19965
|
+
init(this, options, instance$7, create_fragment$7, safe_not_equal, { layerId: 0, props: 6 }, add_css$5);
|
19874
19966
|
}
|
19875
19967
|
}
|
19876
19968
|
|
@@ -19900,11 +19992,11 @@ function splitNumberAndUnit(value) {
|
|
19900
19992
|
|
19901
19993
|
/* src/components-flex/multi-column/MultiColumn.svelte generated by Svelte v3.53.1 */
|
19902
19994
|
|
19903
|
-
function add_css$
|
19995
|
+
function add_css$4(target) {
|
19904
19996
|
append_styles(target, "svelte-aoppwp", ".list.svelte-aoppwp{padding:0;margin:0;list-style:none;display:flex;flex-direction:row}");
|
19905
19997
|
}
|
19906
19998
|
|
19907
|
-
function create_fragment$
|
19999
|
+
function create_fragment$6(ctx) {
|
19908
20000
|
let ul;
|
19909
20001
|
let current;
|
19910
20002
|
const default_slot_template = /*#slots*/ ctx[4].default;
|
@@ -19982,11 +20074,12 @@ function create_fragment$3(ctx) {
|
|
19982
20074
|
};
|
19983
20075
|
}
|
19984
20076
|
|
19985
|
-
function instance$
|
20077
|
+
function instance$6($$self, $$props, $$invalidate) {
|
19986
20078
|
let style;
|
19987
20079
|
let { $$slots: slots = {}, $$scope } = $$props;
|
19988
20080
|
let { layerId } = $$props;
|
19989
20081
|
let { props } = $$props;
|
20082
|
+
useInjectCustomizeCss(props);
|
19990
20083
|
|
19991
20084
|
let listGap = (() => {
|
19992
20085
|
if (!props.gap) return '0';
|
@@ -20034,17 +20127,17 @@ function instance$3($$self, $$props, $$invalidate) {
|
|
20034
20127
|
class MultiColumn extends SvelteComponent {
|
20035
20128
|
constructor(options) {
|
20036
20129
|
super();
|
20037
|
-
init(this, options, instance$
|
20130
|
+
init(this, options, instance$6, create_fragment$6, safe_not_equal, { layerId: 0, props: 2 }, add_css$4);
|
20038
20131
|
}
|
20039
20132
|
}
|
20040
20133
|
|
20041
20134
|
/* src/components-flex/multi-column/MultiColumnItem.svelte generated by Svelte v3.53.1 */
|
20042
20135
|
|
20043
|
-
function add_css$
|
20136
|
+
function add_css$3(target) {
|
20044
20137
|
append_styles(target, "svelte-1blzs1a", ".multi-column-item.svelte-1blzs1a{margin:0;width:100%;padding-top:0;padding-bottom:0;padding-left:var(--multi-column-item-padding);padding-right:var(--multi-column-item-padding)}.multi-column-item-inner.svelte-1blzs1a{display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;color:inherit;padding-top:var(--multi-column-item-padding-top);padding-left:var(--multi-column-item-padding-left);padding-right:var(--multi-column-item-padding-right);padding-bottom:var(--multi-column-item-padding-bottom)}.multi-column-item-inner.svelte-1blzs1a:hover{opacity:0.8}.multi-column-item.svelte-1blzs1a:not(:first-child){border-left-width:var(--multi-column-item-border-width);border-left-style:var(--multi-column-item-border-style);border-left-color:var(--multi-column-item-border-color)}");
|
20045
20138
|
}
|
20046
20139
|
|
20047
|
-
// (
|
20140
|
+
// (29:2) <svelte:element {...attributes} this={element} class="multi-column-item-inner" on:click={handleClick} >
|
20048
20141
|
function create_dynamic_element(ctx) {
|
20049
20142
|
let svelte_element;
|
20050
20143
|
let current;
|
@@ -20139,7 +20232,7 @@ function create_dynamic_element(ctx) {
|
|
20139
20232
|
};
|
20140
20233
|
}
|
20141
20234
|
|
20142
|
-
function create_fragment$
|
20235
|
+
function create_fragment$5(ctx) {
|
20143
20236
|
let li;
|
20144
20237
|
let previous_tag = /*element*/ ctx[3];
|
20145
20238
|
let current;
|
@@ -20218,7 +20311,7 @@ function create_fragment$2(ctx) {
|
|
20218
20311
|
};
|
20219
20312
|
}
|
20220
20313
|
|
20221
|
-
function instance$
|
20314
|
+
function instance$5($$self, $$props, $$invalidate) {
|
20222
20315
|
let variables;
|
20223
20316
|
let style;
|
20224
20317
|
let { $$slots: slots = {}, $$scope } = $$props;
|
@@ -20273,17 +20366,17 @@ function instance$2($$self, $$props, $$invalidate) {
|
|
20273
20366
|
class MultiColumnItem extends SvelteComponent {
|
20274
20367
|
constructor(options) {
|
20275
20368
|
super();
|
20276
|
-
init(this, options, instance$
|
20369
|
+
init(this, options, instance$5, create_fragment$5, safe_not_equal, { layerId: 0, props: 5 }, add_css$3);
|
20277
20370
|
}
|
20278
20371
|
}
|
20279
20372
|
|
20280
20373
|
/* src/components-flex/youtube/Youtube.svelte generated by Svelte v3.53.1 */
|
20281
20374
|
|
20282
|
-
function add_css(target) {
|
20375
|
+
function add_css$2(target) {
|
20283
20376
|
append_styles(target, "svelte-odfkc2", ".youtube.svelte-odfkc2{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:3px}.youtube.svelte-odfkc2 iframe{position:absolute;width:100%;height:100%;object-fit:cover}");
|
20284
20377
|
}
|
20285
20378
|
|
20286
|
-
function create_fragment$
|
20379
|
+
function create_fragment$4(ctx) {
|
20287
20380
|
let div1;
|
20288
20381
|
let div0;
|
20289
20382
|
|
@@ -20343,10 +20436,11 @@ function onPlayerStateChange(event) {
|
|
20343
20436
|
}
|
20344
20437
|
}
|
20345
20438
|
|
20346
|
-
function instance$
|
20439
|
+
function instance$4($$self, $$props, $$invalidate) {
|
20347
20440
|
let style;
|
20348
20441
|
let { props = {} } = $$props;
|
20349
20442
|
let { layerId = '' } = $$props;
|
20443
|
+
useInjectCustomizeCss(props);
|
20350
20444
|
|
20351
20445
|
// @ts-ignore
|
20352
20446
|
if (!window.YT) {
|
@@ -20446,7 +20540,538 @@ function instance$1($$self, $$props, $$invalidate) {
|
|
20446
20540
|
class Youtube extends SvelteComponent {
|
20447
20541
|
constructor(options) {
|
20448
20542
|
super();
|
20449
|
-
init(this, options, instance$
|
20543
|
+
init(this, options, instance$4, create_fragment$4, safe_not_equal, { props: 3, layerId: 0 }, add_css$2);
|
20544
|
+
}
|
20545
|
+
}
|
20546
|
+
|
20547
|
+
/* src/components-flex/count-down/CountDown.svelte generated by Svelte v3.53.1 */
|
20548
|
+
|
20549
|
+
function add_css$1(target) {
|
20550
|
+
append_styles(target, "svelte-1n395il", ".countdown.svelte-1n395il{display:flex;align-items:center;gap:4px}");
|
20551
|
+
}
|
20552
|
+
|
20553
|
+
const get_default_slot_changes = dirty => ({
|
20554
|
+
day: dirty & /*day*/ 16,
|
20555
|
+
hour: dirty & /*hour*/ 8,
|
20556
|
+
min: dirty & /*min*/ 4,
|
20557
|
+
sec: dirty & /*sec*/ 2
|
20558
|
+
});
|
20559
|
+
|
20560
|
+
const get_default_slot_context = ctx => ({
|
20561
|
+
day: /*day*/ ctx[4],
|
20562
|
+
hour: /*hour*/ ctx[3],
|
20563
|
+
min: /*min*/ ctx[2],
|
20564
|
+
sec: /*sec*/ ctx[1]
|
20565
|
+
});
|
20566
|
+
|
20567
|
+
function create_fragment$3(ctx) {
|
20568
|
+
let div;
|
20569
|
+
let current;
|
20570
|
+
const default_slot_template = /*#slots*/ ctx[8].default;
|
20571
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], get_default_slot_context);
|
20572
|
+
|
20573
|
+
return {
|
20574
|
+
c() {
|
20575
|
+
div = element("div");
|
20576
|
+
if (default_slot) default_slot.c();
|
20577
|
+
this.h();
|
20578
|
+
},
|
20579
|
+
l(nodes) {
|
20580
|
+
div = claim_element(nodes, "DIV", { class: true, "data-layer-id": true });
|
20581
|
+
var div_nodes = children(div);
|
20582
|
+
if (default_slot) default_slot.l(div_nodes);
|
20583
|
+
div_nodes.forEach(detach);
|
20584
|
+
this.h();
|
20585
|
+
},
|
20586
|
+
h() {
|
20587
|
+
attr(div, "class", "countdown svelte-1n395il");
|
20588
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
20589
|
+
},
|
20590
|
+
m(target, anchor) {
|
20591
|
+
insert_hydration(target, div, anchor);
|
20592
|
+
|
20593
|
+
if (default_slot) {
|
20594
|
+
default_slot.m(div, null);
|
20595
|
+
}
|
20596
|
+
|
20597
|
+
current = true;
|
20598
|
+
},
|
20599
|
+
p(ctx, [dirty]) {
|
20600
|
+
if (default_slot) {
|
20601
|
+
if (default_slot.p && (!current || dirty & /*$$scope, day, hour, min, sec*/ 158)) {
|
20602
|
+
update_slot_base(
|
20603
|
+
default_slot,
|
20604
|
+
default_slot_template,
|
20605
|
+
ctx,
|
20606
|
+
/*$$scope*/ ctx[7],
|
20607
|
+
!current
|
20608
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[7])
|
20609
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[7], dirty, get_default_slot_changes),
|
20610
|
+
get_default_slot_context
|
20611
|
+
);
|
20612
|
+
}
|
20613
|
+
}
|
20614
|
+
|
20615
|
+
if (!current || dirty & /*layerId*/ 1) {
|
20616
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
20617
|
+
}
|
20618
|
+
},
|
20619
|
+
i(local) {
|
20620
|
+
if (current) return;
|
20621
|
+
transition_in(default_slot, local);
|
20622
|
+
current = true;
|
20623
|
+
},
|
20624
|
+
o(local) {
|
20625
|
+
transition_out(default_slot, local);
|
20626
|
+
current = false;
|
20627
|
+
},
|
20628
|
+
d(detaching) {
|
20629
|
+
if (detaching) detach(div);
|
20630
|
+
if (default_slot) default_slot.d(detaching);
|
20631
|
+
}
|
20632
|
+
};
|
20633
|
+
}
|
20634
|
+
|
20635
|
+
function calcRemainingTime(limit) {
|
20636
|
+
return limit - new Date().getTime();
|
20637
|
+
}
|
20638
|
+
|
20639
|
+
function formatTimeDiff(ms) {
|
20640
|
+
const diffDay = Math.floor(ms / 1000 / 60 / 60 / 24);
|
20641
|
+
const diffHour = Math.floor(ms / 1000 / 60 / 60) % 24;
|
20642
|
+
const diffMin = Math.floor(ms / 1000 / 60) % 60;
|
20643
|
+
const diffSec = Math.floor(ms / 1000) % 60;
|
20644
|
+
|
20645
|
+
return {
|
20646
|
+
day: diffDay.toString(),
|
20647
|
+
hour: diffHour.toString(),
|
20648
|
+
min: diffMin.toString(),
|
20649
|
+
sec: diffSec.toString()
|
20650
|
+
};
|
20651
|
+
}
|
20652
|
+
|
20653
|
+
function instance$3($$self, $$props, $$invalidate) {
|
20654
|
+
let day;
|
20655
|
+
let hour;
|
20656
|
+
let min;
|
20657
|
+
let sec;
|
20658
|
+
let { $$slots: slots = {}, $$scope } = $$props;
|
20659
|
+
let { props = {} } = $$props;
|
20660
|
+
let { layerId = '' } = $$props;
|
20661
|
+
useInjectCustomizeCss(props);
|
20662
|
+
let remainingTime;
|
20663
|
+
let timeLimit = props.timeLimit ? new Date(props.timeLimit) : new Date();
|
20664
|
+
|
20665
|
+
function onEachSecond() {
|
20666
|
+
console.log({
|
20667
|
+
timeLimit: timeLimit.getTime(),
|
20668
|
+
now: new Date().getTime(),
|
20669
|
+
calced: calcRemainingTime(timeLimit.getTime())
|
20670
|
+
});
|
20671
|
+
|
20672
|
+
const _remainingTime = calcRemainingTime(timeLimit.getTime());
|
20673
|
+
|
20674
|
+
if (_remainingTime > 0) {
|
20675
|
+
$$invalidate(6, remainingTime = formatTimeDiff(_remainingTime));
|
20676
|
+
} else {
|
20677
|
+
$$invalidate(6, remainingTime = formatTimeDiff(0));
|
20678
|
+
|
20679
|
+
if (props.onEnd) {
|
20680
|
+
execOnClickOperation(props.onEnd);
|
20681
|
+
}
|
20682
|
+
}
|
20683
|
+
|
20684
|
+
console.log(remainingTime);
|
20685
|
+
}
|
20686
|
+
|
20687
|
+
onMount$1(() => {
|
20688
|
+
const timerId = setInterval(
|
20689
|
+
() => {
|
20690
|
+
onEachSecond();
|
20691
|
+
},
|
20692
|
+
1000
|
20693
|
+
);
|
20694
|
+
|
20695
|
+
return () => {
|
20696
|
+
clearInterval(timerId);
|
20697
|
+
};
|
20698
|
+
});
|
20699
|
+
|
20700
|
+
onEachSecond();
|
20701
|
+
|
20702
|
+
$$self.$$set = $$props => {
|
20703
|
+
if ('props' in $$props) $$invalidate(5, props = $$props.props);
|
20704
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
20705
|
+
if ('$$scope' in $$props) $$invalidate(7, $$scope = $$props.$$scope);
|
20706
|
+
};
|
20707
|
+
|
20708
|
+
$$self.$$.update = () => {
|
20709
|
+
if ($$self.$$.dirty & /*remainingTime*/ 64) {
|
20710
|
+
$$invalidate(4, day = remainingTime.day);
|
20711
|
+
}
|
20712
|
+
|
20713
|
+
if ($$self.$$.dirty & /*remainingTime*/ 64) {
|
20714
|
+
$$invalidate(3, hour = remainingTime.hour);
|
20715
|
+
}
|
20716
|
+
|
20717
|
+
if ($$self.$$.dirty & /*remainingTime*/ 64) {
|
20718
|
+
$$invalidate(2, min = remainingTime.min);
|
20719
|
+
}
|
20720
|
+
|
20721
|
+
if ($$self.$$.dirty & /*remainingTime*/ 64) {
|
20722
|
+
$$invalidate(1, sec = remainingTime.sec);
|
20723
|
+
}
|
20724
|
+
};
|
20725
|
+
|
20726
|
+
return [layerId, sec, min, hour, day, props, remainingTime, $$scope, slots];
|
20727
|
+
}
|
20728
|
+
|
20729
|
+
class CountDown extends SvelteComponent {
|
20730
|
+
constructor(options) {
|
20731
|
+
super();
|
20732
|
+
init(this, options, instance$3, create_fragment$3, safe_not_equal, { props: 5, layerId: 0 }, add_css$1);
|
20733
|
+
}
|
20734
|
+
}
|
20735
|
+
|
20736
|
+
const useText = (props) => {
|
20737
|
+
useInjectCustomizeCss(props);
|
20738
|
+
const { brandKit } = useBrandKit();
|
20739
|
+
const themeStyles = getTextThemeStyles(brandKit);
|
20740
|
+
const fontFamilyStyles = props.fontFamilyVariant in FONT_FAMILY_VARIANT
|
20741
|
+
? FONT_FAMILY_VARIANT[props.fontFamilyVariant].getProps(brandKit)
|
20742
|
+
: FONT_FAMILY_VARIANT.default.getProps(brandKit);
|
20743
|
+
const fontFamily = props.fontFamily ?? fontFamilyStyles.fontFamily;
|
20744
|
+
if (fontFamily) {
|
20745
|
+
addFont(fontFamily);
|
20746
|
+
}
|
20747
|
+
const getColor = () => {
|
20748
|
+
if (props.color)
|
20749
|
+
return props.color;
|
20750
|
+
if (props.theme)
|
20751
|
+
return themeStyles[props.theme].color;
|
20752
|
+
return undefined;
|
20753
|
+
};
|
20754
|
+
const getCssSize = () => {
|
20755
|
+
const getFontSize = () => {
|
20756
|
+
if (props.fontSize)
|
20757
|
+
return props.fontSize;
|
20758
|
+
if (props.size)
|
20759
|
+
return TEXT_VARIANTS.size[props.size].fontSize;
|
20760
|
+
return undefined;
|
20761
|
+
};
|
20762
|
+
const getLineHeight = () => {
|
20763
|
+
if (props.lineHeight)
|
20764
|
+
return props.lineHeight;
|
20765
|
+
if (props.size)
|
20766
|
+
return TEXT_VARIANTS.size[props.size].lineHeight;
|
20767
|
+
return undefined;
|
20768
|
+
};
|
20769
|
+
const getFontWeight = () => {
|
20770
|
+
if (props.fontWeight)
|
20771
|
+
return props.fontWeight;
|
20772
|
+
if (props.size)
|
20773
|
+
return TEXT_VARIANTS.size[props.size].fontWeight;
|
20774
|
+
return undefined;
|
20775
|
+
};
|
20776
|
+
return {
|
20777
|
+
fontSize: getFontSize(),
|
20778
|
+
lineHeight: getLineHeight(),
|
20779
|
+
fontWeight: getFontWeight(),
|
20780
|
+
};
|
20781
|
+
};
|
20782
|
+
const escapedHTML = props.content
|
20783
|
+
.replace(/&/g, '<')
|
20784
|
+
.replace(/</g, '<')
|
20785
|
+
.replace(/>/g, '>')
|
20786
|
+
.replace(/"/g, '"')
|
20787
|
+
.replace(/'/g, ''')
|
20788
|
+
.replace(/\n/g, '<br />');
|
20789
|
+
const style = objToStyle({
|
20790
|
+
position: props?.position ?? 'static',
|
20791
|
+
textAlign: props.align,
|
20792
|
+
width: props.width,
|
20793
|
+
fontFamily: `"${fontFamily}"`,
|
20794
|
+
color: getColor(),
|
20795
|
+
...getCssSize(),
|
20796
|
+
...toCssRadius(props),
|
20797
|
+
...toCssBackgroundColor(props),
|
20798
|
+
...toCssCommon(props),
|
20799
|
+
...toCssPosition(props),
|
20800
|
+
...toCssPadding(props),
|
20801
|
+
...toCssBorder(props),
|
20802
|
+
});
|
20803
|
+
return {
|
20804
|
+
escapedHTML,
|
20805
|
+
style,
|
20806
|
+
};
|
20807
|
+
};
|
20808
|
+
|
20809
|
+
/* src/components-flex/count-down/CountDownValue.svelte generated by Svelte v3.53.1 */
|
20810
|
+
|
20811
|
+
function create_fragment$2(ctx) {
|
20812
|
+
let span;
|
20813
|
+
let t;
|
20814
|
+
|
20815
|
+
return {
|
20816
|
+
c() {
|
20817
|
+
span = element("span");
|
20818
|
+
t = text(/*value*/ ctx[1]);
|
20819
|
+
this.h();
|
20820
|
+
},
|
20821
|
+
l(nodes) {
|
20822
|
+
span = claim_element(nodes, "SPAN", {
|
20823
|
+
class: true,
|
20824
|
+
"data-layer-id": true,
|
20825
|
+
style: true
|
20826
|
+
});
|
20827
|
+
|
20828
|
+
var span_nodes = children(span);
|
20829
|
+
t = claim_text(span_nodes, /*value*/ ctx[1]);
|
20830
|
+
span_nodes.forEach(detach);
|
20831
|
+
this.h();
|
20832
|
+
},
|
20833
|
+
h() {
|
20834
|
+
attr(span, "class", "count-down-value");
|
20835
|
+
attr(span, "data-layer-id", /*layerId*/ ctx[0]);
|
20836
|
+
attr(span, "style", /*style*/ ctx[3]);
|
20837
|
+
},
|
20838
|
+
m(target, anchor) {
|
20839
|
+
insert_hydration(target, span, anchor);
|
20840
|
+
append_hydration(span, t);
|
20841
|
+
},
|
20842
|
+
p(ctx, [dirty]) {
|
20843
|
+
if (dirty & /*value*/ 2) set_data(t, /*value*/ ctx[1]);
|
20844
|
+
|
20845
|
+
if (dirty & /*layerId*/ 1) {
|
20846
|
+
attr(span, "data-layer-id", /*layerId*/ ctx[0]);
|
20847
|
+
}
|
20848
|
+
},
|
20849
|
+
i: noop,
|
20850
|
+
o: noop,
|
20851
|
+
d(detaching) {
|
20852
|
+
if (detaching) detach(span);
|
20853
|
+
}
|
20854
|
+
};
|
20855
|
+
}
|
20856
|
+
|
20857
|
+
function instance$2($$self, $$props, $$invalidate) {
|
20858
|
+
let value;
|
20859
|
+
let $countdownStore;
|
20860
|
+
let { props = {} } = $$props;
|
20861
|
+
let { layerId = '' } = $$props;
|
20862
|
+
let countdownStore = getContext('countdownStore');
|
20863
|
+
component_subscribe($$self, countdownStore, value => $$invalidate(5, $countdownStore = value));
|
20864
|
+
console.log(countdownStore);
|
20865
|
+
let { style } = useText(props);
|
20866
|
+
console.log(value);
|
20867
|
+
|
20868
|
+
$$self.$$set = $$props => {
|
20869
|
+
if ('props' in $$props) $$invalidate(4, props = $$props.props);
|
20870
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
20871
|
+
};
|
20872
|
+
|
20873
|
+
$$self.$$.update = () => {
|
20874
|
+
if ($$self.$$.dirty & /*$countdownStore, props*/ 48) {
|
20875
|
+
$$invalidate(1, value = (() => {
|
20876
|
+
const { day, hour, min, sec } = $countdownStore;
|
20877
|
+
|
20878
|
+
switch (props.type) {
|
20879
|
+
case "day":
|
20880
|
+
return day?.toString().padStart(2, '0') ?? '';
|
20881
|
+
case "hour":
|
20882
|
+
return hour?.toString().padStart(2, '0') ?? '';
|
20883
|
+
case "minute":
|
20884
|
+
return min?.toString().padStart(2, '0') ?? '';
|
20885
|
+
case "second":
|
20886
|
+
return sec?.toString().padStart(2, '0') ?? '';
|
20887
|
+
default:
|
20888
|
+
return '';
|
20889
|
+
}
|
20890
|
+
})());
|
20891
|
+
}
|
20892
|
+
};
|
20893
|
+
|
20894
|
+
return [layerId, value, countdownStore, style, props, $countdownStore];
|
20895
|
+
}
|
20896
|
+
|
20897
|
+
class CountDownValue extends SvelteComponent {
|
20898
|
+
constructor(options) {
|
20899
|
+
super();
|
20900
|
+
init(this, options, instance$2, create_fragment$2, safe_not_equal, { props: 4, layerId: 0 });
|
20901
|
+
}
|
20902
|
+
}
|
20903
|
+
|
20904
|
+
/* src/components-flex/clip-copy/ClipCopy.svelte generated by Svelte v3.53.1 */
|
20905
|
+
|
20906
|
+
function add_css(target) {
|
20907
|
+
append_styles(target, "svelte-30zd8m", ".clipboard.svelte-30zd8m{position:relative;display:inline-flex}.clipboard-button.svelte-30zd8m{position:relative;display:inline-flex;align-items:center;white-space:nowrap;gap:12px;background:none;border:0;transition:0.12s;cursor:pointer}.clipboard-button.svelte-30zd8m:hover{opacity:0.8}.clipboard-button.svelte-30zd8m:active{opacity:0.6}.clipboard-tooltip.svelte-30zd8m{position:absolute;top:-8px;left:50%;display:block;transform:translate(-50%, -100%);padding:4px 10px;background-color:#333333;color:#ffffff;font-size:11px;font-weight:bold;border-radius:4px;transition:transform 0.2s ease-out;white-space:nowrap;pointer-events:none}.clipboard-tooltip.svelte-30zd8m:after{content:'';display:block;position:absolute;bottom:0;left:50%;width:8px;height:8px;background-color:#333333;border-radius:1px;transform:translate(-50%, 40%) rotate(45deg)}.clipboard-tooltip[aria-hidden=\"true\"].svelte-30zd8m{opacity:0;transform:translate(-50%, -80%)}");
|
20908
|
+
}
|
20909
|
+
|
20910
|
+
function create_fragment$1(ctx) {
|
20911
|
+
let div;
|
20912
|
+
let button;
|
20913
|
+
let t0;
|
20914
|
+
let span;
|
20915
|
+
let t1;
|
20916
|
+
let span_aria_hidden_value;
|
20917
|
+
let current;
|
20918
|
+
let mounted;
|
20919
|
+
let dispose;
|
20920
|
+
const default_slot_template = /*#slots*/ ctx[6].default;
|
20921
|
+
const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[5], null);
|
20922
|
+
|
20923
|
+
return {
|
20924
|
+
c() {
|
20925
|
+
div = element("div");
|
20926
|
+
button = element("button");
|
20927
|
+
if (default_slot) default_slot.c();
|
20928
|
+
t0 = space();
|
20929
|
+
span = element("span");
|
20930
|
+
t1 = text("コピーしました");
|
20931
|
+
this.h();
|
20932
|
+
},
|
20933
|
+
l(nodes) {
|
20934
|
+
div = claim_element(nodes, "DIV", { class: true, "data-layer-id": true });
|
20935
|
+
var div_nodes = children(div);
|
20936
|
+
button = claim_element(div_nodes, "BUTTON", { class: true });
|
20937
|
+
var button_nodes = children(button);
|
20938
|
+
if (default_slot) default_slot.l(button_nodes);
|
20939
|
+
button_nodes.forEach(detach);
|
20940
|
+
t0 = claim_space(div_nodes);
|
20941
|
+
span = claim_element(div_nodes, "SPAN", { "aria-hidden": true, class: true });
|
20942
|
+
var span_nodes = children(span);
|
20943
|
+
t1 = claim_text(span_nodes, "コピーしました");
|
20944
|
+
span_nodes.forEach(detach);
|
20945
|
+
div_nodes.forEach(detach);
|
20946
|
+
this.h();
|
20947
|
+
},
|
20948
|
+
h() {
|
20949
|
+
attr(button, "class", "clipboard-button svelte-30zd8m");
|
20950
|
+
attr(span, "aria-hidden", span_aria_hidden_value = !/*showTooltip*/ ctx[2]);
|
20951
|
+
attr(span, "class", "clipboard-tooltip svelte-30zd8m");
|
20952
|
+
attr(div, "class", "clipboard svelte-30zd8m");
|
20953
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
20954
|
+
},
|
20955
|
+
m(target, anchor) {
|
20956
|
+
insert_hydration(target, div, anchor);
|
20957
|
+
append_hydration(div, button);
|
20958
|
+
|
20959
|
+
if (default_slot) {
|
20960
|
+
default_slot.m(button, null);
|
20961
|
+
}
|
20962
|
+
|
20963
|
+
/*button_binding*/ ctx[7](button);
|
20964
|
+
append_hydration(div, t0);
|
20965
|
+
append_hydration(div, span);
|
20966
|
+
append_hydration(span, t1);
|
20967
|
+
current = true;
|
20968
|
+
|
20969
|
+
if (!mounted) {
|
20970
|
+
dispose = listen(button, "click", /*handleClick*/ ctx[3]);
|
20971
|
+
mounted = true;
|
20972
|
+
}
|
20973
|
+
},
|
20974
|
+
p(ctx, [dirty]) {
|
20975
|
+
if (default_slot) {
|
20976
|
+
if (default_slot.p && (!current || dirty & /*$$scope*/ 32)) {
|
20977
|
+
update_slot_base(
|
20978
|
+
default_slot,
|
20979
|
+
default_slot_template,
|
20980
|
+
ctx,
|
20981
|
+
/*$$scope*/ ctx[5],
|
20982
|
+
!current
|
20983
|
+
? get_all_dirty_from_scope(/*$$scope*/ ctx[5])
|
20984
|
+
: get_slot_changes(default_slot_template, /*$$scope*/ ctx[5], dirty, null),
|
20985
|
+
null
|
20986
|
+
);
|
20987
|
+
}
|
20988
|
+
}
|
20989
|
+
|
20990
|
+
if (!current || dirty & /*showTooltip*/ 4 && span_aria_hidden_value !== (span_aria_hidden_value = !/*showTooltip*/ ctx[2])) {
|
20991
|
+
attr(span, "aria-hidden", span_aria_hidden_value);
|
20992
|
+
}
|
20993
|
+
|
20994
|
+
if (!current || dirty & /*layerId*/ 1) {
|
20995
|
+
attr(div, "data-layer-id", /*layerId*/ ctx[0]);
|
20996
|
+
}
|
20997
|
+
},
|
20998
|
+
i(local) {
|
20999
|
+
if (current) return;
|
21000
|
+
transition_in(default_slot, local);
|
21001
|
+
current = true;
|
21002
|
+
},
|
21003
|
+
o(local) {
|
21004
|
+
transition_out(default_slot, local);
|
21005
|
+
current = false;
|
21006
|
+
},
|
21007
|
+
d(detaching) {
|
21008
|
+
if (detaching) detach(div);
|
21009
|
+
if (default_slot) default_slot.d(detaching);
|
21010
|
+
/*button_binding*/ ctx[7](null);
|
21011
|
+
mounted = false;
|
21012
|
+
dispose();
|
21013
|
+
}
|
21014
|
+
};
|
21015
|
+
}
|
21016
|
+
|
21017
|
+
function instance$1($$self, $$props, $$invalidate) {
|
21018
|
+
let { $$slots: slots = {}, $$scope } = $$props;
|
21019
|
+
let { props = {} } = $$props;
|
21020
|
+
let { layerId = '' } = $$props;
|
21021
|
+
useInjectCustomizeCss(props);
|
21022
|
+
let buttonElement;
|
21023
|
+
let showTooltip = false;
|
21024
|
+
|
21025
|
+
const handleClick = e => {
|
21026
|
+
e.preventDefault();
|
21027
|
+
const targetText = props.content ?? buttonElement?.innerText ?? '';
|
21028
|
+
console.log(targetText);
|
21029
|
+
navigator.clipboard.writeText(targetText);
|
21030
|
+
send_event('_click_copy', { text: targetText });
|
21031
|
+
|
21032
|
+
if (props.copiedEventName) {
|
21033
|
+
send_event(props.copiedEventName, { text: targetText });
|
21034
|
+
}
|
21035
|
+
|
21036
|
+
$$invalidate(2, showTooltip = true);
|
21037
|
+
|
21038
|
+
setTimeout(
|
21039
|
+
() => {
|
21040
|
+
$$invalidate(2, showTooltip = false);
|
21041
|
+
},
|
21042
|
+
3000
|
21043
|
+
);
|
21044
|
+
};
|
21045
|
+
|
21046
|
+
function button_binding($$value) {
|
21047
|
+
binding_callbacks[$$value ? 'unshift' : 'push'](() => {
|
21048
|
+
buttonElement = $$value;
|
21049
|
+
$$invalidate(1, buttonElement);
|
21050
|
+
});
|
21051
|
+
}
|
21052
|
+
|
21053
|
+
$$self.$$set = $$props => {
|
21054
|
+
if ('props' in $$props) $$invalidate(4, props = $$props.props);
|
21055
|
+
if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
|
21056
|
+
if ('$$scope' in $$props) $$invalidate(5, $$scope = $$props.$$scope);
|
21057
|
+
};
|
21058
|
+
|
21059
|
+
return [
|
21060
|
+
layerId,
|
21061
|
+
buttonElement,
|
21062
|
+
showTooltip,
|
21063
|
+
handleClick,
|
21064
|
+
props,
|
21065
|
+
$$scope,
|
21066
|
+
slots,
|
21067
|
+
button_binding
|
21068
|
+
];
|
21069
|
+
}
|
21070
|
+
|
21071
|
+
class ClipCopy extends SvelteComponent {
|
21072
|
+
constructor(options) {
|
21073
|
+
super();
|
21074
|
+
init(this, options, instance$1, create_fragment$1, safe_not_equal, { props: 4, layerId: 0 }, add_css);
|
20450
21075
|
}
|
20451
21076
|
}
|
20452
21077
|
|
@@ -20864,4 +21489,4 @@ const ROUND_STYLES = {
|
|
20864
21489
|
},
|
20865
21490
|
};
|
20866
21491
|
|
20867
|
-
export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME,
|
21492
|
+
export { ACTION_HOOK_LABEL, ASPECT_VARIANT, ASPECT_VARIANTS, AVATAR_SHAPE, AVATAR_SIZE, AVATAR_SIZE_STYLES, Alignments, AnimationStyles, BUTTON_ICON_ANGLE, BUTTON_LINK_TARGET, BUTTON_OUTLINED_ROUND_STYLES, BUTTON_OUTLINED_SIZE_STYLES, BUTTON_OUTLINED_WRAP_STYLES, BUTTON_ROUND, BUTTON_ROUND_STYLES, BUTTON_SIZE, BUTTON_SIZE_STYLES, BUTTON_TEXT_SIZE, BUTTON_TEXT_SIZE_STYLES, BUTTON_TEXT_THEME, BUTTON_THEME, BUTTON_VARIANT, BUTTON_WRAP_STYLES, BackgroundSizes, Box, CLOSE_BUTTON_LABEL_PLACEMENT, CLOSE_BUTTON_PLACEMENT, CLOSE_BUTTON_ROUND, ClipPaths, CodeElement, Countdown, Cursors, DefaultEdgePosition, DefaultElasticity, DefaultFormButtonColor, DefaultFormIdentifyBooleanField, DefaultFormIdentifyTextField, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalBreakPoint, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, FONT_FAMILY_VARIANT, FONT_FAMILY_VARIANTS, FONT_FAMILY_VARIANT_GROUPS, Flex, Avatar as FlexAvatar, Button as FlexButton, ButtonOutlined as FlexButtonOutlined, ButtonText as FlexButtonText, ClipCopy as FlexClipCopy, CloseButton as FlexCloseButton, Code as FlexCode, CountDown as FlexCountDown, CountDownValue as FlexCountDownValue, FlexDirections, Icon as FlexIcon, Image as FlexImage, FlexItem, Layout as FlexLayout, List as FlexList, ListItem as FlexListItem, Modal as FlexModal, MultiColumn as FlexMultiColumn, MultiColumnItem as FlexMultiColumnItem, RichText as FlexRichText, Slider as FlexSlider, SliderItem as FlexSliderItem, Text as FlexText, TextLink as FlexTextLink, Youtube as FlexYoutube, Fonts, FormCheckBoxes, FormIdentifyBooleanFields, FormIdentifyChoices, FormIdentifyInput, FormIdentifyTextFieldPlaceholders, FormIdentifyTextFieldValidations, FormIdentifyTextFields, FormRadioButtons, FormRatingButtonsFace, FormRatingButtonsNumber, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ICON_SIZE, ICON_SIZE_STYLES, ICON_VARIANTS, IMAGE_ASPECT_VARIANTS, IMAGE_ROUND_SHAPE, IconElement, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LAYER_TEXT_SIZE, LAYOUT_ALIGN, LAYOUT_COMPONENT_NAMES, LAYOUT_DIRECTION, LAYOUT_DISPLAY_TYPE, LAYOUT_JUSTIFY, LIST_ITEM_CONTEXT_KEY, LengthUnits, List$1 as List, ListBackgroundTypes, ListDirections, ListItem$1 as ListItem, ListSeparatorTypes, MULTI_COLUMN_ITEM_CONTEXT_KEY, MediaQueries, Modal$1 as Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, ROUND_STYLES, ROUND_VARIANT, Repeats, SHADOW_VARIANT, SHADOW_VARIANTS, SYSTEM_FONT, Slide, SlideItem, State, StateItem, TEXT_LINK_SIZE, TEXT_LINK_SIZE_STYLES, TEXT_LINK_THEME, TEXT_LINK_UNDERLINE, TEXT_STYLE, TEXT_THEME, TEXT_VARIANTS, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, ThumbnailPreview, WritingModes, addChoiceAnswer, addFreeAnswer, afterUpdate, applyCss, applyGlobalCss, avatarPropsDefault, beforeUpdate, buttonOutlinedPropsDefault, buttonPropsDefault, close, closeAction, collection$1 as collection, create, createApp, createFog, destroy, destroyAction, ensureModalRoot, eventHandlers, finalize, formData, getActionRoot, getAnsweredQuestion, getAnsweredQuestionIds, getBrandKit, getButtonOutlinedThemeStyles, getButtonTextThemeStyles, getButtonThemeStyles, getCssVariables, getEventHandlers, getEvents, getLogs, getState$1 as getState, getStates, getSystem, getTextLinkThemeStyles, getTextThemeStyles, getVariables, hideOnScroll, hideOnTime, initialize, isOpened, listenLogger, loadActionTable, loadActionTableQuery, loadActionTableRow, loadActionTableRows, loadGlobalScript, loadGlobalStyle, loadStyle, logger, onChangeState, onClose, onCreate, onDestory, onDestroy, onMount, onScroll, onShow, onTime, removeAnswer, resetEventHandlers, resetVariables, sendAnswer, sendAnswers, setEventHandlers, setSetting, setState$1 as setState, setVariables, show, showAction, showModal, showOnScroll, showOnTime, state, tick, useBrandKit, variables, widget };
|