https://metrokino-kiel.de/wp-content/themes/pmkino/assets/front/465.f6cc8e2b.chunk.js

1"use strict";(self.webpackChunkpmkino=self.webpackChunkpmkino||[]).push([[465],{43465:(t,e,i)=>{i.r(e),i.d(e,{unidy_login:()=>n});var o=i(48304),r=i(84965);Promise.withResolvers||(Promise.withResolvers=()=>{let t,e;return{promise:new Promise((i,o)=>{t=i,e=o}),resolve:t,reject:e}});const n=class{constructor(t){(0,o.r)(this,t),this.authEvent=(0,o.c)(this,"authEvent")}get el(){return(0,o.g)(this)}baseUrl;clientId;scope="openid email";responseType="id_token";prompt=null;enableLogging=!0;mode="dialog";redirectFlowForLimitedThirdPartyCookieAccess=!0;redirectFlowLoginButtonLabel="Login";iframeUrl="";isLoading=!1;popupWindow=null;authEvent;dialog;popupCheckInterval;authPromise=null;logoutPromise=null;logger=new r.L(!1);connectedCallback(){window.addEventListener("message",this.handleIframeMessage.bind(this)),this.logger=new r.L(this.enableLogging)}componentDidLoad(){window.addEventListener("click",this.handleDialogBackdropClick.bind(this),!0)}async auth({trySilentAuth:t=!1}={}){if(this.authPromise)return this.authPromise.promise;const e=r.U.browserLimitsThirdPartyCookies()&&this.redirectFlowForLimitedThirdPartyCookieAccess;if(e&&"inline"===this.mode)return{success:!1,error:"The user has to trigger the authentication process via button click."};if(t&&e)return{success:!1,error:"Silent auth is not supported in browsers with limited third-party cookie access."};this.authPromise=Promise.withResolvers();const i=t?"none":this.prompt;if(e){const t=this.getAuthorizeUrl(i);return window.location.href=t,this.authPromise.promise}return this.setAuthorizeUrl(i),this.authPromise.promise}async logout(){return this.logoutPromise?(this.logger.log("Logout already in progress"),this.logoutPromise.promise):(this.logoutPromise=Promise.withResolvers(),this.iframeUrl=`${this.baseUrl}/oauth/logout`,this.logoutPromise.promise)}async show(){"dialog"===this.mode&&this.dialog?.showModal()}async hide(){"dialog"===this.mode&&this.dialog?.close()}async handleDialogBackdropClick(t){this.dialog&&!this.dialog.contains(t.target)&&await this.hide()}setAuthorizeUrl(t=null){const e=this.getAuthorizeUrl(t);e!==this.iframeUrl&&(this.iframeUrl=e,this.isLoading=!0)}getAuthorizeUrl(t=null){const e=`${window.location.origin}${window.location.pathname}`,i=new URLSearchParams({client_id:this.clientId,scope:this.scope,response_type:this.responseType,redirect_uri:e}),o=r.U.browserLimitsThirdPartyCookies()&&this.redirectFlowForLimitedThirdPartyCookieAccess&&"inline"===this.mode?void 0:this.mode;return o&&i.append("sdk_render_mode",o),t&&i.append("prompt",t),`${this.baseUrl}/oauth/authorize?${i.toString()}`}handleIframeLoad(t){const e=t.target;if(this.isLoading=!1,e.src.includes("oauth/logout"))return this.logoutPromise?.resolve({success:!0}),void(this.logoutPromise=null);try{const t=e.contentWindow?.location.href;if(!t)return this.logger.error("Iframe failed to load correctly - no href"),this.authPromise?.resolve({success:!1,error:"Authentication iframe failed to load"}),void(this.authPromise=null);const i=r.U.extractHashUrlParam(t,"id_token");if(i)this.dialog?.close(),this.handleSuccessfulAuth(i);else{const e=r.U.extractHashUrlParam(t,"error")||"No token received";this.authPromise?.resolve({success:!1,error:e}),this.authPromise=null}}catch(t){if(t instanceof DOMException&&"SecurityError"===t.name)return;this.logger.error("Unexpected error:",t)}}handleIframeMessage(t){if(t.source===this.el.shadowRoot?.querySelector("iframe")?.contentWindow&&"SOCIAL_LOGIN_STARTED"===t.data?.type){const{url:e}=t.data;this.openPopupWithForm(e)}}openPopupWithForm(t){const e=window.screenX+(window.outerWidth-500)/2,i=window.screenY+(window.outerHeight-700)/2;this.popupWindow=window.open(t,"Unidy",`width=500,height=700,left=${e},top=${i},resizable=yes,scrollbars=yes,status=yes`),this.startPopupTokenCheck()}startPopupTokenCheck(){this.popupCheckInterval=window.setInterval(()=>{try{if(this.popupWindow?.closed&&(this.popupWindow=null),!this.popupWindow?.location.href)return;const t=r.U.extractHashUrlParam(this.popupWindow.location.href,"id_token");if(!t)return;this.cleanupPopup(),this.dialog?.close(),this.handleSuccessfulAuth(t)}catch(t){this.logger.error("Cross-origin error:",t)}},100)}cleanupPopup(){this.popupWindow?.close(),this.popupWindow=null,clearInterval(this.popupCheckInterval),this.popupCheckInterval=void 0}handleSuccessfulAuth(t){this.authEvent.emit({token:t}),this.authPromise?.resolve({success:!0,token:t}),this.authPromise=null}render(){const t=r.U.browserLimitsThirdPartyCookies()&&this.redirectFlowForLimitedThirdPartyCookieA

1ccess;if("inline"===this.mode&&t)return(0,o.h)("a",{part:"login-button",href:this.getAuthorizeUrl()},this.redirectFlowLoginButtonLabel);const e=(0,o.h)("div",{class:"relative w-full h-full min-w-[320px] max-w-[640px] overflow-hidden min-h-[400px]"},"dialog"===this.mode&&(0,o.h)("button",{type:"button",class:"absolute top-2 right-2 w-7 h-7 border-none rounded-full bg-black/5 text-gray-600 cursor-pointer flex items-center justify-center transition-colors hover:bg-black/20 z-10",onClick:()=>this.hide()},(0,o.h)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"Close"},(0,o.h)("title",null,"Close"),(0,o.h)("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),this.isLoading&&(0,o.h)("div",{class:"absolute inset-0 bg-white z-[2]"},(0,o.h)("div",{class:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2] flex items-center justify-center"},(0,o.h)("svg",{class:"w-9 h-9 animate-spin",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-label":"Loading"}

1,(0,o.h)("title",null,"Loading"),(0,o.h)("circle",{class:"opacity-25",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round",fill:"none",cx:"12",cy:"12",r:"10"}),(0,o.h)("path",{class:"opacity-75",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round",fill:"none",d:"M12 2a10 10 0 0 1 10 10"})))),this.popupWindow&&(0,o.h)("div",{class:"absolute inset-0 bg-black/85 z-10 flex items-center justify-center rounded-lg"},(0,o.h)("h2",{class:"text-white font-semibold text-xl m-0 text-center px-5"},"Continue in popup window")),(0,o.h)("iframe",{src:this.iframeUrl,onLoad:t=>this.handleIframeLoad(t),id:"unidy-login-iframe",class:"w-full h-full border-none rounded-lg bg-white overflow-hidden block min-h-[400px]",title:"Unidy Login"}));return"dialog"===this.mode?(0,o.h)("dialog",{class:"m-auto p-0 border-none rounded-lg bg-transparent overflow-hidden max-w-[90vw] max-h-[90vh] w-[400px] h-[720px] [&::backdrop]:bg-black/60",ref:t=>{this.dialog=t}},e):e}};n.style='/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:1.4;--font-weight-semibold:600;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}

1img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[2\\]{z-index:2}.m-0{margin:calc(var(--spacing)*0)}.m-auto{margin:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-\\[720px\\]{height:720px}.h-full{height:100%}.max-h-\\[90vh\\]{max-height:90vh}.min-h-\\[400px\\]{min-height:400px}.w-7{width:calc(var(--spacing)*7)}.w-9{width:calc(var(--spacing)*9)}.w-\\[400px\\]{width:400px}.w-full{width:100%}.max-w-\\[90vw\\]{max-width:90vw}.max-w-\\[640px\\]{max-width:640px}.min-w-\\[320px\\]{min-width:320px}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:-50%}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.border-none{--tw-border-style:none;border-style:none}.bg-black\\/5{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/5{background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.bg-black\\/85{background-color:#000000d9}@supports (color:color-mix(in lab,red,red)){.bg-black\\/85{background-color:color-mix(in oklab,var(--color-black)85%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.px-5{padding-inline:calc(var(--spacing)*5)}.text-center{text-align:center}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-600{color:var(--color-gray-600)}.text-white{color:var(--color-white)}.opacity-25{opacity:.25}.opacity-75{opacity:.75}

1.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.\\[\\&\\:\\:backdrop\\]\\:bg-black\\/60::backdrop{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.\\[\\&\\:\\:backdrop\\]\\:bg-black\\/60::backdrop{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}}@keyframes spin{to{transform:rotate(1turn)}} /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}:host{display:block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@media (hover:hover){.hover\\:bg-black\\/20:hover{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-black\\/20:hover{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}}'}}]);
2//# sourceMappingURL=465.f6cc8e2b.chunk.js.map