@plaidev/karte-action-sdk 1.1.269-29161921.5f4ecb39 → 1.1.269-29170497.741a9267
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.js +10 -10
- package/dist/index.es.js +10 -10
- package/dist/svelte5/hydrate/index.es.js +992 -1050
- package/dist/svelte5/index.es.js +992 -1050
- package/dist/svelte5/index.front2.es.js +1026 -1085
- package/package.json +2 -2
@@ -1,65 +1,7 @@
|
|
1
1
|
import { get, writable } from "svelte/store";
|
2
|
-
import
|
3
|
-
import { afterUpdate as afterUpdate$1, beforeUpdate as beforeUpdate$1, createEventDispatcher, getContext, onDestroy as onDestroy$1, onMount as onMount$1, setContext, tick as tick$1 } from "svelte";
|
2
|
+
import { afterUpdate as afterUpdate$1, beforeUpdate as beforeUpdate$1, createEventDispatcher, getContext, mount, onDestroy as onDestroy$1, onMount as onMount$1, setContext, tick as tick$1, unmount } from "svelte";
|
4
3
|
import "svelte/internal/disclose-version";
|
5
4
|
import "svelte/internal/flags/legacy";
|
6
|
-
import * as $$57 from "svelte/internal/client";
|
7
|
-
import * as $$56 from "svelte/internal/client";
|
8
|
-
import * as $$55 from "svelte/internal/client";
|
9
|
-
import * as $$54 from "svelte/internal/client";
|
10
|
-
import * as $$53 from "svelte/internal/client";
|
11
|
-
import * as $$52 from "svelte/internal/client";
|
12
|
-
import * as $$51 from "svelte/internal/client";
|
13
|
-
import * as $$50 from "svelte/internal/client";
|
14
|
-
import * as $$49 from "svelte/internal/client";
|
15
|
-
import * as $$48 from "svelte/internal/client";
|
16
|
-
import * as $$47 from "svelte/internal/client";
|
17
|
-
import * as $$46 from "svelte/internal/client";
|
18
|
-
import * as $$45 from "svelte/internal/client";
|
19
|
-
import * as $$44 from "svelte/internal/client";
|
20
|
-
import * as $$43 from "svelte/internal/client";
|
21
|
-
import * as $$42 from "svelte/internal/client";
|
22
|
-
import * as $$41 from "svelte/internal/client";
|
23
|
-
import * as $$40 from "svelte/internal/client";
|
24
|
-
import * as $$39 from "svelte/internal/client";
|
25
|
-
import * as $$38 from "svelte/internal/client";
|
26
|
-
import * as $$37 from "svelte/internal/client";
|
27
|
-
import * as $$36 from "svelte/internal/client";
|
28
|
-
import * as $$35 from "svelte/internal/client";
|
29
|
-
import * as $$34 from "svelte/internal/client";
|
30
|
-
import * as $$33 from "svelte/internal/client";
|
31
|
-
import * as $$32 from "svelte/internal/client";
|
32
|
-
import * as $$31 from "svelte/internal/client";
|
33
|
-
import * as $$30 from "svelte/internal/client";
|
34
|
-
import * as $$29 from "svelte/internal/client";
|
35
|
-
import * as $$28 from "svelte/internal/client";
|
36
|
-
import * as $$27 from "svelte/internal/client";
|
37
|
-
import * as $$26 from "svelte/internal/client";
|
38
|
-
import * as $$25 from "svelte/internal/client";
|
39
|
-
import * as $$24 from "svelte/internal/client";
|
40
|
-
import * as $$23 from "svelte/internal/client";
|
41
|
-
import * as $$22 from "svelte/internal/client";
|
42
|
-
import * as $$21 from "svelte/internal/client";
|
43
|
-
import * as $$20 from "svelte/internal/client";
|
44
|
-
import * as $$19 from "svelte/internal/client";
|
45
|
-
import * as $$18 from "svelte/internal/client";
|
46
|
-
import * as $$17 from "svelte/internal/client";
|
47
|
-
import * as $$16 from "svelte/internal/client";
|
48
|
-
import * as $$15 from "svelte/internal/client";
|
49
|
-
import * as $$14 from "svelte/internal/client";
|
50
|
-
import * as $$13 from "svelte/internal/client";
|
51
|
-
import * as $$12 from "svelte/internal/client";
|
52
|
-
import * as $$11 from "svelte/internal/client";
|
53
|
-
import * as $$10 from "svelte/internal/client";
|
54
|
-
import * as $$9 from "svelte/internal/client";
|
55
|
-
import * as $$8 from "svelte/internal/client";
|
56
|
-
import * as $$7 from "svelte/internal/client";
|
57
|
-
import * as $$6 from "svelte/internal/client";
|
58
|
-
import * as $$5 from "svelte/internal/client";
|
59
|
-
import * as $$4 from "svelte/internal/client";
|
60
|
-
import * as $$3 from "svelte/internal/client";
|
61
|
-
import * as $$2 from "svelte/internal/client";
|
62
|
-
import * as $$1 from "svelte/internal/client";
|
63
5
|
import * as $ from "svelte/internal/client";
|
64
6
|
import { cubicOut, elasticOut, linear } from "svelte/easing";
|
65
7
|
|
@@ -1958,7 +1900,7 @@ function createModal(App, options = {
|
|
1958
1900
|
});
|
1959
1901
|
finalize();
|
1960
1902
|
dispatchDestroyEvent();
|
1961
|
-
if (app != null)
|
1903
|
+
if (app != null) unmount(app);
|
1962
1904
|
app = null;
|
1963
1905
|
return NOOP;
|
1964
1906
|
};
|
@@ -2017,7 +1959,7 @@ function createModal(App, options = {
|
|
2017
1959
|
}
|
2018
1960
|
}
|
2019
1961
|
};
|
2020
|
-
app =
|
1962
|
+
app = mount(App, props);
|
2021
1963
|
};
|
2022
1964
|
const handleShow = (event) => {
|
2023
1965
|
const trigger = event?.detail?.trigger ? event.detail.trigger : "none";
|
@@ -2072,7 +2014,7 @@ function createModal(App, options = {
|
|
2072
2014
|
});
|
2073
2015
|
if (options.onCreate) options.onCreate(actionProps);
|
2074
2016
|
const appCleanup = () => {
|
2075
|
-
if (app != null)
|
2017
|
+
if (app != null) unmount(app);
|
2076
2018
|
actionTablePromise = null;
|
2077
2019
|
showTriggerCleanups.forEach((c) => c());
|
2078
2020
|
closeTriggerCleanups.forEach((c) => c());
|
@@ -2142,7 +2084,7 @@ function createApp(App, options = {
|
|
2142
2084
|
let app = null;
|
2143
2085
|
const close$1 = () => {
|
2144
2086
|
if (app) {
|
2145
|
-
|
2087
|
+
unmount(app);
|
2146
2088
|
app = null;
|
2147
2089
|
}
|
2148
2090
|
};
|
@@ -2165,7 +2107,7 @@ function createApp(App, options = {
|
|
2165
2107
|
show: () => {
|
2166
2108
|
if (app) return;
|
2167
2109
|
options.send("message_open");
|
2168
|
-
app =
|
2110
|
+
app = mount(App, appArgs);
|
2169
2111
|
}
|
2170
2112
|
};
|
2171
2113
|
}
|
@@ -2916,37 +2858,37 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
2916
2858
|
|
2917
2859
|
//#endregion
|
2918
2860
|
//#region src/components-flex/state/Header.svelte
|
2919
|
-
var root_2$5 =
|
2861
|
+
var root_2$5 = $.template(`<link type="text/css" rel="stylesheet">`);
|
2920
2862
|
function Header($$anchor, $$props) {
|
2921
|
-
|
2922
|
-
const [$$stores, $$cleanup] =
|
2923
|
-
const $fonts = () =>
|
2924
|
-
let googleFontUrl =
|
2925
|
-
|
2926
|
-
if (isPreview())
|
2927
|
-
else if ($fonts().length > 0)
|
2928
|
-
});
|
2929
|
-
|
2930
|
-
if (
|
2931
|
-
});
|
2932
|
-
|
2933
|
-
|
2934
|
-
|
2935
|
-
var fragment =
|
2936
|
-
var node =
|
2863
|
+
$.push($$props, false);
|
2864
|
+
const [$$stores, $$cleanup] = $.setup_stores();
|
2865
|
+
const $fonts = () => $.store_get(fonts, "$fonts", $$stores);
|
2866
|
+
let googleFontUrl = $.mutable_state("");
|
2867
|
+
$.legacy_pre_effect(() => $fonts(), () => {
|
2868
|
+
if (isPreview()) $.set(googleFontUrl, makeGoogleFontUrl(Fonts.filter((font) => font !== SYSTEM_FONT)));
|
2869
|
+
else if ($fonts().length > 0) $.set(googleFontUrl, makeGoogleFontUrl($fonts()));
|
2870
|
+
});
|
2871
|
+
$.legacy_pre_effect(() => ($.get(googleFontUrl), loadGlobalStyle), () => {
|
2872
|
+
if ($.get(googleFontUrl)) loadGlobalStyle($.get(googleFontUrl));
|
2873
|
+
});
|
2874
|
+
$.legacy_pre_effect_reset();
|
2875
|
+
$.init();
|
2876
|
+
$.head(($$anchor$1) => {
|
2877
|
+
var fragment = $.comment();
|
2878
|
+
var node = $.first_child(fragment);
|
2937
2879
|
{
|
2938
2880
|
var consequent = ($$anchor$2) => {
|
2939
2881
|
var link = root_2$5();
|
2940
|
-
|
2941
|
-
|
2882
|
+
$.template_effect(() => $.set_attribute(link, "href", $.get(googleFontUrl)));
|
2883
|
+
$.append($$anchor$2, link);
|
2942
2884
|
};
|
2943
|
-
|
2944
|
-
if (
|
2885
|
+
$.if(node, ($$render) => {
|
2886
|
+
if ($.get(googleFontUrl)) $$render(consequent);
|
2945
2887
|
});
|
2946
2888
|
}
|
2947
|
-
|
2889
|
+
$.append($$anchor$1, fragment);
|
2948
2890
|
});
|
2949
|
-
|
2891
|
+
$.pop();
|
2950
2892
|
$$cleanup();
|
2951
2893
|
}
|
2952
2894
|
|
@@ -2984,58 +2926,58 @@ const useBrandKit = () => {
|
|
2984
2926
|
|
2985
2927
|
//#endregion
|
2986
2928
|
//#region src/components-flex/state/State.svelte
|
2987
|
-
var root$45 =
|
2929
|
+
var root$45 = $.template(`<!> <!>`, 1);
|
2988
2930
|
function State($$anchor, $$props) {
|
2989
|
-
|
2990
|
-
let customBrandKit =
|
2931
|
+
$.push($$props, false);
|
2932
|
+
let customBrandKit = $.prop($$props, "customBrandKit", 8, void 0);
|
2991
2933
|
setContext("brandKit", getBrandKit(customBrandKit()));
|
2992
|
-
|
2934
|
+
$.init();
|
2993
2935
|
var fragment = root$45();
|
2994
|
-
var node =
|
2936
|
+
var node = $.first_child(fragment);
|
2995
2937
|
Header(node, {});
|
2996
|
-
var node_1 =
|
2997
|
-
|
2998
|
-
|
2999
|
-
|
2938
|
+
var node_1 = $.sibling(node, 2);
|
2939
|
+
$.slot(node_1, $$props, "default", {}, null);
|
2940
|
+
$.append($$anchor, fragment);
|
2941
|
+
$.pop();
|
3000
2942
|
}
|
3001
2943
|
|
3002
2944
|
//#endregion
|
3003
2945
|
//#region src/components-flex/state/StateItem.svelte
|
3004
2946
|
const STATE_ITEM_CONTEXT_KEY = Symbol();
|
3005
|
-
var root_1$9 =
|
2947
|
+
var root_1$9 = $.template(`<div class="state-item svelte-2qb6dm"></div> <!>`, 1);
|
3006
2948
|
const $$css$23 = {
|
3007
2949
|
hash: "svelte-2qb6dm",
|
3008
2950
|
code: ".state-item.svelte-2qb6dm {position:absolute;display:none;}"
|
3009
2951
|
};
|
3010
2952
|
function StateItem($$anchor, $$props) {
|
3011
|
-
|
3012
|
-
|
3013
|
-
const [$$stores, $$cleanup] =
|
3014
|
-
const $state = () =>
|
3015
|
-
let path =
|
2953
|
+
$.push($$props, false);
|
2954
|
+
$.append_styles($$anchor, $$css$23);
|
2955
|
+
const [$$stores, $$cleanup] = $.setup_stores();
|
2956
|
+
const $state = () => $.store_get(state, "$state", $$stores);
|
2957
|
+
let path = $.prop($$props, "path", 8);
|
3016
2958
|
setContext(STATE_ITEM_CONTEXT_KEY, { path: path() });
|
3017
|
-
|
2959
|
+
$.legacy_pre_effect(() => $.deep_read_state(path()), () => {
|
3018
2960
|
addState(path());
|
3019
2961
|
});
|
3020
|
-
|
3021
|
-
|
3022
|
-
var fragment =
|
3023
|
-
var node =
|
2962
|
+
$.legacy_pre_effect_reset();
|
2963
|
+
$.init();
|
2964
|
+
var fragment = $.comment();
|
2965
|
+
var node = $.first_child(fragment);
|
3024
2966
|
{
|
3025
2967
|
var consequent = ($$anchor$1) => {
|
3026
2968
|
var fragment_1 = root_1$9();
|
3027
|
-
var div =
|
3028
|
-
var node_1 =
|
3029
|
-
|
3030
|
-
|
3031
|
-
|
2969
|
+
var div = $.first_child(fragment_1);
|
2970
|
+
var node_1 = $.sibling(div, 2);
|
2971
|
+
$.slot(node_1, $$props, "default", {}, null);
|
2972
|
+
$.template_effect(() => $.set_attribute(div, "data-state-path", path()));
|
2973
|
+
$.append($$anchor$1, fragment_1);
|
3032
2974
|
};
|
3033
|
-
|
2975
|
+
$.if(node, ($$render) => {
|
3034
2976
|
if ($state() === path()) $$render(consequent);
|
3035
2977
|
});
|
3036
2978
|
}
|
3037
|
-
|
3038
|
-
|
2979
|
+
$.append($$anchor, fragment);
|
2980
|
+
$.pop();
|
3039
2981
|
$$cleanup();
|
3040
2982
|
}
|
3041
2983
|
|
@@ -3591,19 +3533,19 @@ const AVATAR_SIZE_STYLES = {
|
|
3591
3533
|
|
3592
3534
|
//#endregion
|
3593
3535
|
//#region src/components-flex/avatar/Avatar.svelte
|
3594
|
-
var root_1$8 =
|
3536
|
+
var root_1$8 = $.template(`<img class="avatar-image svelte-1xhdr99">`);
|
3595
3537
|
const $$css$22 = {
|
3596
3538
|
hash: "svelte-1xhdr99",
|
3597
3539
|
code: ".avatar.svelte-1xhdr99 {display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none;}"
|
3598
3540
|
};
|
3599
3541
|
function Avatar($$anchor, $$props) {
|
3600
|
-
|
3601
|
-
|
3602
|
-
const styleObj =
|
3603
|
-
const style =
|
3604
|
-
const imgStyle =
|
3605
|
-
let props =
|
3606
|
-
let layerId =
|
3542
|
+
$.push($$props, false);
|
3543
|
+
$.append_styles($$anchor, $$css$22);
|
3544
|
+
const styleObj = $.mutable_state();
|
3545
|
+
const style = $.mutable_state();
|
3546
|
+
const imgStyle = $.mutable_state();
|
3547
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
3548
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
3607
3549
|
useInjectCustomizeCss(props());
|
3608
3550
|
const { attributes, element, handleClick } = useClickable_default(props());
|
3609
3551
|
const avatarSizeStyle = !isNaN(Number(props().size)) ? {
|
@@ -3621,8 +3563,8 @@ function Avatar($$anchor, $$props) {
|
|
3621
3563
|
if (parentRadius === "100%") return "100%";
|
3622
3564
|
return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
|
3623
3565
|
};
|
3624
|
-
|
3625
|
-
|
3566
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPadding), () => {
|
3567
|
+
$.set(styleObj, {
|
3626
3568
|
...VARIANTS.shape[props().shape ?? "square"],
|
3627
3569
|
width: props().width ?? avatarSizeStyle.width,
|
3628
3570
|
height: props().height ?? avatarSizeStyle.height,
|
@@ -3631,45 +3573,45 @@ function Avatar($$anchor, $$props) {
|
|
3631
3573
|
...toCssPadding(props())
|
3632
3574
|
});
|
3633
3575
|
});
|
3634
|
-
|
3635
|
-
|
3576
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
3577
|
+
$.set(style, objToStyle($.get(styleObj)));
|
3636
3578
|
});
|
3637
|
-
|
3638
|
-
|
3579
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
3580
|
+
$.set(imgStyle, objToStyle({
|
3639
3581
|
width: "100%",
|
3640
3582
|
height: "100%",
|
3641
3583
|
objectFit: "cover",
|
3642
3584
|
...toCssRadius({
|
3643
|
-
borderTopLeftRadius: calcImgRadius(
|
3644
|
-
borderTopRightRadius: calcImgRadius(
|
3645
|
-
borderBottomLeftRadius: calcImgRadius(
|
3646
|
-
borderBottomRightRadius: calcImgRadius(
|
3585
|
+
borderTopLeftRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
|
3586
|
+
borderTopRightRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
|
3587
|
+
borderBottomLeftRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
|
3588
|
+
borderBottomRightRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth)
|
3647
3589
|
})
|
3648
3590
|
}));
|
3649
3591
|
});
|
3650
|
-
|
3651
|
-
|
3652
|
-
var fragment =
|
3653
|
-
var node =
|
3654
|
-
|
3592
|
+
$.legacy_pre_effect_reset();
|
3593
|
+
$.init();
|
3594
|
+
var fragment = $.comment();
|
3595
|
+
var node = $.first_child(fragment);
|
3596
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
3655
3597
|
let attributes_1;
|
3656
|
-
|
3598
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
3657
3599
|
...attributes,
|
3658
3600
|
class: "avatar",
|
3659
|
-
style:
|
3601
|
+
style: $.get(style),
|
3660
3602
|
"data-layer-id": layerId()
|
3661
3603
|
}, "svelte-1xhdr99"));
|
3662
|
-
|
3604
|
+
$.event("click", $$element, handleClick);
|
3663
3605
|
var img = root_1$8();
|
3664
|
-
|
3665
|
-
|
3666
|
-
|
3667
|
-
|
3606
|
+
$.template_effect(() => {
|
3607
|
+
$.set_attribute(img, "src", props().image);
|
3608
|
+
$.set_attribute(img, "alt", props().alt);
|
3609
|
+
$.set_style(img, $.get(imgStyle));
|
3668
3610
|
});
|
3669
|
-
|
3611
|
+
$.append($$anchor$1, img);
|
3670
3612
|
});
|
3671
|
-
|
3672
|
-
|
3613
|
+
$.append($$anchor, fragment);
|
3614
|
+
$.pop();
|
3673
3615
|
}
|
3674
3616
|
|
3675
3617
|
//#endregion
|
@@ -3722,374 +3664,374 @@ const buttonPropsDefault = {
|
|
3722
3664
|
|
3723
3665
|
//#endregion
|
3724
3666
|
//#region src/components-flex/icon/variants/IconArrowDown.svelte
|
3725
|
-
var root$44 =
|
3667
|
+
var root$44 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 384 512"><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"></path></svg>`);
|
3726
3668
|
function IconArrowDown($$anchor, $$props) {
|
3727
|
-
let color =
|
3669
|
+
let color = $.prop($$props, "color", 8);
|
3728
3670
|
var svg = root$44();
|
3729
|
-
var path =
|
3730
|
-
|
3731
|
-
|
3732
|
-
|
3671
|
+
var path = $.child(svg);
|
3672
|
+
$.reset(svg);
|
3673
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3674
|
+
$.append($$anchor, svg);
|
3733
3675
|
}
|
3734
3676
|
|
3735
3677
|
//#endregion
|
3736
3678
|
//#region src/components-flex/icon/variants/IconArrowUp.svelte
|
3737
|
-
var root$43 =
|
3679
|
+
var root$43 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 384 512"><path d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"></path></svg>`);
|
3738
3680
|
function IconArrowUp($$anchor, $$props) {
|
3739
|
-
let color =
|
3681
|
+
let color = $.prop($$props, "color", 8);
|
3740
3682
|
var svg = root$43();
|
3741
|
-
var path =
|
3742
|
-
|
3743
|
-
|
3744
|
-
|
3683
|
+
var path = $.child(svg);
|
3684
|
+
$.reset(svg);
|
3685
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3686
|
+
$.append($$anchor, svg);
|
3745
3687
|
}
|
3746
3688
|
|
3747
3689
|
//#endregion
|
3748
3690
|
//#region src/components-flex/icon/variants/IconUsers.svelte
|
3749
|
-
var root$42 =
|
3691
|
+
var root$42 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 640 512"><path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z"></path></svg>`);
|
3750
3692
|
function IconUsers($$anchor, $$props) {
|
3751
|
-
let color =
|
3693
|
+
let color = $.prop($$props, "color", 8);
|
3752
3694
|
var svg = root$42();
|
3753
|
-
var path =
|
3754
|
-
|
3755
|
-
|
3756
|
-
|
3695
|
+
var path = $.child(svg);
|
3696
|
+
$.reset(svg);
|
3697
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3698
|
+
$.append($$anchor, svg);
|
3757
3699
|
}
|
3758
3700
|
|
3759
3701
|
//#endregion
|
3760
3702
|
//#region src/components-flex/icon/variants/IconArrowLeft.svelte
|
3761
|
-
var root$41 =
|
3703
|
+
var root$41 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 448 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"></path></svg>`);
|
3762
3704
|
function IconArrowLeft($$anchor, $$props) {
|
3763
|
-
let color =
|
3705
|
+
let color = $.prop($$props, "color", 8);
|
3764
3706
|
var svg = root$41();
|
3765
|
-
var path =
|
3766
|
-
|
3767
|
-
|
3768
|
-
|
3707
|
+
var path = $.child(svg);
|
3708
|
+
$.reset(svg);
|
3709
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3710
|
+
$.append($$anchor, svg);
|
3769
3711
|
}
|
3770
3712
|
|
3771
3713
|
//#endregion
|
3772
3714
|
//#region src/components-flex/icon/variants/IconArrowRight.svelte
|
3773
|
-
var root$40 =
|
3715
|
+
var root$40 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"></path></svg>`);
|
3774
3716
|
function IconArrowRight($$anchor, $$props) {
|
3775
|
-
let color =
|
3717
|
+
let color = $.prop($$props, "color", 8);
|
3776
3718
|
var svg = root$40();
|
3777
|
-
var path =
|
3778
|
-
|
3779
|
-
|
3780
|
-
|
3719
|
+
var path = $.child(svg);
|
3720
|
+
$.reset(svg);
|
3721
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3722
|
+
$.append($$anchor, svg);
|
3781
3723
|
}
|
3782
3724
|
|
3783
3725
|
//#endregion
|
3784
3726
|
//#region src/components-flex/icon/variants/IconBell.svelte
|
3785
|
-
var root$39 =
|
3727
|
+
var root$39 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 448 512"><path d="M224 0c-17.7 0-32 14.3-32 32V51.2C119 66 64 130.6 64 208v18.8c0 47-17.3 92.4-48.5 127.6l-7.4 8.3c-8.4 9.4-10.4 22.9-5.3 34.4S19.4 416 32 416H416c12.6 0 24-7.4 29.2-18.9s3.1-25-5.3-34.4l-7.4-8.3C401.3 319.2 384 273.9 384 226.8V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32zm45.3 493.3c12-12 18.7-28.3 18.7-45.3H224 160c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7z"></path></svg>`);
|
3786
3728
|
function IconBell($$anchor, $$props) {
|
3787
|
-
let color =
|
3729
|
+
let color = $.prop($$props, "color", 8);
|
3788
3730
|
var svg = root$39();
|
3789
|
-
var path =
|
3790
|
-
|
3791
|
-
|
3792
|
-
|
3731
|
+
var path = $.child(svg);
|
3732
|
+
$.reset(svg);
|
3733
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3734
|
+
$.append($$anchor, svg);
|
3793
3735
|
}
|
3794
3736
|
|
3795
3737
|
//#endregion
|
3796
3738
|
//#region src/components-flex/icon/variants/IconArrowUpFromSquare.svelte
|
3797
|
-
var root$38 =
|
3739
|
+
var root$38 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"></path></svg>`);
|
3798
3740
|
function IconArrowUpFromSquare($$anchor, $$props) {
|
3799
|
-
let color =
|
3741
|
+
let color = $.prop($$props, "color", 8);
|
3800
3742
|
var svg = root$38();
|
3801
|
-
var path =
|
3802
|
-
|
3803
|
-
|
3804
|
-
|
3743
|
+
var path = $.child(svg);
|
3744
|
+
$.reset(svg);
|
3745
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3746
|
+
$.append($$anchor, svg);
|
3805
3747
|
}
|
3806
3748
|
|
3807
3749
|
//#endregion
|
3808
3750
|
//#region src/components-flex/icon/variants/IconTicket.svelte
|
3809
|
-
var root$37 =
|
3751
|
+
var root$37 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 576 512"><path d="M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z"></path></svg>`);
|
3810
3752
|
function IconTicket($$anchor, $$props) {
|
3811
|
-
let color =
|
3753
|
+
let color = $.prop($$props, "color", 8);
|
3812
3754
|
var svg = root$37();
|
3813
|
-
var path =
|
3814
|
-
|
3815
|
-
|
3816
|
-
|
3755
|
+
var path = $.child(svg);
|
3756
|
+
$.reset(svg);
|
3757
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3758
|
+
$.append($$anchor, svg);
|
3817
3759
|
}
|
3818
3760
|
|
3819
3761
|
//#endregion
|
3820
3762
|
//#region src/components-flex/icon/variants/IconTrack.svelte
|
3821
|
-
var root$36 =
|
3763
|
+
var root$36 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 640 512"><path d="M48 0C21.5 0 0 21.5 0 48V368c0 26.5 21.5 48 48 48H64c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H48zM416 160h50.7L544 237.3V256H416V160zM112 416a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm368-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"></path></svg>`);
|
3822
3764
|
function IconTrack($$anchor, $$props) {
|
3823
|
-
let color =
|
3765
|
+
let color = $.prop($$props, "color", 8);
|
3824
3766
|
var svg = root$36();
|
3825
|
-
var path =
|
3826
|
-
|
3827
|
-
|
3828
|
-
|
3767
|
+
var path = $.child(svg);
|
3768
|
+
$.reset(svg);
|
3769
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3770
|
+
$.append($$anchor, svg);
|
3829
3771
|
}
|
3830
3772
|
|
3831
3773
|
//#endregion
|
3832
3774
|
//#region src/components-flex/icon/variants/IconCartShopping.svelte
|
3833
|
-
var root$35 =
|
3775
|
+
var root$35 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 576 512"><path d="M0 24C0 10.7 10.7 0 24 0H69.5c22 0 41.5 12.8 50.6 32h411c26.3 0 45.5 25 38.6 50.4l-41 152.3c-8.5 31.4-37 53.3-69.5 53.3H170.7l5.4 28.5c2.2 11.3 12.1 19.5 23.6 19.5H488c13.3 0 24 10.7 24 24s-10.7 24-24 24H199.7c-34.6 0-64.3-24.6-70.7-58.5L77.4 54.5c-.7-3.8-4-6.5-7.9-6.5H24C10.7 48 0 37.3 0 24zM128 464a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zm336-48a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"></path></svg>`);
|
3834
3776
|
function IconCartShopping($$anchor, $$props) {
|
3835
|
-
let color =
|
3777
|
+
let color = $.prop($$props, "color", 8);
|
3836
3778
|
var svg = root$35();
|
3837
|
-
var path =
|
3838
|
-
|
3839
|
-
|
3840
|
-
|
3779
|
+
var path = $.child(svg);
|
3780
|
+
$.reset(svg);
|
3781
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3782
|
+
$.append($$anchor, svg);
|
3841
3783
|
}
|
3842
3784
|
|
3843
3785
|
//#endregion
|
3844
3786
|
//#region src/components-flex/icon/variants/IconCircle.svelte
|
3845
|
-
var root$34 =
|
3787
|
+
var root$34 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z"></path></svg>`);
|
3846
3788
|
function IconCircle($$anchor, $$props) {
|
3847
|
-
let color =
|
3789
|
+
let color = $.prop($$props, "color", 8);
|
3848
3790
|
var svg = root$34();
|
3849
|
-
var path =
|
3850
|
-
|
3851
|
-
|
3852
|
-
|
3791
|
+
var path = $.child(svg);
|
3792
|
+
$.reset(svg);
|
3793
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3794
|
+
$.append($$anchor, svg);
|
3853
3795
|
}
|
3854
3796
|
|
3855
3797
|
//#endregion
|
3856
3798
|
//#region src/components-flex/icon/variants/IconCircleQuestion.svelte
|
3857
|
-
var root$33 =
|
3799
|
+
var root$33 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path></svg>`);
|
3858
3800
|
function IconCircleQuestion($$anchor, $$props) {
|
3859
|
-
let color =
|
3801
|
+
let color = $.prop($$props, "color", 8);
|
3860
3802
|
var svg = root$33();
|
3861
|
-
var path =
|
3862
|
-
|
3863
|
-
|
3864
|
-
|
3803
|
+
var path = $.child(svg);
|
3804
|
+
$.reset(svg);
|
3805
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3806
|
+
$.append($$anchor, svg);
|
3865
3807
|
}
|
3866
3808
|
|
3867
3809
|
//#endregion
|
3868
3810
|
//#region src/components-flex/icon/variants/IconCheck.svelte
|
3869
|
-
var root$32 =
|
3811
|
+
var root$32 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg>`);
|
3870
3812
|
function IconCheck($$anchor, $$props) {
|
3871
|
-
let color =
|
3813
|
+
let color = $.prop($$props, "color", 8);
|
3872
3814
|
var svg = root$32();
|
3873
|
-
var path =
|
3874
|
-
|
3875
|
-
|
3876
|
-
|
3815
|
+
var path = $.child(svg);
|
3816
|
+
$.reset(svg);
|
3817
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3818
|
+
$.append($$anchor, svg);
|
3877
3819
|
}
|
3878
3820
|
|
3879
3821
|
//#endregion
|
3880
3822
|
//#region src/components-flex/icon/variants/IconXMark.svelte
|
3881
|
-
var root$31 =
|
3823
|
+
var root$31 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 320 512"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"></path></svg>`);
|
3882
3824
|
function IconXMark($$anchor, $$props) {
|
3883
|
-
let color =
|
3825
|
+
let color = $.prop($$props, "color", 8);
|
3884
3826
|
var svg = root$31();
|
3885
|
-
var path =
|
3886
|
-
|
3887
|
-
|
3888
|
-
|
3827
|
+
var path = $.child(svg);
|
3828
|
+
$.reset(svg);
|
3829
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3830
|
+
$.append($$anchor, svg);
|
3889
3831
|
}
|
3890
3832
|
|
3891
3833
|
//#endregion
|
3892
3834
|
//#region src/components-flex/icon/variants/IconPaperPlane.svelte
|
3893
|
-
var root$30 =
|
3835
|
+
var root$30 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"></path></svg>`);
|
3894
3836
|
function IconPaperPlane($$anchor, $$props) {
|
3895
|
-
let color =
|
3837
|
+
let color = $.prop($$props, "color", 8);
|
3896
3838
|
var svg = root$30();
|
3897
|
-
var path =
|
3898
|
-
|
3899
|
-
|
3900
|
-
|
3839
|
+
var path = $.child(svg);
|
3840
|
+
$.reset(svg);
|
3841
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3842
|
+
$.append($$anchor, svg);
|
3901
3843
|
}
|
3902
3844
|
|
3903
3845
|
//#endregion
|
3904
3846
|
//#region src/components-flex/icon/variants/IconCopy.svelte
|
3905
|
-
var root$29 =
|
3847
|
+
var root$29 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z"></path></svg>`);
|
3906
3848
|
function IconCopy($$anchor, $$props) {
|
3907
|
-
let color =
|
3849
|
+
let color = $.prop($$props, "color", 8);
|
3908
3850
|
var svg = root$29();
|
3909
|
-
var path =
|
3910
|
-
|
3911
|
-
|
3912
|
-
|
3851
|
+
var path = $.child(svg);
|
3852
|
+
$.reset(svg);
|
3853
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3854
|
+
$.append($$anchor, svg);
|
3913
3855
|
}
|
3914
3856
|
|
3915
3857
|
//#endregion
|
3916
3858
|
//#region src/components-flex/icon/variants/IconCircleXMark.svelte
|
3917
|
-
var root$28 =
|
3859
|
+
var root$28 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"></path></svg>`);
|
3918
3860
|
function IconCircleXMark($$anchor, $$props) {
|
3919
|
-
let color =
|
3861
|
+
let color = $.prop($$props, "color", 8);
|
3920
3862
|
var svg = root$28();
|
3921
|
-
var path =
|
3922
|
-
|
3923
|
-
|
3924
|
-
|
3863
|
+
var path = $.child(svg);
|
3864
|
+
$.reset(svg);
|
3865
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3866
|
+
$.append($$anchor, svg);
|
3925
3867
|
}
|
3926
3868
|
|
3927
3869
|
//#endregion
|
3928
3870
|
//#region src/components-flex/icon/variants/IconHeart.svelte
|
3929
|
-
var root$27 =
|
3871
|
+
var root$27 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"></path></svg>`);
|
3930
3872
|
function IconHeart($$anchor, $$props) {
|
3931
|
-
let color =
|
3873
|
+
let color = $.prop($$props, "color", 8);
|
3932
3874
|
var svg = root$27();
|
3933
|
-
var path =
|
3934
|
-
|
3935
|
-
|
3936
|
-
|
3875
|
+
var path = $.child(svg);
|
3876
|
+
$.reset(svg);
|
3877
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3878
|
+
$.append($$anchor, svg);
|
3937
3879
|
}
|
3938
3880
|
|
3939
3881
|
//#endregion
|
3940
3882
|
//#region src/components-flex/icon/variants/IconMagnifyingGrass.svelte
|
3941
|
-
var root$26 =
|
3883
|
+
var root$26 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg>`);
|
3942
3884
|
function IconMagnifyingGrass($$anchor, $$props) {
|
3943
|
-
let color =
|
3885
|
+
let color = $.prop($$props, "color", 8);
|
3944
3886
|
var svg = root$26();
|
3945
|
-
var path =
|
3946
|
-
|
3947
|
-
|
3948
|
-
|
3887
|
+
var path = $.child(svg);
|
3888
|
+
$.reset(svg);
|
3889
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3890
|
+
$.append($$anchor, svg);
|
3949
3891
|
}
|
3950
3892
|
|
3951
3893
|
//#endregion
|
3952
3894
|
//#region src/components-flex/icon/variants/IconStar.svelte
|
3953
|
-
var root$25 =
|
3895
|
+
var root$25 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 576 512"><path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg>`);
|
3954
3896
|
function IconStar($$anchor, $$props) {
|
3955
|
-
let color =
|
3897
|
+
let color = $.prop($$props, "color", 8);
|
3956
3898
|
var svg = root$25();
|
3957
|
-
var path =
|
3958
|
-
|
3959
|
-
|
3960
|
-
|
3899
|
+
var path = $.child(svg);
|
3900
|
+
$.reset(svg);
|
3901
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3902
|
+
$.append($$anchor, svg);
|
3961
3903
|
}
|
3962
3904
|
|
3963
3905
|
//#endregion
|
3964
3906
|
//#region src/components-flex/icon/variants/IconCircleInfo.svelte
|
3965
|
-
var root$24 =
|
3907
|
+
var root$24 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"></path></svg>`);
|
3966
3908
|
function IconCircleInfo($$anchor, $$props) {
|
3967
|
-
let color =
|
3909
|
+
let color = $.prop($$props, "color", 8);
|
3968
3910
|
var svg = root$24();
|
3969
|
-
var path =
|
3970
|
-
|
3971
|
-
|
3972
|
-
|
3911
|
+
var path = $.child(svg);
|
3912
|
+
$.reset(svg);
|
3913
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3914
|
+
$.append($$anchor, svg);
|
3973
3915
|
}
|
3974
3916
|
|
3975
3917
|
//#endregion
|
3976
3918
|
//#region src/components-flex/icon/variants/IconEnvelope.svelte
|
3977
|
-
var root$23 =
|
3919
|
+
var root$23 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path></svg>`);
|
3978
3920
|
function IconEnvelope($$anchor, $$props) {
|
3979
|
-
let color =
|
3921
|
+
let color = $.prop($$props, "color", 8);
|
3980
3922
|
var svg = root$23();
|
3981
|
-
var path =
|
3982
|
-
|
3983
|
-
|
3984
|
-
|
3923
|
+
var path = $.child(svg);
|
3924
|
+
$.reset(svg);
|
3925
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3926
|
+
$.append($$anchor, svg);
|
3985
3927
|
}
|
3986
3928
|
|
3987
3929
|
//#endregion
|
3988
3930
|
//#region src/components-flex/icon/variants/IconGift.svelte
|
3989
|
-
var root$22 =
|
3931
|
+
var root$22 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M190.5 68.8L225.3 128H224 152c-22.1 0-40-17.9-40-40s17.9-40 40-40h2.2c14.9 0 28.8 7.9 36.3 20.8zM64 88c0 14.4 3.5 28 9.6 40H32c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41C215.7 16.9 186.1 0 154.2 0H152C103.4 0 64 39.4 64 88zm336 0c0 22.1-17.9 40-40 40H288h-1.3l34.8-59.2C329.1 55.9 342.9 48 357.8 48H360c22.1 0 40 17.9 40 40zM32 288V464c0 26.5 21.5 48 48 48H224V288H32zM288 512H432c26.5 0 48-21.5 48-48V288H288V512z"></path></svg>`);
|
3990
3932
|
function IconGift($$anchor, $$props) {
|
3991
|
-
let color =
|
3933
|
+
let color = $.prop($$props, "color", 8);
|
3992
3934
|
var svg = root$22();
|
3993
|
-
var path =
|
3994
|
-
|
3995
|
-
|
3996
|
-
|
3935
|
+
var path = $.child(svg);
|
3936
|
+
$.reset(svg);
|
3937
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3938
|
+
$.append($$anchor, svg);
|
3997
3939
|
}
|
3998
3940
|
|
3999
3941
|
//#endregion
|
4000
3942
|
//#region src/components-flex/icon/variants/IconPaperclip.svelte
|
4001
|
-
var root$21 =
|
3943
|
+
var root$21 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 448 512"><path d="M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z"></path></svg>`);
|
4002
3944
|
function IconPaperclip($$anchor, $$props) {
|
4003
|
-
let color =
|
3945
|
+
let color = $.prop($$props, "color", 8);
|
4004
3946
|
var svg = root$21();
|
4005
|
-
var path =
|
4006
|
-
|
4007
|
-
|
4008
|
-
|
3947
|
+
var path = $.child(svg);
|
3948
|
+
$.reset(svg);
|
3949
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3950
|
+
$.append($$anchor, svg);
|
4009
3951
|
}
|
4010
3952
|
|
4011
3953
|
//#endregion
|
4012
3954
|
//#region src/components-flex/icon/variants/IconFire.svelte
|
4013
|
-
var root$20 =
|
3955
|
+
var root$20 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 448 512"><path d="M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z"></path></svg>`);
|
4014
3956
|
function IconFire($$anchor, $$props) {
|
4015
|
-
let color =
|
3957
|
+
let color = $.prop($$props, "color", 8);
|
4016
3958
|
var svg = root$20();
|
4017
|
-
var path =
|
4018
|
-
|
4019
|
-
|
4020
|
-
|
3959
|
+
var path = $.child(svg);
|
3960
|
+
$.reset(svg);
|
3961
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3962
|
+
$.append($$anchor, svg);
|
4021
3963
|
}
|
4022
3964
|
|
4023
3965
|
//#endregion
|
4024
3966
|
//#region src/components-flex/icon/variants/IconLink.svelte
|
4025
|
-
var root$19 =
|
3967
|
+
var root$19 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 640 512"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"></path></svg>`);
|
4026
3968
|
function IconLink($$anchor, $$props) {
|
4027
|
-
let color =
|
3969
|
+
let color = $.prop($$props, "color", 8);
|
4028
3970
|
var svg = root$19();
|
4029
|
-
var path =
|
4030
|
-
|
4031
|
-
|
4032
|
-
|
3971
|
+
var path = $.child(svg);
|
3972
|
+
$.reset(svg);
|
3973
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3974
|
+
$.append($$anchor, svg);
|
4033
3975
|
}
|
4034
3976
|
|
4035
3977
|
//#endregion
|
4036
3978
|
//#region src/components-flex/icon/variants/IconBuildings.svelte
|
4037
|
-
var root$18 =
|
3979
|
+
var root$18 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;" viewBox="0 0 512 512"><path d="M256 0c-35.3 0-64 28.7-64 64l0 64L64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0 192 0c35.3 0 64-28.7 64-64l0-256 0-128c0-35.3-28.7-64-64-64L256 0zM64 304c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zm208 16c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0zm112-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zM80 192l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM256 80c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32zM400 64l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16zM256 208l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16zm144 16c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-32 0z"></path></svg>`);
|
4038
3980
|
function IconBuildings($$anchor, $$props) {
|
4039
|
-
let color =
|
3981
|
+
let color = $.prop($$props, "color", 8);
|
4040
3982
|
var svg = root$18();
|
4041
|
-
var path =
|
4042
|
-
|
4043
|
-
|
4044
|
-
|
3983
|
+
var path = $.child(svg);
|
3984
|
+
$.reset(svg);
|
3985
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3986
|
+
$.append($$anchor, svg);
|
4045
3987
|
}
|
4046
3988
|
|
4047
3989
|
//#endregion
|
4048
3990
|
//#region src/components-flex/icon/variants/IconChevronsRight.svelte
|
4049
|
-
var root$17 =
|
3991
|
+
var root$17 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;" viewBox="0 0 512 512"><path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-192-192c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 233.4 425.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l192-192zm-384 192l192-192c12.5-12.5 12.5-32.8 0-45.3l-192-192c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 41.4 425.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"></path></svg>`);
|
4050
3992
|
function IconChevronsRight($$anchor, $$props) {
|
4051
|
-
let color =
|
3993
|
+
let color = $.prop($$props, "color", 8);
|
4052
3994
|
var svg = root$17();
|
4053
|
-
var path =
|
4054
|
-
|
4055
|
-
|
4056
|
-
|
3995
|
+
var path = $.child(svg);
|
3996
|
+
$.reset(svg);
|
3997
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3998
|
+
$.append($$anchor, svg);
|
4057
3999
|
}
|
4058
4000
|
|
4059
4001
|
//#endregion
|
4060
4002
|
//#region src/components-flex/icon/variants/IconChevronRight.svelte
|
4061
|
-
var root$16 =
|
4003
|
+
var root$16 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg>`);
|
4062
4004
|
function IconChevronRight($$anchor, $$props) {
|
4063
|
-
let color =
|
4005
|
+
let color = $.prop($$props, "color", 8);
|
4064
4006
|
var svg = root$16();
|
4065
|
-
var path =
|
4066
|
-
|
4067
|
-
|
4068
|
-
|
4007
|
+
var path = $.child(svg);
|
4008
|
+
$.reset(svg);
|
4009
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
4010
|
+
$.append($$anchor, svg);
|
4069
4011
|
}
|
4070
4012
|
|
4071
4013
|
//#endregion
|
4072
4014
|
//#region src/components-flex/icon/variants/IconPhone.svelte
|
4073
|
-
var root$15 =
|
4015
|
+
var root$15 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 512 512"><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"></path></svg>`);
|
4074
4016
|
function IconPhone($$anchor, $$props) {
|
4075
|
-
let color =
|
4017
|
+
let color = $.prop($$props, "color", 8);
|
4076
4018
|
var svg = root$15();
|
4077
|
-
var path =
|
4078
|
-
|
4079
|
-
|
4080
|
-
|
4019
|
+
var path = $.child(svg);
|
4020
|
+
$.reset(svg);
|
4021
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
4022
|
+
$.append($$anchor, svg);
|
4081
4023
|
}
|
4082
4024
|
|
4083
4025
|
//#endregion
|
4084
4026
|
//#region src/components-flex/icon/variants/IconLocationDot.svelte
|
4085
|
-
var root$14 =
|
4027
|
+
var root$14 = $.ns_template(`<svg xmlns="http://www.w3.org/2000/svg" style="width: 100%;height: 100%;" viewBox="0 0 384 512"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path></svg>`);
|
4086
4028
|
function IconLocationDot($$anchor, $$props) {
|
4087
|
-
let color =
|
4029
|
+
let color = $.prop($$props, "color", 8);
|
4088
4030
|
var svg = root$14();
|
4089
|
-
var path =
|
4090
|
-
|
4091
|
-
|
4092
|
-
|
4031
|
+
var path = $.child(svg);
|
4032
|
+
$.reset(svg);
|
4033
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
4034
|
+
$.append($$anchor, svg);
|
4093
4035
|
}
|
4094
4036
|
|
4095
4037
|
//#endregion
|
@@ -4165,12 +4107,12 @@ const $$css$21 = {
|
|
4165
4107
|
code: ".icon.svelte-1kl9m59 {display:flex;align-items:center;overflow:hidden;width:auto;cursor:pointer;text-decoration:none;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none;}"
|
4166
4108
|
};
|
4167
4109
|
function Icon($$anchor, $$props) {
|
4168
|
-
|
4169
|
-
|
4170
|
-
const style =
|
4171
|
-
const IconComponent =
|
4172
|
-
let props =
|
4173
|
-
let layerId =
|
4110
|
+
$.push($$props, false);
|
4111
|
+
$.append_styles($$anchor, $$css$21);
|
4112
|
+
const style = $.mutable_state();
|
4113
|
+
const IconComponent = $.mutable_state();
|
4114
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4115
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4174
4116
|
useInjectCustomizeCss(props());
|
4175
4117
|
const { attributes, element, handleClick } = useClickable_default(props());
|
4176
4118
|
const getSizeCss = () => {
|
@@ -4180,40 +4122,40 @@ function Icon($$anchor, $$props) {
|
|
4180
4122
|
height: props().height ? props().height : ICON_SIZE[props().size ?? "medium"].value
|
4181
4123
|
};
|
4182
4124
|
};
|
4183
|
-
|
4184
|
-
|
4125
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
4126
|
+
$.set(style, objToStyle({
|
4185
4127
|
...getSizeCss(),
|
4186
4128
|
...toCssCommon(props())
|
4187
4129
|
}));
|
4188
4130
|
});
|
4189
|
-
|
4190
|
-
|
4131
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
4132
|
+
$.set(IconComponent, ICON_VARIANTS[props().variant] ?? void 0);
|
4191
4133
|
});
|
4192
|
-
|
4193
|
-
|
4194
|
-
var fragment =
|
4195
|
-
var node =
|
4196
|
-
|
4134
|
+
$.legacy_pre_effect_reset();
|
4135
|
+
$.init();
|
4136
|
+
var fragment = $.comment();
|
4137
|
+
var node = $.first_child(fragment);
|
4138
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4197
4139
|
let attributes_1;
|
4198
|
-
|
4140
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4199
4141
|
...attributes,
|
4200
4142
|
class: "icon",
|
4201
|
-
style:
|
4143
|
+
style: $.get(style),
|
4202
4144
|
"data-layer-id": layerId()
|
4203
4145
|
}, "svelte-1kl9m59"));
|
4204
|
-
|
4205
|
-
var fragment_1 =
|
4206
|
-
var node_1 =
|
4207
|
-
const expression =
|
4208
|
-
|
4146
|
+
$.event("click", $$element, handleClick);
|
4147
|
+
var fragment_1 = $.comment();
|
4148
|
+
var node_1 = $.first_child(fragment_1);
|
4149
|
+
const expression = $.derived_safe_equal(() => props().color ?? "currentColor");
|
4150
|
+
$.component(node_1, () => $.get(IconComponent), ($$anchor$2, $$component) => {
|
4209
4151
|
$$component($$anchor$2, { get color() {
|
4210
|
-
return
|
4152
|
+
return $.get(expression);
|
4211
4153
|
} });
|
4212
4154
|
});
|
4213
|
-
|
4155
|
+
$.append($$anchor$1, fragment_1);
|
4214
4156
|
});
|
4215
|
-
|
4216
|
-
|
4157
|
+
$.append($$anchor, fragment);
|
4158
|
+
$.pop();
|
4217
4159
|
}
|
4218
4160
|
|
4219
4161
|
//#endregion
|
@@ -4385,19 +4327,19 @@ function darkenColor(color, percent) {
|
|
4385
4327
|
|
4386
4328
|
//#endregion
|
4387
4329
|
//#region src/components-flex/button/Button.svelte
|
4388
|
-
var root_2$4 =
|
4389
|
-
var root_1$7 =
|
4330
|
+
var root_2$4 = $.template(`<div class="button-icon svelte-l0rauj"><!></div>`);
|
4331
|
+
var root_1$7 = $.template(`<!> <span class="button-label"> </span>`, 1);
|
4390
4332
|
const $$css$20 = {
|
4391
4333
|
hash: "svelte-l0rauj",
|
4392
4334
|
code: ".button.svelte-l0rauj {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,\n border-color 0.12s,\n color 0.12s;cursor:pointer;color:var(--color);border-color:var(--border-color);background-color:var(--bg-color);}.button.svelte-l0rauj:hover {background-color:var(--hover-bg-color);border-color:var(--hover-border-color);}.button-icon.svelte-l0rauj {display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;}"
|
4393
4335
|
};
|
4394
4336
|
function Button($$anchor, $$props) {
|
4395
|
-
|
4396
|
-
|
4397
|
-
const variables$1 =
|
4398
|
-
const style =
|
4399
|
-
let props =
|
4400
|
-
let layerId =
|
4337
|
+
$.push($$props, false);
|
4338
|
+
$.append_styles($$anchor, $$css$20);
|
4339
|
+
const variables$1 = $.mutable_state();
|
4340
|
+
const style = $.mutable_state();
|
4341
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4342
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4401
4343
|
useInjectCustomizeCss(props());
|
4402
4344
|
const { attributes, element, handleClick } = useClickable_default(props());
|
4403
4345
|
const { brandKit } = useBrandKit();
|
@@ -4412,8 +4354,8 @@ function Button($$anchor, $$props) {
|
|
4412
4354
|
}
|
4413
4355
|
})();
|
4414
4356
|
const buttonSizeStyle = BUTTON_SIZE_STYLES[props().size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
|
4415
|
-
|
4416
|
-
|
4357
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
|
4358
|
+
$.set(variables$1, (() => {
|
4417
4359
|
switch (variant) {
|
4418
4360
|
case "outline": return {
|
4419
4361
|
"--color": props().color ?? buttonThemeStyle.color,
|
@@ -4439,8 +4381,8 @@ function Button($$anchor, $$props) {
|
|
4439
4381
|
}
|
4440
4382
|
})());
|
4441
4383
|
});
|
4442
|
-
|
4443
|
-
|
4384
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
4385
|
+
$.set(style, objToStyle({
|
4444
4386
|
width: props().width,
|
4445
4387
|
fontWeight: props().fontWeight ?? "bold",
|
4446
4388
|
...BUTTON_WRAP_STYLES[props().wrap ?? buttonPropsDefault.wrap],
|
@@ -4458,53 +4400,53 @@ function Button($$anchor, $$props) {
|
|
4458
4400
|
...toCssCommon(props()),
|
4459
4401
|
...toCssBorder(props()),
|
4460
4402
|
...toCssShadow(props()),
|
4461
|
-
|
4403
|
+
...$.get(variables$1)
|
4462
4404
|
}));
|
4463
4405
|
});
|
4464
|
-
|
4465
|
-
|
4466
|
-
var fragment =
|
4467
|
-
var node =
|
4468
|
-
|
4406
|
+
$.legacy_pre_effect_reset();
|
4407
|
+
$.init();
|
4408
|
+
var fragment = $.comment();
|
4409
|
+
var node = $.first_child(fragment);
|
4410
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4469
4411
|
let attributes_1;
|
4470
|
-
|
4412
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4471
4413
|
...attributes,
|
4472
4414
|
class: "button",
|
4473
|
-
style:
|
4415
|
+
style: $.get(style),
|
4474
4416
|
"data-layer-id": layerId(),
|
4475
4417
|
"data-variant": variant
|
4476
4418
|
}, "svelte-l0rauj"));
|
4477
|
-
|
4419
|
+
$.event("click", $$element, handleClick);
|
4478
4420
|
var fragment_1 = root_1$7();
|
4479
|
-
var node_1 =
|
4421
|
+
var node_1 = $.first_child(fragment_1);
|
4480
4422
|
{
|
4481
4423
|
var consequent = ($$anchor$2) => {
|
4482
4424
|
var div = root_2$4();
|
4483
|
-
var node_2 =
|
4484
|
-
const expression =
|
4425
|
+
var node_2 = $.child(div);
|
4426
|
+
const expression = $.derived_safe_equal(() => ({
|
4485
4427
|
variant: props().iconVariant,
|
4486
4428
|
color: props().iconColor ?? props().color ?? buttonThemeStyle.color,
|
4487
4429
|
width: "1em",
|
4488
4430
|
height: "1em"
|
4489
4431
|
}));
|
4490
4432
|
Icon(node_2, { get props() {
|
4491
|
-
return
|
4433
|
+
return $.get(expression);
|
4492
4434
|
} });
|
4493
|
-
|
4494
|
-
|
4435
|
+
$.reset(div);
|
4436
|
+
$.append($$anchor$2, div);
|
4495
4437
|
};
|
4496
|
-
|
4438
|
+
$.if(node_1, ($$render) => {
|
4497
4439
|
if (props().isIcon && props().iconVariant) $$render(consequent);
|
4498
4440
|
});
|
4499
4441
|
}
|
4500
|
-
var span =
|
4501
|
-
var text =
|
4502
|
-
|
4503
|
-
|
4504
|
-
|
4442
|
+
var span = $.sibling(node_1, 2);
|
4443
|
+
var text = $.child(span, true);
|
4444
|
+
$.reset(span);
|
4445
|
+
$.template_effect(() => $.set_text(text, props().label ?? buttonPropsDefault.label));
|
4446
|
+
$.append($$anchor$1, fragment_1);
|
4505
4447
|
});
|
4506
|
-
|
4507
|
-
|
4448
|
+
$.append($$anchor, fragment);
|
4449
|
+
$.pop();
|
4508
4450
|
}
|
4509
4451
|
|
4510
4452
|
//#endregion
|
@@ -4602,33 +4544,33 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
4602
4544
|
|
4603
4545
|
//#endregion
|
4604
4546
|
//#region src/components-flex/button-outlined/ButtonOutlined.svelte
|
4605
|
-
var root_2$3 =
|
4606
|
-
var root_1$6 =
|
4547
|
+
var root_2$3 = $.template(`<div class="button-outlined-icon svelte-z8gomx"><!></div>`);
|
4548
|
+
var root_1$6 = $.template(`<!> <span class="button-outlined-label svelte-z8gomx"> </span>`, 1);
|
4607
4549
|
const $$css$19 = {
|
4608
4550
|
hash: "svelte-z8gomx",
|
4609
4551
|
code: ".button-outlined.svelte-z8gomx {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,\n border-color 0.12s,\n color 0.12s;cursor:pointer;background-color:var(--bg-color);}.button-outlined.svelte-z8gomx:hover {background-color:var(--hover-bg-color);}.button-outlined-icon.svelte-z8gomx {display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;margin-bottom:0.1em;}"
|
4610
4552
|
};
|
4611
4553
|
function ButtonOutlined($$anchor, $$props) {
|
4612
|
-
|
4613
|
-
|
4614
|
-
const variables$1 =
|
4615
|
-
const style =
|
4616
|
-
let props =
|
4617
|
-
let layerId =
|
4554
|
+
$.push($$props, false);
|
4555
|
+
$.append_styles($$anchor, $$css$19);
|
4556
|
+
const variables$1 = $.mutable_state();
|
4557
|
+
const style = $.mutable_state();
|
4558
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4559
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4618
4560
|
useInjectCustomizeCss(props());
|
4619
4561
|
const { brandKit } = useBrandKit();
|
4620
4562
|
const { attributes, element, handleClick } = useClickable_default(props());
|
4621
4563
|
const buttonThemeStyles = getButtonOutlinedThemeStyles(brandKit);
|
4622
4564
|
const buttonThemeStyle = buttonThemeStyles[props().theme ?? buttonOutlinedPropsDefault.theme];
|
4623
4565
|
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props().size ?? buttonOutlinedPropsDefault.size];
|
4624
|
-
|
4625
|
-
|
4566
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
|
4567
|
+
$.set(variables$1, {
|
4626
4568
|
"--bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor,
|
4627
4569
|
"--hover-bg-color": darkenColor(props().backgroundColor ?? buttonThemeStyle.backgroundColor, .032)
|
4628
4570
|
});
|
4629
4571
|
});
|
4630
|
-
|
4631
|
-
|
4572
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
4573
|
+
$.set(style, objToStyle({
|
4632
4574
|
width: props().width,
|
4633
4575
|
color: props().color ?? buttonThemeStyle.color,
|
4634
4576
|
borderColor: props().borderColor ?? props().color ?? buttonThemeStyle.borderColor,
|
@@ -4643,52 +4585,52 @@ function ButtonOutlined($$anchor, $$props) {
|
|
4643
4585
|
...toCssCommon(props()),
|
4644
4586
|
...toCssBorder(props()),
|
4645
4587
|
...toCssShadow(props()),
|
4646
|
-
|
4588
|
+
...$.get(variables$1)
|
4647
4589
|
}));
|
4648
4590
|
});
|
4649
|
-
|
4650
|
-
|
4651
|
-
var fragment =
|
4652
|
-
var node =
|
4653
|
-
|
4591
|
+
$.legacy_pre_effect_reset();
|
4592
|
+
$.init();
|
4593
|
+
var fragment = $.comment();
|
4594
|
+
var node = $.first_child(fragment);
|
4595
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4654
4596
|
let attributes_1;
|
4655
|
-
|
4597
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4656
4598
|
...attributes,
|
4657
4599
|
class: "button-outlined",
|
4658
|
-
style:
|
4600
|
+
style: $.get(style),
|
4659
4601
|
"data-layer-id": layerId()
|
4660
4602
|
}, "svelte-z8gomx"));
|
4661
|
-
|
4603
|
+
$.event("click", $$element, handleClick);
|
4662
4604
|
var fragment_1 = root_1$6();
|
4663
|
-
var node_1 =
|
4605
|
+
var node_1 = $.first_child(fragment_1);
|
4664
4606
|
{
|
4665
4607
|
var consequent = ($$anchor$2) => {
|
4666
4608
|
var div = root_2$3();
|
4667
|
-
var node_2 =
|
4668
|
-
const expression =
|
4609
|
+
var node_2 = $.child(div);
|
4610
|
+
const expression = $.derived_safe_equal(() => ({
|
4669
4611
|
variant: props().iconVariant,
|
4670
4612
|
color: props().iconColor ?? props().color ?? buttonThemeStyle.color,
|
4671
4613
|
width: "1em",
|
4672
4614
|
height: "1em"
|
4673
4615
|
}));
|
4674
4616
|
Icon(node_2, { get props() {
|
4675
|
-
return
|
4617
|
+
return $.get(expression);
|
4676
4618
|
} });
|
4677
|
-
|
4678
|
-
|
4619
|
+
$.reset(div);
|
4620
|
+
$.append($$anchor$2, div);
|
4679
4621
|
};
|
4680
|
-
|
4622
|
+
$.if(node_1, ($$render) => {
|
4681
4623
|
if (props().isIcon && props().iconVariant) $$render(consequent);
|
4682
4624
|
});
|
4683
4625
|
}
|
4684
|
-
var span =
|
4685
|
-
var text =
|
4686
|
-
|
4687
|
-
|
4688
|
-
|
4626
|
+
var span = $.sibling(node_1, 2);
|
4627
|
+
var text = $.child(span, true);
|
4628
|
+
$.reset(span);
|
4629
|
+
$.template_effect(() => $.set_text(text, props().label ?? buttonOutlinedPropsDefault.label));
|
4630
|
+
$.append($$anchor$1, fragment_1);
|
4689
4631
|
});
|
4690
|
-
|
4691
|
-
|
4632
|
+
$.append($$anchor, fragment);
|
4633
|
+
$.pop();
|
4692
4634
|
}
|
4693
4635
|
|
4694
4636
|
//#endregion
|
@@ -4751,30 +4693,30 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
|
|
4751
4693
|
|
4752
4694
|
//#endregion
|
4753
4695
|
//#region src/components-flex/button-text/ButtonText.svelte
|
4754
|
-
var root_2$2 =
|
4755
|
-
var root_1$5 =
|
4696
|
+
var root_2$2 = $.template(`<div class="button-text-icon svelte-l90o4j"><!></div>`);
|
4697
|
+
var root_1$5 = $.template(`<!> <span class="button-text-label svelte-l90o4j"> </span>`, 1);
|
4756
4698
|
const $$css$18 = {
|
4757
4699
|
hash: "svelte-l90o4j",
|
4758
4700
|
code: ".button-text.svelte-l90o4j {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,\n border-color 0.12s,\n color 0.12s;cursor:pointer;background-color:rgba(255, 255, 255, 0);}.button-text.svelte-l90o4j:hover {background-color:var(--hover-bg-color);}.button-text-icon.svelte-l90o4j {display:flex;align-items:center;justify-content:center;margin-left:-0.2em;margin-right:-0.2em;}"
|
4759
4701
|
};
|
4760
4702
|
function ButtonText($$anchor, $$props) {
|
4761
|
-
|
4762
|
-
|
4763
|
-
const variables$1 =
|
4764
|
-
const style =
|
4765
|
-
let props =
|
4766
|
-
let layerId =
|
4703
|
+
$.push($$props, false);
|
4704
|
+
$.append_styles($$anchor, $$css$18);
|
4705
|
+
const variables$1 = $.mutable_state();
|
4706
|
+
const style = $.mutable_state();
|
4707
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4708
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4767
4709
|
useInjectCustomizeCss(props());
|
4768
4710
|
const { brandKit } = useBrandKit();
|
4769
4711
|
const { attributes, element, handleClick } = useClickable_default(props());
|
4770
4712
|
const themeStyles = getButtonTextThemeStyles(brandKit);
|
4771
4713
|
const buttonThemeStyle = themeStyles[props().theme ?? "default"];
|
4772
4714
|
const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props().size ?? "medium"];
|
4773
|
-
|
4774
|
-
|
4715
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
4716
|
+
$.set(variables$1, { "--hover-bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor });
|
4775
4717
|
});
|
4776
|
-
|
4777
|
-
|
4718
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
4719
|
+
$.set(style, objToStyle({
|
4778
4720
|
width: props().width,
|
4779
4721
|
height: props().height ?? buttonSizeStyle.height,
|
4780
4722
|
paddingLeft: props().paddingLeft ?? buttonSizeStyle.paddingLeft,
|
@@ -4786,52 +4728,52 @@ function ButtonText($$anchor, $$props) {
|
|
4786
4728
|
...BUTTON_ROUND_STYLES[props().round ?? buttonPropsDefault.round],
|
4787
4729
|
...props().iconAngle ? { flexDirection: props().iconAngle } : {},
|
4788
4730
|
...toCssCommon(props()),
|
4789
|
-
|
4731
|
+
...$.get(variables$1)
|
4790
4732
|
}));
|
4791
4733
|
});
|
4792
|
-
|
4793
|
-
|
4794
|
-
var fragment =
|
4795
|
-
var node =
|
4796
|
-
|
4734
|
+
$.legacy_pre_effect_reset();
|
4735
|
+
$.init();
|
4736
|
+
var fragment = $.comment();
|
4737
|
+
var node = $.first_child(fragment);
|
4738
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4797
4739
|
let attributes_1;
|
4798
|
-
|
4740
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4799
4741
|
...attributes,
|
4800
4742
|
class: "button-text",
|
4801
|
-
style:
|
4743
|
+
style: $.get(style),
|
4802
4744
|
"data-layer-id": layerId()
|
4803
4745
|
}, "svelte-l90o4j"));
|
4804
|
-
|
4746
|
+
$.event("click", $$element, handleClick);
|
4805
4747
|
var fragment_1 = root_1$5();
|
4806
|
-
var node_1 =
|
4748
|
+
var node_1 = $.first_child(fragment_1);
|
4807
4749
|
{
|
4808
4750
|
var consequent = ($$anchor$2) => {
|
4809
4751
|
var div = root_2$2();
|
4810
|
-
var node_2 =
|
4811
|
-
const expression =
|
4752
|
+
var node_2 = $.child(div);
|
4753
|
+
const expression = $.derived_safe_equal(() => ({
|
4812
4754
|
variant: props().iconVariant,
|
4813
4755
|
color: props().color ?? buttonThemeStyle.color,
|
4814
4756
|
width: "1em",
|
4815
4757
|
height: "1em"
|
4816
4758
|
}));
|
4817
4759
|
Icon(node_2, { get props() {
|
4818
|
-
return
|
4760
|
+
return $.get(expression);
|
4819
4761
|
} });
|
4820
|
-
|
4821
|
-
|
4762
|
+
$.reset(div);
|
4763
|
+
$.append($$anchor$2, div);
|
4822
4764
|
};
|
4823
|
-
|
4765
|
+
$.if(node_1, ($$render) => {
|
4824
4766
|
if (props().isIcon && props().iconVariant) $$render(consequent);
|
4825
4767
|
});
|
4826
4768
|
}
|
4827
|
-
var span =
|
4828
|
-
var text =
|
4829
|
-
|
4830
|
-
|
4831
|
-
|
4769
|
+
var span = $.sibling(node_1, 2);
|
4770
|
+
var text = $.child(span, true);
|
4771
|
+
$.reset(span);
|
4772
|
+
$.template_effect(() => $.set_text(text, props().label));
|
4773
|
+
$.append($$anchor$1, fragment_1);
|
4832
4774
|
});
|
4833
|
-
|
4834
|
-
|
4775
|
+
$.append($$anchor, fragment);
|
4776
|
+
$.pop();
|
4835
4777
|
}
|
4836
4778
|
|
4837
4779
|
//#endregion
|
@@ -4868,26 +4810,26 @@ const getTextThemeStyles = getPropStyles(callback$1);
|
|
4868
4810
|
|
4869
4811
|
//#endregion
|
4870
4812
|
//#region src/components-flex/close-button/CloseButton.svelte
|
4871
|
-
var root_2$1 =
|
4872
|
-
var root_1$4 =
|
4813
|
+
var root_2$1 = $.template(`<span></span>`);
|
4814
|
+
var root_1$4 = $.template(`<span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 100%; height: 100%;" class="svelte-18wmfyq"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path></svg></span> <!>`, 1);
|
4873
4815
|
const $$css$17 = {
|
4874
4816
|
hash: "svelte-18wmfyq",
|
4875
4817
|
code: ".close-button.svelte-18wmfyq {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;flex-shrink:0;transition:background-color 0.12s,\n border-color 0.12s,\n color 0.12s;}.close-button.svelte-18wmfyq svg:where(.svelte-18wmfyq) {transition:transform 0.12s;}.close-button.svelte-18wmfyq:hover svg:where(.svelte-18wmfyq) {transform:rotate(90deg);}.close-button-order-one.svelte-18wmfyq {order:1;}.close-button-order-two.svelte-18wmfyq {order:2;}"
|
4876
4818
|
};
|
4877
4819
|
function CloseButton($$anchor, $$props) {
|
4878
|
-
|
4879
|
-
|
4880
|
-
const hasLabel =
|
4881
|
-
const styleObj =
|
4882
|
-
const style =
|
4883
|
-
const borderWidth =
|
4884
|
-
const paddingSize =
|
4885
|
-
const labelStyle =
|
4886
|
-
const iconStyle =
|
4887
|
-
let props =
|
4888
|
-
let layerId =
|
4889
|
-
let eventName =
|
4890
|
-
let eventValue =
|
4820
|
+
$.push($$props, false);
|
4821
|
+
$.append_styles($$anchor, $$css$17);
|
4822
|
+
const hasLabel = $.mutable_state();
|
4823
|
+
const styleObj = $.mutable_state();
|
4824
|
+
const style = $.mutable_state();
|
4825
|
+
const borderWidth = $.mutable_state();
|
4826
|
+
const paddingSize = $.mutable_state();
|
4827
|
+
const labelStyle = $.mutable_state();
|
4828
|
+
const iconStyle = $.mutable_state();
|
4829
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4830
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4831
|
+
let eventName = $.prop($$props, "eventName", 8, "");
|
4832
|
+
let eventValue = $.prop($$props, "eventValue", 8, void 0);
|
4891
4833
|
const { brandKit } = useBrandKit();
|
4892
4834
|
useInjectCustomizeCss(props());
|
4893
4835
|
const { attributes, element, handleClick } = useClickable_default({
|
@@ -4927,11 +4869,11 @@ function CloseButton($$anchor, $$props) {
|
|
4927
4869
|
const color = props().color ?? getTextThemeStyles(brandKit)[props().colorVariant]?.color ?? "#666";
|
4928
4870
|
const label = props().label;
|
4929
4871
|
const isLeftLabelPlacement = props().labelPlacement === "left";
|
4930
|
-
|
4931
|
-
|
4872
|
+
$.legacy_pre_effect(() => {}, () => {
|
4873
|
+
$.set(hasLabel, label !== void 0 && label !== "");
|
4932
4874
|
});
|
4933
|
-
|
4934
|
-
|
4875
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
|
4876
|
+
$.set(styleObj, {
|
4935
4877
|
...props().bordered && {
|
4936
4878
|
borderTopWidth: "1px",
|
4937
4879
|
borderLeftWidth: "1px",
|
@@ -4949,67 +4891,67 @@ function CloseButton($$anchor, $$props) {
|
|
4949
4891
|
...toCssBorder(props())
|
4950
4892
|
});
|
4951
4893
|
});
|
4952
|
-
|
4953
|
-
|
4894
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
4895
|
+
$.set(style, objToStyle($.get(styleObj)));
|
4954
4896
|
});
|
4955
|
-
|
4956
|
-
|
4897
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
4898
|
+
$.set(borderWidth, $.get(styleObj).borderTopWidth ? parseInt($.get(styleObj).borderTopWidth) : 0);
|
4957
4899
|
});
|
4958
|
-
|
4959
|
-
|
4900
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
4901
|
+
$.set(paddingSize, $.get(styleObj).paddingTop ? parseInt($.get(styleObj).paddingTop) : 6);
|
4960
4902
|
});
|
4961
|
-
|
4962
|
-
|
4903
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), getTextThemeStyles), () => {
|
4904
|
+
$.set(labelStyle, objToStyle({
|
4963
4905
|
color: props().labelColor ?? getTextThemeStyles(brandKit)[props().labelColorVariant]?.color ?? color,
|
4964
4906
|
fontSize: `${size / 2.1}px`
|
4965
4907
|
}));
|
4966
4908
|
});
|
4967
|
-
|
4968
|
-
|
4969
|
-
width: `${size -
|
4970
|
-
height: `${size -
|
4909
|
+
$.legacy_pre_effect(() => ($.get(paddingSize), $.get(borderWidth)), () => {
|
4910
|
+
$.set(iconStyle, objToStyle({
|
4911
|
+
width: `${size - $.get(paddingSize) * 2 - $.get(borderWidth) * 2}px`,
|
4912
|
+
height: `${size - $.get(paddingSize) * 2 - $.get(borderWidth) * 2}px`,
|
4971
4913
|
display: "flex",
|
4972
4914
|
alignItems: "center",
|
4973
4915
|
justifyContent: "center",
|
4974
4916
|
flexShrink: 0
|
4975
4917
|
}));
|
4976
4918
|
});
|
4977
|
-
|
4978
|
-
|
4979
|
-
var fragment =
|
4980
|
-
var node =
|
4981
|
-
|
4919
|
+
$.legacy_pre_effect_reset();
|
4920
|
+
$.init();
|
4921
|
+
var fragment = $.comment();
|
4922
|
+
var node = $.first_child(fragment);
|
4923
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4982
4924
|
let attributes_1;
|
4983
|
-
|
4925
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4984
4926
|
...attributes,
|
4985
4927
|
class: `close-button ${isLeftLabelPlacement ? "close-button-order-two" : ""}`,
|
4986
4928
|
"data-layer-id": layerId(),
|
4987
|
-
style:
|
4929
|
+
style: $.get(style)
|
4988
4930
|
}, "svelte-18wmfyq"));
|
4989
|
-
|
4931
|
+
$.event("click", $$element, handleClick);
|
4990
4932
|
var fragment_1 = root_1$4();
|
4991
|
-
var span =
|
4992
|
-
var svg =
|
4993
|
-
|
4994
|
-
|
4995
|
-
var node_1 =
|
4933
|
+
var span = $.first_child(fragment_1);
|
4934
|
+
var svg = $.child(span);
|
4935
|
+
$.set_attribute(svg, "fill", color);
|
4936
|
+
$.reset(span);
|
4937
|
+
var node_1 = $.sibling(span, 2);
|
4996
4938
|
{
|
4997
4939
|
var consequent = ($$anchor$2) => {
|
4998
4940
|
var span_1 = root_2$1();
|
4999
|
-
|
4941
|
+
$.set_class(span_1, 1, `close-button-label ${isLeftLabelPlacement ? "close-button-order-one" : ""}`, "svelte-18wmfyq");
|
5000
4942
|
span_1.textContent = label;
|
5001
|
-
|
5002
|
-
|
4943
|
+
$.template_effect(() => $.set_style(span_1, $.get(labelStyle)));
|
4944
|
+
$.append($$anchor$2, span_1);
|
5003
4945
|
};
|
5004
|
-
|
5005
|
-
if (
|
4946
|
+
$.if(node_1, ($$render) => {
|
4947
|
+
if ($.get(hasLabel)) $$render(consequent);
|
5006
4948
|
});
|
5007
4949
|
}
|
5008
|
-
|
5009
|
-
|
4950
|
+
$.template_effect(() => $.set_style(span, $.get(iconStyle)));
|
4951
|
+
$.append($$anchor$1, fragment_1);
|
5010
4952
|
});
|
5011
|
-
|
5012
|
-
|
4953
|
+
$.append($$anchor, fragment);
|
4954
|
+
$.pop();
|
5013
4955
|
}
|
5014
4956
|
|
5015
4957
|
//#endregion
|
@@ -5088,19 +5030,19 @@ const IMAGE_ROUND_STYLES = {
|
|
5088
5030
|
|
5089
5031
|
//#endregion
|
5090
5032
|
//#region src/components-flex/image/Image.svelte
|
5091
|
-
var root_1$3 =
|
5033
|
+
var root_1$3 = $.template(`<img class="image-img svelte-1olvu11">`);
|
5092
5034
|
const $$css$16 = {
|
5093
5035
|
hash: "svelte-1olvu11",
|
5094
5036
|
code: ".image.svelte-1olvu11 {max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none;}.image-img.svelte-1olvu11 {vertical-align:top;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;}"
|
5095
5037
|
};
|
5096
5038
|
function Image($$anchor, $$props) {
|
5097
|
-
|
5098
|
-
|
5099
|
-
const styleObj =
|
5100
|
-
const style =
|
5101
|
-
const imgStyle =
|
5102
|
-
let props =
|
5103
|
-
let layerId =
|
5039
|
+
$.push($$props, false);
|
5040
|
+
$.append_styles($$anchor, $$css$16);
|
5041
|
+
const styleObj = $.mutable_state();
|
5042
|
+
const style = $.mutable_state();
|
5043
|
+
const imgStyle = $.mutable_state();
|
5044
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
5045
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5104
5046
|
useInjectCustomizeCss(props());
|
5105
5047
|
const { attributes, element, handleClick } = useClickable_default(props());
|
5106
5048
|
const aspectVariantStyles = ASPECT_VARIANT[props().aspectVariant]?.getProps();
|
@@ -5111,8 +5053,8 @@ function Image($$anchor, $$props) {
|
|
5111
5053
|
if (parentRadius === "100%") return "100%";
|
5112
5054
|
return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
|
5113
5055
|
};
|
5114
|
-
|
5115
|
-
|
5056
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPadding), () => {
|
5057
|
+
$.set(styleObj, {
|
5116
5058
|
...props().borderTopLeftRadius ? toCssRadius(props()) : IMAGE_ROUND_STYLES[props().shape ?? "square"],
|
5117
5059
|
width,
|
5118
5060
|
flexShrink: String(width).indexOf("px") !== -1 ? 0 : 1,
|
@@ -5123,40 +5065,40 @@ function Image($$anchor, $$props) {
|
|
5123
5065
|
...toCssPadding(props())
|
5124
5066
|
});
|
5125
5067
|
});
|
5126
|
-
|
5127
|
-
|
5068
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
5069
|
+
$.set(style, objToStyle($.get(styleObj)));
|
5128
5070
|
});
|
5129
|
-
|
5130
|
-
|
5131
|
-
borderTopLeftRadius: calcImgRadius(
|
5132
|
-
borderTopRightRadius: calcImgRadius(
|
5133
|
-
borderBottomLeftRadius: calcImgRadius(
|
5134
|
-
borderBottomRightRadius: calcImgRadius(
|
5071
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
5072
|
+
$.set(imgStyle, objToStyle({ ...toCssRadius({
|
5073
|
+
borderTopLeftRadius: calcImgRadius($.get(styleObj).borderTopLeftRadius, $.get(styleObj).borderTopWidth),
|
5074
|
+
borderTopRightRadius: calcImgRadius($.get(styleObj).borderTopRightRadius, $.get(styleObj).borderTopWidth),
|
5075
|
+
borderBottomLeftRadius: calcImgRadius($.get(styleObj).borderBottomLeftRadius, $.get(styleObj).borderTopWidth),
|
5076
|
+
borderBottomRightRadius: calcImgRadius($.get(styleObj).borderBottomRightRadius, $.get(styleObj).borderTopWidth)
|
5135
5077
|
}) }));
|
5136
5078
|
});
|
5137
|
-
|
5138
|
-
|
5139
|
-
var fragment =
|
5140
|
-
var node =
|
5141
|
-
|
5079
|
+
$.legacy_pre_effect_reset();
|
5080
|
+
$.init();
|
5081
|
+
var fragment = $.comment();
|
5082
|
+
var node = $.first_child(fragment);
|
5083
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
5142
5084
|
let attributes_1;
|
5143
|
-
|
5085
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
5144
5086
|
...attributes,
|
5145
5087
|
class: "image",
|
5146
|
-
style:
|
5088
|
+
style: $.get(style),
|
5147
5089
|
"data-layer-id": layerId()
|
5148
5090
|
}, "svelte-1olvu11"));
|
5149
|
-
|
5091
|
+
$.event("click", $$element, handleClick);
|
5150
5092
|
var img = root_1$3();
|
5151
|
-
|
5152
|
-
|
5153
|
-
|
5154
|
-
|
5093
|
+
$.template_effect(() => {
|
5094
|
+
$.set_attribute(img, "src", props().image);
|
5095
|
+
$.set_attribute(img, "alt", props().alt);
|
5096
|
+
$.set_style(img, $.get(imgStyle));
|
5155
5097
|
});
|
5156
|
-
|
5098
|
+
$.append($$anchor$1, img);
|
5157
5099
|
});
|
5158
|
-
|
5159
|
-
|
5100
|
+
$.append($$anchor, fragment);
|
5101
|
+
$.pop();
|
5160
5102
|
}
|
5161
5103
|
|
5162
5104
|
//#endregion
|
@@ -5186,16 +5128,16 @@ const $$css$15 = {
|
|
5186
5128
|
code: ".layout.svelte-1o103hp {text-decoration:none;color:inherit;}.layout[data-clickable='true'].svelte-1o103hp {cursor:pointer;}.layout[data-clickable='true'].svelte-1o103hp:hover {opacity:0.8;}"
|
5187
5129
|
};
|
5188
5130
|
function Layout($$anchor, $$props) {
|
5189
|
-
|
5190
|
-
|
5191
|
-
const style =
|
5192
|
-
let props =
|
5193
|
-
let layerId =
|
5131
|
+
$.push($$props, false);
|
5132
|
+
$.append_styles($$anchor, $$css$15);
|
5133
|
+
const style = $.mutable_state();
|
5134
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
5135
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5194
5136
|
const { brandKit } = useBrandKit();
|
5195
5137
|
useInjectCustomizeCss(props());
|
5196
5138
|
const { attributes, element, handleClick } = useClickable_default(props());
|
5197
|
-
|
5198
|
-
|
5139
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
|
5140
|
+
$.set(style, objToStyle({
|
5199
5141
|
display: props().display ?? "flex",
|
5200
5142
|
flexDirection: props().direction,
|
5201
5143
|
alignItems: props().align,
|
@@ -5213,26 +5155,26 @@ function Layout($$anchor, $$props) {
|
|
5213
5155
|
...toCssBorder(props(), brandKit)
|
5214
5156
|
}));
|
5215
5157
|
});
|
5216
|
-
|
5217
|
-
|
5218
|
-
var fragment =
|
5219
|
-
var node =
|
5220
|
-
|
5158
|
+
$.legacy_pre_effect_reset();
|
5159
|
+
$.init();
|
5160
|
+
var fragment = $.comment();
|
5161
|
+
var node = $.first_child(fragment);
|
5162
|
+
$.element(node, () => "div", false, ($$element, $$anchor$1) => {
|
5221
5163
|
let attributes_1;
|
5222
|
-
|
5164
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
5223
5165
|
...attributes,
|
5224
5166
|
class: "layout",
|
5225
|
-
style:
|
5167
|
+
style: $.get(style),
|
5226
5168
|
"data-layer-id": layerId()
|
5227
5169
|
}, "svelte-1o103hp"));
|
5228
|
-
|
5229
|
-
var fragment_1 =
|
5230
|
-
var node_1 =
|
5231
|
-
|
5232
|
-
|
5170
|
+
$.event("click", $$element, handleClick);
|
5171
|
+
var fragment_1 = $.comment();
|
5172
|
+
var node_1 = $.first_child(fragment_1);
|
5173
|
+
$.slot(node_1, $$props, "default", {}, null);
|
5174
|
+
$.append($$anchor$1, fragment_1);
|
5233
5175
|
});
|
5234
|
-
|
5235
|
-
|
5176
|
+
$.append($$anchor, fragment);
|
5177
|
+
$.pop();
|
5236
5178
|
}
|
5237
5179
|
|
5238
5180
|
//#endregion
|
@@ -5263,33 +5205,33 @@ const LAYOUT_JUSTIFY = [
|
|
5263
5205
|
|
5264
5206
|
//#endregion
|
5265
5207
|
//#region src/components-flex/slider/Slider.svelte
|
5266
|
-
var root_1$2 =
|
5267
|
-
var root$13 =
|
5208
|
+
var root_1$2 = $.template(`<button><i></i></button>`);
|
5209
|
+
var root$13 = $.template(`<div class="slider svelte-wwv1o"><div class="slider-container svelte-wwv1o"><ul class="slider-list svelte-wwv1o"><!></ul></div> <div></div></div>`);
|
5268
5210
|
const $$css$14 = {
|
5269
5211
|
hash: "svelte-wwv1o",
|
5270
5212
|
code: ".slider.svelte-wwv1o {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-container.svelte-wwv1o {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-list.svelte-wwv1o {-webkit-user-drag:none;margin:0;padding:0;list-style:none;will-change:transform;}"
|
5271
5213
|
};
|
5272
5214
|
function Slider($$anchor, $$props) {
|
5273
|
-
|
5274
|
-
|
5275
|
-
const indicators =
|
5276
|
-
const itemWidthPercentage =
|
5277
|
-
const baseContainerStyle =
|
5278
|
-
const containerStyle =
|
5279
|
-
const indicatorListStyle =
|
5280
|
-
const indicatorItemStyle =
|
5281
|
-
let layerId =
|
5282
|
-
let props =
|
5283
|
-
let overrideStyle =
|
5215
|
+
$.push($$props, false);
|
5216
|
+
$.append_styles($$anchor, $$css$14);
|
5217
|
+
const indicators = $.mutable_state();
|
5218
|
+
const itemWidthPercentage = $.mutable_state();
|
5219
|
+
const baseContainerStyle = $.mutable_state();
|
5220
|
+
const containerStyle = $.mutable_state();
|
5221
|
+
const indicatorListStyle = $.mutable_state();
|
5222
|
+
const indicatorItemStyle = $.mutable_state();
|
5223
|
+
let layerId = $.prop($$props, "layerId", 8);
|
5224
|
+
let props = $.prop($$props, "props", 8);
|
5225
|
+
let overrideStyle = $.prop($$props, "overrideStyle", 8);
|
5284
5226
|
useInjectCustomizeCss(props());
|
5285
|
-
let containerElement =
|
5286
|
-
let slotElement =
|
5287
|
-
let currentIndex =
|
5227
|
+
let containerElement = $.mutable_state();
|
5228
|
+
let slotElement = $.mutable_state();
|
5229
|
+
let currentIndex = $.mutable_state(0);
|
5288
5230
|
let isDragging = false;
|
5289
5231
|
let startX = 0;
|
5290
|
-
let movedX =
|
5291
|
-
let childCount =
|
5292
|
-
let transformX =
|
5232
|
+
let movedX = $.mutable_state(null);
|
5233
|
+
let childCount = $.mutable_state(0);
|
5234
|
+
let transformX = $.mutable_state();
|
5293
5235
|
let lastFrame = 0;
|
5294
5236
|
const THROTTLE = 16;
|
5295
5237
|
const computeTransformX = (index, itemCount, movedX$1, itemWidthPercentage$1, gap) => {
|
@@ -5302,24 +5244,24 @@ function Slider($$anchor, $$props) {
|
|
5302
5244
|
return `translate3d(calc(-${result}% - ${gap * index}px${moved}), 0, 0)`;
|
5303
5245
|
};
|
5304
5246
|
const handleClickIndicator = (index) => {
|
5305
|
-
|
5247
|
+
$.set(currentIndex, index);
|
5306
5248
|
};
|
5307
5249
|
const setChildCount = () => {
|
5308
|
-
const count =
|
5309
|
-
if (count !==
|
5250
|
+
const count = $.get(slotElement)?.children?.length ?? 0;
|
5251
|
+
if (count !== $.get(childCount)) $.set(childCount, $.get(slotElement)?.children?.length ?? 0);
|
5310
5252
|
};
|
5311
5253
|
const toNext = () => {
|
5312
|
-
if (
|
5313
|
-
else if (props().loop)
|
5254
|
+
if ($.get(currentIndex) < $.get(childCount) - 1) $.set(currentIndex, $.get(currentIndex) + 1);
|
5255
|
+
else if (props().loop) $.set(currentIndex, 0);
|
5314
5256
|
};
|
5315
5257
|
const toPrev = () => {
|
5316
|
-
if (
|
5317
|
-
else if (props().loop)
|
5258
|
+
if ($.get(currentIndex) > 0) $.set(currentIndex, $.get(currentIndex) - 1);
|
5259
|
+
else if (props().loop) $.set(currentIndex, $.get(childCount) - 1);
|
5318
5260
|
};
|
5319
5261
|
const handleClick = (e) => {
|
5320
5262
|
const isParentContainer = (el) => {
|
5321
5263
|
if (!el) return false;
|
5322
|
-
return el ===
|
5264
|
+
return el === $.get(containerElement) || isParentContainer(el.parentElement);
|
5323
5265
|
};
|
5324
5266
|
if (isParentContainer(e.target) && isDragging) {
|
5325
5267
|
e.preventDefault();
|
@@ -5327,7 +5269,7 @@ function Slider($$anchor, $$props) {
|
|
5327
5269
|
}
|
5328
5270
|
};
|
5329
5271
|
const move = (moved) => {
|
5330
|
-
|
5272
|
+
$.set(movedX, moved);
|
5331
5273
|
if ((moved > 10 || moved < -10) && !isDragging) isDragging = true;
|
5332
5274
|
};
|
5333
5275
|
const handleTouchmove = (e) => {
|
@@ -5337,9 +5279,9 @@ function Slider($$anchor, $$props) {
|
|
5337
5279
|
lastFrame = now;
|
5338
5280
|
};
|
5339
5281
|
const handleTouchend = () => {
|
5340
|
-
if (
|
5341
|
-
else if (
|
5342
|
-
|
5282
|
+
if ($.get(movedX) >= 32) toNext();
|
5283
|
+
else if ($.get(movedX) <= -32) toPrev();
|
5284
|
+
$.set(movedX, null);
|
5343
5285
|
document.removeEventListener("touchmove", handleTouchmove);
|
5344
5286
|
document.removeEventListener("touchend", handleTouchend);
|
5345
5287
|
document.removeEventListener("click", handleClick);
|
@@ -5355,9 +5297,9 @@ function Slider($$anchor, $$props) {
|
|
5355
5297
|
move(startX - e.clientX);
|
5356
5298
|
};
|
5357
5299
|
const handleMouseup = (e) => {
|
5358
|
-
if (
|
5359
|
-
else if (
|
5360
|
-
|
5300
|
+
if ($.get(movedX) >= 32) toNext();
|
5301
|
+
else if ($.get(movedX) <= -32) toPrev();
|
5302
|
+
$.set(movedX, null);
|
5361
5303
|
if (isDragging) e.stopPropagation();
|
5362
5304
|
document.removeEventListener("mousemove", handleMousemove);
|
5363
5305
|
document.removeEventListener("mouseup", handleMouseup);
|
@@ -5380,49 +5322,49 @@ function Slider($$anchor, $$props) {
|
|
5380
5322
|
if (autoSlideTimer) clearInterval(autoSlideTimer);
|
5381
5323
|
};
|
5382
5324
|
});
|
5383
|
-
|
5384
|
-
if (
|
5325
|
+
$.legacy_pre_effect(() => $.get(slotElement), () => {
|
5326
|
+
if ($.get(slotElement)) $.set(childCount, $.get(slotElement).children.length);
|
5385
5327
|
});
|
5386
|
-
|
5387
|
-
|
5328
|
+
$.legacy_pre_effect(() => ($.get(childCount), $.get(currentIndex)), () => {
|
5329
|
+
$.set(indicators, [...Array($.get(childCount))].map((_, i) => ({
|
5388
5330
|
index: i,
|
5389
|
-
isActive: i ===
|
5331
|
+
isActive: i === $.get(currentIndex)
|
5390
5332
|
})));
|
5391
5333
|
});
|
5392
|
-
|
5393
|
-
|
5334
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
5335
|
+
$.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
|
5394
5336
|
});
|
5395
|
-
|
5396
|
-
|
5337
|
+
$.legacy_pre_effect(() => ($.get(currentIndex), $.get(childCount), $.get(movedX), $.get(itemWidthPercentage), $.deep_read_state(props())), () => {
|
5338
|
+
$.set(transformX, computeTransformX($.get(currentIndex), $.get(childCount), $.get(movedX), $.get(itemWidthPercentage), props().gap ?? 0));
|
5397
5339
|
});
|
5398
|
-
|
5399
|
-
|
5340
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(itemWidthPercentage), $.get(movedX)), () => {
|
5341
|
+
$.set(baseContainerStyle, {
|
5400
5342
|
display: "grid",
|
5401
5343
|
gap: `${props().gap}px`,
|
5402
|
-
gridTemplateColumns: `repeat(auto-fill, minmax(${
|
5344
|
+
gridTemplateColumns: `repeat(auto-fill, minmax(${$.get(itemWidthPercentage)}%, 1fr))`,
|
5403
5345
|
gridAutoFlow: "column",
|
5404
|
-
gridAutoColumns: `minmax(${
|
5346
|
+
gridAutoColumns: `minmax(${$.get(itemWidthPercentage)}%, 1fr)`,
|
5405
5347
|
flexShrink: 0,
|
5406
|
-
transition:
|
5348
|
+
transition: $.get(movedX) === null ? "transform 0.5s" : void 0,
|
5407
5349
|
userSelect: "none"
|
5408
5350
|
});
|
5409
5351
|
});
|
5410
|
-
|
5411
|
-
|
5412
|
-
|
5413
|
-
transform:
|
5352
|
+
$.legacy_pre_effect(() => ($.get(baseContainerStyle), $.get(transformX)), () => {
|
5353
|
+
$.set(containerStyle, objToStyle({
|
5354
|
+
...$.get(baseContainerStyle),
|
5355
|
+
transform: $.get(transformX)
|
5414
5356
|
}));
|
5415
5357
|
});
|
5416
|
-
|
5417
|
-
|
5358
|
+
$.legacy_pre_effect(() => objToStyle, () => {
|
5359
|
+
$.set(indicatorListStyle, objToStyle({
|
5418
5360
|
display: "flex",
|
5419
5361
|
justifyContent: "center",
|
5420
5362
|
gap: "4px",
|
5421
5363
|
marginTop: "12px"
|
5422
5364
|
}));
|
5423
5365
|
});
|
5424
|
-
|
5425
|
-
|
5366
|
+
$.legacy_pre_effect(() => {}, () => {
|
5367
|
+
$.set(indicatorItemStyle, {
|
5426
5368
|
width: "8px",
|
5427
5369
|
height: "8px",
|
5428
5370
|
borderRadius: "100%",
|
@@ -5432,82 +5374,82 @@ function Slider($$anchor, $$props) {
|
|
5432
5374
|
cursor: "pointer"
|
5433
5375
|
});
|
5434
5376
|
});
|
5435
|
-
|
5436
|
-
|
5377
|
+
$.legacy_pre_effect_reset();
|
5378
|
+
$.init();
|
5437
5379
|
var div = root$13();
|
5438
|
-
var div_1 =
|
5439
|
-
var ul =
|
5440
|
-
var node =
|
5441
|
-
|
5442
|
-
|
5443
|
-
|
5444
|
-
|
5445
|
-
|
5446
|
-
var div_2 =
|
5447
|
-
|
5380
|
+
var div_1 = $.child(div);
|
5381
|
+
var ul = $.child(div_1);
|
5382
|
+
var node = $.child(ul);
|
5383
|
+
$.slot(node, $$props, "default", {}, null);
|
5384
|
+
$.reset(ul);
|
5385
|
+
$.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
|
5386
|
+
$.reset(div_1);
|
5387
|
+
$.bind_this(div_1, ($$value) => $.set(containerElement, $$value), () => $.get(containerElement));
|
5388
|
+
var div_2 = $.sibling(div_1, 2);
|
5389
|
+
$.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor$1, indicator, i) => {
|
5448
5390
|
var button = root_1$2();
|
5449
|
-
var i_1 =
|
5450
|
-
|
5451
|
-
|
5452
|
-
|
5453
|
-
|
5391
|
+
var i_1 = $.child(button);
|
5392
|
+
$.reset(button);
|
5393
|
+
$.template_effect(($0, $1) => {
|
5394
|
+
$.set_style(button, $0);
|
5395
|
+
$.set_style(i_1, $1);
|
5454
5396
|
}, [() => objToStyle({
|
5455
5397
|
padding: "4px",
|
5456
5398
|
border: 0,
|
5457
5399
|
background: "none"
|
5458
5400
|
}), () => objToStyle({
|
5459
|
-
|
5460
|
-
background:
|
5461
|
-
})],
|
5462
|
-
|
5463
|
-
|
5464
|
-
});
|
5465
|
-
|
5466
|
-
|
5467
|
-
|
5468
|
-
|
5469
|
-
|
5470
|
-
|
5471
|
-
}, [() => [
|
5472
|
-
|
5473
|
-
|
5474
|
-
|
5475
|
-
|
5401
|
+
...$.get(indicatorItemStyle),
|
5402
|
+
background: $.get(indicator).isActive ? "#555555" : "#AAAAAA"
|
5403
|
+
})], $.derived_safe_equal);
|
5404
|
+
$.event("click", button, () => handleClickIndicator(i));
|
5405
|
+
$.append($$anchor$1, button);
|
5406
|
+
});
|
5407
|
+
$.reset(div_2);
|
5408
|
+
$.reset(div);
|
5409
|
+
$.template_effect(($0) => {
|
5410
|
+
$.set_attribute(div, "data-layer-id", layerId());
|
5411
|
+
$.set_style(ul, $0);
|
5412
|
+
$.set_style(div_2, $.get(indicatorListStyle));
|
5413
|
+
}, [() => [$.get(containerStyle), overrideStyle()].join(" ")], $.derived_safe_equal);
|
5414
|
+
$.event("mousedown", div_1, handleMousedown);
|
5415
|
+
$.event("touchstart", div_1, handleTouchstart);
|
5416
|
+
$.append($$anchor, div);
|
5417
|
+
$.pop();
|
5476
5418
|
}
|
5477
5419
|
|
5478
5420
|
//#endregion
|
5479
5421
|
//#region src/components-flex/slider/SliderItem.svelte
|
5480
|
-
var root$12 =
|
5422
|
+
var root$12 = $.template(`<li class="slider-item svelte-1m93md9"><!></li>`);
|
5481
5423
|
const $$css$13 = {
|
5482
5424
|
hash: "svelte-1m93md9",
|
5483
5425
|
code: ".slider-item.svelte-1m93md9 {overflow:hidden;}.slider-item-inner.svelte-1m93md9 {text-decoration:none;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none;text-align:left;color:inherit;-webkit-user-drag:none;user-select:none;}"
|
5484
5426
|
};
|
5485
5427
|
function SliderItem($$anchor, $$props) {
|
5486
|
-
|
5487
|
-
|
5488
|
-
let layerId =
|
5489
|
-
let props =
|
5428
|
+
$.push($$props, false);
|
5429
|
+
$.append_styles($$anchor, $$css$13);
|
5430
|
+
let layerId = $.prop($$props, "layerId", 8);
|
5431
|
+
let props = $.prop($$props, "props", 8);
|
5490
5432
|
useInjectCustomizeCss(props());
|
5491
5433
|
const { attributes, element, handleClick } = useClickable_default(props());
|
5492
|
-
|
5434
|
+
$.init();
|
5493
5435
|
var li = root$12();
|
5494
|
-
var node =
|
5495
|
-
|
5436
|
+
var node = $.child(li);
|
5437
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
5496
5438
|
let attributes_1;
|
5497
|
-
|
5439
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
5498
5440
|
...attributes,
|
5499
5441
|
class: "slider-item-inner"
|
5500
5442
|
}, "svelte-1m93md9"));
|
5501
|
-
|
5502
|
-
var fragment =
|
5503
|
-
var node_1 =
|
5504
|
-
|
5505
|
-
|
5506
|
-
});
|
5507
|
-
|
5508
|
-
|
5509
|
-
|
5510
|
-
|
5443
|
+
$.event("click", $$element, handleClick);
|
5444
|
+
var fragment = $.comment();
|
5445
|
+
var node_1 = $.first_child(fragment);
|
5446
|
+
$.slot(node_1, $$props, "default", {}, null);
|
5447
|
+
$.append($$anchor$1, fragment);
|
5448
|
+
});
|
5449
|
+
$.reset(li);
|
5450
|
+
$.template_effect(() => $.set_attribute(li, "data-layer-id", layerId()));
|
5451
|
+
$.append($$anchor, li);
|
5452
|
+
$.pop();
|
5511
5453
|
}
|
5512
5454
|
|
5513
5455
|
//#endregion
|
@@ -5552,18 +5494,18 @@ const TEXT_VARIANTS = { size: {
|
|
5552
5494
|
|
5553
5495
|
//#endregion
|
5554
5496
|
//#region src/components-flex/text/Text.svelte
|
5555
|
-
var root$11 =
|
5497
|
+
var root$11 = $.template(`<p class="text svelte-vifn7y"><!></p>`);
|
5556
5498
|
const $$css$12 = {
|
5557
5499
|
hash: "svelte-vifn7y",
|
5558
5500
|
code: ".text.svelte-vifn7y {margin:0;word-break:break-all;text-decoration:none;}"
|
5559
5501
|
};
|
5560
5502
|
function Text($$anchor, $$props) {
|
5561
|
-
|
5562
|
-
|
5563
|
-
const escapedHTML =
|
5564
|
-
const style =
|
5565
|
-
let props =
|
5566
|
-
let layerId =
|
5503
|
+
$.push($$props, false);
|
5504
|
+
$.append_styles($$anchor, $$css$12);
|
5505
|
+
const escapedHTML = $.mutable_state();
|
5506
|
+
const style = $.mutable_state();
|
5507
|
+
let props = $.prop($$props, "props", 24, () => ({ content: "" }));
|
5508
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5567
5509
|
useInjectCustomizeCss(props());
|
5568
5510
|
const { brandKit } = useBrandKit();
|
5569
5511
|
const themeStyles = getTextThemeStyles(brandKit);
|
@@ -5612,11 +5554,11 @@ function Text($$anchor, $$props) {
|
|
5612
5554
|
overflow: "hidden"
|
5613
5555
|
};
|
5614
5556
|
})();
|
5615
|
-
|
5616
|
-
|
5557
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
5558
|
+
$.set(escapedHTML, props().content.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/\n/g, "<br />"));
|
5617
5559
|
});
|
5618
|
-
|
5619
|
-
|
5560
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
|
5561
|
+
$.set(style, objToStyle({
|
5620
5562
|
position: props()?.position ?? "static",
|
5621
5563
|
textAlign: props().align,
|
5622
5564
|
width: props().width,
|
@@ -5632,33 +5574,33 @@ function Text($$anchor, $$props) {
|
|
5632
5574
|
...toCssBorder(props())
|
5633
5575
|
}));
|
5634
5576
|
});
|
5635
|
-
|
5636
|
-
|
5577
|
+
$.legacy_pre_effect_reset();
|
5578
|
+
$.init();
|
5637
5579
|
var p = root$11();
|
5638
|
-
var node =
|
5639
|
-
|
5640
|
-
|
5641
|
-
|
5642
|
-
|
5643
|
-
|
5580
|
+
var node = $.child(p);
|
5581
|
+
$.html(node, () => $.get(escapedHTML), false, false);
|
5582
|
+
$.reset(p);
|
5583
|
+
$.template_effect(() => {
|
5584
|
+
$.set_attribute(p, "data-layer-id", layerId());
|
5585
|
+
$.set_style(p, $.get(style));
|
5644
5586
|
});
|
5645
|
-
|
5646
|
-
|
5587
|
+
$.append($$anchor, p);
|
5588
|
+
$.pop();
|
5647
5589
|
}
|
5648
5590
|
|
5649
5591
|
//#endregion
|
5650
5592
|
//#region src/components-flex/rich-text/RichText.svelte
|
5651
|
-
var root$10 =
|
5593
|
+
var root$10 = $.template(`<div class="rich-text svelte-dxr423"><!></div>`);
|
5652
5594
|
const $$css$11 = {
|
5653
5595
|
hash: "svelte-dxr423",
|
5654
5596
|
code: ".rich-text.svelte-dxr423 p {margin:0;word-break:break-all;text-decoration:none;}.rich-text.svelte-dxr423 p + p {margin-top:0.75em;}"
|
5655
5597
|
};
|
5656
5598
|
function RichText($$anchor, $$props) {
|
5657
|
-
|
5658
|
-
|
5659
|
-
const style =
|
5660
|
-
let props =
|
5661
|
-
let layerId =
|
5599
|
+
$.push($$props, false);
|
5600
|
+
$.append_styles($$anchor, $$css$11);
|
5601
|
+
const style = $.mutable_state();
|
5602
|
+
let props = $.prop($$props, "props", 24, () => ({ content: "" }));
|
5603
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5662
5604
|
useInjectCustomizeCss(props());
|
5663
5605
|
const { brandKit } = useBrandKit();
|
5664
5606
|
const themeStyles = getTextThemeStyles(brandKit);
|
@@ -5692,8 +5634,8 @@ function RichText($$anchor, $$props) {
|
|
5692
5634
|
fontWeight: getFontWeight()
|
5693
5635
|
};
|
5694
5636
|
};
|
5695
|
-
|
5696
|
-
|
5637
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPosition), () => {
|
5638
|
+
$.set(style, objToStyle({
|
5697
5639
|
position: props()?.position ?? "static",
|
5698
5640
|
textAlign: props().align,
|
5699
5641
|
width: props().width,
|
@@ -5704,18 +5646,18 @@ function RichText($$anchor, $$props) {
|
|
5704
5646
|
...toCssPosition(props())
|
5705
5647
|
}));
|
5706
5648
|
});
|
5707
|
-
|
5708
|
-
|
5649
|
+
$.legacy_pre_effect_reset();
|
5650
|
+
$.init();
|
5709
5651
|
var div = root$10();
|
5710
|
-
var node =
|
5711
|
-
|
5712
|
-
|
5713
|
-
|
5714
|
-
|
5715
|
-
|
5652
|
+
var node = $.child(div);
|
5653
|
+
$.html(node, () => props().content, false, false);
|
5654
|
+
$.reset(div);
|
5655
|
+
$.template_effect(() => {
|
5656
|
+
$.set_style(div, $.get(style));
|
5657
|
+
$.set_attribute(div, "data-layer-id", layerId());
|
5716
5658
|
});
|
5717
|
-
|
5718
|
-
|
5659
|
+
$.append($$anchor, div);
|
5660
|
+
$.pop();
|
5719
5661
|
}
|
5720
5662
|
|
5721
5663
|
//#endregion
|
@@ -5772,19 +5714,19 @@ const getTextLinkThemeStyles = getPropStyles(callback);
|
|
5772
5714
|
|
5773
5715
|
//#endregion
|
5774
5716
|
//#region src/components-flex/text-link/TextLink.svelte
|
5775
|
-
var root_1$1 =
|
5717
|
+
var root_1$1 = $.template(`<!> <span><!></span>`, 1);
|
5776
5718
|
const $$css$10 = {
|
5777
5719
|
hash: "svelte-dc9m5n",
|
5778
5720
|
code: ".link.svelte-dc9m5n {-webkit-appearance:none;border:0;background:none;padding:0;display:inline-flex;}.link.svelte-dc9m5n,\n .link.svelte-dc9m5n:visited,\n .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;}"
|
5779
5721
|
};
|
5780
5722
|
function TextLink($$anchor, $$props) {
|
5781
|
-
|
5782
|
-
|
5783
|
-
const escapedHTML =
|
5784
|
-
const variables$1 =
|
5785
|
-
const style =
|
5786
|
-
let props =
|
5787
|
-
let layerId =
|
5723
|
+
$.push($$props, false);
|
5724
|
+
$.append_styles($$anchor, $$css$10);
|
5725
|
+
const escapedHTML = $.mutable_state();
|
5726
|
+
const variables$1 = $.mutable_state();
|
5727
|
+
const style = $.mutable_state();
|
5728
|
+
let props = $.prop($$props, "props", 24, () => ({ label: "" }));
|
5729
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5788
5730
|
useInjectCustomizeCss(props());
|
5789
5731
|
const { brandKit } = useBrandKit();
|
5790
5732
|
const { attributes, element, handleClick } = useClickable_default({
|
@@ -5806,18 +5748,18 @@ function TextLink($$anchor, $$props) {
|
|
5806
5748
|
default: return "underline-hover-on";
|
5807
5749
|
}
|
5808
5750
|
})();
|
5809
|
-
|
5810
|
-
|
5751
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
5752
|
+
$.set(escapedHTML, props().label.replace(/&/g, "<").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/\n/g, "<br />"));
|
5811
5753
|
});
|
5812
|
-
|
5813
|
-
|
5754
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
|
5755
|
+
$.set(variables$1, {
|
5814
5756
|
"--color": props().color ?? themeStyle.color,
|
5815
5757
|
"--hover-color": darkenColor(props().color ?? themeStyle.color, .12),
|
5816
5758
|
"--active-color": darkenColor(props().color ?? themeStyle.color, .2)
|
5817
5759
|
});
|
5818
5760
|
});
|
5819
|
-
|
5820
|
-
|
5761
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
5762
|
+
$.set(style, objToStyle({
|
5821
5763
|
display: "inline-flex",
|
5822
5764
|
gap: "0.5em",
|
5823
5765
|
alignItems: "center",
|
@@ -5829,48 +5771,48 @@ function TextLink($$anchor, $$props) {
|
|
5829
5771
|
cursor: "pointer",
|
5830
5772
|
...toCssCommon(props()),
|
5831
5773
|
...toCssPosition(props()),
|
5832
|
-
|
5774
|
+
...$.get(variables$1)
|
5833
5775
|
}));
|
5834
5776
|
});
|
5835
|
-
|
5836
|
-
|
5837
|
-
var fragment =
|
5838
|
-
var node =
|
5839
|
-
|
5777
|
+
$.legacy_pre_effect_reset();
|
5778
|
+
$.init();
|
5779
|
+
var fragment = $.comment();
|
5780
|
+
var node = $.first_child(fragment);
|
5781
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
5840
5782
|
let attributes_1;
|
5841
|
-
|
5783
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
5842
5784
|
...attributes,
|
5843
5785
|
class: `link ${underlineClass}`,
|
5844
|
-
style:
|
5786
|
+
style: $.get(style),
|
5845
5787
|
"data-layer-id": layerId()
|
5846
5788
|
}, "svelte-dc9m5n"));
|
5847
|
-
|
5789
|
+
$.event("click", $$element, handleClick);
|
5848
5790
|
var fragment_1 = root_1$1();
|
5849
|
-
var node_1 =
|
5791
|
+
var node_1 = $.first_child(fragment_1);
|
5850
5792
|
{
|
5851
5793
|
var consequent = ($$anchor$2) => {
|
5852
|
-
const expression =
|
5794
|
+
const expression = $.derived_safe_equal(() => ({
|
5853
5795
|
variant: props().iconVariant,
|
5854
5796
|
color: props().iconColor ?? props().color,
|
5855
5797
|
width: "1em",
|
5856
5798
|
height: "1em"
|
5857
5799
|
}));
|
5858
5800
|
Icon($$anchor$2, { get props() {
|
5859
|
-
return
|
5801
|
+
return $.get(expression);
|
5860
5802
|
} });
|
5861
5803
|
};
|
5862
|
-
|
5804
|
+
$.if(node_1, ($$render) => {
|
5863
5805
|
if (props().isIcon && props().iconVariant) $$render(consequent);
|
5864
5806
|
});
|
5865
5807
|
}
|
5866
|
-
var span =
|
5867
|
-
var node_2 =
|
5868
|
-
|
5869
|
-
|
5870
|
-
|
5808
|
+
var span = $.sibling(node_1, 2);
|
5809
|
+
var node_2 = $.child(span);
|
5810
|
+
$.html(node_2, () => $.get(escapedHTML), false, false);
|
5811
|
+
$.reset(span);
|
5812
|
+
$.append($$anchor$1, fragment_1);
|
5871
5813
|
});
|
5872
|
-
|
5873
|
-
|
5814
|
+
$.append($$anchor, fragment);
|
5815
|
+
$.pop();
|
5874
5816
|
}
|
5875
5817
|
|
5876
5818
|
//#endregion
|
@@ -5897,83 +5839,83 @@ const TEXT_LINK_UNDERLINE = {
|
|
5897
5839
|
|
5898
5840
|
//#endregion
|
5899
5841
|
//#region src/components-flex/background-overlay/BackgroundOverlay.svelte
|
5900
|
-
var root_1 =
|
5842
|
+
var root_1 = $.template(`<div></div>`);
|
5901
5843
|
const $$css$9 = {
|
5902
5844
|
hash: "svelte-18nkdjz",
|
5903
5845
|
code: ".v2-background.svelte-18nkdjz {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);z-index:2147483646;}"
|
5904
5846
|
};
|
5905
5847
|
function BackgroundOverlay($$anchor, $$props) {
|
5906
|
-
|
5907
|
-
|
5908
|
-
let backgroundOverlay =
|
5909
|
-
let className =
|
5848
|
+
$.push($$props, false);
|
5849
|
+
$.append_styles($$anchor, $$css$9);
|
5850
|
+
let backgroundOverlay = $.prop($$props, "backgroundOverlay", 8, false);
|
5851
|
+
let className = $.prop($$props, "class", 8, void 0);
|
5910
5852
|
const dispatch = createEventDispatcher();
|
5911
|
-
|
5912
|
-
var fragment =
|
5913
|
-
var node =
|
5853
|
+
$.init();
|
5854
|
+
var fragment = $.comment();
|
5855
|
+
var node = $.first_child(fragment);
|
5914
5856
|
{
|
5915
5857
|
var consequent = ($$anchor$1) => {
|
5916
5858
|
var div = root_1();
|
5917
|
-
|
5918
|
-
|
5919
|
-
|
5859
|
+
$.template_effect(($0) => $.set_class(div, 1, $0, "svelte-18nkdjz"), [() => $.clsx(["v2-background", className() || ""].join(" "))], $.derived_safe_equal);
|
5860
|
+
$.event("click", div, () => dispatch("click"));
|
5861
|
+
$.append($$anchor$1, div);
|
5920
5862
|
};
|
5921
|
-
|
5863
|
+
$.if(node, ($$render) => {
|
5922
5864
|
if (backgroundOverlay()) $$render(consequent);
|
5923
5865
|
});
|
5924
5866
|
}
|
5925
|
-
|
5926
|
-
|
5867
|
+
$.append($$anchor, fragment);
|
5868
|
+
$.pop();
|
5927
5869
|
}
|
5928
5870
|
|
5929
5871
|
//#endregion
|
5930
5872
|
//#region src/components-flex/modal/Modal.svelte
|
5931
|
-
var root_2 =
|
5932
|
-
var root_4 =
|
5933
|
-
var root$9 =
|
5873
|
+
var root_2 = $.template(`<!> <!>`, 1);
|
5874
|
+
var root_4 = $.template(`<div role="dialog" aria-modal="true"><!></div>`);
|
5875
|
+
var root$9 = $.template(`<!> <!>`, 1);
|
5934
5876
|
const $$css$8 = {
|
5935
5877
|
hash: "svelte-45ue06",
|
5936
5878
|
code: "* {box-sizing:border-box;}.modal.svelte-45ue06 {position:fixed;z-index:2147483647;display:flex;}.modal.svelte-45ue06 > .button {flex:auto;display:flex;}\n /* PC */\n @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;}\n }\n\n /* SP */\n @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;}\n }"
|
5937
5879
|
};
|
5938
5880
|
function Modal($$anchor, $$props) {
|
5939
|
-
|
5940
|
-
|
5941
|
-
const close$1 =
|
5942
|
-
const backgroundClick =
|
5943
|
-
const backgroundClickPC =
|
5944
|
-
const backgroundClickSP =
|
5945
|
-
const handle_keydown =
|
5946
|
-
const visible =
|
5947
|
-
let useBreakPoint =
|
5948
|
-
let placement =
|
5949
|
-
let breakPoint =
|
5950
|
-
let elasticity =
|
5951
|
-
let animation =
|
5952
|
-
let props =
|
5953
|
-
let closeEventName =
|
5954
|
-
let closeEventValue =
|
5955
|
-
let layerId =
|
5881
|
+
$.push($$props, false);
|
5882
|
+
$.append_styles($$anchor, $$css$8);
|
5883
|
+
const close$1 = $.mutable_state();
|
5884
|
+
const backgroundClick = $.mutable_state();
|
5885
|
+
const backgroundClickPC = $.mutable_state();
|
5886
|
+
const backgroundClickSP = $.mutable_state();
|
5887
|
+
const handle_keydown = $.mutable_state();
|
5888
|
+
const visible = $.mutable_state();
|
5889
|
+
let useBreakPoint = $.prop($$props, "useBreakPoint", 8, false);
|
5890
|
+
let placement = $.prop($$props, "placement", 8);
|
5891
|
+
let breakPoint = $.prop($$props, "breakPoint", 8);
|
5892
|
+
let elasticity = $.prop($$props, "elasticity", 8);
|
5893
|
+
let animation = $.prop($$props, "animation", 8, "none");
|
5894
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
5895
|
+
let closeEventName = $.prop($$props, "closeEventName", 8, "");
|
5896
|
+
let closeEventValue = $.prop($$props, "closeEventValue", 8, null);
|
5897
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5956
5898
|
const { brandKit } = useBrandKit();
|
5957
5899
|
const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
|
5958
5900
|
const position = placement()?.position ?? "center";
|
5959
|
-
let backgroundOverlay =
|
5960
|
-
let backgroundOverlayPC =
|
5961
|
-
let backgroundOverlaySP =
|
5962
|
-
let backgroundClickFunction =
|
5963
|
-
let backgroundClickFunctionPC =
|
5964
|
-
let backgroundClickFunctionSP =
|
5965
|
-
let modalStyles = new Set([]);
|
5966
|
-
let transforms =
|
5901
|
+
let backgroundOverlay = $.mutable_state(position === "center");
|
5902
|
+
let backgroundOverlayPC = $.mutable_state(position === "center");
|
5903
|
+
let backgroundOverlaySP = $.mutable_state(position === "center");
|
5904
|
+
let backgroundClickFunction = $.mutable_state(DefaultModalPlacement.backgroundClick);
|
5905
|
+
let backgroundClickFunctionPC = $.mutable_state(DefaultModalPlacement.backgroundClick);
|
5906
|
+
let backgroundClickFunctionSP = $.mutable_state(DefaultModalPlacement.backgroundClick);
|
5907
|
+
let modalStyles = /* @__PURE__ */ new Set([]);
|
5908
|
+
let transforms = $.mutable_state([{
|
5967
5909
|
query: null,
|
5968
5910
|
...getTransform("center")
|
5969
5911
|
}]);
|
5970
|
-
let modal =
|
5912
|
+
let modal = $.mutable_state();
|
5971
5913
|
onMount$1(() => {
|
5972
|
-
|
5914
|
+
$.set(visible, true);
|
5973
5915
|
});
|
5974
5916
|
onDestroy$1(() => setPreviousFocus());
|
5975
|
-
|
5976
|
-
|
5917
|
+
$.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), execOnClickOperation), () => {
|
5918
|
+
$.set(close$1, () => {
|
5977
5919
|
const onClose$1 = {
|
5978
5920
|
operation: "closeApp",
|
5979
5921
|
args: ["button"]
|
@@ -5982,53 +5924,53 @@ function Modal($$anchor, $$props) {
|
|
5982
5924
|
execOnClickOperation(onClose$1);
|
5983
5925
|
});
|
5984
5926
|
});
|
5985
|
-
|
5986
|
-
if (!isCanvasPreview() && isExistBackgroundOverlayValue)
|
5927
|
+
$.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint())), () => {
|
5928
|
+
if (!isCanvasPreview() && isExistBackgroundOverlayValue) $.set(backgroundOverlay, placement().backgroundOverlay);
|
5987
5929
|
if (useBreakPoint()) {
|
5988
5930
|
const pc = breakPoint()?.PC?.placement?.backgroundOverlay;
|
5989
|
-
|
5931
|
+
$.set(backgroundOverlayPC, pc ?? false);
|
5990
5932
|
const sp = breakPoint()?.SP?.placement?.backgroundOverlay;
|
5991
|
-
|
5933
|
+
$.set(backgroundOverlaySP, sp ?? false);
|
5992
5934
|
}
|
5993
5935
|
});
|
5994
|
-
|
5995
|
-
if (placement() && placement().backgroundClick)
|
5936
|
+
$.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint())), () => {
|
5937
|
+
if (placement() && placement().backgroundClick) $.set(backgroundClickFunction, placement().backgroundClick);
|
5996
5938
|
if (useBreakPoint()) {
|
5997
5939
|
const pc = breakPoint()?.PC?.placement?.backgroundClick;
|
5998
|
-
if (pc)
|
5940
|
+
if (pc) $.set(backgroundClickFunctionPC, pc);
|
5999
5941
|
const sp = breakPoint()?.SP?.placement?.backgroundClick;
|
6000
|
-
if (sp)
|
5942
|
+
if (sp) $.set(backgroundClickFunctionSP, sp);
|
6001
5943
|
}
|
6002
5944
|
});
|
6003
|
-
|
6004
|
-
|
5945
|
+
$.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunction)), () => {
|
5946
|
+
$.set(backgroundClick, () => {
|
6005
5947
|
if (closeEventName()) send_event(closeEventName(), closeEventValue());
|
6006
|
-
execOnClickOperation(
|
5948
|
+
execOnClickOperation($.get(backgroundClickFunction));
|
6007
5949
|
});
|
6008
5950
|
});
|
6009
|
-
|
6010
|
-
|
5951
|
+
$.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunctionPC)), () => {
|
5952
|
+
$.set(backgroundClickPC, () => {
|
6011
5953
|
if (closeEventName()) send_event(closeEventName(), closeEventValue());
|
6012
|
-
execOnClickOperation(
|
5954
|
+
execOnClickOperation($.get(backgroundClickFunctionPC));
|
6013
5955
|
});
|
6014
5956
|
});
|
6015
|
-
|
6016
|
-
|
5957
|
+
$.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunctionSP)), () => {
|
5958
|
+
$.set(backgroundClickSP, () => {
|
6017
5959
|
if (closeEventName()) send_event(closeEventName(), closeEventValue());
|
6018
|
-
execOnClickOperation(
|
5960
|
+
execOnClickOperation($.get(backgroundClickFunctionSP));
|
6019
5961
|
});
|
6020
5962
|
});
|
6021
|
-
|
5963
|
+
$.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.get(transforms), $.deep_read_state(breakPoint()), parseStyle), () => {
|
6022
5964
|
let position$1 = DefaultModalPlacement.position;
|
6023
5965
|
if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
|
6024
5966
|
let positionStyle = getPositionStyle(position$1);
|
6025
5967
|
if (!useBreakPoint()) modalStyles.add(positionStyle);
|
6026
5968
|
if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
|
6027
|
-
|
5969
|
+
$.set(transforms, []);
|
6028
5970
|
DEVICE_IDS.forEach((deviceId) => {
|
6029
5971
|
if (!isCanvasPreview() && useBreakPoint()) {
|
6030
5972
|
const positionWithBp = breakPoint()[deviceId]?.placement?.position;
|
6031
|
-
|
5973
|
+
$.get(transforms).push({
|
6032
5974
|
query: DEVICE_QUERIES[deviceId],
|
6033
5975
|
...getTransform(positionWithBp)
|
6034
5976
|
});
|
@@ -6041,12 +5983,12 @@ function Modal($$anchor, $$props) {
|
|
6041
5983
|
}));
|
6042
5984
|
modalStyles.add(positionVariables);
|
6043
5985
|
});
|
6044
|
-
|
5986
|
+
$.get(transforms).push({
|
6045
5987
|
query: null,
|
6046
5988
|
...getTransform(position$1)
|
6047
5989
|
});
|
6048
5990
|
});
|
6049
|
-
|
5991
|
+
$.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint()), $.deep_read_state(props()), toCssBorder), () => {
|
6050
5992
|
let margin = DefaultModalPlacement.margin;
|
6051
5993
|
if (!isCanvasPreview() && placement() && placement().margin !== null) margin = placement().margin;
|
6052
5994
|
let marginStyle = getMarginStyle(margin);
|
@@ -6073,110 +6015,110 @@ function Modal($$anchor, $$props) {
|
|
6073
6015
|
});
|
6074
6016
|
modalStyles.add(propsStyle);
|
6075
6017
|
});
|
6076
|
-
|
6077
|
-
|
6018
|
+
$.legacy_pre_effect(() => {}, () => {
|
6019
|
+
$.set(modal, null);
|
6078
6020
|
});
|
6079
|
-
|
6080
|
-
|
6021
|
+
$.legacy_pre_effect(() => $.get(close$1), () => {
|
6022
|
+
$.set(handle_keydown, handleKeydown({ Escape: $.get(close$1) }));
|
6081
6023
|
});
|
6082
|
-
|
6083
|
-
|
6024
|
+
$.legacy_pre_effect(() => {}, () => {
|
6025
|
+
$.set(visible, false);
|
6084
6026
|
});
|
6085
|
-
|
6086
|
-
|
6027
|
+
$.legacy_pre_effect_reset();
|
6028
|
+
$.init();
|
6087
6029
|
var fragment = root$9();
|
6088
|
-
|
6089
|
-
|
6030
|
+
$.event("keydown", $.window, function(...$$args) {
|
6031
|
+
$.get(handle_keydown)?.apply(this, $$args);
|
6090
6032
|
});
|
6091
|
-
var node =
|
6033
|
+
var node = $.first_child(fragment);
|
6092
6034
|
{
|
6093
6035
|
var consequent = ($$anchor$1) => {};
|
6094
6036
|
var alternate = ($$anchor$1, $$elseif) => {
|
6095
6037
|
{
|
6096
6038
|
var consequent_1 = ($$anchor$2) => {
|
6097
6039
|
var fragment_1 = root_2();
|
6098
|
-
var node_1 =
|
6040
|
+
var node_1 = $.first_child(fragment_1);
|
6099
6041
|
BackgroundOverlay(node_1, {
|
6100
6042
|
class: "background-bp-pc",
|
6101
6043
|
get backgroundOverlay() {
|
6102
|
-
return
|
6044
|
+
return $.get(backgroundOverlayPC);
|
6103
6045
|
},
|
6104
6046
|
$$events: { click(...$$args) {
|
6105
|
-
|
6047
|
+
$.get(backgroundClickPC)?.apply(this, $$args);
|
6106
6048
|
} }
|
6107
6049
|
});
|
6108
|
-
var node_2 =
|
6050
|
+
var node_2 = $.sibling(node_1, 2);
|
6109
6051
|
BackgroundOverlay(node_2, {
|
6110
6052
|
class: "background-bp-sp ",
|
6111
6053
|
get backgroundOverlay() {
|
6112
|
-
return
|
6054
|
+
return $.get(backgroundOverlaySP);
|
6113
6055
|
},
|
6114
6056
|
$$events: { click(...$$args) {
|
6115
|
-
|
6057
|
+
$.get(backgroundClickSP)?.apply(this, $$args);
|
6116
6058
|
} }
|
6117
6059
|
});
|
6118
|
-
|
6060
|
+
$.append($$anchor$2, fragment_1);
|
6119
6061
|
};
|
6120
6062
|
var alternate_1 = ($$anchor$2) => {
|
6121
6063
|
BackgroundOverlay($$anchor$2, {
|
6122
6064
|
get backgroundOverlay() {
|
6123
|
-
return
|
6065
|
+
return $.get(backgroundOverlay);
|
6124
6066
|
},
|
6125
6067
|
$$events: { click(...$$args) {
|
6126
|
-
|
6068
|
+
$.get(backgroundClick)?.apply(this, $$args);
|
6127
6069
|
} }
|
6128
6070
|
});
|
6129
6071
|
};
|
6130
|
-
|
6072
|
+
$.if($$anchor$1, ($$render) => {
|
6131
6073
|
if (useBreakPoint()) $$render(consequent_1);
|
6132
6074
|
else $$render(alternate_1, false);
|
6133
6075
|
}, $$elseif);
|
6134
6076
|
}
|
6135
6077
|
};
|
6136
|
-
|
6078
|
+
$.if(node, ($$render) => {
|
6137
6079
|
if (isCanvasPreview()) $$render(consequent);
|
6138
6080
|
else $$render(alternate, false);
|
6139
6081
|
});
|
6140
6082
|
}
|
6141
|
-
var node_3 =
|
6083
|
+
var node_3 = $.sibling(node, 2);
|
6142
6084
|
{
|
6143
6085
|
var consequent_2 = ($$anchor$1) => {
|
6144
6086
|
var div = root_4();
|
6145
|
-
var node_4 =
|
6146
|
-
|
6147
|
-
|
6148
|
-
|
6149
|
-
|
6150
|
-
|
6151
|
-
|
6152
|
-
|
6153
|
-
}, [() =>
|
6154
|
-
|
6155
|
-
transforms:
|
6087
|
+
var node_4 = $.child(div);
|
6088
|
+
$.slot(node_4, $$props, "default", {}, null);
|
6089
|
+
$.reset(div);
|
6090
|
+
$.bind_this(div, ($$value) => $.set(modal, $$value), () => $.get(modal));
|
6091
|
+
$.template_effect(($0, $1) => {
|
6092
|
+
$.set_class(div, 1, $0, "svelte-45ue06");
|
6093
|
+
$.set_attribute(div, "data-layer-id", layerId());
|
6094
|
+
$.set_style(div, $1);
|
6095
|
+
}, [() => $.clsx(["modal", useBreakPoint() ? "modal-bp" : ""].join(" ")), () => Array.from(modalStyles).join(";")], $.derived_safe_equal);
|
6096
|
+
$.transition(1, div, () => customAnimation, () => ({
|
6097
|
+
transforms: $.get(transforms),
|
6156
6098
|
animationStyle: animation()
|
6157
6099
|
}));
|
6158
|
-
|
6100
|
+
$.append($$anchor$1, div);
|
6159
6101
|
};
|
6160
|
-
|
6161
|
-
if (
|
6102
|
+
$.if(node_3, ($$render) => {
|
6103
|
+
if ($.get(visible)) $$render(consequent_2);
|
6162
6104
|
});
|
6163
6105
|
}
|
6164
|
-
|
6165
|
-
|
6106
|
+
$.append($$anchor, fragment);
|
6107
|
+
$.pop();
|
6166
6108
|
}
|
6167
6109
|
|
6168
6110
|
//#endregion
|
6169
6111
|
//#region src/components-flex/code/Code.svelte
|
6170
|
-
var root$8 =
|
6112
|
+
var root$8 = $.template(`<div class="code svelte-igivoz"><!></div>`);
|
6171
6113
|
const $$css$7 = {
|
6172
6114
|
hash: "svelte-igivoz",
|
6173
6115
|
code: ".code.svelte-igivoz {flex-grow:1;flex-shrink:0;align-self:stretch;}\n /*{@html props.rawCss}*/"
|
6174
6116
|
};
|
6175
6117
|
function Code($$anchor, $$props) {
|
6176
|
-
|
6177
|
-
|
6178
|
-
let props =
|
6179
|
-
let layerId =
|
6118
|
+
$.push($$props, false);
|
6119
|
+
$.append_styles($$anchor, $$css$7);
|
6120
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
6121
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
6180
6122
|
function unescapeBraces(str) {
|
6181
6123
|
if (!str) return str;
|
6182
6124
|
return str.replace(/\\([{}])/g, "$1");
|
@@ -6206,14 +6148,14 @@ function Code($$anchor, $$props) {
|
|
6206
6148
|
removeCss();
|
6207
6149
|
};
|
6208
6150
|
});
|
6209
|
-
|
6151
|
+
$.init();
|
6210
6152
|
var div = root$8();
|
6211
|
-
var node =
|
6212
|
-
|
6213
|
-
|
6214
|
-
|
6215
|
-
|
6216
|
-
|
6153
|
+
var node = $.child(div);
|
6154
|
+
$.html(node, () => props().rawHtml, false, false);
|
6155
|
+
$.reset(div);
|
6156
|
+
$.template_effect(() => $.set_attribute(div, "data-layer-id", layerId()));
|
6157
|
+
$.append($$anchor, div);
|
6158
|
+
$.pop();
|
6217
6159
|
}
|
6218
6160
|
|
6219
6161
|
//#endregion
|
@@ -6222,35 +6164,35 @@ const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
|
|
6222
6164
|
|
6223
6165
|
//#endregion
|
6224
6166
|
//#region src/components-flex/list/ListItem.svelte
|
6225
|
-
var root$7 =
|
6167
|
+
var root$7 = $.template(`<li class="list-item svelte-b4b4gh"><!></li>`);
|
6226
6168
|
const $$css$6 = {
|
6227
6169
|
hash: "svelte-b4b4gh",
|
6228
6170
|
code: ".list-item.svelte-b4b4gh {margin:0;padding:0;}.list-item-inner.svelte-b4b4gh {display:flex;align-items:center;width:100%;text-decoration:none;color:inherit;border:0;background:none;padding:0;margin:0;text-align:left;-webkit-appearance:none;}.list-item-inner.svelte-b4b4gh:hover {opacity:0.8;}.list-item.svelte-b4b4gh: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);}"
|
6229
6171
|
};
|
6230
6172
|
function ListItem($$anchor, $$props) {
|
6231
|
-
|
6232
|
-
|
6233
|
-
const variables$1 =
|
6234
|
-
const style =
|
6235
|
-
const innerStyle =
|
6236
|
-
let layerId =
|
6237
|
-
let props =
|
6238
|
-
let item =
|
6173
|
+
$.push($$props, false);
|
6174
|
+
$.append_styles($$anchor, $$css$6);
|
6175
|
+
const variables$1 = $.mutable_state();
|
6176
|
+
const style = $.mutable_state();
|
6177
|
+
const innerStyle = $.mutable_state();
|
6178
|
+
let layerId = $.prop($$props, "layerId", 8);
|
6179
|
+
let props = $.prop($$props, "props", 8);
|
6180
|
+
let item = $.prop($$props, "item", 8);
|
6239
6181
|
useInjectCustomizeCss(props());
|
6240
6182
|
const { attributes, element, handleClick } = useClickable_default(props());
|
6241
6183
|
const context = getContext(LIST_ITEM_CONTEXT_KEY) || {};
|
6242
|
-
|
6243
|
-
|
6184
|
+
$.legacy_pre_effect(() => {}, () => {
|
6185
|
+
$.set(variables$1, { ...context.borderTopWidth ? {
|
6244
6186
|
"--list-item-border-width": context.borderTopWidth ?? "0",
|
6245
6187
|
"--list-item-border-color": context.borderTopColor ?? "rgba(255,255,255,0)",
|
6246
6188
|
"--list-item-border-style": context.borderTopStyle ?? "solid"
|
6247
6189
|
} : {} });
|
6248
6190
|
});
|
6249
|
-
|
6250
|
-
|
6191
|
+
$.legacy_pre_effect(() => $.get(variables$1), () => {
|
6192
|
+
$.set(style, objToStyle($.get(variables$1)));
|
6251
6193
|
});
|
6252
|
-
|
6253
|
-
|
6194
|
+
$.legacy_pre_effect(() => objToStyle, () => {
|
6195
|
+
$.set(innerStyle, objToStyle({
|
6254
6196
|
paddingTop: context.paddingTop,
|
6255
6197
|
paddingBottom: context.paddingBottom,
|
6256
6198
|
paddingLeft: context.paddingLeft,
|
@@ -6258,48 +6200,48 @@ function ListItem($$anchor, $$props) {
|
|
6258
6200
|
gap: context.gap
|
6259
6201
|
}));
|
6260
6202
|
});
|
6261
|
-
|
6262
|
-
|
6203
|
+
$.legacy_pre_effect_reset();
|
6204
|
+
$.init();
|
6263
6205
|
var li = root$7();
|
6264
|
-
var node =
|
6265
|
-
|
6206
|
+
var node = $.child(li);
|
6207
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
6266
6208
|
let attributes_1;
|
6267
|
-
|
6209
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
6268
6210
|
...attributes,
|
6269
6211
|
class: "list-item-inner",
|
6270
|
-
style:
|
6212
|
+
style: $.get(innerStyle)
|
6271
6213
|
}, "svelte-b4b4gh"));
|
6272
|
-
|
6273
|
-
var fragment =
|
6274
|
-
var node_1 =
|
6275
|
-
|
6276
|
-
|
6214
|
+
$.event("click", $$element, handleClick);
|
6215
|
+
var fragment = $.comment();
|
6216
|
+
var node_1 = $.first_child(fragment);
|
6217
|
+
$.slot(node_1, $$props, "default", {}, null);
|
6218
|
+
$.append($$anchor$1, fragment);
|
6277
6219
|
});
|
6278
|
-
|
6279
|
-
|
6280
|
-
|
6281
|
-
|
6220
|
+
$.reset(li);
|
6221
|
+
$.template_effect(() => {
|
6222
|
+
$.set_attribute(li, "data-layer-id", layerId());
|
6223
|
+
$.set_style(li, $.get(style));
|
6282
6224
|
});
|
6283
|
-
|
6284
|
-
|
6225
|
+
$.append($$anchor, li);
|
6226
|
+
$.pop();
|
6285
6227
|
}
|
6286
6228
|
|
6287
6229
|
//#endregion
|
6288
6230
|
//#region src/components-flex/list/List.svelte
|
6289
|
-
var root$6 =
|
6231
|
+
var root$6 = $.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
|
6290
6232
|
const $$css$5 = {
|
6291
6233
|
hash: "svelte-v2vy6p",
|
6292
6234
|
code: ".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);}"
|
6293
6235
|
};
|
6294
6236
|
function List($$anchor, $$props) {
|
6295
|
-
|
6296
|
-
|
6297
|
-
const variables$1 =
|
6298
|
-
const actionTableData =
|
6299
|
-
const items =
|
6300
|
-
const style =
|
6301
|
-
let layerId =
|
6302
|
-
let props =
|
6237
|
+
$.push($$props, false);
|
6238
|
+
$.append_styles($$anchor, $$css$5);
|
6239
|
+
const variables$1 = $.mutable_state();
|
6240
|
+
const actionTableData = $.mutable_state();
|
6241
|
+
const items = $.mutable_state();
|
6242
|
+
const style = $.mutable_state();
|
6243
|
+
let layerId = $.prop($$props, "layerId", 8);
|
6244
|
+
let props = $.prop($$props, "props", 8);
|
6303
6245
|
const { brandKit } = useBrandKit();
|
6304
6246
|
useInjectCustomizeCss(props());
|
6305
6247
|
const vars = getVariables();
|
@@ -6314,37 +6256,37 @@ function List($$anchor, $$props) {
|
|
6314
6256
|
borderTopStyle: "solid",
|
6315
6257
|
gap: props().itemGap
|
6316
6258
|
});
|
6317
|
-
|
6318
|
-
|
6259
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
6260
|
+
$.set(variables$1, { ...props().borderWidth ? {
|
6319
6261
|
"--border-width": props().borderWidth,
|
6320
6262
|
"--border-color": props().borderColor,
|
6321
6263
|
"--border-style": props().borderStyle ?? "solid"
|
6322
6264
|
} : {} });
|
6323
6265
|
});
|
6324
|
-
|
6325
|
-
|
6266
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
6267
|
+
$.set(actionTableData, vars[props().actionTableKey]);
|
6326
6268
|
});
|
6327
|
-
|
6328
|
-
|
6269
|
+
$.legacy_pre_effect(() => $.get(actionTableData), () => {
|
6270
|
+
$.set(items, Array.isArray($.get(actionTableData)) ? $.get(actionTableData) : null);
|
6329
6271
|
});
|
6330
|
-
|
6331
|
-
|
6272
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
6273
|
+
$.set(style, objToStyle({
|
6332
6274
|
width: props().width ?? "100%",
|
6333
|
-
|
6275
|
+
...$.get(variables$1)
|
6334
6276
|
}));
|
6335
6277
|
});
|
6336
|
-
|
6337
|
-
|
6278
|
+
$.legacy_pre_effect_reset();
|
6279
|
+
$.init();
|
6338
6280
|
var ul = root$6();
|
6339
|
-
var node =
|
6340
|
-
|
6341
|
-
|
6342
|
-
|
6343
|
-
|
6344
|
-
|
6281
|
+
var node = $.child(ul);
|
6282
|
+
$.slot(node, $$props, "default", {}, null);
|
6283
|
+
$.reset(ul);
|
6284
|
+
$.template_effect(() => {
|
6285
|
+
$.set_attribute(ul, "data-layer-id", layerId());
|
6286
|
+
$.set_style(ul, $.get(style));
|
6345
6287
|
});
|
6346
|
-
|
6347
|
-
|
6288
|
+
$.append($$anchor, ul);
|
6289
|
+
$.pop();
|
6348
6290
|
}
|
6349
6291
|
|
6350
6292
|
//#endregion
|
@@ -6372,17 +6314,17 @@ function splitNumberAndUnit(value) {
|
|
6372
6314
|
|
6373
6315
|
//#endregion
|
6374
6316
|
//#region src/components-flex/multi-column/MultiColumn.svelte
|
6375
|
-
var root$5 =
|
6317
|
+
var root$5 = $.template(`<ul class="list svelte-aoppwp"><!></ul>`);
|
6376
6318
|
const $$css$4 = {
|
6377
6319
|
hash: "svelte-aoppwp",
|
6378
6320
|
code: ".list.svelte-aoppwp {padding:0;margin:0;list-style:none;display:flex;flex-direction:row;}"
|
6379
6321
|
};
|
6380
6322
|
function MultiColumn($$anchor, $$props) {
|
6381
|
-
|
6382
|
-
|
6383
|
-
const style =
|
6384
|
-
let layerId =
|
6385
|
-
let props =
|
6323
|
+
$.push($$props, false);
|
6324
|
+
$.append_styles($$anchor, $$css$4);
|
6325
|
+
const style = $.mutable_state();
|
6326
|
+
let layerId = $.prop($$props, "layerId", 8);
|
6327
|
+
let props = $.prop($$props, "props", 8);
|
6386
6328
|
const { brandKit } = useBrandKit();
|
6387
6329
|
useInjectCustomizeCss(props());
|
6388
6330
|
let listGap = (() => {
|
@@ -6406,46 +6348,46 @@ function MultiColumn($$anchor, $$props) {
|
|
6406
6348
|
gap: listGap,
|
6407
6349
|
innerGap: props().itemGap
|
6408
6350
|
});
|
6409
|
-
|
6410
|
-
|
6351
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
6352
|
+
$.set(style, objToStyle({
|
6411
6353
|
width: `calc(${props().width ?? "100%"} + ${props().gap})`,
|
6412
6354
|
marginLeft: listNegativeMargin,
|
6413
6355
|
marginRight: listNegativeMargin
|
6414
6356
|
}));
|
6415
6357
|
});
|
6416
|
-
|
6417
|
-
|
6358
|
+
$.legacy_pre_effect_reset();
|
6359
|
+
$.init();
|
6418
6360
|
var ul = root$5();
|
6419
|
-
var node =
|
6420
|
-
|
6421
|
-
|
6422
|
-
|
6423
|
-
|
6424
|
-
|
6361
|
+
var node = $.child(ul);
|
6362
|
+
$.slot(node, $$props, "default", {}, null);
|
6363
|
+
$.reset(ul);
|
6364
|
+
$.template_effect(() => {
|
6365
|
+
$.set_attribute(ul, "data-layer-id", layerId());
|
6366
|
+
$.set_style(ul, $.get(style));
|
6425
6367
|
});
|
6426
|
-
|
6427
|
-
|
6368
|
+
$.append($$anchor, ul);
|
6369
|
+
$.pop();
|
6428
6370
|
}
|
6429
6371
|
|
6430
6372
|
//#endregion
|
6431
6373
|
//#region src/components-flex/multi-column/MultiColumnItem.svelte
|
6432
|
-
var root$4 =
|
6374
|
+
var root$4 = $.template(`<li class="multi-column-item svelte-18bwzrs"><!></li>`);
|
6433
6375
|
const $$css$3 = {
|
6434
6376
|
hash: "svelte-18bwzrs",
|
6435
6377
|
code: ".multi-column-item.svelte-18bwzrs {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-18bwzrs {display:flex;flex-direction:column;align-items:center;gap:var(--multi-column-item-gap);width:100%;text-decoration:none;border:0;background:none;margin:0;text-align:left;-webkit-appearance:none;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-18bwzrs:hover {opacity:0.8;}.multi-column-item.svelte-18bwzrs: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);}"
|
6436
6378
|
};
|
6437
6379
|
function MultiColumnItem($$anchor, $$props) {
|
6438
|
-
|
6439
|
-
|
6440
|
-
const variables$1 =
|
6441
|
-
const style =
|
6442
|
-
let layerId =
|
6443
|
-
let props =
|
6380
|
+
$.push($$props, false);
|
6381
|
+
$.append_styles($$anchor, $$css$3);
|
6382
|
+
const variables$1 = $.mutable_state();
|
6383
|
+
const style = $.mutable_state();
|
6384
|
+
let layerId = $.prop($$props, "layerId", 8);
|
6385
|
+
let props = $.prop($$props, "props", 8);
|
6444
6386
|
useInjectCustomizeCss(props());
|
6445
6387
|
const { attributes, element, handleClick } = useClickable_default(props());
|
6446
6388
|
const context = getContext(MULTI_COLUMN_ITEM_CONTEXT_KEY) || {};
|
6447
|
-
|
6448
|
-
|
6389
|
+
$.legacy_pre_effect(() => {}, () => {
|
6390
|
+
$.set(variables$1, {
|
6449
6391
|
"--multi-column-item-padding-top": context.paddingTop ?? "0",
|
6450
6392
|
"--multi-column-item-padding-left": context.paddingLeft ?? "0",
|
6451
6393
|
"--multi-column-item-padding-right": context.paddingRight ?? "0",
|
@@ -6459,47 +6401,47 @@ function MultiColumnItem($$anchor, $$props) {
|
|
6459
6401
|
} : {}
|
6460
6402
|
});
|
6461
6403
|
});
|
6462
|
-
|
6463
|
-
|
6404
|
+
$.legacy_pre_effect(() => $.get(variables$1), () => {
|
6405
|
+
$.set(style, objToStyle($.get(variables$1)));
|
6464
6406
|
});
|
6465
|
-
|
6466
|
-
|
6407
|
+
$.legacy_pre_effect_reset();
|
6408
|
+
$.init();
|
6467
6409
|
var li = root$4();
|
6468
|
-
var node =
|
6469
|
-
|
6410
|
+
var node = $.child(li);
|
6411
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
6470
6412
|
let attributes_1;
|
6471
|
-
|
6413
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
6472
6414
|
...attributes,
|
6473
6415
|
class: "multi-column-item-inner"
|
6474
6416
|
}, "svelte-18bwzrs"));
|
6475
|
-
|
6476
|
-
var fragment =
|
6477
|
-
var node_1 =
|
6478
|
-
|
6479
|
-
|
6417
|
+
$.event("click", $$element, handleClick);
|
6418
|
+
var fragment = $.comment();
|
6419
|
+
var node_1 = $.first_child(fragment);
|
6420
|
+
$.slot(node_1, $$props, "default", {}, null);
|
6421
|
+
$.append($$anchor$1, fragment);
|
6480
6422
|
});
|
6481
|
-
|
6482
|
-
|
6483
|
-
|
6484
|
-
|
6423
|
+
$.reset(li);
|
6424
|
+
$.template_effect(() => {
|
6425
|
+
$.set_attribute(li, "data-layer-id", layerId());
|
6426
|
+
$.set_style(li, $.get(style));
|
6485
6427
|
});
|
6486
|
-
|
6487
|
-
|
6428
|
+
$.append($$anchor, li);
|
6429
|
+
$.pop();
|
6488
6430
|
}
|
6489
6431
|
|
6490
6432
|
//#endregion
|
6491
6433
|
//#region src/components-flex/youtube/Youtube.svelte
|
6492
|
-
var root$3 =
|
6434
|
+
var root$3 = $.template(`<div class="youtube svelte-odfkc2"><div class="youtube-player"></div></div>`);
|
6493
6435
|
const $$css$2 = {
|
6494
6436
|
hash: "svelte-odfkc2",
|
6495
6437
|
code: ".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;}"
|
6496
6438
|
};
|
6497
6439
|
function Youtube($$anchor, $$props) {
|
6498
|
-
|
6499
|
-
|
6500
|
-
const style =
|
6501
|
-
let props =
|
6502
|
-
let layerId =
|
6440
|
+
$.push($$props, false);
|
6441
|
+
$.append_styles($$anchor, $$css$2);
|
6442
|
+
const style = $.mutable_state();
|
6443
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
6444
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
6503
6445
|
useInjectCustomizeCss(props());
|
6504
6446
|
if (!window.YT) {
|
6505
6447
|
const tag = document.createElement("script");
|
@@ -6507,7 +6449,7 @@ function Youtube($$anchor, $$props) {
|
|
6507
6449
|
const firstScriptTag = document.getElementsByTagName("script")[0];
|
6508
6450
|
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
|
6509
6451
|
}
|
6510
|
-
let playerRef =
|
6452
|
+
let playerRef = $.mutable_state(void 0);
|
6511
6453
|
let player = null;
|
6512
6454
|
function onPlayerReady() {
|
6513
6455
|
if (props().mute || props().autoplay) player.setVolume(0);
|
@@ -6548,7 +6490,7 @@ function Youtube($$anchor, $$props) {
|
|
6548
6490
|
};
|
6549
6491
|
};
|
6550
6492
|
const createPlayer = () => {
|
6551
|
-
player = new window.YT.Player(
|
6493
|
+
player = new window.YT.Player($.get(playerRef), {
|
6552
6494
|
videoId: props().videoId,
|
6553
6495
|
playerVars: getPlayerVars(),
|
6554
6496
|
events: {
|
@@ -6571,41 +6513,41 @@ function Youtube($$anchor, $$props) {
|
|
6571
6513
|
window.onYouTubeIframeAPIReady = () => {
|
6572
6514
|
createPlayer();
|
6573
6515
|
};
|
6574
|
-
|
6575
|
-
|
6516
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
6517
|
+
$.set(style, objToStyle({ width: props().width }));
|
6576
6518
|
});
|
6577
|
-
|
6578
|
-
|
6519
|
+
$.legacy_pre_effect_reset();
|
6520
|
+
$.init();
|
6579
6521
|
var div = root$3();
|
6580
|
-
var div_1 =
|
6581
|
-
|
6582
|
-
|
6583
|
-
|
6584
|
-
|
6585
|
-
|
6522
|
+
var div_1 = $.child(div);
|
6523
|
+
$.bind_this(div_1, ($$value) => $.set(playerRef, $$value), () => $.get(playerRef));
|
6524
|
+
$.reset(div);
|
6525
|
+
$.template_effect(() => {
|
6526
|
+
$.set_style(div, $.get(style));
|
6527
|
+
$.set_attribute(div, "data-layer-id", layerId());
|
6586
6528
|
});
|
6587
|
-
|
6588
|
-
|
6529
|
+
$.append($$anchor, div);
|
6530
|
+
$.pop();
|
6589
6531
|
}
|
6590
6532
|
|
6591
6533
|
//#endregion
|
6592
6534
|
//#region src/components-flex/count-down/CountDown.svelte
|
6593
|
-
var root$2 =
|
6535
|
+
var root$2 = $.template(`<div class="countdown svelte-1n395il"><!></div>`);
|
6594
6536
|
const $$css$1 = {
|
6595
6537
|
hash: "svelte-1n395il",
|
6596
6538
|
code: ".countdown.svelte-1n395il {display:flex;align-items:center;gap:4px;}"
|
6597
6539
|
};
|
6598
6540
|
function CountDown($$anchor, $$props) {
|
6599
|
-
|
6600
|
-
|
6601
|
-
const day =
|
6602
|
-
const hour =
|
6603
|
-
const min =
|
6604
|
-
const sec =
|
6605
|
-
let props =
|
6606
|
-
let layerId =
|
6541
|
+
$.push($$props, false);
|
6542
|
+
$.append_styles($$anchor, $$css$1);
|
6543
|
+
const day = $.mutable_state();
|
6544
|
+
const hour = $.mutable_state();
|
6545
|
+
const min = $.mutable_state();
|
6546
|
+
const sec = $.mutable_state();
|
6547
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
6548
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
6607
6549
|
useInjectCustomizeCss(props());
|
6608
|
-
let remainingTime =
|
6550
|
+
let remainingTime = $.mutable_state();
|
6609
6551
|
let timeLimit = props().timeLimit ? new Date(props().timeLimit) : /* @__PURE__ */ new Date();
|
6610
6552
|
function calcRemainingTime(limit) {
|
6611
6553
|
return limit - (/* @__PURE__ */ new Date()).getTime();
|
@@ -6624,9 +6566,9 @@ function CountDown($$anchor, $$props) {
|
|
6624
6566
|
}
|
6625
6567
|
function onEachSecond() {
|
6626
6568
|
const _remainingTime = calcRemainingTime(timeLimit.getTime());
|
6627
|
-
if (_remainingTime > 0)
|
6569
|
+
if (_remainingTime > 0) $.set(remainingTime, formatTimeDiff(_remainingTime));
|
6628
6570
|
else {
|
6629
|
-
|
6571
|
+
$.set(remainingTime, formatTimeDiff(0));
|
6630
6572
|
if (props().onEnd) execOnClickOperation(props().onEnd);
|
6631
6573
|
}
|
6632
6574
|
}
|
@@ -6639,40 +6581,40 @@ function CountDown($$anchor, $$props) {
|
|
6639
6581
|
};
|
6640
6582
|
});
|
6641
6583
|
onEachSecond();
|
6642
|
-
|
6643
|
-
|
6584
|
+
$.legacy_pre_effect(() => $.get(remainingTime), () => {
|
6585
|
+
$.set(day, $.get(remainingTime).day);
|
6644
6586
|
});
|
6645
|
-
|
6646
|
-
|
6587
|
+
$.legacy_pre_effect(() => $.get(remainingTime), () => {
|
6588
|
+
$.set(hour, $.get(remainingTime).hour);
|
6647
6589
|
});
|
6648
|
-
|
6649
|
-
|
6590
|
+
$.legacy_pre_effect(() => $.get(remainingTime), () => {
|
6591
|
+
$.set(min, $.get(remainingTime).min);
|
6650
6592
|
});
|
6651
|
-
|
6652
|
-
|
6593
|
+
$.legacy_pre_effect(() => $.get(remainingTime), () => {
|
6594
|
+
$.set(sec, $.get(remainingTime).sec);
|
6653
6595
|
});
|
6654
|
-
|
6655
|
-
|
6596
|
+
$.legacy_pre_effect_reset();
|
6597
|
+
$.init();
|
6656
6598
|
var div = root$2();
|
6657
|
-
var node =
|
6658
|
-
|
6599
|
+
var node = $.child(div);
|
6600
|
+
$.slot(node, $$props, "default", {
|
6659
6601
|
get day() {
|
6660
|
-
return
|
6602
|
+
return $.get(day);
|
6661
6603
|
},
|
6662
6604
|
get hour() {
|
6663
|
-
return
|
6605
|
+
return $.get(hour);
|
6664
6606
|
},
|
6665
6607
|
get min() {
|
6666
|
-
return
|
6608
|
+
return $.get(min);
|
6667
6609
|
},
|
6668
6610
|
get sec() {
|
6669
|
-
return
|
6611
|
+
return $.get(sec);
|
6670
6612
|
}
|
6671
6613
|
}, null);
|
6672
|
-
|
6673
|
-
|
6674
|
-
|
6675
|
-
|
6614
|
+
$.reset(div);
|
6615
|
+
$.template_effect(() => $.set_attribute(div, "data-layer-id", layerId()));
|
6616
|
+
$.append($$anchor, div);
|
6617
|
+
$.pop();
|
6676
6618
|
}
|
6677
6619
|
|
6678
6620
|
//#endregion
|
@@ -6734,18 +6676,18 @@ const useText = (props) => {
|
|
6734
6676
|
|
6735
6677
|
//#endregion
|
6736
6678
|
//#region src/components-flex/count-down/CountDownValue.svelte
|
6737
|
-
var root$1 =
|
6679
|
+
var root$1 = $.template(`<span class="count-down-value"> </span>`);
|
6738
6680
|
function CountDownValue($$anchor, $$props) {
|
6739
|
-
|
6740
|
-
const [$$stores, $$cleanup] =
|
6741
|
-
const $countdownStore = () =>
|
6742
|
-
const value =
|
6743
|
-
let props =
|
6744
|
-
let layerId =
|
6681
|
+
$.push($$props, false);
|
6682
|
+
const [$$stores, $$cleanup] = $.setup_stores();
|
6683
|
+
const $countdownStore = () => $.store_get(countdownStore, "$countdownStore", $$stores);
|
6684
|
+
const value = $.mutable_state();
|
6685
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
6686
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
6745
6687
|
let countdownStore = getContext("countdownStore");
|
6746
6688
|
let { style } = useText(props());
|
6747
|
-
|
6748
|
-
|
6689
|
+
$.legacy_pre_effect(() => ($countdownStore(), $.deep_read_state(props())), () => {
|
6690
|
+
$.set(value, (() => {
|
6749
6691
|
const { day, hour, min, sec } = $countdownStore();
|
6750
6692
|
switch (props().type) {
|
6751
6693
|
case "day": return day?.toString().padStart(2, "0") ?? "";
|
@@ -6756,18 +6698,18 @@ function CountDownValue($$anchor, $$props) {
|
|
6756
6698
|
}
|
6757
6699
|
})());
|
6758
6700
|
});
|
6759
|
-
|
6760
|
-
|
6701
|
+
$.legacy_pre_effect_reset();
|
6702
|
+
$.init();
|
6761
6703
|
var span = root$1();
|
6762
|
-
|
6763
|
-
var text =
|
6764
|
-
|
6765
|
-
|
6766
|
-
|
6767
|
-
|
6768
|
-
});
|
6769
|
-
|
6770
|
-
|
6704
|
+
$.set_style(span, style);
|
6705
|
+
var text = $.child(span, true);
|
6706
|
+
$.reset(span);
|
6707
|
+
$.template_effect(() => {
|
6708
|
+
$.set_attribute(span, "data-layer-id", layerId());
|
6709
|
+
$.set_text(text, $.get(value));
|
6710
|
+
});
|
6711
|
+
$.append($$anchor, span);
|
6712
|
+
$.pop();
|
6771
6713
|
$$cleanup();
|
6772
6714
|
}
|
6773
6715
|
|