grav-svelte 0.1.237 → 0.1.239

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.
@@ -320,6 +320,7 @@
320
320
  {label}
321
321
  res={dataFetched[i]}
322
322
  bind:justValue={Filtros[i].value}
323
+ placeholder={Filtros[i].placeholder}
323
324
  />
324
325
  {/key}
325
326
  {/if}
@@ -329,6 +330,7 @@
329
330
  {label}
330
331
  res={options}
331
332
  bind:justValue={Filtros[i].value}
333
+ placeholder={Filtros[i].placeholder}
332
334
  />
333
335
  {/key}
334
336
  {/if}
@@ -180,6 +180,7 @@ export interface FiltrosI {
180
180
  value: any;
181
181
  label: string;
182
182
  }[]>;
183
+ placeholder?: string;
183
184
  }
184
185
  export interface CrudWrapperProps {
185
186
  Filtros: FiltrosI[];
@@ -2,8 +2,11 @@
2
2
  import "../typography.css";
3
3
 
4
4
  export let base64Preview: string = "";
5
-
6
5
  export let inputFile: HTMLInputElement;
6
+ export let labelSeleccionar: string = "Selecciona, arrastra o pega una imagen (Ctrl+V)";
7
+ export let labelCargar: string = "Cargar Imagen";
8
+ export let labelEliminar: string = "Eliminar Imagen";
9
+ export let labelDropZone: string = "Arrastra, pega o carga una imagen para previsualizar";
7
10
 
8
11
  // Manejar carga desde archivo
9
12
  function onFileChange(): void {
@@ -83,7 +86,7 @@
83
86
  <div>
84
87
  <!-- Input para cargar archivos -->
85
88
  <label class="file-label" for="fileInput">
86
- Selecciona, arrastra o pega una imagen (Ctrl+V)
89
+ {labelSeleccionar}
87
90
  </label>
88
91
  <input
89
92
  id="fileInput"
@@ -98,7 +101,7 @@
98
101
  on:click={() => inputFile.click()}
99
102
  class="load-button"
100
103
  >
101
- Cargar Imagen
104
+ {labelCargar}
102
105
  </button>
103
106
  </div>
104
107
 
@@ -107,7 +110,7 @@
107
110
  {#if base64Preview}
108
111
  <img src={base64Preview} alt="Preview" class="preview-image" />
109
112
  <button type="button" class="remove-button" on:click={reset}>
110
- Eliminar Imagen
113
+ {labelEliminar}
111
114
  </button>
112
115
  {:else}
113
116
  <div
@@ -117,7 +120,7 @@
117
120
  on:drop={onDrop}
118
121
  >
119
122
  <h1 class="drop-zone-text">
120
- Arrastra, pega o carga una imagen para previsualizar
123
+ {labelDropZone}
121
124
  </h1>
122
125
  </div>
123
126
  {/if}
@@ -4,6 +4,10 @@ declare const __propDef: {
4
4
  props: {
5
5
  base64Preview?: string;
6
6
  inputFile: HTMLInputElement;
7
+ labelSeleccionar?: string;
8
+ labelCargar?: string;
9
+ labelEliminar?: string;
10
+ labelDropZone?: string;
7
11
  };
8
12
  events: {
9
13
  [evt: string]: CustomEvent<any>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "grav-svelte",
3
- "version": "0.1.237",
3
+ "version": "0.1.239",
4
4
  "description": "A collection of Svelte components",
5
5
  "license": "MIT",
6
6
  "scripts": {