@conduction/nextcloud-vue 2.56.0-beta.27 → 2.56.0-beta.29

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

@@ -5,69 +5,74 @@ const _hoisted_1 = {
   class: "cn-actions-bar__row cn-actions-bar__row--views",
   "data-testid": "cn-actions-bar-row-views"
 };
-const _hoisted_2 = ["aria-label"];
+const _hoisted_2 = {
+  key: 0,
+  class: "cn-actions-bar__view-controls",
+  "data-testid": "cn-actions-bar-view-controls"
+};
 const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = ["aria-pressed", "aria-label", "title", "onClick"];
-const _hoisted_5 = {
+const _hoisted_4 = ["aria-label"];
+const _hoisted_5 = ["aria-pressed", "aria-label", "title", "onClick"];
+const _hoisted_6 = {
   key: 1,
   class: "cn-actions-bar__info"
 };
-const _hoisted_6 = {
+const _hoisted_7 = {
   key: 0,
   class: "cn-actions-bar__search"
 };
-const _hoisted_7 = ["placeholder", "value", "aria-label"];
-const _hoisted_8 = {
+const _hoisted_8 = ["placeholder", "value", "aria-label"];
+const _hoisted_9 = {
   key: 1,
   class: "cn-actions-bar__count"
 };
-const _hoisted_9 = ["aria-label"];
-const _hoisted_10 = ["aria-pressed", "aria-label", "title", "onClick"];
-const _hoisted_11 = {
+const _hoisted_10 = ["aria-label"];
+const _hoisted_11 = ["aria-pressed", "aria-label", "title", "onClick"];
+const _hoisted_12 = {
   key: 2,
   class: "cn-actions-bar__view-toggle-label"
 };
-const _hoisted_12 = { class: "cn-actions-bar__actions" };
-const _hoisted_13 = {
+const _hoisted_13 = { class: "cn-actions-bar__actions" };
+const _hoisted_14 = {
   key: 0,
   class: "cn-actions-bar__sort"
 };
-const _hoisted_14 = {
+const _hoisted_15 = {
   key: 2,
   class: "cn-actions-bar__row cn-actions-bar__row--search",
   "data-testid": "cn-actions-bar-row-search"
 };
-const _hoisted_15 = {
+const _hoisted_16 = {
   key: 0,
   class: "cn-actions-bar__search"
 };
-const _hoisted_16 = ["placeholder", "value", "aria-label"];
-const _hoisted_17 = {
+const _hoisted_17 = ["placeholder", "value", "aria-label"];
+const _hoisted_18 = {
   key: 1,
   class: "cn-actions-bar__count"
 };
-const _hoisted_18 = {
+const _hoisted_19 = {
   class: "cn-actions-bar__active-label",
   "data-testid": "cn-actions-bar-active-label"
 };
-const _hoisted_19 = { class: "cn-actions-bar__filter-chip-label" };
-const _hoisted_20 = ["aria-label", "onClick"];
-const _hoisted_21 = {
+const _hoisted_20 = { class: "cn-actions-bar__filter-chip-label" };
+const _hoisted_21 = ["aria-label", "onClick"];
+const _hoisted_22 = {
   class: "cn-actions-bar__sr-status",
   role: "status"
 };
-const _hoisted_22 = {
+const _hoisted_23 = {
   key: 3,
   class: "cn-actions-bar__selection",
   "data-testid": "cn-selection-strip"
 };
-const _hoisted_23 = {
+const _hoisted_24 = {
   class: "cn-actions-bar__selection-count",
   "aria-hidden": "true"
 };
-const _hoisted_24 = ["aria-label"];
-const _hoisted_25 = { class: "cn-actions-bar__band-lead" };
-const _hoisted_26 = {
+const _hoisted_25 = ["aria-label"];
+const _hoisted_26 = { class: "cn-actions-bar__band-lead" };
+const _hoisted_27 = {
   key: 2,
   class: "cn-actions-bar__band-hint",
   "data-testid": "cn-bulk-band-hint"
@@ -104,71 +109,75 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ? (openBlock(), createElementBlock("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "filters"),
             renderSlot(_ctx.$slots, "actions-end"),
-            ($props.showSidebarToggle)
-              ? (openBlock(), createBlock(_component_NcButton, {
-                  key: 0,
-                  variant: "secondary",
-                  class: "cn-actions-bar__filter-button",
-                  "data-testid": "cn-actions-bar-filter-button",
-                  pressed: $props.sidebarOpen,
-                  onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('toggle-sidebar')))
-                }, {
-                  icon: withCtx(() => [
-                    createVNode(_component_Tune, { size: 18 })
-                  ]),
-                  default: withCtx(() => [
-                    createTextVNode(" " + toDisplayString($options.t('nextcloud-vue', 'Filter')) + " ", 1 /* TEXT */),
-                    ($options.filterCount > 0)
-                      ? (openBlock(), createElementBlock("span", {
-                          key: 0,
-                          class: "cn-actions-bar__filter-badge",
-                          "data-testid": "cn-actions-bar-filter-badge",
-                          "aria-label": $options.filterCountLabel
-                        }, toDisplayString($options.filterCount), 9 /* TEXT, PROPS */, _hoisted_2))
-                      : createCommentVNode("v-if", true)
-                  ]),
-                  _: 1 /* STABLE */
-                }, 8 /* PROPS */, ["pressed"]))
-              : createCommentVNode("v-if", true),
-            ($props.showViewToggle && $options.viewSegments.length > 1)
-              ? (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: "cn-actions-bar__view-toggle",
-                  role: "group",
-                  "aria-label": $options.t('nextcloud-vue', 'View')
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.viewSegments, (seg) => {
-                    return (openBlock(), createElementBlock("button", {
-                      key: seg.mode,
-                      type: "button",
-                      class: normalizeClass(["cn-actions-bar__view-toggle-btn", { 'cn-actions-bar__view-toggle-btn--active': $props.viewMode === seg.mode }]),
-                      "aria-pressed": $props.viewMode === seg.mode,
-                      "aria-label": seg.label,
-                      title: seg.label,
-                      onClick: $event => (_ctx.$emit('view-mode-change', seg.mode))
-                    }, [
-                      (seg.icon)
-                        ? (openBlock(), createBlock(_component_CnIcon, {
-                            key: 0,
-                            name: seg.icon,
-                            size: 24,
-                            class: "cn-actions-bar__view-toggle-icon"
-                          }, null, 8 /* PROPS */, ["name"]))
-                        : (openBlock(), createBlock(resolveDynamicComponent(seg.fallback), {
-                            key: 1,
-                            size: 24,
-                            class: "cn-actions-bar__view-toggle-icon"
-                          }))
-                    ], 10 /* CLASS, PROPS */, _hoisted_4))
-                  }), 128 /* KEYED_FRAGMENT */))
-                ], 8 /* PROPS */, _hoisted_3))
+            ($props.showSidebarToggle || ($props.showViewToggle && $options.viewSegments.length > 1))
+              ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  ($props.showSidebarToggle)
+                    ? (openBlock(), createBlock(_component_NcButton, {
+                        key: 0,
+                        variant: "secondary",
+                        class: "cn-actions-bar__filter-button",
+                        "data-testid": "cn-actions-bar-filter-button",
+                        pressed: $props.sidebarOpen,
+                        onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('toggle-sidebar')))
+                      }, {
+                        icon: withCtx(() => [
+                          createVNode(_component_Tune, { size: 16 })
+                        ]),
+                        default: withCtx(() => [
+                          createTextVNode(" " + toDisplayString($options.t('nextcloud-vue', 'Filter')) + " ", 1 /* TEXT */),
+                          ($options.filterCount > 0)
+                            ? (openBlock(), createElementBlock("span", {
+                                key: 0,
+                                class: "cn-actions-bar__filter-badge",
+                                "data-testid": "cn-actions-bar-filter-badge",
+                                "aria-label": $options.filterCountLabel
+                              }, toDisplayString($options.filterCount), 9 /* TEXT, PROPS */, _hoisted_3))
+                            : createCommentVNode("v-if", true)
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["pressed"]))
+                    : createCommentVNode("v-if", true),
+                  ($props.showViewToggle && $options.viewSegments.length > 1)
+                    ? (openBlock(), createElementBlock("div", {
+                        key: 1,
+                        class: "cn-actions-bar__view-toggle",
+                        role: "group",
+                        "aria-label": $options.t('nextcloud-vue', 'View')
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList($options.viewSegments, (seg) => {
+                          return (openBlock(), createElementBlock("button", {
+                            key: seg.mode,
+                            type: "button",
+                            class: normalizeClass(["cn-actions-bar__view-toggle-btn", { 'cn-actions-bar__view-toggle-btn--active': $props.viewMode === seg.mode }]),
+                            "aria-pressed": $props.viewMode === seg.mode,
+                            "aria-label": seg.label,
+                            title: seg.label,
+                            onClick: $event => (_ctx.$emit('view-mode-change', seg.mode))
+                          }, [
+                            (seg.icon)
+                              ? (openBlock(), createBlock(_component_CnIcon, {
+                                  key: 0,
+                                  name: seg.icon,
+                                  size: 24,
+                                  class: "cn-actions-bar__view-toggle-icon"
+                                }, null, 8 /* PROPS */, ["name"]))
+                              : (openBlock(), createBlock(resolveDynamicComponent(seg.fallback), {
+                                  key: 1,
+                                  size: 24,
+                                  class: "cn-actions-bar__view-toggle-icon"
+                                }))
+                          ], 10 /* CLASS, PROPS */, _hoisted_5))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ], 8 /* PROPS */, _hoisted_4))
+                    : createCommentVNode("v-if", true)
+                ]))
               : createCommentVNode("v-if", true)
           ]))
         : createCommentVNode("v-if", true),
       (!$options.isBoardLayout)
-        ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        ? (openBlock(), createElementBlock("div", _hoisted_6, [
             ($props.showSearch)
-              ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              ? (openBlock(), createElementBlock("div", _hoisted_7, [
                   createVNode(_component_Magnify, {
                     size: 18,
                     class: "cn-actions-bar__search-icon"
@@ -180,10 +189,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     value: $props.searchValue,
                     "aria-label": $props.searchPlaceholder || $options.t('nextcloud-vue', 'Search'),
                     onInput: _cache[1] || (_cache[1] = (...args) => ($options.onSearchInput && $options.onSearchInput(...args)))
-                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_7)
+                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_8)
                 ]))
               : ($props.showCount && $options.hasTotal)
-                ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString($options.countText), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString($options.countText), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
             renderSlot(_ctx.$slots, "after-search"),
             ($props.showCount && $props.showSearch && $props.showCountWithSearch)
@@ -231,17 +240,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             class: "cn-actions-bar__view-toggle-icon"
                           })),
                       (!$options.isBoardLayout)
-                        ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(seg.label), 1 /* TEXT */))
+                        ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(seg.label), 1 /* TEXT */))
                         : createCommentVNode("v-if", true)
-                    ], 10 /* CLASS, PROPS */, _hoisted_10))
+                    ], 10 /* CLASS, PROPS */, _hoisted_11))
                   }), 128 /* KEYED_FRAGMENT */))
-                ], 8 /* PROPS */, _hoisted_9))
+                ], 8 /* PROPS */, _hoisted_10))
               : createCommentVNode("v-if", true)
           ]))
         : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_12, [
+      createElementVNode("div", _hoisted_13, [
         ($props.showSortSelect && $props.sortOptions.length)
-          ? (openBlock(), createElementBlock("div", _hoisted_13, [
+          ? (openBlock(), createElementBlock("div", _hoisted_14, [
               createVNode(_component_SortVariant, {
                 size: 20,
                 class: "cn-actions-bar__sort-icon",
@@ -487,9 +496,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           : createCommentVNode("v-if", true)
       ]),
       ($options.isBoardLayout)
-        ? (openBlock(), createElementBlock("div", _hoisted_14, [
+        ? (openBlock(), createElementBlock("div", _hoisted_15, [
             ($props.showSearch)
-              ? (openBlock(), createElementBlock("div", _hoisted_15, [
+              ? (openBlock(), createElementBlock("div", _hoisted_16, [
                   createVNode(_component_Magnify, {
                     size: 18,
                     class: "cn-actions-bar__search-icon"
@@ -501,22 +510,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     value: $props.searchValue,
                     "aria-label": $props.searchPlaceholder || $options.t('nextcloud-vue', 'Search'),
                     onInput: _cache[8] || (_cache[8] = (...args) => ($options.onSearchInput && $options.onSearchInput(...args)))
-                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_16)
+                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_17)
                 ]))
               : ($props.showCount && $options.hasTotal)
-                ? (openBlock(), createElementBlock("span", _hoisted_17, toDisplayString($options.countText), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_18, toDisplayString($options.countText), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
             renderSlot(_ctx.$slots, "after-search"),
             ($props.activeFilterChips.length > 0)
               ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  createElementVNode("span", _hoisted_18, toDisplayString($options.t('nextcloud-vue', 'Active:')), 1 /* TEXT */),
+                  createElementVNode("span", _hoisted_19, toDisplayString($options.t('nextcloud-vue', 'Active:')), 1 /* TEXT */),
                   (openBlock(true), createElementBlock(Fragment, null, renderList($props.activeFilterChips, (chip) => {
                     return (openBlock(), createElementBlock("span", {
                       key: chip.key,
                       class: "cn-actions-bar__filter-chip",
                       "data-testid": "cn-actions-bar-filter-chip"
                     }, [
-                      createElementVNode("span", _hoisted_19, toDisplayString(chip.label), 1 /* TEXT */),
+                      createElementVNode("span", _hoisted_20, toDisplayString(chip.label), 1 /* TEXT */),
                       createElementVNode("button", {
                         type: "button",
                         class: "cn-actions-bar__filter-chip-remove",
@@ -527,7 +536,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           size: 14,
                           "aria-hidden": "true"
                         })
-                      ], 8 /* PROPS */, _hoisted_20)
+                      ], 8 /* PROPS */, _hoisted_21)
                     ]))
                   }), 128 /* KEYED_FRAGMENT */)),
                   createElementVNode("button", {
@@ -547,10 +556,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               : createCommentVNode("v-if", true)
           ]))
         : createCommentVNode("v-if", true),
-      createElementVNode("span", _hoisted_21, toDisplayString($props.selectable && $props.selectedIds.length > 0 ? $options.selectionCountText : ''), 1 /* TEXT */),
+      createElementVNode("span", _hoisted_22, toDisplayString($props.selectable && $props.selectedIds.length > 0 ? $options.selectionCountText : ''), 1 /* TEXT */),
       (!$options.isBoardLayout && $props.selectable && $props.selectedIds.length > 0)
-        ? (openBlock(), createElementBlock("div", _hoisted_22, [
-            createElementVNode("span", _hoisted_23, toDisplayString($options.selectionCountText), 1 /* TEXT */),
+        ? (openBlock(), createElementBlock("div", _hoisted_23, [
+            createElementVNode("span", _hoisted_24, toDisplayString($options.selectionCountText), 1 /* TEXT */),
             ($props.showMassCopy)
               ? (openBlock(), createBlock(_component_NcButton, {
                   key: 0,
@@ -624,7 +633,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-label": $options.t('nextcloud-vue', 'Actions for the selection'),
           "data-testid": "cn-bulk-band"
         }, [
-          createElementVNode("strong", _hoisted_25, toDisplayString($options.bulkBandLead), 1 /* TEXT */),
+          createElementVNode("strong", _hoisted_26, toDisplayString($options.bulkBandLead), 1 /* TEXT */),
           ($props.showMassCopy)
             ? (openBlock(), createBlock(_component_NcButton, {
                 key: 0,
@@ -669,9 +678,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             selectedIds: $props.selectedIds
           }),
           ($props.bulkHint)
-            ? (openBlock(), createElementBlock("span", _hoisted_26, toDisplayString($props.bulkHint), 1 /* TEXT */))
+            ? (openBlock(), createElementBlock("span", _hoisted_27, toDisplayString($props.bulkHint), 1 /* TEXT */))
             : createCommentVNode("v-if", true)
-        ], 8 /* PROPS */, _hoisted_24))
+        ], 8 /* PROPS */, _hoisted_25))
       : createCommentVNode("v-if", true)
   ], 64 /* STABLE_FRAGMENT */))
 }