(globalThis.webpackChunkf7cloud_mail=globalThis.webpackChunkf7cloud_mail||[]).push([[1721],{78446(r,i,e){"use strict";e.d(i,{A:()=>c});var l=e(71354),n=e.n(l),a=e(76314),t=e.n(a)()(n());t.push([r.id,"/*!\n * SPDX-FileCopyrightText: 2025 F7cloud GmbH and F7cloud contributors\n * SPDX-License-Identifier: AGPL-3.0-only\n */.setup[data-v-1225528f]{min-height:100%;min-width:100%;background-size:cover;background-repeat:no-repeat;background-position:right 100% bottom 40%;display:flex;align-items:center;justify-content:center}.setup--themed[data-v-1225528f]{background:radial-gradient(100% 100% at 100% 100%, var(--color-primary-element) 0%, rgba(var(--color-main-background-rgb), 0) 100%),var(--color-main-background)}.setup__form-content[data-v-1225528f]{flex-grow:0;background-color:var(--color-main-background-blur);padding:calc(3*var(--default-grid-baseline));border-radius:var(--border-radius-container);box-shadow:0 0 10px var(--color-box-shadow)}.setup__form-content[data-v-1225528f] .empty-content__icon{width:128px !important;height:128px !important;opacity:1 !important}.setup__form-content[data-v-1225528f] .empty-content__icon .setup__form-content__svg-wrapper{width:128px;height:128px}.setup__form-content[data-v-1225528f] .empty-content__icon .setup__form-content__svg-wrapper svg{width:128px !important;height:128px !important;max-width:128px !important;max-height:128px !important}","",{version:3,sources:["webpack://./css/fluid.scss","webpack://./src/views/Setup.vue"],names:[],mappings:"AAAA;;;EAAA,CCGA,wBAEC,eAAA,CACA,cAAA,CAAA,qBAAA,CDCA,2BAAA,CACA,yCAAA,CCGA,YAAA,CACA,kBAAA,CACA,sBAAA,CAGA,gCDJA,gKAAA,CCQA,sCAEC,WAAA,CAEA,kDAAA,CACA,4CAAA,CACA,4CAAA,CACA,2CAAA,CAGA,2DACC,sBAAA,CACA,uBAAA,CACA,oBAAA,CAEA,6FACC,WAAA,CACA,YAAA,CAEA,iGACC,sBAAA,CACA,uBAAA,CACA,0BAAA,CACA,2BAAA",sourcesContent:["/*!\n * SPDX-FileCopyrightText: 2025 F7cloud GmbH and F7cloud contributors\n * SPDX-License-Identifier: AGPL-3.0-only\n */\n\n@mixin background {\n\tbackground-size: cover;\n\tbackground-repeat: no-repeat;\n\tbackground-position: right 100% bottom 40%;\n}\n\n@mixin gradient-background {\n\tbackground: radial-gradient(100% 100% at 100% 100%, var(--color-primary-element) 0%, rgba(var(--color-main-background-rgb), 0) 100%), var(--color-main-background);\n}\n","\n@use '../../css/fluid';\n\n.setup {\n\t/* make sure the background image covers everything */\n\tmin-height: 100%;\n\tmin-width: 100%;\n\n\t@include fluid.background;\n\n\t/* put the contents to the center */\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t/** fallback gradient when the theme color isn't standard blue */\n\t&--themed {\n\t\t@include fluid.gradient-background;\n\t}\n\n\t&__form-content {\n\t\t/** make it as narrow as possible */\n\t\tflex-grow: 0;\n\n\t\tbackground-color: var(--color-main-background-blur);\n\t\tpadding: calc(3 * var(--default-grid-baseline));\n\t\tborder-radius: var(--border-radius-container);\n\t\tbox-shadow: 0 0 10px var(--color-box-shadow);\n\n\t\t/* overrides for custom icon size and full opacity */\n\t\t:deep(.empty-content__icon) {\n\t\t\twidth: 128px !important;\n\t\t\theight: 128px !important;\n\t\t\topacity: 1 !important;\n\n\t\t\t.setup__form-content__svg-wrapper {\n\t\t\t\twidth: 128px;\n\t\t\t\theight: 128px;\n\n\t\t\t\tsvg {\n\t\t\t\t\twidth: 128px !important;\n\t\t\t\t\theight: 128px !important;\n\t\t\t\t\tmax-width: 128px !important;\n\t\t\t\t\tmax-height: 128px !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n"],sourceRoot:""}]);const c=t},46995(r){r.exports=''},11721(r,i,e){"use strict";e.r(i),e.d(i,{default:()=>T});var l=e(81222),n=e(63814),a=e(60103),t=e(51849),c=e(68152),d=e(8222),s=e(46995),x=e.n(s),g=e(85745),y=e(49519);const f={name:"Setup",components:{AppContent:a.ir,AccountForm:c.A,NcContent:a.bw,EmptyContent:a.yI,Navigation:d.A},data(){return{displayName:(0,l.C)("mail","prefill_displayName"),email:(0,l.C)("mail","prefill_email"),FluidMail:x(),allowNewMailAccounts:(0,l.C)("mail","allow-new-accounts",!0),error:null,backgroundImgSrc:this.isDarkTheme?'url("'+(0,n.fg)("mail","img","welcome-connection-dark.png")+'")':'url("'+(0,n.fg)("mail","img","welcome-connection-light.png")+'")',isThemed:this.isDarkTheme?"#0091f2"!==window.getComputedStyle(document.body).getPropertyValue("--color-primary-element"):"#00679e"!==window.getComputedStyle(document.body).getPropertyValue("--color-primary-element")}},computed:{...(0,t.n2)(y.A),hasAccounts(){return this.mainStore.getAccounts.length>1}},methods:{onAccountCreated(){g.A.info("account successfully created, redirecting …"),this.$router.push({name:"home"})}}};var G=e(85072),u=e.n(G),h=e(97825),k=e.n(h),o=e(77659),p=e.n(o),A=e(55056),m=e.n(A),C=e(10540),b=e.n(C),_=e(41113),w=e.n(_),v=e(78446),S={};S.styleTagTransform=w(),S.setAttributes=m(),S.insert=p().bind(null,"head"),S.domAPI=k(),S.insertStyleElement=b(),u()(v.A,S),v.A&&v.A.locals&&v.A.locals;const T=(0,e(14486).A)(f,function(){var r=this,i=r._self._c;return i("NcContent",{attrs:{"app-name":"mail"}},[r.hasAccounts?i("Navigation"):r._e(),r._v(" "),i("AppContent",[i("div",{staticClass:"setup",class:{"setup--themed":r.isThemed},style:{backgroundImage:r.isThemed?void 0:r.backgroundImgSrc}},[r.allowNewMailAccounts?i("EmptyContent",{staticClass:"setup__form-content",attrs:{name:r.t("mail","Connect your mail account")},scopedSlots:r._u([{key:"icon",fn:function(){return[i("div",{staticClass:"setup__form-content__svg-wrapper",domProps:{innerHTML:r._s(r.FluidMail)}})]},proxy:!0},{key:"action",fn:function(){return[i("AccountForm",{staticClass:"setup__form-content__form",attrs:{"display-name":r.displayName,email:r.email,error:r.error},on:{"update:error":function(i){r.error=i},"account-created":r.onAccountCreated}})]},proxy:!0}],null,!1,566333992)}):i("EmptyContent",{attrs:{name:r.t("mail","To add a mail account, please contact your administrator.")},scopedSlots:r._u([{key:"icon",fn:function(){return[i("div",{staticClass:"setup__form-content__svg-wrapper",domProps:{innerHTML:r._s(r.FluidMail)}})]},proxy:!0}])})],1)])],1)},[],!1,null,"1225528f",null).exports}}]); //# sourceMappingURL=mail.1721.98fead23661e72f0c4e0.js.map