@conduction/nextcloud-vue 2.145.0 → 2.146.0

package/dist/esm/components/CnDataTable/CnDataTable.vue3.js

@@ -80,43 +80,49 @@ const _hoisted_26 = {
 const _hoisted_27 = ["draggable", "data-testid-row-id", "onDragstart", "onDragover", "onDragleave", "onDrop", "onClick", "onAuxclick", "onContextmenu"];
 const _hoisted_28 = ["href", "aria-label", "onClick"];
 const _hoisted_29 = {
-  key: 3,
+  key: 1,
+  class: "cn-table-row__handle",
+  "aria-hidden": "true",
+  "data-testid": "cn-row-reorder-handle"
+};
+const _hoisted_30 = {
+  key: 4,
   class: "cn-table-row-indicators",
   "data-testid": "cn-row-indicators"
 };
-const _hoisted_30 = ["title", "data-testid"];
-const _hoisted_31 = { class: "hidden-visually" };
-const _hoisted_32 = {
-  key: 4,
+const _hoisted_31 = ["title", "data-testid"];
+const _hoisted_32 = { class: "hidden-visually" };
+const _hoisted_33 = {
+  key: 5,
   class: "cn-table-cell__overline",
   "data-testid": "cn-cell-overline"
 };
-const _hoisted_33 = {
+const _hoisted_34 = {
   key: 0,
   class: "cn-table-cell__zero",
   "data-testid": "cn-cell-zero"
 };
-const _hoisted_34 = {
-  key: 5,
-  class: "cn-table-cell__pills"
-};
 const _hoisted_35 = {
   key: 6,
-  class: "cn-table-cell__secondary",
-  "data-testid": "cn-cell-secondary"
+  class: "cn-table-cell__pills"
 };
 const _hoisted_36 = {
   key: 7,
+  class: "cn-table-cell__secondary",
+  "data-testid": "cn-cell-secondary"
+};
+const _hoisted_37 = {
+  key: 8,
   class: "cn-table-cell__secondary cn-table-cell__matched-file",
   "data-testid": "cn-row-matched-file"
 };
-const _hoisted_37 = ["data-testid-row-id"];
-const _hoisted_38 = ["colspan"];
-const _hoisted_39 = {
+const _hoisted_38 = ["data-testid-row-id"];
+const _hoisted_39 = ["colspan"];
+const _hoisted_40 = {
   key: 5,
   class: "cn-data-table__footer"
 };
-const _hoisted_40 = ["href"];
+const _hoisted_41 = ["href"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnColumnFilterPopover = resolveComponent("CnColumnFilterPopover");
@@ -126,6 +132,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ChevronDown = resolveComponent("ChevronDown");
   const _component_FilterOutline = resolveComponent("FilterOutline");
   const _component_CnIcon = resolveComponent("CnIcon");
+  const _component_DragVertical = resolveComponent("DragVertical");
   const _component_CnUnreadMarker = resolveComponent("CnUnreadMarker");
   const _component_CnLockIndicator = resolveComponent("CnLockIndicator");
   const _component_CnCellRenderer = resolveComponent("CnCellRenderer");
@@ -421,18 +428,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   onClick: $event => ($options.onRowLinkClick(row, $event))
                                 }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_28))
                               : createCommentVNode("v-if", true),
+                            ($props.reorderable && colIndex === 0)
+                              ? (openBlock(), createElementBlock("span", _hoisted_29, [
+                                  createVNode(_component_DragVertical, { size: 16 })
+                                ]))
+                              : createCommentVNode("v-if", true),
                             (colIndex === $options.titleColumnIndex && $options.isUnreadRow(row))
-                              ? (openBlock(), createBlock(_component_CnUnreadMarker, { key: 1 }))
+                              ? (openBlock(), createBlock(_component_CnUnreadMarker, { key: 2 }))
                               : createCommentVNode("v-if", true),
                             (colIndex === $options.titleColumnIndex)
                               ? (openBlock(), createBlock(_component_CnLockIndicator, {
-                                  key: 2,
+                                  key: 3,
                                   object: row,
                                   size: 16
                                 }, null, 8 /* PROPS */, ["object"]))
                               : createCommentVNode("v-if", true),
                             (colIndex === $options.titleColumnIndex && $options.indicatorsFor(row).shown.length > 0)
-                              ? (openBlock(), createElementBlock("span", _hoisted_29, [
+                              ? (openBlock(), createElementBlock("span", _hoisted_30, [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.indicatorsFor(row).shown, (indicator) => {
                                     return (openBlock(), createElementBlock("span", {
                                       key: indicator.id || indicator.field,
@@ -444,20 +456,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                         name: indicator.icon || 'InformationOutline',
                                         size: 16
                                       }, null, 8 /* PROPS */, ["name"]),
-                                      createElementVNode("span", _hoisted_31, toDisplayString($options.translateLabel(indicator.text)), 1 /* TEXT */)
-                                    ], 8 /* PROPS */, _hoisted_30))
+                                      createElementVNode("span", _hoisted_32, toDisplayString($options.translateLabel(indicator.text)), 1 /* TEXT */)
+                                    ], 8 /* PROPS */, _hoisted_31))
                                   }), 128 /* KEYED_FRAGMENT */))
                                 ]))
                               : createCommentVNode("v-if", true),
                             ($options.overlineValue(row, col))
-                              ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString($options.overlineValue(row, col)), 1 /* TEXT */))
+                              ? (openBlock(), createElementBlock("span", _hoisted_33, toDisplayString($options.overlineValue(row, col)), 1 /* TEXT */))
                               : createCommentVNode("v-if", true),
                             renderSlot(_ctx.$slots, 'column-' + col.key, {
                               row: row,
                               value: $options.cellValue(row, col)
                             }, () => [
                               ($options.isTextZero(row, col))
-                                ? (openBlock(), createElementBlock("span", _hoisted_33, toDisplayString($options.cellValue(row, col)), 1 /* TEXT */))
+                                ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString($options.cellValue(row, col)), 1 /* TEXT */))
                                 : (openBlock(), createBlock(_component_CnCellRenderer, {
                                     key: 1,
                                     value: $options.cellValue(row, col),
@@ -473,7 +485,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   }, null, 8 /* PROPS */, ["value", "property", "formatter", "formatterOptions", "widget", "widgetProps", "secondary", "format", "row", "rowKey"]))
                             ]),
                             ($options.cellPills(row, col).length > 0)
-                              ? (openBlock(), createElementBlock("span", _hoisted_34, [
+                              ? (openBlock(), createElementBlock("span", _hoisted_35, [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.cellPills(row, col), (pill, pillIndex) => {
                                     return (openBlock(), createBlock(_component_CnStatusBadge, {
                                       key: pillIndex,
@@ -485,10 +497,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 ]))
                               : createCommentVNode("v-if", true),
                             (col.widget !== 'avatar' && $options.secondaryValue(row, col))
-                              ? (openBlock(), createElementBlock("span", _hoisted_35, toDisplayString($options.secondaryValue(row, col)), 1 /* TEXT */))
+                              ? (openBlock(), createElementBlock("span", _hoisted_36, toDisplayString($options.secondaryValue(row, col)), 1 /* TEXT */))
                               : createCommentVNode("v-if", true),
                             (colIndex === $options.titleColumnIndex && $options.matchedFileOf(row))
-                              ? (openBlock(), createElementBlock("span", _hoisted_36, toDisplayString($options.matchedFileLabel(row)), 1 /* TEXT */))
+                              ? (openBlock(), createElementBlock("span", _hoisted_37, toDisplayString($options.matchedFileLabel(row)), 1 /* TEXT */))
                               : createCommentVNode("v-if", true)
                           ], 38 /* CLASS, STYLE, NEED_HYDRATION */))
                         }), 128 /* KEYED_FRAGMENT */)),
@@ -515,8 +527,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               class: "cn-table-row-detail__cell"
                             }, [
                               renderSlot(_ctx.$slots, "row-detail", { row: row })
-                            ], 8 /* PROPS */, _hoisted_38)
-                          ], 8 /* PROPS */, _hoisted_37))
+                            ], 8 /* PROPS */, _hoisted_39)
+                          ], 8 /* PROPS */, _hoisted_38))
                         : createCommentVNode("v-if", true)
                     ], 64 /* STABLE_FRAGMENT */))
                   }), 128 /* KEYED_FRAGMENT */))
@@ -524,7 +536,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 2 /* CLASS */)
         ], 8 /* PROPS */, _hoisted_7)),
     (_ctx.$slots.footer || ($props.viewAllRoute && $options.totalRowCount > $options.effectiveRows.length))
-      ? (openBlock(), createElementBlock("div", _hoisted_39, [
+      ? (openBlock(), createElementBlock("div", _hoisted_40, [
           renderSlot(_ctx.$slots, "footer", {
             total: $options.totalRowCount,
             shown: $options.effectiveRows.length
@@ -535,7 +547,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "cn-data-table__view-all",
                   href: $options.viewAllHref,
                   onClick: _cache[10] || (_cache[10] = (...args) => ($options.onViewAll && $options.onViewAll(...args)))
-                }, toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_40))
+                }, toDisplayString($props.viewAllLabel), 9 /* TEXT, PROPS */, _hoisted_41))
               : (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",