@regcheq/ui-vue-2 1.12.0 → 1.13.0

package/dist/index.js

@@ -31461,7 +31461,7 @@ const buttonVariants$1 = cva('rq-button-legacy', {
 //
 //
 
-var script$p = {
+var script$q = {
   name: 'RqButton',
   props: {
     variant: {
@@ -31595,10 +31595,10 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$p = script$p;
+const __vue_script__$q = script$q;
 
 /* template */
-var __vue_render__$p = function () {
+var __vue_render__$q = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31624,27 +31624,27 @@ var __vue_render__$p = function () {
     }
   }) : _vm._e()], 2);
 };
-var __vue_staticRenderFns__$p = [];
-__vue_render__$p._withStripped = true;
+var __vue_staticRenderFns__$q = [];
+__vue_render__$q._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$p = undefined;
+const __vue_inject_styles__$q = undefined;
 /* scoped */
-const __vue_scope_id__$p = undefined;
+const __vue_scope_id__$q = undefined;
 /* module identifier */
-const __vue_module_identifier__$p = undefined;
+const __vue_module_identifier__$q = undefined;
 /* functional template */
-const __vue_is_functional_template__$p = false;
+const __vue_is_functional_template__$q = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$p = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$p,
-  staticRenderFns: __vue_staticRenderFns__$p
-}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, undefined, undefined, undefined);
+const __vue_component__$q = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
+}, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, undefined, undefined, undefined);
 
 const inputVariants$1 = cva('rq-input', {
   variants: {
@@ -31697,7 +31697,7 @@ const inputVariants$1 = cva('rq-input', {
 //
 
 let uid = 0;
-var script$o = {
+var script$p = {
   name: 'RqInput',
   inheritAttrs: false,
   props: {
@@ -31791,10 +31791,10 @@ var script$o = {
 };
 
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$p = script$p;
 
 /* template */
-var __vue_render__$o = function () {
+var __vue_render__$p = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31849,27 +31849,27 @@ var __vue_render__$o = function () {
     class: ["rq-input__counter", _vm.error && "rq-input__counter--error"]
   }, [_vm._v(_vm._s(_vm.currentLength) + "/" + _vm._s(_vm.maxLength))]) : _vm._e()]) : _vm._e()]);
 };
-var __vue_staticRenderFns__$o = [];
-__vue_render__$o._withStripped = true;
+var __vue_staticRenderFns__$p = [];
+__vue_render__$p._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$o = undefined;
+const __vue_inject_styles__$p = undefined;
 /* scoped */
-const __vue_scope_id__$o = undefined;
+const __vue_scope_id__$p = undefined;
 /* module identifier */
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
-const __vue_is_functional_template__$o = false;
+const __vue_is_functional_template__$p = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
-}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, undefined, undefined);
+const __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
+}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, undefined, undefined, undefined);
 
 const inputVariants = cva('rq-field', {
   variants: {
@@ -31921,7 +31921,7 @@ const inputVariants = cva('rq-field', {
 //
 //
 
-var script$n = {
+var script$o = {
   name: 'Input',
   inheritAttrs: false,
   props: {
@@ -31994,10 +31994,10 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$n = script$n;
+const __vue_script__$o = script$o;
 
 /* template */
-var __vue_render__$n = function () {
+var __vue_render__$o = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32033,27 +32033,27 @@ var __vue_render__$n = function () {
     }
   }) : _vm._e()], 1);
 };
-var __vue_staticRenderFns__$n = [];
-__vue_render__$n._withStripped = true;
+var __vue_staticRenderFns__$o = [];
+__vue_render__$o._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$n = undefined;
+const __vue_inject_styles__$o = undefined;
 /* scoped */
-const __vue_scope_id__$n = undefined;
+const __vue_scope_id__$o = undefined;
 /* module identifier */
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$o = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$n = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
-}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
+const __vue_component__$o = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, undefined, undefined);
 
 const buttonVariants = cva('rq-button', {
   variants: {
@@ -32096,7 +32096,7 @@ const buttonVariants = cva('rq-button', {
 //
 //
 
-var script$m = {
+var script$n = {
   name: 'Button',
   props: {
     variant: {
@@ -32162,10 +32162,10 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$m = script$m;
+const __vue_script__$n = script$n;
 
 /* template */
-var __vue_render__$m = function () {
+var __vue_render__$n = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32192,27 +32192,27 @@ var __vue_render__$m = function () {
     }
   }) : _vm._e()], 2);
 };
-var __vue_staticRenderFns__$m = [];
-__vue_render__$m._withStripped = true;
+var __vue_staticRenderFns__$n = [];
+__vue_render__$n._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$m = undefined;
+const __vue_inject_styles__$n = undefined;
 /* scoped */
-const __vue_scope_id__$m = undefined;
+const __vue_scope_id__$n = undefined;
 /* module identifier */
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$n = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
+const __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
 
 //
 //
@@ -32286,7 +32286,7 @@ const WEIGHT_MAP = {
   semibold: 600,
   bold: 700
 };
-var script$l = {
+var script$m = {
   name: 'Typography',
   props: {
     variant: {
@@ -32320,10 +32320,10 @@ var script$l = {
 };
 
 /* script */
-const __vue_script__$l = script$l;
+const __vue_script__$m = script$m;
 
 /* template */
-var __vue_render__$l = function () {
+var __vue_render__$m = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32333,27 +32333,27 @@ var __vue_render__$l = function () {
     style: _vm.weightStyle
   }, _vm.$listeners), [_vm._t("default")], 2);
 };
-var __vue_staticRenderFns__$l = [];
-__vue_render__$l._withStripped = true;
+var __vue_staticRenderFns__$m = [];
+__vue_render__$m._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$l = undefined;
+const __vue_inject_styles__$m = undefined;
 /* scoped */
-const __vue_scope_id__$l = undefined;
+const __vue_scope_id__$m = undefined;
 /* module identifier */
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$m = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$l = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$l,
-  staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
 
 const checkboxVariants = cva('rq-checkbox');
 
@@ -32384,7 +32384,7 @@ const checkboxVariants = cva('rq-checkbox');
 //
 //
 
-var script$k = {
+var script$l = {
   name: 'Checkbox',
   model: {
     prop: 'checked',
@@ -32434,10 +32434,10 @@ var script$k = {
 };
 
 /* script */
-const __vue_script__$k = script$k;
+const __vue_script__$l = script$l;
 
 /* template */
-var __vue_render__$k = function () {
+var __vue_render__$l = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32473,27 +32473,27 @@ var __vue_render__$k = function () {
     }
   }) : _vm._e()], 1);
 };
-var __vue_staticRenderFns__$k = [];
-__vue_render__$k._withStripped = true;
+var __vue_staticRenderFns__$l = [];
+__vue_render__$l._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$l = undefined;
 /* scoped */
-const __vue_scope_id__$k = undefined;
+const __vue_scope_id__$l = undefined;
 /* module identifier */
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$l = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$k = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+const __vue_component__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
 
 const switchVariants = cva('rq-switch');
 
@@ -32513,7 +32513,7 @@ const switchVariants = cva('rq-switch');
 //
 //
 
-var script$j = {
+var script$k = {
   name: 'RqSwitch',
   model: {
     prop: 'checked',
@@ -32540,10 +32540,10 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$k = script$k;
 
 /* template */
-var __vue_render__$j = function () {
+var __vue_render__$k = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32571,27 +32571,27 @@ var __vue_render__$j = function () {
     staticClass: "rq-switch__thumb"
   })]);
 };
-var __vue_staticRenderFns__$j = [];
-__vue_render__$j._withStripped = true;
+var __vue_staticRenderFns__$k = [];
+__vue_render__$k._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$j = undefined;
+const __vue_inject_styles__$k = undefined;
 /* scoped */
-const __vue_scope_id__$j = undefined;
+const __vue_scope_id__$k = undefined;
 /* module identifier */
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$k = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$j = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
+const __vue_component__$k = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
 
 const chipVariants = cva('rq-chip', {
   variants: {},
@@ -32614,7 +32614,7 @@ const chipVariants = cva('rq-chip', {
 //
 //
 
-var script$i = {
+var script$j = {
   name: 'Chip',
   props: {
     label: {
@@ -32643,10 +32643,10 @@ var script$i = {
 };
 
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$j = script$j;
 
 /* template */
-var __vue_render__$i = function () {
+var __vue_render__$j = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32671,27 +32671,27 @@ var __vue_render__$i = function () {
     }
   })], 1) : _vm._e()]);
 };
-var __vue_staticRenderFns__$i = [];
-__vue_render__$i._withStripped = true;
+var __vue_staticRenderFns__$j = [];
+__vue_render__$j._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$i = undefined;
+const __vue_inject_styles__$j = undefined;
 /* scoped */
-const __vue_scope_id__$i = undefined;
+const __vue_scope_id__$j = undefined;
 /* module identifier */
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$j = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
+const __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
 
 const badgeVariants = cva('rq-badge', {
   variants: {
@@ -32722,7 +32722,7 @@ const badgeVariants = cva('rq-badge', {
 //
 //
 
-var script$h = {
+var script$i = {
   name: 'Badge',
   inheritAttrs: false,
   props: {
@@ -32782,10 +32782,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$i = script$i;
 
 /* template */
-var __vue_render__$h = function () {
+var __vue_render__$i = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32794,27 +32794,27 @@ var __vue_render__$h = function () {
     style: _vm.inlineStyle
   }, "span", _vm.$attrs, false), _vm.$listeners), [_vm._t("left"), _vm._v(" "), _vm._t("default"), _vm._v(" "), _vm._t("right")], 2);
 };
-var __vue_staticRenderFns__$h = [];
-__vue_render__$h._withStripped = true;
+var __vue_staticRenderFns__$i = [];
+__vue_render__$i._withStripped = true;
 
 /* style */
-const __vue_inject_styles__$h = undefined;
+const __vue_inject_styles__$i = undefined;
 /* scoped */
-const __vue_scope_id__$h = undefined;
+const __vue_scope_id__$i = undefined;
 /* module identifier */
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$i = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
+const __vue_component__$i = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
 
 const iconVariants = cva('rq-icon', {
   variants: {
@@ -32848,7 +32848,7 @@ const iconVariants = cva('rq-icon', {
 //
 //
 
-var script$g = {
+var script$h = {
   name: 'Icon',
   inheritAttrs: false,
   props: {
@@ -32900,10 +32900,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$h = script$h;
 
 /* template */
-var __vue_render__$g = function () {
+var __vue_render__$h = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32912,6 +32912,70 @@ var __vue_render__$g = function () {
     style: _vm.fontVariationStyle
   }, "span", _vm.mergedAttrs, false), _vm.$listeners), [_vm._v(_vm._s(_vm.name))]);
 };
+var __vue_staticRenderFns__$h = [];
+__vue_render__$h._withStripped = true;
+
+/* style */
+const __vue_inject_styles__$h = undefined;
+/* scoped */
+const __vue_scope_id__$h = undefined;
+/* module identifier */
+const __vue_module_identifier__$h = undefined;
+/* functional template */
+const __vue_is_functional_template__$h = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
+
+const skeletonVariants = cva('rq-skeleton');
+
+//
+//
+//
+//
+
+var script$g = {
+  name: 'Skeleton',
+  props: {
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '16px'
+    }
+  },
+  computed: {
+    classes() {
+      return skeletonVariants();
+    }
+  }
+};
+
+/* script */
+const __vue_script__$g = script$g;
+
+/* template */
+var __vue_render__$g = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("span", _vm._g({
+    class: _vm.classes,
+    style: {
+      width: _vm.width,
+      height: _vm.height
+    }
+  }, _vm.$listeners));
+};
 var __vue_staticRenderFns__$g = [];
 __vue_render__$g._withStripped = true;
 
@@ -32961,7 +33025,24 @@ const tooltipVariants = cva('rq-tooltip', {
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
+
+// Separación entre el trigger y la burbuja, en px. Igual al gap que antes
+// definía el CSS con calc(100% + 8px).
+const GAP = 8;
 var script$f = {
   name: 'Tooltip',
   props: {
@@ -32980,12 +33061,93 @@ var script$f = {
       default: ''
     }
   },
+  data() {
+    return {
+      visible: false,
+      coords: null
+    };
+  },
   computed: {
     classes() {
       return tooltipVariants({
         side: this.side,
         textAlign: this.textAlign
       });
+    },
+    // position: fixed lo ancla al viewport, así ningún ancestro con overflow
+    // (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.
+    style() {
+      const base = {
+        position: 'fixed'
+      };
+      if (!this.coords) return {
+        ...base,
+        top: '-9999px',
+        left: '-9999px'
+      };
+      return {
+        ...base,
+        top: `${this.coords.top}px`,
+        left: `${this.coords.left}px`
+      };
+    }
+  },
+  beforeDestroy() {
+    this.unbindReposition();
+  },
+  methods: {
+    show() {
+      this.updatePosition();
+      this.visible = true;
+      this.bindReposition();
+    },
+    hide() {
+      this.visible = false;
+      this.unbindReposition();
+    },
+    // 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.
+    bindReposition() {
+      if (this._reposition) return;
+      this._reposition = () => this.updatePosition();
+      window.addEventListener('scroll', this._reposition, true);
+      window.addEventListener('resize', this._reposition);
+    },
+    unbindReposition() {
+      if (!this._reposition) return;
+      window.removeEventListener('scroll', this._reposition, true);
+      window.removeEventListener('resize', this._reposition);
+      this._reposition = null;
+    },
+    updatePosition() {
+      const trigger = this.$el;
+      const tooltip = this.$refs.tooltip;
+      if (!trigger || !tooltip) return;
+      const t = trigger.getBoundingClientRect();
+      const b = tooltip.getBoundingClientRect();
+      const centerX = t.left + t.width / 2;
+      const centerY = t.top + t.height / 2;
+      const porLado = {
+        top: {
+          top: t.top - b.height - GAP,
+          left: centerX
+        },
+        bottom: {
+          top: t.bottom + GAP,
+          left: centerX
+        },
+        left: {
+          top: centerY,
+          left: t.left - b.width - GAP
+        },
+        right: {
+          top: centerY,
+          left: t.right + GAP
+        }
+      };
+      this.coords = porLado[this.side] || porLado.top;
     }
   }
 };
@@ -32999,10 +33161,20 @@ var __vue_render__$f = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("div", _vm._g({
-    staticClass: "rq-tooltip-wrapper"
+    staticClass: "rq-tooltip-wrapper",
+    on: {
+      mouseenter: _vm.show,
+      mouseleave: _vm.hide,
+      focusin: _vm.show,
+      focusout: _vm.hide
+    }
   }, _vm.$listeners), [_vm._t("default"), _vm._v(" "), _c("div", {
-    class: _vm.classes
-  }, [_vm._v(_vm._s(_vm.text))])], 2);
+    ref: "tooltip",
+    class: [_vm.classes, {
+      "rq-tooltip--visible": _vm.visible
+    }],
+    style: _vm.style
+  }, [_vm._v("\n    " + _vm._s(_vm.text) + "\n  ")])], 2);
 };
 var __vue_staticRenderFns__$f = [];
 __vue_render__$f._withStripped = true;
@@ -33073,7 +33245,7 @@ const groupMixin = {
 var script$e = {
   name: 'RichCheckboxGroup',
   components: {
-    Checkbox: __vue_component__$k
+    Checkbox: __vue_component__$l
   },
   mixins: [groupMixin],
   props: {
@@ -33187,7 +33359,7 @@ const checkboxGroupVariants = cva('rq-checkbox-group', {
 var script$d = {
   name: 'CheckboxGroup',
   components: {
-    Checkbox: __vue_component__$k
+    Checkbox: __vue_component__$l
   },
   mixins: [groupMixin],
   props: {
@@ -33296,7 +33468,7 @@ const switchGroupVariants = cva('rq-switch-group', {
 var script$c = {
   name: 'SwitchGroup',
   components: {
-    RqSwitch: __vue_component__$j
+    RqSwitch: __vue_component__$k
   },
   mixins: [groupMixin],
   props: {
@@ -33401,7 +33573,7 @@ const richSwitchGroupVariants = cva('rq-rich-switch-group');
 var script$b = {
   name: 'RichSwitchGroup',
   components: {
-    RqSwitch: __vue_component__$j
+    RqSwitch: __vue_component__$k
   },
   mixins: [groupMixin],
   props: {
@@ -34117,8 +34289,8 @@ const searchInputVariants = cva('rq-search-input', {
 var script$7 = {
   name: 'SearchInput',
   components: {
-    Input: __vue_component__$n,
-    Button: __vue_component__$m,
+    Input: __vue_component__$o,
+    Button: __vue_component__$n,
     X
   },
   props: {
@@ -34359,7 +34531,7 @@ const selectionBarVariants = cva('rq-selection-bar', {
 var script$5 = {
   name: 'SelectionBar',
   components: {
-    Button: __vue_component__$m
+    Button: __vue_component__$n
   },
   props: {
     count: {
@@ -37490,6 +37662,19 @@ function useTable(props, emit) {
     return offsets;
   });
 
+  // Ancho total del área sticky (expand + select + columnas fijas): es el
+  // punto real donde termina la zona siempre-visible y empieza el contenido
+  // scrolleable, sin importar cuánto se haya scrolleado horizontalmente.
+  const pinnedAreaWidth = vue.computed(() => {
+    const left = columnPinning.value.left || [];
+    let total = (props.expandable ? props.expandColWidth || 40 : 0) + (props.selectable ? 40 : 0);
+    left.forEach(key => {
+      const col = props.columns.find(c => c.key === key);
+      total += col?.width || 150;
+    });
+    return total;
+  });
+
   // --- Handlers de column pinning ---
   function togglePin(columnKey) {
     const left = [...(columnPinning.value.left || [])];
@@ -37585,6 +37770,7 @@ function useTable(props, emit) {
     headerGroups,
     tableRows,
     pinnedLeftWidths,
+    pinnedAreaWidth,
     draggingKey,
     dragOverKey,
     onDragStart,
@@ -37792,11 +37978,60 @@ function useTable(props, emit) {
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 var script$4 = {
   name: 'Table',
   components: {
-    Checkbox: __vue_component__$k,
+    Checkbox: __vue_component__$l,
+    Skeleton: __vue_component__$g,
     Tooltip: __vue_component__$f
   },
   props: {
@@ -37816,6 +38051,16 @@ var script$4 = {
       type: Array,
       default: () => []
     },
+    // Habilitan/deshabilitan el drag & drop de reorden y el menú contextual
+    // de pin/unpin para toda la tabla.
+    columnsDraggable: {
+      type: Boolean,
+      default: true
+    },
+    columnsPinnable: {
+      type: Boolean,
+      default: true
+    },
     selectable: {
       type: Boolean,
       default: false
@@ -37849,6 +38094,16 @@ var script$4 = {
     emptyState: {
       type: Object,
       default: null
+    },
+    // Estado de carga: reemplaza tableRows/empty-state por filas fantasma
+    // con el ancho real de cada columna.
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingRows: {
+      type: Number,
+      default: 5
     }
   },
   setup(props, {
@@ -37871,6 +38126,7 @@ var script$4 = {
         y: 0
       },
       truncatedCells: {},
+      cellTexts: {},
       expandedRowId: null
     };
   },
@@ -37944,6 +38200,61 @@ var script$4 = {
       this.closeAll();
       this.onDragStart(columnKey);
     },
+    handleDragOver(columnKey, event) {
+      this.onDragOver(columnKey);
+      this.updateAutoScroll(event.clientX);
+    },
+    handleDrop() {
+      this.stopAutoScroll();
+      this.onDrop();
+    },
+    handleDragEnd() {
+      this.stopAutoScroll();
+      this.onDragEnd();
+    },
+    // Auto-scroll horizontal mientras se arrastra una columna: si el cursor
+    // entra en la franja de `edge` px cerca de un borde del scroll container,
+    // se scrollea hacia ese lado a una velocidad proporcional a la cercanía
+    // al borde. dragover nativo no dispara si el mouse no se mueve, por eso
+    // el loop corre en su propio rAF en vez de depender del evento.
+    //
+    // El borde izquierdo real es el límite del área sticky (pinnedAreaWidth),
+    // no el borde del contenedor: las columnas fijas siempre están visibles
+    // ahí, así que la zona caliente debe arrancar donde termina esa área.
+    updateAutoScroll(clientX) {
+      const scroll = this.$el.querySelector('.rq-table__scroll');
+      if (!scroll) return;
+      const rect = scroll.getBoundingClientRect();
+      const edge = 60;
+      const maxSpeed = 18;
+      const leftBoundary = rect.left + this.pinnedAreaWidth;
+      let speed = 0;
+      if (clientX < leftBoundary + edge) {
+        speed = -maxSpeed * (1 - Math.max(0, clientX - leftBoundary) / edge);
+      } else if (clientX > rect.right - edge) {
+        speed = maxSpeed * (1 - Math.max(0, rect.right - clientX) / edge);
+      }
+      this._autoScrollSpeed = speed;
+      if (speed !== 0) {
+        this.startAutoScroll(scroll);
+      } else {
+        this.stopAutoScroll();
+      }
+    },
+    startAutoScroll(scroll) {
+      if (this._autoScrollRafId) return;
+      const step = () => {
+        scroll.scrollLeft += this._autoScrollSpeed;
+        this._autoScrollRafId = requestAnimationFrame(step);
+      };
+      this._autoScrollRafId = requestAnimationFrame(step);
+    },
+    stopAutoScroll() {
+      if (this._autoScrollRafId) {
+        cancelAnimationFrame(this._autoScrollRafId);
+        this._autoScrollRafId = null;
+      }
+    },
     onChevronClick(columnKey, event) {
       this.contextMenu = {
         visible: false,
@@ -37972,6 +38283,7 @@ var script$4 = {
       });
     },
     openContextMenu(colKey, event) {
+      if (!this.columnsPinnable) return;
       this.closeChevron();
       const tableRect = this.$el.getBoundingClientRect();
       this.contextMenu = {
@@ -38031,10 +38343,18 @@ var script$4 = {
       if (!this.$el) return;
       const els = this.$el.querySelectorAll('.rq-table__cell-text[data-cell-key]');
       const result = {};
+      const texts = {};
       els.forEach(el => {
         result[el.dataset.cellKey] = el.scrollWidth > el.clientWidth;
+        // Se guarda el texto ya renderizado: si la celda pasa por un slot que
+        // formatea el valor, el tooltip debe mostrar lo que el usuario ve.
+        texts[el.dataset.cellKey] = el.textContent.trim();
       });
       this.truncatedCells = result;
+      this.cellTexts = texts;
+    },
+    cellTooltipText(rowId, headerId) {
+      return this.cellTexts[this.cellKey(rowId, headerId)] || '';
     }
   },
   watch: {
@@ -38065,6 +38385,7 @@ var script$4 = {
     this.$nextTick(this.measureTruncatedCells);
   },
   beforeDestroy() {
+    this.stopAutoScroll();
     document.removeEventListener('keydown', this._onKeydown);
     document.removeEventListener('click', this._onDocumentClick);
     window.removeEventListener('resize', this._onResize);
@@ -38136,7 +38457,7 @@ var __vue_render__$4 = function () {
         },
         style: _vm.getColStyle(header, true),
         attrs: {
-          draggable: true
+          draggable: _vm.columnsDraggable
         },
         on: {
           dragstart: function ($event) {
@@ -38144,10 +38465,10 @@ var __vue_render__$4 = function () {
           },
           dragover: function ($event) {
             $event.preventDefault();
-            return _vm.onDragOver(header.id);
+            return _vm.handleDragOver(header.id, $event);
           },
-          drop: _vm.onDrop,
-          dragend: _vm.onDragEnd,
+          drop: _vm.handleDrop,
+          dragend: _vm.handleDragEnd,
           contextmenu: function ($event) {
             $event.preventDefault();
             return _vm.openContextMenu(header.id, $event);
@@ -38178,7 +38499,41 @@ var __vue_render__$4 = function () {
         }
       })], 1) : _vm._e()])]);
     })], 2);
-  }), 0), _vm._v(" "), _c("tbody", [!_vm.tableRows.length ? _c("tr", {
+  }), 0), _vm._v(" "), _c("tbody", [_vm.loading ? _vm._l(_vm.loadingRows, function (n) {
+    return _c("tr", {
+      key: "skeleton-" + n,
+      staticClass: "rq-table__tr rq-table__tr--body rq-table__tr--skeleton"
+    }, [_vm.expandable ? _c("td", {
+      staticClass: "rq-table__td rq-table__td--expand",
+      style: {
+        position: "sticky",
+        left: 0,
+        zIndex: 2,
+        width: _vm.expandColWidth + "px",
+        minWidth: _vm.expandColWidth + "px"
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.selectable ? _c("td", {
+      staticClass: "rq-table__td rq-table__td--select",
+      style: {
+        position: "sticky",
+        left: _vm.selectColOffset + "px",
+        zIndex: 2
+      }
+    }) : _vm._e(), _vm._v(" "), _vm._l(_vm.headerGroups[0] ? _vm.headerGroups[0].headers : [], function (header) {
+      return _c("td", {
+        key: header.id,
+        staticClass: "rq-table__td",
+        class: {
+          "rq-table__td--pinned": header.id in _vm.pinnedLeftWidths
+        },
+        style: _vm.getColStyle(header)
+      }, [_c("Skeleton", {
+        attrs: {
+          height: "16px"
+        }
+      })], 1);
+    })], 2);
+  }) : [!_vm.tableRows.length ? _c("tr", {
     staticClass: "rq-table__tr rq-table__tr--empty"
   }, [_c("td", {
     staticClass: "rq-table__td rq-table__td--empty",
@@ -38210,6 +38565,31 @@ var __vue_render__$4 = function () {
         zIndex: 2,
         width: _vm.expandColWidth + "px",
         minWidth: _vm.expandColWidth + "px"
+      },
+      attrs: {
+        role: "button",
+        tabindex: "0",
+        "aria-expanded": _vm.expandedRowId === row.id
+      },
+      on: {
+        click: function ($event) {
+          $event.stopPropagation();
+          return _vm.toggleExpand(row.id);
+        },
+        keydown: [function ($event) {
+          if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+            return null;
+          }
+          $event.stopPropagation();
+          return _vm.toggleExpand(row.id);
+        }, function ($event) {
+          if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
+            return null;
+          }
+          $event.preventDefault();
+          $event.stopPropagation();
+          return _vm.toggleExpand(row.id);
+        }]
       }
     }, [_c("div", {
       staticClass: "rq-table__expand-cell"
@@ -38219,13 +38599,8 @@ var __vue_render__$4 = function () {
         "rq-table__expand-btn--active": _vm.expandedRowId === row.id
       },
       attrs: {
-        type: "button"
-      },
-      on: {
-        click: function ($event) {
-          $event.stopPropagation();
-          return _vm.toggleExpand(row.id);
-        }
+        type: "button",
+        tabindex: "-1"
       }
     }, [_c(_vm.ExpandIcon, {
       tag: "component",
@@ -38263,27 +38638,32 @@ var __vue_render__$4 = function () {
           "rq-table__td--pinned": header.id in _vm.pinnedLeftWidths
         },
         style: _vm.getColStyle(header)
+      }, [_vm.isTruncated(row.id, header.id) ? _c("Tooltip", {
+        staticClass: "rq-table__cell-tooltip",
+        attrs: {
+          text: _vm.cellTooltipText(row.id, header.id)
+        }
+      }, [_c("span", {
+        staticClass: "rq-table__cell-text",
+        attrs: {
+          "data-cell-key": _vm.cellKey(row.id, header.id)
+        }
       }, [_vm._t("cell-" + header.id, function () {
-        return [_vm.isTruncated(row.id, header.id) ? _c("Tooltip", {
-          staticClass: "rq-table__cell-tooltip",
-          attrs: {
-            text: String(row.getValue(header.id))
-          }
-        }, [_c("span", {
-          staticClass: "rq-table__cell-text",
-          attrs: {
-            "data-cell-key": _vm.cellKey(row.id, header.id)
-          }
-        }, [_vm._v(_vm._s(row.getValue(header.id)))])]) : _c("span", {
-          staticClass: "rq-table__cell-text",
-          attrs: {
-            "data-cell-key": _vm.cellKey(row.id, header.id)
-          }
-        }, [_vm._v(_vm._s(row.getValue(header.id)))])];
+        return [_vm._v(_vm._s(row.getValue(header.id)))];
       }, {
         row: row.original,
         value: row.getValue(header.id)
-      })], 2);
+      })], 2)]) : _c("span", {
+        staticClass: "rq-table__cell-text",
+        attrs: {
+          "data-cell-key": _vm.cellKey(row.id, header.id)
+        }
+      }, [_vm._t("cell-" + header.id, function () {
+        return [_vm._v(_vm._s(row.getValue(header.id)))];
+      }, {
+        row: row.original,
+        value: row.getValue(header.id)
+      })], 2)], 1);
     })], 2), _vm._v(" "), _vm.expandable && _vm.expandedRowId === row.id ? _c("tr", {
       key: row.id + "-expanded",
       staticClass: "rq-table__tr rq-table__tr--expanded"
@@ -38300,7 +38680,7 @@ var __vue_render__$4 = function () {
     }, [_vm._t("expanded-row", null, {
       row: row.original
     })], 2)])]) : _vm._e()];
-  })], 2)])]), _vm._v(" "), _vm.contextMenu.visible ? _c("div", {
+  })]], 2)])]), _vm._v(" "), _vm.contextMenu.visible ? _c("div", {
     staticClass: "rq-table__context-menu",
     style: {
       top: _vm.contextMenu.y + "px",
@@ -38453,6 +38833,10 @@ const dataTableVariants = cva('rq-data-table', {
 //
 //
 //
+//
+//
+//
+//
 
 var script$3 = {
   name: 'DataTable',
@@ -38535,6 +38919,22 @@ var script$3 = {
     emptyState: {
       type: Object,
       default: null
+    },
+    columnsDraggable: {
+      type: Boolean,
+      default: true
+    },
+    columnsPinnable: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingRows: {
+      type: Number,
+      default: 5
     }
   },
   data() {
@@ -38623,7 +39023,11 @@ var __vue_render__$3 = function () {
       expandable: _vm.expandable,
       "expanded-row-height": _vm.expandedRowHeight,
       "expand-col-width": _vm.expandColWidth,
-      "empty-state": _vm.emptyState
+      "empty-state": _vm.emptyState,
+      "columns-draggable": _vm.columnsDraggable,
+      "columns-pinnable": _vm.columnsPinnable,
+      loading: _vm.loading,
+      "loading-rows": _vm.loadingRows
     },
     on: {
       "row-click": function ($event) {
@@ -39002,7 +39406,7 @@ const dialogVariants = cva('rq-dialog', {
 var script$1 = {
   name: 'Dialog',
   components: {
-    Button: __vue_component__$m
+    Button: __vue_component__$n
   },
   props: {
     title: {
@@ -39341,29 +39745,30 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-exports.Badge = __vue_component__$h;
-exports.Button = __vue_component__$m;
-exports.Checkbox = __vue_component__$k;
+exports.Badge = __vue_component__$i;
+exports.Button = __vue_component__$n;
+exports.Checkbox = __vue_component__$l;
 exports.CheckboxGroup = __vue_component__$d;
-exports.Chip = __vue_component__$i;
+exports.Chip = __vue_component__$j;
 exports.DataTable = __vue_component__$3;
 exports.Dialog = __vue_component__$1;
 exports.Drawer = __vue_component__;
-exports.Icon = __vue_component__$g;
-exports.Input = __vue_component__$n;
+exports.Icon = __vue_component__$h;
+exports.Input = __vue_component__$o;
 exports.PageSizeSelect = __vue_component__$6;
 exports.Pagination = __vue_component__$a;
 exports.RichCheckboxGroup = __vue_component__$e;
 exports.RichSwitchGroup = __vue_component__$b;
-exports.RqButton = __vue_component__$p;
-exports.RqInput = __vue_component__$o;
+exports.RqButton = __vue_component__$q;
+exports.RqInput = __vue_component__$p;
 exports.SearchInput = __vue_component__$7;
 exports.SelectionBar = __vue_component__$5;
 exports.Sidebar = __vue_component__$2;
-exports.Switch = __vue_component__$j;
+exports.Skeleton = __vue_component__$g;
+exports.Switch = __vue_component__$k;
 exports.SwitchGroup = __vue_component__$c;
 exports.Table = __vue_component__$4;
 exports.Tabs = __vue_component__$9;
 exports.Tooltip = __vue_component__$f;
 exports.Topbar = __vue_component__$8;
-exports.Typography = __vue_component__$l;
+exports.Typography = __vue_component__$m;