@sme.up/ketchup 11.0.0-SNAPSHOT-20241029160403 → 11.0.0-SNAPSHOT-20241030135105

package/dist/components/kup-manager.js

@@ -248,6 +248,7 @@ var KupLanguageGeneric;
     KupLanguageGeneric["ROW_ADD"] = "genericRowAdd";
     KupLanguageGeneric["ROW_DELETE"] = "genericRowDelete";
     KupLanguageGeneric["INVALID_VALUE"] = "genericInvalidValue";
+    KupLanguageGeneric["REQUIRED_VALUE"] = "genericRequiredValue";
 })(KupLanguageGeneric || (KupLanguageGeneric = {}));
 /**
  * Grid decodes (data table customization settings).
@@ -1991,7 +1992,8 @@ const english = {
 		genericUpdate: "Update",
 		genericRowDelete: "Delete row",
 		genericRowAdd: "Add row",
-		genericInvalidValue: "Invalid value"
+		genericInvalidValue: "Invalid value",
+		genericRequiredValue: "This field is required"
 	}
 };
 const french = {
@@ -2245,7 +2247,8 @@ const italian = {
 		genericUpdate: "Aggiorna",
 		genericRowDelete: "Elimina riga",
 		genericRowAdd: "Aggiungi riga",
-		genericInvalidValue: "Valore non valido"
+		genericInvalidValue: "Valore non valido",
+		genericRequiredValue: "Valore obbligatorio"
 	},
 	variants: {
 		smeup: {
@@ -3673,12 +3676,12 @@ const octane = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')",
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const octaneGrey = {
 	cssVariables: {
@@ -3794,12 +3797,12 @@ const octaneGrey = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')",
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const darkOctane = {
 	cssVariables: {
@@ -3919,12 +3922,12 @@ const darkOctane = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')",
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const darkOctaneGray = {
 	cssVariables: {
@@ -4044,12 +4047,12 @@ const darkOctaneGray = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')",
-		"url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const bubbles = {
 	cssVariables: {
@@ -4111,8 +4114,8 @@ const bubbles = {
 		"--kup-drawer-color": "#000000",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Lato, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#2e2e2e",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -4168,8 +4171,9 @@ const bubbles = {
 	},
 	customStyles: {
 	},
-	imports: [
-		"@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const cobalt = {
@@ -4236,8 +4240,8 @@ const cobalt = {
 		"--kup-drawer-color": "#65cbe9",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Blinker, sans-serif;",
-		"--kup-font-family-monospace": "Andalé Mono, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#65cbe9",
 		"--kup-text-on-primary-color": "#f1f7ff",
@@ -4293,8 +4297,9 @@ const cobalt = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Blinker:wght@200;300;600&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const dark = {
@@ -4361,8 +4366,8 @@ const dark = {
 		"--kup-drawer-color": "#f5f5f5",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Lato, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#f5f5f5",
 		"--kup-text-on-primary-color": "#555555",
@@ -4418,8 +4423,9 @@ const dark = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const flamingo = {
@@ -4486,8 +4492,8 @@ const flamingo = {
 		"--kup-drawer-color": "#f5f5f5",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Mali, cursive;",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#f5f5f5",
 		"--kup-text-on-primary-color": "#000000",
@@ -4543,8 +4549,9 @@ const flamingo = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Mali:wght@300&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const graphite = {
@@ -4742,8 +4749,8 @@ const ketchup = {
 		"--kup-drawer-color": "#595959",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Ubuntu, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#595959",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -4799,8 +4806,9 @@ const ketchup = {
 		"--kup-key-icon": "key",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const obsidian = {
@@ -4867,8 +4875,8 @@ const obsidian = {
 		"--kup-drawer-color": "#4c4c4d",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Open Sans, arial, helvatica",
-		"--kup-font-family-monospace": "Courier New, Courier, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#4c4c4d",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -4930,8 +4938,9 @@ const obsidian = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const ocean = {
@@ -4995,8 +5004,8 @@ const ocean = {
 		"--kup-navbar-background-color": "#262626",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Open Sans Condensed, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#1b1b1b",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -5052,8 +5061,9 @@ const ocean = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const print = {
@@ -5258,8 +5268,8 @@ const raj = {
 		"--kup-drawer-color": "#ffffff",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "'Rajdhani', sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#ffffff",
 		"--kup-text-on-primary-color": "#000000",
@@ -5315,8 +5325,9 @@ const raj = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const red = {
@@ -5383,8 +5394,8 @@ const red = {
 		"--kup-drawer-color": "#000000",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Open Sans, arial, helvatica",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#000000",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -5448,8 +5459,9 @@ const red = {
 	},
 	customStyles: {
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const sapphire = {
@@ -5581,7 +5593,11 @@ const sapphire = {
 	},
 	customStyles: {
 		"KUP-DATA-TABLE": "#kup-component th { --kup_datatable_th_border: none; font-weight: normal; }"
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const silver = {
 	cssVariables: {
@@ -5647,8 +5663,8 @@ const silver = {
 		"--kup-drawer-color": "#000000",
 		"--kup-navbar-height": "80px",
 		"--kup-drawer-width": "320px",
-		"--kup-font-family": "Oswald, sans-serif",
-		"--kup-font-family-monospace": "Xanh Mono, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#fefefe",
 		"--kup-text-on-primary-color": "#4a4a4a",
@@ -5707,11 +5723,12 @@ const silver = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Xanh+Mono&display=swap')"
-	],
 	customStyles: {
-	}
+	},
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
+	]
 };
 const teal = {
 	cssVariables: {
@@ -5905,8 +5922,8 @@ const wildlife = {
 		"--kup-drawer-color": "#000000",
 		"--kup-navbar-height": "64px",
 		"--kup-drawer-width": "300px",
-		"--kup-font-family": "Abel, sans-serif",
-		"--kup-font-family-monospace": "Roboto Mono, consolas, monospace",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Mono, monospace",
 		"--kup-font-size": "14px",
 		"--kup-text-color": "#000000",
 		"--kup-text-on-primary-color": "#ffffff",
@@ -5962,8 +5979,9 @@ const wildlife = {
 		"--kup-key-icon": "key-variant",
 		"--kup-search-icon": "search"
 	},
-	imports: [
-		"url('https://fonts.googleapis.com/css2?family=Abel&display=swap')"
+	fonts: [
+		"IbmPlexMono-Regular",
+		"IbmPlexSans-Regular"
 	]
 };
 const themes = {
@@ -6354,6 +6372,15 @@ var KupThemeIconValues;
     KupThemeIconValues["KEY"] = "--kup-key-icon";
     KupThemeIconValues["SEARCH"] = "--kup-search-icon";
 })(KupThemeIconValues || (KupThemeIconValues = {}));
+var KupThemeFonts;
+(function (KupThemeFonts) {
+    KupThemeFonts["IBM_PLEX_MONO"] = "IbmPlexMono-Regular";
+    KupThemeFonts["IBM_PLEX_SANS"] = "IbmPlexSans-Regular";
+})(KupThemeFonts || (KupThemeFonts = {}));
+const KupThemeFontFamilyMap = {
+    [KupThemeFonts.IBM_PLEX_MONO]: 'IBM Plex Mono',
+    [KupThemeFonts.IBM_PLEX_SANS]: 'IBM Plex Sans',
+};
 
 const dom$c = document.documentElement;
 /**
@@ -6373,18 +6400,21 @@ class KupTheme {
             .querySelector('head')
             .appendChild(document.createElement('style'));
     }
-    /**
-     * Sets the CSS variables of the theme.
-     */
-    imports() {
-        const imports = this.list[this.name].imports
-            ? this.list[this.name].imports
-            : [];
-        let css = '';
-        for (let index = 0; index < imports.length; index++) {
-            css += '@import ' + imports[index] + ';';
+    fonts() {
+        const theme = this.list[this.name];
+        let fonts = '';
+        if (theme.fonts) {
+            theme.fonts.forEach((f) => {
+                const fontPath = getAssetPath(`./assets/fonts/${f}`);
+                const fontFace = `@font-face {
+                    font-family: ${KupThemeFontFamilyMap[f]};
+                    src: url('${fontPath}.woff2') format('woff2'),
+                         url('${fontPath}.woff') format('woff');
+                  }`;
+                fonts += fontFace;
+            });
         }
-        return css;
+        return fonts;
     }
     /**
      * Sets the CSS variables of the theme.
@@ -6463,7 +6493,7 @@ class KupTheme {
         }
         this.cssVars = {};
         this.styleTag.innerText =
-            this.imports() +
+            this.fonts() +
                 ' :root[kup-theme="' +
                 this.name +
                 '"]{' +