1"use strict";(self.webpackChunkwebstores_starter_kit=self.webpackChunkwebstores_starter_kit||[]).push([["1167"],{46697:function(e,r,t){t.r(r),t.d(r,{default:function(){return s}});var n=t(29229),o=t(43240),l=t(30527),i=t(60529),a=t(54025);function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function c(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t,n,o=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var l=[],i=!0,a=!1;try{for(o=o.call(e);!(i=(t=o.next()).done)&&(l.push(t.value),!r||l.length!==r);i=!0);}catch(e){a=!0,n=e}finally{try{i||null==o.return||o.return()}finally{if(a)throw n}}return l}}(e,r)||function(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return u(e,r)}}(e,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e){var r=e.placeholderImage,t=e.youtubeVideo,u=e.youtubeParams,s=c((0,o.useState)(!1),2),f=s[0],d=s[1],b=c((0,o.useState)(!1),2),m=b[0],y=b[1],h=(0,o.createRef)(),p=new IntersectionObserver(function(e){e&&!(e.length<=0)&&e[0].isIntersecting&&(y(!0),p.disconnect())},{rootMargin:"100px 0px",threshold:.25});return(0,o.useEffect)(function(){window&&"IntersectionObserver"in window?h&&h.current&&p.observe(h.current):y(!0)},[h]),(0,n.jsx)(n.Fragment,{children:r?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.CloudimageProvider,{config:a.X,children:(0,n.jsx)(l.default,{className:"video__placeholder",src:r.source,alt:r.description||r.title,title:r.title,onClick:function(){return d(!f)}})}),(0,n.jsx)("button",{className:"btn video__play-button",onClick:function(){return d(!f)},children:(0,n.jsx)(i.ud,{className:"icon video__play-icon"})}),f&&(0,n.jsx)("iframe",{title:"youtube video",src:t,frameBorder:u.frameborder,allow:u.allow.join("; "),allowFullScreen:u.allowfullscreen})]}):(0,n.jsx)("div",{ref:h,style:{minHeight:"20px"},children:m?(0,n.jsx)("iframe",{title:"youtube video",src:t,frameBorder:u.frameborder,allow:u.allow.join("; "),allowFullScreen:u.allowfullscreen}):void 0})})}}}]); 2//# sourceMappingURL=YoutubeVideo.38a3b8f03f6159bf.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.