https://www.universalsompo.com/9582.7b2cede9bcd758b5.js

1"use strict";(self.webpackChunkusgi=self.webpackChunkusgi||[]).push([[9582],{29582:(P,g,r)=>{r.r(g),r.d(g,{InfographicsModule:()=>M});var c=r(60177),p=r(46359),d=r(45312),t=r(54438),f=r(32374),h=r(70482),l=r(13816);function m(e,a){if(1&e){const n=t.RV6();t.j41(0,"div",13)(1,"a",14),t.bIt("click",function(){const i=t.eBV(n).$implicit,s=t.XpG(2);return t.Njj(s.gotoDtlsPage(i.id))}),t.nrm(2,"img",15),t.j41(3,"div",16)(4,"h3"),t.EFF(5),t.k0s()()()()}if(2&e){const n=a.$implicit;t.R7$(2),t.Y8G("src",n.Image,t.B4B)("alt",n.AltText),t.R7$(3),t.JRh(n.Title)}}function u(e,a){if(1&e){const n=t.RV6();t.j41(0,"div",13)(1,"a",14),t.bIt("click",function(){const i=t.eBV(n).$implicit,s=t.XpG(3);return t.Njj(s.gotoDtlsPage(i.id))}),t.nrm(2,"img",15),t.j41(3,"div",16)(4,"h3"),t.EFF(5),t.k0s()()()()}if(2&e){const n=a.$implicit;t.R7$(2),t.Y8G("src",n.Image,t.B4B)("alt",n.AltText),t.R7$(3),t.JRh(n.Title)}}function x(e,a){if(1&e&&(t.j41(0,"tab",17)(1,"div",10),t.DNE(2,u,6,3,"div",11),t.k0s()()),2&e){const n=a.$implicit,o=t.XpG(2);t.Y8G("heading",null==n?null:n.CategorieType)("id",null==n?null:n.Id),t.R7$(2),t.Y8G("ngForOf",o.getItemsByCategory(null==n?null:n.CategorieType))}}function b(e,a){if(1&e&&(t.j41(0,"div",7)(1,"tabset",8)(2,"tab",9)(3,"div",10),t.DNE(4,m,6,3,"div",11),t.k0s()(),t.DNE(5,x,3,3,"tab",12),t.k0s()()),2&e){const n=t.XpG();t.R7$(4),t.Y8G("ngForOf",n.getItemsALLCategory()),t.R7$(),t.Y8G("ngForOf",n.infoGraphicsCatArray)}}function C(e,a){1&e&&(t.qex(0),t.j41(1,"div",18),t.nrm(2,"div",19),t.k0s(),t.bVm())}function v(e,a){if(1&e&&(t.qex(0),t.nrm(1,"div",3),t.j41(2,"a",4),t.nrm(3,"img",5)(4,"div",6),t.k0s(),t.bVm()),2&e){const n=t.XpG();t.R7$(2),t.Y8G("href",n.getBlogUrl(n.payloadInfoG.BlogHrefURL),t.B4B),t.R7$(),t.Y8G("src",n.payloadInfoG.Image,t.B4B)("alt",n.payloadInfoG.AltText)}}function _(e,a){1&e&&(t.qex(0),t.j41(1,"div",7),t.nrm(2,"div",8),t.k0s(),t.bVm())}const I=[{path:"",component:(()=>{class e{constructor(n,o,i,s){this.router=n,this.elementRef=o,this.commonSrvc=i,this.transSrc=s,this.BASE_IMAGE_URL=d.c.production?"https://www.universalsompo.com":"https://webuat.universalsompo.com/WEBUAT",this.infoGraphicsArray=[],this.isLoadingInfoGraphicsData=!0,this.infoGraphicsCatArray=[]}ngOnInit(){this.getInfoGraphicsCatType(),this.getInfoGraphics()}getInfoGraphics(){this.transSrc.getInsuranceInfographicsData().subscribe({next:n=>{n.Table.length>0?(this.isLoadingInfoGraphicsData=!1,this.infoGraphicsArray=n.Table.map(i=>({id:i.Id,Title:i.Title,AltText:i.AltText,Image:i.Image,BlogHrefURL:i.BlogHrefURL,CategorieType:i.CategorieType,Description:i.Description}))):this.isLoadingInfoGraphicsData=!0},error:n=>{this.isLoadingInfoGraphicsData=!1}})}getInfoGraphicsCatType(){this.transSrc.getAllInfographicCategories().subscribe({next:n=>{n.Table.length>0?(this.isLoadingInfoGraphicsData=!1,this.infoGraphicsCatArray=n.Table):this.isLoadingInfoGraphicsData=!0},error:n=>{this.isLoadingInfoGraphicsData=!1}})}get categories(){return[...new Set(this.infoGraphicsCatArray.map(n=>n.CategorieType))]}getItemsByCategory(n){return this.infoGraphicsArray.filter(o=>o.CategorieType===n)}getItemsALLCategory(){return this.infoGraphicsArray}getBlogUrl(n){return n.startsWith("http")?n:"https://"+n}gotoDtlsPage(n){console.log(n),sessionStorage.setItem("getInGIdForDtlsPage",n),this.router.navigate(["/infographics/infographics-details"])}static{this.\u0275fac=function(o){return new(o||e)(t.rXU(p.Ix),t.rXU(t.aKT),t.rXU(f.h),t.rXU(h.k))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["app-infographics"]],decls:9,vars:2,consts:[[1,"webStories-sec","main-banner"],[1,"container"],[1,"webStories-content"],[1,"text-bolder","text-white","montserrat-bolder"],[1,"stories-wrapper"],["class","stories-section_1",4,"ngIf"],[4,"ngIf"],[1,"stories-section_1"],["type","tabs","justified","true"],["heading","ALL"],[1,"row","my-5"],["class","stories-item col-md-6 mb-4",4,"ngFor","ngForOf"],[3,"heading","id",4,"ngFor","ngForOf"],[1,"stories-item","col-md-6","mb-4"],["target","_blank",1,"story-card-link",3,"click"],[3,"src","alt"],[1,"stories-info"],[3,"heading","id"],[1,"text-center","my-4"],["role","status",1,"spinner-border","text-primary"]],template:function(o,i){1&o&&(t.j41(0,"section",0)(1,"div",1)(2,"div",2)(3,"h1",3),t.EFF(4,"USGI Insurance Infographics"),t.k0s()()()(),t.j41(5,"section",4)(6,"div",1),t.DNE(7,b,6,2,"div",5)(8,C,3,0,"ng-container",6),t.k0s()()),2&o&&(t.R

17$(7),t.Y8G("ngIf",!i.isLoadingInfoGraphicsData),t.R7$(),t.Y8G("ngIf",i.isLoadingInfoGraphicsData))},dependencies:[c.Sq,c.bT,l.V6,l.fw],styles:['.stories-item[_ngcontent-%COMP%]{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 4.8947367668151855px 40.78947067260742px #5151511a;border-radius:32px;-webkit-border-radius:12px;overflow:hidden}.story-card-link[_ngcontent-%COMP%]{display:block;width:100%;text-decoration:none;color:inherit;flex:1}.story-card-link[_ngcontent-%COMP%]:hover{text-decoration:none}.stories-info[_ngcontent-%COMP%]{display:flex;padding:20px;align-items:center;width:100%}.stories-item[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]:after{content:"";position:absolute;width:3px;height:20px;background:#c20;left:-19px;top:0}.share-button-container[_ngcontent-%COMP%]{position:absolute;bottom:22px;right:20px;z-index:10}.webStories-sec[_ngcontent-%COMP%]{text-align:center;padding:30px}.stories-section[_ngcontent-%COMP%]{display:grid;grid-template-columns:25% 25% 25% 25%;gap:20px}.stories-wrapper[_ngcontent-%COMP%]{margin:40px 0}.stories-item[_ngcontent-%COMP%]{text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 4.8947367668151855px 40.78947067260742px #5151511a;border-radius:32px;-webkit-border-radius:12px}.stories-item[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{font-size:14px;color:#000;position:relative;text-align:left;line-height:19px;font-family:montserrat-bold}.share-main-button[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:system-ui,-apple-system,sans-serif;will-change:transform;transform:translateZ(0)}.share-main-button[_ngcontent-%COMP%]:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.share-main-button[_ngcontent-%COMP%]:active{transform:translateY(0)}.share-main-button[_ngcontent-%COMP%]:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.share-icon[_ngcontent-%COMP%]{width:18px;height:18px}.share-text[_ngcontent-%COMP%]{font-weight:500}.share-popover[_ngcontent-%COMP%]{position:absolute;bottom:100%;left:-10%;transform:translate(-50%) translateY(-10px) scale(.95);background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:0;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;margin-bottom:8px;pointer-events:none}.share-popover.active[_ngcontent-%COMP%]{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1);pointer-events:all}.popover-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0}.popover-title[_ngcontent-%COMP%]{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.close-button[_ngcontent-%COMP%]{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button[_ngcontent-%COMP%]:hover{background:#f5f5f5;color:#333}.close-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:18px;height:18px}.share-platforms-grid[_ngcontent-%COMP%]{background:#f0f0f0}.platform-button[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;gap:8px;padding:10px 20px;border:none;border-bottom:1px solid #ccc;color:#000;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:system-ui,-apple-system,sans-serif;font-weight:500;font-size:12px;will-change:transform;transform:translateZ(0)}.platform-button[_ngcontent-%COMP%]:last-child{border-bottom:transparent}.platform-icon[_ngcontent-%COMP%]{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.platform-icon[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:100%;height:100%}

1.platform-name[_ngcontent-%COMP%]{font-weight:500;letter-spacing:.2px}.copy-url-section[_ngcontent-%COMP%]{padding:16px 20px 20px;border-top:1px solid #f0f0f0}.url-input-group[_ngcontent-%COMP%]{display:flex;gap:8px;align-items:center}.url-input[_ngcontent-%COMP%]{flex:1;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:system-ui,-apple-system,monospace;background:#f8f9fa;color:#333;min-width:0;transition:all .2s ease}.url-input[_ngcontent-%COMP%]:focus{outline:none;border-color:#1a1a1a;background:#fff}.copy-url-button[_ngcontent-%COMP%]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap;min-width:100px;justify-content:center}.copy-url-button[_ngcontent-%COMP%]:hover{background:#333}.copy-url-button.copied[_ngcontent-%COMP%]{background:#10b981}.copy-icon[_ngcontent-%COMP%]{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-icon.copied[_ngcontent-%COMP%]{transform:scale(1.1)}.copy-text[_ngcontent-%COMP%]{font-weight:500}.popover-backdrop[_ngcontent-%COMP%]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.popover-backdrop.active[_ngcontent-%COMP%]{opacity:1;visibility:visible}@media (max-width: 991px){.stories-section[_ngcontent-%COMP%]{grid-template-columns:50% 50%}.share-main-button[_ngcontent-%COMP%], .platform-button[_ngcontent-%COMP%], .share-popover[_ngcontent-%COMP%]{transition:none}.share-main-button[_ngcontent-%COMP%]:hover, .platform-button[_ngcontent-%COMP%]:hover{transform:none}}@media (max-width:767px){.stories-section[_ngcontent-%COMP%]{grid-template-columns:100%}.share-main-button[_ngcontent-%COMP%], .platform-button[_ngcontent-%COMP%], .copy-url-button[_ngcontent-%COMP%]{border:2px solid currentColor}.url-input[_ngcontent-%COMP%]{border-width:2px}}@media (max-width: 480px){.share-popover[_ngcontent-%COMP%]{position:fixed;inset:auto 0 0;transform:translateY(100%);width:100%;min-width:unset;border-radius:16px 16px 0 0;margin-bottom:0}.share-popover.active[_ngcontent-%COMP%]{transform:translateY(0)}.share-platforms-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(5,1fr);gap:12px}.platform-button[_ngcontent-%COMP%]{padding:12px 4px;font-size:11px}.url-input-group[_ngcontent-%COMP%]{flex-direction:column}.copy-url-button[_ngcontent-%COMP%]{width:100%}}  .nav-tabs{border-bottom:none;display:flex;justify-content:center}  .nav-tabs .nav-link{background:linear-gradient(135deg,#c02 0% 100%);color:#fff;margin:0 8px;padding:10px 20px;border-radius:25px;transition:all .3s ease;position:relative}  .nav-tabs .nav-link:hover{transform:scale(1.05);background:linear-gradient(135deg,#c02 0% 100%)}  .nav-tabs .nav-link.active{background:#cf354f;color:#fff;font-weight:700;box-shadow:0 4px 10px #0003}  .nav-tabs .nav-link.active:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #cf354f}']})}}return e})()},{path:"infographics-details",component:(()=>{class e{constructor(n,o,i){this.elementRef=n,this.commonSrvc=o,this.transSrc=i,this.BASE_IMAGE_URL=d.c.production?"https://www.universalsompo.com":"https://webuat.universalsompo.com/WEBUAT",this.infoGraphicsArray=[],this.isLoadingInfoGraphicsData=!0,this.infoGraphicsCatArray=[]}ngOnInit(){let n=sessionStorage.getItem("getInGIdForDtlsPage");this.getInfoGraphics(n||"1")}getInfoGraphics(n){this.transSrc.getInfoGraphicsDataByIdDetails(n).subscribe({next:o=>{o.Table.length>0?(this.isLoadingInfoGraphicsData=!1,this.payloadInfoG=o.Table[0]):this.isLoadingInfoGraphicsData=!0},error:o=>{this.isLoadingInfoGraphicsData=!1}})}getBlogUrl(n){return n.startsWith("http")?n:"https://"+n}static{this.\u0275fac=function(o){return new(o||e)(t.rXU(t.aKT),t.rXU(f.h),t.rXU(h.k))}}static{this.\u0275cmp=t.VBU({type:e,selectors:[["app-infographics-detail

1s"]],decls:4,vars:2,consts:[[1,"container"],[1,"row"],[4,"ngIf"],[1,"stories-item","col-md-6","mb-4"],["target","_blank",1,"story-card-link",3,"href"],[3,"src","alt"],[1,"stories-info"],[1,"text-center","my-4"],["role","status",1,"spinner-border","text-primary"]],template:function(o,i){1&o&&(t.j41(0,"div",0)(1,"div",1),t.DNE(2,v,5,3,"ng-container",2),t.k0s(),t.DNE(3,_,3,0,"ng-container",2),t.k0s()),2&o&&(t.R7$(2),t.Y8G("ngIf",i.payloadInfoG),t.R7$(),t.Y8G("ngIf",i.isLoadingInfoGraphicsData))},dependencies:[c.bT]})}}return e})()}];let O=(()=>{class e{static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275mod=t.$C({type:e})}static{this.\u0275inj=t.G2t({imports:[p.iI.forChild(I),p.iI]})}}return e})(),M=(()=>{class e{static{this.\u0275fac=function(o){return new(o||e)}}static{this.\u0275mod=t.$C({type:e})}static{this.\u0275inj=t.G2t({imports:[c.MD,l.jr,O]})}}return e})()}}]);