(self.webpackChunkf7cloud_mail=self.webpackChunkf7cloud_mail||[]).push([[1721],{11721:(r,i,e)=>{"use strict";e.r(i),e.d(i,{default:()=>D});var l=e(81222),n=e(63814),a=e(71112),t=e(51849),c=e(80772),d=e(49134),s=e(46995),x=e.n(s),g=e(85745),y=e(49519);function f(r,i){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);i&&(l=l.filter((function(i){return Object.getOwnPropertyDescriptor(r,i).enumerable}))),e.push.apply(e,l)}return e}function G(r){for(var i=1;i1}}),methods:{onAccountCreated(){g.A.info("account successfully created, redirecting …"),this.$router.push({name:"home"})}}};var k=e(85072),o=e.n(k),p=e(97825),A=e.n(p),m=e(77659),b=e.n(m),C=e(55056),v=e.n(C),w=e(10540),_=e.n(w),P=e(41113),O=e.n(P),S=e(78446),j={};j.styleTagTransform=O(),j.setAttributes=v(),j.insert=b().bind(null,"head"),j.domAPI=A(),j.insertStyleElement=_(),o()(S.A,j),S.A&&S.A.locals&&S.A.locals;const D=(0,e(14486).A)(h,(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},46995:r=>{r.exports=''},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}}]); //# sourceMappingURL=mail.1721.1b8e4d073327ec8761f1.js.map