https://kapl.org.sa/chunk-IMOSATMC.js

1import{a as N}from"./chunk-REDB4PY6.js";import{a as W}from"./chunk-OOSK2HN3.js";import{a as H}from"./chunk-GXRZHUC6.js";import{a as R}from"./chunk-HR6N2JU4.js";import{h as F}from"./chunk-VPRV6O5K.js";import"./chunk-J4HJR42N.js";import"./chunk-SHOMHIY5.js";import{a as V}from"./chunk-PZHHH6CS.js";import{Bb as L,Bd as A,Cc as s,Db as B,Dc as a,Eb as p,Fb as _,Gb as D,Ib as w,Jb as P,Kb as v,Lb as o,Mb as r,Nb as m,Ra as C,Ub as T,Wa as n,Wb as I,Yb as l,ca as h,cd as j,hc as d,ia as M,ic as b,ja as O,jc as x,lb as z,nd as $,oa as E,sa as u,uc as U,v as S,yd as y}from"./chunk-4ZWULVLN.js";import"./chunk-KAVETMHO.js";var K=()=>[1,2,3,4];function Q(i,t){i&1&&(o(0,"div",11),m(1,"div",12)(2,"div",13)(3,"div",14)(4,"div",15),o(5,"div",16),m(6,"div",17)(7,"div",17),r(),o(8,"div",18),m(9,"div",19)(10,"div",20),r()())}function X(i,t){i&1&&(o(0,"section",1)(1,"div",3)(2,"header",4),m(3,"div",5)(4,"div",6),r(),m(5,"div",7)(6,"div",8),r(),o(7,"div",3)(8,"div",9)(9,"div",10),w(10,Q,11,0,"div",11,D),r()()()()),i&2&&(n(10),P(U(0,K)))}function Y(i,t){if(i&1&&(o(0,"h2",21),d(1),s(2,"translate"),r()),i&2){let e=l();n(),b(a(2,1,e.title))}}function Z(i,t){if(i&1&&(o(0,"a",22),s(1,"translate"),d(2),s(3,"translate"),r()),i&2){let e=l();v("routerLink",e.viewAllLink)("title",a(1,3,e.viewAllLabel)),n(2),x(" ",a(3,5,e.viewAllLabel)," ")}}function ee(i,t){if(i&1&&(o(0,"p",23),d(1),s(2,"translate"),r()),i&2){let e=l();n(),x(" ",a(2,1,e.description)," ")}}function ie(i,t){if(i&1){let e=T();o(0,"img",36),s(1,"translate"),s(2,"translate"),I("error",function(){M(e);let f=l().$implicit;return O(f.hasImgError=!0)}),r()}if(i&2){let e=l().$implicit;v("src",e.icon,C)("alt",a(1,3,e.title))("title",a(2,5,e.title))}}function te(i,t){if(i&1&&m(0,"i",28),i&2){let e=l().$implicit;v("ngClass",e.icon.includes("/")?"bi-check-circle":e.icon)}}function ne(i,t){if(i&1&&(o(0,"span",31),d(1),s(2,"translate"),r()),i&2){let e=l().$implicit;n(),b(a(2,1,e.tags[0]))}}function re(i,t){if(i&1&&(o(0,"span",32),d(1),s(2,"translate"),r()),i&2){let e=l().$implicit;n(),b(a(2,1,e.tags[1]))}}function oe(i,t){if(i&1&&(o(0,"span",33),d(1),s(2,"translate"),r()),i&2){let e=l().$implicit;n(),b(a(2,1,e.tags[2]))}}function se(i,t){if(i&1&&(o(0,"div",25)(1,"div",11)(2,"div",26),p(3,ie,3,7,"img",27)(4,te,1,1,"i",28),r(),o(5,"h3",29),d(6),s(7,"translate"),r(),o(8,"p",30),d(9),s(10,"translate"),r(),o(11,"div",16),p(12,ne,3,3,"span",31),p(13,re,3,3,"span",32),p(14,oe,3,3,"span",33),r(),o(15,"div",18)(16,"a",34),d(17),s(18,"translate"),r(),o(19,"a",35),d(20),s(21,"translate"),r()()()()),i&2){let e=t.$implicit;n(3),_(e.icon.includes("/")&&!e.hasImgError?3:4),n(3),x(" ",a(7,10,e.title)," "),n(3),x(" ",a(10,12,e.description)," "),n(3),_(e.tags&&e.tags[0]?12:-1),n(),_(e.tags&&e.tags[1]?13:-1),n(),_(e.tags&&e.tags[2]?14:-1),n(2),v("routerLink",e.serviceLink),n(),x(" ",a(18,14,"home.start_service")," "),n(2),v("routerLink",e.link),n(),x(" ",a(21,16,"common.see_more")," ")}}function ae(i,t){if(i&1&&(o(0,"section",2)(1,"div",3)(2,"header",4),p(3,Y,3,3,"h2",21),p(4,Z,4,7,"a",22),r(),p(5,ee,3,3,"p",23),r(),o(6,"div",3)(7,"div",9)(8,"app-swiper",24),w(9,se,22,18,"div",25,B().trackService,!0),r()()()()),i&2){let e=t,c=l();L("dir",c.langService.dir()),n(3),_(e.title?3:-1),n(),_(e.viewAllLabel&&e.viewAllLink?4:-1),n(),_(e.description?5:-1),n(3),v("config",c.swiperConfig)("lockLtr",!1),n(),P(e.services)}}var J=class i{mediaBaseUrl=y.mediaBaseUrl;eServiceService=h(N);homepageContentService=h(W);langService=h(A);destroyRef=h(E);set data(t){t&&this.servicesData.set(t)}servicesData=u(null);loading=u(!0);swiperConfig={slidesPerView:1,spaceBetween:5,centeredSlides:!1,loop:!0,autoplay:{delay:3e3,disableOnInteraction:!1},breakpoints:{320:{slidesPerView:1,centeredSlides:!1},591:{slidesPerView:1,centeredSlides:!1},767:{slidesPerView:2,centeredSlides:!1},991:{slidesPerView:2,centeredSlides:!1},1191:{slidesPerView:3,centeredSlides:!1},1200:{slidesPerView:4,centeredSlides:!0}}};extractPath(t){if(!t)return null;let e="";try{e=new URL(t).pathname}catch{e=t}let c=this.langService.currentLang();return e=e.replace(/^\/(en|ar)\//,"/"),e.startsWith("/")?`/${c}${e}`:`/${c}/${e}`}getImageUrl(t){return t?t.startsWith("http")?t:`${y.apiBaseUrl.replace("/api/v1","")}${t.startsWith("/")?t:"/"+t}`:null}ngOnInit(){this.loadEServicesData()}loadEServicesData(){let t=this.langService.currentLang();this.loading.set(!0),S({content:this.homepageContentService.getSectionContent("Home_Eservice",t),services:this.eServiceService.getAllServices(t)}).pipe(V(this.destroyRef)).subscribe({next:({content:e,services:c})=>{let f=(c||[]).map(g=>{let q=this.extractPath(g.seeMoreUrl),G=this.extractPath(g.serviceUrl);return{id:g.guid,icon:this.getImageUrl(g.icon)||"bi-check-circle",title:g.title,de

1scription:g.description||"-",tags:g.tags?g.tags.split(",").map(k=>k.trim()).filter(k=>k):[],link:q||"",serviceLink:G||"",hasImgError:!1}});this.servicesData.set({title:e?.title||"",description:e?.description||"",viewAllLabel:e?.buttonText||"",viewAllLink:e?.buttonUrl&&this.extractPath(e.buttonUrl)||"",services:f}),this.loading.set(!1)},error:e=>{console.error("Error loading E-Services Data:",e),this.loading.set(!1)}})}trackService(t,e){return e.id}static \u0275fac=function(e){return new(e||i)};static \u0275cmp=z({type:i,selectors:[["app-e-services-slider"]],inputs:{data:"data"},decls:4,vars:5,consts:[["aria-hidden","true","width","1440","height","29","loading","lazy","decoding","async",1,"e-services__divider","e-services__divider--top",3,"src","alt"],[1,"e-services","e-services--skeleton"],[1,"e-services"],[1,"container"],[1,"e-services__header"],[1,"skeleton","skeleton--title"],[1,"skeleton","skeleton--view-all"],[1,"skeleton","skeleton--description"],[1,"skeleton","skeleton--description","skeleton--short"],[1,"e-services__slider-wrap"],[1,"e-services-skeleton-grid"],[1,"e-services__card"],[1,"e-services__card-icon","skeleton","skeleton--icon"],[1,"skeleton","skeleton--card-title"],[1,"skeleton","skeleton--card-desc"],[1,"skeleton","skeleton--card-desc","skeleton--short"],[1,"e-services__card-tags"],[1,"skeleton","skeleton--tag"],[1,"e-services__card-actions"],[1,"skeleton","skeleton--action-btn"],[1,"skeleton","skeleton--action-link"],[1,"e-services__title"],[1,"e-services__view-all",3,"routerLink","title"],[1,"e-services__description"],[3,"config","lockLtr"],[1,"swiper-slide"],[1,"e-services__card-icon"],["loading","lazy","decoding","async","width","56","height","56",1,"e-services__img-icon",3,"src","alt","title"],["aria-hidden","true",1,"bi",3,"ngClass"],[1,"e-services__card-title"],[1,"e-services__card-desc"],[1,"e-services__tag","e-services__tag--0"],[1,"e-services__tag","e-services__tag--1"],[1,"e-services__tag","e-services__tag--2"],[1,"e-services__start-btn",3,"routerLink"],[1,"e-services__see-more",3,"routerLink"],["loading","lazy","decoding","async","width","56","height","56",1,"e-services__img-icon",3,"error","src","alt","title"]],template:function(e,c){if(e&1&&(m(0,"img",0),s(1,"translate"),p(2,X,12,1,"section",1)(3,ae,11,6,"section",2)),e&2){let f;v("src",c.mediaBaseUrl+"/uploads/Pictures/Divider.svg",C)("alt",a(1,3,"common.divider")),n(2),_(c.loading()?2:(f=c.servicesData())?3:-1,f)}},dependencies:[F,H,$,j,R],styles:['@charset "UTF-8";.e-services__divider[_ngcontent-%COMP%]{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:767px){.e-services__divider[_ngcontent-%COMP%]{height:28px;object-fit:cover;object-position:center}}.e-services[_ngcontent-%COMP%]{background-color:#f9fafb;background-image:none!important;padding-block:var(--spacing-8)}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton[_ngcontent-%COMP%]{background:#0000000d;background:linear-gradient(90deg,#0000000d 25%,#0000001a,#0000000d 75%);background-size:200% 100%;animation:_ngcontent-%COMP%_shimmer 1.5s infinite;border-radius:4px}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--title[_ngcontent-%COMP%]{height:2.5rem;width:300px}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--view-all[_ngcontent-%COMP%]{height:40px;width:100px;border-radius:var(--border-radius-base)}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--description[_ngcontent-%COMP%]{height:1.25rem;width:80%;margin-bottom:.75rem}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--description.skeleton--short[_ngcontent-%COMP%]{width:50%;margin-bottom:2rem}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--icon[_ngcontent-%COMP%]{width:48px;height:48px;border-radius:50%;margin-bottom:1rem}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--card-title[_ngcontent-%COMP%]{height:1.5rem;width:70%;margin-bottom:.5rem}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--card-desc[_ngcontent-%COMP%]{height:1rem;width:90%;margin-bottom:.5rem}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--card-desc.skeleton--short[_ngcontent-%COMP%]{width:60%}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--tag[_ngcontent-%COMP%]{height:20px;width:60px;border-radius:4px}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--action-btn[_ngcontent-%COMP%]{height:40px;width:100px;border-radius:var(--border-radius-base)}.e-services--skeleton[_ngcontent-%COMP%]   .skeleton--action-link[_ngcontent-%COMP%]{height:20px;width:80px}.e-services--skeleton[_ngcontent-%COMP%]   .e-services-skeleton-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:16px 0}@media(max-width:1199px){.e-services--skeleton[_ngcontent-%COMP%]   .e-services-skeleton-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.e-services--skeleton[_ngcontent-%COMP%]   .e-services-skeleton-grid[_ngcontent-%COMP%]{grid-template-columns:repeat(2,1fr)}}@media(max-width:591px){.e-services--skeleton[_ngcontent-%COMP%]   .e-services-skeleton-grid[_ngcontent-%COMP%]{grid-template-columns:1fr}}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.e-services__header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);margin-block-end:var(--spacing-3)}.e-services__title[_ngcontent-%COMP%]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-700);color:var(--primary);margin:0}.e-services__view-all[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid #d2d6db;border-radius:var(--border-radius-base);font-weight:var(--font-weight-500);font-family:var(--font-family-base);color:var(--small-title);background-color:transparent;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease}.e-services__view-all[_ngcontent-%COMP%]:hover{background-color:var(--grey);border-color:#e5e7eb}.e-services__description[_ngcontent-%COMP%]{font-size:var(--font-size-base);color:var(--small-title);line-height:1.8;max-width:960px;margin-block-end:var(--spacing-5)}[dir=rtl][_ngcontent-%COMP%]   .e-services__description[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.e-services__card[_ngcontent-%COMP%]{background-color:var(--card, #fff);border-radius:16px;border:2px solid #fff;padding:16px;box-shadow:#1018281a 0 4px 8px -2px,#1018280f 0 2px 4px -2px;display:flex;flex-direction:column;gap:13px;width:300.25px;max-width:100%;height:307px;margin:10px;box-sizing:border-box;text-align:start;transition:background-color .2s ease}.e-services__card[_ngcontent-%COMP%]:hover{background-color:var(--card-hover)}.e-services__card-icon[_ngcontent-%COMP%]{width:48px;height:48px;border-radius:50%;background-color:color-mix(in srgb,var(--primary, #1b8354) 8%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.e-services__card-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:22px;color:var(--primary)}.e-services__card-icon[_ngcontent-%COMP%]   .e-services__img-icon[_ngcontent-%COMP%]{width:24px;height:24px;background-color:var(--primary);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;display:inline-block}.e-services__card-title[_ngcontent-%COMP%]{font-size:19px;font-weight:700;color:var(--primary-dark, #074d31);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.e-services__card-desc[_ngcontent-%COMP%]{font-size:16px;color:var(--small-title);line-height:1.6;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:48px}.e-services__card-tags[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.e-services__tag[_ngcontent-%COMP%]{padding:3px 10px;font-size:11px;border-radius:4px}.e-services__tag--0[_ngcontent-%COMP%]{background-color:#ecfdf3;border:1px solid #abefc6;color:#085d3a}.e-services__tag--1[_ngcontent-%COMP%]{background-color:#eff8ff;border:1px solid #b2ddff;color:#1849a9}.e-services__tag--2[_ngcontent-%COMP%]{background-color:var(--card-hover);border:1px solid #e5e7eb;color:#1f2a37}.e-services__card-actions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block-start:auto}.e-services__start-btn[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid #d2d6db;border-radius:var(--border-radius-base);font-size:14px;font-family:var(--font-family-base);font-weight:var(--font-weight-500);color:var(--small-title);background-color:#fff;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.e-services__start-btn[_ngcontent-%COMP%]:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.e-services__see-more[_ngcontent-%COMP%]{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid var(--primary);border-radius:var(--border-radius-base);font-size:14px;font-family:var(--font-family-base);font-weight:var(--font-weight-500);color:#fff;background-color:var(--primary);text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease}.e-services__see-more[_ngcontent-%COMP%]:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.e-services__slider-wrap[_ngcontent-%COMP%]{padding-block-end:var(--spacing-2)}.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-wrapper{align-items:stretch!important;padding:16px 0}.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-slide{height:auto!important;box-sizing:border-box;display:flex;justify-content:center}.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-slide-active .e-services__card{border-color:var(--border-color)}

1.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-controls{display:flex;justify-content:space-between;align-items:center;width:100%;margin-block-start:1.25rem;gap:1rem}.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-controls__pagination{order:1;flex:1;display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-controls__nav{order:2;display:flex;justify-content:flex-end;align-items:center;gap:.625rem;flex-shrink:0}.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-controls__btn{width:2.625rem;height:2.625rem;min-width:2.625rem;min-height:2.625rem;border-radius:50%;box-shadow:0 0 5px #0000001a;background-color:#fff;border:1px solid #d2d6db;color:var(--small-title);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-controls__btn:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-pagination-bullet{width:18px!important;height:18px!important;border-radius:50%!important;border:1px solid var(--border-color)!important;opacity:1!important;background-color:#fff!important;margin:0 3px!important;transition:background .2s ease}.e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-pagination-bullet-active{background:var(--primary)!important}@media only screen and (max-width:991px){.e-services__title[_ngcontent-%COMP%]{font-size:var(--font-size-xl)}}@media only screen and (max-width:767px){.e-services__title[_ngcontent-%COMP%]{font-size:var(--font-size-lg)}.e-services__description[_ngcontent-%COMP%]{font-size:var(--font-size-sm)}.e-services[_ngcontent-%COMP%]   .e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-controls{flex-direction:column;align-items:center}.e-services[_ngcontent-%COMP%]   .e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-controls__pagination{justify-content:center;width:100%}.e-services[_ngcontent-%COMP%]   .e-services__slider-wrap[_ngcontent-%COMP%]     .swiper-controls__nav{justify-content:center}}'],changeDetection:0})};export{J as EServicesSlider};