@conduction/nextcloud-vue 2.80.0 → 2.81.0

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

@@ -339,104 +339,108 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       "onUpdate:open": _cache[3] || (_cache[3] = $event => ($data.userSettingsOpen = $event))
                     }, {
                       default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "user-settings", {}, () => [
-                          ($data.userSettingsOpen)
-                            ? (openBlock(), createBlock(_component_CnNotificationPreferences, { key: 0 }))
-                            : createCommentVNode("v-if", true),
-                          ($data.userSettingsOpen)
-                            ? (openBlock(), createBlock(_component_NcAppSettingsSection, {
-                                key: 1,
-                                id: "credentials",
-                                name: $props.translate('Credentials')
-                              }, {
-                                default: withCtx(() => [
-                                  createVNode(_component_CnCredentials, {
-                                    scope: "personal",
-                                    appId: $props.appId,
-                                    appName: $props.appDisplayName || ($props.manifest && $props.manifest.name) || $props.appId,
-                                    appCredentials: ($props.manifest && $props.manifest.credentials) || []
-                                  }, null, 8 /* PROPS */, ["appId", "appName", "appCredentials"])
-                                ]),
-                                _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["name"]))
-                            : createCommentVNode("v-if", true),
-                          ($options.walkthroughEnabled)
-                            ? (openBlock(), createBlock(_component_NcAppSettingsSection, {
-                                key: 2,
-                                id: "cn-walkthrough",
-                                name: $options.restartWalkthroughSectionName
-                              }, {
-                                default: withCtx(() => [
-                                  createElementVNode("p", _hoisted_13, toDisplayString($options.restartWalkthroughHint), 1 /* TEXT */),
-                                  createElementVNode("div", _hoisted_14, [
-                                    ($data.walkthroughProgressValue)
-                                      ? (openBlock(), createBlock(_component_NcButton, {
-                                          key: 0,
-                                          variant: "primary",
-                                          "data-testid": "cn-walkthrough-continue",
-                                          onClick: $options.continueWalkthroughFromSettings
-                                        }, {
-                                          icon: withCtx(() => [
-                                            createVNode(_component_Play, { size: 20 })
-                                          ]),
-                                          default: withCtx(() => [
-                                            createTextVNode(" " + toDisplayString($options.continueWalkthroughLabel), 1 /* TEXT */)
-                                          ]),
-                                          _: 1 /* STABLE */
-                                        }, 8 /* PROPS */, ["onClick"]))
-                                      : createCommentVNode("v-if", true),
-                                    createVNode(_component_NcButton, {
-                                      variant: "secondary",
-                                      "data-testid": "cn-walkthrough-restart",
-                                      onClick: $options.restartWalkthroughFromSettings
+                        (openBlock(true), createElementBlock(Fragment, null, renderList($options.userSettingsSectionOrder(), (section) => {
+                          return (openBlock(), createElementBlock(Fragment, { key: section }, [
+                            (section === 'app')
+                              ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                  renderSlot(_ctx.$slots, "user-settings"),
+                                  renderSlot(_ctx.$slots, "user-settings-sections")
+                                ], 64 /* STABLE_FRAGMENT */))
+                              : (section === 'notifications' && $data.userSettingsOpen)
+                                ? (openBlock(), createBlock(_component_CnNotificationPreferences, { key: 1 }))
+                                : (section === 'credentials' && $data.userSettingsOpen)
+                                  ? (openBlock(), createBlock(_component_NcAppSettingsSection, {
+                                      key: 2,
+                                      id: "credentials",
+                                      name: $options.libraryCopy('Credentials')
                                     }, {
-                                      icon: withCtx(() => [
-                                        createVNode(_component_Restart, { size: 20 })
-                                      ]),
                                       default: withCtx(() => [
-                                        createTextVNode(" " + toDisplayString($data.walkthroughProgressValue ? $options.startOverWalkthroughLabel : $options.restartWalkthroughLabel), 1 /* TEXT */)
+                                        createVNode(_component_CnCredentials, {
+                                          scope: "personal",
+                                          appId: $props.appId,
+                                          appName: $props.appDisplayName || ($props.manifest && $props.manifest.name) || $props.appId,
+                                          appCredentials: ($props.manifest && $props.manifest.credentials) || []
+                                        }, null, 8 /* PROPS */, ["appId", "appName", "appCredentials"])
                                       ]),
                                       _: 1 /* STABLE */
-                                    }, 8 /* PROPS */, ["onClick"])
-                                  ])
-                                ]),
-                                _: 1 /* STABLE */
-                              }, 8 /* PROPS */, ["name"]))
-                            : createCommentVNode("v-if", true)
-                        ]),
-                        ($data.userSettingsOpen && $options.integrationEntries.length)
-                          ? (openBlock(), createBlock(_component_NcAppSettingsSection, {
-                              key: 0,
-                              id: "cn-integrations",
-                              name: $props.translate('Integrations')
-                            }, {
-                              default: withCtx(() => [
-                                createElementVNode("p", _hoisted_15, toDisplayString($props.translate('These open in another app.')), 1 /* TEXT */),
-                                createElementVNode("ul", _hoisted_16, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.integrationEntries, (entry) => {
-                                    return (openBlock(), createElementBlock("li", {
-                                      key: entry.id
-                                    }, [
-                                      createVNode(_component_NcButton, {
-                                        variant: "tertiary",
-                                        href: entry.href,
-                                        "aria-label": entry.label
+                                    }, 8 /* PROPS */, ["name"]))
+                                  : (section === 'walkthrough' && $options.walkthroughEnabled)
+                                    ? (openBlock(), createBlock(_component_NcAppSettingsSection, {
+                                        key: 3,
+                                        id: "cn-walkthrough",
+                                        name: $options.restartWalkthroughSectionName
                                       }, {
-                                        icon: withCtx(() => [
-                                          createVNode(_component_OpenInNew, { size: 20 })
-                                        ]),
                                         default: withCtx(() => [
-                                          createTextVNode(" " + toDisplayString(entry.label), 1 /* TEXT */)
+                                          createElementVNode("p", _hoisted_13, toDisplayString($options.restartWalkthroughHint), 1 /* TEXT */),
+                                          createElementVNode("div", _hoisted_14, [
+                                            ($data.walkthroughProgressValue)
+                                              ? (openBlock(), createBlock(_component_NcButton, {
+                                                  key: 0,
+                                                  variant: "primary",
+                                                  "data-testid": "cn-walkthrough-continue",
+                                                  onClick: $options.continueWalkthroughFromSettings
+                                                }, {
+                                                  icon: withCtx(() => [
+                                                    createVNode(_component_Play, { size: 20 })
+                                                  ]),
+                                                  default: withCtx(() => [
+                                                    createTextVNode(" " + toDisplayString($options.continueWalkthroughLabel), 1 /* TEXT */)
+                                                  ]),
+                                                  _: 1 /* STABLE */
+                                                }, 8 /* PROPS */, ["onClick"]))
+                                              : createCommentVNode("v-if", true),
+                                            createVNode(_component_NcButton, {
+                                              variant: "secondary",
+                                              "data-testid": "cn-walkthrough-restart",
+                                              onClick: $options.restartWalkthroughFromSettings
+                                            }, {
+                                              icon: withCtx(() => [
+                                                createVNode(_component_Restart, { size: 20 })
+                                              ]),
+                                              default: withCtx(() => [
+                                                createTextVNode(" " + toDisplayString($data.walkthroughProgressValue ? $options.startOverWalkthroughLabel : $options.restartWalkthroughLabel), 1 /* TEXT */)
+                                              ]),
+                                              _: 1 /* STABLE */
+                                            }, 8 /* PROPS */, ["onClick"])
+                                          ])
                                         ]),
-                                        _: 2 /* DYNAMIC */
-                                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "aria-label"])
-                                    ]))
-                                  }), 128 /* KEYED_FRAGMENT */))
-                                ])
-                              ]),
-                              _: 1 /* STABLE */
-                            }, 8 /* PROPS */, ["name"]))
-                          : createCommentVNode("v-if", true)
+                                        _: 1 /* STABLE */
+                                      }, 8 /* PROPS */, ["name"]))
+                                    : (section === 'integrations' && $data.userSettingsOpen && $options.integrationEntries.length)
+                                      ? (openBlock(), createBlock(_component_NcAppSettingsSection, {
+                                          key: 4,
+                                          id: "cn-integrations",
+                                          name: $props.translate('Integrations')
+                                        }, {
+                                          default: withCtx(() => [
+                                            createElementVNode("p", _hoisted_15, toDisplayString($options.libraryCopy('These open in another app.')), 1 /* TEXT */),
+                                            createElementVNode("ul", _hoisted_16, [
+                                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.integrationEntries, (entry) => {
+                                                return (openBlock(), createElementBlock("li", {
+                                                  key: entry.id
+                                                }, [
+                                                  createVNode(_component_NcButton, {
+                                                    variant: "tertiary",
+                                                    href: entry.href,
+                                                    "aria-label": entry.label
+                                                  }, {
+                                                    icon: withCtx(() => [
+                                                      createVNode(_component_OpenInNew, { size: 20 })
+                                                    ]),
+                                                    default: withCtx(() => [
+                                                      createTextVNode(" " + toDisplayString(entry.label), 1 /* TEXT */)
+                                                    ]),
+                                                    _: 2 /* DYNAMIC */
+                                                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "aria-label"])
+                                                ]))
+                                              }), 128 /* KEYED_FRAGMENT */))
+                                            ])
+                                          ]),
+                                          _: 1 /* STABLE */
+                                        }, 8 /* PROPS */, ["name"]))
+                                      : createCommentVNode("v-if", true)
+                          ], 64 /* STABLE_FRAGMENT */))
+                        }), 128 /* KEYED_FRAGMENT */))
                       ]),
                       _: 3 /* FORWARDED */
                     }, 8 /* PROPS */, ["open", "name"]),