umwd-components 0.1.341 → 0.1.342
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.
- package/dist/src/components/FluidBackground.js +1 -1
- package/dist/src/components/e-commerce/products/SingleProduct.js +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/FluidBackground.tsx +77 -62
- package/src/components/e-commerce/products/SingleProduct.tsx +38 -34
|
@@ -4,4 +4,4 @@
|
|
|
4
4
|
* @copyright Jelle Paulus
|
|
5
5
|
* @license MIT
|
|
6
6
|
*/
|
|
7
|
-
import{__read as e}from"../../node_modules/tslib/tslib.es6.js";import t,{useState as n,useEffect as
|
|
7
|
+
import{__read as e}from"../../node_modules/tslib/tslib.es6.js";import t,{useState as n,useEffect as a,useRef as r}from"react";import{useTheme as E}from"@mui/material/styles";function i(i){var l=i.ObjectSize,o=void 0===l?300:l,s=e(n({x:0,y:0}),2),c=s[0],m=s[1],d=r(null),p=E(),A=function(e){var t=e.clientX,n=e.clientY;m({x:t,y:n})},I=function(){d.current&&(d.current.style.position="absolute",d.current.style.top="".concat(c.y,"px"),d.current.style.left="".concat(c.x,"px")),requestAnimationFrame(I)};return a((function(){return window.addEventListener("mousemove",A),requestAnimationFrame(I),function(){window.removeEventListener("mousemove",A)}}),[c]),t.createElement("svg",{id:"object",ref:d,width:"".concat(o,"px"),height:"".concat(o,"px"),style:{position:"absolute",transform:"translate(-50%, -50%)"}},t.createElement("defs",null,t.createElement("mask",{id:"radial-gradient-mask"},t.createElement("radialGradient",{id:"gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%"},t.createElement("stop",{offset:"0%",stopColor:"white"}),t.createElement("stop",{offset:"100%",stopColor:"black"})),t.createElement("rect",{width:"100%",height:"100%",fill:"url(#gradient)"}))),t.createElement("rect",{width:"100%",height:"100%",fill:p.palette.primary.main,mask:"url(#radial-gradient-mask)",style:{filter:"opacity(.5)"}}))}function l(){var r=e(n(300),2),l=r[0],o=r[1],s=E();return a((function(){o(Math.sqrt(Math.pow(window.innerWidth,2)+Math.pow(window.innerHeight,2))/1.3)}),[]),t.createElement("div",{style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",zIndex:-1,pointerEvents:"none",isolation:"isolate"}},t.createElement("div",{id:"background",style:{position:"absolute",top:0,left:0,display:"Block",width:"100%",height:"100%",background:s.palette.background.paper,zIndex:-1}}),t.createElement(i,{ObjectSize:l}),t.createElement("svg",{id:"foreground",style:{position:"absolute"},preserveAspectRatio:"xMidYMid slice",width:"100%",height:"100%",viewBox:"0 0 7680 4320 "},t.createElement("defs",null,t.createElement("mask",{id:"mask"},t.createElement("rect",{width:"100%",height:"100%",fill:"white"}),t.createElement("text",{transform:"translate(-1000 200) rotate(-15)",style:{fill:"#000",fontFamily:"Merriweather-Bold, Merriweather",fontSize:"360px",fontWeight:700,letterSpacing:".055em"}},t.createElement("tspan",{x:"0",y:"0"},"JELLE PAULUS IS A TALENTED WEB DEVELOPER AND"," "),t.createElement("tspan",{x:"0",y:"432"},"DESIGNER WITH A PASSION FOR CREATING VISUALLY"," "),t.createElement("tspan",{x:"0",y:"864"},"STUNNING AND USER-FRIENDLY WEBSITES. WITH A"," "),t.createElement("tspan",{x:"0",y:"1296"},"KEEN EYE FOR DETAIL AND A FOCUS ON CREATING"," "),t.createElement("tspan",{x:"0",y:"1728"},"CLEAN, FUNCTIONAL DESIGNS, JELLE HAS A"," "),t.createElement("tspan",{x:"0",y:"2160"},"REPUTATION FOR DELIVERING HIGH-QUALITY WORK"," "),t.createElement("tspan",{x:"0",y:"2592"},"THAT EXCEEDS HIS CLIENTS' EXPECTATIONS. HE HAS A"," "),t.createElement("tspan",{x:"0",y:"3024"},"DEEP UNDERSTANDING OF THE LATEST WEB"," "),t.createElement("tspan",{x:"0",y:"3456"},"DEVELOPMENT TECHNOLOGIES, AND IS ABLE TO"," "),t.createElement("tspan",{x:"0",y:"3888"},"SEAMLESSLY INTEGRATE FUNCTIONALITY AND"," "),t.createElement("tspan",{x:"0",y:"4320"},"AESTHETICS TO CREATE WEBSITES THAT ARE BOTH"," "),t.createElement("tspan",{x:"0",y:"4752"},"FUNCTIONAL AND VISUALLY APPEALING. WHETHER"," "),t.createElement("tspan",{x:"0",y:"5184"},"YOU'RE LOOKING TO ESTABLISH AN ONLINE PRESENCE"," "),t.createElement("tspan",{x:"0",y:"5616"},"OR REVAMP AN EXISTING WEBSITE, JELLE HAS THE"," "),t.createElement("tspan",{x:"0",y:"6048"},"SKILLS AND EXPERTISE TO BRING YOUR VISION TO LIFE.")))),t.createElement("rect",{width:"100%",height:"100%",fill:s.palette.background.default,mask:"url(#mask)"})))}export{l as default};
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
* @copyright Jelle Paulus
|
|
4
4
|
* @license MIT
|
|
5
5
|
*/
|
|
6
|
-
import e from"react";import
|
|
6
|
+
import e,{Suspense as t}from"react";import l from"@mui/material/Box";import i from"@mui/material/Button";import r from"@mui/material/Typography";import a from"@mui/material/Stack";import n from"@mui/material/Grid";import m from"@mui/material/Paper";import{getStrapiMedia as c}from"../../../lib/utils.js";import o from"next/link";import{StrapiImage as u}from"../../StrapiImage.js";import d from"../cart/AddToCartButton.client.js";function s(s){var p,v,g,E,x=s.product;s.sx;var h=x.id,f=x.uuid,y=x.product_number,b=x.title,_=x.description,k=x.slug,T=x.price,j=x.image;x.gallery;var w=x.categories,B=x.stock,F=(null==j?void 0:j.url)?c(j.url):null,C=(null===(v=null===(p=null==j?void 0:j.formats)||void 0===p?void 0:p.thumbnail)||void 0===v?void 0:v.url)?c(j.formats.thumbnail.url):null;return e.createElement(e.Fragment,null,e.createElement(n,{container:!0,spacing:2,sx:{py:3,minHeight:"60vh"}},e.createElement(n,{item:!0,xs:12,sm:12,md:12,lg:12,xl:12},e.createElement(r,{variant:"h4",align:"left",component:"h1"},b)),e.createElement(n,{item:!0,xs:12,sm:8,md:9,lg:4,xl:4},e.createElement(r,{variant:"body1"},_)),e.createElement(n,{item:!0,xs:12,sm:4,md:3,lg:3,xl:3},(null==T?void 0:T.price)&&e.createElement(m,{sx:{p:1}},e.createElement(a,{spacing:1},e.createElement(r,{variant:"body2"},"Price excl. VAT € ",T.price.toFixed(2)),T.price_incl_vat&&e.createElement(r,{variant:"body2",sx:{fontWeight:600}},"Price incl. VAT € ",T.price_incl_vat.toFixed(2)),e.createElement(r,{variant:"body2",sx:{fontWeight:600,color:0===B?"red":"white"},align:"right"},B," items in stock"),e.createElement(d,{product:{id:h,uuid:f,slug:k,thumb:C,title:b,vat_rate:T.vat_rate,quantity:1,price_excl_vat:T.price,price_incl_vat:T.price_incl_vat,product_number:y}})))),e.createElement(n,{item:!0,xs:12,sm:12,md:6,lg:5,xl:5},null!==F&&e.createElement(l,{sx:{height:"400px",width:"100%",position:"relative"}},e.createElement(t,{fallback:e.createElement("div",null,"Loading...")},e.createElement(u,{id:j.id,url:F,alternativeText:j.alternativeText,fill:!0,style:{objectFit:"contain"}})))),e.createElement(n,{item:!0,xs:12,sm:12,md:6,lg:7,xl:7},e.createElement(n,{container:!0,spacing:2},e.createElement(n,{item:!0,xs:12},e.createElement(r,{variant:"h6"},"Image galleryy")),e.createElement(n,{item:!0,xs:12},e.createElement(t,{fallback:e.createElement("div",null,"Loading...")},e.createElement(a,{spacing:1,direction:"row"},(null===(g=null==x?void 0:x.gallery)||void 0===g?void 0:g.data)&&x.gallery.data.map((function(t){var i=(null==t?void 0:t.url)?c(t.url):null;return e.createElement(l,{key:t.id,sx:{width:" 150px",height:"150px",position:"relative"}},null!==i&&e.createElement(u,{id:t.id,url:i,alternativeText:t.alternativeText,fill:!0,style:{objectFit:"contain"}}))}))))),e.createElement(n,{item:!0,xs:12,md:6},(null==w?void 0:w.data)&&e.createElement(a,{justifyContent:"center",alignItems:"center",direction:1===w.data.length?"row":"column"},1===w.data.length?e.createElement(r,null,"Category:"):e.createElement(r,null,"Categories:"),null===(E=w.data)||void 0===E?void 0:E.map((function(t){return e.createElement(o,{href:"/shop/categories/".concat(t.slug),key:t.id,legacyBehavior:!0},e.createElement(i,{variant:"text"},t.slug))})))),e.createElement(n,{item:!0,xs:12,md:6},e.createElement(a,null,e.createElement(o,{href:"/shop",legacyBehavior:!0},e.createElement(i,{variant:"outlined"},"continue shopping"))))))))}export{s as default};
|