grav-svelte 0.1.239 → 0.1.240

package/dist/CRUD/CrudFilters.svelte

@@ -35,6 +35,7 @@
     export let labelLimpiar: string = 'Limpiar';
     export let tooltipFiltrar: string = 'Aplicar filtro';
     export let labelFiltrar: string = 'Filtrar';
+    export let labelMostrando: string = 'Showing:';
 
     // Dynamic grid columns calculation
     $: gridColumns = Math.min(Filtros.length, 6);
@@ -348,7 +349,7 @@
             {#if showMostrandoInput}
                 <div class="filter-item">
                     <InputFormText
-                        label="Mostrando:"
+                        label={labelMostrando}
                         bind:valueVar={localPageSizeStr}
                     />
                 </div>

package/dist/CRUD/CrudFilters.svelte.d.ts

@@ -19,6 +19,7 @@ declare const __propDef: {
         labelLimpiar?: string;
         tooltipFiltrar?: string;
         labelFiltrar?: string;
+        labelMostrando?: string;
     };
     events: {
         add: CustomEvent<any>;

package/dist/CRUD/CrudWrapper.svelte

@@ -32,6 +32,9 @@
     export let labelLimpiar: string = 'Limpiar';
     export let tooltipFiltrar: string = 'Aplicar filtro';
     export let labelFiltrar: string = 'Filtrar';
+    export let labelMostrando: string = 'Mostrando:';
+    export let labelDe: string = 'de';
+    export let labelRegistros: string = 'registros';
     export let dragEnabled: boolean = false;
     export let orderField: string = "inOrden";
     export let minHeightScreen: boolean = false;
@@ -159,6 +162,7 @@
         {labelLimpiar}
         {tooltipFiltrar}
         {labelFiltrar}
+        {labelMostrando}
     />
     </div>
     <div class="crud-table-container crud-anim-item crud-anim-table">
@@ -182,6 +186,9 @@
             {totalRows}
             bind:currentPage
             on:pageChange={handlePageChange}
+            {labelMostrando}
+            {labelDe}
+            {labelRegistros}
         />
     </div>
 

package/dist/CRUD/CrudWrapper.svelte.d.ts

@@ -26,6 +26,9 @@ declare const __propDef: {
         labelLimpiar?: string;
         tooltipFiltrar?: string;
         labelFiltrar?: string;
+        labelMostrando?: string;
+        labelDe?: string;
+        labelRegistros?: string;
         dragEnabled?: boolean;
         orderField?: string;
         minHeightScreen?: boolean;

package/dist/CRUD/PaginationCRUD.svelte

@@ -7,6 +7,9 @@
     export let perPage;
     export let totalRows;
     export let currentPage = 1;
+    export let labelMostrando = 'Showing:';
+    export let labelDe = 'of';
+    export let labelRegistros = 'records';
 
     $: totalPages = Math.ceil(totalRows / perPage);
     $: start = (currentPage - 1) * perPage;
@@ -85,7 +88,7 @@
 
 <div class="pagination-info-container">
     <p class="pagination-info">
-        Mostrando: {start + 1} - {end + 1} de {totalRows} registros
+        {labelMostrando} {start + 1} - {end + 1} {labelDe} {totalRows} {labelRegistros}
     </p>
 </div>
 

package/dist/CRUD/PaginationCRUD.svelte.d.ts

@@ -5,6 +5,9 @@ export default class PaginationCrud extends SvelteComponentTyped<{
     perPage: any;
     totalRows: any;
     currentPage?: number | undefined;
+    labelMostrando?: string | undefined;
+    labelDe?: string | undefined;
+    labelRegistros?: string | undefined;
 }, {
     pageChange: CustomEvent<any>;
 } & {
@@ -20,6 +23,9 @@ declare const __propDef: {
         perPage: any;
         totalRows: any;
         currentPage?: number | undefined;
+        labelMostrando?: string | undefined;
+        labelDe?: string | undefined;
+        labelRegistros?: string | undefined;
     };
     events: {
         pageChange: CustomEvent<any>;

package/dist/Inputs/InputFormSelect.svelte

@@ -21,6 +21,8 @@
   export let onPlusClick: () => void = () => {};
   export let multiple = false;
   export let placeholder: string | undefined = undefined;
+  export let placeholderSingle: string = "Seleccione una opción";
+  export let placeholderMultiple: string = "Seleccione opciones";
 
   let containerEl: HTMLDivElement;
 
@@ -130,7 +132,7 @@
       class="select-input"
       inputStyles="font-size: 16px; color: currentColor !important; background-color: transparent;"
       containerStyles="font-size: 16px; background-color: transparent; border: var(--grav-crud-input-border-width) solid currentColor; border-radius: 0.5rem;"
-      placeholder={placeholder ?? (multiple ? "Seleccione opciones" : "Seleccione una opción")}
+      placeholder={placeholder ?? (multiple ? placeholderMultiple : placeholderSingle)}
       --placeholder-color="currentColor"
       --chevron-color="currentColor"
       --item-color="black"

package/dist/Inputs/InputFormSelect.svelte.d.ts

@@ -25,6 +25,8 @@ declare const __propDef: {
         onPlusClick?: () => void;
         multiple?: boolean;
         placeholder?: string | undefined;
+        placeholderSingle?: string;
+        placeholderMultiple?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

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