@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
package/dist/svelte5/index.es.js
CHANGED
@@ -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
|
|
@@ -1927,7 +1869,7 @@ function createModal(App, options = {
|
|
1927
1869
|
});
|
1928
1870
|
finalize();
|
1929
1871
|
dispatchDestroyEvent();
|
1930
|
-
if (app != null)
|
1872
|
+
if (app != null) unmount(app);
|
1931
1873
|
app = null;
|
1932
1874
|
return NOOP;
|
1933
1875
|
};
|
@@ -1986,7 +1928,7 @@ function createModal(App, options = {
|
|
1986
1928
|
}
|
1987
1929
|
}
|
1988
1930
|
};
|
1989
|
-
app =
|
1931
|
+
app = mount(App, props);
|
1990
1932
|
};
|
1991
1933
|
const handleShow = (event) => {
|
1992
1934
|
const trigger = event?.detail?.trigger ? event.detail.trigger : "none";
|
@@ -2041,7 +1983,7 @@ function createModal(App, options = {
|
|
2041
1983
|
});
|
2042
1984
|
if (options.onCreate) options.onCreate(actionProps);
|
2043
1985
|
const appCleanup = () => {
|
2044
|
-
if (app != null)
|
1986
|
+
if (app != null) unmount(app);
|
2045
1987
|
actionTablePromise = null;
|
2046
1988
|
showTriggerCleanups.forEach((c) => c());
|
2047
1989
|
closeTriggerCleanups.forEach((c) => c());
|
@@ -2111,7 +2053,7 @@ function createApp(App, options = {
|
|
2111
2053
|
let app = null;
|
2112
2054
|
const close$1 = () => {
|
2113
2055
|
if (app) {
|
2114
|
-
|
2056
|
+
unmount(app);
|
2115
2057
|
app = null;
|
2116
2058
|
}
|
2117
2059
|
};
|
@@ -2134,7 +2076,7 @@ function createApp(App, options = {
|
|
2134
2076
|
show: () => {
|
2135
2077
|
if (app) return;
|
2136
2078
|
options.send("message_open");
|
2137
|
-
app =
|
2079
|
+
app = mount(App, appArgs);
|
2138
2080
|
}
|
2139
2081
|
};
|
2140
2082
|
}
|
@@ -2885,37 +2827,37 @@ const LAYOUT_COMPONENT_NAMES = [
|
|
2885
2827
|
|
2886
2828
|
//#endregion
|
2887
2829
|
//#region src/components-flex/state/Header.svelte
|
2888
|
-
var root_2$5 =
|
2830
|
+
var root_2$5 = $.template(`<link type="text/css" rel="stylesheet">`);
|
2889
2831
|
function Header($$anchor, $$props) {
|
2890
|
-
|
2891
|
-
const [$$stores, $$cleanup] =
|
2892
|
-
const $fonts = () =>
|
2893
|
-
let googleFontUrl =
|
2894
|
-
|
2895
|
-
if (isPreview())
|
2896
|
-
else if ($fonts().length > 0)
|
2897
|
-
});
|
2898
|
-
|
2899
|
-
if (
|
2900
|
-
});
|
2901
|
-
|
2902
|
-
|
2903
|
-
|
2904
|
-
var fragment =
|
2905
|
-
var node =
|
2832
|
+
$.push($$props, false);
|
2833
|
+
const [$$stores, $$cleanup] = $.setup_stores();
|
2834
|
+
const $fonts = () => $.store_get(fonts, "$fonts", $$stores);
|
2835
|
+
let googleFontUrl = $.mutable_state("");
|
2836
|
+
$.legacy_pre_effect(() => $fonts(), () => {
|
2837
|
+
if (isPreview()) $.set(googleFontUrl, makeGoogleFontUrl(Fonts.filter((font) => font !== SYSTEM_FONT)));
|
2838
|
+
else if ($fonts().length > 0) $.set(googleFontUrl, makeGoogleFontUrl($fonts()));
|
2839
|
+
});
|
2840
|
+
$.legacy_pre_effect(() => ($.get(googleFontUrl), loadGlobalStyle), () => {
|
2841
|
+
if ($.get(googleFontUrl)) loadGlobalStyle($.get(googleFontUrl));
|
2842
|
+
});
|
2843
|
+
$.legacy_pre_effect_reset();
|
2844
|
+
$.init();
|
2845
|
+
$.head(($$anchor$1) => {
|
2846
|
+
var fragment = $.comment();
|
2847
|
+
var node = $.first_child(fragment);
|
2906
2848
|
{
|
2907
2849
|
var consequent = ($$anchor$2) => {
|
2908
2850
|
var link = root_2$5();
|
2909
|
-
|
2910
|
-
|
2851
|
+
$.template_effect(() => $.set_attribute(link, "href", $.get(googleFontUrl)));
|
2852
|
+
$.append($$anchor$2, link);
|
2911
2853
|
};
|
2912
|
-
|
2913
|
-
if (
|
2854
|
+
$.if(node, ($$render) => {
|
2855
|
+
if ($.get(googleFontUrl)) $$render(consequent);
|
2914
2856
|
});
|
2915
2857
|
}
|
2916
|
-
|
2858
|
+
$.append($$anchor$1, fragment);
|
2917
2859
|
});
|
2918
|
-
|
2860
|
+
$.pop();
|
2919
2861
|
$$cleanup();
|
2920
2862
|
}
|
2921
2863
|
|
@@ -2953,58 +2895,58 @@ const useBrandKit = () => {
|
|
2953
2895
|
|
2954
2896
|
//#endregion
|
2955
2897
|
//#region src/components-flex/state/State.svelte
|
2956
|
-
var root$45 =
|
2898
|
+
var root$45 = $.template(`<!> <!>`, 1);
|
2957
2899
|
function State($$anchor, $$props) {
|
2958
|
-
|
2959
|
-
let customBrandKit =
|
2900
|
+
$.push($$props, false);
|
2901
|
+
let customBrandKit = $.prop($$props, "customBrandKit", 8, void 0);
|
2960
2902
|
setContext("brandKit", getBrandKit(customBrandKit()));
|
2961
|
-
|
2903
|
+
$.init();
|
2962
2904
|
var fragment = root$45();
|
2963
|
-
var node =
|
2905
|
+
var node = $.first_child(fragment);
|
2964
2906
|
Header(node, {});
|
2965
|
-
var node_1 =
|
2966
|
-
|
2967
|
-
|
2968
|
-
|
2907
|
+
var node_1 = $.sibling(node, 2);
|
2908
|
+
$.slot(node_1, $$props, "default", {}, null);
|
2909
|
+
$.append($$anchor, fragment);
|
2910
|
+
$.pop();
|
2969
2911
|
}
|
2970
2912
|
|
2971
2913
|
//#endregion
|
2972
2914
|
//#region src/components-flex/state/StateItem.svelte
|
2973
2915
|
const STATE_ITEM_CONTEXT_KEY = Symbol();
|
2974
|
-
var root_1$9 =
|
2916
|
+
var root_1$9 = $.template(`<div class="state-item svelte-2qb6dm"></div> <!>`, 1);
|
2975
2917
|
const $$css$23 = {
|
2976
2918
|
hash: "svelte-2qb6dm",
|
2977
2919
|
code: ".state-item.svelte-2qb6dm {position:absolute;display:none;}"
|
2978
2920
|
};
|
2979
2921
|
function StateItem($$anchor, $$props) {
|
2980
|
-
|
2981
|
-
|
2982
|
-
const [$$stores, $$cleanup] =
|
2983
|
-
const $state = () =>
|
2984
|
-
let path =
|
2922
|
+
$.push($$props, false);
|
2923
|
+
$.append_styles($$anchor, $$css$23);
|
2924
|
+
const [$$stores, $$cleanup] = $.setup_stores();
|
2925
|
+
const $state = () => $.store_get(state, "$state", $$stores);
|
2926
|
+
let path = $.prop($$props, "path", 8);
|
2985
2927
|
setContext(STATE_ITEM_CONTEXT_KEY, { path: path() });
|
2986
|
-
|
2928
|
+
$.legacy_pre_effect(() => $.deep_read_state(path()), () => {
|
2987
2929
|
addState(path());
|
2988
2930
|
});
|
2989
|
-
|
2990
|
-
|
2991
|
-
var fragment =
|
2992
|
-
var node =
|
2931
|
+
$.legacy_pre_effect_reset();
|
2932
|
+
$.init();
|
2933
|
+
var fragment = $.comment();
|
2934
|
+
var node = $.first_child(fragment);
|
2993
2935
|
{
|
2994
2936
|
var consequent = ($$anchor$1) => {
|
2995
2937
|
var fragment_1 = root_1$9();
|
2996
|
-
var div =
|
2997
|
-
var node_1 =
|
2998
|
-
|
2999
|
-
|
3000
|
-
|
2938
|
+
var div = $.first_child(fragment_1);
|
2939
|
+
var node_1 = $.sibling(div, 2);
|
2940
|
+
$.slot(node_1, $$props, "default", {}, null);
|
2941
|
+
$.template_effect(() => $.set_attribute(div, "data-state-path", path()));
|
2942
|
+
$.append($$anchor$1, fragment_1);
|
3001
2943
|
};
|
3002
|
-
|
2944
|
+
$.if(node, ($$render) => {
|
3003
2945
|
if ($state() === path()) $$render(consequent);
|
3004
2946
|
});
|
3005
2947
|
}
|
3006
|
-
|
3007
|
-
|
2948
|
+
$.append($$anchor, fragment);
|
2949
|
+
$.pop();
|
3008
2950
|
$$cleanup();
|
3009
2951
|
}
|
3010
2952
|
|
@@ -3560,19 +3502,19 @@ const AVATAR_SIZE_STYLES = {
|
|
3560
3502
|
|
3561
3503
|
//#endregion
|
3562
3504
|
//#region src/components-flex/avatar/Avatar.svelte
|
3563
|
-
var root_1$8 =
|
3505
|
+
var root_1$8 = $.template(`<img class="avatar-image svelte-1xhdr99">`);
|
3564
3506
|
const $$css$22 = {
|
3565
3507
|
hash: "svelte-1xhdr99",
|
3566
3508
|
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;}"
|
3567
3509
|
};
|
3568
3510
|
function Avatar($$anchor, $$props) {
|
3569
|
-
|
3570
|
-
|
3571
|
-
const styleObj =
|
3572
|
-
const style =
|
3573
|
-
const imgStyle =
|
3574
|
-
let props =
|
3575
|
-
let layerId =
|
3511
|
+
$.push($$props, false);
|
3512
|
+
$.append_styles($$anchor, $$css$22);
|
3513
|
+
const styleObj = $.mutable_state();
|
3514
|
+
const style = $.mutable_state();
|
3515
|
+
const imgStyle = $.mutable_state();
|
3516
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
3517
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
3576
3518
|
useInjectCustomizeCss(props());
|
3577
3519
|
const { attributes, element, handleClick } = useClickable_default(props());
|
3578
3520
|
const avatarSizeStyle = !isNaN(Number(props().size)) ? {
|
@@ -3590,8 +3532,8 @@ function Avatar($$anchor, $$props) {
|
|
3590
3532
|
if (parentRadius === "100%") return "100%";
|
3591
3533
|
return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
|
3592
3534
|
};
|
3593
|
-
|
3594
|
-
|
3535
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPadding), () => {
|
3536
|
+
$.set(styleObj, {
|
3595
3537
|
...VARIANTS.shape[props().shape ?? "square"],
|
3596
3538
|
width: props().width ?? avatarSizeStyle.width,
|
3597
3539
|
height: props().height ?? avatarSizeStyle.height,
|
@@ -3600,45 +3542,45 @@ function Avatar($$anchor, $$props) {
|
|
3600
3542
|
...toCssPadding(props())
|
3601
3543
|
});
|
3602
3544
|
});
|
3603
|
-
|
3604
|
-
|
3545
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
3546
|
+
$.set(style, objToStyle($.get(styleObj)));
|
3605
3547
|
});
|
3606
|
-
|
3607
|
-
|
3548
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
3549
|
+
$.set(imgStyle, objToStyle({
|
3608
3550
|
width: "100%",
|
3609
3551
|
height: "100%",
|
3610
3552
|
objectFit: "cover",
|
3611
3553
|
...toCssRadius({
|
3612
|
-
borderTopLeftRadius: calcImgRadius(
|
3613
|
-
borderTopRightRadius: calcImgRadius(
|
3614
|
-
borderBottomLeftRadius: calcImgRadius(
|
3615
|
-
borderBottomRightRadius: calcImgRadius(
|
3554
|
+
borderTopLeftRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
|
3555
|
+
borderTopRightRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
|
3556
|
+
borderBottomLeftRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth),
|
3557
|
+
borderBottomRightRadius: calcImgRadius($.get(styleObj).borderRadius, $.get(styleObj).borderTopWidth)
|
3616
3558
|
})
|
3617
3559
|
}));
|
3618
3560
|
});
|
3619
|
-
|
3620
|
-
|
3621
|
-
var fragment =
|
3622
|
-
var node =
|
3623
|
-
|
3561
|
+
$.legacy_pre_effect_reset();
|
3562
|
+
$.init();
|
3563
|
+
var fragment = $.comment();
|
3564
|
+
var node = $.first_child(fragment);
|
3565
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
3624
3566
|
let attributes_1;
|
3625
|
-
|
3567
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
3626
3568
|
...attributes,
|
3627
3569
|
class: "avatar",
|
3628
|
-
style:
|
3570
|
+
style: $.get(style),
|
3629
3571
|
"data-layer-id": layerId()
|
3630
3572
|
}, "svelte-1xhdr99"));
|
3631
|
-
|
3573
|
+
$.event("click", $$element, handleClick);
|
3632
3574
|
var img = root_1$8();
|
3633
|
-
|
3634
|
-
|
3635
|
-
|
3636
|
-
|
3575
|
+
$.template_effect(() => {
|
3576
|
+
$.set_attribute(img, "src", props().image);
|
3577
|
+
$.set_attribute(img, "alt", props().alt);
|
3578
|
+
$.set_style(img, $.get(imgStyle));
|
3637
3579
|
});
|
3638
|
-
|
3580
|
+
$.append($$anchor$1, img);
|
3639
3581
|
});
|
3640
|
-
|
3641
|
-
|
3582
|
+
$.append($$anchor, fragment);
|
3583
|
+
$.pop();
|
3642
3584
|
}
|
3643
3585
|
|
3644
3586
|
//#endregion
|
@@ -3691,374 +3633,374 @@ const buttonPropsDefault = {
|
|
3691
3633
|
|
3692
3634
|
//#endregion
|
3693
3635
|
//#region src/components-flex/icon/variants/IconArrowDown.svelte
|
3694
|
-
var root$44 =
|
3636
|
+
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>`);
|
3695
3637
|
function IconArrowDown($$anchor, $$props) {
|
3696
|
-
let color =
|
3638
|
+
let color = $.prop($$props, "color", 8);
|
3697
3639
|
var svg = root$44();
|
3698
|
-
var path =
|
3699
|
-
|
3700
|
-
|
3701
|
-
|
3640
|
+
var path = $.child(svg);
|
3641
|
+
$.reset(svg);
|
3642
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3643
|
+
$.append($$anchor, svg);
|
3702
3644
|
}
|
3703
3645
|
|
3704
3646
|
//#endregion
|
3705
3647
|
//#region src/components-flex/icon/variants/IconArrowUp.svelte
|
3706
|
-
var root$43 =
|
3648
|
+
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>`);
|
3707
3649
|
function IconArrowUp($$anchor, $$props) {
|
3708
|
-
let color =
|
3650
|
+
let color = $.prop($$props, "color", 8);
|
3709
3651
|
var svg = root$43();
|
3710
|
-
var path =
|
3711
|
-
|
3712
|
-
|
3713
|
-
|
3652
|
+
var path = $.child(svg);
|
3653
|
+
$.reset(svg);
|
3654
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3655
|
+
$.append($$anchor, svg);
|
3714
3656
|
}
|
3715
3657
|
|
3716
3658
|
//#endregion
|
3717
3659
|
//#region src/components-flex/icon/variants/IconUsers.svelte
|
3718
|
-
var root$42 =
|
3660
|
+
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>`);
|
3719
3661
|
function IconUsers($$anchor, $$props) {
|
3720
|
-
let color =
|
3662
|
+
let color = $.prop($$props, "color", 8);
|
3721
3663
|
var svg = root$42();
|
3722
|
-
var path =
|
3723
|
-
|
3724
|
-
|
3725
|
-
|
3664
|
+
var path = $.child(svg);
|
3665
|
+
$.reset(svg);
|
3666
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3667
|
+
$.append($$anchor, svg);
|
3726
3668
|
}
|
3727
3669
|
|
3728
3670
|
//#endregion
|
3729
3671
|
//#region src/components-flex/icon/variants/IconArrowLeft.svelte
|
3730
|
-
var root$41 =
|
3672
|
+
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>`);
|
3731
3673
|
function IconArrowLeft($$anchor, $$props) {
|
3732
|
-
let color =
|
3674
|
+
let color = $.prop($$props, "color", 8);
|
3733
3675
|
var svg = root$41();
|
3734
|
-
var path =
|
3735
|
-
|
3736
|
-
|
3737
|
-
|
3676
|
+
var path = $.child(svg);
|
3677
|
+
$.reset(svg);
|
3678
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3679
|
+
$.append($$anchor, svg);
|
3738
3680
|
}
|
3739
3681
|
|
3740
3682
|
//#endregion
|
3741
3683
|
//#region src/components-flex/icon/variants/IconArrowRight.svelte
|
3742
|
-
var root$40 =
|
3684
|
+
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>`);
|
3743
3685
|
function IconArrowRight($$anchor, $$props) {
|
3744
|
-
let color =
|
3686
|
+
let color = $.prop($$props, "color", 8);
|
3745
3687
|
var svg = root$40();
|
3746
|
-
var path =
|
3747
|
-
|
3748
|
-
|
3749
|
-
|
3688
|
+
var path = $.child(svg);
|
3689
|
+
$.reset(svg);
|
3690
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3691
|
+
$.append($$anchor, svg);
|
3750
3692
|
}
|
3751
3693
|
|
3752
3694
|
//#endregion
|
3753
3695
|
//#region src/components-flex/icon/variants/IconBell.svelte
|
3754
|
-
var root$39 =
|
3696
|
+
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>`);
|
3755
3697
|
function IconBell($$anchor, $$props) {
|
3756
|
-
let color =
|
3698
|
+
let color = $.prop($$props, "color", 8);
|
3757
3699
|
var svg = root$39();
|
3758
|
-
var path =
|
3759
|
-
|
3760
|
-
|
3761
|
-
|
3700
|
+
var path = $.child(svg);
|
3701
|
+
$.reset(svg);
|
3702
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3703
|
+
$.append($$anchor, svg);
|
3762
3704
|
}
|
3763
3705
|
|
3764
3706
|
//#endregion
|
3765
3707
|
//#region src/components-flex/icon/variants/IconArrowUpFromSquare.svelte
|
3766
|
-
var root$38 =
|
3708
|
+
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>`);
|
3767
3709
|
function IconArrowUpFromSquare($$anchor, $$props) {
|
3768
|
-
let color =
|
3710
|
+
let color = $.prop($$props, "color", 8);
|
3769
3711
|
var svg = root$38();
|
3770
|
-
var path =
|
3771
|
-
|
3772
|
-
|
3773
|
-
|
3712
|
+
var path = $.child(svg);
|
3713
|
+
$.reset(svg);
|
3714
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3715
|
+
$.append($$anchor, svg);
|
3774
3716
|
}
|
3775
3717
|
|
3776
3718
|
//#endregion
|
3777
3719
|
//#region src/components-flex/icon/variants/IconTicket.svelte
|
3778
|
-
var root$37 =
|
3720
|
+
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>`);
|
3779
3721
|
function IconTicket($$anchor, $$props) {
|
3780
|
-
let color =
|
3722
|
+
let color = $.prop($$props, "color", 8);
|
3781
3723
|
var svg = root$37();
|
3782
|
-
var path =
|
3783
|
-
|
3784
|
-
|
3785
|
-
|
3724
|
+
var path = $.child(svg);
|
3725
|
+
$.reset(svg);
|
3726
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3727
|
+
$.append($$anchor, svg);
|
3786
3728
|
}
|
3787
3729
|
|
3788
3730
|
//#endregion
|
3789
3731
|
//#region src/components-flex/icon/variants/IconTrack.svelte
|
3790
|
-
var root$36 =
|
3732
|
+
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>`);
|
3791
3733
|
function IconTrack($$anchor, $$props) {
|
3792
|
-
let color =
|
3734
|
+
let color = $.prop($$props, "color", 8);
|
3793
3735
|
var svg = root$36();
|
3794
|
-
var path =
|
3795
|
-
|
3796
|
-
|
3797
|
-
|
3736
|
+
var path = $.child(svg);
|
3737
|
+
$.reset(svg);
|
3738
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3739
|
+
$.append($$anchor, svg);
|
3798
3740
|
}
|
3799
3741
|
|
3800
3742
|
//#endregion
|
3801
3743
|
//#region src/components-flex/icon/variants/IconCartShopping.svelte
|
3802
|
-
var root$35 =
|
3744
|
+
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>`);
|
3803
3745
|
function IconCartShopping($$anchor, $$props) {
|
3804
|
-
let color =
|
3746
|
+
let color = $.prop($$props, "color", 8);
|
3805
3747
|
var svg = root$35();
|
3806
|
-
var path =
|
3807
|
-
|
3808
|
-
|
3809
|
-
|
3748
|
+
var path = $.child(svg);
|
3749
|
+
$.reset(svg);
|
3750
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3751
|
+
$.append($$anchor, svg);
|
3810
3752
|
}
|
3811
3753
|
|
3812
3754
|
//#endregion
|
3813
3755
|
//#region src/components-flex/icon/variants/IconCircle.svelte
|
3814
|
-
var root$34 =
|
3756
|
+
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>`);
|
3815
3757
|
function IconCircle($$anchor, $$props) {
|
3816
|
-
let color =
|
3758
|
+
let color = $.prop($$props, "color", 8);
|
3817
3759
|
var svg = root$34();
|
3818
|
-
var path =
|
3819
|
-
|
3820
|
-
|
3821
|
-
|
3760
|
+
var path = $.child(svg);
|
3761
|
+
$.reset(svg);
|
3762
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3763
|
+
$.append($$anchor, svg);
|
3822
3764
|
}
|
3823
3765
|
|
3824
3766
|
//#endregion
|
3825
3767
|
//#region src/components-flex/icon/variants/IconCircleQuestion.svelte
|
3826
|
-
var root$33 =
|
3768
|
+
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>`);
|
3827
3769
|
function IconCircleQuestion($$anchor, $$props) {
|
3828
|
-
let color =
|
3770
|
+
let color = $.prop($$props, "color", 8);
|
3829
3771
|
var svg = root$33();
|
3830
|
-
var path =
|
3831
|
-
|
3832
|
-
|
3833
|
-
|
3772
|
+
var path = $.child(svg);
|
3773
|
+
$.reset(svg);
|
3774
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3775
|
+
$.append($$anchor, svg);
|
3834
3776
|
}
|
3835
3777
|
|
3836
3778
|
//#endregion
|
3837
3779
|
//#region src/components-flex/icon/variants/IconCheck.svelte
|
3838
|
-
var root$32 =
|
3780
|
+
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>`);
|
3839
3781
|
function IconCheck($$anchor, $$props) {
|
3840
|
-
let color =
|
3782
|
+
let color = $.prop($$props, "color", 8);
|
3841
3783
|
var svg = root$32();
|
3842
|
-
var path =
|
3843
|
-
|
3844
|
-
|
3845
|
-
|
3784
|
+
var path = $.child(svg);
|
3785
|
+
$.reset(svg);
|
3786
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3787
|
+
$.append($$anchor, svg);
|
3846
3788
|
}
|
3847
3789
|
|
3848
3790
|
//#endregion
|
3849
3791
|
//#region src/components-flex/icon/variants/IconXMark.svelte
|
3850
|
-
var root$31 =
|
3792
|
+
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>`);
|
3851
3793
|
function IconXMark($$anchor, $$props) {
|
3852
|
-
let color =
|
3794
|
+
let color = $.prop($$props, "color", 8);
|
3853
3795
|
var svg = root$31();
|
3854
|
-
var path =
|
3855
|
-
|
3856
|
-
|
3857
|
-
|
3796
|
+
var path = $.child(svg);
|
3797
|
+
$.reset(svg);
|
3798
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3799
|
+
$.append($$anchor, svg);
|
3858
3800
|
}
|
3859
3801
|
|
3860
3802
|
//#endregion
|
3861
3803
|
//#region src/components-flex/icon/variants/IconPaperPlane.svelte
|
3862
|
-
var root$30 =
|
3804
|
+
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>`);
|
3863
3805
|
function IconPaperPlane($$anchor, $$props) {
|
3864
|
-
let color =
|
3806
|
+
let color = $.prop($$props, "color", 8);
|
3865
3807
|
var svg = root$30();
|
3866
|
-
var path =
|
3867
|
-
|
3868
|
-
|
3869
|
-
|
3808
|
+
var path = $.child(svg);
|
3809
|
+
$.reset(svg);
|
3810
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3811
|
+
$.append($$anchor, svg);
|
3870
3812
|
}
|
3871
3813
|
|
3872
3814
|
//#endregion
|
3873
3815
|
//#region src/components-flex/icon/variants/IconCopy.svelte
|
3874
|
-
var root$29 =
|
3816
|
+
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>`);
|
3875
3817
|
function IconCopy($$anchor, $$props) {
|
3876
|
-
let color =
|
3818
|
+
let color = $.prop($$props, "color", 8);
|
3877
3819
|
var svg = root$29();
|
3878
|
-
var path =
|
3879
|
-
|
3880
|
-
|
3881
|
-
|
3820
|
+
var path = $.child(svg);
|
3821
|
+
$.reset(svg);
|
3822
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3823
|
+
$.append($$anchor, svg);
|
3882
3824
|
}
|
3883
3825
|
|
3884
3826
|
//#endregion
|
3885
3827
|
//#region src/components-flex/icon/variants/IconCircleXMark.svelte
|
3886
|
-
var root$28 =
|
3828
|
+
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>`);
|
3887
3829
|
function IconCircleXMark($$anchor, $$props) {
|
3888
|
-
let color =
|
3830
|
+
let color = $.prop($$props, "color", 8);
|
3889
3831
|
var svg = root$28();
|
3890
|
-
var path =
|
3891
|
-
|
3892
|
-
|
3893
|
-
|
3832
|
+
var path = $.child(svg);
|
3833
|
+
$.reset(svg);
|
3834
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3835
|
+
$.append($$anchor, svg);
|
3894
3836
|
}
|
3895
3837
|
|
3896
3838
|
//#endregion
|
3897
3839
|
//#region src/components-flex/icon/variants/IconHeart.svelte
|
3898
|
-
var root$27 =
|
3840
|
+
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>`);
|
3899
3841
|
function IconHeart($$anchor, $$props) {
|
3900
|
-
let color =
|
3842
|
+
let color = $.prop($$props, "color", 8);
|
3901
3843
|
var svg = root$27();
|
3902
|
-
var path =
|
3903
|
-
|
3904
|
-
|
3905
|
-
|
3844
|
+
var path = $.child(svg);
|
3845
|
+
$.reset(svg);
|
3846
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3847
|
+
$.append($$anchor, svg);
|
3906
3848
|
}
|
3907
3849
|
|
3908
3850
|
//#endregion
|
3909
3851
|
//#region src/components-flex/icon/variants/IconMagnifyingGrass.svelte
|
3910
|
-
var root$26 =
|
3852
|
+
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>`);
|
3911
3853
|
function IconMagnifyingGrass($$anchor, $$props) {
|
3912
|
-
let color =
|
3854
|
+
let color = $.prop($$props, "color", 8);
|
3913
3855
|
var svg = root$26();
|
3914
|
-
var path =
|
3915
|
-
|
3916
|
-
|
3917
|
-
|
3856
|
+
var path = $.child(svg);
|
3857
|
+
$.reset(svg);
|
3858
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3859
|
+
$.append($$anchor, svg);
|
3918
3860
|
}
|
3919
3861
|
|
3920
3862
|
//#endregion
|
3921
3863
|
//#region src/components-flex/icon/variants/IconStar.svelte
|
3922
|
-
var root$25 =
|
3864
|
+
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>`);
|
3923
3865
|
function IconStar($$anchor, $$props) {
|
3924
|
-
let color =
|
3866
|
+
let color = $.prop($$props, "color", 8);
|
3925
3867
|
var svg = root$25();
|
3926
|
-
var path =
|
3927
|
-
|
3928
|
-
|
3929
|
-
|
3868
|
+
var path = $.child(svg);
|
3869
|
+
$.reset(svg);
|
3870
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3871
|
+
$.append($$anchor, svg);
|
3930
3872
|
}
|
3931
3873
|
|
3932
3874
|
//#endregion
|
3933
3875
|
//#region src/components-flex/icon/variants/IconCircleInfo.svelte
|
3934
|
-
var root$24 =
|
3876
|
+
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>`);
|
3935
3877
|
function IconCircleInfo($$anchor, $$props) {
|
3936
|
-
let color =
|
3878
|
+
let color = $.prop($$props, "color", 8);
|
3937
3879
|
var svg = root$24();
|
3938
|
-
var path =
|
3939
|
-
|
3940
|
-
|
3941
|
-
|
3880
|
+
var path = $.child(svg);
|
3881
|
+
$.reset(svg);
|
3882
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3883
|
+
$.append($$anchor, svg);
|
3942
3884
|
}
|
3943
3885
|
|
3944
3886
|
//#endregion
|
3945
3887
|
//#region src/components-flex/icon/variants/IconEnvelope.svelte
|
3946
|
-
var root$23 =
|
3888
|
+
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>`);
|
3947
3889
|
function IconEnvelope($$anchor, $$props) {
|
3948
|
-
let color =
|
3890
|
+
let color = $.prop($$props, "color", 8);
|
3949
3891
|
var svg = root$23();
|
3950
|
-
var path =
|
3951
|
-
|
3952
|
-
|
3953
|
-
|
3892
|
+
var path = $.child(svg);
|
3893
|
+
$.reset(svg);
|
3894
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3895
|
+
$.append($$anchor, svg);
|
3954
3896
|
}
|
3955
3897
|
|
3956
3898
|
//#endregion
|
3957
3899
|
//#region src/components-flex/icon/variants/IconGift.svelte
|
3958
|
-
var root$22 =
|
3900
|
+
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>`);
|
3959
3901
|
function IconGift($$anchor, $$props) {
|
3960
|
-
let color =
|
3902
|
+
let color = $.prop($$props, "color", 8);
|
3961
3903
|
var svg = root$22();
|
3962
|
-
var path =
|
3963
|
-
|
3964
|
-
|
3965
|
-
|
3904
|
+
var path = $.child(svg);
|
3905
|
+
$.reset(svg);
|
3906
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3907
|
+
$.append($$anchor, svg);
|
3966
3908
|
}
|
3967
3909
|
|
3968
3910
|
//#endregion
|
3969
3911
|
//#region src/components-flex/icon/variants/IconPaperclip.svelte
|
3970
|
-
var root$21 =
|
3912
|
+
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>`);
|
3971
3913
|
function IconPaperclip($$anchor, $$props) {
|
3972
|
-
let color =
|
3914
|
+
let color = $.prop($$props, "color", 8);
|
3973
3915
|
var svg = root$21();
|
3974
|
-
var path =
|
3975
|
-
|
3976
|
-
|
3977
|
-
|
3916
|
+
var path = $.child(svg);
|
3917
|
+
$.reset(svg);
|
3918
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3919
|
+
$.append($$anchor, svg);
|
3978
3920
|
}
|
3979
3921
|
|
3980
3922
|
//#endregion
|
3981
3923
|
//#region src/components-flex/icon/variants/IconFire.svelte
|
3982
|
-
var root$20 =
|
3924
|
+
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>`);
|
3983
3925
|
function IconFire($$anchor, $$props) {
|
3984
|
-
let color =
|
3926
|
+
let color = $.prop($$props, "color", 8);
|
3985
3927
|
var svg = root$20();
|
3986
|
-
var path =
|
3987
|
-
|
3988
|
-
|
3989
|
-
|
3928
|
+
var path = $.child(svg);
|
3929
|
+
$.reset(svg);
|
3930
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3931
|
+
$.append($$anchor, svg);
|
3990
3932
|
}
|
3991
3933
|
|
3992
3934
|
//#endregion
|
3993
3935
|
//#region src/components-flex/icon/variants/IconLink.svelte
|
3994
|
-
var root$19 =
|
3936
|
+
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>`);
|
3995
3937
|
function IconLink($$anchor, $$props) {
|
3996
|
-
let color =
|
3938
|
+
let color = $.prop($$props, "color", 8);
|
3997
3939
|
var svg = root$19();
|
3998
|
-
var path =
|
3999
|
-
|
4000
|
-
|
4001
|
-
|
3940
|
+
var path = $.child(svg);
|
3941
|
+
$.reset(svg);
|
3942
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3943
|
+
$.append($$anchor, svg);
|
4002
3944
|
}
|
4003
3945
|
|
4004
3946
|
//#endregion
|
4005
3947
|
//#region src/components-flex/icon/variants/IconBuildings.svelte
|
4006
|
-
var root$18 =
|
3948
|
+
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>`);
|
4007
3949
|
function IconBuildings($$anchor, $$props) {
|
4008
|
-
let color =
|
3950
|
+
let color = $.prop($$props, "color", 8);
|
4009
3951
|
var svg = root$18();
|
4010
|
-
var path =
|
4011
|
-
|
4012
|
-
|
4013
|
-
|
3952
|
+
var path = $.child(svg);
|
3953
|
+
$.reset(svg);
|
3954
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3955
|
+
$.append($$anchor, svg);
|
4014
3956
|
}
|
4015
3957
|
|
4016
3958
|
//#endregion
|
4017
3959
|
//#region src/components-flex/icon/variants/IconChevronsRight.svelte
|
4018
|
-
var root$17 =
|
3960
|
+
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>`);
|
4019
3961
|
function IconChevronsRight($$anchor, $$props) {
|
4020
|
-
let color =
|
3962
|
+
let color = $.prop($$props, "color", 8);
|
4021
3963
|
var svg = root$17();
|
4022
|
-
var path =
|
4023
|
-
|
4024
|
-
|
4025
|
-
|
3964
|
+
var path = $.child(svg);
|
3965
|
+
$.reset(svg);
|
3966
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3967
|
+
$.append($$anchor, svg);
|
4026
3968
|
}
|
4027
3969
|
|
4028
3970
|
//#endregion
|
4029
3971
|
//#region src/components-flex/icon/variants/IconChevronRight.svelte
|
4030
|
-
var root$16 =
|
3972
|
+
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>`);
|
4031
3973
|
function IconChevronRight($$anchor, $$props) {
|
4032
|
-
let color =
|
3974
|
+
let color = $.prop($$props, "color", 8);
|
4033
3975
|
var svg = root$16();
|
4034
|
-
var path =
|
4035
|
-
|
4036
|
-
|
4037
|
-
|
3976
|
+
var path = $.child(svg);
|
3977
|
+
$.reset(svg);
|
3978
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3979
|
+
$.append($$anchor, svg);
|
4038
3980
|
}
|
4039
3981
|
|
4040
3982
|
//#endregion
|
4041
3983
|
//#region src/components-flex/icon/variants/IconPhone.svelte
|
4042
|
-
var root$15 =
|
3984
|
+
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>`);
|
4043
3985
|
function IconPhone($$anchor, $$props) {
|
4044
|
-
let color =
|
3986
|
+
let color = $.prop($$props, "color", 8);
|
4045
3987
|
var svg = root$15();
|
4046
|
-
var path =
|
4047
|
-
|
4048
|
-
|
4049
|
-
|
3988
|
+
var path = $.child(svg);
|
3989
|
+
$.reset(svg);
|
3990
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
3991
|
+
$.append($$anchor, svg);
|
4050
3992
|
}
|
4051
3993
|
|
4052
3994
|
//#endregion
|
4053
3995
|
//#region src/components-flex/icon/variants/IconLocationDot.svelte
|
4054
|
-
var root$14 =
|
3996
|
+
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>`);
|
4055
3997
|
function IconLocationDot($$anchor, $$props) {
|
4056
|
-
let color =
|
3998
|
+
let color = $.prop($$props, "color", 8);
|
4057
3999
|
var svg = root$14();
|
4058
|
-
var path =
|
4059
|
-
|
4060
|
-
|
4061
|
-
|
4000
|
+
var path = $.child(svg);
|
4001
|
+
$.reset(svg);
|
4002
|
+
$.template_effect(() => $.set_attribute(path, "fill", color()));
|
4003
|
+
$.append($$anchor, svg);
|
4062
4004
|
}
|
4063
4005
|
|
4064
4006
|
//#endregion
|
@@ -4134,12 +4076,12 @@ const $$css$21 = {
|
|
4134
4076
|
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;}"
|
4135
4077
|
};
|
4136
4078
|
function Icon($$anchor, $$props) {
|
4137
|
-
|
4138
|
-
|
4139
|
-
const style =
|
4140
|
-
const IconComponent =
|
4141
|
-
let props =
|
4142
|
-
let layerId =
|
4079
|
+
$.push($$props, false);
|
4080
|
+
$.append_styles($$anchor, $$css$21);
|
4081
|
+
const style = $.mutable_state();
|
4082
|
+
const IconComponent = $.mutable_state();
|
4083
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4084
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4143
4085
|
useInjectCustomizeCss(props());
|
4144
4086
|
const { attributes, element, handleClick } = useClickable_default(props());
|
4145
4087
|
const getSizeCss = () => {
|
@@ -4149,40 +4091,40 @@ function Icon($$anchor, $$props) {
|
|
4149
4091
|
height: props().height ? props().height : ICON_SIZE[props().size ?? "medium"].value
|
4150
4092
|
};
|
4151
4093
|
};
|
4152
|
-
|
4153
|
-
|
4094
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
4095
|
+
$.set(style, objToStyle({
|
4154
4096
|
...getSizeCss(),
|
4155
4097
|
...toCssCommon(props())
|
4156
4098
|
}));
|
4157
4099
|
});
|
4158
|
-
|
4159
|
-
|
4100
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
4101
|
+
$.set(IconComponent, ICON_VARIANTS[props().variant] ?? void 0);
|
4160
4102
|
});
|
4161
|
-
|
4162
|
-
|
4163
|
-
var fragment =
|
4164
|
-
var node =
|
4165
|
-
|
4103
|
+
$.legacy_pre_effect_reset();
|
4104
|
+
$.init();
|
4105
|
+
var fragment = $.comment();
|
4106
|
+
var node = $.first_child(fragment);
|
4107
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4166
4108
|
let attributes_1;
|
4167
|
-
|
4109
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4168
4110
|
...attributes,
|
4169
4111
|
class: "icon",
|
4170
|
-
style:
|
4112
|
+
style: $.get(style),
|
4171
4113
|
"data-layer-id": layerId()
|
4172
4114
|
}, "svelte-1kl9m59"));
|
4173
|
-
|
4174
|
-
var fragment_1 =
|
4175
|
-
var node_1 =
|
4176
|
-
const expression =
|
4177
|
-
|
4115
|
+
$.event("click", $$element, handleClick);
|
4116
|
+
var fragment_1 = $.comment();
|
4117
|
+
var node_1 = $.first_child(fragment_1);
|
4118
|
+
const expression = $.derived_safe_equal(() => props().color ?? "currentColor");
|
4119
|
+
$.component(node_1, () => $.get(IconComponent), ($$anchor$2, $$component) => {
|
4178
4120
|
$$component($$anchor$2, { get color() {
|
4179
|
-
return
|
4121
|
+
return $.get(expression);
|
4180
4122
|
} });
|
4181
4123
|
});
|
4182
|
-
|
4124
|
+
$.append($$anchor$1, fragment_1);
|
4183
4125
|
});
|
4184
|
-
|
4185
|
-
|
4126
|
+
$.append($$anchor, fragment);
|
4127
|
+
$.pop();
|
4186
4128
|
}
|
4187
4129
|
|
4188
4130
|
//#endregion
|
@@ -4354,19 +4296,19 @@ function darkenColor(color, percent) {
|
|
4354
4296
|
|
4355
4297
|
//#endregion
|
4356
4298
|
//#region src/components-flex/button/Button.svelte
|
4357
|
-
var root_2$4 =
|
4358
|
-
var root_1$7 =
|
4299
|
+
var root_2$4 = $.template(`<div class="button-icon svelte-l0rauj"><!></div>`);
|
4300
|
+
var root_1$7 = $.template(`<!> <span class="button-label"> </span>`, 1);
|
4359
4301
|
const $$css$20 = {
|
4360
4302
|
hash: "svelte-l0rauj",
|
4361
4303
|
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;}"
|
4362
4304
|
};
|
4363
4305
|
function Button($$anchor, $$props) {
|
4364
|
-
|
4365
|
-
|
4366
|
-
const variables$1 =
|
4367
|
-
const style =
|
4368
|
-
let props =
|
4369
|
-
let layerId =
|
4306
|
+
$.push($$props, false);
|
4307
|
+
$.append_styles($$anchor, $$css$20);
|
4308
|
+
const variables$1 = $.mutable_state();
|
4309
|
+
const style = $.mutable_state();
|
4310
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4311
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4370
4312
|
useInjectCustomizeCss(props());
|
4371
4313
|
const { attributes, element, handleClick } = useClickable_default(props());
|
4372
4314
|
const { brandKit } = useBrandKit();
|
@@ -4381,8 +4323,8 @@ function Button($$anchor, $$props) {
|
|
4381
4323
|
}
|
4382
4324
|
})();
|
4383
4325
|
const buttonSizeStyle = BUTTON_SIZE_STYLES[props().size] || BUTTON_SIZE_STYLES[buttonPropsDefault.size];
|
4384
|
-
|
4385
|
-
|
4326
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
|
4327
|
+
$.set(variables$1, (() => {
|
4386
4328
|
switch (variant) {
|
4387
4329
|
case "outline": return {
|
4388
4330
|
"--color": props().color ?? buttonThemeStyle.color,
|
@@ -4408,8 +4350,8 @@ function Button($$anchor, $$props) {
|
|
4408
4350
|
}
|
4409
4351
|
})());
|
4410
4352
|
});
|
4411
|
-
|
4412
|
-
|
4353
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
4354
|
+
$.set(style, objToStyle({
|
4413
4355
|
width: props().width,
|
4414
4356
|
fontWeight: props().fontWeight ?? "bold",
|
4415
4357
|
...BUTTON_WRAP_STYLES[props().wrap ?? buttonPropsDefault.wrap],
|
@@ -4427,53 +4369,53 @@ function Button($$anchor, $$props) {
|
|
4427
4369
|
...toCssCommon(props()),
|
4428
4370
|
...toCssBorder(props()),
|
4429
4371
|
...toCssShadow(props()),
|
4430
|
-
|
4372
|
+
...$.get(variables$1)
|
4431
4373
|
}));
|
4432
4374
|
});
|
4433
|
-
|
4434
|
-
|
4435
|
-
var fragment =
|
4436
|
-
var node =
|
4437
|
-
|
4375
|
+
$.legacy_pre_effect_reset();
|
4376
|
+
$.init();
|
4377
|
+
var fragment = $.comment();
|
4378
|
+
var node = $.first_child(fragment);
|
4379
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4438
4380
|
let attributes_1;
|
4439
|
-
|
4381
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4440
4382
|
...attributes,
|
4441
4383
|
class: "button",
|
4442
|
-
style:
|
4384
|
+
style: $.get(style),
|
4443
4385
|
"data-layer-id": layerId(),
|
4444
4386
|
"data-variant": variant
|
4445
4387
|
}, "svelte-l0rauj"));
|
4446
|
-
|
4388
|
+
$.event("click", $$element, handleClick);
|
4447
4389
|
var fragment_1 = root_1$7();
|
4448
|
-
var node_1 =
|
4390
|
+
var node_1 = $.first_child(fragment_1);
|
4449
4391
|
{
|
4450
4392
|
var consequent = ($$anchor$2) => {
|
4451
4393
|
var div = root_2$4();
|
4452
|
-
var node_2 =
|
4453
|
-
const expression =
|
4394
|
+
var node_2 = $.child(div);
|
4395
|
+
const expression = $.derived_safe_equal(() => ({
|
4454
4396
|
variant: props().iconVariant,
|
4455
4397
|
color: props().iconColor ?? props().color ?? buttonThemeStyle.color,
|
4456
4398
|
width: "1em",
|
4457
4399
|
height: "1em"
|
4458
4400
|
}));
|
4459
4401
|
Icon(node_2, { get props() {
|
4460
|
-
return
|
4402
|
+
return $.get(expression);
|
4461
4403
|
} });
|
4462
|
-
|
4463
|
-
|
4404
|
+
$.reset(div);
|
4405
|
+
$.append($$anchor$2, div);
|
4464
4406
|
};
|
4465
|
-
|
4407
|
+
$.if(node_1, ($$render) => {
|
4466
4408
|
if (props().isIcon && props().iconVariant) $$render(consequent);
|
4467
4409
|
});
|
4468
4410
|
}
|
4469
|
-
var span =
|
4470
|
-
var text =
|
4471
|
-
|
4472
|
-
|
4473
|
-
|
4411
|
+
var span = $.sibling(node_1, 2);
|
4412
|
+
var text = $.child(span, true);
|
4413
|
+
$.reset(span);
|
4414
|
+
$.template_effect(() => $.set_text(text, props().label ?? buttonPropsDefault.label));
|
4415
|
+
$.append($$anchor$1, fragment_1);
|
4474
4416
|
});
|
4475
|
-
|
4476
|
-
|
4417
|
+
$.append($$anchor, fragment);
|
4418
|
+
$.pop();
|
4477
4419
|
}
|
4478
4420
|
|
4479
4421
|
//#endregion
|
@@ -4571,33 +4513,33 @@ const BUTTON_OUTLINED_WRAP_STYLES = {
|
|
4571
4513
|
|
4572
4514
|
//#endregion
|
4573
4515
|
//#region src/components-flex/button-outlined/ButtonOutlined.svelte
|
4574
|
-
var root_2$3 =
|
4575
|
-
var root_1$6 =
|
4516
|
+
var root_2$3 = $.template(`<div class="button-outlined-icon svelte-z8gomx"><!></div>`);
|
4517
|
+
var root_1$6 = $.template(`<!> <span class="button-outlined-label svelte-z8gomx"> </span>`, 1);
|
4576
4518
|
const $$css$19 = {
|
4577
4519
|
hash: "svelte-z8gomx",
|
4578
4520
|
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;}"
|
4579
4521
|
};
|
4580
4522
|
function ButtonOutlined($$anchor, $$props) {
|
4581
|
-
|
4582
|
-
|
4583
|
-
const variables$1 =
|
4584
|
-
const style =
|
4585
|
-
let props =
|
4586
|
-
let layerId =
|
4523
|
+
$.push($$props, false);
|
4524
|
+
$.append_styles($$anchor, $$css$19);
|
4525
|
+
const variables$1 = $.mutable_state();
|
4526
|
+
const style = $.mutable_state();
|
4527
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4528
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4587
4529
|
useInjectCustomizeCss(props());
|
4588
4530
|
const { brandKit } = useBrandKit();
|
4589
4531
|
const { attributes, element, handleClick } = useClickable_default(props());
|
4590
4532
|
const buttonThemeStyles = getButtonOutlinedThemeStyles(brandKit);
|
4591
4533
|
const buttonThemeStyle = buttonThemeStyles[props().theme ?? buttonOutlinedPropsDefault.theme];
|
4592
4534
|
const buttonSizeStyle = BUTTON_OUTLINED_SIZE_STYLES[props().size ?? buttonOutlinedPropsDefault.size];
|
4593
|
-
|
4594
|
-
|
4535
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
|
4536
|
+
$.set(variables$1, {
|
4595
4537
|
"--bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor,
|
4596
4538
|
"--hover-bg-color": darkenColor(props().backgroundColor ?? buttonThemeStyle.backgroundColor, .032)
|
4597
4539
|
});
|
4598
4540
|
});
|
4599
|
-
|
4600
|
-
|
4541
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
4542
|
+
$.set(style, objToStyle({
|
4601
4543
|
width: props().width,
|
4602
4544
|
color: props().color ?? buttonThemeStyle.color,
|
4603
4545
|
borderColor: props().borderColor ?? props().color ?? buttonThemeStyle.borderColor,
|
@@ -4612,52 +4554,52 @@ function ButtonOutlined($$anchor, $$props) {
|
|
4612
4554
|
...toCssCommon(props()),
|
4613
4555
|
...toCssBorder(props()),
|
4614
4556
|
...toCssShadow(props()),
|
4615
|
-
|
4557
|
+
...$.get(variables$1)
|
4616
4558
|
}));
|
4617
4559
|
});
|
4618
|
-
|
4619
|
-
|
4620
|
-
var fragment =
|
4621
|
-
var node =
|
4622
|
-
|
4560
|
+
$.legacy_pre_effect_reset();
|
4561
|
+
$.init();
|
4562
|
+
var fragment = $.comment();
|
4563
|
+
var node = $.first_child(fragment);
|
4564
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4623
4565
|
let attributes_1;
|
4624
|
-
|
4566
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4625
4567
|
...attributes,
|
4626
4568
|
class: "button-outlined",
|
4627
|
-
style:
|
4569
|
+
style: $.get(style),
|
4628
4570
|
"data-layer-id": layerId()
|
4629
4571
|
}, "svelte-z8gomx"));
|
4630
|
-
|
4572
|
+
$.event("click", $$element, handleClick);
|
4631
4573
|
var fragment_1 = root_1$6();
|
4632
|
-
var node_1 =
|
4574
|
+
var node_1 = $.first_child(fragment_1);
|
4633
4575
|
{
|
4634
4576
|
var consequent = ($$anchor$2) => {
|
4635
4577
|
var div = root_2$3();
|
4636
|
-
var node_2 =
|
4637
|
-
const expression =
|
4578
|
+
var node_2 = $.child(div);
|
4579
|
+
const expression = $.derived_safe_equal(() => ({
|
4638
4580
|
variant: props().iconVariant,
|
4639
4581
|
color: props().iconColor ?? props().color ?? buttonThemeStyle.color,
|
4640
4582
|
width: "1em",
|
4641
4583
|
height: "1em"
|
4642
4584
|
}));
|
4643
4585
|
Icon(node_2, { get props() {
|
4644
|
-
return
|
4586
|
+
return $.get(expression);
|
4645
4587
|
} });
|
4646
|
-
|
4647
|
-
|
4588
|
+
$.reset(div);
|
4589
|
+
$.append($$anchor$2, div);
|
4648
4590
|
};
|
4649
|
-
|
4591
|
+
$.if(node_1, ($$render) => {
|
4650
4592
|
if (props().isIcon && props().iconVariant) $$render(consequent);
|
4651
4593
|
});
|
4652
4594
|
}
|
4653
|
-
var span =
|
4654
|
-
var text =
|
4655
|
-
|
4656
|
-
|
4657
|
-
|
4595
|
+
var span = $.sibling(node_1, 2);
|
4596
|
+
var text = $.child(span, true);
|
4597
|
+
$.reset(span);
|
4598
|
+
$.template_effect(() => $.set_text(text, props().label ?? buttonOutlinedPropsDefault.label));
|
4599
|
+
$.append($$anchor$1, fragment_1);
|
4658
4600
|
});
|
4659
|
-
|
4660
|
-
|
4601
|
+
$.append($$anchor, fragment);
|
4602
|
+
$.pop();
|
4661
4603
|
}
|
4662
4604
|
|
4663
4605
|
//#endregion
|
@@ -4720,30 +4662,30 @@ const getButtonTextThemeStyles = getPropStyles(callback$2);
|
|
4720
4662
|
|
4721
4663
|
//#endregion
|
4722
4664
|
//#region src/components-flex/button-text/ButtonText.svelte
|
4723
|
-
var root_2$2 =
|
4724
|
-
var root_1$5 =
|
4665
|
+
var root_2$2 = $.template(`<div class="button-text-icon svelte-l90o4j"><!></div>`);
|
4666
|
+
var root_1$5 = $.template(`<!> <span class="button-text-label svelte-l90o4j"> </span>`, 1);
|
4725
4667
|
const $$css$18 = {
|
4726
4668
|
hash: "svelte-l90o4j",
|
4727
4669
|
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;}"
|
4728
4670
|
};
|
4729
4671
|
function ButtonText($$anchor, $$props) {
|
4730
|
-
|
4731
|
-
|
4732
|
-
const variables$1 =
|
4733
|
-
const style =
|
4734
|
-
let props =
|
4735
|
-
let layerId =
|
4672
|
+
$.push($$props, false);
|
4673
|
+
$.append_styles($$anchor, $$css$18);
|
4674
|
+
const variables$1 = $.mutable_state();
|
4675
|
+
const style = $.mutable_state();
|
4676
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4677
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4736
4678
|
useInjectCustomizeCss(props());
|
4737
4679
|
const { brandKit } = useBrandKit();
|
4738
4680
|
const { attributes, element, handleClick } = useClickable_default(props());
|
4739
4681
|
const themeStyles = getButtonTextThemeStyles(brandKit);
|
4740
4682
|
const buttonThemeStyle = themeStyles[props().theme ?? "default"];
|
4741
4683
|
const buttonSizeStyle = BUTTON_TEXT_SIZE_STYLES[props().size ?? "medium"];
|
4742
|
-
|
4743
|
-
|
4684
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
4685
|
+
$.set(variables$1, { "--hover-bg-color": props().backgroundColor ?? buttonThemeStyle.backgroundColor });
|
4744
4686
|
});
|
4745
|
-
|
4746
|
-
|
4687
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
4688
|
+
$.set(style, objToStyle({
|
4747
4689
|
width: props().width,
|
4748
4690
|
height: props().height ?? buttonSizeStyle.height,
|
4749
4691
|
paddingLeft: props().paddingLeft ?? buttonSizeStyle.paddingLeft,
|
@@ -4755,52 +4697,52 @@ function ButtonText($$anchor, $$props) {
|
|
4755
4697
|
...BUTTON_ROUND_STYLES[props().round ?? buttonPropsDefault.round],
|
4756
4698
|
...props().iconAngle ? { flexDirection: props().iconAngle } : {},
|
4757
4699
|
...toCssCommon(props()),
|
4758
|
-
|
4700
|
+
...$.get(variables$1)
|
4759
4701
|
}));
|
4760
4702
|
});
|
4761
|
-
|
4762
|
-
|
4763
|
-
var fragment =
|
4764
|
-
var node =
|
4765
|
-
|
4703
|
+
$.legacy_pre_effect_reset();
|
4704
|
+
$.init();
|
4705
|
+
var fragment = $.comment();
|
4706
|
+
var node = $.first_child(fragment);
|
4707
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4766
4708
|
let attributes_1;
|
4767
|
-
|
4709
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4768
4710
|
...attributes,
|
4769
4711
|
class: "button-text",
|
4770
|
-
style:
|
4712
|
+
style: $.get(style),
|
4771
4713
|
"data-layer-id": layerId()
|
4772
4714
|
}, "svelte-l90o4j"));
|
4773
|
-
|
4715
|
+
$.event("click", $$element, handleClick);
|
4774
4716
|
var fragment_1 = root_1$5();
|
4775
|
-
var node_1 =
|
4717
|
+
var node_1 = $.first_child(fragment_1);
|
4776
4718
|
{
|
4777
4719
|
var consequent = ($$anchor$2) => {
|
4778
4720
|
var div = root_2$2();
|
4779
|
-
var node_2 =
|
4780
|
-
const expression =
|
4721
|
+
var node_2 = $.child(div);
|
4722
|
+
const expression = $.derived_safe_equal(() => ({
|
4781
4723
|
variant: props().iconVariant,
|
4782
4724
|
color: props().color ?? buttonThemeStyle.color,
|
4783
4725
|
width: "1em",
|
4784
4726
|
height: "1em"
|
4785
4727
|
}));
|
4786
4728
|
Icon(node_2, { get props() {
|
4787
|
-
return
|
4729
|
+
return $.get(expression);
|
4788
4730
|
} });
|
4789
|
-
|
4790
|
-
|
4731
|
+
$.reset(div);
|
4732
|
+
$.append($$anchor$2, div);
|
4791
4733
|
};
|
4792
|
-
|
4734
|
+
$.if(node_1, ($$render) => {
|
4793
4735
|
if (props().isIcon && props().iconVariant) $$render(consequent);
|
4794
4736
|
});
|
4795
4737
|
}
|
4796
|
-
var span =
|
4797
|
-
var text =
|
4798
|
-
|
4799
|
-
|
4800
|
-
|
4738
|
+
var span = $.sibling(node_1, 2);
|
4739
|
+
var text = $.child(span, true);
|
4740
|
+
$.reset(span);
|
4741
|
+
$.template_effect(() => $.set_text(text, props().label));
|
4742
|
+
$.append($$anchor$1, fragment_1);
|
4801
4743
|
});
|
4802
|
-
|
4803
|
-
|
4744
|
+
$.append($$anchor, fragment);
|
4745
|
+
$.pop();
|
4804
4746
|
}
|
4805
4747
|
|
4806
4748
|
//#endregion
|
@@ -4837,26 +4779,26 @@ const getTextThemeStyles = getPropStyles(callback$1);
|
|
4837
4779
|
|
4838
4780
|
//#endregion
|
4839
4781
|
//#region src/components-flex/close-button/CloseButton.svelte
|
4840
|
-
var root_2$1 =
|
4841
|
-
var root_1$4 =
|
4782
|
+
var root_2$1 = $.template(`<span></span>`);
|
4783
|
+
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);
|
4842
4784
|
const $$css$17 = {
|
4843
4785
|
hash: "svelte-18wmfyq",
|
4844
4786
|
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;}"
|
4845
4787
|
};
|
4846
4788
|
function CloseButton($$anchor, $$props) {
|
4847
|
-
|
4848
|
-
|
4849
|
-
const hasLabel =
|
4850
|
-
const styleObj =
|
4851
|
-
const style =
|
4852
|
-
const borderWidth =
|
4853
|
-
const paddingSize =
|
4854
|
-
const labelStyle =
|
4855
|
-
const iconStyle =
|
4856
|
-
let props =
|
4857
|
-
let layerId =
|
4858
|
-
let eventName =
|
4859
|
-
let eventValue =
|
4789
|
+
$.push($$props, false);
|
4790
|
+
$.append_styles($$anchor, $$css$17);
|
4791
|
+
const hasLabel = $.mutable_state();
|
4792
|
+
const styleObj = $.mutable_state();
|
4793
|
+
const style = $.mutable_state();
|
4794
|
+
const borderWidth = $.mutable_state();
|
4795
|
+
const paddingSize = $.mutable_state();
|
4796
|
+
const labelStyle = $.mutable_state();
|
4797
|
+
const iconStyle = $.mutable_state();
|
4798
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
4799
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
4800
|
+
let eventName = $.prop($$props, "eventName", 8, "");
|
4801
|
+
let eventValue = $.prop($$props, "eventValue", 8, void 0);
|
4860
4802
|
const { brandKit } = useBrandKit();
|
4861
4803
|
useInjectCustomizeCss(props());
|
4862
4804
|
const { attributes, element, handleClick } = useClickable_default({
|
@@ -4896,11 +4838,11 @@ function CloseButton($$anchor, $$props) {
|
|
4896
4838
|
const color = props().color ?? getTextThemeStyles(brandKit)[props().colorVariant]?.color ?? "#666";
|
4897
4839
|
const label = props().label;
|
4898
4840
|
const isLeftLabelPlacement = props().labelPlacement === "left";
|
4899
|
-
|
4900
|
-
|
4841
|
+
$.legacy_pre_effect(() => {}, () => {
|
4842
|
+
$.set(hasLabel, label !== void 0 && label !== "");
|
4901
4843
|
});
|
4902
|
-
|
4903
|
-
|
4844
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
|
4845
|
+
$.set(styleObj, {
|
4904
4846
|
...props().bordered && {
|
4905
4847
|
borderTopWidth: "1px",
|
4906
4848
|
borderLeftWidth: "1px",
|
@@ -4918,67 +4860,67 @@ function CloseButton($$anchor, $$props) {
|
|
4918
4860
|
...toCssBorder(props())
|
4919
4861
|
});
|
4920
4862
|
});
|
4921
|
-
|
4922
|
-
|
4863
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
4864
|
+
$.set(style, objToStyle($.get(styleObj)));
|
4923
4865
|
});
|
4924
|
-
|
4925
|
-
|
4866
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
4867
|
+
$.set(borderWidth, $.get(styleObj).borderTopWidth ? parseInt($.get(styleObj).borderTopWidth) : 0);
|
4926
4868
|
});
|
4927
|
-
|
4928
|
-
|
4869
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
4870
|
+
$.set(paddingSize, $.get(styleObj).paddingTop ? parseInt($.get(styleObj).paddingTop) : 6);
|
4929
4871
|
});
|
4930
|
-
|
4931
|
-
|
4872
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), getTextThemeStyles), () => {
|
4873
|
+
$.set(labelStyle, objToStyle({
|
4932
4874
|
color: props().labelColor ?? getTextThemeStyles(brandKit)[props().labelColorVariant]?.color ?? color,
|
4933
4875
|
fontSize: `${size / 2.1}px`
|
4934
4876
|
}));
|
4935
4877
|
});
|
4936
|
-
|
4937
|
-
|
4938
|
-
width: `${size -
|
4939
|
-
height: `${size -
|
4878
|
+
$.legacy_pre_effect(() => ($.get(paddingSize), $.get(borderWidth)), () => {
|
4879
|
+
$.set(iconStyle, objToStyle({
|
4880
|
+
width: `${size - $.get(paddingSize) * 2 - $.get(borderWidth) * 2}px`,
|
4881
|
+
height: `${size - $.get(paddingSize) * 2 - $.get(borderWidth) * 2}px`,
|
4940
4882
|
display: "flex",
|
4941
4883
|
alignItems: "center",
|
4942
4884
|
justifyContent: "center",
|
4943
4885
|
flexShrink: 0
|
4944
4886
|
}));
|
4945
4887
|
});
|
4946
|
-
|
4947
|
-
|
4948
|
-
var fragment =
|
4949
|
-
var node =
|
4950
|
-
|
4888
|
+
$.legacy_pre_effect_reset();
|
4889
|
+
$.init();
|
4890
|
+
var fragment = $.comment();
|
4891
|
+
var node = $.first_child(fragment);
|
4892
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
4951
4893
|
let attributes_1;
|
4952
|
-
|
4894
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
4953
4895
|
...attributes,
|
4954
4896
|
class: `close-button ${isLeftLabelPlacement ? "close-button-order-two" : ""}`,
|
4955
4897
|
"data-layer-id": layerId(),
|
4956
|
-
style:
|
4898
|
+
style: $.get(style)
|
4957
4899
|
}, "svelte-18wmfyq"));
|
4958
|
-
|
4900
|
+
$.event("click", $$element, handleClick);
|
4959
4901
|
var fragment_1 = root_1$4();
|
4960
|
-
var span =
|
4961
|
-
var svg =
|
4962
|
-
|
4963
|
-
|
4964
|
-
var node_1 =
|
4902
|
+
var span = $.first_child(fragment_1);
|
4903
|
+
var svg = $.child(span);
|
4904
|
+
$.set_attribute(svg, "fill", color);
|
4905
|
+
$.reset(span);
|
4906
|
+
var node_1 = $.sibling(span, 2);
|
4965
4907
|
{
|
4966
4908
|
var consequent = ($$anchor$2) => {
|
4967
4909
|
var span_1 = root_2$1();
|
4968
|
-
|
4910
|
+
$.set_class(span_1, 1, `close-button-label ${isLeftLabelPlacement ? "close-button-order-one" : ""}`, "svelte-18wmfyq");
|
4969
4911
|
span_1.textContent = label;
|
4970
|
-
|
4971
|
-
|
4912
|
+
$.template_effect(() => $.set_style(span_1, $.get(labelStyle)));
|
4913
|
+
$.append($$anchor$2, span_1);
|
4972
4914
|
};
|
4973
|
-
|
4974
|
-
if (
|
4915
|
+
$.if(node_1, ($$render) => {
|
4916
|
+
if ($.get(hasLabel)) $$render(consequent);
|
4975
4917
|
});
|
4976
4918
|
}
|
4977
|
-
|
4978
|
-
|
4919
|
+
$.template_effect(() => $.set_style(span, $.get(iconStyle)));
|
4920
|
+
$.append($$anchor$1, fragment_1);
|
4979
4921
|
});
|
4980
|
-
|
4981
|
-
|
4922
|
+
$.append($$anchor, fragment);
|
4923
|
+
$.pop();
|
4982
4924
|
}
|
4983
4925
|
|
4984
4926
|
//#endregion
|
@@ -5057,19 +4999,19 @@ const IMAGE_ROUND_STYLES = {
|
|
5057
4999
|
|
5058
5000
|
//#endregion
|
5059
5001
|
//#region src/components-flex/image/Image.svelte
|
5060
|
-
var root_1$3 =
|
5002
|
+
var root_1$3 = $.template(`<img class="image-img svelte-1olvu11">`);
|
5061
5003
|
const $$css$16 = {
|
5062
5004
|
hash: "svelte-1olvu11",
|
5063
5005
|
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;}"
|
5064
5006
|
};
|
5065
5007
|
function Image($$anchor, $$props) {
|
5066
|
-
|
5067
|
-
|
5068
|
-
const styleObj =
|
5069
|
-
const style =
|
5070
|
-
const imgStyle =
|
5071
|
-
let props =
|
5072
|
-
let layerId =
|
5008
|
+
$.push($$props, false);
|
5009
|
+
$.append_styles($$anchor, $$css$16);
|
5010
|
+
const styleObj = $.mutable_state();
|
5011
|
+
const style = $.mutable_state();
|
5012
|
+
const imgStyle = $.mutable_state();
|
5013
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
5014
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5073
5015
|
useInjectCustomizeCss(props());
|
5074
5016
|
const { attributes, element, handleClick } = useClickable_default(props());
|
5075
5017
|
const aspectVariantStyles = ASPECT_VARIANT[props().aspectVariant]?.getProps();
|
@@ -5080,8 +5022,8 @@ function Image($$anchor, $$props) {
|
|
5080
5022
|
if (parentRadius === "100%") return "100%";
|
5081
5023
|
return radiusSize > 0 ? `calc(${parentRadius} - ${borderWidth})` : void 0;
|
5082
5024
|
};
|
5083
|
-
|
5084
|
-
|
5025
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPadding), () => {
|
5026
|
+
$.set(styleObj, {
|
5085
5027
|
...props().borderTopLeftRadius ? toCssRadius(props()) : IMAGE_ROUND_STYLES[props().shape ?? "square"],
|
5086
5028
|
width,
|
5087
5029
|
flexShrink: String(width).indexOf("px") !== -1 ? 0 : 1,
|
@@ -5092,40 +5034,40 @@ function Image($$anchor, $$props) {
|
|
5092
5034
|
...toCssPadding(props())
|
5093
5035
|
});
|
5094
5036
|
});
|
5095
|
-
|
5096
|
-
|
5037
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
5038
|
+
$.set(style, objToStyle($.get(styleObj)));
|
5097
5039
|
});
|
5098
|
-
|
5099
|
-
|
5100
|
-
borderTopLeftRadius: calcImgRadius(
|
5101
|
-
borderTopRightRadius: calcImgRadius(
|
5102
|
-
borderBottomLeftRadius: calcImgRadius(
|
5103
|
-
borderBottomRightRadius: calcImgRadius(
|
5040
|
+
$.legacy_pre_effect(() => $.get(styleObj), () => {
|
5041
|
+
$.set(imgStyle, objToStyle({ ...toCssRadius({
|
5042
|
+
borderTopLeftRadius: calcImgRadius($.get(styleObj).borderTopLeftRadius, $.get(styleObj).borderTopWidth),
|
5043
|
+
borderTopRightRadius: calcImgRadius($.get(styleObj).borderTopRightRadius, $.get(styleObj).borderTopWidth),
|
5044
|
+
borderBottomLeftRadius: calcImgRadius($.get(styleObj).borderBottomLeftRadius, $.get(styleObj).borderTopWidth),
|
5045
|
+
borderBottomRightRadius: calcImgRadius($.get(styleObj).borderBottomRightRadius, $.get(styleObj).borderTopWidth)
|
5104
5046
|
}) }));
|
5105
5047
|
});
|
5106
|
-
|
5107
|
-
|
5108
|
-
var fragment =
|
5109
|
-
var node =
|
5110
|
-
|
5048
|
+
$.legacy_pre_effect_reset();
|
5049
|
+
$.init();
|
5050
|
+
var fragment = $.comment();
|
5051
|
+
var node = $.first_child(fragment);
|
5052
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
5111
5053
|
let attributes_1;
|
5112
|
-
|
5054
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
5113
5055
|
...attributes,
|
5114
5056
|
class: "image",
|
5115
|
-
style:
|
5057
|
+
style: $.get(style),
|
5116
5058
|
"data-layer-id": layerId()
|
5117
5059
|
}, "svelte-1olvu11"));
|
5118
|
-
|
5060
|
+
$.event("click", $$element, handleClick);
|
5119
5061
|
var img = root_1$3();
|
5120
|
-
|
5121
|
-
|
5122
|
-
|
5123
|
-
|
5062
|
+
$.template_effect(() => {
|
5063
|
+
$.set_attribute(img, "src", props().image);
|
5064
|
+
$.set_attribute(img, "alt", props().alt);
|
5065
|
+
$.set_style(img, $.get(imgStyle));
|
5124
5066
|
});
|
5125
|
-
|
5067
|
+
$.append($$anchor$1, img);
|
5126
5068
|
});
|
5127
|
-
|
5128
|
-
|
5069
|
+
$.append($$anchor, fragment);
|
5070
|
+
$.pop();
|
5129
5071
|
}
|
5130
5072
|
|
5131
5073
|
//#endregion
|
@@ -5155,16 +5097,16 @@ const $$css$15 = {
|
|
5155
5097
|
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;}"
|
5156
5098
|
};
|
5157
5099
|
function Layout($$anchor, $$props) {
|
5158
|
-
|
5159
|
-
|
5160
|
-
const style =
|
5161
|
-
let props =
|
5162
|
-
let layerId =
|
5100
|
+
$.push($$props, false);
|
5101
|
+
$.append_styles($$anchor, $$css$15);
|
5102
|
+
const style = $.mutable_state();
|
5103
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
5104
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5163
5105
|
const { brandKit } = useBrandKit();
|
5164
5106
|
useInjectCustomizeCss(props());
|
5165
5107
|
const { attributes, element, handleClick } = useClickable_default(props());
|
5166
|
-
|
5167
|
-
|
5108
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
|
5109
|
+
$.set(style, objToStyle({
|
5168
5110
|
display: props().display ?? "flex",
|
5169
5111
|
flexDirection: props().direction,
|
5170
5112
|
alignItems: props().align,
|
@@ -5182,26 +5124,26 @@ function Layout($$anchor, $$props) {
|
|
5182
5124
|
...toCssBorder(props(), brandKit)
|
5183
5125
|
}));
|
5184
5126
|
});
|
5185
|
-
|
5186
|
-
|
5187
|
-
var fragment =
|
5188
|
-
var node =
|
5189
|
-
|
5127
|
+
$.legacy_pre_effect_reset();
|
5128
|
+
$.init();
|
5129
|
+
var fragment = $.comment();
|
5130
|
+
var node = $.first_child(fragment);
|
5131
|
+
$.element(node, () => "div", false, ($$element, $$anchor$1) => {
|
5190
5132
|
let attributes_1;
|
5191
|
-
|
5133
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
5192
5134
|
...attributes,
|
5193
5135
|
class: "layout",
|
5194
|
-
style:
|
5136
|
+
style: $.get(style),
|
5195
5137
|
"data-layer-id": layerId()
|
5196
5138
|
}, "svelte-1o103hp"));
|
5197
|
-
|
5198
|
-
var fragment_1 =
|
5199
|
-
var node_1 =
|
5200
|
-
|
5201
|
-
|
5139
|
+
$.event("click", $$element, handleClick);
|
5140
|
+
var fragment_1 = $.comment();
|
5141
|
+
var node_1 = $.first_child(fragment_1);
|
5142
|
+
$.slot(node_1, $$props, "default", {}, null);
|
5143
|
+
$.append($$anchor$1, fragment_1);
|
5202
5144
|
});
|
5203
|
-
|
5204
|
-
|
5145
|
+
$.append($$anchor, fragment);
|
5146
|
+
$.pop();
|
5205
5147
|
}
|
5206
5148
|
|
5207
5149
|
//#endregion
|
@@ -5232,33 +5174,33 @@ const LAYOUT_JUSTIFY = [
|
|
5232
5174
|
|
5233
5175
|
//#endregion
|
5234
5176
|
//#region src/components-flex/slider/Slider.svelte
|
5235
|
-
var root_1$2 =
|
5236
|
-
var root$13 =
|
5177
|
+
var root_1$2 = $.template(`<button><i></i></button>`);
|
5178
|
+
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>`);
|
5237
5179
|
const $$css$14 = {
|
5238
5180
|
hash: "svelte-wwv1o",
|
5239
5181
|
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;}"
|
5240
5182
|
};
|
5241
5183
|
function Slider($$anchor, $$props) {
|
5242
|
-
|
5243
|
-
|
5244
|
-
const indicators =
|
5245
|
-
const itemWidthPercentage =
|
5246
|
-
const baseContainerStyle =
|
5247
|
-
const containerStyle =
|
5248
|
-
const indicatorListStyle =
|
5249
|
-
const indicatorItemStyle =
|
5250
|
-
let layerId =
|
5251
|
-
let props =
|
5252
|
-
let overrideStyle =
|
5184
|
+
$.push($$props, false);
|
5185
|
+
$.append_styles($$anchor, $$css$14);
|
5186
|
+
const indicators = $.mutable_state();
|
5187
|
+
const itemWidthPercentage = $.mutable_state();
|
5188
|
+
const baseContainerStyle = $.mutable_state();
|
5189
|
+
const containerStyle = $.mutable_state();
|
5190
|
+
const indicatorListStyle = $.mutable_state();
|
5191
|
+
const indicatorItemStyle = $.mutable_state();
|
5192
|
+
let layerId = $.prop($$props, "layerId", 8);
|
5193
|
+
let props = $.prop($$props, "props", 8);
|
5194
|
+
let overrideStyle = $.prop($$props, "overrideStyle", 8);
|
5253
5195
|
useInjectCustomizeCss(props());
|
5254
|
-
let containerElement =
|
5255
|
-
let slotElement =
|
5256
|
-
let currentIndex =
|
5196
|
+
let containerElement = $.mutable_state();
|
5197
|
+
let slotElement = $.mutable_state();
|
5198
|
+
let currentIndex = $.mutable_state(0);
|
5257
5199
|
let isDragging = false;
|
5258
5200
|
let startX = 0;
|
5259
|
-
let movedX =
|
5260
|
-
let childCount =
|
5261
|
-
let transformX =
|
5201
|
+
let movedX = $.mutable_state(null);
|
5202
|
+
let childCount = $.mutable_state(0);
|
5203
|
+
let transformX = $.mutable_state();
|
5262
5204
|
let lastFrame = 0;
|
5263
5205
|
const THROTTLE = 16;
|
5264
5206
|
const computeTransformX = (index, itemCount, movedX$1, itemWidthPercentage$1, gap) => {
|
@@ -5271,24 +5213,24 @@ function Slider($$anchor, $$props) {
|
|
5271
5213
|
return `translate3d(calc(-${result}% - ${gap * index}px${moved}), 0, 0)`;
|
5272
5214
|
};
|
5273
5215
|
const handleClickIndicator = (index) => {
|
5274
|
-
|
5216
|
+
$.set(currentIndex, index);
|
5275
5217
|
};
|
5276
5218
|
const setChildCount = () => {
|
5277
|
-
const count =
|
5278
|
-
if (count !==
|
5219
|
+
const count = $.get(slotElement)?.children?.length ?? 0;
|
5220
|
+
if (count !== $.get(childCount)) $.set(childCount, $.get(slotElement)?.children?.length ?? 0);
|
5279
5221
|
};
|
5280
5222
|
const toNext = () => {
|
5281
|
-
if (
|
5282
|
-
else if (props().loop)
|
5223
|
+
if ($.get(currentIndex) < $.get(childCount) - 1) $.set(currentIndex, $.get(currentIndex) + 1);
|
5224
|
+
else if (props().loop) $.set(currentIndex, 0);
|
5283
5225
|
};
|
5284
5226
|
const toPrev = () => {
|
5285
|
-
if (
|
5286
|
-
else if (props().loop)
|
5227
|
+
if ($.get(currentIndex) > 0) $.set(currentIndex, $.get(currentIndex) - 1);
|
5228
|
+
else if (props().loop) $.set(currentIndex, $.get(childCount) - 1);
|
5287
5229
|
};
|
5288
5230
|
const handleClick = (e) => {
|
5289
5231
|
const isParentContainer = (el) => {
|
5290
5232
|
if (!el) return false;
|
5291
|
-
return el ===
|
5233
|
+
return el === $.get(containerElement) || isParentContainer(el.parentElement);
|
5292
5234
|
};
|
5293
5235
|
if (isParentContainer(e.target) && isDragging) {
|
5294
5236
|
e.preventDefault();
|
@@ -5296,7 +5238,7 @@ function Slider($$anchor, $$props) {
|
|
5296
5238
|
}
|
5297
5239
|
};
|
5298
5240
|
const move = (moved) => {
|
5299
|
-
|
5241
|
+
$.set(movedX, moved);
|
5300
5242
|
if ((moved > 10 || moved < -10) && !isDragging) isDragging = true;
|
5301
5243
|
};
|
5302
5244
|
const handleTouchmove = (e) => {
|
@@ -5306,9 +5248,9 @@ function Slider($$anchor, $$props) {
|
|
5306
5248
|
lastFrame = now;
|
5307
5249
|
};
|
5308
5250
|
const handleTouchend = () => {
|
5309
|
-
if (
|
5310
|
-
else if (
|
5311
|
-
|
5251
|
+
if ($.get(movedX) >= 32) toNext();
|
5252
|
+
else if ($.get(movedX) <= -32) toPrev();
|
5253
|
+
$.set(movedX, null);
|
5312
5254
|
document.removeEventListener("touchmove", handleTouchmove);
|
5313
5255
|
document.removeEventListener("touchend", handleTouchend);
|
5314
5256
|
document.removeEventListener("click", handleClick);
|
@@ -5324,9 +5266,9 @@ function Slider($$anchor, $$props) {
|
|
5324
5266
|
move(startX - e.clientX);
|
5325
5267
|
};
|
5326
5268
|
const handleMouseup = (e) => {
|
5327
|
-
if (
|
5328
|
-
else if (
|
5329
|
-
|
5269
|
+
if ($.get(movedX) >= 32) toNext();
|
5270
|
+
else if ($.get(movedX) <= -32) toPrev();
|
5271
|
+
$.set(movedX, null);
|
5330
5272
|
if (isDragging) e.stopPropagation();
|
5331
5273
|
document.removeEventListener("mousemove", handleMousemove);
|
5332
5274
|
document.removeEventListener("mouseup", handleMouseup);
|
@@ -5349,49 +5291,49 @@ function Slider($$anchor, $$props) {
|
|
5349
5291
|
if (autoSlideTimer) clearInterval(autoSlideTimer);
|
5350
5292
|
};
|
5351
5293
|
});
|
5352
|
-
|
5353
|
-
if (
|
5294
|
+
$.legacy_pre_effect(() => $.get(slotElement), () => {
|
5295
|
+
if ($.get(slotElement)) $.set(childCount, $.get(slotElement).children.length);
|
5354
5296
|
});
|
5355
|
-
|
5356
|
-
|
5297
|
+
$.legacy_pre_effect(() => ($.get(childCount), $.get(currentIndex)), () => {
|
5298
|
+
$.set(indicators, [...Array($.get(childCount))].map((_, i) => ({
|
5357
5299
|
index: i,
|
5358
|
-
isActive: i ===
|
5300
|
+
isActive: i === $.get(currentIndex)
|
5359
5301
|
})));
|
5360
5302
|
});
|
5361
|
-
|
5362
|
-
|
5303
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
5304
|
+
$.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
|
5363
5305
|
});
|
5364
|
-
|
5365
|
-
|
5306
|
+
$.legacy_pre_effect(() => ($.get(currentIndex), $.get(childCount), $.get(movedX), $.get(itemWidthPercentage), $.deep_read_state(props())), () => {
|
5307
|
+
$.set(transformX, computeTransformX($.get(currentIndex), $.get(childCount), $.get(movedX), $.get(itemWidthPercentage), props().gap ?? 0));
|
5366
5308
|
});
|
5367
|
-
|
5368
|
-
|
5309
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(itemWidthPercentage), $.get(movedX)), () => {
|
5310
|
+
$.set(baseContainerStyle, {
|
5369
5311
|
display: "grid",
|
5370
5312
|
gap: `${props().gap}px`,
|
5371
|
-
gridTemplateColumns: `repeat(auto-fill, minmax(${
|
5313
|
+
gridTemplateColumns: `repeat(auto-fill, minmax(${$.get(itemWidthPercentage)}%, 1fr))`,
|
5372
5314
|
gridAutoFlow: "column",
|
5373
|
-
gridAutoColumns: `minmax(${
|
5315
|
+
gridAutoColumns: `minmax(${$.get(itemWidthPercentage)}%, 1fr)`,
|
5374
5316
|
flexShrink: 0,
|
5375
|
-
transition:
|
5317
|
+
transition: $.get(movedX) === null ? "transform 0.5s" : void 0,
|
5376
5318
|
userSelect: "none"
|
5377
5319
|
});
|
5378
5320
|
});
|
5379
|
-
|
5380
|
-
|
5381
|
-
|
5382
|
-
transform:
|
5321
|
+
$.legacy_pre_effect(() => ($.get(baseContainerStyle), $.get(transformX)), () => {
|
5322
|
+
$.set(containerStyle, objToStyle({
|
5323
|
+
...$.get(baseContainerStyle),
|
5324
|
+
transform: $.get(transformX)
|
5383
5325
|
}));
|
5384
5326
|
});
|
5385
|
-
|
5386
|
-
|
5327
|
+
$.legacy_pre_effect(() => objToStyle, () => {
|
5328
|
+
$.set(indicatorListStyle, objToStyle({
|
5387
5329
|
display: "flex",
|
5388
5330
|
justifyContent: "center",
|
5389
5331
|
gap: "4px",
|
5390
5332
|
marginTop: "12px"
|
5391
5333
|
}));
|
5392
5334
|
});
|
5393
|
-
|
5394
|
-
|
5335
|
+
$.legacy_pre_effect(() => {}, () => {
|
5336
|
+
$.set(indicatorItemStyle, {
|
5395
5337
|
width: "8px",
|
5396
5338
|
height: "8px",
|
5397
5339
|
borderRadius: "100%",
|
@@ -5401,82 +5343,82 @@ function Slider($$anchor, $$props) {
|
|
5401
5343
|
cursor: "pointer"
|
5402
5344
|
});
|
5403
5345
|
});
|
5404
|
-
|
5405
|
-
|
5346
|
+
$.legacy_pre_effect_reset();
|
5347
|
+
$.init();
|
5406
5348
|
var div = root$13();
|
5407
|
-
var div_1 =
|
5408
|
-
var ul =
|
5409
|
-
var node =
|
5410
|
-
|
5411
|
-
|
5412
|
-
|
5413
|
-
|
5414
|
-
|
5415
|
-
var div_2 =
|
5416
|
-
|
5349
|
+
var div_1 = $.child(div);
|
5350
|
+
var ul = $.child(div_1);
|
5351
|
+
var node = $.child(ul);
|
5352
|
+
$.slot(node, $$props, "default", {}, null);
|
5353
|
+
$.reset(ul);
|
5354
|
+
$.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
|
5355
|
+
$.reset(div_1);
|
5356
|
+
$.bind_this(div_1, ($$value) => $.set(containerElement, $$value), () => $.get(containerElement));
|
5357
|
+
var div_2 = $.sibling(div_1, 2);
|
5358
|
+
$.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor$1, indicator, i) => {
|
5417
5359
|
var button = root_1$2();
|
5418
|
-
var i_1 =
|
5419
|
-
|
5420
|
-
|
5421
|
-
|
5422
|
-
|
5360
|
+
var i_1 = $.child(button);
|
5361
|
+
$.reset(button);
|
5362
|
+
$.template_effect(($0, $1) => {
|
5363
|
+
$.set_style(button, $0);
|
5364
|
+
$.set_style(i_1, $1);
|
5423
5365
|
}, [() => objToStyle({
|
5424
5366
|
padding: "4px",
|
5425
5367
|
border: 0,
|
5426
5368
|
background: "none"
|
5427
5369
|
}), () => objToStyle({
|
5428
|
-
|
5429
|
-
background:
|
5430
|
-
})],
|
5431
|
-
|
5432
|
-
|
5433
|
-
});
|
5434
|
-
|
5435
|
-
|
5436
|
-
|
5437
|
-
|
5438
|
-
|
5439
|
-
|
5440
|
-
}, [() => [
|
5441
|
-
|
5442
|
-
|
5443
|
-
|
5444
|
-
|
5370
|
+
...$.get(indicatorItemStyle),
|
5371
|
+
background: $.get(indicator).isActive ? "#555555" : "#AAAAAA"
|
5372
|
+
})], $.derived_safe_equal);
|
5373
|
+
$.event("click", button, () => handleClickIndicator(i));
|
5374
|
+
$.append($$anchor$1, button);
|
5375
|
+
});
|
5376
|
+
$.reset(div_2);
|
5377
|
+
$.reset(div);
|
5378
|
+
$.template_effect(($0) => {
|
5379
|
+
$.set_attribute(div, "data-layer-id", layerId());
|
5380
|
+
$.set_style(ul, $0);
|
5381
|
+
$.set_style(div_2, $.get(indicatorListStyle));
|
5382
|
+
}, [() => [$.get(containerStyle), overrideStyle()].join(" ")], $.derived_safe_equal);
|
5383
|
+
$.event("mousedown", div_1, handleMousedown);
|
5384
|
+
$.event("touchstart", div_1, handleTouchstart);
|
5385
|
+
$.append($$anchor, div);
|
5386
|
+
$.pop();
|
5445
5387
|
}
|
5446
5388
|
|
5447
5389
|
//#endregion
|
5448
5390
|
//#region src/components-flex/slider/SliderItem.svelte
|
5449
|
-
var root$12 =
|
5391
|
+
var root$12 = $.template(`<li class="slider-item svelte-1m93md9"><!></li>`);
|
5450
5392
|
const $$css$13 = {
|
5451
5393
|
hash: "svelte-1m93md9",
|
5452
5394
|
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;}"
|
5453
5395
|
};
|
5454
5396
|
function SliderItem($$anchor, $$props) {
|
5455
|
-
|
5456
|
-
|
5457
|
-
let layerId =
|
5458
|
-
let props =
|
5397
|
+
$.push($$props, false);
|
5398
|
+
$.append_styles($$anchor, $$css$13);
|
5399
|
+
let layerId = $.prop($$props, "layerId", 8);
|
5400
|
+
let props = $.prop($$props, "props", 8);
|
5459
5401
|
useInjectCustomizeCss(props());
|
5460
5402
|
const { attributes, element, handleClick } = useClickable_default(props());
|
5461
|
-
|
5403
|
+
$.init();
|
5462
5404
|
var li = root$12();
|
5463
|
-
var node =
|
5464
|
-
|
5405
|
+
var node = $.child(li);
|
5406
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
5465
5407
|
let attributes_1;
|
5466
|
-
|
5408
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
5467
5409
|
...attributes,
|
5468
5410
|
class: "slider-item-inner"
|
5469
5411
|
}, "svelte-1m93md9"));
|
5470
|
-
|
5471
|
-
var fragment =
|
5472
|
-
var node_1 =
|
5473
|
-
|
5474
|
-
|
5475
|
-
});
|
5476
|
-
|
5477
|
-
|
5478
|
-
|
5479
|
-
|
5412
|
+
$.event("click", $$element, handleClick);
|
5413
|
+
var fragment = $.comment();
|
5414
|
+
var node_1 = $.first_child(fragment);
|
5415
|
+
$.slot(node_1, $$props, "default", {}, null);
|
5416
|
+
$.append($$anchor$1, fragment);
|
5417
|
+
});
|
5418
|
+
$.reset(li);
|
5419
|
+
$.template_effect(() => $.set_attribute(li, "data-layer-id", layerId()));
|
5420
|
+
$.append($$anchor, li);
|
5421
|
+
$.pop();
|
5480
5422
|
}
|
5481
5423
|
|
5482
5424
|
//#endregion
|
@@ -5521,18 +5463,18 @@ const TEXT_VARIANTS = { size: {
|
|
5521
5463
|
|
5522
5464
|
//#endregion
|
5523
5465
|
//#region src/components-flex/text/Text.svelte
|
5524
|
-
var root$11 =
|
5466
|
+
var root$11 = $.template(`<p class="text svelte-vifn7y"><!></p>`);
|
5525
5467
|
const $$css$12 = {
|
5526
5468
|
hash: "svelte-vifn7y",
|
5527
5469
|
code: ".text.svelte-vifn7y {margin:0;word-break:break-all;text-decoration:none;}"
|
5528
5470
|
};
|
5529
5471
|
function Text($$anchor, $$props) {
|
5530
|
-
|
5531
|
-
|
5532
|
-
const escapedHTML =
|
5533
|
-
const style =
|
5534
|
-
let props =
|
5535
|
-
let layerId =
|
5472
|
+
$.push($$props, false);
|
5473
|
+
$.append_styles($$anchor, $$css$12);
|
5474
|
+
const escapedHTML = $.mutable_state();
|
5475
|
+
const style = $.mutable_state();
|
5476
|
+
let props = $.prop($$props, "props", 24, () => ({ content: "" }));
|
5477
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5536
5478
|
useInjectCustomizeCss(props());
|
5537
5479
|
const { brandKit } = useBrandKit();
|
5538
5480
|
const themeStyles = getTextThemeStyles(brandKit);
|
@@ -5581,11 +5523,11 @@ function Text($$anchor, $$props) {
|
|
5581
5523
|
overflow: "hidden"
|
5582
5524
|
};
|
5583
5525
|
})();
|
5584
|
-
|
5585
|
-
|
5526
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
5527
|
+
$.set(escapedHTML, props().content.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/\n/g, "<br />"));
|
5586
5528
|
});
|
5587
|
-
|
5588
|
-
|
5529
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssBorder), () => {
|
5530
|
+
$.set(style, objToStyle({
|
5589
5531
|
position: props()?.position ?? "static",
|
5590
5532
|
textAlign: props().align,
|
5591
5533
|
width: props().width,
|
@@ -5601,33 +5543,33 @@ function Text($$anchor, $$props) {
|
|
5601
5543
|
...toCssBorder(props())
|
5602
5544
|
}));
|
5603
5545
|
});
|
5604
|
-
|
5605
|
-
|
5546
|
+
$.legacy_pre_effect_reset();
|
5547
|
+
$.init();
|
5606
5548
|
var p = root$11();
|
5607
|
-
var node =
|
5608
|
-
|
5609
|
-
|
5610
|
-
|
5611
|
-
|
5612
|
-
|
5549
|
+
var node = $.child(p);
|
5550
|
+
$.html(node, () => $.get(escapedHTML), false, false);
|
5551
|
+
$.reset(p);
|
5552
|
+
$.template_effect(() => {
|
5553
|
+
$.set_attribute(p, "data-layer-id", layerId());
|
5554
|
+
$.set_style(p, $.get(style));
|
5613
5555
|
});
|
5614
|
-
|
5615
|
-
|
5556
|
+
$.append($$anchor, p);
|
5557
|
+
$.pop();
|
5616
5558
|
}
|
5617
5559
|
|
5618
5560
|
//#endregion
|
5619
5561
|
//#region src/components-flex/rich-text/RichText.svelte
|
5620
|
-
var root$10 =
|
5562
|
+
var root$10 = $.template(`<div class="rich-text svelte-dxr423"><!></div>`);
|
5621
5563
|
const $$css$11 = {
|
5622
5564
|
hash: "svelte-dxr423",
|
5623
5565
|
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;}"
|
5624
5566
|
};
|
5625
5567
|
function RichText($$anchor, $$props) {
|
5626
|
-
|
5627
|
-
|
5628
|
-
const style =
|
5629
|
-
let props =
|
5630
|
-
let layerId =
|
5568
|
+
$.push($$props, false);
|
5569
|
+
$.append_styles($$anchor, $$css$11);
|
5570
|
+
const style = $.mutable_state();
|
5571
|
+
let props = $.prop($$props, "props", 24, () => ({ content: "" }));
|
5572
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5631
5573
|
useInjectCustomizeCss(props());
|
5632
5574
|
const { brandKit } = useBrandKit();
|
5633
5575
|
const themeStyles = getTextThemeStyles(brandKit);
|
@@ -5661,8 +5603,8 @@ function RichText($$anchor, $$props) {
|
|
5661
5603
|
fontWeight: getFontWeight()
|
5662
5604
|
};
|
5663
5605
|
};
|
5664
|
-
|
5665
|
-
|
5606
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), toCssPosition), () => {
|
5607
|
+
$.set(style, objToStyle({
|
5666
5608
|
position: props()?.position ?? "static",
|
5667
5609
|
textAlign: props().align,
|
5668
5610
|
width: props().width,
|
@@ -5673,18 +5615,18 @@ function RichText($$anchor, $$props) {
|
|
5673
5615
|
...toCssPosition(props())
|
5674
5616
|
}));
|
5675
5617
|
});
|
5676
|
-
|
5677
|
-
|
5618
|
+
$.legacy_pre_effect_reset();
|
5619
|
+
$.init();
|
5678
5620
|
var div = root$10();
|
5679
|
-
var node =
|
5680
|
-
|
5681
|
-
|
5682
|
-
|
5683
|
-
|
5684
|
-
|
5621
|
+
var node = $.child(div);
|
5622
|
+
$.html(node, () => props().content, false, false);
|
5623
|
+
$.reset(div);
|
5624
|
+
$.template_effect(() => {
|
5625
|
+
$.set_style(div, $.get(style));
|
5626
|
+
$.set_attribute(div, "data-layer-id", layerId());
|
5685
5627
|
});
|
5686
|
-
|
5687
|
-
|
5628
|
+
$.append($$anchor, div);
|
5629
|
+
$.pop();
|
5688
5630
|
}
|
5689
5631
|
|
5690
5632
|
//#endregion
|
@@ -5741,19 +5683,19 @@ const getTextLinkThemeStyles = getPropStyles(callback);
|
|
5741
5683
|
|
5742
5684
|
//#endregion
|
5743
5685
|
//#region src/components-flex/text-link/TextLink.svelte
|
5744
|
-
var root_1$1 =
|
5686
|
+
var root_1$1 = $.template(`<!> <span><!></span>`, 1);
|
5745
5687
|
const $$css$10 = {
|
5746
5688
|
hash: "svelte-dc9m5n",
|
5747
5689
|
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;}"
|
5748
5690
|
};
|
5749
5691
|
function TextLink($$anchor, $$props) {
|
5750
|
-
|
5751
|
-
|
5752
|
-
const escapedHTML =
|
5753
|
-
const variables$1 =
|
5754
|
-
const style =
|
5755
|
-
let props =
|
5756
|
-
let layerId =
|
5692
|
+
$.push($$props, false);
|
5693
|
+
$.append_styles($$anchor, $$css$10);
|
5694
|
+
const escapedHTML = $.mutable_state();
|
5695
|
+
const variables$1 = $.mutable_state();
|
5696
|
+
const style = $.mutable_state();
|
5697
|
+
let props = $.prop($$props, "props", 24, () => ({ label: "" }));
|
5698
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5757
5699
|
useInjectCustomizeCss(props());
|
5758
5700
|
const { brandKit } = useBrandKit();
|
5759
5701
|
const { attributes, element, handleClick } = useClickable_default({
|
@@ -5775,18 +5717,18 @@ function TextLink($$anchor, $$props) {
|
|
5775
5717
|
default: return "underline-hover-on";
|
5776
5718
|
}
|
5777
5719
|
})();
|
5778
|
-
|
5779
|
-
|
5720
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
5721
|
+
$.set(escapedHTML, props().label.replace(/&/g, "<").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/\n/g, "<br />"));
|
5780
5722
|
});
|
5781
|
-
|
5782
|
-
|
5723
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), darkenColor), () => {
|
5724
|
+
$.set(variables$1, {
|
5783
5725
|
"--color": props().color ?? themeStyle.color,
|
5784
5726
|
"--hover-color": darkenColor(props().color ?? themeStyle.color, .12),
|
5785
5727
|
"--active-color": darkenColor(props().color ?? themeStyle.color, .2)
|
5786
5728
|
});
|
5787
5729
|
});
|
5788
|
-
|
5789
|
-
|
5730
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
5731
|
+
$.set(style, objToStyle({
|
5790
5732
|
display: "inline-flex",
|
5791
5733
|
gap: "0.5em",
|
5792
5734
|
alignItems: "center",
|
@@ -5798,48 +5740,48 @@ function TextLink($$anchor, $$props) {
|
|
5798
5740
|
cursor: "pointer",
|
5799
5741
|
...toCssCommon(props()),
|
5800
5742
|
...toCssPosition(props()),
|
5801
|
-
|
5743
|
+
...$.get(variables$1)
|
5802
5744
|
}));
|
5803
5745
|
});
|
5804
|
-
|
5805
|
-
|
5806
|
-
var fragment =
|
5807
|
-
var node =
|
5808
|
-
|
5746
|
+
$.legacy_pre_effect_reset();
|
5747
|
+
$.init();
|
5748
|
+
var fragment = $.comment();
|
5749
|
+
var node = $.first_child(fragment);
|
5750
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
5809
5751
|
let attributes_1;
|
5810
|
-
|
5752
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
5811
5753
|
...attributes,
|
5812
5754
|
class: `link ${underlineClass}`,
|
5813
|
-
style:
|
5755
|
+
style: $.get(style),
|
5814
5756
|
"data-layer-id": layerId()
|
5815
5757
|
}, "svelte-dc9m5n"));
|
5816
|
-
|
5758
|
+
$.event("click", $$element, handleClick);
|
5817
5759
|
var fragment_1 = root_1$1();
|
5818
|
-
var node_1 =
|
5760
|
+
var node_1 = $.first_child(fragment_1);
|
5819
5761
|
{
|
5820
5762
|
var consequent = ($$anchor$2) => {
|
5821
|
-
const expression =
|
5763
|
+
const expression = $.derived_safe_equal(() => ({
|
5822
5764
|
variant: props().iconVariant,
|
5823
5765
|
color: props().iconColor ?? props().color,
|
5824
5766
|
width: "1em",
|
5825
5767
|
height: "1em"
|
5826
5768
|
}));
|
5827
5769
|
Icon($$anchor$2, { get props() {
|
5828
|
-
return
|
5770
|
+
return $.get(expression);
|
5829
5771
|
} });
|
5830
5772
|
};
|
5831
|
-
|
5773
|
+
$.if(node_1, ($$render) => {
|
5832
5774
|
if (props().isIcon && props().iconVariant) $$render(consequent);
|
5833
5775
|
});
|
5834
5776
|
}
|
5835
|
-
var span =
|
5836
|
-
var node_2 =
|
5837
|
-
|
5838
|
-
|
5839
|
-
|
5777
|
+
var span = $.sibling(node_1, 2);
|
5778
|
+
var node_2 = $.child(span);
|
5779
|
+
$.html(node_2, () => $.get(escapedHTML), false, false);
|
5780
|
+
$.reset(span);
|
5781
|
+
$.append($$anchor$1, fragment_1);
|
5840
5782
|
});
|
5841
|
-
|
5842
|
-
|
5783
|
+
$.append($$anchor, fragment);
|
5784
|
+
$.pop();
|
5843
5785
|
}
|
5844
5786
|
|
5845
5787
|
//#endregion
|
@@ -5866,83 +5808,83 @@ const TEXT_LINK_UNDERLINE = {
|
|
5866
5808
|
|
5867
5809
|
//#endregion
|
5868
5810
|
//#region src/components-flex/background-overlay/BackgroundOverlay.svelte
|
5869
|
-
var root_1 =
|
5811
|
+
var root_1 = $.template(`<div></div>`);
|
5870
5812
|
const $$css$9 = {
|
5871
5813
|
hash: "svelte-18nkdjz",
|
5872
5814
|
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;}"
|
5873
5815
|
};
|
5874
5816
|
function BackgroundOverlay($$anchor, $$props) {
|
5875
|
-
|
5876
|
-
|
5877
|
-
let backgroundOverlay =
|
5878
|
-
let className =
|
5817
|
+
$.push($$props, false);
|
5818
|
+
$.append_styles($$anchor, $$css$9);
|
5819
|
+
let backgroundOverlay = $.prop($$props, "backgroundOverlay", 8, false);
|
5820
|
+
let className = $.prop($$props, "class", 8, void 0);
|
5879
5821
|
const dispatch = createEventDispatcher();
|
5880
|
-
|
5881
|
-
var fragment =
|
5882
|
-
var node =
|
5822
|
+
$.init();
|
5823
|
+
var fragment = $.comment();
|
5824
|
+
var node = $.first_child(fragment);
|
5883
5825
|
{
|
5884
5826
|
var consequent = ($$anchor$1) => {
|
5885
5827
|
var div = root_1();
|
5886
|
-
|
5887
|
-
|
5888
|
-
|
5828
|
+
$.template_effect(($0) => $.set_class(div, 1, $0, "svelte-18nkdjz"), [() => $.clsx(["v2-background", className() || ""].join(" "))], $.derived_safe_equal);
|
5829
|
+
$.event("click", div, () => dispatch("click"));
|
5830
|
+
$.append($$anchor$1, div);
|
5889
5831
|
};
|
5890
|
-
|
5832
|
+
$.if(node, ($$render) => {
|
5891
5833
|
if (backgroundOverlay()) $$render(consequent);
|
5892
5834
|
});
|
5893
5835
|
}
|
5894
|
-
|
5895
|
-
|
5836
|
+
$.append($$anchor, fragment);
|
5837
|
+
$.pop();
|
5896
5838
|
}
|
5897
5839
|
|
5898
5840
|
//#endregion
|
5899
5841
|
//#region src/components-flex/modal/Modal.svelte
|
5900
|
-
var root_2 =
|
5901
|
-
var root_4 =
|
5902
|
-
var root$9 =
|
5842
|
+
var root_2 = $.template(`<!> <!>`, 1);
|
5843
|
+
var root_4 = $.template(`<div role="dialog" aria-modal="true"><!></div>`);
|
5844
|
+
var root$9 = $.template(`<!> <!>`, 1);
|
5903
5845
|
const $$css$8 = {
|
5904
5846
|
hash: "svelte-45ue06",
|
5905
5847
|
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 }"
|
5906
5848
|
};
|
5907
5849
|
function Modal($$anchor, $$props) {
|
5908
|
-
|
5909
|
-
|
5910
|
-
const close$1 =
|
5911
|
-
const backgroundClick =
|
5912
|
-
const backgroundClickPC =
|
5913
|
-
const backgroundClickSP =
|
5914
|
-
const handle_keydown =
|
5915
|
-
const visible =
|
5916
|
-
let useBreakPoint =
|
5917
|
-
let placement =
|
5918
|
-
let breakPoint =
|
5919
|
-
let elasticity =
|
5920
|
-
let animation =
|
5921
|
-
let props =
|
5922
|
-
let closeEventName =
|
5923
|
-
let closeEventValue =
|
5924
|
-
let layerId =
|
5850
|
+
$.push($$props, false);
|
5851
|
+
$.append_styles($$anchor, $$css$8);
|
5852
|
+
const close$1 = $.mutable_state();
|
5853
|
+
const backgroundClick = $.mutable_state();
|
5854
|
+
const backgroundClickPC = $.mutable_state();
|
5855
|
+
const backgroundClickSP = $.mutable_state();
|
5856
|
+
const handle_keydown = $.mutable_state();
|
5857
|
+
const visible = $.mutable_state();
|
5858
|
+
let useBreakPoint = $.prop($$props, "useBreakPoint", 8, false);
|
5859
|
+
let placement = $.prop($$props, "placement", 8);
|
5860
|
+
let breakPoint = $.prop($$props, "breakPoint", 8);
|
5861
|
+
let elasticity = $.prop($$props, "elasticity", 8);
|
5862
|
+
let animation = $.prop($$props, "animation", 8, "none");
|
5863
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
5864
|
+
let closeEventName = $.prop($$props, "closeEventName", 8, "");
|
5865
|
+
let closeEventValue = $.prop($$props, "closeEventValue", 8, null);
|
5866
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
5925
5867
|
const { brandKit } = useBrandKit();
|
5926
5868
|
const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
|
5927
5869
|
const position = placement()?.position ?? "center";
|
5928
|
-
let backgroundOverlay =
|
5929
|
-
let backgroundOverlayPC =
|
5930
|
-
let backgroundOverlaySP =
|
5931
|
-
let backgroundClickFunction =
|
5932
|
-
let backgroundClickFunctionPC =
|
5933
|
-
let backgroundClickFunctionSP =
|
5934
|
-
let modalStyles = new Set([]);
|
5935
|
-
let transforms =
|
5870
|
+
let backgroundOverlay = $.mutable_state(position === "center");
|
5871
|
+
let backgroundOverlayPC = $.mutable_state(position === "center");
|
5872
|
+
let backgroundOverlaySP = $.mutable_state(position === "center");
|
5873
|
+
let backgroundClickFunction = $.mutable_state(DefaultModalPlacement.backgroundClick);
|
5874
|
+
let backgroundClickFunctionPC = $.mutable_state(DefaultModalPlacement.backgroundClick);
|
5875
|
+
let backgroundClickFunctionSP = $.mutable_state(DefaultModalPlacement.backgroundClick);
|
5876
|
+
let modalStyles = /* @__PURE__ */ new Set([]);
|
5877
|
+
let transforms = $.mutable_state([{
|
5936
5878
|
query: null,
|
5937
5879
|
...getTransform("center")
|
5938
5880
|
}]);
|
5939
|
-
let modal =
|
5881
|
+
let modal = $.mutable_state();
|
5940
5882
|
onMount$1(() => {
|
5941
|
-
|
5883
|
+
$.set(visible, true);
|
5942
5884
|
});
|
5943
5885
|
onDestroy$1(() => setPreviousFocus());
|
5944
|
-
|
5945
|
-
|
5886
|
+
$.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), execOnClickOperation), () => {
|
5887
|
+
$.set(close$1, () => {
|
5946
5888
|
const onClose$1 = {
|
5947
5889
|
operation: "closeApp",
|
5948
5890
|
args: ["button"]
|
@@ -5951,53 +5893,53 @@ function Modal($$anchor, $$props) {
|
|
5951
5893
|
execOnClickOperation(onClose$1);
|
5952
5894
|
});
|
5953
5895
|
});
|
5954
|
-
|
5955
|
-
if (!isCanvasPreview() && isExistBackgroundOverlayValue)
|
5896
|
+
$.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint())), () => {
|
5897
|
+
if (!isCanvasPreview() && isExistBackgroundOverlayValue) $.set(backgroundOverlay, placement().backgroundOverlay);
|
5956
5898
|
if (useBreakPoint()) {
|
5957
5899
|
const pc = breakPoint()?.PC?.placement?.backgroundOverlay;
|
5958
|
-
|
5900
|
+
$.set(backgroundOverlayPC, pc ?? false);
|
5959
5901
|
const sp = breakPoint()?.SP?.placement?.backgroundOverlay;
|
5960
|
-
|
5902
|
+
$.set(backgroundOverlaySP, sp ?? false);
|
5961
5903
|
}
|
5962
5904
|
});
|
5963
|
-
|
5964
|
-
if (placement() && placement().backgroundClick)
|
5905
|
+
$.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint())), () => {
|
5906
|
+
if (placement() && placement().backgroundClick) $.set(backgroundClickFunction, placement().backgroundClick);
|
5965
5907
|
if (useBreakPoint()) {
|
5966
5908
|
const pc = breakPoint()?.PC?.placement?.backgroundClick;
|
5967
|
-
if (pc)
|
5909
|
+
if (pc) $.set(backgroundClickFunctionPC, pc);
|
5968
5910
|
const sp = breakPoint()?.SP?.placement?.backgroundClick;
|
5969
|
-
if (sp)
|
5911
|
+
if (sp) $.set(backgroundClickFunctionSP, sp);
|
5970
5912
|
}
|
5971
5913
|
});
|
5972
|
-
|
5973
|
-
|
5914
|
+
$.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunction)), () => {
|
5915
|
+
$.set(backgroundClick, () => {
|
5974
5916
|
if (closeEventName()) send_event(closeEventName(), closeEventValue());
|
5975
|
-
execOnClickOperation(
|
5917
|
+
execOnClickOperation($.get(backgroundClickFunction));
|
5976
5918
|
});
|
5977
5919
|
});
|
5978
|
-
|
5979
|
-
|
5920
|
+
$.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunctionPC)), () => {
|
5921
|
+
$.set(backgroundClickPC, () => {
|
5980
5922
|
if (closeEventName()) send_event(closeEventName(), closeEventValue());
|
5981
|
-
execOnClickOperation(
|
5923
|
+
execOnClickOperation($.get(backgroundClickFunctionPC));
|
5982
5924
|
});
|
5983
5925
|
});
|
5984
|
-
|
5985
|
-
|
5926
|
+
$.legacy_pre_effect(() => ($.deep_read_state(closeEventName()), $.deep_read_state(closeEventValue()), $.get(backgroundClickFunctionSP)), () => {
|
5927
|
+
$.set(backgroundClickSP, () => {
|
5986
5928
|
if (closeEventName()) send_event(closeEventName(), closeEventValue());
|
5987
|
-
execOnClickOperation(
|
5929
|
+
execOnClickOperation($.get(backgroundClickFunctionSP));
|
5988
5930
|
});
|
5989
5931
|
});
|
5990
|
-
|
5932
|
+
$.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.get(transforms), $.deep_read_state(breakPoint()), parseStyle), () => {
|
5991
5933
|
let position$1 = DefaultModalPlacement.position;
|
5992
5934
|
if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
|
5993
5935
|
let positionStyle = getPositionStyle(position$1);
|
5994
5936
|
if (!useBreakPoint()) modalStyles.add(positionStyle);
|
5995
5937
|
if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
|
5996
|
-
|
5938
|
+
$.set(transforms, []);
|
5997
5939
|
DEVICE_IDS.forEach((deviceId) => {
|
5998
5940
|
if (!isCanvasPreview() && useBreakPoint()) {
|
5999
5941
|
const positionWithBp = breakPoint()[deviceId]?.placement?.position;
|
6000
|
-
|
5942
|
+
$.get(transforms).push({
|
6001
5943
|
query: DEVICE_QUERIES[deviceId],
|
6002
5944
|
...getTransform(positionWithBp)
|
6003
5945
|
});
|
@@ -6010,12 +5952,12 @@ function Modal($$anchor, $$props) {
|
|
6010
5952
|
}));
|
6011
5953
|
modalStyles.add(positionVariables);
|
6012
5954
|
});
|
6013
|
-
|
5955
|
+
$.get(transforms).push({
|
6014
5956
|
query: null,
|
6015
5957
|
...getTransform(position$1)
|
6016
5958
|
});
|
6017
5959
|
});
|
6018
|
-
|
5960
|
+
$.legacy_pre_effect(() => ($.deep_read_state(placement()), $.deep_read_state(useBreakPoint()), $.deep_read_state(breakPoint()), $.deep_read_state(props()), toCssBorder), () => {
|
6019
5961
|
let margin = DefaultModalPlacement.margin;
|
6020
5962
|
if (!isCanvasPreview() && placement() && placement().margin !== null) margin = placement().margin;
|
6021
5963
|
let marginStyle = getMarginStyle(margin);
|
@@ -6042,110 +5984,110 @@ function Modal($$anchor, $$props) {
|
|
6042
5984
|
});
|
6043
5985
|
modalStyles.add(propsStyle);
|
6044
5986
|
});
|
6045
|
-
|
6046
|
-
|
5987
|
+
$.legacy_pre_effect(() => {}, () => {
|
5988
|
+
$.set(modal, null);
|
6047
5989
|
});
|
6048
|
-
|
6049
|
-
|
5990
|
+
$.legacy_pre_effect(() => $.get(close$1), () => {
|
5991
|
+
$.set(handle_keydown, handleKeydown({ Escape: $.get(close$1) }));
|
6050
5992
|
});
|
6051
|
-
|
6052
|
-
|
5993
|
+
$.legacy_pre_effect(() => {}, () => {
|
5994
|
+
$.set(visible, false);
|
6053
5995
|
});
|
6054
|
-
|
6055
|
-
|
5996
|
+
$.legacy_pre_effect_reset();
|
5997
|
+
$.init();
|
6056
5998
|
var fragment = root$9();
|
6057
|
-
|
6058
|
-
|
5999
|
+
$.event("keydown", $.window, function(...$$args) {
|
6000
|
+
$.get(handle_keydown)?.apply(this, $$args);
|
6059
6001
|
});
|
6060
|
-
var node =
|
6002
|
+
var node = $.first_child(fragment);
|
6061
6003
|
{
|
6062
6004
|
var consequent = ($$anchor$1) => {};
|
6063
6005
|
var alternate = ($$anchor$1, $$elseif) => {
|
6064
6006
|
{
|
6065
6007
|
var consequent_1 = ($$anchor$2) => {
|
6066
6008
|
var fragment_1 = root_2();
|
6067
|
-
var node_1 =
|
6009
|
+
var node_1 = $.first_child(fragment_1);
|
6068
6010
|
BackgroundOverlay(node_1, {
|
6069
6011
|
class: "background-bp-pc",
|
6070
6012
|
get backgroundOverlay() {
|
6071
|
-
return
|
6013
|
+
return $.get(backgroundOverlayPC);
|
6072
6014
|
},
|
6073
6015
|
$$events: { click(...$$args) {
|
6074
|
-
|
6016
|
+
$.get(backgroundClickPC)?.apply(this, $$args);
|
6075
6017
|
} }
|
6076
6018
|
});
|
6077
|
-
var node_2 =
|
6019
|
+
var node_2 = $.sibling(node_1, 2);
|
6078
6020
|
BackgroundOverlay(node_2, {
|
6079
6021
|
class: "background-bp-sp ",
|
6080
6022
|
get backgroundOverlay() {
|
6081
|
-
return
|
6023
|
+
return $.get(backgroundOverlaySP);
|
6082
6024
|
},
|
6083
6025
|
$$events: { click(...$$args) {
|
6084
|
-
|
6026
|
+
$.get(backgroundClickSP)?.apply(this, $$args);
|
6085
6027
|
} }
|
6086
6028
|
});
|
6087
|
-
|
6029
|
+
$.append($$anchor$2, fragment_1);
|
6088
6030
|
};
|
6089
6031
|
var alternate_1 = ($$anchor$2) => {
|
6090
6032
|
BackgroundOverlay($$anchor$2, {
|
6091
6033
|
get backgroundOverlay() {
|
6092
|
-
return
|
6034
|
+
return $.get(backgroundOverlay);
|
6093
6035
|
},
|
6094
6036
|
$$events: { click(...$$args) {
|
6095
|
-
|
6037
|
+
$.get(backgroundClick)?.apply(this, $$args);
|
6096
6038
|
} }
|
6097
6039
|
});
|
6098
6040
|
};
|
6099
|
-
|
6041
|
+
$.if($$anchor$1, ($$render) => {
|
6100
6042
|
if (useBreakPoint()) $$render(consequent_1);
|
6101
6043
|
else $$render(alternate_1, false);
|
6102
6044
|
}, $$elseif);
|
6103
6045
|
}
|
6104
6046
|
};
|
6105
|
-
|
6047
|
+
$.if(node, ($$render) => {
|
6106
6048
|
if (isCanvasPreview()) $$render(consequent);
|
6107
6049
|
else $$render(alternate, false);
|
6108
6050
|
});
|
6109
6051
|
}
|
6110
|
-
var node_3 =
|
6052
|
+
var node_3 = $.sibling(node, 2);
|
6111
6053
|
{
|
6112
6054
|
var consequent_2 = ($$anchor$1) => {
|
6113
6055
|
var div = root_4();
|
6114
|
-
var node_4 =
|
6115
|
-
|
6116
|
-
|
6117
|
-
|
6118
|
-
|
6119
|
-
|
6120
|
-
|
6121
|
-
|
6122
|
-
}, [() =>
|
6123
|
-
|
6124
|
-
transforms:
|
6056
|
+
var node_4 = $.child(div);
|
6057
|
+
$.slot(node_4, $$props, "default", {}, null);
|
6058
|
+
$.reset(div);
|
6059
|
+
$.bind_this(div, ($$value) => $.set(modal, $$value), () => $.get(modal));
|
6060
|
+
$.template_effect(($0, $1) => {
|
6061
|
+
$.set_class(div, 1, $0, "svelte-45ue06");
|
6062
|
+
$.set_attribute(div, "data-layer-id", layerId());
|
6063
|
+
$.set_style(div, $1);
|
6064
|
+
}, [() => $.clsx(["modal", useBreakPoint() ? "modal-bp" : ""].join(" ")), () => Array.from(modalStyles).join(";")], $.derived_safe_equal);
|
6065
|
+
$.transition(1, div, () => customAnimation, () => ({
|
6066
|
+
transforms: $.get(transforms),
|
6125
6067
|
animationStyle: animation()
|
6126
6068
|
}));
|
6127
|
-
|
6069
|
+
$.append($$anchor$1, div);
|
6128
6070
|
};
|
6129
|
-
|
6130
|
-
if (
|
6071
|
+
$.if(node_3, ($$render) => {
|
6072
|
+
if ($.get(visible)) $$render(consequent_2);
|
6131
6073
|
});
|
6132
6074
|
}
|
6133
|
-
|
6134
|
-
|
6075
|
+
$.append($$anchor, fragment);
|
6076
|
+
$.pop();
|
6135
6077
|
}
|
6136
6078
|
|
6137
6079
|
//#endregion
|
6138
6080
|
//#region src/components-flex/code/Code.svelte
|
6139
|
-
var root$8 =
|
6081
|
+
var root$8 = $.template(`<div class="code svelte-igivoz"><!></div>`);
|
6140
6082
|
const $$css$7 = {
|
6141
6083
|
hash: "svelte-igivoz",
|
6142
6084
|
code: ".code.svelte-igivoz {flex-grow:1;flex-shrink:0;align-self:stretch;}\n /*{@html props.rawCss}*/"
|
6143
6085
|
};
|
6144
6086
|
function Code($$anchor, $$props) {
|
6145
|
-
|
6146
|
-
|
6147
|
-
let props =
|
6148
|
-
let layerId =
|
6087
|
+
$.push($$props, false);
|
6088
|
+
$.append_styles($$anchor, $$css$7);
|
6089
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
6090
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
6149
6091
|
function unescapeBraces(str) {
|
6150
6092
|
if (!str) return str;
|
6151
6093
|
return str.replace(/\\([{}])/g, "$1");
|
@@ -6175,14 +6117,14 @@ function Code($$anchor, $$props) {
|
|
6175
6117
|
removeCss();
|
6176
6118
|
};
|
6177
6119
|
});
|
6178
|
-
|
6120
|
+
$.init();
|
6179
6121
|
var div = root$8();
|
6180
|
-
var node =
|
6181
|
-
|
6182
|
-
|
6183
|
-
|
6184
|
-
|
6185
|
-
|
6122
|
+
var node = $.child(div);
|
6123
|
+
$.html(node, () => props().rawHtml, false, false);
|
6124
|
+
$.reset(div);
|
6125
|
+
$.template_effect(() => $.set_attribute(div, "data-layer-id", layerId()));
|
6126
|
+
$.append($$anchor, div);
|
6127
|
+
$.pop();
|
6186
6128
|
}
|
6187
6129
|
|
6188
6130
|
//#endregion
|
@@ -6191,35 +6133,35 @@ const LIST_ITEM_CONTEXT_KEY = "ListItemContext";
|
|
6191
6133
|
|
6192
6134
|
//#endregion
|
6193
6135
|
//#region src/components-flex/list/ListItem.svelte
|
6194
|
-
var root$7 =
|
6136
|
+
var root$7 = $.template(`<li class="list-item svelte-b4b4gh"><!></li>`);
|
6195
6137
|
const $$css$6 = {
|
6196
6138
|
hash: "svelte-b4b4gh",
|
6197
6139
|
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);}"
|
6198
6140
|
};
|
6199
6141
|
function ListItem($$anchor, $$props) {
|
6200
|
-
|
6201
|
-
|
6202
|
-
const variables$1 =
|
6203
|
-
const style =
|
6204
|
-
const innerStyle =
|
6205
|
-
let layerId =
|
6206
|
-
let props =
|
6207
|
-
let item =
|
6142
|
+
$.push($$props, false);
|
6143
|
+
$.append_styles($$anchor, $$css$6);
|
6144
|
+
const variables$1 = $.mutable_state();
|
6145
|
+
const style = $.mutable_state();
|
6146
|
+
const innerStyle = $.mutable_state();
|
6147
|
+
let layerId = $.prop($$props, "layerId", 8);
|
6148
|
+
let props = $.prop($$props, "props", 8);
|
6149
|
+
let item = $.prop($$props, "item", 8);
|
6208
6150
|
useInjectCustomizeCss(props());
|
6209
6151
|
const { attributes, element, handleClick } = useClickable_default(props());
|
6210
6152
|
const context = getContext(LIST_ITEM_CONTEXT_KEY) || {};
|
6211
|
-
|
6212
|
-
|
6153
|
+
$.legacy_pre_effect(() => {}, () => {
|
6154
|
+
$.set(variables$1, { ...context.borderTopWidth ? {
|
6213
6155
|
"--list-item-border-width": context.borderTopWidth ?? "0",
|
6214
6156
|
"--list-item-border-color": context.borderTopColor ?? "rgba(255,255,255,0)",
|
6215
6157
|
"--list-item-border-style": context.borderTopStyle ?? "solid"
|
6216
6158
|
} : {} });
|
6217
6159
|
});
|
6218
|
-
|
6219
|
-
|
6160
|
+
$.legacy_pre_effect(() => $.get(variables$1), () => {
|
6161
|
+
$.set(style, objToStyle($.get(variables$1)));
|
6220
6162
|
});
|
6221
|
-
|
6222
|
-
|
6163
|
+
$.legacy_pre_effect(() => objToStyle, () => {
|
6164
|
+
$.set(innerStyle, objToStyle({
|
6223
6165
|
paddingTop: context.paddingTop,
|
6224
6166
|
paddingBottom: context.paddingBottom,
|
6225
6167
|
paddingLeft: context.paddingLeft,
|
@@ -6227,48 +6169,48 @@ function ListItem($$anchor, $$props) {
|
|
6227
6169
|
gap: context.gap
|
6228
6170
|
}));
|
6229
6171
|
});
|
6230
|
-
|
6231
|
-
|
6172
|
+
$.legacy_pre_effect_reset();
|
6173
|
+
$.init();
|
6232
6174
|
var li = root$7();
|
6233
|
-
var node =
|
6234
|
-
|
6175
|
+
var node = $.child(li);
|
6176
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
6235
6177
|
let attributes_1;
|
6236
|
-
|
6178
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
6237
6179
|
...attributes,
|
6238
6180
|
class: "list-item-inner",
|
6239
|
-
style:
|
6181
|
+
style: $.get(innerStyle)
|
6240
6182
|
}, "svelte-b4b4gh"));
|
6241
|
-
|
6242
|
-
var fragment =
|
6243
|
-
var node_1 =
|
6244
|
-
|
6245
|
-
|
6183
|
+
$.event("click", $$element, handleClick);
|
6184
|
+
var fragment = $.comment();
|
6185
|
+
var node_1 = $.first_child(fragment);
|
6186
|
+
$.slot(node_1, $$props, "default", {}, null);
|
6187
|
+
$.append($$anchor$1, fragment);
|
6246
6188
|
});
|
6247
|
-
|
6248
|
-
|
6249
|
-
|
6250
|
-
|
6189
|
+
$.reset(li);
|
6190
|
+
$.template_effect(() => {
|
6191
|
+
$.set_attribute(li, "data-layer-id", layerId());
|
6192
|
+
$.set_style(li, $.get(style));
|
6251
6193
|
});
|
6252
|
-
|
6253
|
-
|
6194
|
+
$.append($$anchor, li);
|
6195
|
+
$.pop();
|
6254
6196
|
}
|
6255
6197
|
|
6256
6198
|
//#endregion
|
6257
6199
|
//#region src/components-flex/list/List.svelte
|
6258
|
-
var root$6 =
|
6200
|
+
var root$6 = $.template(`<ul class="list svelte-v2vy6p"><!></ul>`);
|
6259
6201
|
const $$css$5 = {
|
6260
6202
|
hash: "svelte-v2vy6p",
|
6261
6203
|
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);}"
|
6262
6204
|
};
|
6263
6205
|
function List($$anchor, $$props) {
|
6264
|
-
|
6265
|
-
|
6266
|
-
const variables$1 =
|
6267
|
-
const actionTableData =
|
6268
|
-
const items =
|
6269
|
-
const style =
|
6270
|
-
let layerId =
|
6271
|
-
let props =
|
6206
|
+
$.push($$props, false);
|
6207
|
+
$.append_styles($$anchor, $$css$5);
|
6208
|
+
const variables$1 = $.mutable_state();
|
6209
|
+
const actionTableData = $.mutable_state();
|
6210
|
+
const items = $.mutable_state();
|
6211
|
+
const style = $.mutable_state();
|
6212
|
+
let layerId = $.prop($$props, "layerId", 8);
|
6213
|
+
let props = $.prop($$props, "props", 8);
|
6272
6214
|
const { brandKit } = useBrandKit();
|
6273
6215
|
useInjectCustomizeCss(props());
|
6274
6216
|
const vars = getVariables();
|
@@ -6283,37 +6225,37 @@ function List($$anchor, $$props) {
|
|
6283
6225
|
borderTopStyle: "solid",
|
6284
6226
|
gap: props().itemGap
|
6285
6227
|
});
|
6286
|
-
|
6287
|
-
|
6228
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
6229
|
+
$.set(variables$1, { ...props().borderWidth ? {
|
6288
6230
|
"--border-width": props().borderWidth,
|
6289
6231
|
"--border-color": props().borderColor,
|
6290
6232
|
"--border-style": props().borderStyle ?? "solid"
|
6291
6233
|
} : {} });
|
6292
6234
|
});
|
6293
|
-
|
6294
|
-
|
6235
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
6236
|
+
$.set(actionTableData, vars[props().actionTableKey]);
|
6295
6237
|
});
|
6296
|
-
|
6297
|
-
|
6238
|
+
$.legacy_pre_effect(() => $.get(actionTableData), () => {
|
6239
|
+
$.set(items, Array.isArray($.get(actionTableData)) ? $.get(actionTableData) : null);
|
6298
6240
|
});
|
6299
|
-
|
6300
|
-
|
6241
|
+
$.legacy_pre_effect(() => ($.deep_read_state(props()), $.get(variables$1)), () => {
|
6242
|
+
$.set(style, objToStyle({
|
6301
6243
|
width: props().width ?? "100%",
|
6302
|
-
|
6244
|
+
...$.get(variables$1)
|
6303
6245
|
}));
|
6304
6246
|
});
|
6305
|
-
|
6306
|
-
|
6247
|
+
$.legacy_pre_effect_reset();
|
6248
|
+
$.init();
|
6307
6249
|
var ul = root$6();
|
6308
|
-
var node =
|
6309
|
-
|
6310
|
-
|
6311
|
-
|
6312
|
-
|
6313
|
-
|
6250
|
+
var node = $.child(ul);
|
6251
|
+
$.slot(node, $$props, "default", {}, null);
|
6252
|
+
$.reset(ul);
|
6253
|
+
$.template_effect(() => {
|
6254
|
+
$.set_attribute(ul, "data-layer-id", layerId());
|
6255
|
+
$.set_style(ul, $.get(style));
|
6314
6256
|
});
|
6315
|
-
|
6316
|
-
|
6257
|
+
$.append($$anchor, ul);
|
6258
|
+
$.pop();
|
6317
6259
|
}
|
6318
6260
|
|
6319
6261
|
//#endregion
|
@@ -6341,17 +6283,17 @@ function splitNumberAndUnit(value) {
|
|
6341
6283
|
|
6342
6284
|
//#endregion
|
6343
6285
|
//#region src/components-flex/multi-column/MultiColumn.svelte
|
6344
|
-
var root$5 =
|
6286
|
+
var root$5 = $.template(`<ul class="list svelte-aoppwp"><!></ul>`);
|
6345
6287
|
const $$css$4 = {
|
6346
6288
|
hash: "svelte-aoppwp",
|
6347
6289
|
code: ".list.svelte-aoppwp {padding:0;margin:0;list-style:none;display:flex;flex-direction:row;}"
|
6348
6290
|
};
|
6349
6291
|
function MultiColumn($$anchor, $$props) {
|
6350
|
-
|
6351
|
-
|
6352
|
-
const style =
|
6353
|
-
let layerId =
|
6354
|
-
let props =
|
6292
|
+
$.push($$props, false);
|
6293
|
+
$.append_styles($$anchor, $$css$4);
|
6294
|
+
const style = $.mutable_state();
|
6295
|
+
let layerId = $.prop($$props, "layerId", 8);
|
6296
|
+
let props = $.prop($$props, "props", 8);
|
6355
6297
|
const { brandKit } = useBrandKit();
|
6356
6298
|
useInjectCustomizeCss(props());
|
6357
6299
|
let listGap = (() => {
|
@@ -6375,46 +6317,46 @@ function MultiColumn($$anchor, $$props) {
|
|
6375
6317
|
gap: listGap,
|
6376
6318
|
innerGap: props().itemGap
|
6377
6319
|
});
|
6378
|
-
|
6379
|
-
|
6320
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
6321
|
+
$.set(style, objToStyle({
|
6380
6322
|
width: `calc(${props().width ?? "100%"} + ${props().gap})`,
|
6381
6323
|
marginLeft: listNegativeMargin,
|
6382
6324
|
marginRight: listNegativeMargin
|
6383
6325
|
}));
|
6384
6326
|
});
|
6385
|
-
|
6386
|
-
|
6327
|
+
$.legacy_pre_effect_reset();
|
6328
|
+
$.init();
|
6387
6329
|
var ul = root$5();
|
6388
|
-
var node =
|
6389
|
-
|
6390
|
-
|
6391
|
-
|
6392
|
-
|
6393
|
-
|
6330
|
+
var node = $.child(ul);
|
6331
|
+
$.slot(node, $$props, "default", {}, null);
|
6332
|
+
$.reset(ul);
|
6333
|
+
$.template_effect(() => {
|
6334
|
+
$.set_attribute(ul, "data-layer-id", layerId());
|
6335
|
+
$.set_style(ul, $.get(style));
|
6394
6336
|
});
|
6395
|
-
|
6396
|
-
|
6337
|
+
$.append($$anchor, ul);
|
6338
|
+
$.pop();
|
6397
6339
|
}
|
6398
6340
|
|
6399
6341
|
//#endregion
|
6400
6342
|
//#region src/components-flex/multi-column/MultiColumnItem.svelte
|
6401
|
-
var root$4 =
|
6343
|
+
var root$4 = $.template(`<li class="multi-column-item svelte-18bwzrs"><!></li>`);
|
6402
6344
|
const $$css$3 = {
|
6403
6345
|
hash: "svelte-18bwzrs",
|
6404
6346
|
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);}"
|
6405
6347
|
};
|
6406
6348
|
function MultiColumnItem($$anchor, $$props) {
|
6407
|
-
|
6408
|
-
|
6409
|
-
const variables$1 =
|
6410
|
-
const style =
|
6411
|
-
let layerId =
|
6412
|
-
let props =
|
6349
|
+
$.push($$props, false);
|
6350
|
+
$.append_styles($$anchor, $$css$3);
|
6351
|
+
const variables$1 = $.mutable_state();
|
6352
|
+
const style = $.mutable_state();
|
6353
|
+
let layerId = $.prop($$props, "layerId", 8);
|
6354
|
+
let props = $.prop($$props, "props", 8);
|
6413
6355
|
useInjectCustomizeCss(props());
|
6414
6356
|
const { attributes, element, handleClick } = useClickable_default(props());
|
6415
6357
|
const context = getContext(MULTI_COLUMN_ITEM_CONTEXT_KEY) || {};
|
6416
|
-
|
6417
|
-
|
6358
|
+
$.legacy_pre_effect(() => {}, () => {
|
6359
|
+
$.set(variables$1, {
|
6418
6360
|
"--multi-column-item-padding-top": context.paddingTop ?? "0",
|
6419
6361
|
"--multi-column-item-padding-left": context.paddingLeft ?? "0",
|
6420
6362
|
"--multi-column-item-padding-right": context.paddingRight ?? "0",
|
@@ -6428,47 +6370,47 @@ function MultiColumnItem($$anchor, $$props) {
|
|
6428
6370
|
} : {}
|
6429
6371
|
});
|
6430
6372
|
});
|
6431
|
-
|
6432
|
-
|
6373
|
+
$.legacy_pre_effect(() => $.get(variables$1), () => {
|
6374
|
+
$.set(style, objToStyle($.get(variables$1)));
|
6433
6375
|
});
|
6434
|
-
|
6435
|
-
|
6376
|
+
$.legacy_pre_effect_reset();
|
6377
|
+
$.init();
|
6436
6378
|
var li = root$4();
|
6437
|
-
var node =
|
6438
|
-
|
6379
|
+
var node = $.child(li);
|
6380
|
+
$.element(node, () => element, false, ($$element, $$anchor$1) => {
|
6439
6381
|
let attributes_1;
|
6440
|
-
|
6382
|
+
$.template_effect(() => attributes_1 = $.set_attributes($$element, attributes_1, {
|
6441
6383
|
...attributes,
|
6442
6384
|
class: "multi-column-item-inner"
|
6443
6385
|
}, "svelte-18bwzrs"));
|
6444
|
-
|
6445
|
-
var fragment =
|
6446
|
-
var node_1 =
|
6447
|
-
|
6448
|
-
|
6386
|
+
$.event("click", $$element, handleClick);
|
6387
|
+
var fragment = $.comment();
|
6388
|
+
var node_1 = $.first_child(fragment);
|
6389
|
+
$.slot(node_1, $$props, "default", {}, null);
|
6390
|
+
$.append($$anchor$1, fragment);
|
6449
6391
|
});
|
6450
|
-
|
6451
|
-
|
6452
|
-
|
6453
|
-
|
6392
|
+
$.reset(li);
|
6393
|
+
$.template_effect(() => {
|
6394
|
+
$.set_attribute(li, "data-layer-id", layerId());
|
6395
|
+
$.set_style(li, $.get(style));
|
6454
6396
|
});
|
6455
|
-
|
6456
|
-
|
6397
|
+
$.append($$anchor, li);
|
6398
|
+
$.pop();
|
6457
6399
|
}
|
6458
6400
|
|
6459
6401
|
//#endregion
|
6460
6402
|
//#region src/components-flex/youtube/Youtube.svelte
|
6461
|
-
var root$3 =
|
6403
|
+
var root$3 = $.template(`<div class="youtube svelte-odfkc2"><div class="youtube-player"></div></div>`);
|
6462
6404
|
const $$css$2 = {
|
6463
6405
|
hash: "svelte-odfkc2",
|
6464
6406
|
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;}"
|
6465
6407
|
};
|
6466
6408
|
function Youtube($$anchor, $$props) {
|
6467
|
-
|
6468
|
-
|
6469
|
-
const style =
|
6470
|
-
let props =
|
6471
|
-
let layerId =
|
6409
|
+
$.push($$props, false);
|
6410
|
+
$.append_styles($$anchor, $$css$2);
|
6411
|
+
const style = $.mutable_state();
|
6412
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
6413
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
6472
6414
|
useInjectCustomizeCss(props());
|
6473
6415
|
if (!window.YT) {
|
6474
6416
|
const tag = document.createElement("script");
|
@@ -6476,7 +6418,7 @@ function Youtube($$anchor, $$props) {
|
|
6476
6418
|
const firstScriptTag = document.getElementsByTagName("script")[0];
|
6477
6419
|
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
|
6478
6420
|
}
|
6479
|
-
let playerRef =
|
6421
|
+
let playerRef = $.mutable_state(void 0);
|
6480
6422
|
let player = null;
|
6481
6423
|
function onPlayerReady() {
|
6482
6424
|
if (props().mute || props().autoplay) player.setVolume(0);
|
@@ -6517,7 +6459,7 @@ function Youtube($$anchor, $$props) {
|
|
6517
6459
|
};
|
6518
6460
|
};
|
6519
6461
|
const createPlayer = () => {
|
6520
|
-
player = new window.YT.Player(
|
6462
|
+
player = new window.YT.Player($.get(playerRef), {
|
6521
6463
|
videoId: props().videoId,
|
6522
6464
|
playerVars: getPlayerVars(),
|
6523
6465
|
events: {
|
@@ -6540,41 +6482,41 @@ function Youtube($$anchor, $$props) {
|
|
6540
6482
|
window.onYouTubeIframeAPIReady = () => {
|
6541
6483
|
createPlayer();
|
6542
6484
|
};
|
6543
|
-
|
6544
|
-
|
6485
|
+
$.legacy_pre_effect(() => $.deep_read_state(props()), () => {
|
6486
|
+
$.set(style, objToStyle({ width: props().width }));
|
6545
6487
|
});
|
6546
|
-
|
6547
|
-
|
6488
|
+
$.legacy_pre_effect_reset();
|
6489
|
+
$.init();
|
6548
6490
|
var div = root$3();
|
6549
|
-
var div_1 =
|
6550
|
-
|
6551
|
-
|
6552
|
-
|
6553
|
-
|
6554
|
-
|
6491
|
+
var div_1 = $.child(div);
|
6492
|
+
$.bind_this(div_1, ($$value) => $.set(playerRef, $$value), () => $.get(playerRef));
|
6493
|
+
$.reset(div);
|
6494
|
+
$.template_effect(() => {
|
6495
|
+
$.set_style(div, $.get(style));
|
6496
|
+
$.set_attribute(div, "data-layer-id", layerId());
|
6555
6497
|
});
|
6556
|
-
|
6557
|
-
|
6498
|
+
$.append($$anchor, div);
|
6499
|
+
$.pop();
|
6558
6500
|
}
|
6559
6501
|
|
6560
6502
|
//#endregion
|
6561
6503
|
//#region src/components-flex/count-down/CountDown.svelte
|
6562
|
-
var root$2 =
|
6504
|
+
var root$2 = $.template(`<div class="countdown svelte-1n395il"><!></div>`);
|
6563
6505
|
const $$css$1 = {
|
6564
6506
|
hash: "svelte-1n395il",
|
6565
6507
|
code: ".countdown.svelte-1n395il {display:flex;align-items:center;gap:4px;}"
|
6566
6508
|
};
|
6567
6509
|
function CountDown($$anchor, $$props) {
|
6568
|
-
|
6569
|
-
|
6570
|
-
const day =
|
6571
|
-
const hour =
|
6572
|
-
const min =
|
6573
|
-
const sec =
|
6574
|
-
let props =
|
6575
|
-
let layerId =
|
6510
|
+
$.push($$props, false);
|
6511
|
+
$.append_styles($$anchor, $$css$1);
|
6512
|
+
const day = $.mutable_state();
|
6513
|
+
const hour = $.mutable_state();
|
6514
|
+
const min = $.mutable_state();
|
6515
|
+
const sec = $.mutable_state();
|
6516
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
6517
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
6576
6518
|
useInjectCustomizeCss(props());
|
6577
|
-
let remainingTime =
|
6519
|
+
let remainingTime = $.mutable_state();
|
6578
6520
|
let timeLimit = props().timeLimit ? new Date(props().timeLimit) : /* @__PURE__ */ new Date();
|
6579
6521
|
function calcRemainingTime(limit) {
|
6580
6522
|
return limit - (/* @__PURE__ */ new Date()).getTime();
|
@@ -6593,9 +6535,9 @@ function CountDown($$anchor, $$props) {
|
|
6593
6535
|
}
|
6594
6536
|
function onEachSecond() {
|
6595
6537
|
const _remainingTime = calcRemainingTime(timeLimit.getTime());
|
6596
|
-
if (_remainingTime > 0)
|
6538
|
+
if (_remainingTime > 0) $.set(remainingTime, formatTimeDiff(_remainingTime));
|
6597
6539
|
else {
|
6598
|
-
|
6540
|
+
$.set(remainingTime, formatTimeDiff(0));
|
6599
6541
|
if (props().onEnd) execOnClickOperation(props().onEnd);
|
6600
6542
|
}
|
6601
6543
|
}
|
@@ -6608,40 +6550,40 @@ function CountDown($$anchor, $$props) {
|
|
6608
6550
|
};
|
6609
6551
|
});
|
6610
6552
|
onEachSecond();
|
6611
|
-
|
6612
|
-
|
6553
|
+
$.legacy_pre_effect(() => $.get(remainingTime), () => {
|
6554
|
+
$.set(day, $.get(remainingTime).day);
|
6613
6555
|
});
|
6614
|
-
|
6615
|
-
|
6556
|
+
$.legacy_pre_effect(() => $.get(remainingTime), () => {
|
6557
|
+
$.set(hour, $.get(remainingTime).hour);
|
6616
6558
|
});
|
6617
|
-
|
6618
|
-
|
6559
|
+
$.legacy_pre_effect(() => $.get(remainingTime), () => {
|
6560
|
+
$.set(min, $.get(remainingTime).min);
|
6619
6561
|
});
|
6620
|
-
|
6621
|
-
|
6562
|
+
$.legacy_pre_effect(() => $.get(remainingTime), () => {
|
6563
|
+
$.set(sec, $.get(remainingTime).sec);
|
6622
6564
|
});
|
6623
|
-
|
6624
|
-
|
6565
|
+
$.legacy_pre_effect_reset();
|
6566
|
+
$.init();
|
6625
6567
|
var div = root$2();
|
6626
|
-
var node =
|
6627
|
-
|
6568
|
+
var node = $.child(div);
|
6569
|
+
$.slot(node, $$props, "default", {
|
6628
6570
|
get day() {
|
6629
|
-
return
|
6571
|
+
return $.get(day);
|
6630
6572
|
},
|
6631
6573
|
get hour() {
|
6632
|
-
return
|
6574
|
+
return $.get(hour);
|
6633
6575
|
},
|
6634
6576
|
get min() {
|
6635
|
-
return
|
6577
|
+
return $.get(min);
|
6636
6578
|
},
|
6637
6579
|
get sec() {
|
6638
|
-
return
|
6580
|
+
return $.get(sec);
|
6639
6581
|
}
|
6640
6582
|
}, null);
|
6641
|
-
|
6642
|
-
|
6643
|
-
|
6644
|
-
|
6583
|
+
$.reset(div);
|
6584
|
+
$.template_effect(() => $.set_attribute(div, "data-layer-id", layerId()));
|
6585
|
+
$.append($$anchor, div);
|
6586
|
+
$.pop();
|
6645
6587
|
}
|
6646
6588
|
|
6647
6589
|
//#endregion
|
@@ -6703,18 +6645,18 @@ const useText = (props) => {
|
|
6703
6645
|
|
6704
6646
|
//#endregion
|
6705
6647
|
//#region src/components-flex/count-down/CountDownValue.svelte
|
6706
|
-
var root$1 =
|
6648
|
+
var root$1 = $.template(`<span class="count-down-value"> </span>`);
|
6707
6649
|
function CountDownValue($$anchor, $$props) {
|
6708
|
-
|
6709
|
-
const [$$stores, $$cleanup] =
|
6710
|
-
const $countdownStore = () =>
|
6711
|
-
const value =
|
6712
|
-
let props =
|
6713
|
-
let layerId =
|
6650
|
+
$.push($$props, false);
|
6651
|
+
const [$$stores, $$cleanup] = $.setup_stores();
|
6652
|
+
const $countdownStore = () => $.store_get(countdownStore, "$countdownStore", $$stores);
|
6653
|
+
const value = $.mutable_state();
|
6654
|
+
let props = $.prop($$props, "props", 24, () => ({}));
|
6655
|
+
let layerId = $.prop($$props, "layerId", 8, "");
|
6714
6656
|
let countdownStore = getContext("countdownStore");
|
6715
6657
|
let { style } = useText(props());
|
6716
|
-
|
6717
|
-
|
6658
|
+
$.legacy_pre_effect(() => ($countdownStore(), $.deep_read_state(props())), () => {
|
6659
|
+
$.set(value, (() => {
|
6718
6660
|
const { day, hour, min, sec } = $countdownStore();
|
6719
6661
|
switch (props().type) {
|
6720
6662
|
case "day": return day?.toString().padStart(2, "0") ?? "";
|
@@ -6725,18 +6667,18 @@ function CountDownValue($$anchor, $$props) {
|
|
6725
6667
|
}
|
6726
6668
|
})());
|
6727
6669
|
});
|
6728
|
-
|
6729
|
-
|
6670
|
+
$.legacy_pre_effect_reset();
|
6671
|
+
$.init();
|
6730
6672
|
var span = root$1();
|
6731
|
-
|
6732
|
-
var text =
|
6733
|
-
|
6734
|
-
|
6735
|
-
|
6736
|
-
|
6737
|
-
});
|
6738
|
-
|
6739
|
-
|
6673
|
+
$.set_style(span, style);
|
6674
|
+
var text = $.child(span, true);
|
6675
|
+
$.reset(span);
|
6676
|
+
$.template_effect(() => {
|
6677
|
+
$.set_attribute(span, "data-layer-id", layerId());
|
6678
|
+
$.set_text(text, $.get(value));
|
6679
|
+
});
|
6680
|
+
$.append($$anchor, span);
|
6681
|
+
$.pop();
|
6740
6682
|
$$cleanup();
|
6741
6683
|
}
|
6742
6684
|
|