https://www.ulta.com/ux/assets/js/ulta-modules-CardsRail-CardsRail-js.95e631f2.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3003,6557],{26491:(e,t,l)=>{l.r(t)},30620:(e,t,l)=>{t.iT=void 0,l(26491);var r=u(l(20999)),a=u(l(19115)),i=u(l(55462)),n=l(76948),o=l(19940),s=u(l(86116)),c=u(l(81540));function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),l.push.apply(l,r)}return l}function g(e,t,l){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var l=e[Symbol.toPrimitive];if(void 0!==l){var r=l.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}const m=e=>{const t=e.externalActionElement,l=e.fullyClickableParent,a=e.externalImageElements,u=e.title,m=e.titleTag,b=e.subtitle,p=e.subtitleTag,y=e.backgroundColor,h=void 0===y?f.backgroundColor:y,C=e.elevation,v=void 0===C?f.elevation:C,A=e.theme,E=void 0===A?f.theme:A,P=e.isLoading,T=void 0===P?f.isLoading:P,_=e.loaderHeightSm,k=e.loaderHeightMd,O=e.loaderHeightLg,j=e.loaderHeightXl,x=a&&a.length>=1,L=a&&1===a.length?"div":"ul",D=(0,r.default)("pal-c-ProductCardCollection",{"pal-c-ProductCardCollection--backgroundColor":h,"pal-c-ProductCardCollection__hasLink":l}),w=(0,r.default)("pal-c-ProductCardCollection__container",{["pal-c-ProductCardCollection__elevation--".concat(v)]:v}),M=function(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?d(Object(l),!0).forEach(function(t){g(e,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):d(Object(l)).forEac

1h(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))})}return e}({"--backgroundColor":"var( --pal-colors-".concat(E,"-").concat(h," )")},(0,n.conditionalAttributes)(T?{"--pal-loaderghost-card-height-xl":j,"--pal-loaderghost-card-height-lg":O,"--pal-loaderghost-card-height-md":k,"--pal-loaderghost-card-height-sm":_}:null));return i.default.createElement("div",{className:D,style:M},T?i.default.createElement(s.default,{className:"pal-c-ProductCardCollection__loader",varirant:"default"}):i.default.createElement(i.default.Fragment,null,i.default.createElement("div",{className:w},l&&i.default.createElement(i.default.Fragment,null,t&&i.default.createElement(i.default.Fragment,null,(0,o.renderObject)(t))),i.default.createElement("div",{className:"pal-c-ProductCardCollection__titleAndSubtitle"},i.default.createElement(c.default,{htmlTag:m,textStyle:"title-sm",textColor:"content-default"},u),i.default.createElement(c.default,{htmlTag:p,textStyle:"body-sm",textColor:"xsubtle"},b)),x&&i.default.createElement(L,{className:"pal-c-ProductCardCollection__images"},a&&a))))};t.iT=m;const b={backgroundColor:a.default.string,elevation:a.default.string,externalActionElement:a.default.object,externalImageElements:a.default.array,fullyClickableParent:a.default.bool,subtitle:a.default.string,subtitleTag:a.default.string,theme:a.default.string,title:a.default.string,titleTag:a.default.string,isLoading:a.default.bool,loaderHeightSm:a.default.string,loaderHeightMd:a.default.string,loaderHeightLg:a.default.string,loaderHeightXl:a.default.string},f={backgroundColor:"background-default",elevation:"medium",theme:"default",isLoading:!1};m.propTypes=b},97187:(e,t,l)=>{l.d(t,{H:()=>s,J:()=>c});var r=l(55462),a=l(76856),i=l(57445),n=l(34237),o=l(97187);const s=e=>{const{componentRef:t,root:l,rootMargin:a,threshold:i,dataCapture:s}=e,{hasIntersected:c}=(0,n.BL)(t,{root:l,rootMargin:a,threshold:i});(0,r.useEffect)(()=>{c&&s&&o.J({dataCapture:s})},[c,s])},c=e=>{const{dataCapture:t}=e;t&&a.Ay.processEvents({dataCapture:{...t}},i.h.DATACAPTURE_EVENT_TYPE.viewport)}},66324:(e,t,l)=>{l.r(t),l.d(t,{CardsRail:()=>u,default:()=>m,defaultProps:()=>d,propTypes:()=>g});var r=l(55462),a=l(19115),i=l(19747),n=l(45112),o=l(83058),s=l(73820),c=l(5070);const u=e=>{const t=(0,r.useRef)(null),{dataCapture:l,modules:a,title:u=d.title,subTitle:g=d.subTitle,railAdaMeta:m,nextAccessibility:b=d.nextAccessibility,nextClickAction:f,previousAccessibility:p=d.previousAccessibility,previousClickAction:y}=e,h=u?.htmlTag||"h3",[C]=(0,s.R)(),v={nextAccessibility:b,previousAccessibility:p};return 0===a?.length?null:r.createElement("div",{className:"CardsRail",ref:t},r.createElement(i.Ay,null,r.createElement(n.Ay,{railRef:t,id:C,items:a,previousClickAction:y,nextClickAction:f,headline:u?.text,subheadline:g?.text,headlineTag:h,dataCapture:l,_railADAmeta:m,_railMeta:v,sliderPerViewXL:4,slidesPerGroupXL:4,sliderPerViewLG:4,slidesPerGroupLG:4,sliderPerViewMD:3,slidesPerGroupMD:3,sliderPerViewSM:1.5,slidesPerGroupSM:1},a?.map((e,t)=>r.createElement(n.q7,{key:t},r.createElement(c.default,(0,o.iU)({...e})))))))},d={nextAccessibility:"",previousAccessibility:"",subTitle:{},title:{}},g={modules:a.arrayOf(a.shape({title:a.object,subTitle:a.string,images:a.arrayOf(a.object),action:a.object})),nextAccessibility:a.string,nextClickAction:a.object,previousAccessibility:a.string,previousClickAction:a.object,railADAMeta:a.shape({carouselDetailsAccessibilityLabel:a.string,carouselAccessibilityLabel:a.string}),subTitle:a.object,title:a.object};u.propTypes=g,u.defaultProps=d;const m=u},5070:(e,t,l)=>{l.r(t),l.d(t,{ImagesGridCard:()=>g,createImageArray:()=>m,default:()=>f,propTypes:()=>b});var r=l(55462),a=l(19115),i=l(48567),n=l(30620),o=l(66828),s=l(97187),c=l(99728),u=l(8092);a.object,a.string,a.string,a.bool,a.array,a.string,a.string,a.string,a.string,a.string;const d=e=>{const{action:t,fullyClickableParent:l,imagesArray:a,subtitle:i,subtitleTag:d,title:g,titleTag:m,backgroundColor:b,elevation:f,theme:p}=e,y=(0,r.useRef)(null);let h;return(0,s.H)({...e,componentRef:y}),t&&l&&(h=(0,o.actionFormatter)({action:t,fullyClickableParent:l,textForScreenReaders:g},{getButtonMarkup:c.y,getLinkMarkup:u.Y})),r.createElement("div",{className:"ProductCardCollection",ref:y},r.createElement(n.iT,{backgroundColor:b,elevation:f,externalActionElement:h,externalImageElements:a,fullyClickableParent:l,subt

1itle:i,subtitleTag:d,theme:p,title:g,titleTag:m}))},g=e=>{const{action:t,images:l=[],subTitle:a,title:i}=e;if(!l.length||l.some(e=>!e.imageUrl))return null;const n=(0,r.useRef)(null),o=m({images:l});return(0,s.H)({...e,componentRef:n}),r.createElement(r.Fragment,null,r.createElement("div",{className:"ImagesGridCard",ref:n},r.createElement(d,{action:t,fullyClickableParent:!0,imagesArray:o,subtitle:a,subtitleTag:"p",title:i.text,titleTag:i.htmlTag})))},m=e=>{const{images:t}=e,l=[],a=t?.length>3?t?.slice(0,3):t,n=1===t?.length?"div":"li";return a.forEach((e,t)=>{l.push(r.createElement(n,{key:`ImagesGridCard${t+1} `},r.createElement(i.Ay,{alt:e.accessibilityLabel,src:e.imageUrl,metaData:{imageTemplate:"Neutral00BG"},shouldUseIntersectionObserver:!1})))}),l},b={action:a.shape({url:a.string}).isRequired,images:a.arrayOf(a.shape({imageUrl:a.string,accessibilityLabel:a.string})),subTitle:a.string,title:a.object.isRequired};g.propTypes=b;const f=g}}]);
2//# sourceMappingURL=ulta-modules-CardsRail-CardsRail-js.95e631f2.chunk.js.map