https://clickdoc.de/default-libs_shared_faq_src_index_ts.f5ccd45e18235bb7.js

1(self.webpackChunkclickdoc_host=self.webpackChunkclickdoc_host||[]).push([["default-libs_shared_faq_src_index_ts"],{36381:(Q,S,a)=>{a.r(S),a.d(S,{FaqAccordionComponent:()=>O,FaqAccordionMockComponent:()=>$,FaqAccordionModule:()=>R,FaqEntrySkeletonComponent:()=>C,FaqVotingDispatcher:()=>y,FaqVotingSharedModule:()=>v,KEY_VOTED_FAQ_LIST:()=>f,VotingState:()=>g,selectVotedFaqMap:()=>x});var t=a(75281),u=a(61476),c=a(16035),k=a(34303),I=a(81508);const f="votedFaqs",_=(0,c.createAction)("[faq-voting] update faq voting state",(0,c.props)()),M="faq-voting-shared",A=(0,c.createReducer)({votedFaqMap:void 0},(0,c.on)(_,(n,{faqId:r,voting:e})=>({...n,votedFaqMap:{...n.votedFaqMap,[r]:e}}))),j=(0,c.createFeatureSelector)(M),x=(0,c.createSelector)(j,n=>n.votedFaqMap);var q=a(58286);let L=(()=>{class n{constructor(e,o,i){this.actions$=e,this.localStorageService=o,this.store=i,this.persistVotedFaqs$=(0,u.createEffect)(()=>this.actions$.pipe((0,u.ofType)(_),(0,k.concatLatestFrom)(()=>this.store.select(x)),(0,I.tap)(([,d])=>{this.localStorageService.setObjectItem(f,d)})),{dispatch:!1})}static{this.\u0275fac=function(o){return new(o||n)(t.\u0275\u0275inject(u.Actions),t.\u0275\u0275inject(q.LocalStorageService),t.\u0275\u0275inject(c.Store))}}static{this.\u0275prov=t.\u0275\u0275defineInjectable({token:n,factory:n.\u0275fac})}}return n})();function V(){return{initialState:{votedFaqMap:(0,t.inject)(q.LocalStorageService).getObjectItem(f)}}}const T=new t.InjectionToken("Faq voting feature slice");let v=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275mod=t.\u0275\u0275defineNgModule({type:n})}static{this.\u0275inj=t.\u0275\u0275defineInjector({providers:[{provide:T,useFactory:V}],imports:[u.EffectsModule.forFeature([L]),c.StoreModule.forFeature(M,A,T)]})}}return n})(),y=(()=>{class n{constructor(e){this.store=e}updateVotedFaqs(e,o){this.store.dispatch(_({faqId:e,voting:o}))}static{this.\u0275fac=function(o){return new(o||n)(t.\u0275\u0275inject(c.Store))}}static{this.\u0275prov=t.\u0275\u0275defineInjectable({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var g=function(n){return n.NOT_VOTED="NOT_VOTED",n.THUMBS_UP="THUMBS_UP",n.THUMPS_DOWN="THUMPS_DOWN",n}(g||{}),p=a(87199),h=a(83515),l=a(41333),F=a(12613),m=a(66283),s=a(28227),b=a(92277),P=a(84287);let C=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275cmp=t.\u0275\u0275defineComponent({type:n,selectors:[["cd-faq-entry-skeleton"]],decls:5,vars:0,consts:[[1,"section-container"],[1,"headline"],[1,"title"],[1,"icon","icon-G3_sortTableDescending"]],template:function(o,i){1&o&&(t.\u0275\u0275elementStart(0,"div",0)(1,"div",1),t.\u0275\u0275element(2,"cd-skeleton-rectangle",2)(3,"span",3),t.\u0275\u0275elementEnd(),t.\u0275\u0275element(4,"hr"),t.\u0275\u0275elementEnd())},dependencies:[m.SkeletonLoaderModule,m.SkeletonRectangleComponent],styles:[".section-container[_ngcontent-%COMP%]{height:48px;width:100%;display:flex;flex-direction:column}.headline[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--cdc-spacing-200)}.title[_ngcontent-%COMP%]{height:24px;display:flex;width:100%}.icon[_ngcontent-%COMP%]{color:var(--blue-primary-100)}"],changeDetection:0})}}return n})();var N=a(28606);function D(n,r){if(1&n&&(t.\u0275\u0275elementContainerStart(0),t.\u0275\u0275elementStart(1,"video",10),t.\u0275\u0275element(2,"source",11),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementContainerEnd()),2&n){const e=t.\u0275\u0275nextContext().$implicit;t.\u0275\u0275advance(),t.\u0275\u0275property("poster",null==e.data.video?null:e.data.video.poster,t.\u0275\u0275sanitizeUrl),t.\u0275\u0275advance(),t.\u0275\u0275property("src",null==e.data.video?null:e.data.video.url,t.\u0275\u0275sanitizeUrl)("type",null==e.data.video?null:e.data.video.mimeType)}}function H(n,r){if(1&n&&(t.\u0275\u0275elementContainerStart(0),t.\u0275\u0275element(1,"img",13),t.\u0275\u0275elementContainerEnd()),2&n){const e=t.\u0275\u0275nextContext(2).$implicit;t.\u0275\u0275advance(),t.\u0275\u0275property("src",null==e.data.image?null:e.data.image.url,t.\u0275\u0275sanitizeUrl),t.\u0275\u0275attribute("title",null==e.data.image?null:e.data.image.title)("alt",null==e.data.image?null:e.data.image.alt)}}function B(n,r){if(1&n&&t.\u0275\u0275template(0,H,2,3,"ng-container",12),2&n){const e=t.\u0275\u0275nextContext().$implicit;t.\u0275\u0275property("ngIf",null==e.data?null:e.data.image)}}function U(n,r){if(1&n){const e=t.\u0275\u0275getCurrentView();t.\u0275\u0275elementContainerStart(0),t.\u0275\u0275elementStart(1,"cd-expansion-panel")(2,"cd-expansion-panel-title"),t.\u0275\u0275text(3),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(4,"cd-expansion-panel-content")(5,"div",3),t.\u0275\u0275template(6,D,3,3,"ng-container",4)(7,B,1,1,"ng-template",null,0,t.\u0275\u0275templateRefExtractor),t.\u0275\u0275element(9,"span",5),t.\u0275\u0275pipe(10,"trustHTML"),t.\u0275\u0275elementStart(11,"cd-helpful-feedback",6)(12,"cd-helpful-feedback-voted-text"),t.\u0275\u0275text(13),t.\u0275\u0275pipe(14,"translate"),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(15,"cd-helpful-feedback-voting-text"),t.\u0275\u0275text(16),t.\u0275\u0275pipe(17,"translate"),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(18,"cd-helpful-feedback-voting-action")(19,"button",7),t.\u0275\u0275listener("click",function(){const i=t.\u0275\u0275restoreView(e).$implicit,d=t.\u0275\u0275nextContext(2);

1return t.\u0275\u0275resetView(d.vote(i.data.id,d.VotingState.THUMBS_UP))}),t.\u0275\u0275element(20,"cd-icon",8),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementStart(21,"button",9),t.\u0275\u0275listener("click",function(){const i=t.\u0275\u0275restoreView(e).$implicit,d=t.\u0275\u0275nextContext(2);return t.\u0275\u0275resetView(d.vote(i.data.id,d.VotingState.THUMPS_DOWN))}),t.\u0275\u0275element(22,"cd-icon",8),t.\u0275\u0275elementEnd()()()()()(),t.\u0275\u0275elementContainerEnd()}if(2&n){const e=r.$implicit,o=r.index,i=t.\u0275\u0275reference(8),d=t.\u0275\u0275nextContext(2);t.\u0275\u0275advance(),t.\u0275\u0275attribute("data-automation-index",o),t.\u0275\u0275advance(2),t.\u0275\u0275textInterpolate(e.headline),t.\u0275\u0275advance(3),t.\u0275\u0275property("ngIf",null==e.data?null:e.data.video)("ngIfElse",i),t.\u0275\u0275advance(3),t.\u0275\u0275property("innerHTML",t.\u0275\u0275pipeBind1(10,14,e.data.answer),t.\u0275\u0275sanitizeHtml),t.\u0275\u0275advance(2),t.\u0275\u0275property("hasVoted",e.data.votingState!==d.VotingState.NOT_VOTED),t.\u0275\u0275advance(2),t.\u0275\u0275textInterpolate1(" ",t.\u0275\u0275pipeBind1(14,16,"faq_section_voting_already_voted_message")," "),t.\u0275\u0275advance(3),t.\u0275\u0275textInterpolate1(" ",t.\u0275\u0275pipeBind1(17,18,"faq_section_voting_header")," "),t.\u0275\u0275advance(3),t.\u0275\u0275classMap("faq-thumbs-up-button-"+e.data.id),t.\u0275\u0275advance(),t.\u0275\u0275property("iconName","icon-thumb-up"),t.\u0275\u0275advance(),t.\u0275\u0275classMap("faq-thumbs-down-button-"+e.data.id),t.\u0275\u0275advance(),t.\u0275\u0275property("iconName","icon-thumb-down")}}function w(n,r){if(1&n&&(t.\u0275\u0275elementContainerStart(0),t.\u0275\u0275elementStart(1,"cd-accordion"),t.\u0275\u0275template(2,U,23,20,"ng-container",2),t.\u0275\u0275elementEnd(),t.\u0275\u0275elementContainerEnd()),2&n){const e=t.\u0275\u0275nextContext();t.\u0275\u0275advance(2),t.\u0275\u0275property("ngForOf",e.faqList)("ngForTrackBy",e.faqId)}}let O=(()=>{class n{constructor(e){this.dispatcher=e,this.VotingState=g,this.FaqSkeleton=C,this.isLoading=!1}ngOnChanges(){this.faqList=(0,P.filter)(this.faqItemList,({answer:e})=>!!e).map(e=>this.mapFaqItem(e))}vote(e,o){this.dispatcher.updateVotedFaqs(e,o)}mapFaqItem(e){return{headline:e.question,data:{answer:e.answer,id:e.id,votingState:this.votedFaqMap?.[e.i

1d]??g.NOT_VOTED,image:e.imageList?.[0],video:e.videoList?.[0]}}}faqId(e,o){return o?.data.id}static{this.\u0275fac=function(o){return new(o||n)(t.\u0275\u0275directiveInject(y))}}static{this.\u0275cmp=t.\u0275\u0275defineComponent({type:n,selectors:[["cd-faq-accordion"]],hostAttrs:["data-automation","faq-accordion"],inputs:{faqItemList:"faqItemList",votedFaqMap:"votedFaqMap",isLoading:"isLoading"},features:[t.\u0275\u0275NgOnChangesFeature],decls:1,vars:3,consts:[["image",""],[4,"cdSkeleton","cdSkeletonSkeletonComponent","cdSkeletonRepeat"],[4,"ngFor","ngForOf","ngForTrackBy"],[1,"content-container"],[4,"ngIf","ngIfElse"],[1,"cdc-body-01--regular",3,"innerHTML"],[3,"hasVoted"],["cd-icon-button","","data-automation","faq-thumbs-up-button",3,"click"],[3,"iconName"],["cd-icon-button","","data-automation","faq-thumbs-down-button",3,"click"],["controls","",1,"media",3,"poster"],[3,"src","type"],[4,"ngIf"],[1,"media",3,"src"]],template:function(o,i){1&o&&t.\u0275\u0275template(0,w,3,2,"ng-container",1),2&o&&t.\u0275\u0275property("cdSkeleton",i.isLoading)("cdSkeletonSkeletonComponent",i.FaqSkeleton)("cdSkeletonRepeat",5)},dependencies:[m.SkeletonLoaderModule,m.SkeletonLoaderDirective,s.AccordionModule,s.AccordionComponent,s.ExpansionPanelComponent,s.ExpansionPanelContentComponent,s.ExpansionPanelTitleComponent,p.NgFor,p.NgIf,l.FeedbackModule,l.HelpfulFeedbackVotingActionComponent,l.HelpfulFeedbackComponent,l.HelpfulFeedbackVotedTextComponent,l.HelpfulFeedbackVotingTextComponent,h.ButtonModule,h.IconButtonComponent,F.IconModule,F.IconComponent,N.TranslatePipe,b.TrustHtmlPipe],styles:[".content-container[_ngcontent-%COMP%]{background:var(--blue-primary-5);padding:var(--cdc-spacing-300);display:flex;flex-direction:column;gap:var(--cdc-spacing-200)}.media[_ngcontent-%COMP%]{width:670px;max-width:100%;height:auto}.cdc-x-small[_nghost-%COMP%]   .media[_ngcontent-%COMP%], .cdc-x-small   [_nghost-%COMP%]   .media[_ngcontent-%COMP%], .cdc-small[_nghost-%COMP%]   .media[_ngcontent-%COMP%], .cdc-small   [_nghost-%COMP%]   .media[_ngcontent-%COMP%]{width:100%;height:auto}"],changeDetection:0})}}return n})(),R=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275mod=t.\u0275\u0275defineNgModule({type:n})}static{this.\u0275inj=t.\u0275\u0275defineInjector({imports:[s.AccordionModule,h.ButtonModule,p.CommonModule,v,l.FeedbackModule,F.IconModule,m.SkeletonLoaderModule,O,C,v]})}}return n})(),$=(()=>{class n{static{this.\u0275fac=function(o){return new(o||n)}}static{this.\u0275cmp=t.\u0275\u0275defineComponent({type:n,selectors:[["cd-faq-accordion"]],inputs:{faqItemList:"faqItemList",votedFaqMap:"votedFaqMap",isLoading:"isLoading"},decls:4,vars:9,template:function(o,i){1&o&&(t.\u0275\u0275text(0),t.\u0275\u0275pipe(1,"json"),t.\u0275\u0275pipe(2,"json"),t.\u0275\u0275pipe(3,"json")),2&o&&t.\u0275\u0275textInterpolate3(" FAQ_ACCORDION FAQ_ITEM_LIST ",t.\u0275\u0275pipeBind1(1,3,i.faqItemList)," FAQ_ACCORDION VOTED_FAQ_MAP ",t.\u0275\u0275pipeBind1(2,5,i.votedFaqMap)," FAQ_ACCORDION IS_LOADING ",t.\u0275\u0275pipeBind1(3,7,i.isLoading)," ")},dependencies:[p.CommonModule,p.JsonPipe],encapsulation:2})}}return n})()}}]);