https://www.aramco.com/dist/client/assets/Media_CardContainer-I5a-4XhF.js

1import{bi as k,b2 as y,aX as r,g as l}from"./vendor-DacH4Axe.js";import{ak as v,ap as j,X as w,R as _,j as m,G as C,P as S}from"./common-BQRL9VEI.js";import{S as z,b as P,a as h}from"./@splidejs/react-splide-DZCQO66H.js";import{u as M}from"./shared/Media_CardContainer/Media_QuotesOnARowContainer-7gdiu8DO.js";import"./react-hook-form-DKq7G64E.js";import"./devlop-Cl3hj7Sz.js";import"./react-markdown-C0K8dZ-l.js";import"./micromark-util-sanitize-uri-Dr-249hl.js";import"./micromark-util-character-Crq1AjvP.js";import"./unist-util-visit-BEqpjG-T.js";import"./unist-util-visit-parents-BzuIhZFT.js";import"./unist-util-is-D9KQvrmg.js";import"./micromark-util-decode-numeric-character-reference-CNs1qBpV.js";import"./micromark-util-decode-string-strjl-tx.js";import"./decode-named-character-reference-C3-224fz.js";import"./micromark-util-normalize-identifier-C9ANKk3v.js";import"./micromark-util-subtokenize-BC4BSQ9J.js";import"./micromark-util-chunked-DrRIdSP-.js";import"./micromark-util-combine-extensions-Bka6Sc1c.js";import"./micromark-factory-space-BWWALS__.js";import"./micromark-core-commonmark-3inbqGMm.js";import"./micromark-util-classify-character-CmoJ_zKU.js";import"./micromark-util-resolve-all-PQCKh0dx.js";import"./micromark-factory-destination-C2qZjv7H.js";import"./micromark-factory-label-Bolj5dRz.js";import"./micromark-factory-title-Cioy9Ajn.js";import"./micromark-factory-whitespace-TGriqLdU.js";import"./mdast-util-to-string-C_aolqmU.js";import"./remark-gfm-CfmVxcyc.js";const W=({rendering:t,fields:u})=>{const{sitecoreContext:i}=j(),d=M(t.placeholderNames.card_container,t),[c]=k(`(min-width: ${w.md})`),[o,x]=y.useState(!1),g=i.custom.settings.isRtl,b={options:{lazyLoad:"nearby",pagination:!1,snap:!0,drag:o,gap:"1.25rem",autoplay:!1,type:"slide",flickPower:120,speed:800,easing:"cubic-bezier(0.25, 1, 0.5, 1)",fixedWidth:"calc( 25% - 15px )",fixedHeight:"auto",arrows:!1,waitForTransition:o,focus:0,direction:g?"rtl":"ltr",perPage:1,mediaQuery:"min",breakpoints:{700:{perPage:2}}}},n=(a,e)=>{x(a.Components.Layout.isOverflow());const p=a.Components.Controller.getEnd(),s=a.root.querySelector("[data-progress-bar] span"),f=Math.min((e+1)/(p+1),1);s.style.width=`${100*f}%`};return r.jsxs(_,{py:["var(--chakra-sizes-modulePY__SM)",null,"var(--chakra-sizes-modulePY__MD)",null,"var(--chakra-sizes-modulePY__XL)"],overflow:"hidden",children:[r.jsx(m,{py:"0",children:r.jsx(C,{...u})}),r.jsx(m,{py:"0",px:["var(--chakra-sizes-pageMarginSM)",null,"8",null,"16"],sx:i.pageEditing?{".sc-jss-empty-placeholder":{width:"100%"}}:{".splide__track":{overflow:"visible"}},children:r.jsxs(z,{tag:"div",onResized:a=>n(a,a.Components.Controller.getIndex()),onMove:n,onMounted:a=>n(a,0),hasTrack:!1,...b,className:i.pageEditing?"is-initialized":"",children:[r.jsx(P,{children:i.pageEditing?r.jsx(S,{name:t.placeholderNames.card_container,rendering:t,renderEach:(a,e)=>r.jsx(h,{style:{minWidth:c?"var(--chakra-sizes-cardWidth)":"var(--chakra-sizes-cardWidthMobile)",maxWidth:"430px",width:"calc(25% - 15px)"},children:a},e)}):r.jsx(r.Fragment,{children:d.map((a,e)=>{var s;const p=(s=a.props.fields)==null?void 0:s.title;return r.jsx(h,{style:{minWidth:c?"var(--chakra-sizes-cardWidth)":"var(--chakra-sizes-cardWidthMobile)",maxWidth:"430px",width:"calc(25% - 15px)"},"data-tracking-type":"visibility","data-tracking-id":"manual_cards_listing","data-tracking-data":JSON.stringify({text:p,index:e+1,count:d.length}),children:a},e)})})}),r.jsx(l,{display:o?"block":"none","data-progress-bar":!0,className:"splide__progressbar",mt:["2rem",null,null,"2.65rem"],w:"100%",h:"3px",borderRadius:"2px",position:"relative",bgColor:"progressBar.default",children:r.jsx(l,{as:"span",borderRadius:"2px",h:"100%",transitionDuration:".5s",transitionProperty:"width",transitionTimingFunction:"aramcoCubic",position:"absolute",overflow:"hidden",children:r.jsx(l,{w:"100%",h:"100%",borderRadius:"2px",position:"absolute",bg:"gradients.brand"})})})]})})]})},or=v()(W);export{or as default};
2//# sourceMappingURL=Media_CardContainer-I5a-4XhF.js.map