@regcheq/ui-vue-2 1.14.1 → 1.15.1

package/dist/index.css

@@ -965,10 +965,6 @@
   position: relative;
   display: inline-block;
 }
-.rq-tooltip-wrapper .rq-tooltip--visible {
-  opacity: 1;
-  pointer-events: auto;
-}
 
 .rq-tooltip {
   z-index: 1051;
@@ -989,6 +985,10 @@
   pointer-events: none;
   transition: opacity 100ms ease-out;
 }
+.rq-tooltip--visible {
+  opacity: 1;
+  pointer-events: auto;
+}
 .rq-tooltip--text-left {
   text-align: left;
 }

package/dist/index.esm.js

@@ -33076,6 +33076,9 @@ var script$l = {
     // (celda de tabla, panel con scroll, drawer) puede recortarlo. Además deja
     // de aportar al área scrolleable del contenedor, que con `absolute`
     // producía scrollbars horizontales aunque el tooltip estuviera oculto.
+    // Ojo: `fixed` se resuelve contra el bloque contenedor, y basta un
+    // ancestro con transform/filter/perspective para volverse uno — por eso
+    // la burbuja se mueve a <body> mientras se muestra (ver portal()).
     style() {
       const base = {
         position: 'fixed'
@@ -33094,9 +33097,15 @@ var script$l = {
   },
   beforeDestroy() {
     this.unbindReposition();
+    // Si se destruye mientras se muestra, la burbuja está colgada de <body>:
+    // devolverla evita dejarla huérfana ahí cuando Vue saque el wrapper.
+    this.unportal();
   },
   methods: {
     show() {
+      this.portal();
+      // Lee layout (getBoundingClientRect), así el navegador aplica el
+      // opacity: 0 inicial antes de que --visible dispare la transición.
       this.updatePosition();
       this.visible = true;
       this.bindReposition();
@@ -33104,6 +33113,25 @@ var script$l = {
     hide() {
       this.visible = false;
       this.unbindReposition();
+      this.unportal();
+    },
+    // `fixed` se resuelve contra el bloque contenedor, no siempre contra el
+    // viewport: cualquier ancestro con transform, filter o perspective se
+    // vuelve uno. .rq-drawer, por ejemplo, anima con translateX, así que un
+    // tooltip dentro de un Drawer aparecía corrido en horizontal tanto como
+    // el drawer estuviera desplazado.
+    // Mover la burbuja a <body> mientras se muestra la deja sin ancestros
+    // que puedan capturarla, y las coordenadas del viewport valen tal cual.
+    // Solo vive ahí mientras se ve: cada tooltip oculto vuelve a su wrapper.
+    portal() {
+      const tip = this.$refs.tooltip;
+      if (!tip || tip.parentNode === document.body) return;
+      document.body.appendChild(tip);
+    },
+    unportal() {
+      const tip = this.$refs.tooltip;
+      if (!tip || tip.parentNode !== document.body) return;
+      this.$el.appendChild(tip);
     },
     // Al estar fijo al viewport, el tooltip no sigue al trigger cuando la
     // página o un contenedor interno scrollea: se recalcula mientras se ve.
@@ -33730,6 +33758,14 @@ var script$g = {
     siblingCount: {
       type: Number,
       default: 1
+    },
+    previousLabel: {
+      type: String,
+      default: 'Anterior'
+    },
+    nextLabel: {
+      type: String,
+      default: 'Siguiente'
     }
   },
   computed: {
@@ -33791,7 +33827,7 @@ var __vue_render__$g = function () {
         _vm.page > 1 && _vm.$emit("update:page", _vm.page - 1);
       }
     }
-  }, [_vm._v("\n    Anterior\n  ")]), _vm._v(" "), _vm._l(_vm.pageItems, function (item, index) {
+  }, [_vm._v("\n    " + _vm._s(_vm.previousLabel) + "\n  ")]), _vm._v(" "), _vm._l(_vm.pageItems, function (item, index) {
     return [item === "..." ? _c("span", {
       key: "ellipsis-" + index,
       staticClass: "rq-pagination__ellipsis",
@@ -33831,7 +33867,7 @@ var __vue_render__$g = function () {
         _vm.page < _vm.total && _vm.$emit("update:page", _vm.page + 1);
       }
     }
-  }, [_vm._v("\n    Siguiente\n  ")])], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.nextLabel) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__$g = [];
 __vue_render__$g._withStripped = true;
@@ -34592,11 +34628,22 @@ var script$b = {
     deleteLabel: {
       type: String,
       default: 'Eliminar'
+    },
+    selectedCountText: {
+      type: String,
+      default: '{count} registros seleccionados'
+    },
+    clearLabel: {
+      type: String,
+      default: 'Limpiar selección'
     }
   },
   computed: {
     classes() {
       return selectionBarVariants();
+    },
+    selectedCountLabel() {
+      return this.selectedCountText.replace('{count}', this.count);
     }
   }
 };
@@ -34615,7 +34662,7 @@ var __vue_render__$b = function () {
     staticClass: "rq-selection-bar__info"
   }, [_c("span", {
     staticClass: "rq-selection-bar__dot"
-  }), _vm._v(" "), _c("span", [_vm._v(_vm._s(_vm.count) + " registros seleccionados")]), _vm._v(" "), _c("button", {
+  }), _vm._v(" "), _c("span", [_vm._v(_vm._s(_vm.selectedCountLabel))]), _vm._v(" "), _c("button", {
     staticClass: "rq-selection-bar__clear",
     attrs: {
       type: "button"
@@ -34625,7 +34672,7 @@ var __vue_render__$b = function () {
         return _vm.$emit("clear");
       }
     }
-  }, [_vm._v("\n      Limpiar selección\n    ")])]), _vm._v(" "), _c("Button", {
+  }, [_vm._v("\n      " + _vm._s(_vm.clearLabel) + "\n    ")])]), _vm._v(" "), _c("Button", {
     attrs: {
       variant: "secondary",
       size: "md",
@@ -39056,6 +39103,14 @@ var script$4 = {
     loadingRows: {
       type: Number,
       default: 5
+    },
+    pinColumnLabel: {
+      type: String,
+      default: 'Fijar columna'
+    },
+    unpinColumnLabel: {
+      type: String,
+      default: 'Desfijar columna'
     }
   },
   setup(props, {
@@ -39651,7 +39706,7 @@ var __vue_render__$4 = function () {
     attrs: {
       size: 14
     }
-  }), _vm._v("\n      " + _vm._s(_vm.contextMenu.colKey in _vm.pinnedLeftWidths ? "Desfijar columna" : "Fijar columna") + "\n    ")], 1)]) : _vm._e(), _vm._v(" "), _vm.activeChevronKey ? _c("div", {
+  }), _vm._v("\n      " + _vm._s(_vm.contextMenu.colKey in _vm.pinnedLeftWidths ? _vm.unpinColumnLabel : _vm.pinColumnLabel) + "\n    ")], 1)]) : _vm._e(), _vm._v(" "), _vm.activeChevronKey ? _c("div", {
     ref: "chevronPopover",
     staticClass: "rq-table__chevron-popover",
     style: {
@@ -39784,6 +39839,10 @@ const dataTableVariants = cva('rq-data-table', {
 //
 //
 //
+//
+//
+//
+//
 
 var script$3 = {
   name: 'DataTable',
@@ -39849,7 +39908,11 @@ var script$3 = {
     },
     deleteLabel: {
       type: String,
-      default: 'Eliminar'
+      default: null
+    },
+    texts: {
+      type: Object,
+      default: () => ({})
     },
     expandable: {
       type: Boolean,
@@ -39904,6 +39967,25 @@ var script$3 = {
     },
     selectedCount() {
       return this.selectedRows.length;
+    },
+    mergedTexts() {
+      return {
+        selectedCount: '{count} registros seleccionados',
+        clearSelection: 'Limpiar selección',
+        delete: 'Eliminar',
+        showingRecords: 'Mostrando {from} – {to} de {total} registros',
+        showingRecordsEmpty: 'Mostrando 0 registros',
+        rowsPerPage: 'Filas por página',
+        previous: 'Anterior',
+        next: 'Siguiente',
+        pinColumn: 'Fijar columna',
+        unpinColumn: 'Desfijar columna',
+        ...this.texts
+      };
+    },
+    showingRecordsLabel() {
+      if (this.total === 0) return this.mergedTexts.showingRecordsEmpty;
+      return this.mergedTexts.showingRecords.replace('{from}', this.fromRecord).replace('{to}', this.toRecord).replace('{total}', this.total);
     }
   },
   methods: {
@@ -39949,7 +40031,9 @@ var __vue_render__$3 = function () {
   }, [_vm.selectedCount > 0 ? _c("SelectionBar", {
     attrs: {
       count: _vm.selectedCount,
-      "delete-label": _vm.deleteLabel
+      "delete-label": _vm.deleteLabel || _vm.mergedTexts.delete,
+      "selected-count-text": _vm.mergedTexts.selectedCount,
+      "clear-label": _vm.mergedTexts.clearSelection
     },
     on: {
       clear: _vm.onClearSelection,
@@ -39974,7 +40058,9 @@ var __vue_render__$3 = function () {
       "columns-draggable": _vm.columnsDraggable,
       "columns-pinnable": _vm.columnsPinnable,
       loading: _vm.loading,
-      "loading-rows": _vm.loadingRows
+      "loading-rows": _vm.loadingRows,
+      "pin-column-label": _vm.mergedTexts.pinColumn,
+      "unpin-column-label": _vm.mergedTexts.unpinColumn
     },
     on: {
       "row-click": function ($event) {
@@ -40027,12 +40113,13 @@ var __vue_render__$3 = function () {
     staticClass: "rq-data-table__pagination"
   }, [_c("span", {
     staticClass: "rq-data-table__pagination-info"
-  }, [_vm.total === 0 ? [_vm._v("Mostrando 0 registros")] : [_vm._v("Mostrando " + _vm._s(_vm.fromRecord) + " – " + _vm._s(_vm.toRecord) + " de " + _vm._s(_vm.total) + " registros")]], 2), _vm._v(" "), _c("div", {
+  }, [_vm._v(_vm._s(_vm.showingRecordsLabel))]), _vm._v(" "), _c("div", {
     staticClass: "rq-data-table__pagination-controls"
   }, [_c("PageSizeSelect", {
     attrs: {
       "page-size": _vm.pageSize,
-      options: _vm.pageSizeOptions
+      options: _vm.pageSizeOptions,
+      label: _vm.mergedTexts.rowsPerPage
     },
     on: {
       "update:page-size": function ($event) {
@@ -40042,7 +40129,9 @@ var __vue_render__$3 = function () {
   }), _vm._v(" "), _vm.total > 0 ? _c("Pagination", {
     attrs: {
       page: _vm.page,
-      total: _vm.totalPages
+      total: _vm.totalPages,
+      "previous-label": _vm.mergedTexts.previous,
+      "next-label": _vm.mergedTexts.next
     },
     on: {
       "update:page": function ($event) {

package/dist/index.js

@@ -33078,6 +33078,9 @@ var script$l = {
     // (celda de tabla, panel con scroll, drawer) puede recortarlo. Además deja
     // de aportar al área scrolleable del contenedor, que con `absolute`
     // producía scrollbars horizontales aunque el tooltip estuviera oculto.
+    // Ojo: `fixed` se resuelve contra el bloque contenedor, y basta un
+    // ancestro con transform/filter/perspective para volverse uno — por eso
+    // la burbuja se mueve a <body> mientras se muestra (ver portal()).
     style() {
       const base = {
         position: 'fixed'
@@ -33096,9 +33099,15 @@ var script$l = {
   },
   beforeDestroy() {
     this.unbindReposition();
+    // Si se destruye mientras se muestra, la burbuja está colgada de <body>:
+    // devolverla evita dejarla huérfana ahí cuando Vue saque el wrapper.
+    this.unportal();
   },
   methods: {
     show() {
+      this.portal();
+      // Lee layout (getBoundingClientRect), así el navegador aplica el
+      // opacity: 0 inicial antes de que --visible dispare la transición.
       this.updatePosition();
       this.visible = true;
       this.bindReposition();
@@ -33106,6 +33115,25 @@ var script$l = {
     hide() {
       this.visible = false;
       this.unbindReposition();
+      this.unportal();
+    },
+    // `fixed` se resuelve contra el bloque contenedor, no siempre contra el
+    // viewport: cualquier ancestro con transform, filter o perspective se
+    // vuelve uno. .rq-drawer, por ejemplo, anima con translateX, así que un
+    // tooltip dentro de un Drawer aparecía corrido en horizontal tanto como
+    // el drawer estuviera desplazado.
+    // Mover la burbuja a <body> mientras se muestra la deja sin ancestros
+    // que puedan capturarla, y las coordenadas del viewport valen tal cual.
+    // Solo vive ahí mientras se ve: cada tooltip oculto vuelve a su wrapper.
+    portal() {
+      const tip = this.$refs.tooltip;
+      if (!tip || tip.parentNode === document.body) return;
+      document.body.appendChild(tip);
+    },
+    unportal() {
+      const tip = this.$refs.tooltip;
+      if (!tip || tip.parentNode !== document.body) return;
+      this.$el.appendChild(tip);
     },
     // Al estar fijo al viewport, el tooltip no sigue al trigger cuando la
     // página o un contenedor interno scrollea: se recalcula mientras se ve.
@@ -33732,6 +33760,14 @@ var script$g = {
     siblingCount: {
       type: Number,
       default: 1
+    },
+    previousLabel: {
+      type: String,
+      default: 'Anterior'
+    },
+    nextLabel: {
+      type: String,
+      default: 'Siguiente'
     }
   },
   computed: {
@@ -33793,7 +33829,7 @@ var __vue_render__$g = function () {
         _vm.page > 1 && _vm.$emit("update:page", _vm.page - 1);
       }
     }
-  }, [_vm._v("\n    Anterior\n  ")]), _vm._v(" "), _vm._l(_vm.pageItems, function (item, index) {
+  }, [_vm._v("\n    " + _vm._s(_vm.previousLabel) + "\n  ")]), _vm._v(" "), _vm._l(_vm.pageItems, function (item, index) {
     return [item === "..." ? _c("span", {
       key: "ellipsis-" + index,
       staticClass: "rq-pagination__ellipsis",
@@ -33833,7 +33869,7 @@ var __vue_render__$g = function () {
         _vm.page < _vm.total && _vm.$emit("update:page", _vm.page + 1);
       }
     }
-  }, [_vm._v("\n    Siguiente\n  ")])], 2);
+  }, [_vm._v("\n    " + _vm._s(_vm.nextLabel) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__$g = [];
 __vue_render__$g._withStripped = true;
@@ -34594,11 +34630,22 @@ var script$b = {
     deleteLabel: {
       type: String,
       default: 'Eliminar'
+    },
+    selectedCountText: {
+      type: String,
+      default: '{count} registros seleccionados'
+    },
+    clearLabel: {
+      type: String,
+      default: 'Limpiar selección'
     }
   },
   computed: {
     classes() {
       return selectionBarVariants();
+    },
+    selectedCountLabel() {
+      return this.selectedCountText.replace('{count}', this.count);
     }
   }
 };
@@ -34617,7 +34664,7 @@ var __vue_render__$b = function () {
     staticClass: "rq-selection-bar__info"
   }, [_c("span", {
     staticClass: "rq-selection-bar__dot"
-  }), _vm._v(" "), _c("span", [_vm._v(_vm._s(_vm.count) + " registros seleccionados")]), _vm._v(" "), _c("button", {
+  }), _vm._v(" "), _c("span", [_vm._v(_vm._s(_vm.selectedCountLabel))]), _vm._v(" "), _c("button", {
     staticClass: "rq-selection-bar__clear",
     attrs: {
       type: "button"
@@ -34627,7 +34674,7 @@ var __vue_render__$b = function () {
         return _vm.$emit("clear");
       }
     }
-  }, [_vm._v("\n      Limpiar selección\n    ")])]), _vm._v(" "), _c("Button", {
+  }, [_vm._v("\n      " + _vm._s(_vm.clearLabel) + "\n    ")])]), _vm._v(" "), _c("Button", {
     attrs: {
       variant: "secondary",
       size: "md",
@@ -39058,6 +39105,14 @@ var script$4 = {
     loadingRows: {
       type: Number,
       default: 5
+    },
+    pinColumnLabel: {
+      type: String,
+      default: 'Fijar columna'
+    },
+    unpinColumnLabel: {
+      type: String,
+      default: 'Desfijar columna'
     }
   },
   setup(props, {
@@ -39653,7 +39708,7 @@ var __vue_render__$4 = function () {
     attrs: {
       size: 14
     }
-  }), _vm._v("\n      " + _vm._s(_vm.contextMenu.colKey in _vm.pinnedLeftWidths ? "Desfijar columna" : "Fijar columna") + "\n    ")], 1)]) : _vm._e(), _vm._v(" "), _vm.activeChevronKey ? _c("div", {
+  }), _vm._v("\n      " + _vm._s(_vm.contextMenu.colKey in _vm.pinnedLeftWidths ? _vm.unpinColumnLabel : _vm.pinColumnLabel) + "\n    ")], 1)]) : _vm._e(), _vm._v(" "), _vm.activeChevronKey ? _c("div", {
     ref: "chevronPopover",
     staticClass: "rq-table__chevron-popover",
     style: {
@@ -39786,6 +39841,10 @@ const dataTableVariants = cva('rq-data-table', {
 //
 //
 //
+//
+//
+//
+//
 
 var script$3 = {
   name: 'DataTable',
@@ -39851,7 +39910,11 @@ var script$3 = {
     },
     deleteLabel: {
       type: String,
-      default: 'Eliminar'
+      default: null
+    },
+    texts: {
+      type: Object,
+      default: () => ({})
     },
     expandable: {
       type: Boolean,
@@ -39906,6 +39969,25 @@ var script$3 = {
     },
     selectedCount() {
       return this.selectedRows.length;
+    },
+    mergedTexts() {
+      return {
+        selectedCount: '{count} registros seleccionados',
+        clearSelection: 'Limpiar selección',
+        delete: 'Eliminar',
+        showingRecords: 'Mostrando {from} – {to} de {total} registros',
+        showingRecordsEmpty: 'Mostrando 0 registros',
+        rowsPerPage: 'Filas por página',
+        previous: 'Anterior',
+        next: 'Siguiente',
+        pinColumn: 'Fijar columna',
+        unpinColumn: 'Desfijar columna',
+        ...this.texts
+      };
+    },
+    showingRecordsLabel() {
+      if (this.total === 0) return this.mergedTexts.showingRecordsEmpty;
+      return this.mergedTexts.showingRecords.replace('{from}', this.fromRecord).replace('{to}', this.toRecord).replace('{total}', this.total);
     }
   },
   methods: {
@@ -39951,7 +40033,9 @@ var __vue_render__$3 = function () {
   }, [_vm.selectedCount > 0 ? _c("SelectionBar", {
     attrs: {
       count: _vm.selectedCount,
-      "delete-label": _vm.deleteLabel
+      "delete-label": _vm.deleteLabel || _vm.mergedTexts.delete,
+      "selected-count-text": _vm.mergedTexts.selectedCount,
+      "clear-label": _vm.mergedTexts.clearSelection
     },
     on: {
       clear: _vm.onClearSelection,
@@ -39976,7 +40060,9 @@ var __vue_render__$3 = function () {
       "columns-draggable": _vm.columnsDraggable,
       "columns-pinnable": _vm.columnsPinnable,
       loading: _vm.loading,
-      "loading-rows": _vm.loadingRows
+      "loading-rows": _vm.loadingRows,
+      "pin-column-label": _vm.mergedTexts.pinColumn,
+      "unpin-column-label": _vm.mergedTexts.unpinColumn
     },
     on: {
       "row-click": function ($event) {
@@ -40029,12 +40115,13 @@ var __vue_render__$3 = function () {
     staticClass: "rq-data-table__pagination"
   }, [_c("span", {
     staticClass: "rq-data-table__pagination-info"
-  }, [_vm.total === 0 ? [_vm._v("Mostrando 0 registros")] : [_vm._v("Mostrando " + _vm._s(_vm.fromRecord) + " – " + _vm._s(_vm.toRecord) + " de " + _vm._s(_vm.total) + " registros")]], 2), _vm._v(" "), _c("div", {
+  }, [_vm._v(_vm._s(_vm.showingRecordsLabel))]), _vm._v(" "), _c("div", {
     staticClass: "rq-data-table__pagination-controls"
   }, [_c("PageSizeSelect", {
     attrs: {
       "page-size": _vm.pageSize,
-      options: _vm.pageSizeOptions
+      options: _vm.pageSizeOptions,
+      label: _vm.mergedTexts.rowsPerPage
     },
     on: {
       "update:page-size": function ($event) {
@@ -40044,7 +40131,9 @@ var __vue_render__$3 = function () {
   }), _vm._v(" "), _vm.total > 0 ? _c("Pagination", {
     attrs: {
       page: _vm.page,
-      total: _vm.totalPages
+      total: _vm.totalPages,
+      "previous-label": _vm.mergedTexts.previous,
+      "next-label": _vm.mergedTexts.next
     },
     on: {
       "update:page": function ($event) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@regcheq/ui-vue-2",
-  "version": "1.14.1",
+  "version": "1.15.1",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "files": [