2 lines
23 KiB
JavaScript
2 lines
23 KiB
JavaScript
"use strict";(globalThis.webpackChunknextcloud_ui_legacy=globalThis.webpackChunknextcloud_ui_legacy||[]).push([[1078],{31078:(e,n,t)=>{t.d(n,{N:()=>O});var o=t(85072),a=t.n(o),i=t(97825),l=t.n(i),r=t(77659),c=t.n(r),s=t(55056),A=t.n(s),d=t(10540),p=t.n(d),u=t(41113),C=t.n(u),m=t(44703),f={};f.styleTagTransform=C(),f.setAttributes=A(),f.insert=c().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=p(),a()(m.A,f),m.A&&m.A.locals&&m.A.locals;var v=t(84055),h=t(85471),g=t(47536),b=t(97489),E=t(62388),y=t(64919),x=t(44111),B=t(51431),k=t(3168),w=t(18148),I=t(19051),_=t(63814);(0,g.r)(g.J);const N={name:"NcCollectionListItem",components:{NcAvatar:y.N,NcActions:E.N,NcActionButton:b.N},props:{collection:{type:Object,default:null},error:{type:String,default:void 0}},emits:["remove-resource","rename-collection"],data:()=>({detailsOpen:!1,newName:null}),computed:{getIcon:()=>e=>[e.iconClass],typeClass:()=>e=>"resource-type-"+e.type,resources(){return this.collection.resources?.filter(e=>!Array.isArray(e))??[]},getComponent(){return e=>{const n=(0,x.g)(this.$router,e.link);return n?{component:"router-link",to:n,href:void 0}:{component:"a",to:void 0,href:e.link}}},iconUrl:()=>e=>e.mimetype?OC.MimeType.getIconUrl(e.mimetype):e.iconUrl?e.iconUrl:""},methods:{t:g.a,toggleDetails(){this.detailsOpen=!this.detailsOpen},showDetails(){this.detailsOpen=!0},removeResource(e,n){this.$emit("remove-resource",{collectionId:e.id,resourceType:n.type,resourceId:n.id})},openRename(){this.newName=this.collection.name},renameCollection(){this.newName&&this.$emit("rename-collection",{collectionId:this.collection.id,name:this.newName}),this.newName=null}}};var T=function(){var e=this,n=e._self._c;return n("li",{staticClass:"collection-list-item"},[n("NcAvatar",{staticClass:"collection-avatar",attrs:{"display-name":e.collection.name,"allow-placeholder":""}}),null===e.newName?n("span",{staticClass:"collection-item-name",attrs:{title:""},on:{click:e.showDetails}},[e._v(e._s(e.collection.name))]):n("form",{class:{"should-shake":e.error},on:{submit:function(n){return n.preventDefault(),e.renameCollection.apply(null,arguments)}}},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.newName,expression:"newName"}],attrs:{type:"text",autocomplete:"off",autocapitalize:"off"},domProps:{value:e.newName},on:{input:function(n){n.target.composing||(e.newName=n.target.value)}}}),n("input",{staticClass:"icon-confirm",attrs:{type:"submit",value:""}})]),e.detailsOpen||null!==e.newName?e._e():n("div",{staticClass:"linked-icons"},e._l(e.resources.slice(0,2),function(t){return n(e.getComponent(t).component,{key:t.type+"|"+t.id,tag:"component",class:e.typeClass(t),attrs:{title:t.name,to:e.getComponent(t).to,href:e.getComponent(t).href}},[n("img",{attrs:{src:e.iconUrl(t),alt:t.name}})])}),1),null===e.newName?n("span",{staticClass:"sharingOptionsGroup"},[n("NcActions",[n("NcActionButton",{attrs:{icon:"icon-info"},on:{click:function(n){return n.preventDefault(),e.toggleDetails.apply(null,arguments)}}},[e._v(" "+e._s(e.detailsOpen?e.t("Hide details"):e.t("Show details"))+" ")]),n("NcActionButton",{attrs:{icon:"icon-rename"},on:{click:function(n){return n.preventDefault(),e.openRename.apply(null,arguments)}}},[e._v(" "+e._s(e.t("Rename project"))+" ")])],1)],1):e._e(),n("transition",{attrs:{name:"fade"}},[e.error?n("div",{staticClass:"error"},[e._v(" "+e._s(e.error)+" ")]):e._e()]),n("transition",{attrs:{name:"fade"}},[e.detailsOpen?n("ul",{staticClass:"resource-list-details"},e._l(e.resources,function(t){return n("li",{key:t.type+"|"+t.id,class:e.typeClass(t)},[n(e.getComponent(t).component,{tag:"component",attrs:{to:e.getComponent(t).to,href:e.getComponent(t).href}},[n("img",{attrs:{src:e.iconUrl(t),alt:t.name}}),n("span",{staticClass:"resource-name"},[e._v(e._s(t.name||""))])]),n("span",{staticClass:"icon-close",on:{click:function(n){return e.removeResource(e.collection,t)}}})],1)}),0):e._e()])],1)},S=[];const Y=(0,B.n)(N,T,S,!1,null,"88468fab").exports;function D(e){return e.data.ocs.data}(0,g.r)(g.K);const P={name:"NcCollectionList",components:{NcCollectionListItem:Y,NcAvatar:y.N,NcSelect:w.N},props:{type:{type:String,default:null},id:{type:String,default:null},name:{type:String,default:""},isActive:{type:Boolean,default:!0}},setup(){const{storedCollections:e,fetchCollectionsByResource:n,createCollection:t,addResourceToCollection:o,removeResourceFromCollection:a,renameCollection:i}=function(){const e=(0,h.KR)([]),n=n=>{(0,h.hZ)(e,"value",[...e.value,n])},t=t=>{const o=e.value.findIndex(e=>e.id===t.id);-1!==o?(0,h.hZ)(e.value,o,t):n(t)};async function o({collectionId:e,resourceType:n,resourceId:o}){const a=await function(e,n,t){return I.Ay.post((0,_.KT)("collaboration/resources/collections/{collectionId}",{collectionId:e}),{resourceType:n,resourceId:t}).then(D)}(e,n,String(o));t(a)}return{storedCollections:e,fetchCollectionsByResource:async({resourceType:n,resourceId:t})=>{const o=await function(e,n){return I.Ay.get((0,_.KT)("collaboration/resources/{resourceType}/{resourceId}",{resourceType:e,resourceId:n})).then(D)}(n,t);(n=>{(0,h.hZ)(e,"value",n)})(o)},createCollection:async({baseResourceType:e,baseResourceId:t,resourceType:a,resourceId:i,name:l})=>{const r=await function(e,n,t){return I.Ay.post((0,_.KT)("collaboration/resources/{resourceType}/{resourceId}",{resourceType:e,resourceId:n}),{name:t}).then(D)}(e,t,l);n(r),await o({collectionId:r.id,resourceType:a,resourceId:i})},renameCollection:async({collectionId:e,name:n})=>{const o=await function(e,n){return I.Ay.put((0,_.KT)("collaboration/resources/collections/{collectionId}",{collectionId:e}),{collectionName:n}).then(D)}(e,n);t(o)},addResourceToCollection:o,removeResourceFromCollection:async({collectionId:n,resourceType:o,resourceId:a})=>{const i=await function(e,n,t){return I.Ay.delete((0,_.KT)("collaboration/resources/collections/{collectionId}",{collectionId:e}),{params:{resourceType:n,resourceId:t}}).then(D)}(n,o,String(a));i.resources.length>0?t(i):(n=>{(0,h.hZ)(e,"value",e.value.filter(e=>e.id!==n))})(n)}}}(),l=(0,h.KR)([]),r=v(function(e,n){""!==e&&(n(!0),function(e){return I.Ay.get((0,_.KT)("collaboration/resources/collections/search/{query}",{query:e})).then(D)}(e).then(e=>{l.value=e}).catch(e=>{k.l.error("Failed to search for collections",{error:e})}).finally(()=>{n(!1)}))},500);return{storedCollections:e,fetchCollectionsByResource:n,createCollection:t,addResourceToCollection:o,removeResourceFromCollection:a,renameCollection:i,searchCollections:l,search:r}},data:()=>({selectIsOpen:!1,generatingCodes:!1,codes:void 0,value:null,model:{},collectionsError:{},error:null,isSelectOpen:!1}),computed:{collections(){return this.storedCollections.filter(e=>e.resources.some(e=>e&&e.id===String(this.id)&&e.type===this.type))},placeholder(){return this.isSelectOpen?(0,g.a)("Type to search for existing projects"):(0,g.a)("Add to a project")},options(){const e=[];window.OCP.Collaboration.getTypes().sort().forEach(n=>{e.push({method:0,type:n,title:window.OCP.Collaboration.getLabel(n),class:window.OCP.Collaboration.getIcon(n),action:()=>window.OCP.Collaboration.trigger(n)})});for(const n in this.searchCollections)this.collections.find(e=>e.id===this.searchCollections[n].id)||e.push({method:1,title:this.searchCollections[n].name,collectionId:this.searchCollections[n].id});return e},resourceIdentifier(){return{resourceType:this.type,resourceId:this.id,isActive:this.isActive}}},watch:{resourceIdentifier:{deep:!0,immediate:!0,handler(e){e.isActive&&e.resourceId&&e.resourceType&&this.fetchCollectionsByResource(e)}}},methods:{t:g.a,select(e){0===e.method&&e.action().then(n=>{this.createCollection({baseResourceType:this.type,baseResourceId:this.id,resourceType:e.type,resourceId:n,name:this.name}).catch(e=>{this.setError((0,g.a)("Failed to create a project"),e)})}).catch(e=>{k.l.error("No resource selected",{error:e})}),1===e.method&&this.addResourceToCollection({collectionId:e.collectionId,resourceType:this.type,resourceId:this.id}).catch(e=>{this.setError((0,g.a)("Failed to add the item to the project"),e)}),this.value=null},showSelect(){this.selectIsOpen=!0,this.$refs.select.$el.focus()},setError(e,n){k.l.error(e,{error:n}),this.error=e,setTimeout(()=>{this.error=null},5e3)},renameCollectionFromItem({collectionId:e,name:n}){this.renameCollection({collectionId:e,name:n}).catch(n=>{k.l.error((0,g.a)("Failed to rename the project"),{error:n}),this.collectionsError[e]=(0,g.a)("Failed to rename the project"),setTimeout(()=>{this.collectionsError[e]=null},5e3)})}}};var R=function(){var e=this,n=e._self._c;return e.collections&&e.type&&e.id?n("ul",{staticClass:"collection-list",attrs:{id:"collection-list"}},[n("li",{on:{click:e.showSelect}},[e._m(0),n("div",{attrs:{id:"collection-select-container"}},[n("NcSelect",{ref:"select",attrs:{"aria-label-combobox":e.t("Add to a project"),options:e.options,placeholder:e.placeholder,label:"title",limit:5},on:{close:function(n){e.isSelectOpen=!1},open:function(n){e.isSelectOpen=!0},"option:selected":e.select,search:e.search},scopedSlots:e._u([{key:"selected-option",fn:function(t){return[n("span",{staticClass:"option__desc"},[n("span",{staticClass:"option__title"},[e._v(e._s(t.title))])])]}},{key:"option",fn:function(t){return[n("span",{staticClass:"option__wrapper"},[t.class?n("span",{staticClass:"avatar",class:t.class}):2!==t.method?n("NcAvatar",{attrs:{"allow-placeholder":"","display-name":t.title}}):e._e(),n("span",{staticClass:"option__title"},[e._v(e._s(t.title))])],1)]}}],null,!1,2397208459),model:{value:e.value,callback:function(n){e.value=n},expression:"value"}},[n("p",{staticClass:"hint"},[e._v(" "+e._s(e.t("Connect items to a project to make them easier to find"))+" ")])])],1)]),n("transition",{attrs:{name:"fade"}},[e.error?n("li",{staticClass:"error"},[e._v(" "+e._s(e.error)+" ")]):e._e()]),e._l(e.collections,function(t){return n("NcCollectionListItem",{key:t.id,attrs:{collection:t,error:e.collectionsError[t.id]},on:{"rename-collection":e.renameCollectionFromItem,"remove-resource":e.removeResourceFromCollection}})})],2):e._e()},j=[function(){var e=this._self._c;return e("div",{staticClass:"avatar"},[e("span",{staticClass:"icon-projects"})])}];const O=(0,B.n)(P,R,j,!1,null,"73e5825c").exports},44703:(e,n,t)=>{t.d(n,{A:()=>r});var o=t(71354),a=t.n(o),i=t(76314),l=t.n(i)()(a());l.push([e.id,"/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/*\n* Ensure proper alignment of the vue material icons\n*/\n.material-design-icon[data-v-88468fab] {\n display: flex;\n align-self: center;\n justify-self: center;\n align-items: center;\n justify-content: center;\n}\n.fade-enter-active[data-v-88468fab], .fade-leave-active[data-v-88468fab] {\n transition: opacity 0.3s ease;\n}\n.fade-enter[data-v-88468fab], .fade-leave-to[data-v-88468fab] {\n opacity: 0;\n}\n.linked-icons[data-v-88468fab] {\n display: flex;\n}\n.linked-icons img[data-v-88468fab] {\n padding: 12px;\n height: 44px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n opacity: 0.7;\n}\n.linked-icons img[data-v-88468fab]:hover {\n opacity: 1;\n}\n.popovermenu[data-v-88468fab] {\n display: none;\n}\n.popovermenu.open[data-v-88468fab] {\n display: block;\n}\nli.collection-list-item[data-v-88468fab] {\n flex-wrap: wrap;\n height: auto;\n cursor: pointer;\n margin-bottom: 0 !important;\n}\nli.collection-list-item .collection-avatar[data-v-88468fab] {\n margin-top: 0;\n}\nli.collection-list-item form[data-v-88468fab], li.collection-list-item .collection-item-name[data-v-88468fab] {\n flex-basis: 10%;\n flex-grow: 1;\n display: flex;\n}\nli.collection-list-item .collection-item-name[data-v-88468fab] {\n padding: 12px 9px;\n}\nli.collection-list-item input[data-v-88468fab] {\n margin-top: 4px;\n border-color: var(--color-border-maxcontrast);\n}\nli.collection-list-item input[type=text][data-v-88468fab] {\n flex-grow: 1;\n}\nli.collection-list-item .error[data-v-88468fab] {\n flex-basis: 100%;\n width: 100%;\n}\nli.collection-list-item .resource-list-details[data-v-88468fab] {\n flex-basis: 100%;\n width: 100%;\n}\nli.collection-list-item .resource-list-details li[data-v-88468fab] {\n display: flex;\n margin-left: 44px;\n border-radius: 3px;\n cursor: pointer;\n}\nli.collection-list-item .resource-list-details li[data-v-88468fab]:hover {\n background-color: var(--color-background-dark);\n}\nli.collection-list-item .resource-list-details li a[data-v-88468fab] {\n flex-grow: 1;\n padding: 3px;\n max-width: calc(100% - 30px);\n display: flex;\n}\nli.collection-list-item .resource-list-details span[data-v-88468fab] {\n display: inline-block;\n vertical-align: top;\n margin-right: 10px;\n}\nli.collection-list-item .resource-list-details span.resource-name[data-v-88468fab] {\n text-overflow: ellipsis;\n overflow: hidden;\n position: relative;\n vertical-align: top;\n white-space: nowrap;\n flex-grow: 1;\n padding: 4px;\n}\nli.collection-list-item .resource-list-details img[data-v-88468fab] {\n width: 24px;\n height: 24px;\n}\nli.collection-list-item .resource-list-details .icon-close[data-v-88468fab] {\n opacity: 0.7;\n}\nli.collection-list-item .resource-list-details .icon-close[data-v-88468fab]:hover, li.collection-list-item .resource-list-details .icon-close[data-v-88468fab]:focus {\n opacity: 1;\n}\n.should-shake[data-v-88468fab] {\n animation: shake-88468fab 0.6s 1 linear;\n}\n@keyframes shake-88468fab {\n0% {\n transform: translate(15px);\n}\n20% {\n transform: translate(-15px);\n}\n40% {\n transform: translate(7px);\n}\n60% {\n transform: translate(-7px);\n}\n80% {\n transform: translate(3px);\n}\n100% {\n transform: translate(0px);\n}\n}/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/*\n* Ensure proper alignment of the vue material icons\n*/\n.material-design-icon[data-v-73e5825c] {\n display: flex;\n align-self: center;\n justify-self: center;\n align-items: center;\n justify-content: center;\n}\n.collection-list *[data-v-73e5825c] {\n box-sizing: border-box;\n}\n.collection-list > li[data-v-73e5825c] {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.collection-list > li > .avatar[data-v-73e5825c] {\n margin-top: 0;\n}\n#collection-select-container[data-v-73e5825c] {\n display: flex;\n flex-direction: column;\n}\n.v-select span.avatar[data-v-73e5825c] {\n display: block;\n padding: 16px;\n opacity: 0.7;\n background-repeat: no-repeat;\n background-position: center;\n}\n.v-select span.avatar[data-v-73e5825c]:hover {\n opacity: 1;\n}\np.hint[data-v-73e5825c] {\n z-index: 1;\n margin-top: -16px;\n padding: 8px 8px;\n color: var(--color-text-maxcontrast);\n line-height: normal;\n}\ndiv.avatar[data-v-73e5825c] {\n width: 32px;\n height: 32px;\n margin: 0;\n padding: 8px;\n background-color: var(--color-background-dark);\n margin-top: 30px;\n}\n\n/** TODO provide white icon in core */\n.icon-projects[data-v-73e5825c] {\n display: block;\n padding: 8px;\n background-repeat: no-repeat;\n background-position: center;\n}\n.option__wrapper[data-v-73e5825c] {\n display: flex;\n}\n.option__wrapper .avatar[data-v-73e5825c] {\n display: block;\n width: 32px;\n height: 32px;\n background-color: var(--color-background-darker) !important;\n}\n.option__wrapper .option__title[data-v-73e5825c] {\n padding: 4px;\n}\n.fade-enter-active[data-v-73e5825c], .fade-leave-active[data-v-73e5825c] {\n transition: opacity 0.5s;\n}\n.fade-enter[data-v-73e5825c], .fade-leave-to[data-v-73e5825c] {\n opacity: 0;\n}","",{version:3,sources:["webpack://./node_modules/@nextcloud/vue/dist/assets/NcCollectionList-hRgvNUMR.css"],names:[],mappings:"AAAA;;;EAGE;AACF;;;EAGE;AACF;;CAEC;AACD;EACE,aAAa;EACb,kBAAkB;EAClB,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;AACA;EACE,6BAA6B;AAC/B;AACA;EACE,UAAU;AACZ;AACA;EACE,aAAa;AACf;AACA;EACE,aAAa;EACb,YAAY;EACZ,cAAc;EACd,4BAA4B;EAC5B,2BAA2B;EAC3B,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;AACA;EACE,eAAe;EACf,YAAY;EACZ,eAAe;EACf,2BAA2B;AAC7B;AACA;EACE,aAAa;AACf;AACA;EACE,eAAe;EACf,YAAY;EACZ,aAAa;AACf;AACA;EACE,iBAAiB;AACnB;AACA;EACE,eAAe;EACf,6CAA6C;AAC/C;AACA;EACE,YAAY;AACd;AACA;EACE,gBAAgB;EAChB,WAAW;AACb;AACA;EACE,gBAAgB;EAChB,WAAW;AACb;AACA;EACE,aAAa;EACb,iBAAiB;EACjB,kBAAkB;EAClB,eAAe;AACjB;AACA;EACE,8CAA8C;AAChD;AACA;EACE,YAAY;EACZ,YAAY;EACZ,4BAA4B;EAC5B,aAAa;AACf;AACA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,kBAAkB;AACpB;AACA;EACE,uBAAuB;EACvB,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,YAAY;AACd;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,YAAY;AACd;AACA;EACE,UAAU;AACZ;AACA;EACE,uCAAuC;AACzC;AACA;AACA;IACI,0BAA0B;AAC9B;AACA;IACI,2BAA2B;AAC/B;AACA;IACI,yBAAyB;AAC7B;AACA;IACI,0BAA0B;AAC9B;AACA;IACI,yBAAyB;AAC7B;AACA;IACI,yBAAyB;AAC7B;AACA,CAAC;;;EAGC;AACF;;;EAGE;AACF;;CAEC;AACD;EACE,aAAa;EACb,kBAAkB;EAClB,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;AACzB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;AACX;AACA;EACE,aAAa;AACf;AACA;EACE,aAAa;EACb,sBAAsB;AACxB;AACA;EACE,cAAc;EACd,aAAa;EACb,YAAY;EACZ,4BAA4B;EAC5B,2BAA2B;AAC7B;AACA;EACE,UAAU;AACZ;AACA;EACE,UAAU;EACV,iBAAiB;EACjB,gBAAgB;EAChB,oCAAoC;EACpC,mBAAmB;AACrB;AACA;EACE,WAAW;EACX,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,8CAA8C;EAC9C,gBAAgB;AAClB;;AAEA,qCAAqC;AACrC;EACE,cAAc;EACd,YAAY;EACZ,4BAA4B;EAC5B,2BAA2B;AAC7B;AACA;EACE,aAAa;AACf;AACA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,2DAA2D;AAC7D;AACA;EACE,YAAY;AACd;AACA;EACE,wBAAwB;AAC1B;AACA;EACE,UAAU;AACZ",sourcesContent:["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/*\n* Ensure proper alignment of the vue material icons\n*/\n.material-design-icon[data-v-88468fab] {\n display: flex;\n align-self: center;\n justify-self: center;\n align-items: center;\n justify-content: center;\n}\n.fade-enter-active[data-v-88468fab], .fade-leave-active[data-v-88468fab] {\n transition: opacity 0.3s ease;\n}\n.fade-enter[data-v-88468fab], .fade-leave-to[data-v-88468fab] {\n opacity: 0;\n}\n.linked-icons[data-v-88468fab] {\n display: flex;\n}\n.linked-icons img[data-v-88468fab] {\n padding: 12px;\n height: 44px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n opacity: 0.7;\n}\n.linked-icons img[data-v-88468fab]:hover {\n opacity: 1;\n}\n.popovermenu[data-v-88468fab] {\n display: none;\n}\n.popovermenu.open[data-v-88468fab] {\n display: block;\n}\nli.collection-list-item[data-v-88468fab] {\n flex-wrap: wrap;\n height: auto;\n cursor: pointer;\n margin-bottom: 0 !important;\n}\nli.collection-list-item .collection-avatar[data-v-88468fab] {\n margin-top: 0;\n}\nli.collection-list-item form[data-v-88468fab], li.collection-list-item .collection-item-name[data-v-88468fab] {\n flex-basis: 10%;\n flex-grow: 1;\n display: flex;\n}\nli.collection-list-item .collection-item-name[data-v-88468fab] {\n padding: 12px 9px;\n}\nli.collection-list-item input[data-v-88468fab] {\n margin-top: 4px;\n border-color: var(--color-border-maxcontrast);\n}\nli.collection-list-item input[type=text][data-v-88468fab] {\n flex-grow: 1;\n}\nli.collection-list-item .error[data-v-88468fab] {\n flex-basis: 100%;\n width: 100%;\n}\nli.collection-list-item .resource-list-details[data-v-88468fab] {\n flex-basis: 100%;\n width: 100%;\n}\nli.collection-list-item .resource-list-details li[data-v-88468fab] {\n display: flex;\n margin-left: 44px;\n border-radius: 3px;\n cursor: pointer;\n}\nli.collection-list-item .resource-list-details li[data-v-88468fab]:hover {\n background-color: var(--color-background-dark);\n}\nli.collection-list-item .resource-list-details li a[data-v-88468fab] {\n flex-grow: 1;\n padding: 3px;\n max-width: calc(100% - 30px);\n display: flex;\n}\nli.collection-list-item .resource-list-details span[data-v-88468fab] {\n display: inline-block;\n vertical-align: top;\n margin-right: 10px;\n}\nli.collection-list-item .resource-list-details span.resource-name[data-v-88468fab] {\n text-overflow: ellipsis;\n overflow: hidden;\n position: relative;\n vertical-align: top;\n white-space: nowrap;\n flex-grow: 1;\n padding: 4px;\n}\nli.collection-list-item .resource-list-details img[data-v-88468fab] {\n width: 24px;\n height: 24px;\n}\nli.collection-list-item .resource-list-details .icon-close[data-v-88468fab] {\n opacity: 0.7;\n}\nli.collection-list-item .resource-list-details .icon-close[data-v-88468fab]:hover, li.collection-list-item .resource-list-details .icon-close[data-v-88468fab]:focus {\n opacity: 1;\n}\n.should-shake[data-v-88468fab] {\n animation: shake-88468fab 0.6s 1 linear;\n}\n@keyframes shake-88468fab {\n0% {\n transform: translate(15px);\n}\n20% {\n transform: translate(-15px);\n}\n40% {\n transform: translate(7px);\n}\n60% {\n transform: translate(-7px);\n}\n80% {\n transform: translate(3px);\n}\n100% {\n transform: translate(0px);\n}\n}/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/**\n * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n/*\n* Ensure proper alignment of the vue material icons\n*/\n.material-design-icon[data-v-73e5825c] {\n display: flex;\n align-self: center;\n justify-self: center;\n align-items: center;\n justify-content: center;\n}\n.collection-list *[data-v-73e5825c] {\n box-sizing: border-box;\n}\n.collection-list > li[data-v-73e5825c] {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.collection-list > li > .avatar[data-v-73e5825c] {\n margin-top: 0;\n}\n#collection-select-container[data-v-73e5825c] {\n display: flex;\n flex-direction: column;\n}\n.v-select span.avatar[data-v-73e5825c] {\n display: block;\n padding: 16px;\n opacity: 0.7;\n background-repeat: no-repeat;\n background-position: center;\n}\n.v-select span.avatar[data-v-73e5825c]:hover {\n opacity: 1;\n}\np.hint[data-v-73e5825c] {\n z-index: 1;\n margin-top: -16px;\n padding: 8px 8px;\n color: var(--color-text-maxcontrast);\n line-height: normal;\n}\ndiv.avatar[data-v-73e5825c] {\n width: 32px;\n height: 32px;\n margin: 0;\n padding: 8px;\n background-color: var(--color-background-dark);\n margin-top: 30px;\n}\n\n/** TODO provide white icon in core */\n.icon-projects[data-v-73e5825c] {\n display: block;\n padding: 8px;\n background-repeat: no-repeat;\n background-position: center;\n}\n.option__wrapper[data-v-73e5825c] {\n display: flex;\n}\n.option__wrapper .avatar[data-v-73e5825c] {\n display: block;\n width: 32px;\n height: 32px;\n background-color: var(--color-background-darker) !important;\n}\n.option__wrapper .option__title[data-v-73e5825c] {\n padding: 4px;\n}\n.fade-enter-active[data-v-73e5825c], .fade-leave-active[data-v-73e5825c] {\n transition: opacity 0.5s;\n}\n.fade-enter[data-v-73e5825c], .fade-leave-to[data-v-73e5825c] {\n opacity: 0;\n}"],sourceRoot:""}]);const r=l}}]);
|
|
//# sourceMappingURL=1078-1078.js.map?v=819baa420f019a66302a
|