grav-svelte 0.0.73 → 0.0.75

package/dist/CRUD/cells/DynamicButtonCell.svelte

@@ -13,6 +13,7 @@
     <button
         type="button"
         class="{item[header.colorField ?? ''] ?? ''} dynamic-button "
+        style="{header.styleField ? (item[header.styleField] ?? '') : ''}"
         on:click={() => {
             if (header.onButtonClick) {
                 header.onButtonClick(item[idField], item);

package/dist/CRUD/interfaces.d.ts

@@ -39,6 +39,12 @@ export interface TableHeader {
      * Used for DynamicButton type.
      */
     colorField?: string;
+    /**
+     * Field name that contains inline CSS styles for the dynamic button.
+     * Used for DynamicButton type.
+     * Has higher specificity than colorField classes, useful for avoiding CSS hierarchy conflicts.
+     */
+    styleField?: string;
     /**
      * Field name that contains the icon class (e.g., Font Awesome class).
      * Used for DynamicButton type.

package/dist/Inputs/InputFormCascade.svelte

@@ -2,17 +2,49 @@
 	import { onMount } from 'svelte';
     import InputFormSelect from './InputFormSelect.svelte';
 
-	export let levels = []; // [{ label, fetchFn, default, field }]
+	export let levels = []; // [{ label, fetchFn, default, field, showPlusIcon?, onPlusClick? }]
 	// Cargar datos iniciales para el primer nivel
 	let varS = false;
 	let fetchFnCloned = [];
 	export let selectedValues = {};
-	onMount(() => {
+
+	onMount(async () => {
 		varS = false;
+
+		// Clonar las funciones fetch
 		levels.forEach((item) => {
 			fetchFnCloned.push({ fetchFn: item.fetchFn });
-			selectedValues[item.field] = item.default?.value;
 		});
+
+		// Si hay valores iniciales, cargar y establecer los objetos Select completos
+		for (let i = 0; i < levels.length; i++) {
+			const level = levels[i];
+			const initialValue = selectedValues[level.field];
+
+			if (initialValue) {
+				// Cargar las opciones para este nivel
+				let options = [];
+				if (i === 0) {
+					options = await fetchFnCloned[i].fetchFn();
+				} else {
+					// Para niveles subsecuentes, necesitamos el valor del nivel anterior
+					const parentValue = selectedValues[levels[i - 1].field];
+					if (parentValue) {
+						options = await fetchFnCloned[i].fetchFn(parentValue);
+					}
+				}
+
+				// Buscar el objeto Select que coincida con el valor inicial
+				const selectedOption = options.find(opt => opt.value == initialValue);
+				if (selectedOption) {
+					levels[i].default = selectedOption;
+					cacheResults[i] = options; // Cachear los resultados
+				}
+			} else {
+				selectedValues[level.field] = level.default?.value;
+			}
+		}
+
 		varS = true;
 	});
 
@@ -44,6 +76,8 @@
 					{res}
 					changeFunction={(e) => handleChange(0, e.detail, level.field)}
 					onClear={() => handleChange(0, null, level.field)}
+					showPlusIcon={level.showPlusIcon ?? false}
+					onPlusClick={level.onPlusClick ?? (() => {})}
 				/>
 			{/await}
 		{/if}
@@ -62,6 +96,8 @@
 						{res}
 						changeFunction={(e) => handleChange(i, e.detail, level.field)}
 						onClear={() => handleChange(i, null, level.field)}
+						showPlusIcon={level.showPlusIcon ?? false}
+						onPlusClick={level.onPlusClick ?? (() => {})}
 					/>
 				{/await}
 			{:else}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "grav-svelte",
-	"version": "0.0.73",
+	"version": "0.0.75",
 	"description": "A collection of Svelte components",
 	"license": "MIT",
 	"scripts": {