https://www.ulta.com/ux/assets/js/ulta-modules-PromotionalRail-PromotionalRail-js.4575ae65.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9656,3307],{48272:(e,t,l)=>{l.r(t),l.d(t,{Article:()=>y,default:()=>b,defaultProps:()=>_,propTypes:()=>p});var i=l(55462),r=l(44545),a=l(19115),n=l(15638),c=l(86710),o=l(21367),s=l(34237),u=l(83058),A=l(52792),d=l(70408),g=l(57445);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var i in l)({}).hasOwnProperty.call(l,i)&&(e[i]=l[i])}return e},m.apply(null,arguments)}const y=function(e){const{image:t,upCountText:l,upCountCounter:a,cardOrientation:g,backgroundColor:y,cardColor:p,highlight:b,tag:v,tagDisplayType:E=_.tagDisplayType,eyebrow:T,disclaimer:h,valueTag:C,articleTextAlign:x,textLayout:k,title:f,titleSupport:P,subtitle:D,linkAction:O,root:N=_.root,rootMargin:S=_.rootMargin,threshold:L=_.threshold}=e,w=!O?.url&&!O?.label,R=O?.url&&!O.label,U=O?.url,B=(0,i.useRef)(null),$=y&&!("neutral-25"===y)&&(null!==y||void 0!==p)||void 0!==p;(0,s.BL)(B,{root:N,rootMargin:S,threshold:L},(0,A.eP)(e));const j=()=>i.createElement(i.Fragment,null,i.createElement("div",{className:"Article__contentImage"},t&&i.createElement(o.Ay,m({imageUrl:t.imageUrl,videoUrl:t.videoUrl,altText:t.altText},(0,u.iU)({metaData:t.metaData}),{shouldUseIntersectionObserver:!1})),b&&i.createElement("div",{className:"Article__highlight"},i.createElement(c.Ay,{textStyle:"body-3"},b))),i.createElement("div",{className:r("Article__contentDetails",{[`Article__contentDetails--${k}`]:k})},v&&i.createElement("div",{className:r("Article__contentTag",{[`Article__contentTag--${x}`]:x})},i.createElement(d.Ay,{messageText:v,messageType:$?"white":E})),T&&i.createElement("div",{className:"Article__contentEyebrow"},i.createElement(c.Ay,{htmlTag:"p",textStyle:"eyebrow",textAlign:x},T)),f&&i.createElement("div",{className:r("Article__contentTitle",{"Article__contentTitle--hiddenLink":R,[`Article__contentTitle--${x}`]:R})},i.createElement(c.Ay,{htmlTag:"h3",textStyle:"title-6",textAlign:x},f)),D&&i.createElement("div",{className:"Article__contentSubtitle"},i.createElement(c.Ay,{htmlTag:"p",textStyle:"body-2",color:"neutral-800",textAlign:x},D)),P&&i.createElement("div",{className:"Article__contentTitlesupport"},i.createElement(c.Ay,{htmlTag:"p",textStyle:"body-2",color:"neutral-800",textAlign:x},P)),h&&i.createElement("div",{className:"Article__contentDisclaimer"},i.createElement(c.Ay,{htmlTag:"p",textStyle:"body-3",color:"neutral-700",textAlign:x},h)),C&&i.createElement("div",{className:r("Article__valuetag",{[`Article__valuetag--${x}`]:x})},i.createElement(d.Ay,{messageText:C,messageType:$?"valuetagWhite":"valuetag"})),O&&O.label&&i.createElement("div",{className:r("Article__contentLabel",{[`Article__contentLabel--${x}`]:x})},i.createElement(c.Ay,{htmlTag:"span"},O.label))));return i.createElement("div",{className:r("Article",{[`Article__${l}UpContentImage--${a}`]:l,[`Article__cardOrientation Article__cardOrientation--${g}`]:g,[`Article__cardBackgroundColor--${p}`]:p,"Article__contentTitle--noLink":w}),ref:B},U&&i.createElement(n.Ay,{action:O},j()),!U&&i.createElement("div",{className:"Article__mainContainer"},j()))},p={title:a.string,titleSupport:a.string,subtitle:a.string,backgroundColor:a.string,patternBackground:a.object,articles:a.array,articleTextAlign:a.string,textLayout:a.string,linkAction:a.object,cardOrientation:a.oneOf(["horizontal","vertical"]),horizontalFlipText:a.bool,upCountText:a.string,upCountCounter:a.number},_={...g.A.INTERSECTION_OBSERVER_OPTIONS,tagDisplayType:"contextual"};y.defaultProps=_,y.propTypes=p;const b=y},7951:(e,t,l)=>{l.r(t),l.d(t,{PromotionalRail:()=>m,default:()=>_,defaultProps:()=>y,propTypes:()=>p});var i=l(55462),r=l(44545),a=l(19115),n=l(19747),c=l(45112),o=l(52696),s=l(83058),u=l(73820),A=l(80373),d=l(48272);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var i in l)({}).hasOwnProperty.call(l,i)&&(e[i]=l[i])}return e},g.apply(null,arguments)}const m=function(e){const t=(0,i.useRef)(null),{articles:l,backgroundColor:a,dataCapture:m,patternBackgroun

1d:p,title:_=y.title,linkAction:b,carouselAccessibility:v,carouselCardAccessibility:E,carouselDetailsAccessibility:T,nextAccessibility:h=y.nextAccessibility,nextClickAction:C,previousAccessibility:x=y.previousAccessibility,previousClickAction:k}=e;let f=l||[];const[P]=(0,u.R)(),D={carouselAccessibility:A.Ay.handleTokenizedString(v,[_]),carouselCardAccessibility:A.Ay.handleTokenizedString(E,[_]),carouselDetailsAccessibility:A.Ay.handleTokenizedString(T,[_])},O={nextAccessibility:h,previousAccessibility:x};return(0,o.Pb)(f)?i.createElement("div",{className:r("PromotionalRail",{PromotionalRail__withBackgroundColor:a}),ref:t},i.createElement(n.Ay,(0,s.iU)({fullBleedContentBackgroundColor:p?void 0:a}),i.createElement(c.Ay,{railRef:t,id:P,headline:_,headlineTag:"h2",viewAllAction:b,items:f,dataCapture:m,_railADAmeta:D,_railMeta:O,nextClickAction:C,previousClickAction:k,sliderPerViewXL:4,slidesPerGroupXL:4,sliderPerViewLG:4,slidesPerGroupLG:4,sliderPerViewMD:3,slidesPerGroupMD:3,sliderPerViewSM:1.6,slidesPerGroupSM:2},l?.length>0&&l.map((e,t)=>i.createElement(c.q7,{key:`PromotionalRail${t+1} `},i.createElement("div",{role:"group"},i.createElement(d.default,g({},(0,s.iU)({...e}),{key:t,backgroundColor:a,promotionalCardAccessibilityKey:t})))))))):null},y={previousAccessibility:"",nextAccessibility:"",title:""},p={articles:a.array,backgroundColor:a.string,carouselAccessibility:a.string,carouselDetailsAccessibility:a.string,linkAction:a.object,nextAccessibility:a.string,nextClickAction:a.object,previousAccessibility:a.string,previousClickAction:a.object,title:a.string};m.propTypes=p,m.defaultProps=y;const _=m}}]);
2//# sourceMappingURL=ulta-modules-PromotionalRail-PromotionalRail-js.4575ae65.chunk.js.map