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