@nextcloud/vue 9.0.0-alpha.5 → 9.0.0-alpha.6

package/dist/chunks/NcCollectionList-B8r2GWp5.mjs

@@ -1,589 +0,0 @@
-import '../assets/NcCollectionList-BT2L4guq.css';
-import debounce from "debounce";
-import { resolveComponent, openBlock, createElementBlock, createVNode, toDisplayString, normalizeClass, withModifiers, withDirectives, createElementVNode, vModelText, Fragment, renderList, createBlock, resolveDynamicComponent, withCtx, createCommentVNode, createTextVNode, Transition, pushScopeId, popScopeId, ref } from "vue";
-import { r as register, G as t7, H as t26, a as t } from "./_l10n-6dsjYig_.mjs";
-import { N as NcAvatar } from "./NcAvatar-BjooMt8H.mjs";
-import { N as NcSelect } from "./NcSelect-uOkQ9CdB.mjs";
-import { g as getRoute } from "./autolink-CKPk5rzg.mjs";
-import { N as NcActions } from "./NcActions-DqMOvrbN.mjs";
-import { N as NcActionButton } from "./NcActionButton-Bqkgltcz.mjs";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
-import axios from "@nextcloud/axios";
-import { generateOcsUrl } from "@nextcloud/router";
-register(t7);
-register(t26);
-const _sfc_main$1 = {
-  name: "NcCollectionListItem",
-  components: {
-    NcAvatar,
-    NcActions,
-    NcActionButton
-  },
-  props: {
-    collection: {
-      type: Object,
-      default: null
-    },
-    error: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: ["remove-resource", "rename-collection"],
-  data() {
-    return {
-      detailsOpen: false,
-      newName: null
-    };
-  },
-  computed: {
-    getIcon() {
-      return (resource) => [resource.iconClass];
-    },
-    typeClass() {
-      return (resource) => "resource-type-" + resource.type;
-    },
-    resources() {
-      return this.collection.resources?.filter((resource) => !Array.isArray(resource)) ?? [];
-    },
-    getComponent() {
-      return (resource) => {
-        const route = getRoute(this.$router, resource.link);
-        return route ? { component: "router-link", to: route, href: void 0 } : { component: "a", to: void 0, href: resource.link };
-      };
-    },
-    iconUrl() {
-      return (resource) => {
-        if (resource.mimetype) {
-          return OC.MimeType.getIconUrl(resource.mimetype);
-        }
-        if (resource.iconUrl) {
-          return resource.iconUrl;
-        }
-        return "";
-      };
-    }
-  },
-  methods: {
-    t,
-    toggleDetails() {
-      this.detailsOpen = !this.detailsOpen;
-    },
-    showDetails() {
-      this.detailsOpen = true;
-    },
-    removeResource(collection, resource) {
-      this.$emit("remove-resource", {
-        collectionId: collection.id,
-        resourceType: resource.type,
-        resourceId: resource.id
-      });
-    },
-    openRename() {
-      this.newName = this.collection.name;
-    },
-    renameCollection() {
-      if (this.newName) {
-        this.$emit("rename-collection", {
-          collectionId: this.collection.id,
-          name: this.newName
-        });
-      }
-      this.newName = null;
-    }
-  }
-};
-const _withScopeId$1 = (n) => (pushScopeId("data-v-76f66b8d"), n = n(), popScopeId(), n);
-const _hoisted_1$1 = { class: "collection-list-item" };
-const _hoisted_2$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("input", {
-  type: "submit",
-  value: "",
-  class: "icon-confirm"
-}, null, -1));
-const _hoisted_3$1 = {
-  key: 2,
-  class: "linked-icons"
-};
-const _hoisted_4$1 = ["src", "alt"];
-const _hoisted_5$1 = {
-  key: 3,
-  class: "sharingOptionsGroup"
-};
-const _hoisted_6$1 = {
-  key: 0,
-  class: "error"
-};
-const _hoisted_7$1 = {
-  key: 0,
-  class: "resource-list-details"
-};
-const _hoisted_8$1 = ["src", "alt"];
-const _hoisted_9$1 = { class: "resource-name" };
-const _hoisted_10 = ["onClick"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_NcAvatar = resolveComponent("NcAvatar");
-  const _component_NcActionButton = resolveComponent("NcActionButton");
-  const _component_NcActions = resolveComponent("NcActions");
-  return openBlock(), createElementBlock("li", _hoisted_1$1, [
-    createVNode(_component_NcAvatar, {
-      "display-name": $props.collection.name,
-      "allow-placeholder": "",
-      class: "collection-avatar"
-    }, null, 8, ["display-name"]),
-    $data.newName === null ? (openBlock(), createElementBlock("span", {
-      key: 0,
-      class: "collection-item-name",
-      title: "",
-      onClick: _cache[0] || (_cache[0] = (...args) => $options.showDetails && $options.showDetails(...args))
-    }, toDisplayString($props.collection.name), 1)) : (openBlock(), createElementBlock("form", {
-      key: 1,
-      class: normalizeClass({ "should-shake": $props.error }),
-      onSubmit: _cache[2] || (_cache[2] = withModifiers((...args) => $options.renameCollection && $options.renameCollection(...args), ["prevent"]))
-    }, [
-      withDirectives(createElementVNode("input", {
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.newName = $event),
-        type: "text",
-        autocomplete: "off",
-        autocapitalize: "off"
-      }, null, 512), [
-        [vModelText, $data.newName]
-      ]),
-      _hoisted_2$1
-    ], 34)),
-    !$data.detailsOpen && $data.newName === null ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList($options.resources.slice(0, 2), (resource) => {
-        return openBlock(), createBlock(resolveDynamicComponent($options.getComponent(resource).component), {
-          key: resource.type + "|" + resource.id,
-          title: resource.name,
-          to: $options.getComponent(resource).to,
-          href: $options.getComponent(resource).href,
-          class: normalizeClass($options.typeClass(resource))
-        }, {
-          default: withCtx(() => [
-            createElementVNode("img", {
-              src: $options.iconUrl(resource),
-              alt: resource.name
-            }, null, 8, _hoisted_4$1)
-          ]),
-          _: 2
-        }, 1032, ["title", "to", "href", "class"]);
-      }), 128))
-    ])) : createCommentVNode("", true),
-    $data.newName === null ? (openBlock(), createElementBlock("span", _hoisted_5$1, [
-      createVNode(_component_NcActions, null, {
-        default: withCtx(() => [
-          createVNode(_component_NcActionButton, {
-            icon: "icon-info",
-            onClick: withModifiers($options.toggleDetails, ["prevent"])
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString($data.detailsOpen ? $options.t("Hide details") : $options.t("Show details")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_NcActionButton, {
-            icon: "icon-rename",
-            onClick: withModifiers($options.openRename, ["prevent"])
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString($options.t("Rename project")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ]),
-        _: 1
-      })
-    ])) : createCommentVNode("", true),
-    createVNode(Transition, { name: "fade" }, {
-      default: withCtx(() => [
-        $props.error ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString($props.error), 1)) : createCommentVNode("", true)
-      ]),
-      _: 1
-    }),
-    createVNode(Transition, { name: "fade" }, {
-      default: withCtx(() => [
-        $data.detailsOpen ? (openBlock(), createElementBlock("ul", _hoisted_7$1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList($options.resources, (resource) => {
-            return openBlock(), createElementBlock("li", {
-              key: resource.type + "|" + resource.id,
-              class: normalizeClass($options.typeClass(resource))
-            }, [
-              (openBlock(), createBlock(resolveDynamicComponent($options.getComponent(resource).component), {
-                to: $options.getComponent(resource).to,
-                href: $options.getComponent(resource).href
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("img", {
-                    src: $options.iconUrl(resource),
-                    alt: resource.name
-                  }, null, 8, _hoisted_8$1),
-                  createElementVNode("span", _hoisted_9$1, toDisplayString(resource.name || ""), 1)
-                ]),
-                _: 2
-              }, 1032, ["to", "href"])),
-              createElementVNode("span", {
-                class: "icon-close",
-                onClick: ($event) => $options.removeResource($props.collection, resource)
-              }, null, 8, _hoisted_10)
-            ], 2);
-          }), 128))
-        ])) : createCommentVNode("", true)
-      ]),
-      _: 1
-    })
-  ]);
-}
-const NcCollectionListItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-76f66b8d"]]);
-function extractOcsData(response) {
-  return response.data.ocs.data;
-}
-function renameCollectionService(collectionId, collectionName) {
-  return axios.put(generateOcsUrl("collaboration/resources/collections/{collectionId}", { collectionId }), { collectionName }).then(extractOcsData);
-}
-function getCollectionsByResourceService(resourceType, resourceId) {
-  return axios.get(generateOcsUrl("collaboration/resources/{resourceType}/{resourceId}", { resourceType, resourceId })).then(extractOcsData);
-}
-function createCollectionService(resourceType, resourceId, name) {
-  return axios.post(generateOcsUrl("collaboration/resources/{resourceType}/{resourceId}", { resourceType, resourceId }), { name }).then(extractOcsData);
-}
-function addResourceService(collectionId, resourceType, resourceId) {
-  return axios.post(generateOcsUrl("collaboration/resources/collections/{collectionId}", { collectionId }), { resourceType, resourceId }).then(extractOcsData);
-}
-function removeResourceService(collectionId, resourceType, resourceId) {
-  return axios.delete(generateOcsUrl("collaboration/resources/collections/{collectionId}", { collectionId }), { params: { resourceType, resourceId } }).then(extractOcsData);
-}
-function searchService(query) {
-  return axios.get(generateOcsUrl("collaboration/resources/collections/search/{query}", { query })).then(extractOcsData);
-}
-function useCollections() {
-  const storedCollections = ref([]);
-  const addCollections = (collections) => {
-    storedCollections.value = collections;
-  };
-  const addCollection = (collection) => {
-    storedCollections.value.push(collection);
-  };
-  const removeCollection = (collectionId) => {
-    storedCollections.value = storedCollections.value.filter((item) => item.id !== collectionId);
-  };
-  const updateCollection = (collection) => {
-    const index = storedCollections.value.findIndex((item) => item.id === collection.id);
-    if (index !== -1) {
-      storedCollections.value[index] = collection;
-    } else {
-      addCollection(collection);
-    }
-  };
-  const fetchCollectionsByResource = async ({ resourceType, resourceId }) => {
-    const collections = await getCollectionsByResourceService(resourceType, resourceId);
-    addCollections(collections);
-  };
-  const createCollection = async ({ baseResourceType, baseResourceId, resourceType, resourceId, name }) => {
-    const collection = await createCollectionService(baseResourceType, baseResourceId, name);
-    addCollection(collection);
-    await addResourceToCollection({
-      collectionId: collection.id,
-      resourceType,
-      resourceId
-    });
-  };
-  const renameCollection = async ({ collectionId, name }) => {
-    const collection = await renameCollectionService(collectionId, name);
-    updateCollection(collection);
-  };
-  const addResourceToCollection = async ({ collectionId, resourceType, resourceId }) => {
-    const collection = await addResourceService(collectionId, resourceType, String(resourceId));
-    updateCollection(collection);
-  };
-  const removeResourceFromCollection = async ({ collectionId, resourceType, resourceId }) => {
-    const collection = await removeResourceService(collectionId, resourceType, String(resourceId));
-    if (collection.resources.length > 0) {
-      updateCollection(collection);
-    } else {
-      removeCollection(collectionId);
-    }
-  };
-  return {
-    storedCollections,
-    fetchCollectionsByResource,
-    createCollection,
-    renameCollection,
-    addResourceToCollection,
-    removeResourceFromCollection
-  };
-}
-const METHOD_CREATE_COLLECTION = 0;
-const METHOD_ADD_TO_COLLECTION = 1;
-const _sfc_main = {
-  name: "NcCollectionList",
-  components: {
-    NcCollectionListItem,
-    NcAvatar,
-    NcSelect
-  },
-  props: {
-    /**
-     * Resource type identifier
-     */
-    type: {
-      type: String,
-      default: null
-    },
-    /**
-     * Unique id of the resource
-     */
-    id: {
-      type: String,
-      default: null
-    },
-    /**
-     * Name of the resource
-     */
-    name: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Whether the component is active (to start fetch resources)
-     */
-    isActive: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup() {
-    const {
-      storedCollections,
-      fetchCollectionsByResource,
-      createCollection,
-      addResourceToCollection,
-      removeResourceFromCollection,
-      renameCollection
-    } = useCollections();
-    const searchCollections = ref([]);
-    const search = debounce(function(query, loading) {
-      if (query !== "") {
-        loading(true);
-        searchService(query).then((collections) => {
-          searchCollections.value = collections;
-        }).catch((e) => {
-          console.error("Failed to search for collections", e);
-        }).finally(() => {
-          loading(false);
-        });
-      }
-    }, 500);
-    return {
-      storedCollections,
-      fetchCollectionsByResource,
-      createCollection,
-      addResourceToCollection,
-      removeResourceFromCollection,
-      renameCollection,
-      searchCollections,
-      search
-    };
-  },
-  data() {
-    return {
-      selectIsOpen: false,
-      generatingCodes: false,
-      codes: void 0,
-      value: null,
-      model: {},
-      collectionsError: {},
-      error: null,
-      isSelectOpen: false
-    };
-  },
-  computed: {
-    collections() {
-      return this.storedCollections.filter(
-        (collection) => collection.resources.some((resource) => resource && resource.id === String(this.id) && resource.type === this.type)
-      );
-    },
-    placeholder() {
-      return this.isSelectOpen ? t("Type to search for existing projects") : t("Add to a project");
-    },
-    options() {
-      const options = [];
-      window.OCP.Collaboration.getTypes().sort().forEach((type) => {
-        options.push({
-          method: METHOD_CREATE_COLLECTION,
-          type,
-          title: window.OCP.Collaboration.getLabel(type),
-          class: window.OCP.Collaboration.getIcon(type),
-          action: () => window.OCP.Collaboration.trigger(type)
-        });
-      });
-      for (const index in this.searchCollections) {
-        if (!this.collections.find((collection) => collection.id === this.searchCollections[index].id)) {
-          options.push({
-            method: METHOD_ADD_TO_COLLECTION,
-            title: this.searchCollections[index].name,
-            collectionId: this.searchCollections[index].id
-          });
-        }
-      }
-      return options;
-    },
-    resourceIdentifier() {
-      return {
-        resourceType: this.type,
-        resourceId: this.id,
-        isActive: this.isActive
-      };
-    }
-  },
-  watch: {
-    resourceIdentifier: {
-      deep: true,
-      immediate: true,
-      handler(resourceIdentifier) {
-        if (!resourceIdentifier.isActive || !resourceIdentifier.resourceId || !resourceIdentifier.resourceType) {
-          return;
-        }
-        this.fetchCollectionsByResource(resourceIdentifier);
-      }
-    }
-  },
-  methods: {
-    t,
-    select(selectedOption) {
-      if (selectedOption.method === METHOD_CREATE_COLLECTION) {
-        selectedOption.action().then((resourceId) => {
-          this.createCollection({
-            baseResourceType: this.type,
-            baseResourceId: this.id,
-            resourceType: selectedOption.type,
-            resourceId,
-            name: this.name
-          }).catch((e) => {
-            this.setError(t("Failed to create a project"), e);
-          });
-        }).catch((e) => {
-          console.error("No resource selected", e);
-        });
-      }
-      if (selectedOption.method === METHOD_ADD_TO_COLLECTION) {
-        this.addResourceToCollection({
-          collectionId: selectedOption.collectionId,
-          resourceType: this.type,
-          resourceId: this.id
-        }).catch((e) => {
-          this.setError(t("Failed to add the item to the project"), e);
-        });
-      }
-      this.value = null;
-    },
-    showSelect() {
-      this.selectIsOpen = true;
-      this.$refs.select.$el.focus();
-    },
-    setError(error, e) {
-      console.error(error, e);
-      this.error = error;
-      setTimeout(() => {
-        this.error = null;
-      }, 5e3);
-    },
-    renameCollectionFromItem({ collectionId, name }) {
-      this.renameCollection({ collectionId, name }).catch((e) => {
-        console.error(t("Failed to rename the project"), e);
-        this.collectionsError[collectionId] = t("Failed to rename the project");
-        setTimeout(() => {
-          this.collectionsError[collectionId] = null;
-        }, 5e3);
-      });
-    }
-  }
-};
-const _withScopeId = (n) => (pushScopeId("data-v-efe8beb8"), n = n(), popScopeId(), n);
-const _hoisted_1 = {
-  key: 0,
-  id: "collection-list",
-  class: "collection-list"
-};
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "avatar" }, [
-  /* @__PURE__ */ createElementVNode("span", { class: "icon-projects" })
-], -1));
-const _hoisted_3 = { id: "collection-select-container" };
-const _hoisted_4 = { class: "option__desc" };
-const _hoisted_5 = { class: "option__title" };
-const _hoisted_6 = { class: "option__wrapper" };
-const _hoisted_7 = { class: "option__title" };
-const _hoisted_8 = { class: "hint" };
-const _hoisted_9 = {
-  key: 0,
-  class: "error"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_NcAvatar = resolveComponent("NcAvatar");
-  const _component_NcSelect = resolveComponent("NcSelect");
-  const _component_NcCollectionListItem = resolveComponent("NcCollectionListItem");
-  return $options.collections && $props.type && $props.id ? (openBlock(), createElementBlock("ul", _hoisted_1, [
-    createElementVNode("li", {
-      onClick: _cache[3] || (_cache[3] = (...args) => $options.showSelect && $options.showSelect(...args))
-    }, [
-      _hoisted_2,
-      createElementVNode("div", _hoisted_3, [
-        createVNode(_component_NcSelect, {
-          ref: "select",
-          modelValue: $data.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.value = $event),
-          "aria-label-combobox": $options.t("Add to a project"),
-          options: $options.options,
-          placeholder: $options.placeholder,
-          label: "title",
-          limit: 5,
-          onClose: _cache[1] || (_cache[1] = ($event) => $data.isSelectOpen = false),
-          onOpen: _cache[2] || (_cache[2] = ($event) => $data.isSelectOpen = true),
-          "onOption:selected": $options.select,
-          onSearch: $setup.search
-        }, {
-          "selected-option": withCtx((option) => [
-            createElementVNode("span", _hoisted_4, [
-              createElementVNode("span", _hoisted_5, toDisplayString(option.title), 1)
-            ])
-          ]),
-          option: withCtx((option) => [
-            createElementVNode("span", _hoisted_6, [
-              option.class ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass([option.class, "avatar"])
-              }, null, 2)) : option.method !== 2 ? (openBlock(), createBlock(_component_NcAvatar, {
-                key: 1,
-                "allow-placeholder": "",
-                "display-name": option.title
-              }, null, 8, ["display-name"])) : createCommentVNode("", true),
-              createElementVNode("span", _hoisted_7, toDisplayString(option.title), 1)
-            ])
-          ]),
-          default: withCtx(() => [
-            createElementVNode("p", _hoisted_8, toDisplayString($options.t("Connect items to a project to make them easier to find")), 1)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "aria-label-combobox", "options", "placeholder", "onOption:selected", "onSearch"])
-      ])
-    ]),
-    createVNode(Transition, { name: "fade" }, {
-      default: withCtx(() => [
-        $data.error ? (openBlock(), createElementBlock("li", _hoisted_9, toDisplayString($data.error), 1)) : createCommentVNode("", true)
-      ]),
-      _: 1
-    }),
-    (openBlock(true), createElementBlock(Fragment, null, renderList($options.collections, (collection) => {
-      return openBlock(), createBlock(_component_NcCollectionListItem, {
-        key: collection.id,
-        collection,
-        error: $data.collectionsError[collection.id],
-        onRenameCollection: $options.renameCollectionFromItem,
-        onRemoveResource: $setup.removeResourceFromCollection
-      }, null, 8, ["collection", "error", "onRenameCollection", "onRemoveResource"]);
-    }), 128))
-  ])) : createCommentVNode("", true);
-}
-const NcCollectionList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-efe8beb8"]]);
-export {
-  NcCollectionList as N
-};

package/dist/chunks/NcCollectionList-B8r2GWp5.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcCollectionList-B8r2GWp5.mjs","sources":["../../src/components/NcCollectionList/NcCollectionListItem.vue","../../src/components/NcCollectionList/service.ts","../../src/components/NcCollectionList/useCollections.js","../../src/components/NcCollectionList/NcCollectionList.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<template>\n\t<li class=\"collection-list-item\">\n\t\t<NcAvatar :display-name=\"collection.name\" allow-placeholder class=\"collection-avatar\" />\n\t\t<span v-if=\"newName === null\"\n\t\t\tclass=\"collection-item-name\"\n\t\t\ttitle=\"\"\n\t\t\t@click=\"showDetails\">{{ collection.name }}</span>\n\t\t<form v-else :class=\"{'should-shake': error }\" @submit.prevent=\"renameCollection\">\n\t\t\t<input v-model=\"newName\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tautocomplete=\"off\"\n\t\t\t\tautocapitalize=\"off\">\n\t\t\t<input type=\"submit\" value=\"\" class=\"icon-confirm\">\n\t\t</form>\n\t\t<div v-if=\"!detailsOpen && newName === null\" class=\"linked-icons\">\n\t\t\t<component :is=\"getComponent(resource).component\"\n\t\t\t\tv-for=\"resource in resources.slice(0, 2)\"\n\t\t\t\t:key=\"resource.type + '|' + resource.id\"\n\t\t\t\t:title=\"resource.name\"\n\t\t\t\t:to=\"getComponent(resource).to\"\n\t\t\t\t:href=\"getComponent(resource).href\"\n\t\t\t\t:class=\"typeClass(resource)\">\n\t\t\t\t<img :src=\"iconUrl(resource)\" :alt=\"resource.name\">\n\t\t\t</component>\n\t\t</div>\n\n\t\t<span v-if=\"newName === null\" class=\"sharingOptionsGroup\">\n\t\t\t<NcActions>\n\t\t\t\t<NcActionButton icon=\"icon-info\"\n\t\t\t\t\t@click.prevent=\"toggleDetails\">\n\t\t\t\t\t{{ detailsOpen ? t('Hide details') : t('Show details') }}\n\t\t\t\t</NcActionButton>\n\t\t\t\t<NcActionButton icon=\"icon-rename\"\n\t\t\t\t\t@click.prevent=\"openRename\">\n\t\t\t\t\t{{ t('Rename project') }}\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActions>\n\t\t</span>\n\n\t\t<transition name=\"fade\">\n\t\t\t<div v-if=\"error\" class=\"error\">\n\t\t\t\t{{ error }}\n\t\t\t</div>\n\t\t</transition>\n\t\t<transition name=\"fade\">\n\t\t\t<ul v-if=\"detailsOpen\" class=\"resource-list-details\">\n\t\t\t\t<li v-for=\"resource in resources\"\n\t\t\t\t\t:key=\"resource.type + '|' + resource.id\"\n\t\t\t\t\t:class=\"typeClass(resource)\">\n\t\t\t\t\t<component :is=\"getComponent(resource).component\"\n\t\t\t\t\t\t:to=\"getComponent(resource).to\"\n\t\t\t\t\t\t:href=\"getComponent(resource).href\">\n\t\t\t\t\t\t<img :src=\"iconUrl(resource)\" :alt=\"resource.name\">\n\t\t\t\t\t\t<span class=\"resource-name\">{{ resource.name || '' }}</span>\n\t\t\t\t\t</component>\n\t\t\t\t\t<span class=\"icon-close\" @click=\"removeResource(collection, resource)\" />\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</transition>\n\t</li>\n</template>\n\n<script>\nimport { t } from '../../l10n.js'\nimport { getRoute } from '../NcRichText/autolink.ts'\n\nimport NcActions from '../NcActions/index.js'\nimport NcActionButton from '../NcActionButton/index.js'\nimport NcAvatar from '../NcAvatar/index.js'\n\nexport default {\n\tname: 'NcCollectionListItem',\n\n\tcomponents: {\n\t\tNcAvatar,\n\t\tNcActions,\n\t\tNcActionButton,\n\t},\n\n\tprops: {\n\t\tcollection: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\terror: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t},\n\n\temits: ['remove-resource', 'rename-collection'],\n\n\tdata() {\n\t\treturn {\n\t\t\tdetailsOpen: false,\n\t\t\tnewName: null,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tgetIcon() {\n\t\t\treturn (resource) => [resource.iconClass]\n\t\t},\n\n\t\ttypeClass() {\n\t\t\treturn (resource) => 'resource-type-' + resource.type\n\t\t},\n\n\t\tresources() {\n\t\t\t// invalid resources come from server as empty array ([]) and not an object\n\t\t\treturn this.collection.resources?.filter(resource => !Array.isArray(resource)) ?? []\n\t\t},\n\n\t\tgetComponent() {\n\t\t\treturn (resource) => {\n\t\t\t\tconst route = getRoute(this.$router, resource.link)\n\n\t\t\t\treturn route\n\t\t\t\t\t? { component: 'router-link', to: route, href: undefined }\n\t\t\t\t\t: { component: 'a', to: undefined, href: resource.link }\n\t\t\t}\n\t\t},\n\n\t\ticonUrl() {\n\t\t\treturn (resource) => {\n\t\t\t\tif (resource.mimetype) {\n\t\t\t\t\treturn OC.MimeType.getIconUrl(resource.mimetype)\n\t\t\t\t}\n\t\t\t\tif (resource.iconUrl) {\n\t\t\t\t\treturn resource.iconUrl\n\t\t\t\t}\n\t\t\t\treturn ''\n\t\t\t}\n\t\t},\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\ttoggleDetails() {\n\t\t\tthis.detailsOpen = !this.detailsOpen\n\t\t},\n\n\t\tshowDetails() {\n\t\t\tthis.detailsOpen = true\n\t\t},\n\n\t\tremoveResource(collection, resource) {\n\t\t\tthis.$emit('remove-resource', {\n\t\t\t\tcollectionId: collection.id,\n\t\t\t\tresourceType: resource.type,\n\t\t\t\tresourceId: resource.id,\n\t\t\t})\n\t\t},\n\n\t\topenRename() {\n\t\t\tthis.newName = this.collection.name\n\t\t},\n\n\t\trenameCollection() {\n\t\t\tif (this.newName) {\n\t\t\t\tthis.$emit('rename-collection', {\n\t\t\t\t\tcollectionId: this.collection.id,\n\t\t\t\t\tname: this.newName,\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.newName = null\n\t\t},\n\t},\n}\n</script>\n\n<style scoped lang=\"scss\">\n.fade-enter-active, .fade-leave-active {\n\ttransition: opacity .3s ease;\n}\n\n.fade-enter, .fade-leave-to\n\t/* .fade-leave-active below version 2.1.8 */\n{\n\topacity: 0;\n}\n\n.linked-icons {\n\tdisplay: flex;\n\n\timg {\n\t\tpadding: 12px;\n\t\theight: 44px;\n\t\tdisplay: block;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t\topacity: 0.7;\n\n\t\t&:hover {\n\t\t\topacity: 1;\n\t\t}\n\t}\n}\n\n.popovermenu {\n\tdisplay: none;\n\n\t&.open {\n\t\tdisplay: block;\n\t}\n}\n\nli.collection-list-item {\n\tflex-wrap: wrap;\n\theight: auto;\n\tcursor: pointer;\n\tmargin-bottom: 0 !important;\n\n\t.collection-avatar {\n\t\tmargin-top: 0;\n\t}\n\n\tform, .collection-item-name {\n\t\tflex-basis: 10%;\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t}\n\n\t.collection-item-name {\n\t\tpadding: 12px 9px;\n\t}\n\n\tinput {\n\t\tmargin-top: 4px;\n\t\tborder-color: var(--color-border-maxcontrast);\n\n\t\t&[type=text] {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\t.error {\n\t\tflex-basis: 100%;\n\t\twidth: 100%;\n\t}\n\n\t.resource-list-details {\n\t\tflex-basis: 100%;\n\t\twidth: 100%;\n\n\t\tli {\n\t\t\tdisplay: flex;\n\t\t\tmargin-left: 44px;\n\t\t\tborder-radius: 3px;\n\t\t\tcursor: pointer;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--color-background-dark);\n\t\t\t}\n\n\t\t\ta {\n\t\t\t\tflex-grow: 1;\n\t\t\t\tpadding: 3px;\n\t\t\t\tmax-width: calc(100% - 30px);\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\tspan {\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: top;\n\t\t\tmargin-right: 10px;\n\t\t}\n\n\t\tspan.resource-name {\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\t\t\tvertical-align: top;\n\t\t\twhite-space: nowrap;\n\t\t\tflex-grow: 1;\n\t\t\tpadding: 4px;\n\t\t}\n\n\t\timg {\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t}\n\n\t\t.icon-close {\n\t\t\topacity: .7;\n\n\t\t\t&:hover, &:focus {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.should-shake {\n\tanimation: shake 0.6s 1 linear;\n}\n\n@keyframes shake {\n\t0% {\n\t\ttransform: translate(15px);\n\t}\n\t20% {\n\t\ttransform: translate(-15px);\n\t}\n\t40% {\n\t\ttransform: translate(7px);\n\t}\n\t60% {\n\t\ttransform: translate(-7px);\n\t}\n\t80% {\n\t\ttransform: translate(3px);\n\t}\n\t100% {\n\t\ttransform: translate(0px);\n\t}\n}\n</style>\n","/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport axios, { type AxiosResponse } from '@nextcloud/axios'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport type { OCSResponse } from '@nextcloud/typings/ocs'\n\n/**\n * Extracts the OCS data from a response\n * @param response OCS response\n */\nfunction extractOcsData(response: AxiosResponse<OCSResponse>) {\n\treturn response.data.ocs.data\n}\n\n/**\n * Lists all collections\n * @param collectionId Collection ID\n */\nexport function listCollectionService(collectionId: number) {\n\treturn axios.get(generateOcsUrl('collaboration/resources/collections/{collectionId}', { collectionId })).then(extractOcsData)\n}\n\n/**\n * Renames a collection\n * @param collectionId Collection ID\n * @param collectionName New collection name\n */\nexport function renameCollectionService(collectionId: number, collectionName: string) {\n\treturn axios.put(generateOcsUrl('collaboration/resources/collections/{collectionId}', { collectionId }), { collectionName }).then(extractOcsData)\n}\n\n/**\n * Lists all collections for a resource\n * @param resourceType Resource type\n * @param resourceId Resource ID\n */\nexport function getCollectionsByResourceService(resourceType: string, resourceId: string) {\n\treturn axios.get(generateOcsUrl('collaboration/resources/{resourceType}/{resourceId}', { resourceType, resourceId })).then(extractOcsData)\n}\n\n/**\n * Creates a collection\n * @param resourceType Resource type\n * @param resourceId Resource ID\n * @param name Collection name\n */\nexport function createCollectionService(resourceType: string, resourceId: string, name: string) {\n\treturn axios.post(generateOcsUrl('collaboration/resources/{resourceType}/{resourceId}', { resourceType, resourceId }), { name }).then(extractOcsData)\n}\n\n/**\n * Adds a resource to a collection\n * @param collectionId Collection ID\n * @param resourceType Resource type\n * @param resourceId Resource ID\n */\nexport function addResourceService(collectionId: number, resourceType: string, resourceId: string) {\n\treturn axios.post(generateOcsUrl('collaboration/resources/collections/{collectionId}', { collectionId }), { resourceType, resourceId }).then(extractOcsData)\n}\n\n/**\n * Removes a resource from a collection\n * @param collectionId Collection ID\n * @param resourceType Resource type\n * @param resourceId Resource ID\n */\nexport function removeResourceService(collectionId: number, resourceType: string, resourceId: string) {\n\treturn axios.delete(generateOcsUrl('collaboration/resources/collections/{collectionId}', { collectionId }), { params: { resourceType, resourceId } }).then(extractOcsData)\n}\n\n/**\n * Searches for collections\n * @param query Search query\n */\nexport function searchService(query: string) {\n\treturn axios.get(generateOcsUrl('collaboration/resources/collections/search/{query}', { query })).then(extractOcsData)\n}\n","/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { ref } from 'vue'\nimport {\n\trenameCollectionService,\n\tgetCollectionsByResourceService,\n\tcreateCollectionService,\n\taddResourceService,\n\tremoveResourceService,\n} from './service.ts'\n\n/**\n * Use collections composable\n */\nexport function useCollections() {\n\t// State\n\tconst storedCollections = ref([])\n\n\t// Mutations\n\tconst addCollections = (collections) => {\n\t\tstoredCollections.value = collections\n\t}\n\n\tconst addCollection = (collection) => {\n\t\tstoredCollections.value.push(collection)\n\t}\n\n\tconst removeCollection = (collectionId) => {\n\t\tstoredCollections.value = storedCollections.value.filter(item => item.id !== collectionId)\n\t}\n\n\tconst updateCollection = (collection) => {\n\t\tconst index = storedCollections.value.findIndex(item => item.id === collection.id)\n\t\tif (index !== -1) {\n\t\t\tstoredCollections.value[index] = collection\n\t\t} else {\n\t\t\taddCollection(collection)\n\t\t}\n\t}\n\n\t// Actions\n\tconst fetchCollectionsByResource = async ({ resourceType, resourceId }) => {\n\t\tconst collections = await getCollectionsByResourceService(resourceType, resourceId)\n\n\t\taddCollections(collections)\n\t}\n\n\tconst createCollection = async ({ baseResourceType, baseResourceId, resourceType, resourceId, name }) => {\n\t\tconst collection = await createCollectionService(baseResourceType, baseResourceId, name)\n\n\t\taddCollection(collection)\n\t\tawait addResourceToCollection({\n\t\t\tcollectionId: collection.id,\n\t\t\tresourceType,\n\t\t\tresourceId,\n\t\t})\n\t}\n\n\tconst renameCollection = async ({ collectionId, name }) => {\n\t\tconst collection = await renameCollectionService(collectionId, name)\n\n\t\tupdateCollection(collection)\n\t}\n\n\tconst addResourceToCollection = async ({ collectionId, resourceType, resourceId }) => {\n\t\tconst collection = await addResourceService(collectionId, resourceType, String(resourceId))\n\n\t\tupdateCollection(collection)\n\t}\n\n\tconst removeResourceFromCollection = async ({ collectionId, resourceType, resourceId }) => {\n\t\tconst collection = await removeResourceService(collectionId, resourceType, String(resourceId))\n\n\t\tif (collection.resources.length > 0) {\n\t\t\tupdateCollection(collection)\n\t\t} else {\n\t\t\tremoveCollection(collectionId)\n\t\t}\n\t}\n\n\treturn {\n\t\tstoredCollections,\n\t\tfetchCollectionsByResource,\n\t\tcreateCollection,\n\t\trenameCollection,\n\t\taddResourceToCollection,\n\t\tremoveResourceFromCollection,\n\t}\n}\n","<!--\n  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<docs>\nProvides a Vue standalone component for Nextcloud Projects feature introduced in Nextcloud 16. Replaces deprecated `nextcloud-vue-collections` library.\n\nProjects feature is deprecated since Nextcloud 25, and superseded by Related resources. See [NcRelatedResourcesPanel](#/Components/NcRelatedResourcesPanel) documentation for more information.\n\n### Usage\n\nTo enable feature in Nextcloud, run following command:\n```sh\nocc config:system:set --value true 'projects.enabled'\n```\n</docs>\n\n<template>\n\t<ul v-if=\"collections && type && id\" id=\"collection-list\" class=\"collection-list\">\n\t\t<li @click=\"showSelect\">\n\t\t\t<div class=\"avatar\">\n\t\t\t\t<span class=\"icon-projects\" />\n\t\t\t</div>\n\t\t\t<div id=\"collection-select-container\">\n\t\t\t\t<NcSelect ref=\"select\"\n\t\t\t\t\tv-model=\"value\"\n\t\t\t\t\t:aria-label-combobox=\"t('Add to a project')\"\n\t\t\t\t\t:options=\"options\"\n\t\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t\tlabel=\"title\"\n\t\t\t\t\t:limit=\"5\"\n\t\t\t\t\t@close=\"isSelectOpen = false\"\n\t\t\t\t\t@open=\"isSelectOpen = true\"\n\t\t\t\t\t@option:selected=\"select\"\n\t\t\t\t\t@search=\"search\">\n\t\t\t\t\t<template #selected-option=\"option\">\n\t\t\t\t\t\t<span class=\"option__desc\">\n\t\t\t\t\t\t\t<span class=\"option__title\">{{ option.title }}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</template>\n\t\t\t\t\t<template #option=\"option\">\n\t\t\t\t\t\t<span class=\"option__wrapper\">\n\t\t\t\t\t\t\t<span v-if=\"option.class\" :class=\"option.class\" class=\"avatar\" />\n\t\t\t\t\t\t\t<NcAvatar v-else-if=\"option.method !== 2\" allow-placeholder :display-name=\"option.title\" />\n\t\t\t\t\t\t\t<span class=\"option__title\">{{ option.title }}</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</template>\n\t\t\t\t\t<p class=\"hint\">\n\t\t\t\t\t\t{{ t('Connect items to a project to make them easier to find') }}\n\t\t\t\t\t</p>\n\t\t\t\t</NcSelect>\n\t\t\t</div>\n\t\t</li>\n\t\t<transition name=\"fade\">\n\t\t\t<li v-if=\"error\" class=\"error\">\n\t\t\t\t{{ error }}\n\t\t\t</li>\n\t\t</transition>\n\t\t<NcCollectionListItem v-for=\"collection in collections\"\n\t\t\t:key=\"collection.id\"\n\t\t\t:collection=\"collection\"\n\t\t\t:error=\"collectionsError[collection.id]\"\n\t\t\t@rename-collection=\"renameCollectionFromItem\"\n\t\t\t@remove-resource=\"removeResourceFromCollection\" />\n\t</ul>\n</template>\n\n<script>\nimport debounce from 'debounce'\nimport { ref } from 'vue'\nimport { t } from '../../l10n.js'\n\nimport NcAvatar from '../NcAvatar/index.js'\nimport NcSelect from '../NcSelect/index.js'\nimport NcCollectionListItem from './NcCollectionListItem.vue'\n\nimport { useCollections } from './useCollections.js'\nimport { searchService } from './service.ts'\n\nconst METHOD_CREATE_COLLECTION = 0\nconst METHOD_ADD_TO_COLLECTION = 1\n\nexport default {\n\tname: 'NcCollectionList',\n\n\tcomponents: {\n\t\tNcCollectionListItem,\n\t\tNcAvatar,\n\t\tNcSelect,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Resource type identifier\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * Unique id of the resource\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * Name of the resource\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Whether the component is active (to start fetch resources)\n\t\t */\n\t\tisActive: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\n\tsetup() {\n\t\tconst {\n\t\t\tstoredCollections,\n\t\t\tfetchCollectionsByResource,\n\t\t\tcreateCollection,\n\t\t\taddResourceToCollection,\n\t\t\tremoveResourceFromCollection,\n\t\t\trenameCollection,\n\t\t} = useCollections()\n\n\t\tconst searchCollections = ref([])\n\t\tconst search = debounce(function(query, loading) {\n\t\t\tif (query !== '') {\n\t\t\t\tloading(true)\n\t\t\t\tsearchService(query).then(collections => {\n\t\t\t\t\tsearchCollections.value = collections\n\t\t\t\t}).catch(e => {\n\t\t\t\t\tconsole.error('Failed to search for collections', e)\n\t\t\t\t}).finally(() => {\n\t\t\t\t\tloading(false)\n\t\t\t\t})\n\t\t\t}\n\t\t}, 500)\n\n\t\treturn {\n\t\t\tstoredCollections,\n\t\t\tfetchCollectionsByResource,\n\t\t\tcreateCollection,\n\t\t\taddResourceToCollection,\n\t\t\tremoveResourceFromCollection,\n\t\t\trenameCollection,\n\t\t\tsearchCollections,\n\t\t\tsearch,\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tselectIsOpen: false,\n\t\t\tgeneratingCodes: false,\n\t\t\tcodes: undefined,\n\t\t\tvalue: null,\n\t\t\tmodel: {},\n\t\t\tcollectionsError: {},\n\t\t\terror: null,\n\t\t\tisSelectOpen: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tcollections() {\n\t\t\treturn this.storedCollections.filter(collection => collection.resources\n\t\t\t\t.some(resource => resource && resource.id === String(this.id) && resource.type === this.type),\n\t\t\t)\n\t\t},\n\n\t\tplaceholder() {\n\t\t\treturn this.isSelectOpen\n\t\t\t\t? t('Type to search for existing projects')\n\t\t\t\t: t('Add to a project')\n\t\t},\n\n\t\toptions() {\n\t\t\tconst options = []\n\t\t\twindow.OCP.Collaboration.getTypes().sort().forEach(type => {\n\t\t\t\toptions.push({\n\t\t\t\t\tmethod: METHOD_CREATE_COLLECTION,\n\t\t\t\t\ttype,\n\t\t\t\t\ttitle: window.OCP.Collaboration.getLabel(type),\n\t\t\t\t\tclass: window.OCP.Collaboration.getIcon(type),\n\t\t\t\t\taction: () => window.OCP.Collaboration.trigger(type),\n\t\t\t\t})\n\t\t\t})\n\t\t\tfor (const index in this.searchCollections) {\n\t\t\t\tif (!this.collections.find(collection => collection.id === this.searchCollections[index].id)) {\n\t\t\t\t\toptions.push({\n\t\t\t\t\t\tmethod: METHOD_ADD_TO_COLLECTION,\n\t\t\t\t\t\ttitle: this.searchCollections[index].name,\n\t\t\t\t\t\tcollectionId: this.searchCollections[index].id,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn options\n\t\t},\n\n\t\tresourceIdentifier() {\n\t\t\treturn {\n\t\t\t\tresourceType: this.type,\n\t\t\t\tresourceId: this.id,\n\t\t\t\tisActive: this.isActive,\n\t\t\t}\n\t\t},\n\t},\n\n\twatch: {\n\t\tresourceIdentifier: {\n\t\t\tdeep: true,\n\t\t\timmediate: true,\n\t\t\thandler(resourceIdentifier) {\n\t\t\t\tif (!resourceIdentifier.isActive || !resourceIdentifier.resourceId || !resourceIdentifier.resourceType) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tthis.fetchCollectionsByResource(resourceIdentifier)\n\t\t\t},\n\t\t},\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\tselect(selectedOption) {\n\t\t\tif (selectedOption.method === METHOD_CREATE_COLLECTION) {\n\t\t\t\tselectedOption.action().then(resourceId => {\n\t\t\t\t\tthis.createCollection({\n\t\t\t\t\t\tbaseResourceType: this.type,\n\t\t\t\t\t\tbaseResourceId: this.id,\n\t\t\t\t\t\tresourceType: selectedOption.type,\n\t\t\t\t\t\tresourceId,\n\t\t\t\t\t\tname: this.name,\n\t\t\t\t\t}).catch((e) => {\n\t\t\t\t\t\tthis.setError(t('Failed to create a project'), e)\n\t\t\t\t\t})\n\t\t\t\t}).catch((e) => {\n\t\t\t\t\tconsole.error('No resource selected', e)\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tif (selectedOption.method === METHOD_ADD_TO_COLLECTION) {\n\t\t\t\tthis.addResourceToCollection({\n\t\t\t\t\tcollectionId: selectedOption.collectionId, resourceType: this.type, resourceId: this.id,\n\t\t\t\t}).catch((e) => {\n\t\t\t\t\tthis.setError(t('Failed to add the item to the project'), e)\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tthis.value = null\n\t\t},\n\n\t\tshowSelect() {\n\t\t\tthis.selectIsOpen = true\n\t\t\tthis.$refs.select.$el.focus()\n\t\t},\n\n\t\tsetError(error, e) {\n\t\t\tconsole.error(error, e)\n\t\t\tthis.error = error\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.error = null\n\t\t\t}, 5000)\n\t\t},\n\n\t\trenameCollectionFromItem({ collectionId, name }) {\n\t\t\tthis.renameCollection({ collectionId, name })\n\t\t\t\t.catch((e) => {\n\t\t\t\t\tconsole.error(t('Failed to rename the project'), e)\n\t\t\t\t\tthis.collectionsError[collectionId] = t('Failed to rename the project')\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tthis.collectionsError[collectionId] = null\n\t\t\t\t\t}, 5000)\n\t\t\t\t})\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.collection-list * {\n\tbox-sizing: border-box;\n}\n\n.collection-list > li {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 12px;\n\n\t& > .avatar {\n\t\tmargin-top: 0;\n\t}\n}\n\n#collection-select-container {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.v-select {\n\t// NcAvatar in the dropdown\n\tspan.avatar {\n\t\tdisplay: block;\n\t\tpadding: 16px;\n\t\topacity: .7;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\n\t\t&:hover {\n\t\t\topacity: 1;\n\t\t}\n\t}\n}\n\np.hint {\n\tz-index: 1;\n\t// fix alignment\n\tmargin-top: -16px;\n\tpadding: 8px 8px;\n\tcolor: var(--color-text-maxcontrast);\n\tline-height: normal;\n}\n\ndiv.avatar {\n\twidth: 32px;\n\theight: 32px;\n\tmargin: 0;\n\tpadding: 8px;\n\tbackground-color: var(--color-background-dark);\n\tmargin-top: 30px;\n}\n\n/** TODO provide white icon in core */\n.icon-projects {\n\tdisplay: block;\n\tpadding: 8px;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n}\n\n.option__wrapper {\n\tdisplay: flex;\n\n\t.avatar {\n\t\tdisplay: block;\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\tbackground-color: var(--color-background-darker) !important;\n\t}\n\n\t.option__title {\n\t\tpadding: 4px;\n\t}\n}\n\n.fade-enter-active, .fade-leave-active {\n\ttransition: opacity .5s;\n}\n\n.fade-enter, .fade-leave-to {\n\topacity: 0;\n}\n\n</style>\n"],"names":["_sfc_main","_hoisted_1","_createElementVNode","_hoisted_4","_hoisted_8","_hoisted_9","_openBlock","_createElementBlock","_createVNode","_toDisplayString","_normalizeClass","_withModifiers","_hoisted_2","_hoisted_3","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_withCtx","_createCommentVNode","_hoisted_5","_createTextVNode","_Transition","_hoisted_6","_hoisted_7"],"mappings":"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"}