https://www.rbok.de/4912.076d24cddf5b819c.js

1(self.webpackChunkhomepageUi=self.webpackChunkhomepageUi||[]).push([[4912],{4912(E,_,s){s.r(_),s.d(_,{WcOutletByIdDirective:()=>O,WcOutletCustomComponentDirective:()=>D,WcOutletDirective:()=>i,WebComponent:()=>k});var e=s(5802),t=s(5547),p=s(7705),f=s(5964),C=s(6354),v=s(5558),g=s(8141),y=s(7673),h=s(1203),d=s(8589);let O=(()=>{class o extends d.q${loadWebComponentData(n){return this.loadWcByIdService.loadWebComponent(n),this.updateView("loading"),this.loadWcByIdService.loadedComponents$.pipe((0,f.p)(r=>!!r[n||""]),(0,C.T)(r=>r[n||""]),(0,f.p)(r=>"complete"===r?.state||"error"===r?.state),(0,C.T)(({state:r,data:l})=>{if("complete"===r)return{...l,type:"webComp"}}),(0,v.n)(r=>(this.wcStream.updateByWebComponentData(r),this.wcStream.updateViewParameter$.pipe((0,g.M)(({state:l,tag:w})=>{this.updateView(l,w)})))))}resetComponent(){return this.updateView(void 0),(0,y.of)(void 0)}constructor(){super({}),this.loadWcByIdService=(0,e.WQX)(d.Nh),this.wcStream=(0,e.WQX)(d.Ig),this.renderer=(0,e.WQX)(t.sFG),this.document=(0,e.WQX)(e.qQL),this.template=(0,e.WQX)(t.C4Q),this.useWebComponent=p.hFB.required(),this.useWebComponentLoading=(0,p.hFB)(),this.useWebComponentError=(0,p.hFB)(),this.loadComponent=this.effect((0,h.F)((0,v.n)(n=>n?this.loadWebComponentData(n):this.resetComponent()))),this.syncWCState=this.effect((0,h.F)((0,g.M)(n=>{this.patchState({wcData:n})}))),this.syncLoadingState=this.effect((0,h.F)((0,g.M)(n=>{this.patchState({idData:n})}))),this.syncWCState(this.wcStream.updateViewParameter$),this.syncLoadingState(this.loadWcByIdService.loadedComponents$),(0,e.QZP)(()=>{this.loadComponent(this.useWebComponent()),super.loading=this.useWebComponentLoading(),super.error=this.useWebComponentError()})}static{this.\u0275fac=function(r){return new(r||o)}}static{this.\u0275dir=t.FsC({type:o,selectors:[["","useWebComponent",""]],inputs:{useWebComponent:[1,"useWebComponent"],useWebComponentLoading:[1,"useWebComponentLoading"],useWebComponentError:[1,"useWebComponentError"]},features:[t.Jv_([d.Ig]),t.Vt3]})}}return o})(),D=(()=>{class o extends d.q${constructor(){super(),this.renderer=(0,e.WQX)(t.sFG),this.document=(0,e.WQX)(e.qQL),this.template=(0,e.WQX)(t.C4Q),this.useCustomWebComponent=(0,p.hFB)(),(0,e.QZP)(()=>{const n=this.useCustomWebComponent();n?this.updateView("complete",n):this.updateView(void 0)})}static{this.\u0275fac=function(r){return new(r||o)}}static{this.\u0275dir=t.FsC({type:o,selectors:[["","useCustomWebComponent",""]],inputs:{useCustomWebComponent:[1,"useCustomWebComponent"]},features:[t.Vt3]})}}return o})();var M=s(9183),W=s(5584),m=s(9079),S=s(4016);let i=(()=>{class o extends d.q${isExistingTag(n,r){return n===r}constructor(){super({}),this.wcStream=(0,e.WQX)(d.Ig),this.renderer=(0,e.WQX)(t.sFG),this.document=(0,e.WQX)(e.qQL),this.template=(0,e.WQX)(t.C4Q),this.webComponentContentOutlet=(0,p.hFB)(),this.webComponentContentOutletLoading=(0,p.hFB)(),this.webComponentContentOutletError=(0,p.hFB)(),this.syncWCState=this.effect((0,h.F)((0,g.M)(({state:n,tag:r,hasInnerHtml:l})=>{this.setState({wcData:{state:n,tag:r,hasInnerHtml:l}}),this.updateView(n,r,l)}))),this.syncWCState(this.wcStream.updateViewParameter$),(0,e.QZP)(()=>{super.loading=this.webComponentContentOutletLoading(),super.error=this.webComponentContentOutletError();const n=this.webComponentContentOutlet(),{wcData:r}=this.get();this.setView(n,r)})}setView(n,r){const l=!!n?.main.innerHtml;r&&this.isExistingTag((0,S.whenContentIsWebComponent)(n)?.tag,r?.tag)?this.updateView(r.state,r.tag):(l?(this.clear(),this.render(n?.main.tag,n?.main.innerHtml)):this.updateView("loading",n?.main.tag),n?this.wcStream.updateByWebComponentData((0,S.whenContentIsWebComponent)(n)):this.updateView(void 0))}static{this.\u0275fac=function(r){return new(r||o)}}static{this.\u0275dir=t.FsC({type:o,selectors:[["","webComponentContentOutlet",""]],inputs:{webComponentContentOutlet:[1,"webComponentContentOutlet"],webComponentContentOutletLoading:[1,"webComponentContentOutletLoading"],webComponentContentOutletError:[1,"webComponentContentOutletError"]},features:[t.Jv_([d.Ig]),t.Vt3]})}}return o}

1)();function c(o,b){1&o&&t.nrm(0,"wc-outlet")}function a(o,b){1&o&&t.nrm(0,"mat-spinner",3)}function u(o,b){1&o&&t.nrm(0,"hra-error-ui",4),2&o&&t.Y8G("errorPayloadObject",b)}function B(o,b){if(1&o&&(t.nVh(0,u,1,1,"hra-error-ui",4),t.nI1(1,"errorByCode")),2&o){let n;const r=t.XpG();t.vxM((n=t.i5U(1,1,r.errorTranslations(),404))?0:-1,n)}}let k=(()=>{class o{constructor(){this.wcData$=(0,e.WQX)(d.AI),this.wcData=(0,m.ot)(this.wcData$),this.errorTranslations=(0,e.WQX)(d.im)}static{this.\u0275fac=function(r){return new(r||o)}}static{this.\u0275cmp=t.VBU({type:o,selectors:[["hra-wc"]],decls:5,vars:3,consts:[["loadingTemplate",""],["errorTemplate",""],[4,"webComponentContentOutlet","webComponentContentOutletLoading","webComponentContentOutletError"],["diameter","24"],[3,"errorPayloadObject"]],template:function(r,l){if(1&r&&t.DNE(0,c,1,0,"wc-outlet",2)(1,a,1,0,"ng-template",null,0,t.C5r)(3,B,2,4,"ng-template",null,1,t.C5r),2&r){const w=t.sdS(2),T=t.sdS(4);t.Y8G("webComponentContentOutlet",l.wcData())("webComponentContentOutletLoading",w)("webComponentContentOutletError",T)}},dependencies:[M.D6,M.LG,W.ErrorUiComponent,i,W.t],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;flex-grow:1}mat-spinner[_ngcontent-%COMP%]{margin:24px auto}"],changeDetection:0})}}return o})()},9183(E,_,s){s.d(_,{D6:()=>W,LG:()=>D});var e=s(5547),t=s(5802),p=s(7705),f=s(9769),C=s(8649),v=s(8203);const g=["determinateSpinner"];function y(m,S){if(1&m&&(t.qSk(),e.j41(0,"svg",11),e.nrm(1,"circle",12),e.k0s()),2&m){const i=e.XpG();e.BMQ("viewBox",i._viewBox()),e.R7$(),e.xc7("stroke-dasharray",i._strokeCircumference(),"px")("stroke-dashoffset",i._strokeCircumference()/2,"px")("stroke-width",i._circleStrokeWidth(),"%"),e.BMQ("r",i._circleRadius())}}const h=new t.nKC("mat-progress-spinner-default-options",{providedIn:"root",factory:()=>({diameter:d})}),d=100;let D=(()=>{class m{_elementRef=(0,t.WQX)(e.aKT);_noopAnimations;get color(){return this._color||this._defaultColor}set color(i){this._color=i}_color;_defaultColor="primary";_determinateCircle;constructor(){const i=(0,t.WQX)(h),c=(0,C._J)(),a=this._elementRef.nativeElement;this._noopAnimations="di-disabled"===c&&!!i&&!i._forceAnimations,this.mode="mat-spinner"===a.nodeName.toLowerCase()?"indeterminate":"determinate",!this._noopAnimations&&"reduced-motion"===c&&a.classList.add("mat-progress-spinner-reduced-motion"),i&&(i.color&&(this.color=this._defaultColor=i.color),i.diameter&&(this.diameter=i.diameter),i.strokeWidth&&(this.strokeWidth=i.strokeWidth))}mode;get value(){return"determinate"===this.mode?this._value:0}set value(i){this._value=Math.max(0,Math.min(100,i||0))}_value=0;get diameter(){return this._diameter}set diameter(i){this._diameter=i||0}_diameter=d;get strokeWidth(){return this._strokeWidth??this.diameter/10}set strokeWidth(i){this._strokeWidth=i||0}_strokeWidth;_circleRadius(){return(this.diameter-10)/2}_viewBox(){const i=2*this._circleRadius()+this.strokeWidth;return`0 0 ${i} ${i}`}_strokeCircumference(){return 2*Math.PI*this._circleRadius()}_strokeDashOffset(){return"determinate"===this.mode?this._strokeCircumference()*(100-this._value)/100:null}_circleStrokeWidth(){return this.strokeWidth/this.diameter*100}static \u0275fac=function(c){return new(c||m)};static \u0275cmp=e.VBU({type:m,selectors:[["mat-progress-spinner"],["mat-spinner"]],viewQuery:function(c,a){if(1&c&&e.GBs(g,5),2&c){let u;e.mGM(u=e.lsd())&&(a._determinateCircle=u.first)}},hostAttrs:["role","progressbar","tabindex","-1",1,"mat-mdc-progress-spinner","mdc-circular-progress"],hostVars:18,hostBindings:function(c,a){2&c&&(e.BMQ("aria-valuemin",0)("aria-valuemax",100)("aria-valuenow","determinate"===a.mode?a.value:null)("mode",a.mode),e.HbH("mat-"+a.color),e.xc7("width",a.diameter,"px")("height",a.diameter,"px")("--mat-progress-spinner-size",a.diameter+"px")("--mat-progress-spinner-active-indicator-width",a.diameter+"px"),e.AVh("_mat-animation-noopable",a._noopAnimations)("mdc-circular-progress--indeterminate","indeterminate"===a.mode))},inputs:{color:"color",mode:"mode",value:[2,"value","value",p.Udg],diameter:[2,"diameter","diameter",p.Udg],strokeWidth:[2,"strokeWidth","strokeWidth",p.Udg]},exportAs:["matProgressSpinner"],decls:14,vars:11,consts:[["circle",""],["determinateSpinner",""],["aria-hidden","true",1,"mdc-circular-progress__determinate-container"],["xmlns","http://www.w3.org/2000/svg","focusable","false",1,"mdc-circular-progress__determinate-circle-graphic"],["cx","50%","cy","50%",1,"mdc-circular-progress__determinate-circle"],["aria-hidden","true",1,"mdc-circular-progress__indeterminate-container"],[1,"mdc-circular-progress__spinner-layer"],[1,"mdc-circular-progress__circle-clipper","mdc-circular-progress__circle-left"],[3,"ngTemplateOutlet"],[1,"mdc-circular-progress__gap-patch"],[1,"mdc-circular-progress__circle-clipper","mdc-circular-progress__circle-right"],["xmlns","http://www.w3.org/2000/svg","focusable","false",1,"mdc-circular-progress__indeterminate-circle-graphic"],["cx","50%","cy","50%"]],template:function(c,a){if(1&c&&(e.DNE(0,y,2,8,"ng-template",null,0,e.C5r),e.j41(2,"div",2,1),t.qSk(),e.j41(4,"svg",3),e.nrm(5,"circle",4),e.k0s()(),t.joV(),e.j41(6,"div",5)(7,"div",6)(8,"div",7),e.eu8(9,8),e.k0s(),e.j41(10,"div",9),e.eu8(11,8),e.k0s(),e.j41(12,"div",10),e.eu8(13,8),e.k0s()()()),2&c){const u=e.sdS(1);

1e.R7$(4),e.BMQ("viewBox",a._viewBox()),e.R7$(),e.xc7("stroke-dasharray",a._strokeCircumference(),"px")("stroke-dashoffset",a._strokeDashOffset(),"px")("stroke-width",a._circleStrokeWidth(),"%"),e.BMQ("r",a._circleRadius()),e.R7$(4),e.Y8G("ngTemplateOutlet",u),e.R7$(2),e.Y8G("ngTemplateOutlet",u),e.R7$(2),e.Y8G("ngTemplateOutlet",u)}},dependencies:[f.T3],styles:[".mat-mdc-progress-spinner {\n  --mat-progress-spinner-animation-multiplier: 1;\n  display: block;\n  overflow: hidden;\n  line-height: 0;\n  position: relative;\n  direction: ltr;\n  transition: opacity 250ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mat-mdc-progress-spinner circle {\n  stroke-width: var(--mat-progress-spinner-active-indicator-width, 4px);\n}\n.mat-mdc-progress-spinner._mat-animation-noopable, .mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__determinate-circle {\n  transition: none !important;\n}\n.mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__indeterminate-circle-graphic,\n.mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__spinner-layer,\n.mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__indeterminate-container {\n  animation: none !important;\n}\n.mat-mdc-progress-spinner._mat-animation-noopable .mdc-circular-progress__indeterminate-container circle {\n  stroke-dasharray: 0 !important;\n}\n@media (forced-colors: active) {\n  .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic,\n  .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle {\n    stroke: currentColor;\n    stroke: CanvasText;\n  }\n}\n\n.mat-progress-spinner-reduced-motion {\n  --mat-progress-spinner-animation-multiplier: 1.25;\n}\n\n.mdc-circular-progress__determinate-container,\n.mdc-circular-progress__indeterminate-circle-graphic,\n.mdc-circular-progress__indeterminate-container,\n.mdc-circular-progress__spinner-layer {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.mdc-circular-progress__determinate-container {\n  transform: rotate(-90deg);\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container {\n  opacity: 0;\n}\n\n.mdc-circular-progress__indeterminate-container {\n  font-size: 0;\n  letter-spacing: 0;\n  white-space: nowrap;\n  opacity: 0;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {\n  opacity: 1;\n  animation: mdc-circular-progress-container-rotate calc(1568.2352941176ms * var(--mat-progress-spinner-animation-multiplier)) linear infinite;\n}\n\n.mdc-circular-progress__determinate-circle-graphic,\n.mdc-circular-progress__indeterminate-circle-graphic {\n  fill: transparent;\n}\n\n.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,\n.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {\n  stroke: var(--mat-progress-spinner-active-indicator-color, var(--mat-sys-primary));\n}\n@media (forced-colors: active) {\n  .mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,\n  .mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic {\n    stroke: CanvasText;\n  }\n}\n\n.mdc-circular-progress__determinate-circle {\n  transition: stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.mdc-circular-progress__gap-patch {\n  position: absolute;\n  top: 0;\n  left: 47.5%;\n  box-sizing: border-box;\n  width: 5%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {\n  left: -900%;\n  width: 2000%;\n  transform: rotate(180deg);\n}\n.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic {\n  width: 200%;\n}\n.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {\n  left: -100%;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic {\n  animation: mdc-circular-progress-left-spin calc(1333ms * var(--mat-progress-spinner-animation-multiplier)) cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {\n  animation: mdc-circular-progress-right-spin calc(1333ms * var(--mat-progress-spinner-animation-multiplier)) cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n\n.mdc-circular-progress__circle-clipper {\n  display: inline-flex;\n  position: relative;\n  width: 50%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer {\n  animation: mdc-circular-progress-spinner-layer-rotate calc(5332ms * var(--mat-progress-spinner-animation-multiplier)) cubic-bezier(0.4, 0, 0.2, 1) infinite both;\n}\n\n@keyframes mdc-circular-progress-container-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes mdc-circular-progress-spinner-layer-rotate {\n  12.5% {\n    transform: rotate(135deg);\n  }\n  25% {\n    transform: rotate(270deg);\n  }\n  37.5% {\n    transform: rotate(405deg);\n  }\n  50% {\n    transform: rotate(540deg);\n  }\n  62.5% {\n    transform: rotate(675deg);\n  }\n  75% {\n    transform: rotate(810deg);\n  }\n  87.5% {\n    transform: rotate(945deg);\n  }\n  100% {\n    transform: rotate(1080deg);\n  }\n}\n@keyframes mdc-circular-progress-left-spin {\n  from {\n    transform: rotate(265deg);\n  }\n  50% {\n    transform: rotate(130deg);\n  }\n  to {\n    transform: rotate(265deg);\n  }\n}\n@keyframes mdc-circular-progress-right-spin {\n  from {\n    transform: rotate(-265deg);\n  }\n  50% {\n    transform: rotate(-130deg);\n  }\n  to {\n    transform: rotate(-265deg);\n  }\n}\n"],encapsulation:2,changeDetection:0})}return m})(),W=(()=>{class m{static \u0275fac=function(c){return new(c||m)};static \u0275mod=e.$C({type:m});static \u0275inj=t.G2t({imports:[v.jI]})}return m})()}}]);