https://www.brustkrebs.de/static/index-CjGgxJhz.js

1import{t as f,E as l,ce as T,cc as g,cf as p,n as C,ca as w,C as v,_ as S,G as k,q as c,u as h,H as u,ao as y,v as o,l as m,A as _,Y as E}from"./main-BauOrmgD.js";import{T as F}from"./TNMFilters-Cn641BoT.js";import{B}from"./BaseComponent.vue_vue_type_script_lang-DSzHjAFJ.js";import{B as P}from"./BaseContent-CnXd0gas.js";import"./BaseComponent.utils-ADJOHzt3.js";var b=Object.getOwnPropertyDescriptor,$=(t,e,s,n)=>{for(var a=n>1?void 0:n?b(e,s):e,i=t.length-1,r;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a};let d=class extends B{constructor(){super(...arguments),this.show_details=!1,this.showMe=!0,this.id=Math.random().toString(36).substring(2,11),this.storageFilters=null}getComponentName(){return"cancer_type"}getComponentType(){return"cancer_types"}created(){super.created(),this.storageFilters=this.$storage.getLocal(F,!1,!1),this.storageFilters&&(this.storageFilters=JSON.parse(this.storageFilters)),l.on(T,this.hideMeBasedOnSelectedType),l.on(g,this.resetMyVisibility),l.on(p,this.showDetailsBasedOnEvent)}async mounted(){this.initializeBasedOnStorageFilters()}async contentDidLoad(){super.contentDidLoad(),this.$nextTick(()=>{let e=this.$router.currentRoute.value.hash;`#${this.contentProps.short_name}`===e&&this.toggleDetails()})}get teaserLayout(){return this.contentProps.content.filter((e,s)=>s<=1?e:!1)}get detailLayout(){return this.contentProps.content.filter((e,s)=>s>1?e:!1)}get bookmarker(){return C.createEmpty("bookmarker",{collection_title:"3D Model",collection:{link:"cancer_types",_id:this.contentProps._id,display:this.contentProps.id}})}toggleDetails(){this.show_details=!this.show_details,this.show_details&&l.emit(p,this.id)}hideMeBasedOnSelectedType(e){if(!e.type.value.split("/").includes(this.contentProps.short_name))this.show(!1);else{if(this.$nextTick(()=>{this.scrollToType()}),this.show_details)return;this.show(!0),this.toggleDetails()}}scrollToType(){const e=w();this.$refs.cancerType&&(this.$refs.cancerType.style.scrollMarginTop=`${e}px`,this.$refs.cancerType.scrollIntoView({behavior:"smooth",block:"start"}))}checkStorageFilters(){if(this.storageFilters)switch(this.storageFilters.type.key){case"tnbc":case"hrplus":case"her2plus":case"hrplusher2plus":return!0;case"no_selection":default:return!1}}initializeBasedOnStorageFilters(){this.checkStorageFilters()&&this.hideMeBasedOnSelectedType(this.storageFilters)}resetMyVisibility(){this.show(!0)}show(e){this.showMe=e,this.handleCSSForCancerTypeParent(e)}showDetailsBasedOnEvent(e){this.id!=e&&(this.show_details=!1)}handleCSSForCancerTypeParent(e){let s=this.$refs.cancerType;if(s){let n=s.parentNode;n.classList.contains("article-column")&&this.toggleCSSClassForCancerTypeParent(e,n)}}toggleCSSClassForCancerTypeParent(e,s){e?s.classList.remove("no-children"):s.classList.add("no-children")}};d=$([v({components:{BaseContent:P}})],d);const L=f(d),O={key:0,class:"skeleton__cancer-type"},D=["id","data-component","data-id"],M={class:"container"},N={class:"cancer-type-teaser row"},R={class:"cancer-type-details row"},I={class:"row"},V={class:"col-12 text-end"},z={key:0},A={key:1};function H(t,e,s,n,a,i){const r=k("BaseContent");return t.contentLoaded?u((c(),h("div",{key:1,id:t.contentProps.short_name,ref:"cancerType",class:_(["cancer-type full-width",{open:t.show_details}]),"data-component":t.componentType,"data-id":t.internalId},[o("div",M,[o("div",N,[m(r,{parentComponent:t.layoutComponent,layout:t.teaserLayout},null,8,["parentComponent","layout"])]),u(o("div",R,[m(r,{parentComponent:t.layoutComponent,layout:t.detailLayout},null,8,["parentComponent","layout"]),e[1]||(e[1]=o("div",{class:"col-12 mt-3"},null,-1))],512),[[y,t.show_details]]),o("div",I,[o("div",V,[o("button",{type:"button",class:_(["link btn btn-link",{"btn--arrow-down":!t.show_details,"btn--arrow-up":t.show_details}]),onClick:e[0]||(e[0]=Y=>t.toggleDetails())},[t.show_details?(c(),h("span",A,"weniger")):(c(),h("span",z,"mehr")),e[2]||(e[2]=E(" über diesen Status ",-1))],2)])])])],10,D)),[[y,t.showMe]]):(c(),h("div",O))}const Q=S(L,[["render",H]]);export{Q as default};