https://www.ulta.com/ux/assets/js/ulta-modules-ArticleRowStackedCo…ticleRowStackedCompact-js.62e73fb8.chunk.js

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

1,p=function(e){const{backgroundColor:t,patternBackground:r,articles:n,articleTextAlign:m,title:p,eyebrow:y,subtitle:E,root:T=h.root,rootMargin:b=h.rootMargin,threshold:v=h.threshold}=e,x=A(n?.length),C=(0,l.useRef)(null);return(0,s.BL)(C,{root:T,rootMargin:b,threshold:v},(0,g.eP)(e)),n&&m?l.createElement("div",{className:a("ArticleRowStackedCompact",{ArticleRowStackedCompact__withBackgroundColor:t&&!r,[`ArticleRowStackedCompact__numArticle--0${n?.length}`]:n}),ref:C},r&&l.createElement("div",{className:"ArticleRowStackedCompact__patternBackground"},l.createElement(o.Ay,(0,u.iU)({...r}))),l.createElement(c.Ay,(0,u.iU)({fullBleedContentBackgroundColor:r?void 0:t}),y&&l.createElement("div",{className:a("ArticleRowStackedCompact__headingEyebrow",{"ArticleRowStackedCompact__headingEyebrow--withPatternBgPosition":r})},l.createElement(i.Ay,{htmlTag:"p",textStyle:"eyebrow",textAlign:"center"},y)),p?.text&&l.createElement("div",{className:a("ArticleRowStackedCompact__headingTitle",{"ArticleRowStackedCompact__headingTitle--withPatternBgPosition":r&&!y})},l.createElement(i.Ay,{htmlTag:p.htmlTag,textStyle:"title-4",textAlign:"center"},p.text)),E&&l.createElement("div",{className:"ArticleRowStackedCompact__headingSubtitle"},l.createElement(i.Ay,{htmlTag:"p",textStyle:"subtitle-1",textAlign:"center"},E)),n&&n.map((e,r)=>l.createElement(d.default,_({},(0,u.iU)({...e}),{cardOrientation:"vertical",articleTextAlign:m,backgroundColor:t,upCountText:x,upCountCounter:r,key:r}))))):null},y={title:n.object,eyebrow:n.string,subtitle:n.string,backgroundColor:n.string,patternBackground:n.object,articles:n.array,articleTextAlign:n.string,linkAction:n.object},h={...m.A.INTERSECTION_OBSERVER_OPTIONS};p.defaultProps=h,p.propTypes=y;const E=p}}]);
2//# sourceMappingURL=ulta-modules-ArticleRowStackedCompact-ArticleRowStackedCompact-js.62e73fb8.chunk.js.map