@qratilabs/qrati-connect 1.46.2 → 2.1.0

package/element/LazyLoadImage-C0sKkhXS.js

@@ -1 +0,0 @@
-import{a as e,j as t,c as r}from"./index-g2pAddGE.js";var o=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","#","$","%","*","+",",","-",".",":",";","=","?","@","[","]","^","_","{","|","}","~"],s=e=>{let t=0;for(let r=0;r<e.length;r++){let s=e[r];t=83*t+o.indexOf(s)}return t},i=e=>{let t=e/255;return t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)},n=e=>{let t=Math.max(0,Math.min(1,e));return t<=.0031308?Math.trunc(12.92*t*255+.5):Math.trunc(255*(1.055*Math.pow(t,.4166666666666667)-.055)+.5)},h=(e,t)=>(e=>e<0?-1:1)(e)*Math.pow(Math.abs(e),t),a=class extends Error{constructor(e){super(e),this.name="ValidationError",this.message=e}},l=e=>{let t=e>>8&255,r=255&e;return[i(e>>16),i(t),i(r)]},c=(e,t)=>{let r=Math.floor(e/361),o=Math.floor(e/19)%19,s=e%19;return[h((r-9)/9,2)*t,h((o-9)/9,2)*t,h((s-9)/9,2)*t]},u=(e,t,r,o)=>{(e=>{if(!e||e.length<6)throw new a("The blurhash string must be at least 6 characters");let t=s(e[0]),r=Math.floor(t/9)+1,o=t%9+1;if(e.length!==4+2*o*r)throw new a(`blurhash length mismatch: length is ${e.length} but it should be ${4+2*o*r}`)})(e),o|=1;let i=s(e[0]),h=Math.floor(i/9)+1,u=i%9+1,p=(s(e[1])+1)/166,d=new Array(u*h);for(let t=0;t<d.length;t++)if(0===t){let r=s(e.substring(2,6));d[t]=l(r)}else{let r=s(e.substring(4+2*t,6+2*t));d[t]=c(r,p*o)}let b=4*t,f=new Uint8ClampedArray(b*r);for(let e=0;e<r;e++)for(let o=0;o<t;o++){let s=0,i=0,a=0;for(let n=0;n<h;n++)for(let h=0;h<u;h++){let l=Math.cos(Math.PI*o*h/t)*Math.cos(Math.PI*e*n/r),c=d[h+n*u];s+=c[0]*l,i+=c[1]*l,a+=c[2]*l}let l=n(s),c=n(i),p=n(a);f[4*o+0+e*b]=l,f[4*o+1+e*b]=c,f[4*o+2+e*b]=p,f[4*o+3+e*b]=255}return f},p=Object.defineProperty,d=Object.defineProperties,b=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,w=(e,t,r)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))g.call(t,r)&&w(e,r,t[r]);if(f)for(var r of f(t))v.call(t,r)&&w(e,r,t[r]);return e},y=(e,t)=>d(e,b(t)),M=(e,t)=>{var r={};for(var o in e)g.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&f)for(var o of f(e))t.indexOf(o)<0&&v.call(e,o)&&(r[o]=e[o]);return r},q=class extends e.PureComponent{constructor(){super(...arguments),this.canvas=null,this.handleRef=e=>{this.canvas=e,this.draw()},this.draw=()=>{let{hash:e,height:t,punch:r,width:o}=this.props;if(this.canvas){let s=u(e,o,t,r),i=this.canvas.getContext("2d"),n=i.createImageData(o,t);n.data.set(s),i.putImageData(n,0,0)}}}componentDidUpdate(){this.draw()}render(){let t=this.props,{hash:r,height:o,width:s}=t,i=M(t,["hash","height","width"]);return e.createElement("canvas",y(m({},i),{height:o,width:s,ref:this.handleRef}))}};q.defaultProps={height:128,width:128};var C={position:"absolute",top:0,bottom:0,left:0,right:0,width:"100%",height:"100%"};(class extends e.PureComponent{componentDidUpdate(){if(this.props.resolutionX<=0)throw new Error("resolutionX must be larger than zero");if(this.props.resolutionY<=0)throw new Error("resolutionY must be larger than zero")}render(){let t=this.props,{hash:r,height:o,width:s,punch:i,resolutionX:n,resolutionY:h,style:a}=t,l=M(t,["hash","height","width","punch","resolutionX","resolutionY","style"]);return e.createElement("div",y(m({},l),{style:y(m({display:"inline-block",height:o,width:s},a),{position:"relative"})}),e.createElement(q,{hash:r,height:h,width:n,punch:i,style:C}))}}).defaultProps={height:128,width:128,resolutionX:32,resolutionY:32};var j=Object.defineProperty,k=(e,t,r)=>((e,t,r)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r)(e,"symbol"!=typeof t?t+"":t,r),O=new Map,V=new WeakMap,x=0;function I(e){return Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>`${t}_${"root"===t?function(e){return e?(V.has(e)||(x+=1,V.set(e,x.toString())),V.get(e)):"0"}(e.root):e[t]}`).toString()}function E(e,t,r={},o=undefined){if(typeof window.IntersectionObserver>"u"&&void 0!==o){const s=e.getBoundingClientRect();return t(o,{isIntersecting:o,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:s,intersectionRect:s,rootBounds:s}),()=>{}}const{id:s,observer:i,elements:n}=function(e){const t=I(e);let r=O.get(t);if(!r){const o=new Map;let s;const i=new IntersectionObserver(t=>{t.forEach(t=>{var r;const i=t.isIntersecting&&s.some(e=>t.intersectionRatio>=e);e.trackVisibility&&typeof t.isVisible>"u"&&(t.isVisible=i),null==(r=o.get(t.target))||r.forEach(e=>{e(i,t)})})},e);s=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:i,elements:o},O.set(t,r)}return r}(r),h=n.get(e)||[];return n.has(e)||n.set(e,h),h.push(t),i.observe(e),function(){h.splice(h.indexOf(t),1),0===h.length&&(n.delete(e),i.unobserve(e)),0===n.size&&(i.disconnect(),O.delete(s))}}var P=class extends e.Component{constructor(e){super(e),k(this,"node",null),k(this,"_unobserveCb",null),k(this,"handleNode",e=>{this.node&&(this.unobserve(),!e&&!this.props.triggerOnce&&!this.props.skip&&this.setState({inView:!!this.props.initialInView,entry:void 0})),this.node=e||null,this.observeNode()}),k(this,"handleChange",(e,t)=>{e&&this.props.triggerOnce&&this.unobserve(),function(e){return"function"!=typeof e.children}(this.props)||this.setState({inView:e,entry:t}),this.props.onChange&&this.props.onChange(e,t)}),this.state={inView:!!e.initialInView,entry:void 0}}componentDidMount(){this.unobserve(),this.observeNode()}componentDidUpdate(e){(e.rootMargin!==this.props.rootMargin||e.root!==this.props.root||e.threshold!==this.props.threshold||e.skip!==this.props.skip||e.trackVisibility!==this.props.trackVisibility||e.delay!==this.props.delay)&&(this.unobserve(),this.observeNode())}componentWillUnmount(){this.unobserve()}observeNode(){if(!this.node||this.props.skip)return;const{threshold:e,root:t,rootMargin:r,trackVisibility:o,delay:s,fallbackInView:i}=this.props;this._unobserveCb=E(this.node,this.handleChange,{threshold:e,root:t,rootMargin:r,trackVisibility:o,delay:s},i)}unobserve(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)}render(){const{children:t}=this.props;if("function"==typeof t){const{inView:e,entry:r}=this.state;return t({inView:e,entry:r,ref:this.handleNode})}const{as:r,triggerOnce:o,threshold:s,root:i,rootMargin:n,onChange:h,skip:a,trackVisibility:l,delay:c,initialInView:u,fallbackInView:p,...d}=this.props;return e.createElement(r||"div",{ref:this.handleNode,...d},t)}};const N=({src:o,alt:s,delayTime:i=0,threshold:n=.5,blurhash:h="LEHV6nWB2yk8pyo0adR*.7kCMdnj",wrapperClassName:a="qc:size-full",sizeMode:l="cover",position:c="center",onClick:u})=>{const p=e.useRef(null),d=e.useRef(null),[b,f]=e.useState(!1),[g,v]=e.useState(!1);return t.jsxs(P,{as:"div",className:r(a,"qc:relative qc:overflow-hidden"),threshold:n,onChange:e=>{e?d.current||(i<=0?f(!0):d.current=setTimeout(()=>f(!0),i)):d.current&&(clearTimeout(d.current),d.current=null)},children:[t.jsx(q,{className:"qc:size-full qc:blur-2xl",hash:h}),t.jsx("img",{alt:s,ref:p,src:b?o:null,onLoad:()=>v(!0),className:r("qc:bg-background qc:absolute qc:left-0 qc:top-0 qc:size-full qc:object-center qc:transition-all qc:duration-300",g?"qc:scale-100 qc:opacity-100":"qc:scale-95 qc:opacity-0","contain"===l?"qc:object-contain":"qc:object-cover","top"===c?"qc:object-top":"bottom"===c?"qc:object-bottom":"qc:object-center"),onClick:u})]})};export{P as I,N as L,u as j};