@conduction/nextcloud-vue 2.85.0 → 2.87.0

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

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 const _hoisted_2 = ["data-lane"];
 const _hoisted_3 = ["aria-expanded", "onClick"];
 const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = ["data-column", "data-unreachable", "onDrop"];
+const _hoisted_5 = ["data-column", "data-unreachable", "data-full", "onDrop"];
 const _hoisted_6 = {
   key: 0,
   class: "cn-board-view__column-head"
@@ -16,11 +16,11 @@ const _hoisted_6 = {
 const _hoisted_7 = { class: "cn-board-view__column-header cn-board-view__column-header--board" };
 const _hoisted_8 = { class: "cn-board-view__column-title" };
 const _hoisted_9 = {
-  class: "cn-board-view__badge",
-  "data-testid": "cn-board-count"
+  key: 0,
+  class: "hidden-visually"
 };
 const _hoisted_10 = {
-  key: 0,
+  key: 1,
   class: "hidden-visually"
 };
 const _hoisted_11 = {
@@ -33,65 +33,75 @@ const _hoisted_12 = {
   class: "cn-board-view__column-header"
 };
 const _hoisted_13 = {
-  class: "cn-board-view__count",
-  "data-testid": "cn-board-count"
+  key: 0,
+  class: "hidden-visually"
+};
+const _hoisted_14 = {
+  key: 2,
+  class: "cn-board-view__column-reason",
+  "data-testid": "cn-board-column-reason"
 };
-const _hoisted_14 = ["aria-label"];
-const _hoisted_15 = ["data-card-id", "draggable", "onDragstart", "onKeydown"];
-const _hoisted_16 = { class: "cn-board-view__card-head" };
-const _hoisted_17 = ["data-card-id", "checked", "aria-label", "onChange"];
-const _hoisted_18 = ["data-card-id", "aria-label", "onClick", "onAuxclick"];
-const _hoisted_19 = { class: "cn-board-view__menu-wrap" };
-const _hoisted_20 = ["data-card-id", "aria-expanded", "aria-label", "onClick"];
-const _hoisted_21 = ["aria-label", "onKeydown"];
-const _hoisted_22 = ["aria-label"];
-const _hoisted_23 = {
+const _hoisted_15 = ["aria-label"];
+const _hoisted_16 = ["data-card-id", "draggable", "onDragstart", "onKeydown"];
+const _hoisted_17 = { class: "cn-board-view__card-head" };
+const _hoisted_18 = ["data-card-id", "checked", "aria-label", "onChange"];
+const _hoisted_19 = ["data-card-id", "aria-label", "onClick", "onAuxclick"];
+const _hoisted_20 = { class: "cn-board-view__menu-wrap" };
+const _hoisted_21 = ["data-card-id", "aria-expanded", "aria-label", "onClick"];
+const _hoisted_22 = ["aria-label", "onKeydown"];
+const _hoisted_23 = ["aria-label"];
+const _hoisted_24 = {
   class: "cn-board-view__menu-heading",
   "aria-hidden": "true"
 };
-const _hoisted_24 = ["data-target", "aria-disabled", "onClick"];
-const _hoisted_25 = {
+const _hoisted_25 = ["data-target", "aria-disabled", "onClick"];
+const _hoisted_26 = {
   key: 0,
   class: "cn-board-view__menu-note",
   "data-testid": "cn-board-menu-blocked"
 };
-const _hoisted_26 = ["onClick"];
 const _hoisted_27 = {
+  key: 1,
+  class: "cn-board-view__menu-reason",
+  "data-testid": "cn-board-menu-reason"
+};
+const _hoisted_28 = ["onClick"];
+const _hoisted_29 = {
   key: 0,
   class: "cn-board-view__card-sub",
   "data-testid": "cn-board-card-sub"
 };
-const _hoisted_28 = {
+const _hoisted_30 = {
   key: 1,
   class: "cn-board-view__card-pills"
 };
-const _hoisted_29 = {
+const _hoisted_31 = {
   key: 2,
   class: "cn-board-view__card-footer",
   "data-testid": "cn-board-card-footer"
 };
-const _hoisted_30 = ["title", "aria-label"];
-const _hoisted_31 = { "aria-hidden": "true" };
-const _hoisted_32 = {
+const _hoisted_32 = ["title", "aria-label"];
+const _hoisted_33 = { "aria-hidden": "true" };
+const _hoisted_34 = {
   key: 0,
   class: "cn-board-view__select-label"
 };
-const _hoisted_33 = ["data-card-id", "checked", "aria-label", "onChange"];
-const _hoisted_34 = ["data-card-id", "aria-label", "onClick", "onAuxclick"];
-const _hoisted_35 = {
+const _hoisted_35 = ["data-card-id", "checked", "aria-label", "onChange"];
+const _hoisted_36 = ["data-card-id", "aria-label", "onClick", "onAuxclick"];
+const _hoisted_37 = {
   key: 2,
   class: "cn-board-view__move"
 };
-const _hoisted_36 = { class: "cn-board-view__move-label" };
-const _hoisted_37 = ["data-card-id", "value", "onChange"];
-const _hoisted_38 = ["value"];
-const _hoisted_39 = {
-  key: 3,
+const _hoisted_38 = { class: "cn-board-view__move-label" };
+const _hoisted_39 = ["data-card-id", "value", "onChange"];
+const _hoisted_40 = ["value"];
+const _hoisted_41 = {
+  key: 4,
   class: "cn-board-view__empty",
   "data-testid": "cn-board-column-empty"
 };
-const _hoisted_40 = ["onClick"];
-const _hoisted_41 = {
+const _hoisted_42 = ["onClick"];
+const _hoisted_43 = {
   key: 2,
   class: "cn-board-view__refusal",
   "data-testid": "cn-board-refusal",
@@ -131,11 +141,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               (openBlock(true), createElementBlock(Fragment, null, renderList(lane.columns, (column) => {
                 return (openBlock(), createElementBlock("section", {
                   key: `col-${lane.key}-${column.key}`,
-                  class: normalizeClass(["cn-board-view__column", { 'cn-board-view__column--unreachable': $options.isUnreachable(column) }]),
+                  class: normalizeClass(["cn-board-view__column", { 'cn-board-view__column--unreachable': $options.isUnreachable(column), 'cn-board-view__column--full': $options.isFull(column), 'cn-board-view__column--reason': $options.dragReason(column) !== '' }]),
                   role: "listitem",
                   "data-testid": "cn-board-column",
                   "data-column": column.key,
                   "data-unreachable": $options.isUnreachable(column) ? 'true' : null,
+                  "data-full": $options.isFull(column) ? 'true' : null,
                   onDragover: _cache[3] || (_cache[3] = withModifiers(() => {}, ["prevent"])),
                   onDrop: $event => ($options.onDrop(column, $event))
                 }, [
@@ -149,12 +160,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             "aria-hidden": "true"
                           }, null, 4 /* STYLE */),
                           createElementVNode("span", _hoisted_8, toDisplayString(column.label), 1 /* TEXT */),
-                          createElementVNode("span", _hoisted_9, [
-                            createTextVNode(toDisplayString(column.count), 1 /* TEXT */),
+                          createElementVNode("span", {
+                            class: normalizeClass(["cn-board-view__badge", { 'cn-board-view__badge--full': $options.isFull(column) }]),
+                            "data-testid": "cn-board-count"
+                          }, [
+                            createTextVNode(toDisplayString($options.capacityOf(column) === null ? column.count : $options.capacityText(column)), 1 /* TEXT */),
                             ($props.paged)
-                              ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString($options.t('nextcloud-vue', 'on this page')), 1 /* TEXT */))
+                              ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString($options.t('nextcloud-vue', 'on this page')), 1 /* TEXT */))
+                              : createCommentVNode("v-if", true),
+                            ($options.isFull(column))
+                              ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(' ' + $options.t('nextcloud-vue', 'full')), 1 /* TEXT */))
                               : createCommentVNode("v-if", true)
-                          ])
+                          ], 2 /* CLASS */)
                         ]),
                         ($options.columnSum(column) !== '')
                           ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString($options.columnSum(column)), 1 /* TEXT */))
@@ -162,11 +179,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       ]))
                     : (openBlock(), createElementBlock("h3", _hoisted_12, [
                         createTextVNode(toDisplayString(column.label) + " ", 1 /* TEXT */),
-                        createElementVNode("span", _hoisted_13, toDisplayString($options.countLabel(column)), 1 /* TEXT */)
+                        createElementVNode("span", {
+                          class: normalizeClass(["cn-board-view__count", { 'cn-board-view__count--full': $options.isFull(column) }]),
+                          "data-testid": "cn-board-count"
+                        }, [
+                          createTextVNode(toDisplayString($options.countLabel(column)), 1 /* TEXT */),
+                          ($options.isFull(column))
+                            ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(' ' + $options.t('nextcloud-vue', 'full')), 1 /* TEXT */))
+                            : createCommentVNode("v-if", true)
+                        ], 2 /* CLASS */)
                       ])),
+                  ($options.dragReason(column) !== '')
+                    ? (openBlock(), createElementBlock("p", _hoisted_14, toDisplayString($options.dragReason(column)), 1 /* TEXT */))
+                    : createCommentVNode("v-if", true),
                   (column.cards.length > 0)
                     ? (openBlock(), createElementBlock("div", {
-                        key: 2,
+                        key: 3,
                         class: "cn-board-view__cards",
                         role: "list",
                         "aria-label": column.label
@@ -188,7 +216,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           }, [
                             ($options.isBoardLook)
                               ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                  createElementVNode("div", _hoisted_16, [
+                                  createElementVNode("div", _hoisted_17, [
                                     ($props.selectable)
                                       ? (openBlock(), createElementBlock("input", {
                                           key: 0,
@@ -199,7 +227,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                           checked: $options.isSelected(card),
                                           "aria-label": $options.selectLabel(card),
                                           onChange: $event => ($options.toggleSelected(card))
-                                        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_17))
+                                        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_18))
                                       : createCommentVNode("v-if", true),
                                     createElementVNode("a", {
                                       href: "#",
@@ -210,8 +238,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       onClick: withModifiers($event => ($options.openCard(card, $event)), ["prevent"]),
                                       onMousedown: _cache[0] || (_cache[0] = (...args) => ($options.preventMiddleClickAutoscroll && $options.preventMiddleClickAutoscroll(...args))),
                                       onAuxclick: $event => ($options.onCardAuxClick(card, $event))
-                                    }, toDisplayString($options.roleText(card, $options.roles.title) || $options.cardKey(card)), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_18),
-                                    createElementVNode("span", _hoisted_19, [
+                                    }, toDisplayString($options.roleText(card, $options.roles.title) || $options.cardKey(card)), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_19),
+                                    createElementVNode("span", _hoisted_20, [
                                       createElementVNode("button", {
                                         type: "button",
                                         class: "cn-board-view__menu-button",
@@ -226,7 +254,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                           class: "cn-board-view__menu-dots",
                                           "aria-hidden": "true"
                                         }, "⋯", -1 /* CACHED */)
-                                      ]))], 8 /* PROPS */, _hoisted_20),
+                                      ]))], 8 /* PROPS */, _hoisted_21),
                                       ($options.isMenuOpen(card))
                                         ? (openBlock(), createElementBlock("div", {
                                             key: 0,
@@ -242,25 +270,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                   role: "group",
                                                   "aria-label": $options.moveLabel
                                                 }, [
-                                                  createElementVNode("span", _hoisted_23, toDisplayString($options.moveLabel), 1 /* TEXT */),
+                                                  createElementVNode("span", _hoisted_24, toDisplayString($options.moveLabel), 1 /* TEXT */),
                                                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.moveTargets(lane, column), (target) => {
                                                     return (openBlock(), createElementBlock("button", {
                                                       key: `m-${$options.cardKey(card)}-${target.key}`,
                                                       type: "button",
                                                       role: "menuitem",
-                                                      class: normalizeClass(["cn-board-view__menu-item", { 'cn-board-view__menu-item--blocked': !$options.isMoveAllowed(card, target) }]),
+                                                      class: normalizeClass(["cn-board-view__menu-item", { 'cn-board-view__menu-item--blocked': !$options.canMoveTo(card, target), 'cn-board-view__menu-item--reason': $options.blockReason(card, target) !== '' }]),
                                                       "data-testid": "cn-board-menu-move",
                                                       "data-target": target.key,
-                                                      "aria-disabled": $options.isMoveAllowed(card, target) ? null : 'true',
-                                                      onClick: $event => ($options.isMoveAllowed(card, target) && $options.onMenuMove(card, column, target))
+                                                      "aria-disabled": $options.canMoveTo(card, target) ? null : 'true',
+                                                      onClick: $event => ($options.canMoveTo(card, target) && $options.onMenuMove(card, column, target))
                                                     }, [
                                                       createTextVNode(toDisplayString(target.label) + " ", 1 /* TEXT */),
-                                                      (!$options.isMoveAllowed(card, target))
-                                                        ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString($options.notAllowedLabel), 1 /* TEXT */))
+                                                      (!$options.canMoveTo(card, target) && $options.blockedNote(card, target) !== '')
+                                                        ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString($options.blockedNote(card, target)), 1 /* TEXT */))
+                                                        : createCommentVNode("v-if", true),
+                                                      ($options.blockReason(card, target) !== '')
+                                                        ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString($options.blockReason(card, target)), 1 /* TEXT */))
                                                         : createCommentVNode("v-if", true)
-                                                    ], 10 /* CLASS, PROPS */, _hoisted_24))
+                                                    ], 10 /* CLASS, PROPS */, _hoisted_25))
                                                   }), 128 /* KEYED_FRAGMENT */))
-                                                ], 8 /* PROPS */, _hoisted_22))
+                                                ], 8 /* PROPS */, _hoisted_23))
                                               : createCommentVNode("v-if", true),
                                             createElementVNode("button", {
                                               type: "button",
@@ -268,16 +299,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               class: "cn-board-view__menu-item",
                                               "data-testid": "cn-board-menu-new-tab",
                                               onClick: $event => ($options.onMenuOpenNewTab(card))
-                                            }, toDisplayString($options.openInNewTabLabel), 9 /* TEXT, PROPS */, _hoisted_26)
-                                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_21))
+                                            }, toDisplayString($options.openInNewTabLabel), 9 /* TEXT, PROPS */, _hoisted_28)
+                                          ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_22))
                                         : createCommentVNode("v-if", true)
                                     ])
                                   ]),
                                   ($options.roleText(card, $options.roles.sub) !== '')
-                                    ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString($options.roleText(card, $options.roles.sub)), 1 /* TEXT */))
+                                    ? (openBlock(), createElementBlock("span", _hoisted_29, toDisplayString($options.roleText(card, $options.roles.sub)), 1 /* TEXT */))
                                     : createCommentVNode("v-if", true),
                                   ($options.roleText(card, $options.roles.pill) !== '')
-                                    ? (openBlock(), createElementBlock("span", _hoisted_28, [
+                                    ? (openBlock(), createElementBlock("span", _hoisted_30, [
                                         createVNode(_component_CnStatusBadge, {
                                           class: "cn-board-view__pill",
                                           "data-testid": "cn-board-card-pill",
@@ -287,7 +318,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       ]))
                                     : createCommentVNode("v-if", true),
                                   ($options.dueText(card) !== '' || $options.ownerName(card) !== '')
-                                    ? (openBlock(), createElementBlock("span", _hoisted_29, [
+                                    ? (openBlock(), createElementBlock("span", _hoisted_31, [
                                         createElementVNode("span", {
                                           class: normalizeClass(["cn-board-view__due-text", $options.cardDueState(card) ? `cn-board-view__due-text--${$options.cardDueState(card)}` : null]),
                                           "data-testid": "cn-board-card-due"
@@ -301,15 +332,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               role: "img",
                                               "aria-label": $options.ownerName(card)
                                             }, [
-                                              createElementVNode("span", _hoisted_31, toDisplayString($options.ownerInitials(card)), 1 /* TEXT */)
-                                            ], 8 /* PROPS */, _hoisted_30))
+                                              createElementVNode("span", _hoisted_33, toDisplayString($options.ownerInitials(card)), 1 /* TEXT */)
+                                            ], 8 /* PROPS */, _hoisted_32))
                                           : createCommentVNode("v-if", true)
                                       ]))
                                     : createCommentVNode("v-if", true)
                                 ], 64 /* STABLE_FRAGMENT */))
                               : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                   ($props.selectable)
-                                    ? (openBlock(), createElementBlock("label", _hoisted_32, [
+                                    ? (openBlock(), createElementBlock("label", _hoisted_34, [
                                         createElementVNode("input", {
                                           type: "checkbox",
                                           class: "cn-board-view__select",
@@ -318,7 +349,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                           checked: $options.isSelected(card),
                                           "aria-label": $options.selectLabel(card),
                                           onChange: $event => ($options.toggleSelected(card))
-                                        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_33)
+                                        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_35)
                                       ]))
                                     : createCommentVNode("v-if", true),
                                   ($options.dueLabel(card))
@@ -343,10 +374,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     onClick: $event => ($options.openCard(card, $event)),
                                     onMousedown: _cache[1] || (_cache[1] = (...args) => ($options.preventMiddleClickAutoscroll && $options.preventMiddleClickAutoscroll(...args))),
                                     onAuxclick: $event => ($options.onCardAuxClick(card, $event))
-                                  }, toDisplayString($options.openLabel), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_34),
+                                  }, toDisplayString($options.openLabel), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_36),
                                   ($options.canMove)
-                                    ? (openBlock(), createElementBlock("label", _hoisted_35, [
-                                        createElementVNode("span", _hoisted_36, toDisplayString($options.moveLabel), 1 /* TEXT */),
+                                    ? (openBlock(), createElementBlock("label", _hoisted_37, [
+                                        createElementVNode("span", _hoisted_38, toDisplayString($options.moveLabel), 1 /* TEXT */),
                                         createElementVNode("select", {
                                           "data-testid": "cn-board-move",
                                           "data-card-id": $options.cardKey(card),
@@ -357,24 +388,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             return (openBlock(), createElementBlock("option", {
                                               key: `t-${$options.cardKey(card)}-${target.key}`,
                                               value: target.key
-                                            }, toDisplayString(target.label), 9 /* TEXT, PROPS */, _hoisted_38))
+                                            }, toDisplayString(target.label), 9 /* TEXT, PROPS */, _hoisted_40))
                                           }), 128 /* KEYED_FRAGMENT */))
-                                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_37)
+                                        ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_39)
                                       ]))
                                     : createCommentVNode("v-if", true)
                                 ], 64 /* STABLE_FRAGMENT */))
-                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_15))
+                          ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_16))
                         }), 128 /* KEYED_FRAGMENT */))
-                      ], 8 /* PROPS */, _hoisted_14))
-                    : (openBlock(), createElementBlock("p", _hoisted_39, toDisplayString($options.emptyColumnText), 1 /* TEXT */)),
+                      ], 8 /* PROPS */, _hoisted_15))
+                    : (openBlock(), createElementBlock("p", _hoisted_41, toDisplayString($options.emptyColumnText), 1 /* TEXT */)),
                   ($options.hiddenCount(lane, column) > 0)
                     ? (openBlock(), createElementBlock("button", {
-                        key: 4,
+                        key: 5,
                         type: "button",
                         class: "cn-board-view__show-more",
                         "data-testid": "cn-board-show-more",
                         onClick: $event => ($options.showMore(lane, column))
-                      }, toDisplayString($options.showMoreLabel($options.hiddenCount(lane, column))), 9 /* TEXT, PROPS */, _hoisted_40))
+                      }, toDisplayString($options.showMoreLabel($options.hiddenCount(lane, column))), 9 /* TEXT, PROPS */, _hoisted_42))
                     : createCommentVNode("v-if", true)
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_5))
               }), 128 /* KEYED_FRAGMENT */))
@@ -384,7 +415,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 8 /* PROPS */, _hoisted_2))
         }), 128 /* KEYED_FRAGMENT */)),
     ($data.refusal)
-      ? (openBlock(), createElementBlock("p", _hoisted_41, toDisplayString($data.refusal), 1 /* TEXT */))
+      ? (openBlock(), createElementBlock("p", _hoisted_43, toDisplayString($data.refusal), 1 /* TEXT */))
       : createCommentVNode("v-if", true)
   ], 2 /* CLASS */))
 }