@blockspoon/cert-badge-renderer 1.0.35 → 1.0.37

package/dist/cjs/templates/ribbons/RibbonWing15.d.ts

@@ -1,2 +1,2 @@
 import { ISvgProps } from "../../interface/index.js";
-export declare function createRibbonWing14({ mainColor, subColor, }: ISvgProps): string;
+export declare function createRibbonWing15({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonWing15.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRibbonWing14 = createRibbonWing14;
-function createRibbonWing14({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+exports.createRibbonWing15 = createRibbonWing15;
+function createRibbonWing15({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
     return `
     <svg
       width="100%"

package/dist/cjs/templates/ribbons/RibbonWing16.d.ts

@@ -1,2 +1,2 @@
 import { ISvgProps } from "../../interface/index.js";
-export declare function createRibbonWing14({ mainColor, subColor, }: ISvgProps): string;
+export declare function createRibbonWing16({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonWing16.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRibbonWing14 = createRibbonWing14;
-function createRibbonWing14({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+exports.createRibbonWing16 = createRibbonWing16;
+function createRibbonWing16({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
     return `
     <svg
       width="100%"

package/dist/cjs/templates/ribbons/RibbonWing17.d.ts

@@ -1,2 +1,2 @@
 import { ISvgProps } from "../../interface/index.js";
-export declare function createRibbonWing14({ mainColor, subColor, }: ISvgProps): string;
+export declare function createRibbonWing17({ mainColor, subColor, }: ISvgProps): string;

package/dist/cjs/templates/ribbons/RibbonWing17.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRibbonWing14 = createRibbonWing14;
-function createRibbonWing14({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+exports.createRibbonWing17 = createRibbonWing17;
+function createRibbonWing17({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
     return `
     <svg
       width="100%"

package/dist/cjs/templates/ribbons/index.d.ts

@@ -61,6 +61,9 @@ import { createRibbonWing10 } from "./RibbonWing10.js";
 import { createRibbonWing11 } from "./RibbonWing11.js";
 import { createRibbonWing12 } from "./RibbonWing12.js";
 import { createRibbonWing14 } from "./RibbonWing14.js";
+import { createRibbonWing15 } from "./RibbonWing15.js";
+import { createRibbonWing16 } from "./RibbonWing16.js";
+import { createRibbonWing17 } from "./RibbonWing17.js";
 import { createRibbonWing104 } from "./RibbonWing104.js";
 import { createRibbonWing105 } from "./RibbonWing105.js";
 import { createRibbonWing106 } from "./RibbonWing106.js";
@@ -128,6 +131,9 @@ declare const Ribbons: {
     RibbonWing11: typeof createRibbonWing11;
     RibbonWing12: typeof createRibbonWing12;
     RibbonWing14: typeof createRibbonWing14;
+    RibbonWing15: typeof createRibbonWing15;
+    RibbonWing16: typeof createRibbonWing16;
+    RibbonWing17: typeof createRibbonWing17;
     RibbonWing104: typeof createRibbonWing104;
     RibbonWing105: typeof createRibbonWing105;
     RibbonWing106: typeof createRibbonWing106;

package/dist/cjs/templates/ribbons/index.js

@@ -63,6 +63,9 @@ const RibbonWing10_js_1 = require("./RibbonWing10.js");
 const RibbonWing11_js_1 = require("./RibbonWing11.js");
 const RibbonWing12_js_1 = require("./RibbonWing12.js");
 const RibbonWing14_js_1 = require("./RibbonWing14.js");
+const RibbonWing15_js_1 = require("./RibbonWing15.js");
+const RibbonWing16_js_1 = require("./RibbonWing16.js");
+const RibbonWing17_js_1 = require("./RibbonWing17.js");
 const RibbonWing104_js_1 = require("./RibbonWing104.js");
 const RibbonWing105_js_1 = require("./RibbonWing105.js");
 const RibbonWing106_js_1 = require("./RibbonWing106.js");
@@ -132,6 +135,9 @@ const Ribbons = {
     RibbonWing11: RibbonWing11_js_1.createRibbonWing11,
     RibbonWing12: RibbonWing12_js_1.createRibbonWing12,
     RibbonWing14: RibbonWing14_js_1.createRibbonWing14,
+    RibbonWing15: RibbonWing15_js_1.createRibbonWing15,
+    RibbonWing16: RibbonWing16_js_1.createRibbonWing16,
+    RibbonWing17: RibbonWing17_js_1.createRibbonWing17,
     RibbonWing104: RibbonWing104_js_1.createRibbonWing104,
     RibbonWing105: RibbonWing105_js_1.createRibbonWing105,
     RibbonWing106: RibbonWing106_js_1.createRibbonWing106,

package/dist/cjs/templates/svgTemplate.js

@@ -751,6 +751,18 @@ exports.ribbonTemplates = [
         id: "RibbonWing104",
         Component: index_js_2.default.RibbonWing104,
     },
+    {
+        id: "RibbonWing15",
+        Component: index_js_2.default.RibbonWing15,
+    },
+    {
+        id: "RibbonWing16",
+        Component: index_js_2.default.RibbonWing16,
+    },
+    {
+        id: "RibbonWing17",
+        Component: index_js_2.default.RibbonWing17,
+    },
     {
         id: "RibbonWing105",
         Component: index_js_2.default.RibbonWing105,

package/dist/cjs/utils/generateAchievementHTML.js

@@ -136,8 +136,8 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
             : element.textAlign === "left"
                 ? "flex-start"
                 : "flex-end"};
-      word-break: break-word;
-      white-space: pre-wrap;
+      word-break: ${type === "badge" ? "break-word" : "normal"};
+      white-space: ${type === "badge" ? "pre" : "normal"};
       opacity: ${element.opacity || 1};
     `;
         if (element.controlType === "svg") {

package/dist/cjs/utils/generateDesignHTML.js

@@ -136,8 +136,8 @@ async function generateDesignHTML(data, options = {}) {
             : element.textAlign === "left"
                 ? "flex-start"
                 : "flex-end"};
-        word-break: break-word;
-        white-space: pre-wrap;
+        word-break: ${isBadge ? "break-word" : "normal"};
+        white-space: ${isBadge ? "pre-wrap" : "normal"};
         opacity: ${element.opacity || 1};
       `;
         if (element.controlType === "svg") {

package/dist/esm/templates/ribbons/RibbonWing15.d.ts

@@ -1,2 +1,2 @@
 import { ISvgProps } from "../../interface/index.js";
-export declare function createRibbonWing14({ mainColor, subColor, }: ISvgProps): string;
+export declare function createRibbonWing15({ mainColor, subColor, }: ISvgProps): string;

package/dist/esm/templates/ribbons/RibbonWing15.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRibbonWing14 = createRibbonWing14;
-function createRibbonWing14({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+exports.createRibbonWing15 = createRibbonWing15;
+function createRibbonWing15({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
     return `
     <svg
       width="100%"

package/dist/esm/templates/ribbons/RibbonWing16.d.ts

@@ -1,2 +1,2 @@
 import { ISvgProps } from "../../interface/index.js";
-export declare function createRibbonWing14({ mainColor, subColor, }: ISvgProps): string;
+export declare function createRibbonWing16({ mainColor, subColor, }: ISvgProps): string;

package/dist/esm/templates/ribbons/RibbonWing16.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRibbonWing14 = createRibbonWing14;
-function createRibbonWing14({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+exports.createRibbonWing16 = createRibbonWing16;
+function createRibbonWing16({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
     return `
     <svg
       width="100%"

package/dist/esm/templates/ribbons/RibbonWing17.d.ts

@@ -1,2 +1,2 @@
 import { ISvgProps } from "../../interface/index.js";
-export declare function createRibbonWing14({ mainColor, subColor, }: ISvgProps): string;
+export declare function createRibbonWing17({ mainColor, subColor, }: ISvgProps): string;

package/dist/esm/templates/ribbons/RibbonWing17.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRibbonWing14 = createRibbonWing14;
-function createRibbonWing14({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
+exports.createRibbonWing17 = createRibbonWing17;
+function createRibbonWing17({ mainColor = "#96A6B4", subColor = "#96A6B4", }) {
     return `
     <svg
       width="100%"

package/dist/esm/templates/ribbons/index.d.ts

@@ -61,6 +61,9 @@ import { createRibbonWing10 } from "./RibbonWing10.js";
 import { createRibbonWing11 } from "./RibbonWing11.js";
 import { createRibbonWing12 } from "./RibbonWing12.js";
 import { createRibbonWing14 } from "./RibbonWing14.js";
+import { createRibbonWing15 } from "./RibbonWing15.js";
+import { createRibbonWing16 } from "./RibbonWing16.js";
+import { createRibbonWing17 } from "./RibbonWing17.js";
 import { createRibbonWing104 } from "./RibbonWing104.js";
 import { createRibbonWing105 } from "./RibbonWing105.js";
 import { createRibbonWing106 } from "./RibbonWing106.js";
@@ -128,6 +131,9 @@ declare const Ribbons: {
     RibbonWing11: typeof createRibbonWing11;
     RibbonWing12: typeof createRibbonWing12;
     RibbonWing14: typeof createRibbonWing14;
+    RibbonWing15: typeof createRibbonWing15;
+    RibbonWing16: typeof createRibbonWing16;
+    RibbonWing17: typeof createRibbonWing17;
     RibbonWing104: typeof createRibbonWing104;
     RibbonWing105: typeof createRibbonWing105;
     RibbonWing106: typeof createRibbonWing106;

package/dist/esm/templates/ribbons/index.js

@@ -63,6 +63,9 @@ const RibbonWing10_js_1 = require("./RibbonWing10.js");
 const RibbonWing11_js_1 = require("./RibbonWing11.js");
 const RibbonWing12_js_1 = require("./RibbonWing12.js");
 const RibbonWing14_js_1 = require("./RibbonWing14.js");
+const RibbonWing15_js_1 = require("./RibbonWing15.js");
+const RibbonWing16_js_1 = require("./RibbonWing16.js");
+const RibbonWing17_js_1 = require("./RibbonWing17.js");
 const RibbonWing104_js_1 = require("./RibbonWing104.js");
 const RibbonWing105_js_1 = require("./RibbonWing105.js");
 const RibbonWing106_js_1 = require("./RibbonWing106.js");
@@ -132,6 +135,9 @@ const Ribbons = {
     RibbonWing11: RibbonWing11_js_1.createRibbonWing11,
     RibbonWing12: RibbonWing12_js_1.createRibbonWing12,
     RibbonWing14: RibbonWing14_js_1.createRibbonWing14,
+    RibbonWing15: RibbonWing15_js_1.createRibbonWing15,
+    RibbonWing16: RibbonWing16_js_1.createRibbonWing16,
+    RibbonWing17: RibbonWing17_js_1.createRibbonWing17,
     RibbonWing104: RibbonWing104_js_1.createRibbonWing104,
     RibbonWing105: RibbonWing105_js_1.createRibbonWing105,
     RibbonWing106: RibbonWing106_js_1.createRibbonWing106,

package/dist/esm/templates/svgTemplate.js

@@ -751,6 +751,18 @@ exports.ribbonTemplates = [
         id: "RibbonWing104",
         Component: index_js_2.default.RibbonWing104,
     },
+    {
+        id: "RibbonWing15",
+        Component: index_js_2.default.RibbonWing15,
+    },
+    {
+        id: "RibbonWing16",
+        Component: index_js_2.default.RibbonWing16,
+    },
+    {
+        id: "RibbonWing17",
+        Component: index_js_2.default.RibbonWing17,
+    },
     {
         id: "RibbonWing105",
         Component: index_js_2.default.RibbonWing105,

package/dist/esm/utils/generateAchievementHTML.js

@@ -136,8 +136,8 @@ async function generateAchievementHTML(achievementInfo, options = {}) {
             : element.textAlign === "left"
                 ? "flex-start"
                 : "flex-end"};
-      word-break: break-word;
-      white-space: pre-wrap;
+      word-break: ${type === "badge" ? "break-word" : "normal"};
+      white-space: ${type === "badge" ? "pre" : "normal"};
       opacity: ${element.opacity || 1};
     `;
         if (element.controlType === "svg") {

package/dist/esm/utils/generateDesignHTML.js

@@ -136,8 +136,8 @@ async function generateDesignHTML(data, options = {}) {
             : element.textAlign === "left"
                 ? "flex-start"
                 : "flex-end"};
-        word-break: break-word;
-        white-space: pre-wrap;
+        word-break: ${isBadge ? "break-word" : "normal"};
+        white-space: ${isBadge ? "pre-wrap" : "normal"};
         opacity: ${element.opacity || 1};
       `;
         if (element.controlType === "svg") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockspoon/cert-badge-renderer",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "description": "Render certificate and badge designs from Kolleges achievement data into HTML, PNG, or Base64.",
   "main": "./dist/esm/index.js",
   "exports": {

package/src/utils/generateAchievementHTML.ts

@@ -187,7 +187,7 @@ export async function generateAchievementHTML(
           : "flex-end"
       };
       word-break: ${type === "badge" ? "break-word" : "normal"};
-      white-space: ${type === "badge" ? "pre-wrap" : "normal"};
+      white-space: ${type === "badge" ? "pre" : "normal"};
       opacity: ${element.opacity || 1};
     `;