@plaidev/karte-action-sdk 1.1.268-29148584.667572de → 1.1.268-29149508.178211fa
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/components-flex/text/types.d.ts +2 -0
- package/dist/hydrate/components-flex/text/types.d.ts +2 -0
- package/dist/hydrate/index.es.js +52 -22
- package/dist/index.es.js +52 -22
- package/dist/svelte5/components-flex/text/types.d.ts +2 -0
- package/dist/svelte5/hydrate/components-flex/text/types.d.ts +2 -0
- package/dist/svelte5/hydrate/index.es.js +52 -22
- package/dist/svelte5/index.es.js +52 -22
- package/dist/svelte5/index.front2.es.js +52 -22
- package/package.json +1 -1
@@ -31,7 +31,9 @@ export type LayerTextProps = CommonProps & BorderProps & RadiusProps & Backgroun
|
|
31
31
|
fontStyle?: Properties["fontStyle"]
|
32
32
|
fontSize?: Properties["fontSize"]
|
33
33
|
fontWeight?: Properties["fontWeight"]
|
34
|
+
letterSpacing?: Properties["letterSpacing"]
|
34
35
|
lineHeight?: number
|
36
|
+
lineClamp?: number
|
35
37
|
color?: Properties["color"]
|
36
38
|
width?: Properties["width"]
|
37
39
|
};
|
@@ -31,7 +31,9 @@ export type LayerTextProps = CommonProps & BorderProps & RadiusProps & Backgroun
|
|
31
31
|
fontStyle?: Properties["fontStyle"]
|
32
32
|
fontSize?: Properties["fontSize"]
|
33
33
|
fontWeight?: Properties["fontWeight"]
|
34
|
+
letterSpacing?: Properties["letterSpacing"]
|
34
35
|
lineHeight?: number
|
36
|
+
lineClamp?: number
|
35
37
|
color?: Properties["color"]
|
36
38
|
width?: Properties["width"]
|
37
39
|
};
|
package/dist/hydrate/index.es.js
CHANGED
@@ -502,14 +502,19 @@ const Fonts = [
|
|
502
502
|
"Noto Serif JP",
|
503
503
|
"Shippori Mincho",
|
504
504
|
"BIZ UDPMincho",
|
505
|
+
"Barlow",
|
505
506
|
"Roboto",
|
506
507
|
"Lato",
|
507
508
|
"Poppins",
|
508
|
-
"
|
509
|
+
"Fraunces",
|
509
510
|
"Raleway",
|
510
511
|
"Montserrat",
|
511
|
-
"
|
512
|
+
"Lora",
|
512
513
|
"Playfair Display",
|
514
|
+
"Anton",
|
515
|
+
"Outfit",
|
516
|
+
"Inter",
|
517
|
+
"Nunito",
|
513
518
|
"Merriweather",
|
514
519
|
"Libre Baskerville",
|
515
520
|
"EB Garamond",
|
@@ -12837,11 +12842,19 @@ const FONT_FAMILY_VARIANT = {
|
|
12837
12842
|
shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
|
12838
12843
|
biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
|
12839
12844
|
serif: createFontVariant("serif", "ja", "min"),
|
12840
|
-
|
12845
|
+
anton: createFontVariant("Anton", "en", "kaku"),
|
12846
|
+
barlow: createFontVariant("Barlow", "en", "kaku"),
|
12847
|
+
fraunces: createFontVariant("Fraunces", "en", "kaku"),
|
12848
|
+
inter: createFontVariant("Inter", "en", "kaku"),
|
12841
12849
|
lato: createFontVariant("Lato", "en", "kaku"),
|
12842
|
-
poppins: createFontVariant("Poppins", "en", "kaku"),
|
12843
12850
|
lora: createFontVariant("Lora", "en", "kaku"),
|
12844
12851
|
monospace: createFontVariant("monospace", "en", "kaku"),
|
12852
|
+
montserrat: createFontVariant("Montserrat", "en", "kaku"),
|
12853
|
+
outfit: createFontVariant("Outfit", "en", "kaku"),
|
12854
|
+
playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
|
12855
|
+
poppins: createFontVariant("Poppins", "en", "kaku"),
|
12856
|
+
raleway: createFontVariant("Raleway", "en", "kaku"),
|
12857
|
+
roboto: createFontVariant("Roboto", "en", "kaku"),
|
12845
12858
|
system_ui: createFontVariant("system-ui", "en", "kaku")
|
12846
12859
|
};
|
12847
12860
|
const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
|
@@ -18850,39 +18863,55 @@ function instance$17($$self, $$props, $$invalidate) {
|
|
18850
18863
|
return void 0;
|
18851
18864
|
};
|
18852
18865
|
const getCssSize = () => {
|
18853
|
-
const
|
18866
|
+
const fontSize = (() => {
|
18854
18867
|
if (props.fontSize) return props.fontSize;
|
18855
18868
|
if (props.size) return TEXT_VARIANTS.size[props.size].fontSize;
|
18856
|
-
return
|
18857
|
-
};
|
18858
|
-
const
|
18869
|
+
return "14px";
|
18870
|
+
})();
|
18871
|
+
const lineHeight = (() => {
|
18859
18872
|
if (props.lineHeight) return props.lineHeight;
|
18860
18873
|
if (props.size) return TEXT_VARIANTS.size[props.size].lineHeight;
|
18861
18874
|
return void 0;
|
18862
|
-
};
|
18863
|
-
const
|
18875
|
+
})();
|
18876
|
+
const fontWeight = (() => {
|
18864
18877
|
if (props.fontWeight) return props.fontWeight;
|
18865
18878
|
if (props.size) return TEXT_VARIANTS.size[props.size].fontWeight;
|
18866
18879
|
return void 0;
|
18867
|
-
};
|
18880
|
+
})();
|
18881
|
+
const letterSpacing = (() => {
|
18882
|
+
if (props.letterSpacing) if (props.letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props.letterSpacing) / 100)}px`;
|
18883
|
+
else return props.letterSpacing;
|
18884
|
+
return void 0;
|
18885
|
+
})();
|
18868
18886
|
return {
|
18869
|
-
fontSize
|
18870
|
-
lineHeight
|
18871
|
-
fontWeight
|
18887
|
+
fontSize,
|
18888
|
+
lineHeight,
|
18889
|
+
fontWeight,
|
18890
|
+
letterSpacing
|
18872
18891
|
};
|
18873
18892
|
};
|
18893
|
+
const lineClampStyles = (() => {
|
18894
|
+
if (typeof props.lineClamp !== "number") return {};
|
18895
|
+
return {
|
18896
|
+
display: "-webkit-box",
|
18897
|
+
WebkitBoxOrient: "vertical",
|
18898
|
+
WebkitLineClamp: props.lineClamp,
|
18899
|
+
overflow: "hidden"
|
18900
|
+
};
|
18901
|
+
})();
|
18874
18902
|
$$self.$$set = ($$props$1) => {
|
18875
18903
|
if ("props" in $$props$1) $$invalidate(3, props = $$props$1.props);
|
18876
18904
|
if ("layerId" in $$props$1) $$invalidate(0, layerId = $$props$1.layerId);
|
18877
18905
|
};
|
18878
18906
|
$$self.$$.update = () => {
|
18879
|
-
if ($$self.$$.dirty & 8) $: $$invalidate(2, escapedHTML = props.content.replace(/&/g, "&
|
18907
|
+
if ($$self.$$.dirty & 8) $: $$invalidate(2, escapedHTML = props.content.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/\n/g, "<br />"));
|
18880
18908
|
if ($$self.$$.dirty & 8) $: $$invalidate(1, style = objToStyle({
|
18881
18909
|
position: props?.position ?? "static",
|
18882
18910
|
textAlign: props.align,
|
18883
18911
|
width: props.width,
|
18884
18912
|
fontFamily,
|
18885
18913
|
color: getColor(),
|
18914
|
+
...lineClampStyles,
|
18886
18915
|
...getCssSize(),
|
18887
18916
|
...toCssRadius(props),
|
18888
18917
|
...toCssBackground(props),
|
@@ -19879,9 +19908,10 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
19879
19908
|
let { layerId = "" } = $$props;
|
19880
19909
|
const { brandKit } = useBrandKit();
|
19881
19910
|
const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== void 0;
|
19882
|
-
|
19883
|
-
let
|
19884
|
-
let
|
19911
|
+
const position = placement?.position ?? "center";
|
19912
|
+
let backgroundOverlay = position === "center";
|
19913
|
+
let backgroundOverlayPC = position === "center";
|
19914
|
+
let backgroundOverlaySP = position === "center";
|
19885
19915
|
let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
|
19886
19916
|
let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
|
19887
19917
|
let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
|
@@ -19953,9 +19983,9 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
19953
19983
|
execOnClickOperation(backgroundClickFunctionSP);
|
19954
19984
|
});
|
19955
19985
|
if ($$self.$$.dirty & 49161) $: {
|
19956
|
-
let position = DefaultModalPlacement.position;
|
19957
|
-
if (!isCanvasPreview() && placement && placement.position !== null) position = placement.position;
|
19958
|
-
let positionStyle = getPositionStyle(position);
|
19986
|
+
let position$1 = DefaultModalPlacement.position;
|
19987
|
+
if (!isCanvasPreview() && placement && placement.position !== null) position$1 = placement.position;
|
19988
|
+
let positionStyle = getPositionStyle(position$1);
|
19959
19989
|
if (!useBreakPoint) modalStyles.add(positionStyle);
|
19960
19990
|
if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
|
19961
19991
|
$$invalidate(3, transforms = []);
|
@@ -19977,7 +20007,7 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
19977
20007
|
});
|
19978
20008
|
transforms.push({
|
19979
20009
|
query: null,
|
19980
|
-
...getTransform(position)
|
20010
|
+
...getTransform(position$1)
|
19981
20011
|
});
|
19982
20012
|
}
|
19983
20013
|
if ($$self.$$.dirty & 180225) $: {
|
package/dist/index.es.js
CHANGED
@@ -502,14 +502,19 @@ const Fonts = [
|
|
502
502
|
"Noto Serif JP",
|
503
503
|
"Shippori Mincho",
|
504
504
|
"BIZ UDPMincho",
|
505
|
+
"Barlow",
|
505
506
|
"Roboto",
|
506
507
|
"Lato",
|
507
508
|
"Poppins",
|
508
|
-
"
|
509
|
+
"Fraunces",
|
509
510
|
"Raleway",
|
510
511
|
"Montserrat",
|
511
|
-
"
|
512
|
+
"Lora",
|
512
513
|
"Playfair Display",
|
514
|
+
"Anton",
|
515
|
+
"Outfit",
|
516
|
+
"Inter",
|
517
|
+
"Nunito",
|
513
518
|
"Merriweather",
|
514
519
|
"Libre Baskerville",
|
515
520
|
"EB Garamond",
|
@@ -11693,11 +11698,19 @@ const FONT_FAMILY_VARIANT = {
|
|
11693
11698
|
shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
|
11694
11699
|
biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
|
11695
11700
|
serif: createFontVariant("serif", "ja", "min"),
|
11696
|
-
|
11701
|
+
anton: createFontVariant("Anton", "en", "kaku"),
|
11702
|
+
barlow: createFontVariant("Barlow", "en", "kaku"),
|
11703
|
+
fraunces: createFontVariant("Fraunces", "en", "kaku"),
|
11704
|
+
inter: createFontVariant("Inter", "en", "kaku"),
|
11697
11705
|
lato: createFontVariant("Lato", "en", "kaku"),
|
11698
|
-
poppins: createFontVariant("Poppins", "en", "kaku"),
|
11699
11706
|
lora: createFontVariant("Lora", "en", "kaku"),
|
11700
11707
|
monospace: createFontVariant("monospace", "en", "kaku"),
|
11708
|
+
montserrat: createFontVariant("Montserrat", "en", "kaku"),
|
11709
|
+
outfit: createFontVariant("Outfit", "en", "kaku"),
|
11710
|
+
playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
|
11711
|
+
poppins: createFontVariant("Poppins", "en", "kaku"),
|
11712
|
+
raleway: createFontVariant("Raleway", "en", "kaku"),
|
11713
|
+
roboto: createFontVariant("Roboto", "en", "kaku"),
|
11701
11714
|
system_ui: createFontVariant("system-ui", "en", "kaku")
|
11702
11715
|
};
|
11703
11716
|
const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
|
@@ -16838,39 +16851,55 @@ function instance$17($$self, $$props, $$invalidate) {
|
|
16838
16851
|
return void 0;
|
16839
16852
|
};
|
16840
16853
|
const getCssSize = () => {
|
16841
|
-
const
|
16854
|
+
const fontSize = (() => {
|
16842
16855
|
if (props.fontSize) return props.fontSize;
|
16843
16856
|
if (props.size) return TEXT_VARIANTS.size[props.size].fontSize;
|
16844
|
-
return
|
16845
|
-
};
|
16846
|
-
const
|
16857
|
+
return "14px";
|
16858
|
+
})();
|
16859
|
+
const lineHeight = (() => {
|
16847
16860
|
if (props.lineHeight) return props.lineHeight;
|
16848
16861
|
if (props.size) return TEXT_VARIANTS.size[props.size].lineHeight;
|
16849
16862
|
return void 0;
|
16850
|
-
};
|
16851
|
-
const
|
16863
|
+
})();
|
16864
|
+
const fontWeight = (() => {
|
16852
16865
|
if (props.fontWeight) return props.fontWeight;
|
16853
16866
|
if (props.size) return TEXT_VARIANTS.size[props.size].fontWeight;
|
16854
16867
|
return void 0;
|
16855
|
-
};
|
16868
|
+
})();
|
16869
|
+
const letterSpacing = (() => {
|
16870
|
+
if (props.letterSpacing) if (props.letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props.letterSpacing) / 100)}px`;
|
16871
|
+
else return props.letterSpacing;
|
16872
|
+
return void 0;
|
16873
|
+
})();
|
16856
16874
|
return {
|
16857
|
-
fontSize
|
16858
|
-
lineHeight
|
16859
|
-
fontWeight
|
16875
|
+
fontSize,
|
16876
|
+
lineHeight,
|
16877
|
+
fontWeight,
|
16878
|
+
letterSpacing
|
16860
16879
|
};
|
16861
16880
|
};
|
16881
|
+
const lineClampStyles = (() => {
|
16882
|
+
if (typeof props.lineClamp !== "number") return {};
|
16883
|
+
return {
|
16884
|
+
display: "-webkit-box",
|
16885
|
+
WebkitBoxOrient: "vertical",
|
16886
|
+
WebkitLineClamp: props.lineClamp,
|
16887
|
+
overflow: "hidden"
|
16888
|
+
};
|
16889
|
+
})();
|
16862
16890
|
$$self.$$set = ($$props$1) => {
|
16863
16891
|
if ("props" in $$props$1) $$invalidate(3, props = $$props$1.props);
|
16864
16892
|
if ("layerId" in $$props$1) $$invalidate(0, layerId = $$props$1.layerId);
|
16865
16893
|
};
|
16866
16894
|
$$self.$$.update = () => {
|
16867
|
-
if ($$self.$$.dirty & 8) $: $$invalidate(2, escapedHTML = props.content.replace(/&/g, "&
|
16895
|
+
if ($$self.$$.dirty & 8) $: $$invalidate(2, escapedHTML = props.content.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/\n/g, "<br />"));
|
16868
16896
|
if ($$self.$$.dirty & 8) $: $$invalidate(1, style = objToStyle({
|
16869
16897
|
position: props?.position ?? "static",
|
16870
16898
|
textAlign: props.align,
|
16871
16899
|
width: props.width,
|
16872
16900
|
fontFamily,
|
16873
16901
|
color: getColor(),
|
16902
|
+
...lineClampStyles,
|
16874
16903
|
...getCssSize(),
|
16875
16904
|
...toCssRadius(props),
|
16876
16905
|
...toCssBackground(props),
|
@@ -17786,9 +17815,10 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
17786
17815
|
let { layerId = "" } = $$props;
|
17787
17816
|
const { brandKit } = useBrandKit();
|
17788
17817
|
const isExistBackgroundOverlayValue = placement && placement.backgroundOverlay !== void 0;
|
17789
|
-
|
17790
|
-
let
|
17791
|
-
let
|
17818
|
+
const position = placement?.position ?? "center";
|
17819
|
+
let backgroundOverlay = position === "center";
|
17820
|
+
let backgroundOverlayPC = position === "center";
|
17821
|
+
let backgroundOverlaySP = position === "center";
|
17792
17822
|
let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
|
17793
17823
|
let backgroundClickFunctionPC = DefaultModalPlacement.backgroundClick;
|
17794
17824
|
let backgroundClickFunctionSP = DefaultModalPlacement.backgroundClick;
|
@@ -17860,9 +17890,9 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
17860
17890
|
execOnClickOperation(backgroundClickFunctionSP);
|
17861
17891
|
});
|
17862
17892
|
if ($$self.$$.dirty & 49161) $: {
|
17863
|
-
let position = DefaultModalPlacement.position;
|
17864
|
-
if (!isCanvasPreview() && placement && placement.position !== null) position = placement.position;
|
17865
|
-
let positionStyle = getPositionStyle(position);
|
17893
|
+
let position$1 = DefaultModalPlacement.position;
|
17894
|
+
if (!isCanvasPreview() && placement && placement.position !== null) position$1 = placement.position;
|
17895
|
+
let positionStyle = getPositionStyle(position$1);
|
17866
17896
|
if (!useBreakPoint) modalStyles.add(positionStyle);
|
17867
17897
|
if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
|
17868
17898
|
$$invalidate(3, transforms = []);
|
@@ -17884,7 +17914,7 @@ function instance$13($$self, $$props, $$invalidate) {
|
|
17884
17914
|
});
|
17885
17915
|
transforms.push({
|
17886
17916
|
query: null,
|
17887
|
-
...getTransform(position)
|
17917
|
+
...getTransform(position$1)
|
17888
17918
|
});
|
17889
17919
|
}
|
17890
17920
|
if ($$self.$$.dirty & 180225) $: {
|
@@ -31,7 +31,9 @@ export type LayerTextProps = CommonProps & BorderProps & RadiusProps & Backgroun
|
|
31
31
|
fontStyle?: Properties["fontStyle"]
|
32
32
|
fontSize?: Properties["fontSize"]
|
33
33
|
fontWeight?: Properties["fontWeight"]
|
34
|
+
letterSpacing?: Properties["letterSpacing"]
|
34
35
|
lineHeight?: number
|
36
|
+
lineClamp?: number
|
35
37
|
color?: Properties["color"]
|
36
38
|
width?: Properties["width"]
|
37
39
|
};
|
@@ -31,7 +31,9 @@ export type LayerTextProps = CommonProps & BorderProps & RadiusProps & Backgroun
|
|
31
31
|
fontStyle?: Properties["fontStyle"]
|
32
32
|
fontSize?: Properties["fontSize"]
|
33
33
|
fontWeight?: Properties["fontWeight"]
|
34
|
+
letterSpacing?: Properties["letterSpacing"]
|
34
35
|
lineHeight?: number
|
36
|
+
lineClamp?: number
|
35
37
|
color?: Properties["color"]
|
36
38
|
width?: Properties["width"]
|
37
39
|
};
|
@@ -560,14 +560,19 @@ const Fonts = [
|
|
560
560
|
"Noto Serif JP",
|
561
561
|
"Shippori Mincho",
|
562
562
|
"BIZ UDPMincho",
|
563
|
+
"Barlow",
|
563
564
|
"Roboto",
|
564
565
|
"Lato",
|
565
566
|
"Poppins",
|
566
|
-
"
|
567
|
+
"Fraunces",
|
567
568
|
"Raleway",
|
568
569
|
"Montserrat",
|
569
|
-
"
|
570
|
+
"Lora",
|
570
571
|
"Playfair Display",
|
572
|
+
"Anton",
|
573
|
+
"Outfit",
|
574
|
+
"Inter",
|
575
|
+
"Nunito",
|
571
576
|
"Merriweather",
|
572
577
|
"Libre Baskerville",
|
573
578
|
"EB Garamond",
|
@@ -3162,11 +3167,19 @@ const FONT_FAMILY_VARIANT = {
|
|
3162
3167
|
shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
|
3163
3168
|
biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
|
3164
3169
|
serif: createFontVariant("serif", "ja", "min"),
|
3165
|
-
|
3170
|
+
anton: createFontVariant("Anton", "en", "kaku"),
|
3171
|
+
barlow: createFontVariant("Barlow", "en", "kaku"),
|
3172
|
+
fraunces: createFontVariant("Fraunces", "en", "kaku"),
|
3173
|
+
inter: createFontVariant("Inter", "en", "kaku"),
|
3166
3174
|
lato: createFontVariant("Lato", "en", "kaku"),
|
3167
|
-
poppins: createFontVariant("Poppins", "en", "kaku"),
|
3168
3175
|
lora: createFontVariant("Lora", "en", "kaku"),
|
3169
3176
|
monospace: createFontVariant("monospace", "en", "kaku"),
|
3177
|
+
montserrat: createFontVariant("Montserrat", "en", "kaku"),
|
3178
|
+
outfit: createFontVariant("Outfit", "en", "kaku"),
|
3179
|
+
playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
|
3180
|
+
poppins: createFontVariant("Poppins", "en", "kaku"),
|
3181
|
+
raleway: createFontVariant("Raleway", "en", "kaku"),
|
3182
|
+
roboto: createFontVariant("Roboto", "en", "kaku"),
|
3170
3183
|
system_ui: createFontVariant("system-ui", "en", "kaku")
|
3171
3184
|
};
|
3172
3185
|
const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
|
@@ -5567,29 +5580,44 @@ function Text($$anchor, $$props) {
|
|
5567
5580
|
return void 0;
|
5568
5581
|
};
|
5569
5582
|
const getCssSize = () => {
|
5570
|
-
const
|
5583
|
+
const fontSize = (() => {
|
5571
5584
|
if (props().fontSize) return props().fontSize;
|
5572
5585
|
if (props().size) return TEXT_VARIANTS.size[props().size].fontSize;
|
5573
|
-
return
|
5574
|
-
};
|
5575
|
-
const
|
5586
|
+
return "14px";
|
5587
|
+
})();
|
5588
|
+
const lineHeight = (() => {
|
5576
5589
|
if (props().lineHeight) return props().lineHeight;
|
5577
5590
|
if (props().size) return TEXT_VARIANTS.size[props().size].lineHeight;
|
5578
5591
|
return void 0;
|
5579
|
-
};
|
5580
|
-
const
|
5592
|
+
})();
|
5593
|
+
const fontWeight = (() => {
|
5581
5594
|
if (props().fontWeight) return props().fontWeight;
|
5582
5595
|
if (props().size) return TEXT_VARIANTS.size[props().size].fontWeight;
|
5583
5596
|
return void 0;
|
5584
|
-
};
|
5597
|
+
})();
|
5598
|
+
const letterSpacing = (() => {
|
5599
|
+
if (props().letterSpacing) if (props().letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props().letterSpacing) / 100)}px`;
|
5600
|
+
else return props().letterSpacing;
|
5601
|
+
return void 0;
|
5602
|
+
})();
|
5585
5603
|
return {
|
5586
|
-
fontSize
|
5587
|
-
lineHeight
|
5588
|
-
fontWeight
|
5604
|
+
fontSize,
|
5605
|
+
lineHeight,
|
5606
|
+
fontWeight,
|
5607
|
+
letterSpacing
|
5589
5608
|
};
|
5590
5609
|
};
|
5610
|
+
const lineClampStyles = (() => {
|
5611
|
+
if (typeof props().lineClamp !== "number") return {};
|
5612
|
+
return {
|
5613
|
+
display: "-webkit-box",
|
5614
|
+
WebkitBoxOrient: "vertical",
|
5615
|
+
WebkitLineClamp: props().lineClamp,
|
5616
|
+
overflow: "hidden"
|
5617
|
+
};
|
5618
|
+
})();
|
5591
5619
|
$$13.legacy_pre_effect(() => $$13.deep_read_state(props()), () => {
|
5592
|
-
$$13.set(escapedHTML, props().content.replace(/&/g, "&
|
5620
|
+
$$13.set(escapedHTML, props().content.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/\n/g, "<br />"));
|
5593
5621
|
});
|
5594
5622
|
$$13.legacy_pre_effect(() => ($$13.deep_read_state(props()), toCssBorder), () => {
|
5595
5623
|
$$13.set(style, objToStyle({
|
@@ -5598,6 +5626,7 @@ function Text($$anchor, $$props) {
|
|
5598
5626
|
width: props().width,
|
5599
5627
|
fontFamily,
|
5600
5628
|
color: getColor(),
|
5629
|
+
...lineClampStyles,
|
5601
5630
|
...getCssSize(),
|
5602
5631
|
...toCssRadius(props()),
|
5603
5632
|
...toCssBackground(props()),
|
@@ -5930,9 +5959,10 @@ function Modal($$anchor, $$props) {
|
|
5930
5959
|
let layerId = $$9.prop($$props, "layerId", 8, "");
|
5931
5960
|
const { brandKit } = useBrandKit();
|
5932
5961
|
const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
|
5933
|
-
|
5934
|
-
let
|
5935
|
-
let
|
5962
|
+
const position = placement()?.position ?? "center";
|
5963
|
+
let backgroundOverlay = $$9.mutable_state(position === "center");
|
5964
|
+
let backgroundOverlayPC = $$9.mutable_state(position === "center");
|
5965
|
+
let backgroundOverlaySP = $$9.mutable_state(position === "center");
|
5936
5966
|
let backgroundClickFunction = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
|
5937
5967
|
let backgroundClickFunctionPC = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
|
5938
5968
|
let backgroundClickFunctionSP = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
|
@@ -5993,9 +6023,9 @@ function Modal($$anchor, $$props) {
|
|
5993
6023
|
});
|
5994
6024
|
});
|
5995
6025
|
$$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.get(transforms), $$9.deep_read_state(breakPoint()), parseStyle), () => {
|
5996
|
-
let position = DefaultModalPlacement.position;
|
5997
|
-
if (!isCanvasPreview() && placement() && placement().position !== null) position = placement().position;
|
5998
|
-
let positionStyle = getPositionStyle(position);
|
6026
|
+
let position$1 = DefaultModalPlacement.position;
|
6027
|
+
if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
|
6028
|
+
let positionStyle = getPositionStyle(position$1);
|
5999
6029
|
if (!useBreakPoint()) modalStyles.add(positionStyle);
|
6000
6030
|
if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
|
6001
6031
|
$$9.set(transforms, []);
|
@@ -6017,7 +6047,7 @@ function Modal($$anchor, $$props) {
|
|
6017
6047
|
});
|
6018
6048
|
$$9.get(transforms).push({
|
6019
6049
|
query: null,
|
6020
|
-
...getTransform(position)
|
6050
|
+
...getTransform(position$1)
|
6021
6051
|
});
|
6022
6052
|
});
|
6023
6053
|
$$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.deep_read_state(breakPoint()), $$9.deep_read_state(props()), toCssBorder), () => {
|
package/dist/svelte5/index.es.js
CHANGED
@@ -560,14 +560,19 @@ const Fonts = [
|
|
560
560
|
"Noto Serif JP",
|
561
561
|
"Shippori Mincho",
|
562
562
|
"BIZ UDPMincho",
|
563
|
+
"Barlow",
|
563
564
|
"Roboto",
|
564
565
|
"Lato",
|
565
566
|
"Poppins",
|
566
|
-
"
|
567
|
+
"Fraunces",
|
567
568
|
"Raleway",
|
568
569
|
"Montserrat",
|
569
|
-
"
|
570
|
+
"Lora",
|
570
571
|
"Playfair Display",
|
572
|
+
"Anton",
|
573
|
+
"Outfit",
|
574
|
+
"Inter",
|
575
|
+
"Nunito",
|
571
576
|
"Merriweather",
|
572
577
|
"Libre Baskerville",
|
573
578
|
"EB Garamond",
|
@@ -3131,11 +3136,19 @@ const FONT_FAMILY_VARIANT = {
|
|
3131
3136
|
shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
|
3132
3137
|
biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
|
3133
3138
|
serif: createFontVariant("serif", "ja", "min"),
|
3134
|
-
|
3139
|
+
anton: createFontVariant("Anton", "en", "kaku"),
|
3140
|
+
barlow: createFontVariant("Barlow", "en", "kaku"),
|
3141
|
+
fraunces: createFontVariant("Fraunces", "en", "kaku"),
|
3142
|
+
inter: createFontVariant("Inter", "en", "kaku"),
|
3135
3143
|
lato: createFontVariant("Lato", "en", "kaku"),
|
3136
|
-
poppins: createFontVariant("Poppins", "en", "kaku"),
|
3137
3144
|
lora: createFontVariant("Lora", "en", "kaku"),
|
3138
3145
|
monospace: createFontVariant("monospace", "en", "kaku"),
|
3146
|
+
montserrat: createFontVariant("Montserrat", "en", "kaku"),
|
3147
|
+
outfit: createFontVariant("Outfit", "en", "kaku"),
|
3148
|
+
playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
|
3149
|
+
poppins: createFontVariant("Poppins", "en", "kaku"),
|
3150
|
+
raleway: createFontVariant("Raleway", "en", "kaku"),
|
3151
|
+
roboto: createFontVariant("Roboto", "en", "kaku"),
|
3139
3152
|
system_ui: createFontVariant("system-ui", "en", "kaku")
|
3140
3153
|
};
|
3141
3154
|
const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
|
@@ -5536,29 +5549,44 @@ function Text($$anchor, $$props) {
|
|
5536
5549
|
return void 0;
|
5537
5550
|
};
|
5538
5551
|
const getCssSize = () => {
|
5539
|
-
const
|
5552
|
+
const fontSize = (() => {
|
5540
5553
|
if (props().fontSize) return props().fontSize;
|
5541
5554
|
if (props().size) return TEXT_VARIANTS.size[props().size].fontSize;
|
5542
|
-
return
|
5543
|
-
};
|
5544
|
-
const
|
5555
|
+
return "14px";
|
5556
|
+
})();
|
5557
|
+
const lineHeight = (() => {
|
5545
5558
|
if (props().lineHeight) return props().lineHeight;
|
5546
5559
|
if (props().size) return TEXT_VARIANTS.size[props().size].lineHeight;
|
5547
5560
|
return void 0;
|
5548
|
-
};
|
5549
|
-
const
|
5561
|
+
})();
|
5562
|
+
const fontWeight = (() => {
|
5550
5563
|
if (props().fontWeight) return props().fontWeight;
|
5551
5564
|
if (props().size) return TEXT_VARIANTS.size[props().size].fontWeight;
|
5552
5565
|
return void 0;
|
5553
|
-
};
|
5566
|
+
})();
|
5567
|
+
const letterSpacing = (() => {
|
5568
|
+
if (props().letterSpacing) if (props().letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props().letterSpacing) / 100)}px`;
|
5569
|
+
else return props().letterSpacing;
|
5570
|
+
return void 0;
|
5571
|
+
})();
|
5554
5572
|
return {
|
5555
|
-
fontSize
|
5556
|
-
lineHeight
|
5557
|
-
fontWeight
|
5573
|
+
fontSize,
|
5574
|
+
lineHeight,
|
5575
|
+
fontWeight,
|
5576
|
+
letterSpacing
|
5558
5577
|
};
|
5559
5578
|
};
|
5579
|
+
const lineClampStyles = (() => {
|
5580
|
+
if (typeof props().lineClamp !== "number") return {};
|
5581
|
+
return {
|
5582
|
+
display: "-webkit-box",
|
5583
|
+
WebkitBoxOrient: "vertical",
|
5584
|
+
WebkitLineClamp: props().lineClamp,
|
5585
|
+
overflow: "hidden"
|
5586
|
+
};
|
5587
|
+
})();
|
5560
5588
|
$$13.legacy_pre_effect(() => $$13.deep_read_state(props()), () => {
|
5561
|
-
$$13.set(escapedHTML, props().content.replace(/&/g, "&
|
5589
|
+
$$13.set(escapedHTML, props().content.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/\n/g, "<br />"));
|
5562
5590
|
});
|
5563
5591
|
$$13.legacy_pre_effect(() => ($$13.deep_read_state(props()), toCssBorder), () => {
|
5564
5592
|
$$13.set(style, objToStyle({
|
@@ -5567,6 +5595,7 @@ function Text($$anchor, $$props) {
|
|
5567
5595
|
width: props().width,
|
5568
5596
|
fontFamily,
|
5569
5597
|
color: getColor(),
|
5598
|
+
...lineClampStyles,
|
5570
5599
|
...getCssSize(),
|
5571
5600
|
...toCssRadius(props()),
|
5572
5601
|
...toCssBackground(props()),
|
@@ -5899,9 +5928,10 @@ function Modal($$anchor, $$props) {
|
|
5899
5928
|
let layerId = $$9.prop($$props, "layerId", 8, "");
|
5900
5929
|
const { brandKit } = useBrandKit();
|
5901
5930
|
const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
|
5902
|
-
|
5903
|
-
let
|
5904
|
-
let
|
5931
|
+
const position = placement()?.position ?? "center";
|
5932
|
+
let backgroundOverlay = $$9.mutable_state(position === "center");
|
5933
|
+
let backgroundOverlayPC = $$9.mutable_state(position === "center");
|
5934
|
+
let backgroundOverlaySP = $$9.mutable_state(position === "center");
|
5905
5935
|
let backgroundClickFunction = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
|
5906
5936
|
let backgroundClickFunctionPC = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
|
5907
5937
|
let backgroundClickFunctionSP = $$9.mutable_state(DefaultModalPlacement.backgroundClick);
|
@@ -5962,9 +5992,9 @@ function Modal($$anchor, $$props) {
|
|
5962
5992
|
});
|
5963
5993
|
});
|
5964
5994
|
$$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.get(transforms), $$9.deep_read_state(breakPoint()), parseStyle), () => {
|
5965
|
-
let position = DefaultModalPlacement.position;
|
5966
|
-
if (!isCanvasPreview() && placement() && placement().position !== null) position = placement().position;
|
5967
|
-
let positionStyle = getPositionStyle(position);
|
5995
|
+
let position$1 = DefaultModalPlacement.position;
|
5996
|
+
if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
|
5997
|
+
let positionStyle = getPositionStyle(position$1);
|
5968
5998
|
if (!useBreakPoint()) modalStyles.add(positionStyle);
|
5969
5999
|
if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
|
5970
6000
|
$$9.set(transforms, []);
|
@@ -5986,7 +6016,7 @@ function Modal($$anchor, $$props) {
|
|
5986
6016
|
});
|
5987
6017
|
$$9.get(transforms).push({
|
5988
6018
|
query: null,
|
5989
|
-
...getTransform(position)
|
6019
|
+
...getTransform(position$1)
|
5990
6020
|
});
|
5991
6021
|
});
|
5992
6022
|
$$9.legacy_pre_effect(() => ($$9.deep_read_state(placement()), $$9.deep_read_state(useBreakPoint()), $$9.deep_read_state(breakPoint()), $$9.deep_read_state(props()), toCssBorder), () => {
|
@@ -561,14 +561,19 @@ const Fonts = [
|
|
561
561
|
"Noto Serif JP",
|
562
562
|
"Shippori Mincho",
|
563
563
|
"BIZ UDPMincho",
|
564
|
+
"Barlow",
|
564
565
|
"Roboto",
|
565
566
|
"Lato",
|
566
567
|
"Poppins",
|
567
|
-
"
|
568
|
+
"Fraunces",
|
568
569
|
"Raleway",
|
569
570
|
"Montserrat",
|
570
|
-
"
|
571
|
+
"Lora",
|
571
572
|
"Playfair Display",
|
573
|
+
"Anton",
|
574
|
+
"Outfit",
|
575
|
+
"Inter",
|
576
|
+
"Nunito",
|
572
577
|
"Merriweather",
|
573
578
|
"Libre Baskerville",
|
574
579
|
"EB Garamond",
|
@@ -3132,11 +3137,19 @@ const FONT_FAMILY_VARIANT = {
|
|
3132
3137
|
shippori_micho: createFontVariant("Shippori Mincho", "ja", "min"),
|
3133
3138
|
biz_udp_micho: createFontVariant("BIZ UDPMincho", "ja", "min"),
|
3134
3139
|
serif: createFontVariant("serif", "ja", "min"),
|
3135
|
-
|
3140
|
+
anton: createFontVariant("Anton", "en", "kaku"),
|
3141
|
+
barlow: createFontVariant("Barlow", "en", "kaku"),
|
3142
|
+
fraunces: createFontVariant("Fraunces", "en", "kaku"),
|
3143
|
+
inter: createFontVariant("Inter", "en", "kaku"),
|
3136
3144
|
lato: createFontVariant("Lato", "en", "kaku"),
|
3137
|
-
poppins: createFontVariant("Poppins", "en", "kaku"),
|
3138
3145
|
lora: createFontVariant("Lora", "en", "kaku"),
|
3139
3146
|
monospace: createFontVariant("monospace", "en", "kaku"),
|
3147
|
+
montserrat: createFontVariant("Montserrat", "en", "kaku"),
|
3148
|
+
outfit: createFontVariant("Outfit", "en", "kaku"),
|
3149
|
+
playfair_display: createFontVariant("Playfair Display", "en", "kaku"),
|
3150
|
+
poppins: createFontVariant("Poppins", "en", "kaku"),
|
3151
|
+
raleway: createFontVariant("Raleway", "en", "kaku"),
|
3152
|
+
roboto: createFontVariant("Roboto", "en", "kaku"),
|
3140
3153
|
system_ui: createFontVariant("system-ui", "en", "kaku")
|
3141
3154
|
};
|
3142
3155
|
const FONT_FAMILY_VARIANTS = toVariantArray(FONT_FAMILY_VARIANT);
|
@@ -5537,29 +5550,44 @@ function Text($$anchor, $$props) {
|
|
5537
5550
|
return void 0;
|
5538
5551
|
};
|
5539
5552
|
const getCssSize = () => {
|
5540
|
-
const
|
5553
|
+
const fontSize = (() => {
|
5541
5554
|
if (props().fontSize) return props().fontSize;
|
5542
5555
|
if (props().size) return TEXT_VARIANTS.size[props().size].fontSize;
|
5543
|
-
return
|
5544
|
-
};
|
5545
|
-
const
|
5556
|
+
return "14px";
|
5557
|
+
})();
|
5558
|
+
const lineHeight = (() => {
|
5546
5559
|
if (props().lineHeight) return props().lineHeight;
|
5547
5560
|
if (props().size) return TEXT_VARIANTS.size[props().size].lineHeight;
|
5548
5561
|
return void 0;
|
5549
|
-
};
|
5550
|
-
const
|
5562
|
+
})();
|
5563
|
+
const fontWeight = (() => {
|
5551
5564
|
if (props().fontWeight) return props().fontWeight;
|
5552
5565
|
if (props().size) return TEXT_VARIANTS.size[props().size].fontWeight;
|
5553
5566
|
return void 0;
|
5554
|
-
};
|
5567
|
+
})();
|
5568
|
+
const letterSpacing = (() => {
|
5569
|
+
if (props().letterSpacing) if (props().letterSpacing.endsWith("%")) return `${parseInt(fontSize) * (parseInt(props().letterSpacing) / 100)}px`;
|
5570
|
+
else return props().letterSpacing;
|
5571
|
+
return void 0;
|
5572
|
+
})();
|
5555
5573
|
return {
|
5556
|
-
fontSize
|
5557
|
-
lineHeight
|
5558
|
-
fontWeight
|
5574
|
+
fontSize,
|
5575
|
+
lineHeight,
|
5576
|
+
fontWeight,
|
5577
|
+
letterSpacing
|
5559
5578
|
};
|
5560
5579
|
};
|
5580
|
+
const lineClampStyles = (() => {
|
5581
|
+
if (typeof props().lineClamp !== "number") return {};
|
5582
|
+
return {
|
5583
|
+
display: "-webkit-box",
|
5584
|
+
WebkitBoxOrient: "vertical",
|
5585
|
+
WebkitLineClamp: props().lineClamp,
|
5586
|
+
overflow: "hidden"
|
5587
|
+
};
|
5588
|
+
})();
|
5561
5589
|
$$14.legacy_pre_effect(() => $$14.deep_read_state(props()), () => {
|
5562
|
-
$$14.set(escapedHTML, props().content.replace(/&/g, "&
|
5590
|
+
$$14.set(escapedHTML, props().content.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'").replace(/\n/g, "<br />"));
|
5563
5591
|
});
|
5564
5592
|
$$14.legacy_pre_effect(() => ($$14.deep_read_state(props()), toCssBorder), () => {
|
5565
5593
|
$$14.set(style, objToStyle({
|
@@ -5568,6 +5596,7 @@ function Text($$anchor, $$props) {
|
|
5568
5596
|
width: props().width,
|
5569
5597
|
fontFamily,
|
5570
5598
|
color: getColor(),
|
5599
|
+
...lineClampStyles,
|
5571
5600
|
...getCssSize(),
|
5572
5601
|
...toCssRadius(props()),
|
5573
5602
|
...toCssBackground(props()),
|
@@ -5900,9 +5929,10 @@ function Modal($$anchor, $$props) {
|
|
5900
5929
|
let layerId = $$10.prop($$props, "layerId", 8, "");
|
5901
5930
|
const { brandKit } = useBrandKit();
|
5902
5931
|
const isExistBackgroundOverlayValue = placement() && placement().backgroundOverlay !== void 0;
|
5903
|
-
|
5904
|
-
let
|
5905
|
-
let
|
5932
|
+
const position = placement()?.position ?? "center";
|
5933
|
+
let backgroundOverlay = $$10.mutable_state(position === "center");
|
5934
|
+
let backgroundOverlayPC = $$10.mutable_state(position === "center");
|
5935
|
+
let backgroundOverlaySP = $$10.mutable_state(position === "center");
|
5906
5936
|
let backgroundClickFunction = $$10.mutable_state(DefaultModalPlacement.backgroundClick);
|
5907
5937
|
let backgroundClickFunctionPC = $$10.mutable_state(DefaultModalPlacement.backgroundClick);
|
5908
5938
|
let backgroundClickFunctionSP = $$10.mutable_state(DefaultModalPlacement.backgroundClick);
|
@@ -5963,9 +5993,9 @@ function Modal($$anchor, $$props) {
|
|
5963
5993
|
});
|
5964
5994
|
});
|
5965
5995
|
$$10.legacy_pre_effect(() => ($$10.deep_read_state(placement()), $$10.deep_read_state(useBreakPoint()), $$10.get(transforms), $$10.deep_read_state(breakPoint()), parseStyle), () => {
|
5966
|
-
let position = DefaultModalPlacement.position;
|
5967
|
-
if (!isCanvasPreview() && placement() && placement().position !== null) position = placement().position;
|
5968
|
-
let positionStyle = getPositionStyle(position);
|
5996
|
+
let position$1 = DefaultModalPlacement.position;
|
5997
|
+
if (!isCanvasPreview() && placement() && placement().position !== null) position$1 = placement().position;
|
5998
|
+
let positionStyle = getPositionStyle(position$1);
|
5969
5999
|
if (!useBreakPoint()) modalStyles.add(positionStyle);
|
5970
6000
|
if (brandKit) modalStyles.add(`font-family: ${brandKit.font_family}`);
|
5971
6001
|
$$10.set(transforms, []);
|
@@ -5987,7 +6017,7 @@ function Modal($$anchor, $$props) {
|
|
5987
6017
|
});
|
5988
6018
|
$$10.get(transforms).push({
|
5989
6019
|
query: null,
|
5990
|
-
...getTransform(position)
|
6020
|
+
...getTransform(position$1)
|
5991
6021
|
});
|
5992
6022
|
});
|
5993
6023
|
$$10.legacy_pre_effect(() => ($$10.deep_read_state(placement()), $$10.deep_read_state(useBreakPoint()), $$10.deep_read_state(breakPoint()), $$10.deep_read_state(props()), toCssBorder), () => {
|