ugcinc-render 1.3.10 → 1.3.12
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/index.d.mts +0 -5
- package/dist/index.d.ts +0 -5
- package/dist/index.js +1 -6
- package/dist/index.mjs +1 -6
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -276,8 +276,6 @@ interface ImageEditorElement {
|
|
|
276
276
|
lineHeight?: number;
|
|
277
277
|
/** Letter spacing in pixels */
|
|
278
278
|
letterSpacing?: number;
|
|
279
|
-
/** Enable font kerning for proper letter pair spacing (default: true) */
|
|
280
|
-
kerning?: boolean;
|
|
281
279
|
/** Horizontal text alignment */
|
|
282
280
|
textAlign?: TextAlignment;
|
|
283
281
|
/** Vertical text alignment within bounds */
|
|
@@ -580,8 +578,6 @@ interface TextSegment extends VisualSegment {
|
|
|
580
578
|
lineHeight?: number;
|
|
581
579
|
/** Letter spacing in pixels (default: 0) */
|
|
582
580
|
letterSpacing?: number;
|
|
583
|
-
/** Enable font kerning for proper letter pair spacing (default: true) */
|
|
584
|
-
kerning?: boolean;
|
|
585
581
|
/** How text wraps to new lines (default: 'word') */
|
|
586
582
|
textWrap?: TextWrap;
|
|
587
583
|
/** How words break across lines (default: 'normal') */
|
|
@@ -993,7 +989,6 @@ declare const TEXT_DEFAULTS: {
|
|
|
993
989
|
backgroundOpacity: number;
|
|
994
990
|
autoWidth: boolean;
|
|
995
991
|
boxAlign: "left";
|
|
996
|
-
kerning: boolean;
|
|
997
992
|
};
|
|
998
993
|
/**
|
|
999
994
|
* Default values for image segments
|
package/dist/index.d.ts
CHANGED
|
@@ -276,8 +276,6 @@ interface ImageEditorElement {
|
|
|
276
276
|
lineHeight?: number;
|
|
277
277
|
/** Letter spacing in pixels */
|
|
278
278
|
letterSpacing?: number;
|
|
279
|
-
/** Enable font kerning for proper letter pair spacing (default: true) */
|
|
280
|
-
kerning?: boolean;
|
|
281
279
|
/** Horizontal text alignment */
|
|
282
280
|
textAlign?: TextAlignment;
|
|
283
281
|
/** Vertical text alignment within bounds */
|
|
@@ -580,8 +578,6 @@ interface TextSegment extends VisualSegment {
|
|
|
580
578
|
lineHeight?: number;
|
|
581
579
|
/** Letter spacing in pixels (default: 0) */
|
|
582
580
|
letterSpacing?: number;
|
|
583
|
-
/** Enable font kerning for proper letter pair spacing (default: true) */
|
|
584
|
-
kerning?: boolean;
|
|
585
581
|
/** How text wraps to new lines (default: 'word') */
|
|
586
582
|
textWrap?: TextWrap;
|
|
587
583
|
/** How words break across lines (default: 'normal') */
|
|
@@ -993,7 +989,6 @@ declare const TEXT_DEFAULTS: {
|
|
|
993
989
|
backgroundOpacity: number;
|
|
994
990
|
autoWidth: boolean;
|
|
995
991
|
boxAlign: "left";
|
|
996
|
-
kerning: boolean;
|
|
997
992
|
};
|
|
998
993
|
/**
|
|
999
994
|
* Default values for image segments
|
package/dist/index.js
CHANGED
|
@@ -96,8 +96,7 @@ var TEXT_DEFAULTS = {
|
|
|
96
96
|
strokeWidth: 0,
|
|
97
97
|
backgroundOpacity: 100,
|
|
98
98
|
autoWidth: false,
|
|
99
|
-
boxAlign: "left"
|
|
100
|
-
kerning: true
|
|
99
|
+
boxAlign: "left"
|
|
101
100
|
};
|
|
102
101
|
var IMAGE_DEFAULTS = {
|
|
103
102
|
fit: "cover",
|
|
@@ -291,7 +290,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
291
290
|
const verticalAlign = segment.verticalAlign ?? TEXT_DEFAULTS.verticalAlign;
|
|
292
291
|
const lineHeight = segment.lineHeight ?? TEXT_DEFAULTS.lineHeight;
|
|
293
292
|
const letterSpacing = (segment.letterSpacing ?? TEXT_DEFAULTS.letterSpacing) * scale;
|
|
294
|
-
const kerning = segment.kerning ?? TEXT_DEFAULTS.kerning;
|
|
295
293
|
const strokeColor = segment.strokeColor;
|
|
296
294
|
const strokeWidth = (segment.strokeWidth ?? TEXT_DEFAULTS.strokeWidth) * scale;
|
|
297
295
|
const uniformPadding = (segment.padding ?? TEXT_DEFAULTS.padding) * scale;
|
|
@@ -356,8 +354,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
356
354
|
color,
|
|
357
355
|
lineHeight,
|
|
358
356
|
letterSpacing,
|
|
359
|
-
// Font kerning for proper letter pair spacing (can be toggled)
|
|
360
|
-
fontKerning: kerning ? "normal" : "none",
|
|
361
357
|
// textAlign works for multi-line text within the (possibly auto-width) box
|
|
362
358
|
textAlign: alignment === "justify" ? "justify" : alignment,
|
|
363
359
|
padding: `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`,
|
|
@@ -394,7 +390,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
394
390
|
color,
|
|
395
391
|
lineHeight,
|
|
396
392
|
letterSpacing,
|
|
397
|
-
kerning,
|
|
398
393
|
alignment,
|
|
399
394
|
paddingTop,
|
|
400
395
|
paddingRight,
|
package/dist/index.mjs
CHANGED
|
@@ -35,8 +35,7 @@ var TEXT_DEFAULTS = {
|
|
|
35
35
|
strokeWidth: 0,
|
|
36
36
|
backgroundOpacity: 100,
|
|
37
37
|
autoWidth: false,
|
|
38
|
-
boxAlign: "left"
|
|
39
|
-
kerning: true
|
|
38
|
+
boxAlign: "left"
|
|
40
39
|
};
|
|
41
40
|
var IMAGE_DEFAULTS = {
|
|
42
41
|
fit: "cover",
|
|
@@ -230,7 +229,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
230
229
|
const verticalAlign = segment.verticalAlign ?? TEXT_DEFAULTS.verticalAlign;
|
|
231
230
|
const lineHeight = segment.lineHeight ?? TEXT_DEFAULTS.lineHeight;
|
|
232
231
|
const letterSpacing = (segment.letterSpacing ?? TEXT_DEFAULTS.letterSpacing) * scale;
|
|
233
|
-
const kerning = segment.kerning ?? TEXT_DEFAULTS.kerning;
|
|
234
232
|
const strokeColor = segment.strokeColor;
|
|
235
233
|
const strokeWidth = (segment.strokeWidth ?? TEXT_DEFAULTS.strokeWidth) * scale;
|
|
236
234
|
const uniformPadding = (segment.padding ?? TEXT_DEFAULTS.padding) * scale;
|
|
@@ -295,8 +293,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
295
293
|
color,
|
|
296
294
|
lineHeight,
|
|
297
295
|
letterSpacing,
|
|
298
|
-
// Font kerning for proper letter pair spacing (can be toggled)
|
|
299
|
-
fontKerning: kerning ? "normal" : "none",
|
|
300
296
|
// textAlign works for multi-line text within the (possibly auto-width) box
|
|
301
297
|
textAlign: alignment === "justify" ? "justify" : alignment,
|
|
302
298
|
padding: `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`,
|
|
@@ -333,7 +329,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
333
329
|
color,
|
|
334
330
|
lineHeight,
|
|
335
331
|
letterSpacing,
|
|
336
|
-
kerning,
|
|
337
332
|
alignment,
|
|
338
333
|
paddingTop,
|
|
339
334
|
paddingRight,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ugcinc-render",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.12",
|
|
4
4
|
"description": "Unified rendering package for UGC Inc - shared types, components, and compositions for pixel-perfect client/server rendering",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|