quirk-ui 0.0.447 → 0.0.448
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index67.css');const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index67.css');const e=require("react/jsx-runtime"),m=require("react"),B=require("./HeroContext.cjs"),i=require("../../ui/PortableTextRenderer/index.cjs"),_=require("../../ui/CallToActions/index.cjs"),h=require("next/image"),P=require("../../hooks/usePrefersReducedMotion.cjs"),q=require("../../../createLucideIcon-DpotSgUx.cjs"),F=require("../../../play-CQBnZgNa.cjs");/**
|
|
2
2
|
* @license lucide-react v0.488.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const I=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],H=q.createLucideIcon("pause",I),S="_hero_100a6_1",U="_container_100a6_7",z="_eyebrow_100a6_24",L="_disclaimer_100a6_28",W="_text_100a6_33",E="_articleDetails_100a6_40",M="_articleType_100a6_53",V="_articleCategories_100a6_66",Y="_category_100a6_72",G="_number_100a6_87",J="_blog_100a6_114",K="_overlay_100a6_138",Q="_fullBleed_100a6_208",X="_split_100a6_302",Z="_image_100a6_307",O="_videoControl_100a6_330",A="_videoWrapper_100a6_351",g="_videoBackground_100a6_371",D="_iframe_100a6_372",s={hero:S,container:U,eyebrow:z,disclaimer:L,text:W,articleDetails:E,articleType:M,articleCategories:V,category:Y,number:G,default:"_default_100a6_110",blog:J,overlay:K,fullBleed:Q,split:X,image:Z,videoControl:O,videoWrapper:A,videoBackground:g,iframe:D};function ee({heading:t,image:l,video:r,callToAction:n,pageData:c,styleOptions:
|
|
6
|
+
*/const I=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],H=q.createLucideIcon("pause",I),S="_hero_100a6_1",U="_container_100a6_7",z="_eyebrow_100a6_24",L="_disclaimer_100a6_28",W="_text_100a6_33",E="_articleDetails_100a6_40",M="_articleType_100a6_53",V="_articleCategories_100a6_66",Y="_category_100a6_72",G="_number_100a6_87",J="_blog_100a6_114",K="_overlay_100a6_138",Q="_fullBleed_100a6_208",X="_split_100a6_302",Z="_image_100a6_307",O="_videoControl_100a6_330",A="_videoWrapper_100a6_351",g="_videoBackground_100a6_371",D="_iframe_100a6_372",s={hero:S,container:U,eyebrow:z,disclaimer:L,text:W,articleDetails:E,articleType:M,articleCategories:V,category:Y,number:G,default:"_default_100a6_110",blog:J,overlay:K,fullBleed:Q,split:X,image:Z,videoControl:O,videoWrapper:A,videoBackground:g,iframe:D};function ee({heading:t,image:l,video:r,callToAction:n,pageData:c,styleOptions:j}){var R,$;const u=P.usePrefersReducedMotion(),[w,v]=m.useState(!u),{setIsFullbleedHeroAtTop:N}=B.useHeroContext(),a=m.useRef(null),x=(j==null?void 0:j.layout)??"default",b={default:s.default,split:s.split,"full-bleed":s.fullBleed,blog:s.blog}[x],k=(R=c==null?void 0:c.categories)!=null&&R.length?c==null?void 0:c.categories[0]:null,y=($=c==null?void 0:c.categories)!=null&&$.length?c==null?void 0:c.categories[1]:null;m.useEffect(()=>{const o=()=>{N(window.scrollY===0)};if(x==="full-bleed"&&typeof window<"u")return N(!0),window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[x]),m.useEffect(()=>{const o=a.current;o&&(u?o.pause():o.play())},[u]);const p=()=>e.jsx("button",{title:`${w?"Pause the video":"Play the video"}`,className:s.videoControl,onClick:()=>{const o=a.current;o&&(o.paused?(o.play().catch(()=>{}),v(!0)):(o.pause(),v(!1)))},children:w?e.jsx(H,{size:18}):e.jsx(F.Play,{size:18})}),C=()=>{if(!r)return null;const o=r.includes("vimeo.com"),d=r.includes("youtube.com")||r.includes("youtu.be");return o||d?e.jsx("div",{className:s.videoWrapper,children:e.jsx("iframe",{src:o?`${r}?autoplay=1&muted=1&loop=1&background=1`:`${r}?autoplay=1&mute=1&loop=1&playlist=${f(r)}`,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs("div",{className:s.videoWrapper,children:[e.jsx(p,{}),e.jsx("video",{ref:a,src:r,autoPlay:!u,loop:!0,muted:!0,playsInline:!0,poster:(l==null?void 0:l.imageUrl)||void 0,preload:"metadata"})]})};function f(o){const d=o.match(/(?:youtube\.com\/.*v=|youtu\.be\/)([^&?/]+)/);return(d==null?void 0:d[1])||""}const T=()=>l&&l.imageUrl?e.jsx("div",{className:s.image,children:e.jsx(h,{src:l.imageUrl,alt:l.asset.altText||l.asset.description||"Hero image",width:600,height:658,priority:!0})}):null;switch(x){case"split":return e.jsx("section",{className:`${s.hero} ${s.split}`,children:e.jsxs("article",{className:s.container,children:[e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[t.eyebrow&&e.jsx(i.RichText,{className:s.eyebrow,blocks:t.eyebrow}),e.jsx(i.RichText,{blocks:t.title})]}),t.description&&e.jsx(i.RichText,{blocks:t.description}),n&&e.jsx(_.CallToActions,{items:n.items,alignment:n.alignment}),t.disclaimer&&e.jsx(i.RichText,{className:s.disclaimer,blocks:t.disclaimer})]}),r?e.jsx(C,{}):e.jsx(T,{})]})});case"default":return e.jsx("section",{className:`${s.hero} ${b}`,children:e.jsxs("article",{className:s.container,children:[r?e.jsx(C,{}):e.jsx(T,{}),e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[t.eyebrow&&e.jsx(i.RichText,{className:s.eyebrow,blocks:t.eyebrow}),e.jsx(i.RichText,{blocks:t.title})]}),t.description&&e.jsx(i.RichText,{blocks:t.description}),n&&e.jsx(_.CallToActions,{items:n.items,alignment:n.alignment})]})]})});case"full-bleed":return e.jsx("section",{className:`${s.hero} ${b} heroFullBleed`,children:e.jsxs("article",{className:s.container,children:[r?r.includes("vimeo.com")||r.includes("youtube.com")||r.includes("youtu.be")?e.jsx("div",{className:s.videoBackground,children:e.jsx("iframe",{src:r.includes("vimeo.com")?`${r}?autoplay=1&muted=1&loop=1&background=1`:`${r}?autoplay=1&mute=1&loop=1&playlist=${f(r)}`,className:s.iframe,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs(e.Fragment,{children:[e.jsx(p,{}),e.jsx("video",{ref:a,className:s.videoBackground,src:r,autoPlay:!u,loop:!0,muted:!0,playsInline:!0,poster:(l==null?void 0:l.imageUrl)||void 0})]}):e.jsx(h,{src:(l==null?void 0:l.imageUrl)??"",alt:(l==null?void 0:l.asset.altText)||(l==null?void 0:l.asset.description)||"Card image",fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:s.overlay,children:e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[t.eyebrow&&e.jsx(i.RichText,{className:s.eyebrow,blocks:t.eyebrow}),e.jsx(i.RichText,{blocks:t.title})]}),t.description&&e.jsx(i.RichText,{blocks:t.description}),n&&e.jsx(_.CallToActions,{items:n.items,alignment:n.alignment})]})})]})});case"blog":return e.jsx("section",{className:`${s.hero} ${b}`,children:e.jsxs("article",{className:s.container,children:[r?r.includes("vimeo.com")||r.includes("youtube.com")||r.includes("youtu.be")?e.jsx("div",{className:s.videoBackground,children:e.jsx("iframe",{src:r.includes("vimeo.com")?`${r}?autoplay=1&muted=1&loop=1&background=1`:`${r}?autoplay=1&mute=1&loop=1&playlist=${f(r)}`,className:s.iframe,allow:"autoplay; fullscreen",allowFullScreen:!0})}):e.jsxs(e.Fragment,{children:[e.jsx(p,{}),e.jsx("video",{ref:a,className:s.videoBackground,src:r,autoPlay:!u,loop:!0,muted:!0,playsInline:!0,poster:(l==null?void 0:l.imageUrl)||void 0})]}):e.jsx(h,{src:(l==null?void 0:l.imageUrl)??"",alt:(l==null?void 0:l.asset.altText)||(l==null?void 0:l.asset.description)||"Card image",fill:!0,priority:!0,style:{objectFit:"cover"},draggable:!1,sizes:"(min-width: 500px) 500px, 100vw"}),e.jsx("div",{className:s.overlay,children:e.jsxs("div",{className:s.text,children:[e.jsxs("div",{children:[t.eyebrow&&e.jsx(i.RichText,{className:s.eyebrow,blocks:t.eyebrow}),c&&e.jsxs("div",{className:s.articleDetails,children:[c.articleType&&e.jsx("div",{className:s.articleType,children:c.articleType}),e.jsxs("div",{className:s.articleCategories,children:[k&&e.jsx("span",{className:s.category,children:k.title}),y&&y.title.toLowerCase()!=="library"&&!y.slug.current.includes("keywords")&&e.jsx("span",{className:s.category,children:y.title})]}),c.timeToRead&&e.jsx(e.Fragment,{children:e.jsxs("span",{children:[e.jsx("span",{className:s.number,children:c.timeToRead}),"min read"]})})]}),e.jsx(i.RichText,{blocks:t.title})]}),t.description&&e.jsx(i.RichText,{blocks:t.description}),n&&e.jsx(_.CallToActions,{items:n.items,alignment:n.alignment})]})})]})})}}exports.HeroBlock=ee;
|