1import{a as re}from"./chunk-7G6E5ZDE.js";import{a as ne}from"./chunk-MEYSAAXG.js";import{e as te,h as ie}from"./chunk-AQ2KAPTD.js";import{$a as p,Bb as R,Cb as O,F,Ga as G,H as k,Q as f,Sa as v,Ta as y,U as I,V as E,W as T,Wa as D,X as B,Xa as L,Y as U,Ya as m,Za as n,_ as N,_a as r,ac as X,db as M,dc as $,ea as h,fb as P,ga as V,hb as d,i as S,jb as Q,kb as Y,lb as W,pb as Z,qa as A,qc as ee,ra as b,rb as l,rc as z,sb as g,sc as oe,tb as J,va as q,vb as _,wa as a,y as j,yb as H,zb as K}from"./chunk-YEMCP27T.js";var se=["articleContent"],ce=()=>["/contact-us"],de=o=>["/blog",o],me=()=>["/blog"],le=(o,t)=>t.id;function pe(o,t){o&1&&(n(0,"div",3),p(1,"div",4),n(2,"p",5),l(3,"Loading blog details..."),r()())}function ge(o,t){if(o&1){let e=M();n(0,"li",12)(1,"a",36),P("click",function(s){let c=I(e).$implicit,u=d(3);return E(u.onTocClick(s,c.id))}),n(2,"span"),l(3),r(),n(4,"span",37),l(5,"\u2192"),r()()()}if(o&2){let e=t.$implicit,i=d(3);a(),Z("active",i.activeSectionId()===e.id),m("href","#"+e.id,b),a(2),g(e.title)}}function ue(o,t){if(o&1&&p(0,"img",45),o&2){let e=d(2).$implicit;m("alt",_(e.title))("src",e.thumbnailImageUrl,b)}}function fe(o,t){if(o&1&&(n(0,"a",41)(1,"div",42)(2,"div",43)(3,"h2",44),l(4),r(),v(5,ue,1,3,"img",45),n(6,"p",46),l(7),r()()(),n(8,"div",47)(9,"span",48),l(10," Read more "),T(),n(11,"svg",49),p(12,"path",50),r()(),B(),n(13,"span",51)(14,"div",52),p(15,"img",53),n(16,"div",54)(17,"span",55),l(18),r(),n(19,"span",56),l(20),R(21,"date"),r()()()()()()),o&2){let e=d().$implicit;m("routerLink",K(11,de,e.slug)),a(4),g(e.title),a(),y(e.thumbnailImageUrl?5:-1),a(2),g(e.summary),a(8),m("alt",_(e.author))("src",e.authorImage?e.authorImage:"images/default-avatar.png",b),a(3),g(e.author),a(2),g(O(21,9,e.publishedDate))}}function he(o,t){if(o&1&&v(0,fe,22,13,"a",41),o&2){let e=t.$implicit,i=d(4);y(e.slug!==i.post()?.slug?0:-1)}}function xe(o,t){if(o&1&&(n(0,"div",35)(1,"h4",38),p(2,"span",39),l(3," Related Posts "),r(),n(4,"div",40),D(5,he,1,1,null,null,le),r()()),o&2){let e=d(3);a(5),L(e.relevantPosts())}}function be(o,t){if(o&1){let e=M();n(0,"div",7)(1,"aside",8)(2,"div",9)(3,"h4",10),l(4,"Quick Navigation"),r(),n(5,"ul",11),D(6,ge,6,4,"li",12,le),r()(),n(8,"div",13)(9,"h4",14),l(10,"Need Software That Fits Your Business?"),r(),n(11,"p",15),l(12,"From Document Management Software to ERP and CRM solutions, our custom software development team helps you simplify operations, improve visibility, and scale with confidence."),r(),n(13,"a",16),l(14," Book a Free Consultation "),r()()(),n(15,"article",17)(16,"div",18),p(17,"img",19)(18,"div",20),r(),n(19,"div",21)(20,"h1",22),l(21),r(),n(22,"div",23)(23,"div",24),p(24,"img",25),n(25,"div")(26,"p",26),l(27),r(),n(28,"p",27),l(29),R(30,"date"),r()()(),n(31,"button",28),P("click",function(){I(e);let s=d(2);return E(s.sharePost())}),T(),n(32,"svg",29),p(33,"path",30)(34,"path",31)(35,"path",32),r(),l(36," Share Article "),r()(),B(),p(37,"div",33,0),n(39,"div",34),l(40," Enjoyed this article? Explore more practical insights, product updates, and implementation guides in our blog library. "),r()()()(),v(41,xe,7,0,"div",35)}if(o&2){let e=t,i=d(2);a(6),L(i.tocItems()),a(7),m("routerLink",H(15,ce)),a(4),m("src",_(e.featuredImageUrl),b)("alt",_(e.title)),a(4),J(" ",e.title," "),a(3),m("alt",_(e.author))("src",e.authorImage?e.authorImage:"images/default-avatar.png",b),a(3),g(e.author),a(2),g(O(30,13,e.publishedDate)),a(8),m("innerHTML",i.safeContent(),A),a(4),y(i.relevantPosts().length>0?41:-1)}}function ve(o,t){if(o&1&&(n(0,"div",6)(1,"h2",57),l(2,"Blog not available"),r(),n(3,"p",58),l(4),r(),n(5,"a",59),l(6,"Back to Blog"),r()()),o&2){let e=d(2);a(4),g(e.error()||"The requested blog could not be loaded."),a(),m("routerLink",H(2,me))}}function ye(o,t){if(o&1&&v(0,be,42,16)(1,ve,7,3,"div",6),o&2){let e,i=d();y((e=i.post())?0:1,e)}}var ae=class o{route=f(te);blogService=f(re);seo=f(oe);sanitizer=f(ee);platformId=f(V);injector=f(U);destroyRef=f(N);articleContentRef;post=h(null);relevantPosts=h([]);loading=h(!0);error=h(null);safeContent=h(null);tocItems=h([]);activeSectionId=h("");intersectionObserver;onHashChange=()=>{let t=this.currentHash();t&&this.tocItems().some(e=>e.id===t)&&this.scrollToSection(t,!1)};ngOnInit(){this.route.paramMap.pipe(k(()=>{this.loading.set(!0),this.error.set(null),this.post.set(null)}),F(t=>{let e=t.get("slug");return e?this.blogService.getPostBySlug(e).pipe(k(i=>{let s=ne.find(c=>
1c.code===i.productCode)?.name||"";i.tagList=i.tags?i.tags.split(",").map(c=>c.trim()):[],this.post.set(i),this.safeContent.set(this.sanitizer.bypassSecurityTrustHtml(i.content)),this.applySeo(i,s),this.loading.set(!1),i.id&&(this.getRelevantPosts(i.id),this.recordView(i.id)),q(()=>this.setupToc(),{injector:this.injector})}),j(()=>(this.error.set("Unable to load blog details at the moment."),this.loading.set(!1),S))):(this.error.set("Blog not found"),this.loading.set(!1),S)})).subscribe(),$(this.platformId)&&(window.addEventListener("hashchange",this.onHashChange),this.destroyRef.onDestroy(()=>{window.removeEventListener("hashchange",this.onHashChange),this.intersectionObserver?.disconnect()}))}onTocClick(t,e){t.preventDefault(),this.scrollToSection(e,!0)}setupToc(){let t=this.articleContentRef?.nativeElement;if(!t)return;let e=Array.from(t.querySelectorAll("h2")),i=e.map((x,C)=>{let w=`point-${C+2}`;return x.id=w,{id:w,title:x.textContent?.trim()??""}});this.tocItems.set([{id:"point-1",title:"Introduction"},...i]),console.log("TOC items:",this.tocItems());let s=document.getElementById("point-1"),c=s?[s,...e]:e;this.setupSectionObserver(c);let u=this.currentHash();u&&i.some(x=>x.id===u)?this.scrollToSection(u,!1):i.length&&this.activeSectionId.set(this.tocItems()[0].id)}setupSectionObserver(t){this.intersectionObserver?.disconnect(),t.length&&(this.intersectionObserver=new IntersectionObserver(e=>{let i=e.filter(s=>s.isIntersecting).sort((s,c)=>s.boundingClientRect.top-c.boundingClientRect.top);i.length&&this.activeSectionId.set(i[0].target.id)},{rootMargin:"-110px 0px -70% 0px",threshold:0}),t.forEach(e=>this.intersectionObserver.observe(e)))}scrollToSection(t,e){let i=document.getElementById(t);if(!i)return;let c=i.getBoundingClientRect().top+window.scrollY-120;window.scrollTo({top:c,behavior:"smooth"}),this.activeSectionId.set(t),e&&history.pushState(null,"",`${window.location.pathname}${window.location.search}#${t}`)}currentHash(){return window.location.hash.slice(1).trim()}sharePost(){let t=this.post();if(!t)return;let e=`${z.appUrl}/blog/${t.slug}`;navigator.share&&navigator.share({title:t.title,text:t.title,url:e})}applySeo(t,e){let i=(z.appUrl||"https://mlglobtech.com/").replace(/\/+$/,""),s=`${i}/blog/${t.slug}`,c=t.metaTitle?.trim()||`${t.title} | MLGLOBTECH`,u=t.metaDescription?.trim()||t.summary?.trim()||"MLGLOBTECH Blog",x=t.featuredImageUrl||t.thumbnailImageUrl||`${i}/images/mlglobtech-logo.svg`,C={"@context":"https://schema.org","@type":"BlogPosting",headline:t.title,description:u,image:x,url:s,mainEntityOfPage:{"@type":"WebPage","@id":s},author:t.author?{"@type":"Person",name:t.author}:void 0,publisher:{"@type":"Organization",name:"MLGLOBTECH",logo:{"@type":"ImageObject",url:`${i}/images/mlglobtech-logo.svg`}},datePublished:t.publishedDate,dateModified:t.publishedDate,keywords:t.tags||void 0,articleSection:e||void 0},w={"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:"Home",item:`${i}/`},{"@type":"ListItem",position:2,name:"Blog",item:`${i}/blog`},{"@type":"ListItem",position:3,name:t.title,item:s}]};this.seo.update({title:c,description:u,url:s,image:x,imageAlt:t.title,type:"article",jsonLd:[C,w]})}recordView(t){if(!$(this.platformId))return;let e=this.getClientContext();this.blogService.recordView(t,e).subscribe({error:()=>{}})}getClientContext(){try{return{pageUrl:location.href,referrer:document.referrer||void 0,timezone:Intl.DateTimeFormat().resolvedOptions().timeZone,locale:Intl.DateTimeFormat().resolvedOptions().locale,screenResolution:`${screen.width}x${screen.height}`,viewport:`${window.innerWidth}x${window.innerHeight}`,platform:navigator.userAgentData?.platform||navigator.platform}}catch{return{}}}getRelevantPosts(t){this.blogService.getRelevantPosts(t).subscribe({next:e=>{this.relevantPosts.set(e)},error:e=>{console.error("Error fetching relevant posts:",e)}})}static \u0275fac=function(e){return new(e||o)};static \u0275cmp=G({type:o,selectors:[["app-blog-detail"]],viewQuery:function(e,i){if(e&1&&Q(se,5),e&2){let s;Y(s=W())&&(i.articleContentRef=s.first)}},decls:4,vars:1,consts:[["articleContent",""],[1,"pt-24","bg-white","min-h-screen"],[1,"container","mx-auto","px-4","py-12"],[1,"flex","flex-col","items-center","justify-center","py-16"],[1,"w-10","h-10","border-4","border-primary/30","border-t-primary","rounded-full","animate-spin"],[1,"mt-4","text-gray-600","font-medium"],[1,"text-center","py-16"],[1,"grid","grid-cols-1","lg:grid-cols-3","gap-8"],["aria-label","Article table of contents",1,"order-1","hidden","lg:block","lg:col-span-1","lg:sticky","lg:top-28","lg:self-start","space-y-6"],[1,"article-toc"],[1,"toc-heading"],["id","navbar",1,"toc-list","p-0","m-0"],[1,"toc-item"],[1,"rounded-2xl","border","border-[#ebe5d8]","bg-gradient-to-br","from-[#f6f1e6]","via-[#fbf9f4]","to-[#eef3f8]","p-5","shadow-[0_20px_45px_-35px_rgba(15,23,42,0.5)]"],[1,"mb-2","text-lg","font-bold","text-gray-900"],[1,"mb-4","text-sm","leading-relaxed","text-gray-700"],[1,"inline-flex","items-center","justify-center","rounded-xl","bg-primary","px-4","py-2.5","text-sm","font-semibold","text-white","transition","hover:bg-black",3,"routerLink"],[1,"order-2","lg:col-span-2","bg-white","rounded-2xl","shadow-lg","overflow-hidden"],[1,"relative","aspect-[4/3]","sm:h-72","sm:aspect-auto","lg:h-96","overflow-hidden","bg-[#f8f8f8]"],[1,"h-full","w-full","object-contain","sm:object-cover","object-center",3,"src","alt"],[1,"absolute","
1inset-0","hidden","sm:block","bg-gradient-to-t","from-black/40","via-transparent","to-transparent"],[1,"p-5","sm:p-8","prose","max-w-none"],["id","point-1",1,"mb-4","text-2xl","font-extrabold","leading-snug","text-gray-900","sm:text-3xl","md:text-4xl"],[1,"mb-7","flex","flex-wrap","items-center","justify-between","gap-4","border-b","border-[#efe8dc]","pb-5"],[1,"flex","items-center","gap-3"],[1,"h-11","w-11","rounded-full","border","border-[#ded5c8]","object-cover",3,"src","alt"],[1,"text-sm","font-semibold","text-gray-800"],[1,"text-xs","text-gray-500"],[1,"inline-flex","items-center","gap-2","rounded-xl","bg-primary","px-5","py-2.5","text-sm","font-semibold","text-white","shadow-[0_14px_30px_-18px_rgba(0,0,0,0.45)]","transition","duration-200","hover:-translate-y-0.5","hover:bg-black","focus:outline-none","focus:ring-2","focus:ring-primary/50","focus:ring-offset-2",3,"click"],["fill","none","stroke","currentColor","stroke-width","2","viewBox","0 0 24 24",1,"h-4","w-4"],["stroke-linecap","round","stroke-linejoin","round","d","M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"],["stroke-linecap","round","stroke-linejoin","round","d","M16 6l-4-4-4 4"],["stroke-linecap","round","stroke-linejoin","round","d","M12 2v14"],[1,"mt-6","blog-content",3,"innerHTML"],[1,"mt-10","rounded-2xl","border","border-[#ebe3d6]","bg-[#f9f6ef]","px-5","py-4","text-sm","text-gray-700"],[1,"mt-10"],[1,"toc-link",3,"click","href"],["aria-hidden","true",1,"toc-arrow"],[1,"mb-6","flex","items-center","gap-3","text-2xl","font-extrabold","text-gray-900"],["aria-hidden","true",1,"h-6","w-1.5","rounded-full","bg-primary"],[1,"grid","grid-cols-1","md:grid-cols-2","lg:grid-cols-3","gap-8"],[1,"group","flex","flex-col","h-full","bg-white","rounded-2xl","shadow-md","hover:shadow-2xl","transform","hover:-translate-y-2","transition","duration-300","overflow-hidden","border","border-gray-100","hover:border-primary","hover:border-opacity-50",3,"routerLink"],[1,"p-6","flex","flex-col","flex-grow"],[1,"flex-grow"],[1,"text-xl","font-bold","text-gray-900","group-hover:text-primary","transition","line-clamp-2"],[1,"w-full","h-auto","object-cover","rounded-lg","mb-4","mt-4",3,"src","alt"],[1,"mt-3","text-gray-600","text-sm","leading-relaxed","line-clamp-3"],[1,"px-6","pb-6","border-t","border-gray-100","pt-4","flex","items-center","justify-between"],[1,"text-primary","font-semibold","group-hover:gap-2","flex","items-center","gap-1","transition"],["fill","currentColor","viewBox","0 0 24 24",1,"w-5","h-5","group-hover:translate-x-1","transition-all","duration-300"],["d","M13 7l5 5m0 0l-5 5m5-5H6","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],[1,"flex","items-center","gap-2","text-sm","text-gray-400","font-medium"],[1,"flex","items-center"],[1,"w-10","h-10","rounded-full","border","border-gray-300","mr-3",3,"src","alt"],[1,"flex","flex-col"],[1,"font-semibold","text-gray-700"],[1,"text-xs","text-gray-400","mt-1"],[1,"text-2xl","font-bold","text-gray-800","mb-3"],[1,"text-gray-600","mb-6"],[1,"inline-block","px-5","py-2","rounded","bg-primary","text-white","font-semibold",3,"routerLink"]],template:function(e,i){e&1&&(n(0,"main",1)(1,"section",2),v(2,pe,4,0,"div",3)(3,ye,2,1),r()()),e&2&&(a(2),y(i.loading()?2:3))},dependencies:[ie,X],styles:[`.blog-content{margin:0 auto;line-height:1.7;font-size:17px;overflow-wrap:anywhere;word-break:break-word}.blog-content h1{font-size:34px;margin:28px 0 14px;font-weight:700;line-height:1.3}.blog-content h2{font-size:28px;margin:26px 0 12px;font-weight:600;border-bottom:1px solid #eee;padding-bottom:6px}.blog-content h3{font-size:20px;font-weight:600}.blog-content h4{font-size:18px;margin:18px 0 8px;font-weight:600}.blog-content p{margin:14px 0}.blog-content a{color:#0e8a16;text-decoration:none;font-weight:500}.blog-content a:hover{text-decoration:underline}.blog-content ul,.blog-content ol{margin:14px 0;padding-left:24px}.blog-content li{margin:6px 0}.blog-content strong{font-weight:600}.blog-content blockquote{border-left:4px solid #0e8a16;padding-left:12px;margin:16px 0;color:#555;font-style:italic}.blog-content img{max-width:100%;height:auto;border-radius:6px;margin:16px 0}.blog-content table{width:100%;border-collapse:collapse;margin:16px 0}.blog-content table th,.blog-content table td{border:1px solid #ddd;padding:10px;text-align:left}.blog-content table th{background-color:#f5f5f5;font-weight:600}.blog-content hr{border:none;border-top:1px solid #eee;margin:24px 0}.blog-content h2+h3{margin-top:16px}
1.blog-content small{color:#777}.blog-content span[style*=windowtext]{color:#222!important}.blog-content ul,.blog-content ol{margin:1rem 0;padding-left:1.25rem}.blog-content ul{list-style:disc}.blog-content ul ul{list-style:circle;margin-top:.25rem}.blog-content ol{list-style:decimal}.blog-content li{margin-bottom:.5rem;line-height:1.6}.blog-content li::marker{color:#18cb96;font-weight:600}.blog-content ul ul ul{list-style:square}.blog-content p>ul,.blog-content p>ol{margin-top:.5rem;margin-bottom:.5rem}@media(max-width:768px){.blog-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-content{font-size:16px;line-height:1.8}.blog-content h1{font-size:1.5rem}.blog-content h2{font-size:1.3rem}.blog-content h3{font-size:20px;font-size:1.2rem}}.article-toc{--toc-primary: var(--color-primary, #18cb96);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 12px 30px -24px #0f172a59;overflow:hidden}.toc-heading{margin:0;padding:16px 18px 10px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid #f1f2f4}.toc-list{list-style:none;max-height:320px;overflow-y:auto}.toc-item{border-bottom:1px solid #f1f2f4}.toc-item:last-child{border-bottom:none}.toc-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 12px 20px;font-size:14px;font-weight:500;line-height:1.4;color:#4b5563;text-decoration:none;border-left:3px solid transparent;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.toc-link:hover{color:#111827;background:#f8fafc}.toc-link:focus-visible{outline:2px solid var(--toc-primary);outline-offset:-2px}.toc-link .toc-arrow{flex-shrink:0;color:#cbd5e1;transition:transform .15s ease,color .15s ease}.toc-link:hover .toc-arrow{color:var(--toc-primary);transform:translate(2px)}.toc-link.active{color:var(--toc-primary);font-weight:700;background:#eafaf5;border-left-color:var(--toc-primary)}.toc-link.active .toc-arrow{color:var(--toc-primary);transform:translate(2px)}@media(min-width:1024px){.toc-list{max-height:calc(100vh - 220px)}} 2`],encapsulation:2})};export{ae as BlogDetail};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.