@conduction/nextcloud-vue 2.122.0 → 2.123.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createVNode, toDisplayString, createCommentVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, createSlots, renderSlot, withDirectives, normalizeStyle, vShow, resolveDynamicComponent } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createVNode, toDisplayString, createCommentVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, createSlots, renderSlot, withDirectives, normalizeStyle, vShow, resolveDynamicComponent, Teleport } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
@@ -555,7 +555,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, 8 /* PROPS */, ["name", "description"]))
           : (openBlock(), createElementBlock("div", {
               key: 9,
-              class: normalizeClass(["cn-files-browser__body", { 'cn-files-browser__body--with-side': $options.sideNode !== null }])
+              class: normalizeClass(["cn-files-browser__body", { 'cn-files-browser__body--with-side': $options.sideNode !== null && !$options.sideInPage }])
             }, [
               createElementVNode("table", _hoisted_23, [
                 createElementVNode("thead", null, [
@@ -976,72 +976,78 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ]),
               ($options.sideNode !== null)
-                ? (openBlock(), createElementBlock("aside", {
+                ? (openBlock(), createBlock(Teleport, {
                     key: 0,
-                    class: "cn-files-browser__side",
-                    "aria-label": $options.t('nextcloud-vue', 'About {name}', { name: $options.sideNode.basename }),
-                    "data-testid": "cn-files-browser-side"
+                    to: $options.pageSideTarget,
+                    disabled: !$options.sideInPage,
+                    defer: ""
                   }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.sideCardsFor($options.sideNode), (card) => {
-                      return (openBlock(), createElementBlock("section", {
-                        key: card.id,
-                        class: "cn-files-browser__side-card",
-                        "data-testid": `cn-files-browser-side-card-${card.id}`
-                      }, [
-                        createElementVNode("h3", _hoisted_54, toDisplayString(card.title), 1 /* TEXT */),
-                        (card.fields.length > 0)
-                          ? (openBlock(), createElementBlock("dl", _hoisted_55, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(card.fields, (field) => {
-                                return (openBlock(), createElementBlock(Fragment, {
-                                  key: field.key
-                                }, [
-                                  createElementVNode("dt", null, toDisplayString(field.label), 1 /* TEXT */),
-                                  createElementVNode("dd", {
-                                    class: normalizeClass(field.tone ? `cn-files-browser__tone cn-files-browser__tone--${field.tone}` : '')
+                    createElementVNode("aside", {
+                      class: normalizeClass(["cn-files-browser__side", { 'cn-files-browser__side--in-page': $options.sideInPage }]),
+                      "aria-label": $options.t('nextcloud-vue', 'About {name}', { name: $options.sideNode.basename }),
+                      "data-testid": "cn-files-browser-side"
+                    }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList($options.sideCardsFor($options.sideNode), (card) => {
+                        return (openBlock(), createElementBlock("section", {
+                          key: card.id,
+                          class: "cn-files-browser__side-card",
+                          "data-testid": `cn-files-browser-side-card-${card.id}`
+                        }, [
+                          createElementVNode("h3", _hoisted_54, toDisplayString(card.title), 1 /* TEXT */),
+                          (card.fields.length > 0)
+                            ? (openBlock(), createElementBlock("dl", _hoisted_55, [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(card.fields, (field) => {
+                                  return (openBlock(), createElementBlock(Fragment, {
+                                    key: field.key
                                   }, [
-                                    createVNode(_component_CnCellRenderer, {
-                                      value: field.value,
-                                      formatter: field.formatter || null,
-                                      formatterOptions: field.formatterOptions || null,
-                                      row: $options.sideNode
-                                    }, null, 8 /* PROPS */, ["value", "formatter", "formatterOptions", "row"])
-                                  ], 2 /* CLASS */)
-                                ], 64 /* STABLE_FRAGMENT */))
-                              }), 128 /* KEYED_FRAGMENT */))
-                            ]))
-                          : createCommentVNode("v-if", true),
-                        (card.actions.length > 0)
-                          ? (openBlock(), createElementBlock("div", _hoisted_56, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(card.actions, (action) => {
-                                return (openBlock(), createBlock(_component_NcButton, {
-                                  key: action.id,
-                                  "data-testid": `cn-files-browser-side-action-${action.id}`,
-                                  onClick: $event => ($options.runHostAction(action, $options.sideNode))
-                                }, createSlots({
-                                  default: withCtx(() => [
-                                    createTextVNode(" " + toDisplayString($options.hostLabel(action)), 1 /* TEXT */)
-                                  ]),
-                                  _: 2 /* DYNAMIC */
-                                }, [
-                                  (action.icon)
-                                    ? {
-                                        name: "icon",
-                                        fn: withCtx(() => [
-                                          createVNode(_component_CnIcon, {
-                                            name: action.icon,
-                                            size: 20
-                                          }, null, 8 /* PROPS */, ["name"])
-                                        ]),
-                                        key: "0"
-                                      }
-                                    : undefined
-                                ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
-                              }), 128 /* KEYED_FRAGMENT */))
-                            ]))
-                          : createCommentVNode("v-if", true)
-                      ], 8 /* PROPS */, _hoisted_53))
-                    }), 128 /* KEYED_FRAGMENT */))
-                  ], 8 /* PROPS */, _hoisted_52))
+                                    createElementVNode("dt", null, toDisplayString(field.label), 1 /* TEXT */),
+                                    createElementVNode("dd", {
+                                      class: normalizeClass(field.tone ? `cn-files-browser__tone cn-files-browser__tone--${field.tone}` : '')
+                                    }, [
+                                      createVNode(_component_CnCellRenderer, {
+                                        value: field.value,
+                                        formatter: field.formatter || null,
+                                        formatterOptions: field.formatterOptions || null,
+                                        row: $options.sideNode
+                                      }, null, 8 /* PROPS */, ["value", "formatter", "formatterOptions", "row"])
+                                    ], 2 /* CLASS */)
+                                  ], 64 /* STABLE_FRAGMENT */))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ]))
+                            : createCommentVNode("v-if", true),
+                          (card.actions.length > 0)
+                            ? (openBlock(), createElementBlock("div", _hoisted_56, [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(card.actions, (action) => {
+                                  return (openBlock(), createBlock(_component_NcButton, {
+                                    key: action.id,
+                                    "data-testid": `cn-files-browser-side-action-${action.id}`,
+                                    onClick: $event => ($options.runHostAction(action, $options.sideNode))
+                                  }, createSlots({
+                                    default: withCtx(() => [
+                                      createTextVNode(" " + toDisplayString($options.hostLabel(action)), 1 /* TEXT */)
+                                    ]),
+                                    _: 2 /* DYNAMIC */
+                                  }, [
+                                    (action.icon)
+                                      ? {
+                                          name: "icon",
+                                          fn: withCtx(() => [
+                                            createVNode(_component_CnIcon, {
+                                              name: action.icon,
+                                              size: 20
+                                            }, null, 8 /* PROPS */, ["name"])
+                                          ]),
+                                          key: "0"
+                                        }
+                                      : undefined
+                                  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-testid", "onClick"]))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ]))
+                            : createCommentVNode("v-if", true)
+                        ], 8 /* PROPS */, _hoisted_53))
+                      }), 128 /* KEYED_FRAGMENT */))
+                    ], 10 /* CLASS, PROPS */, _hoisted_52)
+                  ], 8 /* PROPS */, ["to", "disabled"]))
                 : createCommentVNode("v-if", true)
             ], 2 /* CLASS */)),
     ($props.dropHint && $options.canChange && !$data.loading && $data.error === '')