diff --git a/apps/federatedfilesharing/src/components/PersonalSettings.vue b/apps/federatedfilesharing/src/components/PersonalSettings.vue
index 61300d47047cd..c10b9091cdc55 100644
--- a/apps/federatedfilesharing/src/components/PersonalSettings.vue
+++ b/apps/federatedfilesharing/src/components/PersonalSettings.vue
@@ -134,11 +134,11 @@ async function copyCloudId(): Promise<void> {
 				</a>
 			</p>
 
-			<p>
-				{{ t('federatedfilesharing', 'HTML Code:') }}
+			<div>
+				<p>{{ t('federatedfilesharing', 'HTML Code:') }}</p>
 				<br>
-				<pre>{{ htmlCode }}</pre>
-			</p>
+				<pre><code>{{ htmlCode }}</code></pre>
+			</div>
 		</template>
 	</NcSettingsSection>
 </template>
diff --git a/dist/federatedfilesharing-federatedfilesharing-settings-personal-B56uUkOQ.chunk.css b/dist/federatedfilesharing-federatedfilesharing-settings-personal-B56uUkOQ.chunk.css
deleted file mode 100644
index 20dda88b5cae6..0000000000000
--- a/dist/federatedfilesharing-federatedfilesharing-settings-personal-B56uUkOQ.chunk.css
+++ /dev/null
@@ -1 +0,0 @@
-.social-button[data-v-0b473172]{margin-top:.5rem}.social-button button[data-v-0b473172],.social-button a[data-v-0b473172]{display:inline-flex;margin-inline-start:.5rem;margin-top:1rem}.social-button__website-button[data-v-0b473172]{width:min(100%,400px)!important}.social-button__icon[data-v-0b473172]{height:20px;width:20px;filter:var(--background-invert-if-dark)}.social-button__icon--bright[data-v-0b473172]{filter:var(--background-invert-if-bright)}.federated-cloud__cloud-id[data-v-0b473172]{max-width:300px}pre[data-v-0b473172]{margin-top:0;white-space:pre-wrap}
diff --git a/dist/federatedfilesharing-federatedfilesharing-settings-personal-BHJOs-_N.chunk.css b/dist/federatedfilesharing-federatedfilesharing-settings-personal-BHJOs-_N.chunk.css
new file mode 100644
index 0000000000000..66377e92f8050
--- /dev/null
+++ b/dist/federatedfilesharing-federatedfilesharing-settings-personal-BHJOs-_N.chunk.css
@@ -0,0 +1 @@
+.social-button[data-v-29d7360e]{margin-top:.5rem}.social-button button[data-v-29d7360e],.social-button a[data-v-29d7360e]{display:inline-flex;margin-inline-start:.5rem;margin-top:1rem}.social-button__website-button[data-v-29d7360e]{width:min(100%,400px)!important}.social-button__icon[data-v-29d7360e]{height:20px;width:20px;filter:var(--background-invert-if-dark)}.social-button__icon--bright[data-v-29d7360e]{filter:var(--background-invert-if-bright)}.federated-cloud__cloud-id[data-v-29d7360e]{max-width:300px}pre[data-v-29d7360e]{margin-top:0;white-space:pre-wrap}
diff --git a/dist/federatedfilesharing-settings-personal.css b/dist/federatedfilesharing-settings-personal.css
index ca35b92d42591..404fa7665f552 100644
--- a/dist/federatedfilesharing-settings-personal.css
+++ b/dist/federatedfilesharing-settings-personal.css
@@ -1,5 +1,5 @@
 /* extracted by css-entry-points-plugin */
-@import './federatedfilesharing-federatedfilesharing-settings-personal-B56uUkOQ.chunk.css';
+@import './federatedfilesharing-federatedfilesharing-settings-personal-BHJOs-_N.chunk.css';
 @import './NcNoteCard-CVhtNL04-DopLwvn9.chunk.css';
 @import './PencilOutline-BYHcrfvW.chunk.css';
 @import './index-JpgrUA2Z-PxDoi4mB.chunk.css';
diff --git a/dist/federatedfilesharing-settings-personal.mjs b/dist/federatedfilesharing-settings-personal.mjs
index 85f83a0b9f0ea..dbfff02545e99 100644
--- a/dist/federatedfilesharing-settings-personal.mjs
+++ b/dist/federatedfilesharing-settings-personal.mjs
@@ -1,4 +1,4 @@
-import{E as d,o,H as i,F as I,f as l,z as S,j,l as f,t as a,q as N,s as w,c as _,w as r,b as h,y as e,e as s,M as q,X as E,h as J}from"./mdi-B9XVyi7B.chunk.mjs";import{d as z}from"./index-JpgrUA2Z-ClfXhQGo.chunk.mjs";import{_ as M,i as x}from"./_plugin-vue_export-helper-CDPKodk-.chunk.mjs";import{b}from"./NcNoteCard-CVhtNL04-BSciYEDO.chunk.mjs";import{N as W}from"./NcInputField-Bwsh2aHY-kbXSi5f0.chunk.mjs";import{I as X,N as G}from"./ContentCopy-CFmC6HSf.chunk.mjs";import"./modulepreload-polyfill-BxzAKjcf.chunk.mjs";import"./PencilOutline-BWbwYeLs.chunk.mjs";const K={name:"CheckIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},Q=["aria-hidden","aria-label"],V=["fill","width","height"],ee={d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"},ae={key:0};function te(c,n,t,k,p,y){return o(),d("span",S(c.$attrs,{"aria-hidden":t.title?null:"true","aria-label":t.title,class:"material-design-icon check-icon",role:"img",onClick:n[0]||(n[0]=g=>c.$emit("click",g))}),[(o(),d("svg",{fill:t.fillColor,class:"material-design-icon__svg",width:t.size,height:t.size,viewBox:"0 0 24 24"},[i("path",ee,[t.title?(o(),d("title",ae,l(t.title),1)):I("",!0)])],8,V))],16,Q)}const ie=M(K,[["render",te]]),re={name:"WebIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},le=["aria-hidden","aria-label"],oe=["fill","width","height"],ne={d:"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"},se={key:0};function de(c,n,t,k,p,y){return o(),d("span",S(c.$attrs,{"aria-hidden":t.title?null:"true","aria-label":t.title,class:"material-design-icon web-icon",role:"img",onClick:n[0]||(n[0]=g=>c.$emit("click",g))}),[(o(),d("svg",{fill:t.fillColor,class:"material-design-icon__svg",width:t.size,height:t.size,viewBox:"0 0 24 24"},[i("path",ne,[t.title?(o(),d("title",se,l(t.title),1)):I("",!0)])],8,oe))],16,le)}const ce=M(re,[["render",de]]),ue={class:"social-button"},fe=["src"],he=["src"],pe=["src"],ge={style:{margin:"10px 0"}},me=["href"],Ce=j({__name:"PersonalSettings",setup(c){const n=window.OC.theme.productName,t=f("federatedfilesharing","color"),k=f("federatedfilesharing","textColor"),p=f("federatedfilesharing","cloudId"),y=f("federatedfilesharing","docUrlFederated"),g=f("federatedfilesharing","logoPath"),m=f("federatedfilesharing","reference"),F=x("core","facebook"),L=x("core","mastodon"),D=x("core","bluesky"),U=a("federatedfilesharing","Share with me through my #Nextcloud Federated Cloud ID, see {url}",{url:m}),R=a("federatedfilesharing","Share with me through my #Nextcloud Federated Cloud ID"),A=`https://mastodon.social/?text=${encodeURIComponent(R)}&url=${encodeURIComponent(m)}`,B=`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(m)}`,T=`https://bsky.app/intent/compose?text=${encodeURIComponent(U)}`,O=new URL(g,location.origin),v=N(!1),C=N(!1),$=w(()=>`
+import{E as s,o,H as i,F as I,f as l,z as S,j,l as u,t as a,q as N,s as w,c as _,w as r,b as f,y as e,e as h,M as q,X as E,h as J}from"./mdi-B9XVyi7B.chunk.mjs";import{d as z}from"./index-JpgrUA2Z-ClfXhQGo.chunk.mjs";import{_ as M,i as x}from"./_plugin-vue_export-helper-CDPKodk-.chunk.mjs";import{b}from"./NcNoteCard-CVhtNL04-BSciYEDO.chunk.mjs";import{N as W}from"./NcInputField-Bwsh2aHY-kbXSi5f0.chunk.mjs";import{I as X,N as G}from"./ContentCopy-CFmC6HSf.chunk.mjs";import"./modulepreload-polyfill-BxzAKjcf.chunk.mjs";import"./PencilOutline-BWbwYeLs.chunk.mjs";const K={name:"CheckIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},Q=["aria-hidden","aria-label"],V=["fill","width","height"],ee={d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"},ae={key:0};function te(d,n,t,k,p,y){return o(),s("span",S(d.$attrs,{"aria-hidden":t.title?null:"true","aria-label":t.title,class:"material-design-icon check-icon",role:"img",onClick:n[0]||(n[0]=g=>d.$emit("click",g))}),[(o(),s("svg",{fill:t.fillColor,class:"material-design-icon__svg",width:t.size,height:t.size,viewBox:"0 0 24 24"},[i("path",ee,[t.title?(o(),s("title",ae,l(t.title),1)):I("",!0)])],8,V))],16,Q)}const ie=M(K,[["render",te]]),re={name:"WebIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},le=["aria-hidden","aria-label"],oe=["fill","width","height"],ne={d:"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"},se={key:0};function de(d,n,t,k,p,y){return o(),s("span",S(d.$attrs,{"aria-hidden":t.title?null:"true","aria-label":t.title,class:"material-design-icon web-icon",role:"img",onClick:n[0]||(n[0]=g=>d.$emit("click",g))}),[(o(),s("svg",{fill:t.fillColor,class:"material-design-icon__svg",width:t.size,height:t.size,viewBox:"0 0 24 24"},[i("path",ne,[t.title?(o(),s("title",se,l(t.title),1)):I("",!0)])],8,oe))],16,le)}const ce=M(re,[["render",de]]),ue={class:"social-button"},fe=["src"],he=["src"],pe=["src"],ge={style:{margin:"10px 0"}},me=["href"],Ce=j({__name:"PersonalSettings",setup(d){const n=window.OC.theme.productName,t=u("federatedfilesharing","color"),k=u("federatedfilesharing","textColor"),p=u("federatedfilesharing","cloudId"),y=u("federatedfilesharing","docUrlFederated"),g=u("federatedfilesharing","logoPath"),m=u("federatedfilesharing","reference"),F=x("core","facebook"),L=x("core","mastodon"),D=x("core","bluesky"),U=a("federatedfilesharing","Share with me through my #Nextcloud Federated Cloud ID, see {url}",{url:m}),R=a("federatedfilesharing","Share with me through my #Nextcloud Federated Cloud ID"),A=`https://mastodon.social/?text=${encodeURIComponent(R)}&url=${encodeURIComponent(m)}`,B=`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(m)}`,T=`https://bsky.app/intent/compose?text=${encodeURIComponent(U)}`,O=new URL(g,location.origin),v=N(!1),C=N(!1),$=w(()=>`
 	padding:10px;
 	background-color:${t};
 	color:${k};
@@ -6,5 +6,5 @@ import{E as d,o,H as i,F as I,f as l,z as S,j,l as f,t as a,q as N,s as w,c as _
 	padding-inline-start:4px;`),H=`background-image:url(${O});width:50px;height:30px;position:relative;top:8px;background-size:contain;display:inline-block;background-repeat:no-repeat; background-position: center center;`,P=w(()=>`<a target="_blank" rel="noreferrer noopener" href="${m}" style="${$.value}">
 	<span style="${H}"></span>
 	${a("federatedfilesharing","Share with me via Nextcloud")}
-</a>`),Y=w(()=>C.value?a("federatedfilesharing","Cloud ID copied"):a("federatedfilesharing","Copy"));async function Z(){try{await navigator.clipboard.writeText(p),z(a("federatedfilesharing","Cloud ID copied"))}catch{window.prompt(a("federatedfilesharing","Clipboard not available. Please copy the cloud ID manually."),p)}C.value=!0,z(a("federatedfilesharing","Copied!")),setTimeout(()=>{C.value=!1},2e3)}return(ye,u)=>(o(),_(e(G),{name:e(a)("federatedfilesharing","Federated Cloud"),description:e(a)("federatedfilesharing","You can share with anyone who uses a {productName} server or other Open Cloud Mesh (OCM) compatible servers and services! Just put their Federated Cloud ID in the share dialog. It looks like person@cloud.example.com",{productName:e(n)}),"doc-url":e(y)},{default:r(()=>[h(e(W),{class:"federated-cloud__cloud-id",readonly:"",label:e(a)("federatedfilesharing","Your Federated Cloud ID"),"model-value":e(p),success:C.value,"show-trailing-button":"","trailing-button-label":Y.value,onTrailingButtonClick:Z},{"trailing-button-icon":r(()=>[C.value?(o(),_(ie,{key:0,size:20,"fill-color":"var(--color-border-success)"})):(o(),_(X,{key:1,size:20}))]),_:1},8,["label","model-value","success","trailing-button-label"]),i("p",ue,[s(l(e(a)("federatedfilesharing","Share it so your friends can share files with you:")),1),u[1]||(u[1]=i("br",null,null,-1)),h(e(b),{href:T},{icon:r(()=>[i("img",{class:"social-button__icon",src:e(D)},null,8,fe)]),default:r(()=>[s(l(e(a)("federatedfilesharing","Bluesky"))+" ",1)]),_:1}),h(e(b),{href:B},{icon:r(()=>[i("img",{class:"social-button__icon social-button__icon--bright",src:e(F)},null,8,he)]),default:r(()=>[s(l(e(a)("federatedfilesharing","Facebook"))+" ",1)]),_:1}),h(e(b),{href:A},{icon:r(()=>[i("img",{class:"social-button__icon",src:e(L)},null,8,pe)]),default:r(()=>[s(l(e(a)("federatedfilesharing","Mastodon"))+" ",1)]),_:1}),h(e(b),{class:"social-button__website-button",onClick:u[0]||(u[0]=ve=>v.value=!v.value)},{icon:r(()=>[h(ce,{size:20})]),default:r(()=>[s(" "+l(e(a)("federatedfilesharing","Add to your website")),1)]),_:1})]),v.value?(o(),d(q,{key:0},[i("p",ge,[i("a",{target:"_blank",rel:"noreferrer noopener",href:e(m),style:E($.value)},[i("span",{style:H}),s(" "+l(e(a)("federatedfilesharing","Share with me via {productName}",{productName:e(n)})),1)],12,me)]),i("p",null,[s(l(e(a)("federatedfilesharing","HTML Code:"))+" ",1),u[2]||(u[2]=i("br",null,null,-1)),i("pre",null,l(P.value),1)])],64)):I("",!0)]),_:1},8,["name","description","doc-url"]))}}),be=M(Ce,[["__scopeId","data-v-0b473172"]]),ke=J(be);ke.mount("#vue-personal-federated");
+</a>`),Y=w(()=>C.value?a("federatedfilesharing","Cloud ID copied"):a("federatedfilesharing","Copy"));async function Z(){try{await navigator.clipboard.writeText(p),z(a("federatedfilesharing","Cloud ID copied"))}catch{window.prompt(a("federatedfilesharing","Clipboard not available. Please copy the cloud ID manually."),p)}C.value=!0,z(a("federatedfilesharing","Copied!")),setTimeout(()=>{C.value=!1},2e3)}return(ye,c)=>(o(),_(e(G),{name:e(a)("federatedfilesharing","Federated Cloud"),description:e(a)("federatedfilesharing","You can share with anyone who uses a {productName} server or other Open Cloud Mesh (OCM) compatible servers and services! Just put their Federated Cloud ID in the share dialog. It looks like person@cloud.example.com",{productName:e(n)}),"doc-url":e(y)},{default:r(()=>[f(e(W),{class:"federated-cloud__cloud-id",readonly:"",label:e(a)("federatedfilesharing","Your Federated Cloud ID"),"model-value":e(p),success:C.value,"show-trailing-button":"","trailing-button-label":Y.value,onTrailingButtonClick:Z},{"trailing-button-icon":r(()=>[C.value?(o(),_(ie,{key:0,size:20,"fill-color":"var(--color-border-success)"})):(o(),_(X,{key:1,size:20}))]),_:1},8,["label","model-value","success","trailing-button-label"]),i("p",ue,[h(l(e(a)("federatedfilesharing","Share it so your friends can share files with you:")),1),c[1]||(c[1]=i("br",null,null,-1)),f(e(b),{href:T},{icon:r(()=>[i("img",{class:"social-button__icon",src:e(D)},null,8,fe)]),default:r(()=>[h(l(e(a)("federatedfilesharing","Bluesky"))+" ",1)]),_:1}),f(e(b),{href:B},{icon:r(()=>[i("img",{class:"social-button__icon social-button__icon--bright",src:e(F)},null,8,he)]),default:r(()=>[h(l(e(a)("federatedfilesharing","Facebook"))+" ",1)]),_:1}),f(e(b),{href:A},{icon:r(()=>[i("img",{class:"social-button__icon",src:e(L)},null,8,pe)]),default:r(()=>[h(l(e(a)("federatedfilesharing","Mastodon"))+" ",1)]),_:1}),f(e(b),{class:"social-button__website-button",onClick:c[0]||(c[0]=ve=>v.value=!v.value)},{icon:r(()=>[f(ce,{size:20})]),default:r(()=>[h(" "+l(e(a)("federatedfilesharing","Add to your website")),1)]),_:1})]),v.value?(o(),s(q,{key:0},[i("p",ge,[i("a",{target:"_blank",rel:"noreferrer noopener",href:e(m),style:E($.value)},[i("span",{style:H}),h(" "+l(e(a)("federatedfilesharing","Share with me via {productName}",{productName:e(n)})),1)],12,me)]),i("div",null,[i("p",null,l(e(a)("federatedfilesharing","HTML Code:")),1),c[2]||(c[2]=i("br",null,null,-1)),i("pre",null,[i("code",null,l(P.value),1)])])],64)):I("",!0)]),_:1},8,["name","description","doc-url"]))}}),be=M(Ce,[["__scopeId","data-v-29d7360e"]]),ke=J(be);ke.mount("#vue-personal-federated");
 //# sourceMappingURL=federatedfilesharing-settings-personal.mjs.map
diff --git a/dist/federatedfilesharing-settings-personal.mjs.map b/dist/federatedfilesharing-settings-personal.mjs.map
index 889e68340fa8f..4f84837ee3889 100644
--- a/dist/federatedfilesharing-settings-personal.mjs.map
+++ b/dist/federatedfilesharing-settings-personal.mjs.map
@@ -1 +1 @@
-{"version":3,"file":"federatedfilesharing-settings-personal.mjs","sources":["../node_modules/vue-material-design-icons/Check.vue","../node_modules/vue-material-design-icons/Web.vue","../build/frontend/apps/federatedfilesharing/src/components/PersonalSettings.vue","../build/frontend/apps/federatedfilesharing/src/settings-personal.ts"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon check-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"CheckIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon web-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"WebIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\n - SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport { showSuccess } from '@nextcloud/dialogs'\nimport { loadState } from '@nextcloud/initial-state'\nimport { t } from '@nextcloud/l10n'\nimport { imagePath } from '@nextcloud/router'\nimport { computed, ref } from 'vue'\nimport NcButton from '@nextcloud/vue/components/NcButton'\nimport NcInputField from '@nextcloud/vue/components/NcInputField'\nimport NcSettingsSection from '@nextcloud/vue/components/NcSettingsSection'\nimport IconCheck from 'vue-material-design-icons/Check.vue'\nimport IconClipboard from 'vue-material-design-icons/ContentCopy.vue'\nimport IconWeb from 'vue-material-design-icons/Web.vue'\n\nconst productName = window.OC.theme.productName\nconst color = loadState<string>('federatedfilesharing', 'color')\nconst textColor = loadState<string>('federatedfilesharing', 'textColor')\nconst cloudId = loadState<string>('federatedfilesharing', 'cloudId')\nconst docUrlFederated = loadState<string>('federatedfilesharing', 'docUrlFederated')\nconst logoPath = loadState<string>('federatedfilesharing', 'logoPath')\nconst reference = loadState<string>('federatedfilesharing', 'reference')\nconst urlFacebookIcon = imagePath('core', 'facebook')\nconst urlMastodonIcon = imagePath('core', 'mastodon')\nconst urlBlueSkyIcon = imagePath('core', 'bluesky')\nconst messageWithURL = t('federatedfilesharing', 'Share with me through my #Nextcloud Federated Cloud ID, see {url}', { url: reference })\nconst messageWithoutURL = t('federatedfilesharing', 'Share with me through my #Nextcloud Federated Cloud ID')\nconst shareMastodonUrl = `https://mastodon.social/?text=${encodeURIComponent(messageWithoutURL)}&url=${encodeURIComponent(reference)}`\nconst shareFacebookUrl = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(reference)}`\nconst shareBlueSkyUrl = `https://bsky.app/intent/compose?text=${encodeURIComponent(messageWithURL)}`\nconst logoPathAbsolute = new URL(logoPath, location.origin)\n\nconst showHtml = ref(false)\nconst isCopied = ref(false)\n\nconst backgroundStyle = computed(() => `\n\tpadding:10px;\n\tbackground-color:${color};\n\tcolor:${textColor};\n\tborder-radius:3px;\n\tpadding-inline-start:4px;`)\n\nconst linkStyle = `background-image:url(${logoPathAbsolute});width:50px;height:30px;position:relative;top:8px;background-size:contain;display:inline-block;background-repeat:no-repeat; background-position: center center;`\nconst htmlCode = computed(() => `<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"${reference}\" style=\"${backgroundStyle.value}\">\n\t<span style=\"${linkStyle}\"></span>\n\t${t('federatedfilesharing', 'Share with me via Nextcloud')}\n</a>`)\n\nconst copyLinkTooltip = computed(() => isCopied.value\n\t? t('federatedfilesharing', 'Cloud ID copied')\n\t: t('federatedfilesharing', 'Copy'))\n\n/**\n *\n */\nasync function copyCloudId(): Promise<void> {\n\ttry {\n\t\tawait navigator.clipboard.writeText(cloudId)\n\t\tshowSuccess(t('federatedfilesharing', 'Cloud ID copied'))\n\t} catch {\n\t\t// no secure context or really old browser - need a fallback\n\t\twindow.prompt(t('federatedfilesharing', 'Clipboard not available. Please copy the cloud ID manually.'), cloudId)\n\t}\n\tisCopied.value = true\n\tshowSuccess(t('federatedfilesharing', 'Copied!'))\n\tsetTimeout(() => {\n\t\tisCopied.value = false\n\t}, 2000)\n}\n</script>\n\n<template>\n\t<NcSettingsSection\n\t\t:name=\"t('federatedfilesharing', 'Federated Cloud')\"\n\t\t:description=\"t('federatedfilesharing', 'You can share with anyone who uses a {productName} server or other Open Cloud Mesh (OCM) compatible servers and services! Just put their Federated Cloud ID in the share dialog. It looks like person@cloud.example.com', { productName })\"\n\t\t:doc-url=\"docUrlFederated\">\n\t\t<NcInputField\n\t\t\tclass=\"federated-cloud__cloud-id\"\n\t\t\treadonly\n\t\t\t:label=\"t('federatedfilesharing', 'Your Federated Cloud ID')\"\n\t\t\t:model-value=\"cloudId\"\n\t\t\t:success=\"isCopied\"\n\t\t\tshow-trailing-button\n\t\t\t:trailing-button-label=\"copyLinkTooltip\"\n\t\t\t@trailing-button-click=\"copyCloudId\">\n\t\t\t<template #trailing-button-icon>\n\t\t\t\t<IconCheck v-if=\"isCopied\" :size=\"20\" fill-color=\"var(--color-border-success)\" />\n\t\t\t\t<IconClipboard v-else :size=\"20\" />\n\t\t\t</template>\n\t\t</NcInputField>\n\n\t\t<p class=\"social-button\">\n\t\t\t{{ t('federatedfilesharing', 'Share it so your friends can share files with you:') }}<br>\n\t\t\t<NcButton :href=\"shareBlueSkyUrl\">\n\t\t\t\t{{ t('federatedfilesharing', 'Bluesky') }}\n\t\t\t\t<template #icon>\n\t\t\t\t\t<img class=\"social-button__icon\" :src=\"urlBlueSkyIcon\">\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t\t<NcButton :href=\"shareFacebookUrl\">\n\t\t\t\t{{ t('federatedfilesharing', 'Facebook') }}\n\t\t\t\t<template #icon>\n\t\t\t\t\t<img class=\"social-button__icon social-button__icon--bright\" :src=\"urlFacebookIcon\">\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t\t<NcButton :href=\"shareMastodonUrl\">\n\t\t\t\t{{ t('federatedfilesharing', 'Mastodon') }}\n\t\t\t\t<template #icon>\n\t\t\t\t\t<img class=\"social-button__icon\" :src=\"urlMastodonIcon\">\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t\t<NcButton\n\t\t\t\tclass=\"social-button__website-button\"\n\t\t\t\t@click=\"showHtml = !showHtml\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<IconWeb :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ t('federatedfilesharing', 'Add to your website') }}\n\t\t\t</NcButton>\n\t\t</p>\n\n\t\t<template v-if=\"showHtml\">\n\t\t\t<p style=\"margin: 10px 0\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noreferrer noopener\"\n\t\t\t\t\t:href=\"reference\"\n\t\t\t\t\t:style=\"backgroundStyle\">\n\t\t\t\t\t<span :style=\"linkStyle\" />\n\t\t\t\t\t{{ t('federatedfilesharing', 'Share with me via {productName}', { productName }) }}\n\t\t\t\t</a>\n\t\t\t</p>\n\n\t\t\t<p>\n\t\t\t\t{{ t('federatedfilesharing', 'HTML Code:') }}\n\t\t\t\t<br>\n\t\t\t\t<pre>{{ htmlCode }}</pre>\n\t\t\t</p>\n\t\t</template>\n\t</NcSettingsSection>\n</template>\n\n<style lang=\"scss\" scoped>\n\t.social-button {\n\t\tmargin-top: 0.5rem;\n\n\t\tbutton, a {\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin-inline-start: 0.5rem;\n\t\t\tmargin-top: 1rem;\n\t\t}\n\n\t\t&__website-button {\n\t\t\twidth: min(100%, 400px) !important;\n\t\t}\n\n\t\t&__icon {\n\t\t\theight: 20px;\n\t\t\twidth: 20px;\n\t\t\tfilter: var(--background-invert-if-dark);\n\n\t\t\t&--bright {\n\t\t\t\t// Some logos like the Facebook logo have bright color schema\n\t\t\t\tfilter: var(--background-invert-if-bright);\n\t\t\t}\n\t\t}\n\t}\n\n\t.federated-cloud__cloud-id {\n\t\tmax-width: 300px;\n\t}\n\n\tpre {\n\t\tmargin-top: 0;\n\t\twhite-space: pre-wrap;\n\t}\n</style>\n","/**\n * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { createApp } from 'vue'\nimport PersonalSettings from './components/PersonalSettings.vue'\n\nimport 'vite/modulepreload-polyfill'\n\nconst app = createApp(PersonalSettings)\napp.mount('#vue-personal-federated')\n"],"names":["_sfc_main","_hoisted_3","_createElementBlock","_mergeProps","_ctx","$props","_cache","$event","_createElementVNode","_openBlock","productName","color","loadState","textColor","cloudId","docUrlFederated","logoPath","reference","urlFacebookIcon","imagePath","urlMastodonIcon","urlBlueSkyIcon","messageWithURL","t","messageWithoutURL","shareMastodonUrl","shareFacebookUrl","shareBlueSkyUrl","logoPathAbsolute","showHtml","ref","isCopied","backgroundStyle","computed","linkStyle","htmlCode","copyLinkTooltip","copyCloudId","showSuccess","_createBlock","_unref","NcSettingsSection","_createVNode","NcInputField","IconCheck","IconClipboard","_hoisted_1","NcButton","_createTextVNode","_toDisplayString","IconWeb","_Fragment","_hoisted_5","app","createApp","PersonalSettings"],"mappings":"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","x_google_ignoreList":[0,1]}
\ No newline at end of file
+{"version":3,"file":"federatedfilesharing-settings-personal.mjs","sources":["../node_modules/vue-material-design-icons/Check.vue","../node_modules/vue-material-design-icons/Web.vue","../build/frontend/apps/federatedfilesharing/src/components/PersonalSettings.vue","../build/frontend/apps/federatedfilesharing/src/settings-personal.ts"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon check-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"CheckIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : 'true'\"\n        :aria-label=\"title\"\n        class=\"material-design-icon web-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"WebIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\n - SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors\n - SPDX-License-Identifier: AGPL-3.0-or-later\n-->\n\n<script setup lang=\"ts\">\nimport { showSuccess } from '@nextcloud/dialogs'\nimport { loadState } from '@nextcloud/initial-state'\nimport { t } from '@nextcloud/l10n'\nimport { imagePath } from '@nextcloud/router'\nimport { computed, ref } from 'vue'\nimport NcButton from '@nextcloud/vue/components/NcButton'\nimport NcInputField from '@nextcloud/vue/components/NcInputField'\nimport NcSettingsSection from '@nextcloud/vue/components/NcSettingsSection'\nimport IconCheck from 'vue-material-design-icons/Check.vue'\nimport IconClipboard from 'vue-material-design-icons/ContentCopy.vue'\nimport IconWeb from 'vue-material-design-icons/Web.vue'\n\nconst productName = window.OC.theme.productName\nconst color = loadState<string>('federatedfilesharing', 'color')\nconst textColor = loadState<string>('federatedfilesharing', 'textColor')\nconst cloudId = loadState<string>('federatedfilesharing', 'cloudId')\nconst docUrlFederated = loadState<string>('federatedfilesharing', 'docUrlFederated')\nconst logoPath = loadState<string>('federatedfilesharing', 'logoPath')\nconst reference = loadState<string>('federatedfilesharing', 'reference')\nconst urlFacebookIcon = imagePath('core', 'facebook')\nconst urlMastodonIcon = imagePath('core', 'mastodon')\nconst urlBlueSkyIcon = imagePath('core', 'bluesky')\nconst messageWithURL = t('federatedfilesharing', 'Share with me through my #Nextcloud Federated Cloud ID, see {url}', { url: reference })\nconst messageWithoutURL = t('federatedfilesharing', 'Share with me through my #Nextcloud Federated Cloud ID')\nconst shareMastodonUrl = `https://mastodon.social/?text=${encodeURIComponent(messageWithoutURL)}&url=${encodeURIComponent(reference)}`\nconst shareFacebookUrl = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(reference)}`\nconst shareBlueSkyUrl = `https://bsky.app/intent/compose?text=${encodeURIComponent(messageWithURL)}`\nconst logoPathAbsolute = new URL(logoPath, location.origin)\n\nconst showHtml = ref(false)\nconst isCopied = ref(false)\n\nconst backgroundStyle = computed(() => `\n\tpadding:10px;\n\tbackground-color:${color};\n\tcolor:${textColor};\n\tborder-radius:3px;\n\tpadding-inline-start:4px;`)\n\nconst linkStyle = `background-image:url(${logoPathAbsolute});width:50px;height:30px;position:relative;top:8px;background-size:contain;display:inline-block;background-repeat:no-repeat; background-position: center center;`\nconst htmlCode = computed(() => `<a target=\"_blank\" rel=\"noreferrer noopener\" href=\"${reference}\" style=\"${backgroundStyle.value}\">\n\t<span style=\"${linkStyle}\"></span>\n\t${t('federatedfilesharing', 'Share with me via Nextcloud')}\n</a>`)\n\nconst copyLinkTooltip = computed(() => isCopied.value\n\t? t('federatedfilesharing', 'Cloud ID copied')\n\t: t('federatedfilesharing', 'Copy'))\n\n/**\n *\n */\nasync function copyCloudId(): Promise<void> {\n\ttry {\n\t\tawait navigator.clipboard.writeText(cloudId)\n\t\tshowSuccess(t('federatedfilesharing', 'Cloud ID copied'))\n\t} catch {\n\t\t// no secure context or really old browser - need a fallback\n\t\twindow.prompt(t('federatedfilesharing', 'Clipboard not available. Please copy the cloud ID manually.'), cloudId)\n\t}\n\tisCopied.value = true\n\tshowSuccess(t('federatedfilesharing', 'Copied!'))\n\tsetTimeout(() => {\n\t\tisCopied.value = false\n\t}, 2000)\n}\n</script>\n\n<template>\n\t<NcSettingsSection\n\t\t:name=\"t('federatedfilesharing', 'Federated Cloud')\"\n\t\t:description=\"t('federatedfilesharing', 'You can share with anyone who uses a {productName} server or other Open Cloud Mesh (OCM) compatible servers and services! Just put their Federated Cloud ID in the share dialog. It looks like person@cloud.example.com', { productName })\"\n\t\t:doc-url=\"docUrlFederated\">\n\t\t<NcInputField\n\t\t\tclass=\"federated-cloud__cloud-id\"\n\t\t\treadonly\n\t\t\t:label=\"t('federatedfilesharing', 'Your Federated Cloud ID')\"\n\t\t\t:model-value=\"cloudId\"\n\t\t\t:success=\"isCopied\"\n\t\t\tshow-trailing-button\n\t\t\t:trailing-button-label=\"copyLinkTooltip\"\n\t\t\t@trailing-button-click=\"copyCloudId\">\n\t\t\t<template #trailing-button-icon>\n\t\t\t\t<IconCheck v-if=\"isCopied\" :size=\"20\" fill-color=\"var(--color-border-success)\" />\n\t\t\t\t<IconClipboard v-else :size=\"20\" />\n\t\t\t</template>\n\t\t</NcInputField>\n\n\t\t<p class=\"social-button\">\n\t\t\t{{ t('federatedfilesharing', 'Share it so your friends can share files with you:') }}<br>\n\t\t\t<NcButton :href=\"shareBlueSkyUrl\">\n\t\t\t\t{{ t('federatedfilesharing', 'Bluesky') }}\n\t\t\t\t<template #icon>\n\t\t\t\t\t<img class=\"social-button__icon\" :src=\"urlBlueSkyIcon\">\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t\t<NcButton :href=\"shareFacebookUrl\">\n\t\t\t\t{{ t('federatedfilesharing', 'Facebook') }}\n\t\t\t\t<template #icon>\n\t\t\t\t\t<img class=\"social-button__icon social-button__icon--bright\" :src=\"urlFacebookIcon\">\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t\t<NcButton :href=\"shareMastodonUrl\">\n\t\t\t\t{{ t('federatedfilesharing', 'Mastodon') }}\n\t\t\t\t<template #icon>\n\t\t\t\t\t<img class=\"social-button__icon\" :src=\"urlMastodonIcon\">\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t\t<NcButton\n\t\t\t\tclass=\"social-button__website-button\"\n\t\t\t\t@click=\"showHtml = !showHtml\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<IconWeb :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ t('federatedfilesharing', 'Add to your website') }}\n\t\t\t</NcButton>\n\t\t</p>\n\n\t\t<template v-if=\"showHtml\">\n\t\t\t<p style=\"margin: 10px 0\">\n\t\t\t\t<a\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noreferrer noopener\"\n\t\t\t\t\t:href=\"reference\"\n\t\t\t\t\t:style=\"backgroundStyle\">\n\t\t\t\t\t<span :style=\"linkStyle\" />\n\t\t\t\t\t{{ t('federatedfilesharing', 'Share with me via {productName}', { productName }) }}\n\t\t\t\t</a>\n\t\t\t</p>\n\n\t\t\t<div>\n\t\t\t\t<p>{{ t('federatedfilesharing', 'HTML Code:') }}</p>\n\t\t\t\t<br>\n\t\t\t\t<pre><code>{{ htmlCode }}</code></pre>\n\t\t\t</div>\n\t\t</template>\n\t</NcSettingsSection>\n</template>\n\n<style lang=\"scss\" scoped>\n\t.social-button {\n\t\tmargin-top: 0.5rem;\n\n\t\tbutton, a {\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin-inline-start: 0.5rem;\n\t\t\tmargin-top: 1rem;\n\t\t}\n\n\t\t&__website-button {\n\t\t\twidth: min(100%, 400px) !important;\n\t\t}\n\n\t\t&__icon {\n\t\t\theight: 20px;\n\t\t\twidth: 20px;\n\t\t\tfilter: var(--background-invert-if-dark);\n\n\t\t\t&--bright {\n\t\t\t\t// Some logos like the Facebook logo have bright color schema\n\t\t\t\tfilter: var(--background-invert-if-bright);\n\t\t\t}\n\t\t}\n\t}\n\n\t.federated-cloud__cloud-id {\n\t\tmax-width: 300px;\n\t}\n\n\tpre {\n\t\tmargin-top: 0;\n\t\twhite-space: pre-wrap;\n\t}\n</style>\n","/**\n * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { createApp } from 'vue'\nimport PersonalSettings from './components/PersonalSettings.vue'\n\nimport 'vite/modulepreload-polyfill'\n\nconst app = createApp(PersonalSettings)\napp.mount('#vue-personal-federated')\n"],"names":["_sfc_main","_hoisted_3","_createElementBlock","_mergeProps","_ctx","$props","_cache","$event","_createElementVNode","_openBlock","productName","color","loadState","textColor","cloudId","docUrlFederated","logoPath","reference","urlFacebookIcon","imagePath","urlMastodonIcon","urlBlueSkyIcon","messageWithURL","t","messageWithoutURL","shareMastodonUrl","shareFacebookUrl","shareBlueSkyUrl","logoPathAbsolute","showHtml","ref","isCopied","backgroundStyle","computed","linkStyle","htmlCode","copyLinkTooltip","copyCloudId","showSuccess","_createBlock","_unref","NcSettingsSection","_createVNode","NcInputField","IconCheck","IconClipboard","_hoisted_1","NcButton","_createTextVNode","_toDisplayString","IconWeb","_Fragment","_hoisted_5","app","createApp","PersonalSettings"],"mappings":"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","x_google_ignoreList":[0,1]}
\ No newline at end of file