File Content: product-image-frontend.js (self.webpackChunkwebpackWcBlocksJsonp=self.webpackChunkwebpackWcBlocksJsonp||[]).push([[3706,5432],{6838:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>b});var o=n(721),r=n(9196),l=n(9307),a=n(5736),s=n(3849),c=n.n(s),i=n(4617),u=n(2864),d=n(947),p=n(8360),g=n(5863);n(3030);let m=function(e){return e.SINGLE="single",e.THUMBNAIL="thumbnail",e}({});const f=e=>(0,r.createElement)("img",{...e,src:i.PLACEHOLDER_IMG_SRC,alt:"",width:void 0,height:void 0}),y=({image:e,loaded:t,showFullSize:n,fallbackAlt:o,width:a,scale:s,height:c,aspectRatio:i})=>{const{thumbnail:u,src:d,srcset:p,sizes:g,alt:m}=e||{},y={alt:m||o,hidden:!t,src:u,...n&&{src:d,srcSet:p,sizes:g}},h={height:c,width:a,objectFit:s,aspectRatio:i};return(0,r.createElement)(l.Fragment,null,y.src&&(0,r.createElement)("img",{style:h,"data-testid":"product-image",...y}),!e&&(0,r.createElement)(f,{style:h}))},h=(0,o.withProductDataContext)((e=>{const{className:t,imageSizing:n=m.SINGLE,showProductLink:o=!0,showSaleBadge:s,saleBadgeAlign:i="right",height:h,width:v,scale:b,aspectRatio:k,...w}=e,S=(0,d.F)(e),{parentClassName:N}=(0,u.useInnerBlockLayoutContext)(),{product:E,isLoading:C}=(0,u.useProductDataContext)(),{dispatchStoreEvent:L}=(0,p.n)();if(!E.id)return(0,r.createElement)("div",{className:c()(t,"wc-block-components-product-image",{[`${N}__product-image`]:N},S.className),style:S.style},(0,r.createElement)(f,null));const x=!!E.images.length,F=x?E.images[0]:null,_=o?"a":l.Fragment,A=(0,a.sprintf)(/* translators: %s is referring to the product name */ /* translators: %s is referring to the product name */ (0,a.__)("Link to %s","woocommerce"),E.name),B={href:E.permalink,...!x&&{"aria-label":A},onClick:()=>{L("product-view-link",{product:E})}};return delete w.style,(0,r.createElement)("div",{className:c()(t,"wc-block-components-product-image",{[`${N}__product-image`]:N},S.className),style:S.style},(0,r.createElement)(_,{...o&&B},!!s&&(0,r.createElement)(g.default,{align:i,...w}),(0,r.createElement)(y,{fallbackAlt:E.name,image:F,loaded:!C,showFullSize:n!==m.THUMBNAIL,width:v,height:h,scale:b,aspectRatio:k})))})),v={showProductLink:{type:"boolean",default:!0},showSaleBadge:{type:"boolean",default:!0},saleBadgeAlign:{type:"string",default:"right"},imageSizing:{type:"string",default:m.SINGLE},productId:{type:"number",default:0},isDescendentOfQueryLoop:{type:"boolean",default:!1},isDescendentOfSingleProductBlock:{type:"boolean",default:!1},width:{type:"string"},height:{type:"string"},scale:{type:"string",default:"cover"},aspectRatio:{type:"string"}},b=(0,o.withFilteredAttributes)(v)(h)},5863:(e,t,n)=>{"use strict";n.r(t),n.d(t,{Block:()=>d,default:()=>p});var o=n(9196),r=n(5736),l=n(3849),a=n.n(l),s=n(711),c=n(2864),i=n(947),u=n(721);n(3902);const d=e=>{const{className:t,align:n}=e,l=(0,i.F)(e),{parentClassName:u}=(0,c.useInnerBlockLayoutContext)(),{product:d}=(0,c.useProductDataContext)();if(!(d.id&&d.on_sale||e.isDescendentOfSingleProductTemplate))return null;const p="string"==typeof n?`wc-block-components-product-sale-badge--align-${n}`:"";return(0,o.createElement)("div",{className:a()("wc-block-components-product-sale-badge",t,p,{[`${u}__product-onsale`]:u},l.className),style:l.style},(0,o.createElement)(s.Label,{label:(0,r.__)("Sale","woocommerce"),screenReaderLabel:(0,r.__)("Product on sale","woocommerce")}))},p=(0,u.withProductDataContext)(d)},947:(e,t,n)=>{"use strict";n.d(t,{F:()=>i});var o=n(3849),r=n.n(o),l=n(7998),a=n(3243),s=n(3392),c=n(172);const i=e=>{const t=(e=>{const t=(0,l.Kn)(e)?e:{style:{}};let n=t.style;return(0,a.H)(n)&&(n=JSON.parse(n)||{}),(0,l.Kn)(n)||(n={}),{...t,style:n}})(e),n=(0,c.vc)(t),o=(0,c.l8)(t),i=(0,c.su)(t),u=(0,s.f)(t);return{className:r()(u.className,n.className,o.className,i.className),style:{...u.style,...n.style,...o.style,...i.style}}}},3392:(e,t,n)=>{"use strict";n.d(t,{f:()=>l});var o=n(7998),r=n(3243);const l=e=>{const t=(0,o.Kn)(e.style.typography)?e.style.typography:{},n=(0,r.H)(t.fontFamily)?t.fontFamily:"";return{className:e.fontFamily?`has-${e.fontFamily}-font-family`:n,style:{fontSize:e.fontSize?`var(--wp--preset--font-size--${e.fontSize})`:t.fontSize,fontStyle:t.fontStyle,fontWeight:t.fontWeight,letterSpacing:t.letterSpacing,lineHeight:t.lineHeight,textDecoration:t.textDecoration,textTransform:t.textTransform}}}},172:(e,t,n)=>{"use strict";n.d(t,{l8:()=>d,su:()=>p,vc:()=>u});var o=n(3849),r=n.n(o),l=n(7427),a=n(2289),s=n(7998);function c(e={}){const t={};return(0,a.getCSSRules)(e,{selector:""}).forEach((e=>{t[e.key]=e.value})),t}function i(e,t){return e&&t?`has-${(0,l.o)(t)}-${e}`:""}function u(e){var t,n,o,l,a,u,d;const{backgroundColor:p,textColor:g,gradient:m,style:f}=e,y=i("background-color",p),h=i("color",g),v=function(e){if(e)return`has-${e}-gradient-background`}(m),b=v||(null==f||null===(t=f.color)||void 0===t?void 0:t.gradient);return{className:r()(h,v,{[y]:!b&&!!y,"has-text-color":g||(null==f||null===(n=f.color)||void 0===n?void 0:n.text),"has-background":p||(null==f||null===(o=f.color)||void 0===o?void 0:o.background)||m||(null==f||null===(l=f.color)||void 0===l?void 0:l.gradient),"has-link-color":(0,s.Kn)(null==f||null===(a=f.elements)||void 0===a?void 0:a.link)?null==f||null===(u=f.elements)||void 0===u||null===(d=u.link)||void 0===d?void 0:d.color:void 0}),style:c({color:(null==f?void 0:f.color)||{}})}}function d(e){var t;const n=(null===(t=e.style)||void 0===t?void 0:t.border)||{};return{className:function(e){var t;const{borderColor:n,style:o}=e,l=n?i("border-color",n):"";return r()({"has-border-color":!!n||!(null==o||null===(t=o.border)||void 0===t||!t.color),[l]:!!l})}(e),style:c({border:n})}}function p(e){var t;return{className:void 0,style:c({spacing:(null===(t=e.style)||void 0===t?void 0:t.spacing)||{}})}}},2893:(e,t,n)=>{"use strict";n.d(t,{F:()=>o});const o=e=>null===e},7998:(e,t,n)=>{"use strict";n.d(t,{$n:()=>l,Kn:()=>r});var o=n(2893);const r=e=>!(0,o.F)(e)&&e instanceof Object&&e.constructor===Object;function l(e,t){return r(e)&&t in e}},3243:(e,t,n)=>{"use strict";n.d(t,{H:()=>o});const o=e=>"string"==typeof e},112:(e,t,n)=>{"use strict";n.d(t,{$:()=>l});var o=n(3112),r=n(7090);function l(e,t){return void 0===t&&(t={}),(0,r.B)(e,(0,o.pi)({delimiter:"."},t))}},3030:()=>{},3902:()=>{},3569:(e,t,n)=>{"use strict";function o(e){return e.toLowerCase()}n.d(t,{U:()=>o})},7090:(e,t,n)=>{"use strict";n.d(t,{B:()=>a});var o=n(3569),r=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],l=/[^A-Z0-9]+/gi;function a(e,t){void 0===t&&(t={});for(var n=t.splitRegexp,a=void 0===n?r:n,c=t.stripRegexp,i=void 0===c?l:c,u=t.transform,d=void 0===u?o.U:u,p=t.delimiter,g=void 0===p?" ":p,m=s(s(e,a,"$1\0$2"),i,"\0"),f=0,y=m.length;"\0"===m.charAt(f);)f++;for(;"\0"===m.charAt(y-1);)y--;return m.slice(f,y).split("\0").map(d).join(g)}function s(e,t,n){return t instanceof RegExp?e.replace(t,n):t.reduce((function(e,t){return e.replace(t,n)}),e)}},7427:(e,t,n)=>{"use strict";n.d(t,{o:()=>l});var o=n(3112),r=n(112);function l(e,t){return void 0===t&&(t={}),(0,r.$)(e,(0,o.pi)({delimiter:"-"},t))}},3112:(e,t,n)=>{"use strict";n.d(t,{pi:()=>o});var o=function(){return o=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},o.apply(this,arguments)};Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError}}]); Submit